/*reset*/



:focus{outline:0;}

.mt15{ margin-top:15px;}

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

em{font-style:normal;}

img{border:none; max-width:100%}

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

a{text-decoration:none;color:#555555;}

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;

}



.clr:after {content: ".";visibility: hidden;display: block;height: 0;clear: both;}	

.clr {zoom: 1;}



:focus{outline:0;}  

button::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"]>input[type="button"]::-moz-focus-inner{border:none;padding:0;}



.clearfix{*zoom:1;}

.clearfix:before,.clearfix:after{line-height:0; display:table; content:"";}

.clearfix:after{clear:both;}



/*share*/

body{font-size:12px;font-family:"lato";color:#555555; background: #fff;}

.clear{clear:both;} 

.mt10{ margin-top:10px;}



.fl{float:left}

.fr{float:right}

*: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: 'lato';

    src:url(../font/lato.eot);

    src: url(../font/lato.eot?#iefix) format('embedded-opentype'),

	 url(../font/lato.svg#lato) format('svg'),

	 url(../font/lato.woff) format('woff'),

	 url(../font/lato.ttf) format('truetype');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'latoB';

    src:url(../font/latoB.eot);

    src: url(../font/latoB.eot?#iefix) format('embedded-opentype'),

	 url(../font/latoB.svg#latoB) format('svg'),

	 url(../font/latoB.woff) format('woff'),

	 url(../font/latoB.ttf) format('truetype');

    font-weight: normal;

    font-style: normal;

}







@font-face {

    font-family: 'Oswald-Bold';

    src:url(../font/Oswald-Bold.eot);

    src: url(../font/Oswald-Bold.eot?#iefix) format('embedded-opentype'),

	 url(../font/Oswald-Bold.svg#Oswald-Bold) format('svg'),

	 url(../font/Oswald-Bold.woff) format('woff'),

	 url(../font/Oswald-Bold.ttf) format('truetype');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'oswald-regular';

    src:url(../font/oswald-regular.eot);

    src: url(../font/oswald-regular.eot?#iefix) format('embedded-opentype'),

	 url(../font/oswald-regular.svg#oswald-regular) format('svg'),

	 url(../font/oswald-regular.woff) format('woff'),

	 url(../font/oswald-regular.ttf) format('truetype');

    font-weight: normal;

    font-style: normal;

}







/*header*/



.fhj{

	display:block;width:190px;

	height:40px;

	font-size: 18px;

	line-height: 40px;color: #FFF;

	border: 1px solid #E87B0E;

	background-color: #FF9917;

	background-image: -moz-linear-gradient(center top , #FFAB02, #FF8A28);

	background-repeat: repeat-x;margin: 0px;

	font-family: inherit;

	font-weight: 700;

	text-align: center;

	vertical-align: middle;

	cursor: pointer;

	border-radius: 2px;

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

	margin-top:10px;

	color:#fff;

	margin-left:370px;

}

.logo img{ margin:10px 0px}

.banner img{ width:100%}



.banner{ position:relative}





.messageBox{

	position:absolute;

	right:0;

	top:38.5%;

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

	width:100%;

	text-align:right;

}

.message{display:inline-block;background:#ff3c02;padding:20px 20px;max-width:360px;text-align:center;}

.message>p:first-child em{ font-size:24px; line-height:44px; font-family:"oswald-regular"; font-weight:bold}

.message>p:first-child{font-size:34px;font-family: 'RobotoB';color:#fff;text-transform:uppercase;}

.message p{color:#fff;line-height:20px;margin-bottom:10px;}

.message li{margin-bottom:10px;list-style:none;}

.message .meInput{height:40px;border:none;text-align:left;padding-left:10px;width:100%;color:#808080;font-family:Roboto,Arial,serif;}

.message .meInput:focus{color:#333;}

.message .meText{height:80px;max-height:80px;border:none;text-align:left;padding:10px;width:100%;max-width:100%;color:#808080;text-transform:capitalize;font-family:Roboto,Arial,serif;}

.message .meText:focus{color:#333;}

.message .send{width:50%;display:inline-block;color:#fff;background:#202020;height:46px;text-align:center;line-height:46px;text-transform:uppercase;font-size:14px;margin-top:10px;margin-bottom:20px;font-family:Arial, Helvetica, sans-serif;font-weight:bold; border-radius:5px;}





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

.messageBox{ position:inherit;-webkit-transform: translate(0, 0);

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

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

		-o-transform: translate(0, 0);

		transform: translate(0, 0);

		margin-top:-20px;}

.message{width:100%; max-width:none}

	

	

	

	

}













/*inquiry*/



.finq-left{float:left;width:70%;}

.finq-left em{font-family: 'RobotoB';color:#fff;font-size:35px;margin-bottom:10px;text-transform:uppercase;display:block;}

.finq-left>p{font-size:13px;color:#dde1e5;line-height:20px;overflow:hidden;height:40px;}



.theme-buy .btn{

	position: relative;

	cursor: pointer;

	display: inline-block;

	vertical-align: middle;

	padding:8px 40px;

	color:#fff;

	font-size:18px;

	text-align: center;

	text-decoration: none;

	background:#ff3c02;

	font-family: 'RobotoB';

	border-radius:0;

	text-transform:uppercase; border-radius:5px; font-weight:bold;

	

	border:none;

}



.theme-buy{display:inline-block;text-align: center;float:left;}

.theme-gobuy,.theme-signin{font-size: 15px;}

.theme-popover-mask{z-index: 999999998;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.7;filter:alpha(opacity=70);-moz-opacity:0.7;display:none;}

.theme-popover{

	z-index:999999999;

	position:fixed;

	top:50%;

	left:50%;

	width:31%;

	height:auto;

	-webkit-transform: translate(-50%, -50%);

	-moz-transform: translate(-50%, -50%);

	-ms-transform: translate(-50%, -50%);

	-o-transform: translate(-50%, -50%);

	transform: translate(-50%, -50%);

	display:none;

	background:#fff;

	float:none;

	max-width:none;

}

.theme-poptit{position:absolute;right:0;top:0;width:36px;height:36px;text-align:center;display:block;}

.theme-poptit .close{color:#fff;font-size:36px;opacity:1;filter:alpha(opacity=100);-moz-opacity:1;line-height:30px;float:none;text-shadow:none;display:block;}

.theme-poptit:hover{background:#041b33;}

.theme-poptit .close:hover{color:#fff;opacity:1;filter:alpha(opacity=100);-moz-opacity:1;}

.theme-popbod{color:#444;text-align: center;}

.theme-popbod>em{font-family: 'latoB';text-transform:uppercase;display:none;margin-bottom:10px;font-size:20px;display:block;}



.fixed-inquiry .message{max-width:100%;display:block;}

.fixed-inquiry .message li{margin-bottom:15px;}

.fixed-inquiry .message label{font-size:14px;margin-bottom:5px;color:#fff;font-weight:normal;display:block;text-align:left;text-transform:uppercase;}







.banner_bottom_title{ width:100%; height:83px; background:#514947; text-align:center; font-size:34px; font-family:"oswald-regular"; color:#fff; line-height:83px; text-transform:uppercase}



@media( max-width:1024px){.banner_bottom_title{ font-size:20px; }}

.banner_bottom_title span{ color:#fd4200}

.main_1_totle{ font-size:28px;  font-family:"oswald-regular"; font-weight:bold; color:#000; text-transform:uppercase; margin:15px 0px}

.main_1{ margin:20px auto}

.main_2{margin:20px auto}

.main_1_content_left{ width:20%; float:left}

.main_1_content_left img{ border:1px solid #ccc; max-width:100%}

.main_1_content_right{ width:76%; float:left; padding-left:2%; font-size:14px; line-height:24px; color:#000}



@media( max-width:768px){.main_1_content_left{ width:100%} .main_1_content_right{ width:100%; padding-left:0px;}}





.main_2_left{ width:70%; float:left}

.main_2_right{ width:26%; float:right }

.main_2_right img{border: 1px solid #ccc;max-width: 100%;}

.main_2_left p { font-size:14px}

.main_2_left ul{ float:left ;  margin-top:2%}

.main_2_left ul li{ font-size:14px; line-height:24px; margin:5px 0px; float:left; width:50%}

.main_2_left ul li i{ font-size:18px; color:#000;margin-right:3px}





@media( max-width:1200px) and ( min-width:768px){.main_2_left ul li{ width:100%}}



@media(max-width:766px){.main_2_left{width:100%} .main_2_right{width:100%}}

.sign_up{ margin:40px 0px 20px 0px; text-align:left}

.btn-primary{ float:right; margin-top:18px;}





@media( max-width:580px){.banner_bottom_title{ height:auto; line-height:30px}.btn-primary{ margin-top:0px;}.btn-primary{ font-size:14px;}}

.re_m{ font-size:14px; color:#222}

.re_m p{ color:#F00; margin-top:10px; text-transform:capitalize}

.main_1_totle_m_left img{ max-width:100%; padding:10px; border:1px solid #ccc}

.main_1_totle_m_left{ margin:0px 0px 10px 0px}





.footer{ padding:10px 0px; text-align:center; font-size:14px; border-top:1px solid #ccc; margin-top:20px;}



.banner_font{ float:left; font-size:45px; color:#222; font-family:"Oswald"; width:26%; position:absolute; left:32%; top:30%; height:128px; overflow:hidden; z-index:999999}



@media( max-width:999px){.banner_font{ width:100%; left:0%; font-size:40px; top:5%; text-align:center}}

@media( max-width:480px){.banner_font{ width:100%; left:0%; font-size:20px; text-align:center}}
.header_logo { float:left}
.header_tel{ float:right; margin:10px 0px;}
.header_tel span{ font-size:16px; margin-right:10px; }
.header_tel a{font-size:26px; color:#ff3c02; font-family:"Oswald";}

@media( max-width:890px){.header_logo {margin:0px;}.header_tel{  margin:10px 0px 10px 0; float:left; width:100%} .header{ padding:10px 0px;} .header_tel span{ margin-bottom:8px}.header_tel a { font-size:20px}}