*{ margin:0; padding:0;}
a{ text-decoration:none;}
ul,li{ list-style-type:none;}
img{ margin:0; padding:0;}
h4{ margin:0; padding:0;}
body{ font-family: 'Arimo', sans-serif;}

.container{ width:1170px; margin:0 auto;}

.headertop{ padding:15px 0; background-color:#EA1122; width:100%; display:inline-block;}
.headertop_left{ float:left;}
.headertop_right{ float:right;}
.headertop_left span i{ margin-right:10px; color:#FFC156;}
.headertop_left span { margin-right:20px; font-size:14px; color:#fff; }
.headertop_right a{ margin-left:20px; color:#333; }
.headertop_right i{ font-size:14px; background-color: #FFF;border-radius: 100%;padding: 5px 7px;text-align: center;margin: 0 auto; transition:0.5s;}
.headertop_right a:hover i{ background-color:#DE5D3A; color:#fff; transition:0.5s;}

.headerbot{ width:100%; display:inline-block; padding:20px 0; background-color:#fff;}
.logo{ width:30%; float:left;}
.menu{ float:right; padding:45px 0px 0px 0px;}
.menu li{ display:inline-block; }
.menu li a{ margin-left:45px; color:#333;position:relative; padding:6px 15px; overflow:hidden;transition: all 0.3s ease 0s; font-family: 'Lobster Two', cursive; font-size:18px;}
.menu li:hover a{ color:#E80503; transition:0.5s;}
.menu li a.active{ color:#E80503;}

.menu li a::after{ content: "";width:12px;height:12px;position: absolute; transition: all 0.3s ease 0s;opacity: 0;}
.menu li a::after{border-bottom:2px solid #ECA02D; border-right:2px solid #E80503; bottom:46px;    right:32px;}
.menu li a::before{ content: "";width:12px;height:12px;position: absolute;transition: all 0.3s ease 0s;opacity: 0;}
.menu li a::before,.menu li a::after,{	content: ""; height: 80px; opacity: 0; position: absolute; transition: all 0.3s ease 0s; width: 80px;}
.menu li a::before{ border-left: 2px solid #ECA02D; border-top: 2px solid #E80503; left:32px; top:46px;}
.menu li a:hover::before{left: 0px; opacity: 1; top:0px;}
.menu li a:hover::after{right:0px; opacity: 1; bottom:0px;}	

.banner{ width:100%;}

.who{ width:100%; display:inline-block; padding:40px 0; background:#fff;}
.who h1{ text-align:center; font-size:32px; font-family: 'Julius Sans One', sans-serif; color:#EA1122; }
.who span{ text-align:center; display:block; margin-bottom:35px;}
.who p{ font-size:14px; color:#333; text-align:justify; width:100%; line-height:25px;}
.who p img{ float:left; margin-right:20px;}
.who a{ padding:10px 15px; background:#EA1122; border-radius:3px; color:#fff; font-size:14px; margin-top:25px; display:inline-block;}
.who a:hover{ background:#1D1372;}

.project{ width:100%; display:inline-block; padding:40px 0; background:url(../images/project.jpg); background-size:cover; background-attachment:fixed;}
.project h1{ text-align:center; font-size:32px; font-family: 'Julius Sans One', sans-serif; color:#fff; }
.project span{ text-align:center; display:block; margin-bottom:35px;}
.project ul{ width:100%; display:inline-block;}
.project ul li{ width:31%;  float:left; margin:1%; overflow:hidden; position:relative;}
.project ul li i{ width:40px; height:40px; background:#fff; border-radius:50%; display:inline-block; text-align:center; line-height:40px; position:absolute; top:73%; left:42%; transition:0.5s; width:40px; color:#000; height:40px; z-index:15; opacity:0.5; }
.project ul li:hover i{ width:50px; height:50px; transition:0.5s; line-height:50px; top:67%; transform:rotate(-90deg); opacity:1;}
.project ul li img{ width:100%;}
.project ul li h4{ background:#FF1D37; position:relative; z-index:6; color:#fff; text-align:center; padding:22px 0 17px 0; font-family: 'Julius Sans One', sans-serif; text-transform:uppercase; font-size:18px; display:inline-block; width:100%;}
.project ul li h4::before{ content:""; position:absolute; top:10px; left:0; width:100%; background:#FF1D37; z-index:-3; height:30px; transition:0.5s;}
.project ul li:hover h4::before{ top:-20px; transition:0.5s;}

.footer{ width:100%; display:inline-block; padding:20px 0; background:#CCC;}
.footer li{ float:left;}
.footer_left li a{ color:#000; margin-right:20px; font-size:15px; font-family: 'Lobster Two', cursive;}
.footer_left li a:hover{ color:#E80503;}
.footer_right{ float:right; font-size:14px;}
.footer_right a:hover{ color:#E80503;}
.footer_left li a.active{ color:#E80503;}


.top_banner{ width:100%; display:inline-block; background:url(../images/about_banner.jpg) no-repeat; height:316px; background-size:cover;}
.top_banner h1{ color:#fff; text-align:center; margin-top:3em; text-transform:uppercase;}
.top_banner span{ display:block; margin:0 auto;}
.top_banner span img{ display:block; margin:0 auto;}

.about_page{ width:100%; display:inline-block; padding:30px 0;}
.about_page_left{ float:left; width:60%;}
.about_page_left h2{ font-size:25px; color:#FF283E; margin:10px 0 15px 0;}
.about_page_left p{ font-size:15px; line-height:30px; margin:0 0 10px 0; position:relative; padding-left:30px;}
.about_page_left p::before{ content: "\f0a4";font-family: FontAwesome; font-size:22px; color:#EA1122; position:absolute; top:0; left:0;}
.about_page_left img{ border:3px solid #ccc;}
.about_page_right{ float:right; width:35%;}
.about_page_right h2{ font-size:25px; color:#FF283E; margin:10px 0 15px 0;}
.about_page_right img{ width:100%; margin:0 0 15px 0;border:3px solid #ccc;}
.about_page_right p{ font-size:15px; line-height:28px; margin:0 0 10px 0;}
.our_principle{ width:100%;display:inline-block; background:#FF0E21; padding:20px 0;}
.our_principle h3{ color:#fff; font-size:25px; margin-bottom:15px; text-align:center; }
.our_principle  p{ color:#F0BB87; padding:0 50px; line-height:25px; text-align:center; }
.our_principle span{ font-size:18px; text-align:center; margin:0 auto; width:30%; color:#fff; margin:20px 5px; display:inline-block; text-align:left; font-weight:600;}
.our_principle span i{ font-size:23px; width:40px; height:40px; line-height:40px; margin-right:10px; text-align:center; background:#000; border-radius:3px;}

.fortune_page{ width:100%; display:inline-block; padding:20px 0;}
.fortune_page h3{ font-size:25px; color:#FF283E; margin:10px 0 10px 0;}
.fortune_page p{ font-size:15px; line-height:25px; margin:10px 0;}
.fortune_page ul{ width:100%; margin-top:10px; display:inline-block;}
.fortune_page ul h4{ font-size:17px; margin-bottom:10px; color:#EA1122}
.fortune_page ul li{ font-size:15px; margin:15px 0;}
.fortune_page ul li span{ display:inline-block; width:15%;}


.scrollToTop{padding:12px 18px; border-radius:50%; text-align:center; font-weight: bold;color: #444;text-decoration: none;position:fixed;right:15px;display:none;bottom:63px;color:#000; background:#EA1122; font-size:17px; font-family:Roboto; z-index:7}
.scrollToTop:hover{ background-color:#7D99D5;}
.scrollToTop i{ font-size:16px; color:#FFF; text-align:center; line-height:27px;}

.fancy_box{ padding:20px 0; float:left; width:100%;}
.fancy_box h3{ font-size:25px; margin-bottom:10px; color:#EA1122;}
.fancy_box li{ display:inline-block; width:30%; margin:1%; position:relative; overflow:hidden;}
.fancy_box li img{ border:2px solid #ccc; width:100%;}
.fancy_box span{ background:rgba(0,0,0,0.7); position:absolute; padding:15px 0; top:-20px; bottom:0; left:0; right:0; opacity:0; color:#fff; transition:0.8s; text-align:center;}
.fancy_box li:hover span{ opacity:0;  opacity:1; transition:0.8s; top:190px; font-size:16px; text-transform:lowercase;}

.contact_page{ width:100%;  display:inline-block; padding:30px 0;}
.contact_page_left{ float:left; width:38%;}
.contact_page_left h3{ font-size:25px; color:#FF283E; margin:10px 0 15px 0;}
.contact_page_left h4{ font-size:23px; color:#EA1122}
.contact_page_left p{ font-size:20px; margin:10px 0; color:#1C1C1C;font-family: 'Arimo', sans-serif;}
.contact_page_left p i{ font-size:25px; margin-right:10px;}
.contact_page_left span{ display:block; margin:10px 0;font-family: 'Arimo', sans-serif; font-size:18px; padding-top:15px;}
.contact_page_left span:last-child{ padding-top:0;}
.contact_page_left span em{ display:inline-block; width:25%; font-style:normal;}

.contact_page_right{ float:left;}
.contact_page_right h3{ font-size:25px; color:#FF283E; margin:10px 0 15px 0;}
.contact_page_right input[type="text"]{ width:220px; margin:10px 3px 0 0px; padding:0 5px; height:40px; border:0; background-color:transparent; border:1px solid #ccc;}
.contact_page_right textarea{font-family: 'Arimo', sans-serif;font-size:13px; padding:5px;width:98%; border:0; background-color:transparent; height:150px; border:1px solid #ccc; resize:none; display:block; margin:10px 0;}
.contact_page_right input[ name="Submit"]{ padding:13px 37px; font-weight:bold; background:#EA1122; color:#fff; font-size:15px; border:0;font-family: 'Arimo', sans-serif; text-transform:uppercase; }
.contact_page_right input[ name="Submit"]:hover{ background:#1C1C1C; cursor:pointer;}
.map{ width:100%; display:inline-block; margin-top:20px;}