@charset "UTF-8";
/*------------// Overall //------------------*/
body{font:12px/140% 'Roboto', sans-serif;color:#5a5a5a; margin:0; background:#FFF; }
html,body{}
table,td{font:12px/140% 'Roboto', sans-serif; color:#5a5a5a;}
table{border-collapse:collapse; border-spacing:0; empty-cells:show; }
th, td { border-collapse:collapse; }
A:link{text-decoration:none; color:#5a5a5a;}
A:visited{text-decoration:none; color:#5a5a5a;}
A:hover{text-decoration:none; color:#47cdff;}
img{ border:0; }
div,p,img,ul,ol,li,form,input,label,span,dl,dt,dd,h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
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 } 
a{blr:expression(this.onFocus=this.blur())} /*for IE*/
a{outline:none;} /*for Firefox*/
ol,ul,li{list-style-type:none;}

.head{ width: 1200px; display: flex; justify-content: space-between; margin: auto; padding: 23px 0px 38px 0px;}
.head .left .text{ color: #83888d;font-size: 15px;font-weight: 400; margin-left: 55px;}
.head .right{ display: flex;}
.head .right .mail{ display: flex; margin-top: 10px;}
.head .right .mail .pic{ margin-right: 22px; }
.head .right .mail .name{ font-size: 16px;text-transform: capitalize; color: #203260;font-weight: 700;font-family: 'Roboto', sans-serif; margin-top: 10px;}
.head .right .mail .text{ margin: 6px 0 0;line-height: 18px;     font-family: 'Roboto', sans-serif;color: #83888d;font-size: 16px;}
.head .right .button{ display: flex; background: #f3f7fa;border-radius: 5px;transition: all 500ms ease; height: 55px; line-height: 55px; margin-left: 55px; margin-top: 10px;}
.head .right .button .language{font-size: 15px;text-transform: capitalize; color: #203260;font-weight: 700;font-family: 'Roboto', sans-serif; padding: 0px 8px 0px 15px; }
.head .right .button .fa{ color: #3398fd; font-size: 20px;text-transform: capitalize; padding-right: 15px;}

.mainmenu{ width: 100%; height: 65px; background-color: #3aa40c;}
.nav{ width: 1200px; margin: auto;}
.nav li{ float: left; height: 65px; line-height: 65px;}
.nav li a{color: #fff; position: relative; display: inline-block; font-size: 14px;font-weight: 600; padding: 0px 70px;  font-family: 'Roboto', sans-serif;}
.nav li a:hover{background: #203260; }

.foot{ width: 100%; background-color: #203260; height: 455px;}
.foot .container{ width: 1200px; margin: auto; display: flex; padding-top: 100px; margin-bottom: 48px;}
.foot .address{ color: #fff;font-size: 16px;line-height: 26px;font-weight: 400; margin-top: 35px;}
.foot .box{ color: #fff;font-size: 16px;line-height: 26px;font-weight: 400; margin: 15px 0px 30px 0px;}
.foot .more a{ color: #fff;font-size: 15px;line-height: 26px;font-weight: 600;}
.foot .more a:hover{ color: #009640;}
.foot .more p{ float: left; }
.foot .more i{ float: left;  margin-left: 10px;}
.foot .right{ margin-left: 222px;}
.foot .right .title{ color: #fff;font-size: 23px;line-height: 26px;font-weight: 600;}
.foot .row{ display: flex;  margin-top: 40px;}
.foot .row li{ height: 27px; line-height: 27px; width: 270px; margin-bottom: 15px;}
.foot .row .tou{ color: #50628d; margin-right: 10px; font-size: 20px;}
.foot .row li a{ color: #fff; font-size: 15px; font-weight: 400;}
.foot .row li a:hover{ color: #3398fd;}
.foot .copyright{ line-height: 59px; color: #fff; font-size: 16px; border-top: 1px solid #31426c; width: 1200px; margin: auto;}



/* main */
.rocket-wrapper {
	position: fixed;
	bottom: 1rem;
	right: 1rem;
	height: 11.25rem;
	width: 7.5rem;
	opacity: 0;
	transition: all 0.5s ease-in 0.5s;
	z-index: 99999;
	background: url(../images/po98.jpg) no-repeat;
	bottom: 278px;
}