laodi/*reset*/

:focus{outline:0;}

body,ul,img,p,input,dl,dd,tr,th,td{margin:0;padding:0;}

em{font-style:normal;}

img{border:none;}

li,ul,ol{list-style:none;}

a{text-decoration:none;color:#4d4d4d;}

input{padding:0px;vertical-align: middle;line-height: normal;border:none;} 

body{overflow-x:hidden;}



::selection {

background:#808080; 

color:#fff;

}

::-moz-selection {

background:#808080; 

color:#fff;

}

::-webkit-selection {

background:#808080; 

color:#fff;

}



/*share*/

body{font-size:12px;font-family:Arial,serif;color:#4d4d4d; overflow-x:auto;}

.clear{clear:both;} 

.bold{font-weight:bold;}

.fontRed{color:red;}



*:link,*:visited,*:hover,*:active,*:focus{

 transition:color .30s linear, background-color .30s linear, border-color .30s linear,opacity .30s linear,background-image .30s linear;

 -webkit-transition:color .30s linear, background-color .30s linear, border-color .30s linear,opacity .30s linear,background-image .30s linear;}

 

@font-face {

    font-family: 'tahoma';

    src:url("../font/tahoma.eot")/*tpa=http://www.hopelandiot.com/template/font/tahoma.eot*/;

    src: url("../font/tahoma.eot-#iefix")/*tpa=http://www.hopelandiot.com/template/font/tahoma.eot?#iefix*/ format('embedded-opentype'),

	 url("../font/tahoma.svg#tahoma")/*tpa=http://www.hopelandiot.com/template/font/tahoma.svg#tahoma*/ format('svg'),

	 url("../font/tahoma.woff")/*tpa=http://www.hopelandiot.com/template/font/tahoma.woff*/ format('woff'),

	 url("../font/tahoma.ttf")/*tpa=http://www.hopelandiot.com/template/font/tahoma.ttf*/ format('truetype');

    font-weight: normal;

    font-style: normal;

}







/*language*/

.navbar .container{padding:0 10px;padding-top:10px;text-align:right;width:1000px;margin:auto;}

.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{margin-left:0 !important;}

.navbar .container i{padding-right:5px;color:#0080c2;font-size:18px; vertical-align:middle;}

div.cs-select {

	display: inline-block;

	vertical-align: middle;

	position: relative;

	text-align: left;

	background: #fff;

	z-index: 100;

	width: 100%;

	max-width: 500px;

	-webkit-touch-callout: none;

	-webkit-user-select: none;

	-khtml-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;

}



div.cs-select:focus {

	outline: none; /* For better accessibility add a style for this in your skin */

}



.cs-select select {

	display: none;

}



.cs-select span {

	display: block;

	position: relative;

	cursor: pointer;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;
	font-weight:bold;

}



/* Placeholder and selected option */

.cs-select > span {

	padding-right: 2.5em;text-transform:capitalize;

}



.cs-select > span::after,

.cs-select .cs-selected span::after {

	speak: none;

	position: absolute;

	top: 50%;

	-webkit-transform: translateY(-50%);

	transform: translateY(-50%);

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

}



.cs-select > span::after {

	content: '\f107';

	font-family:FontAwesome;

	color:#707070;

	right: 1em;

	font-size:16px;

}





.cs-select.cs-active > span::after {

	-webkit-transform: translateY(-50%) rotate(180deg);

	transform: translateY(-50%) rotate(180deg);

}



/* Options */

.cs-select .cs-options {

	position: absolute;

	width: 100%;

	background: #fff;

	visibility: hidden;

}



.cs-select.cs-active .cs-options {

	visibility: visible;

}



.cs-select ul {

	list-style: none;

	border:1px solid #ccc;

	margin: 0;

	padding: 0;

	width: 100%;

	box-shadow:0 1px 10px 1px #f2f2f2;

}



.cs-select ul span {

	padding: 6px 5px;
	font-weight:normal;

}

.cs-select ul span:hover {background:#f2f2f2;}



.cs-select ul li.cs-focus span {

	background-color: #ddd;

}



/* Optgroup and optgroup label */

.cs-select li.cs-optgroup ul {

	padding-left: 1em;

}



.cs-select li.cs-optgroup > span {

	cursor: default;

}



/*search*/

.search{display:inline-block;border-bottom:1px solid #cccccc;padding-top:5px;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}

.search .search_main{padding:5px 5px 5px 10px;color:#808080;}

.search .search_main:focus{border:1px solid #e5e5e5;border-bottom:none;}

.search .search_btn{background:url("../images/search.png")/*tpa=http://www.hopelandiot.com/template/images/search.png*/ no-repeat; vertical-align:middle;width:14px;height:14px;margin-right:5px;}

.navbar-brand{margin-top:-40px;}
.navbar-brand img{max-width:220px;max-height:75px;}


/*banner*/

/*#slide_main{margin-top:108px;}*/

.flexslider{position:relative;max-height:785px;overflow:hidden;background:url("../images/loading.gif")/*tpa=http://www.hopelandiot.com/template/images/loading.gif*/ 50% no-repeat;width:100%;max-width:1920px;margin:auto;text-align:center;}

.flexslider .slides{position:relative;z-index:1;}

.flexslider .slides li{max-height:785px;}

.flexslider .slides li img{width:100%;max-width:1920px;}



.flexslider .flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}

.flexslider .flex-control-nav li{display:inline-block;width:20px;height:20px;margin:0 5px;*display:inline;zoom:1;border-radius:50px; vertical-align:middle;}

.flexslider .flex-control-nav a{display:inline-block;width:15px;height:15px;line-height:60px;border-radius:50px;overflow:hidden;background:#fff;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;cursor:pointer;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;box-shadow:0 0 0 2px transparent inset; vertical-align:middle;margin-top:3px;}

.flexslider .flex-control-nav .flex-active{background:#fff;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;border:1px solid #fff;box-shadow:0 0 0 3px rgba(0,0,0,0.1) inset;width:20px;height:20px;vertical-align:middle;margin-top:0;}



.flexslider02{position:relative;max-height:860px;overflow:hidden;background:url("../images/loading.gif")/*tpa=http://www.hopelandiot.com/template/images/loading.gif*/ 50% no-repeat;width:100%;max-width:1920px;margin:auto;}

.flexslider02 .slides{position:relative;z-index:1;}

.flexslider02 .slides li{max-height:860px;}

.flexslider02 .slides li img{width:100%;max-width:1920px;}



.flexslider02 .flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}

.flexslider02 .flex-control-nav li{display:inline-block;width:20px;height:20px;margin:0 5px;*display:inline;zoom:1;border-radius:50px; vertical-align:middle;}

.flexslider02 .flex-control-nav a{display:inline-block;width:15px;height:15px;line-height:60px;border-radius:50px;overflow:hidden;background:#fff;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;cursor:pointer;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;box-shadow:0 0 0 2px transparent inset; vertical-align:middle;margin-top:3px;}

.flexslider02 .flex-control-nav .flex-active{background:#fff;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;border:1px solid #fff;box-shadow:0 0 0 3px rgba(0,0,0,0.1) inset;width:20px;height:20px;vertical-align:middle;margin-top:0;}



.flexslider02 .flex-direction-nav{display:none;}

@media only screen and (min-width: 1000px) {
	.flexslider .slides li{background:none !important;}
}

@media only screen and (max-width: 1000px) {
	.flexslider,.flexslider02{height:380px;width:1020px;}
	.flexslider .slides li{height:380px;width:100%;background-size:cover !important;}
	.flexslider02 .slides li{width:100%;}
	.flexslider .slides li img{position:absolute;
left:50%;
top:0;
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}
}


/*index-service*/

.index_serBox{background:url("../images/ser_bg.jpg")/*tpa=http://www.hopelandiot.com/template/images/ser_bg.jpg*/ no-repeat top center;background-size:cover;min-width:1020px;width:100%;padding:0 10px;}

.index_serBox .index_ser{max-width:1020px;min-width:1000px;margin:auto;padding:6% 0;}
@media \0screen\,screen\9 {.index_serBox .index_ser{padding:4% 0;} }
.index_ser .index_ser_left{width:47%;margin-right:2%; vertical-align:middle;display:inline-block;}

.index_ser .index_ser_left em{display:block;font-weight:bold;color:#4c4c4c;text-transform:uppercase;margin-bottom:20px;font-size:26px;}

.index_ser .index_ser_left p{color:#808080;line-height:180%;overflow:hidden;max-height:274px;max-width:90%;}



.index_ser .index_ser_right{width:50%; vertical-align:middle;display:inline-block;}

.index_ser .index_ser_right li{width:50%;max-width:250px;max-height:250px;float:left;text-align:center;padding:40px 0;position:relative;}

.index_ser .index_ser_right li a{position:absolute;left:0;top:0;width:100%;height:100%;z-index:99;}

.index_ser .index_ser_right li em{display:block;text-transform:uppercase;font-weight:bold;font-size:22px;color:#007cc3;margin-bottom:5%;padding-left:20px;text-align:left;}

.index_ser .index_ser_right li span{ vertical-align:middle;display:block;width:100%;text-align:center;margin-bottom:10px;height:108px;}

.index_ser .index_ser_right li span img{max-width:100px;max-height:110px;width:auto;height:auto;}

.index_ser .index_ser_right li p{display:inline-block; vertical-align:middle;width:100%;font-size:14px;overflow:hidden;line-height:180%;color:#808080;max-height:24px;}



/*button*/

.button {

	display:inline-block;

	padding:8px 20px;

	margin-top:1em;

	border: none;

	background: none;

	color: inherit;

	vertical-align: middle;

	position: relative;

	z-index: 1;

	-webkit-backface-visibility: hidden;

	-moz-osx-font-smoothing: grayscale;

}

.button:focus {

	outline: none;

}

.button > span {

	vertical-align: middle;

}

.button.button--aylen {

	background: #eb9036;

	color: #fff;

	border-radius:5px;

	overflow: hidden;

	font-size:14px;

	-webkit-transition: color 0.3s;

	transition: color 0.3s;

}

.button--aylen.button--inverted {

	background: none;

	color: #fff;

}

.button--aylen::before,

.button--aylen::after {

	content: '';

	position: absolute;

	height: 100%;

	width: 100%;

	bottom: 100%;

	left: 0;

	z-index: -1;

	-webkit-transition: -webkit-transform 0.3s;

	transition: transform 0.3s;

	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);

	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);

}

.button--aylen::before {

	background: #ffb46b;

}

.button--aylen::after {

	background: #eb9036;

}

.button--aylen:hover {

	color: #fff;

}

.button--aylen:hover::before,

.button--aylen:hover::after {

	-webkit-transform: translate3d(0, 100%, 0);

	transform: translate3d(0, 100%, 0);

}

.button--aylen:hover::after {

	-webkit-transition-delay: 0.175s;

	transition-delay: 0.175s;

}



/*index-company*/

.index_aboutBox{background:url("../images/about_bg.jpg")/*tpa=http://www.hopelandiot.com/template/images/about_bg.jpg*/ no-repeat top center;min-width:1020px;width:100%;padding:0 10px;text-align:center;}

.index_aboutBox .index_about{max-width:1020px;margin:auto;padding:6% 0;width:100%;text-align:left;}

.index_aboutBox>img{max-width:1000px;width:100%;height:auto;margin-top:-3%;margin-bottom:3%;}

.index_about .iabout_left{width:53%;margin-left:6%; vertical-align:top;display:inline-block;}

.index_about .iabout_left em{display:block;font-weight:bold;color:#4c4c4c;text-transform:uppercase;margin-bottom:20px;font-size:26px;line-height:26px;}

.index_about .iabout_left>p{color:#808080;line-height:24px;overflow:hidden;max-height:288px;max-width:100%;text-align:justify;text-justify:inter-ideograph;}

.iabout_left .button{	display:inline-block;padding:8px 20px;margin-top:1em;

	border: none;

	background: none;

	color: inherit;

	vertical-align: middle;

	position: relative;

	z-index: 1;

	-webkit-backface-visibility: hidden;

	-moz-osx-font-smoothing: grayscale;
}

.iabout_left .button--aylen{background:#eb9036;color:#fff;border-radius:5px;font-size:14px;-webkit-transition: color 0.3s;transition: color 0.3s;}

.iabout_left .button--aylen::before {

	background: #ffb46b;

}

.iabout_left .button--aylen::after {

	background: #eb9036;

}

.iabout_left .button--aylen:hover {

	color: #fff;

}



.owl-carousel .owl-wrapper:after {

	content: ".";

	display: block;

	clear: both;

	visibility: hidden;

	line-height: 0;

	height: 0;

}

.owl-carousel{

	display: none;

	position: relative;

	width: 100%;

	-ms-touch-action: pan-y;

}

.owl-carousel .owl-wrapper{

	display: none;

	position: relative;

	-webkit-transform: translate3d(0px, 0px, 0px);

}

.owl-carousel .owl-wrapper-outer{

	overflow: hidden;

	position: relative;

	width: 100%;

}

.owl-carousel .owl-wrapper-outer.autoHeight{

	-webkit-transition: height 500ms ease-in-out;

	-moz-transition: height 500ms ease-in-out;

	-ms-transition: height 500ms ease-in-out;

	-o-transition: height 500ms ease-in-out;

	transition: height 500ms ease-in-out;

}

.owl-carousel .owl-item{

	float: left;

}

.owl-controls .owl-page,

.owl-controls .owl-buttons div{

	cursor: pointer;

}

.owl-controls {

	-webkit-user-select: none;

	-khtml-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;

	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}

.grabbing { 

    cursor:url("grabbing.png")/*tpa=http://www.hopelandiot.com/template/css/grabbing.png*/ 8 8, move;

}

.owl-carousel  .owl-wrapper,

.owl-carousel  .owl-item{

	-webkit-backface-visibility: hidden;

	-moz-backface-visibility:    hidden;

	-ms-backface-visibility:     hidden;

  -webkit-transform: translate3d(0,0,0);

  -moz-transform: translate3d(0,0,0);

  -ms-transform: translate3d(0,0,0);

}

#owl-demo{position:relative;width:400px;height:400px;border:1px solid #bebebe;padding:6px;display:inline-block !important; vertical-align:middle;}

#owl-demo .item{ position:relative;display:block;}

#owl-demo img{display:block;max-width:386px;width:100%;max-height:386px;height:auto;}

.owl-pagination{position:absolute;left:0;bottom:10px;width:100%;height:22px;text-align:center;}

.owl-page{display:inline-block;width:10px;height:10px;margin:0 5px;background:#fff;*display:inline;*zoom:1;border-radius:50px;}

.owl-pagination .active{background:#eb9036;}

.owl-buttons{display:none;}

.owl-buttons div{position:absolute;top:50%;width:40px;height:80px;margin-top:-40px;text-indent:-9999px;}

.owl-prev{left:0;background-image:url("../images/bg17.png")/*tpa=http://www.hopelandiot.com/template/images/bg17.png*/;filter:alpha(opacity=30);-moz-opacity:0.3;opacity:0.3;}

.owl-next{right:0;background-image:url("../images/bg18.png")/*tpa=http://www.hopelandiot.com/template/images/bg18.png*/;filter:alpha(opacity=30);-moz-opacity:0.3;opacity:0.3;}

.owl-prev:hover{background-image:url("../images/bg17.png")/*tpa=http://www.hopelandiot.com/template/images/bg17.png*/;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}

.owl-next:hover{background-image:url("../images/bg18.png")/*tpa=http://www.hopelandiot.com/template/images/bg18.png*/;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}



.index_news{background:#f2f2f2;min-width:1020px;width:100%;padding:0 10px;}

.index_news>ul{margin:auto;max-width:1000px;width:100%;padding:2% 0;}

.index_news>ul>em{display:block;color:#4c4c4c;font-size:24px;text-transform:uppercase;font-weight:bold;margin-bottom:1em;}

.index_news>ul li{border-bottom:1px solid #d9d9d9;padding-bottom:20px;margin:20px 0;}

.index_news li img{width:169px;height:127px;display:inline-block; vertical-align:top;}

.index_news .inews_right{width:80%;margin-left:2%;display:inline-block;vertical-align:top;}

.index_news .inews_right em{font-size:18px;display:block;color:#333333;overflow:hidden;width:100%;margin-bottom:1em;text-overflow:ellipsis;white-space:nowrap;}

.index_news .inews_right em:hover{color:#eb9036;}

.index_news .inews_right a:hover{text-decoration:none;}

.index_news .inews_right p{overflow:hidden;color:#808080;line-height:150%;font-size:12px;max-height:36px;margin-bottom:1em;}

.index_news .inews_right span{display:inline-block;font-size:12px;color:#808080;margin-top:1em;}

.index_news .inews_right span i{padding-right:5px;}

.index_news .button{padding:5px 16px;margin-top:1em;float:right;}

.index_news .button--aylen{font-size:12px;text-transform:capitalize;}

.index_news .inews-more{font-weight:bold;display:inline-block;float:right;margin-bottom:30px;color:#eb9036;font-size:14px;margin-right:19px;}

.index_news .inews-more:hover{color:#333;}

/*footer*/

.footerBox{background:#d9d9d9;min-width:1020px;width:100%;padding:0 10px;}

.footer{max-width:1000px;width:100%;margin:auto;padding:3% 0;}

.footer .fot_title{display:block;margin-bottom:1em;}

.footer .fot_title span{display:inline-block; vertical-align:middle;background:#eb9036;text-align:center;width:60px;height:60px;border-radius:50px;}

.footer .fot_title span img{display:inline;padding-top:12px;}

.footer .fot_title span i{color:#fff;font-size:30px;line-height:60px;}

.footer .fot_title em{display:inline-block;padding-left:6px;font-size:20px;color:#333;text-transform:uppercase;font-weight:bold;}



.footer .fot_pro{width:300px;float:left;margin-right:3%;}

.footer .fot_pro li{margin:20px 0;}

.footer .fot_pro li a{color:#666666;font-size:16px;}

.footer .fot_pro li a:hover{color:#0065cc;}


.footer .fot_lan{width:24%;max-width:240px;float:left;margin-right:3%;}

.footer .fot_lan li{width:48%;display:inline-block;text-align:left;margin:10px 0;}

.footer .fot_lan li img{width:100%;max-width:26px;height:18px; vertical-align:middle;}

.footer .fot_lan li p{display:inline-block; vertical-align:middle;color:#666666;margin:0 0 0 10px;}

.footer .fot_lan li a:hover p{text-decoration:underline;color:#0065cc;}


.footer .fot_links{width:300px;float:left;margin-right:3%;}

.footer .fot_links li{margin:8px 0;padding-left:25px; float:left;}

.footer .fot_links li a{color:#666666;font-size:16px;text-transform:capitalize;}

.footer .fot_links li a:hover{color:#0065cc;}


.footer .fot_con{width:300px;float:right;}

.footer .fot_con>li{color:#666666;margin-bottom:15px;font-size:16px;}

.footer .fot_con>li>p{display:inline-block;padding-right:5px;margin:0;}

.footer .fot_con>li>a{color:#666666;}

.footer .fot_con>li>a:hover{color:#0065cc;}

.footer .fot_con .fot_share{margin-top:1em;}

.footer .fot_con .fot_share li{display:inline-block; vertical-align:middle;margin-right:1em;}

.footer .fot_con .fot_share li img{-webkit-filter:grayscale(100%);filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");-moz-transition: all 0.5s;-o-transition: all 0.5s;-webkit-transition: all 0.5s;transition: all 0.5s;}

.footer .fot_con .fot_share li img:hover{filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0'/></filter></svg>#grayscale");-webkit-filter:grayscale(0%); transform:all 0.5s ease-in-out 0s;}

.fot_botBox{background:#e5e5e5;min-width:1020px;width:100%;padding:0 10px;}

.fot_bot{width:100%;max-width:1000px;margin:auto;padding:1% 0;}

.fot_bot .fot_fri{width:100%;margin-bottom:15px;}

.fot_bot .fot_fri ul{width:80%; vertical-align:top;display:inline-block;margin-left:10px;}

.fot_bot .fot_fri p{display:inline-block;color:#fff;font-size:12px;margin:0; vertical-align:top;}

.fot_bot .fot_fri li{display:inline-block;margin:0 5px;width:30%;}

.fot_bot .fot_fri li a{color:#fff;font-size:12px;}

.fot_bot .copy{color:#808080;text-align:center;font-size:12px;margin:0;}

.fot_bot .copy a{color:#808080;font-size:12px;}



/*back-top*/

.back_top{ width:50px; height:50px; position:fixed; right:20px; bottom:30px; z-index:9999; display:none; background:url("../images/top.png")/*tpa=http://www.hopelandiot.com/template/images/top.png*/ no-repeat;filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;}

.back_top:hover{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}





/*mbx*/

.mbxBox{background:#d9d9d9;/*margin-top:108px;*/min-width:1020px;width:100%;padding:0 10px;}

.mbxBox .page_mbx{max-width:1000px;margin:auto;padding:0.5% 0;text-transform:capitalize;color:#808080;}

@media only screen and (max-width: 1200px) {.mbxBox .page_mbx {width:98%;}}

.mbxBox .page_mbx a{display:inline-block;color:#808080;}

.mbxBox .page_mbx a:hover{text-decoration:underline;color:#0080c2;}

.mbxBox .page_mbx i{color:#808080;margin:0 5px;text-decoration:none;}

.mbxBox .page_mbx a:hover i{color:#0080c2;}

/*page*/

.pageBox{background:url("../images/about_bg.jpg")/*tpa=http://www.hopelandiot.com/template/images/about_bg.jpg*/ no-repeat top left;overflow:hidden;min-width:1020px;width:100%;padding:0 10px;padding-bottom:2%;}

.page_title{max-width:1000px;width:100%;margin:auto;padding:2% 0 1% 0;}

.page_title>span{display:inline-block;background:#eb9036;width:50px;height:50px;border-radius:50px;margin-right:10px;text-align:center; vertical-align:middle;}

.page_title>span i{line-height:50px;color:#fff;font-size:24px;}

.page_title em{display:inline-block;font-size:26px;text-transform:uppercase; vertical-align:middle;}

.page_title img{max-width:28px;max-height:28px;margin-top:10px;width:100%;height:auto;}



.page_main{max-width:1000px;line-height:180%;margin:auto;}

.page_main img{max-width:100%;}



/*contact*/

.con_mainBox{width:100%;max-width:1000px;margin:auto;background:#fff;padding:1%;border-radius:10px;}

.message{padding:10px;width:100%;margin-top:3%;border-top:1px dotted #ccc;}

.message>em{font-size:24px;margin:10px 0;display:inline-block;color:#eb9036;}

.message ul{overflow:hidden;}

.message li{margin:20px 1%;width:100%;}

.message label{display:block;text-align:left;font-size:13px;font-weight:normal;vertical-align:middle;padding-left:5px;}

.message select {background: transparent;width:100%;border:1px solid #ccc;border-radius:5px;font-size: 14px;-webkit-appearance: none;appearance: none;-moz-appearance: none; background:#fff url("../images/sou_jian.png")/*tpa=http://www.hopelandiot.com/template/images/sou_jian.png*/ no-repeat 100%;padding:5px;}

@media \0screen\,screen\9 {.message select{background:#fff;} }

.search-select{border-radius:5px;border:none;width:20%;background:#fff url("../images/sou_jian.png")/*tpa=http://www.hopelandiot.com/template/images/sou_jian.png*/ no-repeat 10px;display:inline-block;margin-right:10px;}

.message .meInput{width:40%;height:32px;border:1px solid #ccc;padding-left:5px; vertical-align:middle;border-radius:5px;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}

.message .meInput:focus{box-shadow: 0 0 7px 1px #e5e5e5;border:1px solid #b3b3b3;}

.message .meText{width:70%;min-height:120px;border:1px solid #ccc;max-width:98%;padding:5px; vertical-align:middle;border-radius:5px;font-family:Arial,serif;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}

.message .meText:focus{box-shadow: 0 0 7px 1px #e5e5e5;border:1px solid #b3b3b3;}

.meYzm{height:32px;border:1px solid #ccc;width:30%; vertical-align:middle;padding-left:5px;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;border-radius:5px;}

.meYzm:focus{box-shadow: 0 0 7px 1px #e5e5e5;border:1px solid #b3b3b3;}

.yzm img{margin:0 10px; vertical-align:middle;}

.yzm a{text-decoration:underline; vertical-align:middle;}

.yzm a:hover{color:#0b56a6;}

.message .send{margin:15px 0 12px 1%;padding:8px 20px;background:#337ab7;color:#fff;border-radius:6px;display:inline-block;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}

.message .send:hover{background:#eb9036;box-shadow: 0 0 7px 1px #ccc;text-decoration:none;}

.con_main{width:100%;line-height:180%;}





/*news*/

.news_list{width:100%;max-width:1000px;margin:auto;background:#fff;padding:1%;border-radius:10px;}

.news_list li{margin:15px 0;border-bottom:#dedede 1px solid;padding-bottom:15px;overflow:hidden;}

.news_list li img{float:left;max-width:170px;max-height:130px;margin-right:1%;}

.news_list li .newsl_right{width:80%;float:right;}

.news_list li .newsl_right em{display:block;margin-bottom:3px;text-transform:capitalize;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px;}

.news_list li .newsl_right span{color:#c8c8c8;font-size:12px;display:block;margin-bottom:10px;}

.news_list li .newsl_right span i{padding-right:5px;}

.news_list li .newsl_right p{color:#808080;line-height:150%;overflow:hidden;max-height:54px;font-size:12px;}

.news_list li .news_more{display:inline-block;font-size:12px;margin-top:-5px;text-transform:capitalize;}



/*pro_num*/

.pro_num{width:100%;text-align:center;padding:15px 0;overflow:hidden;}

.pro_num .pro_numD{display:inline-block;padding:4px 5px;margin:0 5px;font-size:14px;border:1px solid #e5e5e5;}

.pro_num .pro_current{padding:4px 5px;margin:0 5px;font-size:14px;background:none;border:1px solid #b3b3b3;}

.pro_num a{padding:4px 5px;margin:0 5px;font-size:14px;border:1px solid #e5e5e5;}

.pro_num a:hover{border:1px solid #b3b3b3;}





/*page-turning*/

.page_turn{margin-top:20px;padding-top:15px;border-top:1px dotted #ccc;text-align:left;}

.page_turn li{display:inline-block;}

.page_turn li p{display:inline-block;color:#808080;font-size:14px;text-transform:capitalize;}

.page_turn li a{display:inline-block;color:#333;font-size:14px;margin-left:10px;}

.page_turn li a:hover{text-decoration:underline;color:#eb9036;}





/*news-main*/

.news_main{width:100%;max-width:1000px;margin:auto;background:#fff;padding:1%;border-radius:10px;text-align:center;}

.news_main>em{font-size:28px;display:block;margin-bottom:20px;text-transform:capitalize;line-height:150%;text-align:left;margin-top:10px;}

.news_main .newm_left{width:74%;padding-right:8%;display:inline-block;border:none;}

.news_main .newm_left em{font-size:28px;display:block;margin-bottom:10px;text-transform:capitalize;line-height:150%;}

.news_main .newm_left .news_date{display:block;}

.news_main .newm_left .news_date{color:#999;font-size:12px;display:block;margin-bottom:10px;}

.news_main .newm_left .news_date i{padding-right:5px;}

.news_main .news_img{display:inline-block;width:20%; vertical-align:middle;margin-bottom:4%;margin-top:2%;}

.news_main .news_img img{max-width:100%;}

.news_main>div{line-height:180%;text-align:left;padding:0 1% 1% 1%;position:relative;}

.solu_main>img{max-width:1000px;width:100%;height:auto;margin-top:2%;margin-bottom:3%;}



/*solutions*/

/*.solu_top{width:100%;padding:1%;background:#fff;max-width:1000px;margin:auto;border-radius:5px;}*/

.solu_top em{font-size:28px;display:block;margin-bottom:10px;}

.solu_top p{color:#808080;line-height:180%;}

.solu_top .solu_btn{padding:6px 14px;color:#fff;display:inline-block;margin-right:10px;border-radius:5px;}

.solu_top .solu_red{background:#eb9036;}

.solu_top .solu_blue{background:#337ab7;}

.solu_top .solu_red:hover{background:#faa551;box-shadow:0 0 5px 0 #e5e5e5;text-decoration:none;}

.solu_top .solu_blue:hover{background:#4196df;box-shadow:0 0 5px 0 #e5e5e5;text-decoration:none;}



.solu_main{width:100%;padding:1%;background:#fff;max-width:1000px;margin:2% auto 0 auto;border-radius:5px;}

.solu_main em{font-size:28px;display:block;margin-bottom:15px;text-transform:capitalize;}

.solu_main li{border-bottom:#dedede 1px solid;margin:3% 0;padding-bottom:3%;}

.solu_main li:last-child{border-bottom:none;}

.solu_main li>a>span{display:inline-block;height:100%;width:27%;position:relative;max-width:256px;max-height:192px;vertical-align:middle;text-align:center;overflow:hidden;}

.solu_main li span p{color:#fff;position:absolute;width:90%;top:50%;left:50%;transform:translate(-50%,-50%);font-size:18px;font-weight:bold;margin:0;text-transform:capitalize;overflow:hidden;max-height:50px;}

.solu_main li span img{max-width:100%;height:auto;width:100%;max-height:100%;}

.solu_main li>a>span>span{width:100%;height:100%;display:inline-block;background:rgba(0,0,0,0.1);position:absolute;left:0;top:0;-moz-transition: all 0.5s;-o-transition: all 0.5s;-webkit-transition: all 0.5s;transition: all 0.5s;}

.solu_main li>a>span:hover span{background:rgba(51,122,183,0.4);}



.solu_main li .solu_right{width:66%;margin-right:2%;margin-left:4%;display:inline-block; vertical-align:middle;}

.solu_main li .solu_right em{font-size:18px;display:block;margin-bottom:15px;text-transform:capitalize;color:#333;font-weight:bold;margin-top:10px;}

.solu_main li .solu_right em:hover{color:#337ab7;}

.solu_main li .solu_right p{line-height:150%;margin-bottom:4%;color:#808080;font-size:15px;}

.solu_main li .solu_right a{text-decoration:underline;}

.solu_main li .solu_right a i{padding-left:10px;text-decoration:none;}

.solu_main li .solu_right a:hover{color:#eb9036;}



/*products*/

.proBox{width:100%;}

.pro_topBox{min-width:1020px;width:100%;max-height:624px;overflow:hidden;position:relative;background:url("../images/img03_bg.jpg")/*tpa=http://www.hopelandiot.com/template/images/img03_bg.jpg*/ no-repeat top center;}

.pro_topBox img{max-width:100%;position:absolute; z-index:999999;
left:22%;
top:22%;
/*-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;*/
overflow:hidden


}
.base img{max-width:313px;}


.pro_topBox .pro_slide img{border-radius:500px;






}

.pro_topBox .pro_top{
	
	position:absolute;
	width:493px;
	right:20%;
	top:50%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.pro_topBox .pro_top {








} 

@media \0screen\,screen\8 {.pro_topBox .pro_top{-webkit-transform:none;
top:22%;
	-moz-transform:none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;} }
	
	
@media \0screen\,screen\7 {.pro_topBox .pro_top{
	top:22%;
	
	-webkit-transform:none;
	-moz-transform:none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;} }	
	



@media only screen and (max-width: 1500px) {.pro_topBox .pro_top {right:14%;}}

@media only screen and (max-width: 1250px) {.pro_topBox .pro_top {right:16%;width:29%;}}

@media only screen and (max-width: 1170px) {.pro_topBox .pro_top {right:12%;width:30%;}}

@media only screen and (max-width: 1040px) {.pro_topBox .pro_top {right:7%;width:33%;}}

@media only screen and (max-width: 920px) {.pro_topBox .pro_top {right:2%;width:36%;}}

.pro_topBox .pro_top em{color:#fff;font-size:28px;display:block;}

.pro_topBox .pro_top>div{color:#bfbfbf;margin-top:6%;line-height:180%;max-height:206px;overflow:hidden;}

.pro_top .solu_btn{padding:6px 20px;color:#fff;display:inline-block;margin-right:20px;border-radius:5px;margin-top:6%;text-transform:capitalize;}

.pro_top .solu_red{background:#eb9036;}

.pro_top .solu_blue{background:#337ab7;}

.pro_top .solu_gray{background:#808080;}

.pro_top .solu_red:hover{background:#faa551;text-decoration:none;}

.pro_top .solu_blue:hover{background:#4196df;text-decoration:none;}

.pro_top .solu_gray:hover{background:#999999;text-decoration:none;}

.pro_topBox .pro_slide{display:inline-block;overflow:hidden;width:560px;height:560px;/*border:2px solid #e5e5e5;*/margin:0% 0 0% 20%;background:url("../images/round.png")/*tpa=http://www.hopelandiot.com/template/images/round.png*/ no-repeat;/*box-shadow:0 0 120px 20px #216295;*//*border-radius:500px;*/position:relative;}

@media only screen and (max-width: 1720px) {.pro_topBox .pro_slide {margin-left:17%;}}

@media only screen and (max-width: 1570px) {.pro_topBox .pro_slide {margin-left:15%;}}

@media only screen and (max-width: 1480px) {.pro_topBox .pro_slide {margin-left:14%;}}

@media only screen and (max-width: 1350px) {.pro_topBox .pro_slide {margin-left:10%;}}

@media only screen and (max-width: 1170px) {.pro_topBox .pro_slide {margin-left:8%;}}

@media only screen and (max-width: 1040px) {.pro_topBox .pro_slide {margin-left:2%;}}


@media only screen and (max-width: 768px) {
	.pro_topBox .pro_top>div{margin-top:5%;line-height:20px;max-height:140px;}
}


.pro_title{display:block;margin-bottom:1em;padding-top:2%;text-align:center;text-transform:capitalize;font-size:30px;text-shadow:1px 1px 1px #fff;font-weight:bold;}

.pro_solu{max-width:1000px;width:100%;margin:auto;}

.pro_solu_left{width:100%;margin-bottom:3%;}

.pro_solu li{box-shadow:2px 10px 20px #808080;margin:1%;display:inline-block;overflow:hidden;background:#fff;}

@media \0screen\,screen\9 {.pro_solu li{border:1px solid #e5e5e5;} }

.pro_solu li img{max-width:100%;height:auto;max-height:100%;}

.pro_solu li p{text-indent:0 !important;}

.pro_solu li em{display:inline-block;color:#eb9036;font-weight:bold;font-size:20px;margin:2%; vertical-align:top;}

.pro_solu li.psolu01{width:30%;height:600px;float:left;}

.pro_solu li.psolu01 em{background:#eb9036;color:#fff;display:block;text-align:center;padding:5px 0;}

.pro_solu li.psolu01 p{text-align:left;margin:0 2% !important;margin-top:10px;max-height:232px;overflow:hidden;line-height:180%;text-align:justify;text-justify:inter-ideograph;font-size:14px;}

.pro_solu li.psolu01>div{max-height:230px;overflow:hidden;margin:0 5px;color:#bfbfbf;}

.pro_solu li.psolu01 img{max-width:100%;width:100%;height:auto;}

.pro_solu li.psolu01 a:hover{text-decoration:none;}

.pro_solu li.psolu02{width:65%;height:250px;float:right;}

.pro_solu li.psolu02 em{font-size:32px;padding:5px 10px;text-shadow:1px 1px 1px #ccc;width:100%;}

.pro_solu li.psolu02 img{float:right;width:100%;max-width:281px;}

.pro_solu li.psolu02>a>div{max-height:150px;overflow:hidden;display:inline-block;max-width:100%;margin-left:19px;}

.pro_solu li.psolu02 p{text-align:left;margin:0 2%;color:#bfbfbf;overflow:hidden;max-height:104px;display:block;line-height:180%;margin-left:0 !important;text-align:justify;text-justify:inter-ideograph;font-size:14px;}

.pro_solu li.psolu03{width:31%;height:320px;float:left;margin-left:2%;margin-top:2%;text-align:center;}

.pro_solu li.psolu03 a:hover{text-decoration:none;}

.pro_solu li.psolu03 em{font-size:24px;text-shadow:1px 1px 1px #ccc;margin:3%;display:block;text-align:left;}

.pro_solu li.psolu03 img{max-width:260px;width:100%;}

.pro_solu li.psolu04{width:31%;height:320px;float:right;margin-top:2%;text-align:center;}

.pro_solu li.psolu04 em{font-size:24px;text-shadow:1px 1px 1px #ccc;margin:3%;display:block;text-align:left;}

.pro_solu li.psolu04 img{max-width:260px;width:100%;}

.pro_solu li.psolu04 a:hover{text-decoration:none;}

.pro_solu li.psolu05{width:98%;height:300px;margin-top:2%;}

.pro_solu li.psolu05 em{font-size:24px;padding:5px 10px;background:#eb9036;color:#fff;max-width:68%;margin:2% 1% 2% 0;}

.pro_solu li.psolu05 p{text-align:left;margin:0 2%;max-height:190px;overflow:hidden;line-height:180%;color:#bfbfbf;text-align:justify;text-justify:inter-ideograph;font-size:14px;}

.pro_solu li.psolu05 img{width:100%;height:auto;float:left;max-width:300px;margin:0 2% 0 2%;}

.pro_solu li.psolu05 a:hover{text-decoration:none;}

.pro_pro{max-width:1000px;width:100%;margin:auto;line-height:180%;}

.pro_pro img{margin:10px 0;max-width:100%;height:auto;}



.page_conBox{width:100%;background:#f8fafb;margin-top:1%;display:none;}

.page_con{max-width:1000px;margin:auto;padding:2% 0;width:100%;text-align:center;}

.page_con .pc_logo{width:25%;display:inline-block; vertical-align:middle;margin-right:5%;}

.page_con .pc_logo img{max-width:220px;max-height:55px;width:100%;height:auto;}

.page_con>div{color:#707070;overflow:hidden;display:inline-block;line-height:150%;max-height:110px; vertical-align:middle;width:50%;text-align:left;}

.page_con .pc_btn{width:12%;margin-left:5%;background:#eb9036;padding:5px 0;color:#fff;display:inline-block; vertical-align:middle;text-transform:uppercase;}

.page_con .pc_btn:hover{background:#faa551;text-decoration:none;}



.mainBox{width:100%;max-width:1000px;margin:auto;}

.page_left{width:23%;float:left;}

ul.mtree {opacity: 0;margin-left: 0;padding: 1.2em;background:#fafafa;border-radius:5px;margin-top:2em;box-shadow:0 0 10px 1px #f2f2f2;border:2px solid #d9d9d9;border-top:2px solid #eb9036;}

ul.mtree>em{text-transform:capitalize;font-size:24px;text-transform:uppercase;color:#337ab7;display:block;margin-bottom:1em;}

ul.mtree ul {margin-left: 1em;

}

ul.mtree>li {list-style: none;border-bottom:1px dotted #ccc;margin:10px 0px;padding-bottom:10px;}

ul.mtree>li>a {}

ul.mtree a {color:#333;display: block;}

ul.mtree li.mtree-node > a {

  font-weight: bold;

}



ul.mtree a {

  -webkit-transition: all 300ms ease-out;

  -moz-transition: all 300ms ease-out;

  -ms-transition: all 300ms ease-out;

  -o-transition: all 300ms ease-out;

  transition: all 300ms ease-out;

}



ul.mtree.bubba ul {

  margin-left: 0;

}

ul.mtree.bubba ul li {

  font-size: .9em;

}

ul.mtree.bubba li.mtree-node > a:after {

  content: '›';

  margin-left: .5em;

  font-weight: normal;

}

ul.mtree.bubba li.mtree-node > a {

  font-weight: bold;

  text-transform: upperCase;
  
  font-size:14px;

}

ul.mtree.bubba > li:last-child {

  border-bottom: none;

}

ul.mtree.bubba li:last-child > a {

  border: none;

}

ul.mtree.bubba > li.mtree-open > a {

  background: #DDD;

}

ul.mtree.bubba li > a:hover {

  background: #DDD;text-decoration:none;

}

ul.mtree.bubba>li > a.left_depth{background: #eb9036;text-decoration:none;font-size:14px;color:#fff;}

ul.mtree.bubba li > a.left_depth02{background: #ebebeb;}

ul.mtree.bubba li.mtree-active > a {

  background: #eb9036;

  color: #FFF;

}

ul.mtree.bubba>li>a {

  padding: 5px 0px 5px 10px;
  font-size:16px;

}

ul.mtree.bubba li li{margin:10px 0;}

ul.mtree.bubba li li > a {

  padding:5px 0;
  
  padding-left:2em;

}


ul.mtree.bubba li li li > a {
}

ul.mtree.bubba li li.mtree-active > a {

  background: #eb9036;

  color: #FFF;

}

ul.mtree.bubba li li li li > a {

  padding-left: 4em;

}

ul.mtree.bubba li li li li li > a {

  padding-left: 5em;

}





.page_right{width:74%;float:right;margin-top:2em;}

.pro_list{width:100%;padding:3% 1% 1% 1%;background:#fff;border-radius:5px;margin:0;}

.pro_list>li{margin-bottom:20px;padding-bottom:20px;overflow:hidden;border-bottom:1px solid #e5e5e5;}

.pro_list li span{width:32%;float:left;display:inline-block;}

.pro_list li span img{max-width:100%;height:auto;width:100%;}

.pro_list li .prol_right{float:right;width:64%;}

.pro_list li .prol_right em{font-size:18px;display:block;margin-bottom:15px;text-transform:capitalize;color:#333;font-weight:bold;margin-top:10px;}

.pro_list li .prol_right em:hover{color:#337ab7;}

.pro_list li .prol_right p{color:#808080;overflow:hidden;line-height:150%;max-height:68px;font-size:15px;}

.pro_list li .prol_right .prol_more{text-decoration:underline;text-transform:capitalize;display:inline-block;font-size:12px;}

.pro_list li .prol_right .prol_more i{padding-left:5px;text-decoration:none;}

.pro_list li .prol_right .prol_more:hover{color:#eb9036;}

.pro_list li .pro_hot{width:100%;margin-top:15px;padding-top:5px;border-top:1px dotted #e5e5e5;display:none;}

.pro_list li .pro_hot p{display:inline-block;margin:0;font-size:12px;text-transform:capitalize; vertical-align:middle;}

.pro_list li .pro_hot li{display:inline-block;margin:0 10px;text-transform:capitalize; vertical-align:middle;}

.pro_list li .pro_hot li a{font-size:12px;}

.pro_list li .pro_hot a:hover{color:#eb9036;}



/*pat*/

.pro_patBox{background:url("../images/ser_bg.jpg")/*tpa=http://www.hopelandiot.com/template/images/ser_bg.jpg*/ no-repeat top center;min-width:1020px;width:100%;padding:2% 10px;margin-top:1%;margin-bottom:-1%;}

.pro_pat{width:100%;max-width:1020px;margin:auto;padding-bottom:2%;border-radius:5px;}

.pro_patBox>em{font-size:24px;display:block;text-align:left;max-width:1020px;margin:auto auto 1em auto;/*text-shadow:1px 1px 1px #fff;*/font-weight:bold;color:#4c4c4c;text-transform:uppercase;}

.pro_pat img{max-width:100%;}








.pro_main{/*max-width:1000px;*/line-height:180%;min-width:1020px;width:100%;padding:0 10px;}

.pro_main img{max-width:100%;}



.pro_faqBox{width:100%;background:#e5e5e5;padding:1% 0;margin-bottom:-1%;}

.pro_faqBox .pro_faq{max-width:1000px;width:100%;margin:auto;padding:1%;}

.pro_faqBox .pro_faq em{font-size:30px;display:block;text-align:left;margin-bottom:1em;text-shadow:1px 1px 1px #fff;text-transform:uppercase;}





/*sitemap*/

.sitemapBox{width:100%;max-width:1000px;background:#fff;border-radius:5px;margin:auto;padding:1%;overflow:hidden;}

.sitemap{width:98%;margin:auto;margin-top:20px;max-width:1000px;}

.sitemap li{display:inline-block;margin:1% 3% 1% 0;}

.sitemap li a{color:#333;font-size:20px;text-transform:capitalize;padding:0 5px 5px 5px;border-bottom:1px solid #fff;}

.sitemap li a:hover{color:#eb9036;}



.pro_sitemap{margin:20px auto;padding-top:20px;border-top:1px dotted #ccc;width:98%;}

.pro_sitemap>em{color:#808080;font-size:20px;font-family:Arial, Helvetica, sans-serif;font-weight:bold;text-transform:capitalize;padding:0 5px 10px 5px;border-bottom:1px solid #fff;display:block;}

.pro_sitemap>li{margin:2%;width:28%;float:left;}

.pro_sitemap li em{font-size:16px;display:inline-block;color:#333;}

.pro_sitemap li em:hover{color:#eb9036;}

.pro_sitemap li a:hover{color:#eb9036;}

.pro_sitemap li ul{margin-top:20px;}

.pro_sitemap li ul li{margin:10px 0 10px 10px;}

.pro_sitemap li ul li a{color:#808080;font-size:13px;}

.pro_sitemap li ul li a i{padding-right:5px;}





/*blog*/

.blogBox{width:100%;max-width:1000px;background:#fff;padding:1%;margin:auto;border-radius:5px;}

.blog_left{padding:0 10px;border-radius:10px;margin-top:1em;}

.bolg_list{ width:100%;margin-bottom:20px;border-bottom:1px solid #e5e5e5;color:#808080;}

.bolg_list>p{font-size:20px;margin-bottom:5px;text-transform:capitalize;color:#808080;}

.bolg_list ul li a{color:#333;font-size:14px;}

.bolg_list ul li a:hover{ color:#eb9036;text-decoration:underline;}

.bolg_list ul li {margin:20px 0;padding-left:5px;}

.blog_right{ width:100%;margin-top:-1em;}

.blog_right_m{ width:96%;padding:2%; margin-bottom: 30px; background:#fafafa;}

.entry-title{font-size: 28px;line-height: 34px;margin-bottom: 10px; color:#444; font-style:normal;display:inline-block;}

.entry-title a{color:#333;}

.entry-title a:hover{color:#eb9036;}

.entry-date a{color:#808080;}

.entry-meta {border-bottom: 1px dotted #eee;font-size: 11px;margin: 0 0 14px;padding: 0 0 6px;color:#808080;}

.entry-meta a{color:#808080;}

.entry-content div,.entry-content p{ color:#524f4f;line-height:150%;margin-bottom:10px;}

.entry-content a{color:#337ab7; margin:0px 5px;font-size:14px;}

.entry-content a:hover{ text-decoration:underline;color:#eb9036;}

.cat-links{ margin-right:4px;}

#loop-nav-singlular-post i{padding:0 5px;}

.bolg_list li a i{padding-right:5px;text-decoration:none;}



/* Sweep To Right */

.hvr-sweep-to-right {

	float:left;

	color:#808080;

	margin-top:10px;

	padding:8px 20px;

	background:#e1e1e1;

	font-size:14px;

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: translateZ(0);

  transform: translateZ(0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  -moz-osx-font-smoothing: grayscale;

  position: relative;

  -webkit-transition-property: color;

  transition-property: color;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

}

.hvr-sweep-to-right:before {

  content: "";

  position: absolute;

  z-index: -1;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background: #eb9036;

  -webkit-transform: scaleX(0);

  transform: scaleX(0);

  -webkit-transform-origin: 0 50%;

  transform-origin: 0 50%;

  -webkit-transition-property: transform;

  transition-property: transform;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-timing-function: ease-out;

  transition-timing-function: ease-out;

  color:#fff;

}

.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {color: #fff;text-decoration:none;}

.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {

  -webkit-transform: scaleX(1);

  transform: scaleX(1);

}



/* Sweep To Left */

.hvr-sweep-to-left {

	float:right;

	color:#808080;

	margin-top:10px;

	padding:8px 20px;

	background:#e1e1e1;

	font-size:14px;

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: translateZ(0);

  transform: translateZ(0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  -moz-osx-font-smoothing: grayscale;

  position: relative;

  -webkit-transition-property: color;

  transition-property: color;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

}

.hvr-sweep-to-left:before {

  content: "";

  position: absolute;

  z-index: -1;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background: #eb9036;

  -webkit-transform: scaleX(0);

  transform: scaleX(0);

  -webkit-transform-origin: 100% 50%;

  transform-origin: 100% 50%;

  -webkit-transition-property: transform;

  transition-property: transform;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-timing-function: ease-out;

  transition-timing-function: ease-out;

}

.hvr-sweep-to-left:hover, .hvr-sweep-to-left:focus, .hvr-sweep-to-left:active {color: #fff;text-decoration:none;}

.hvr-sweep-to-left:hover:before, .hvr-sweep-to-left:focus:before, .hvr-sweep-to-left:active:before {

  -webkit-transform: scaleX(1);

  transform: scaleX(1);

}

@media(min-width: 768px){.navbar .navbar-nav{margin-left:0;float:right;}}

.flexslider .flex-direction-nav{display:none;}

/*application*/
.pro_app{max-width:1020px;min-width:1020px;width:100%;padding:0 10px;margin:auto;padding:3% 0 1% 0;}
.pro_app>em{font-size:30px;display:block;text-align:left;margin-left:20px;margin-bottom:10px;text-shadow:1px 1px 1px #fff;text-transform:uppercase;}
.pro_app li{float:left;box-shadow:2px 6px 20px #ccc;margin:2%;width:46%;text-align:center;padding:1% 0;}
.pro_app li a{display:inline-block;width:270px;height:270px;position:relative;}
.pro_app li img{max-width:270px;width:100%;height:auto;max-height:270px;position:absolute;
left:50%;
top:50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}
.pro_app li em{background:#eb9036;display:block;color:#fff;padding:5px 0;font-weight:bold;text-transform:capitalize;font-size:20px;margin:2%;height:38px;}
.pro_app li p{color:#808080;overflow:hidden;max-height:86px;margin:2%;line-height:150%;}
.pro_app li a:hover{text-decoration:none;}

@media \0screen\,screen\9 {.pro_app li img{top:0;left:0;} }

/*tab*/
.pro_main .pro_main_nav{z-index:1040;width:1920px;margin-left:-46%;position:relative;background:#fff;margin-top: -38px;}
.pro_main .pro_main_nav #nav01 {background: #0080c2;list-style: none;overflow: hidden;text-align: center;position:absolute;width:100%;left:0 !important;}
.pro_main .pro_main_nav #nav01 li {display: inline-block;	margin-bottom: 0; vertical-align:middle;width:13%;margin:2px 0;padding:5px 0;}
.pro_main .pro_main_nav #nav01 a {color: #fff;display: block;font-size:14px;text-transform:capitalize;padding:5% 8%;}
.pro_main .pro_main_nav #nav01 li:hover {background:#fff;}
.pro_main .pro_main_nav #nav01 li:hover a {color:#0080c2;text-decoration:none;}
.pro_main .pro_main_nav #nav01 .current {background:#fff;}
.pro_main .pro_main_nav #nav01 .current a {color:#0080c2;text-decoration:none;}

.pro_main .section-wrapper {width:100%;border-bottom: 1px solid #e5e5e5;}
.pro_main #container {margin: 0 auto;	width: 100%;}
.pro_main .section {padding: 30px 0;max-width:1000px;margin:auto;}
.pro_main .section p:last-child {	margin-bottom: 0;}


.solu_text #nav02 {background: #0080c2;list-style: none;overflow: hidden;text-align: center;position:absolute;width:100%;left:0;max-width:1000px;}
.solu_text #nav02 li {display: inline-block;	margin-bottom: 0; vertical-align:middle;width:13%;margin:2px 0;padding:5px 0;}
.solu_text #nav02 a {color: #fff;display: block;font-size:14px;text-transform:capitalize;padding:5% 8%;}
.solu_text #nav02 li:hover {background:#fff;}
.solu_text #nav02 li:hover a {color:#0080c2;text-decoration:none;}
.solu_text #nav02 .current {background:#fff;}
.solu_text #nav02 .current a {color:#0080c2;text-decoration:none;}

.solu_text .section-wrapper {border-bottom: 1px solid #e6e6e6;}
.solu_text #container {margin: 0 auto;	width: 100%;}
.solu_text .section {padding: 30px 15px;}
.solu_text .section p:last-child {	margin-bottom: 0;}
.solu_text .section:last-child {	border-bottom: none;}


.solu_topBox{min-width:1020px;width:100%;max-height:624px;overflow:hidden;position:relative;background:url("../images/img03_bg.jpg")/*tpa=http://www.hopelandiot.com/template/images/img03_bg.jpg*/ no-repeat top center;}

.solu_topBox img{max-width:100%;}

.solu_topBox .solu_top{position:absolute;width:25%;right:20%;top:0;display:none;}

@media only screen and (max-width: 1430px) {.solu_topBox .solu_top {right:20%;}}

@media only screen and (max-width: 1250px) {.solu_topBox .solu_top {right:16%;width:29%;}}

@media only screen and (max-width: 1170px) {.solu_topBox .solu_top {right:12%;width:30%;}}

@media only screen and (max-width: 1040px) {.solu_topBox .solu_top {right:7%;width:33%;}}

@media only screen and (max-width: 920px) {.solu_topBox .solu_top {right:2%;width:36%;}}

.solu_topBox .solu_top em{color:#fff;font-size:28px;display:block;margin-top:2em;}

.solu_topBox .solu_top>div{color:#bfbfbf;margin-top:6%;line-height:180%;max-height:200px;overflow:hidden;}

.solu_top .solu_btn{padding:6px 20px;color:#fff;display:inline-block;margin-right:20px;border-radius:5px;margin-top:6%;text-transform:capitalize;}

.solu_top .solu_red{background:#eb9036;}

.solu_top .solu_blue{background:#337ab7;}

.solu_top .solu_gray{background:#808080;}

.solu_top .solu_red:hover{background:#faa551;text-decoration:none;}

.solu_top .solu_blue:hover{background:#4196df;text-decoration:none;}

.solu_top .solu_gray:hover{background:#999999;text-decoration:none;}




.header_lan{ margin-right:15px; float:left}

.header_lan_con{ float:right}

.list-unstyled a { line-height:30px;}

#bts-ex-1 .dropdown-menu{min-width:auto;padding:5px 10px;}


.header_lan .selectpicker{ display:inline-block; position:relative }



/*service*/
#service{position:fixed;right:0;top:10px;z-index:9999;margin:200px 0 0 0;}
*html,*html body{background-image:url(about:blank);background-attachment:fixed;}
*html #service{position:absolute;top:expression(eval(document.documentElement.scrollTop));}

#ser_main{position:relative;z-index:9;}
#ser_main a{display:block;overflow:hidden;background:#0080c2;padding:5px;color:#fff;text-transform:capitalize;}
#ser_main a#floatShow{border-radius:5px 0 0 5px;z-index:99999;}
#ser_main a#floatHide{border-radius:0 0 0 5px;float:right;width:40px;}
#ser_main a:hover{text-decoration:none;}

#onlineService{width:160px;padding:0;background:#fff;overflow:hidden;border:1px solid #0080c2;}
.onlineMenu .serm_top{width:100%;background:#0080c2;text-align:center;color:#fff;margin-bottom:10px;}
.serm_top em{color:#fff;font-size:16px;overflow:hidden;line-height:30px;display:inline;}
.onlineMenu .call-qq{width:100%;padding:5px;text-align:center;overflow:hidden;}
.onlineMenu .call-qq a{
	display:inline-block;
	padding:3px 5px;
	border:1px solid #95bccd;
	border-radius:2px;
	background-image: -moz-linear-gradient(top, #9ce0f7, #75cae6);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #9ce0f7), color-stop(1, #75cae6));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9ce0f7', endColorstr='#75cae6', GradientType='0');
	background:linear-gradient(to bottom, #9ce0f7, #75cae6);
}
.call-qq img{width:20px;height:20px;margin-right:5px; vertical-align:middle;}
.call-qq p{max-width:115px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;font-size:12px; vertical-align:middle;text-align:left;}
.call-qq p:hover{text-decoration:underline;}

.onlineMenu .call{width:100%;padding:5px;text-align:center;overflow:hidden;margin-top:10px;border-top:1px dashed #e5e5e5;}
.call img{width:24px;height:24px;margin-right:8px; vertical-align:middle;}
.call p{width:115px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;font-size:12px; vertical-align:middle;text-align:left;}
.call p:hover{text-decoration:underline;}




#qiao-wrap #qiao-icon-wrap{width:150px;}

.main-slide{min-width:1020px;width:100%;background:#f4f4f4;text-align:center;}
.main-slide img{max-width:100%;height:auto;}
@media only screen and (max-width: 1000px) {
}



.shape .overlay.round{ background:url("../images/round.png")/*tpa=http://www.hopelandiot.com/template/images/round.png*/ no-repeat}



.pro_topBox_left{ width:503px; height:560px;}


.shape{ margin-left:-52px}