@charset "utf-8";
/* CSS Document */



*{-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
-ms-box-sizing: border-box;
-o-box-sizing: border-box; list-style:none; text-decoration:none; outline:none; margin:0; padding:0; }
.transition, .transition:before, .transition:after, .transition:hover {transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}
img { max-width: 100%; height: auto; width: auto\9; /* ie8 */ border:none; outline:none; vertical-align:middle; }
a:hover{ color:#4F5197; text-decoration:underline; }
a, a:focus{ outline:none;}
body{ background:#01010c; margin:0; padding:0; font-family: Arial, Helvetica, sans-serif;}
a{ font-weight:normal; color:#e38000; text-decoration:none;}
h1, h2, h3, h4, h5, h6{ font-weight:normal;}
h1{}
h2{}
h3{}
p{}
.clear{ clear:both;}
div, input, textarea{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-box-sizing: border-box; position:relative; }
.header-content{ position:relative;}
.header-banner-pic{}

.section2{ position:relative; }
.section3{  position:relative; overflow:hidden; margin-top: -35px;  -webkit-transform:skew(0deg,3deg); -moz-transform:skew(0deg,3deg);-ms-transform: skew(0deg,3deg); -o-transform:skew(0deg,3deg); border-top:12px solid #fff; } 

.section3 .section-3-pic{ -webkit-transform:skew(0deg,3deg); -moz-transform:skew(0deg,3deg);-ms-transform: skew(0deg,3deg); -o-transform:skew(0deg,3deg);}

.section3 .section-3-pic img{ -webkit-transform:skew(0deg,-3deg); -moz-transform:skew(0deg,-3deg);-ms-transform: skew(0deg,-3deg); -o-transform:skew(0deg,-3deg);}

 .section4{ position:relative; margin-top:-66px; -webkit-transform:skew(0deg,-4deg); -moz-transform:skew(0deg,-4deg);-ms-transform:skew(0deg,-4deg); -o-transform: skew(0deg,-4deg); overflow:hidden; border-top:12px solid #fff;}
	
 .section4	.detail-banner{-webkit-transform:skew(0deg,4deg); -moz-transform:skew(0deg,4deg);-ms-transform:skew(0deg,4deg); -o-transform: skew(0deg,4deg);}
	
.sec-d-pic {   border-bottom:12px solid #fff; position:relative; -webkit-transform:skew(0deg,4deg); -moz-transform:skew(0deg,4deg);-ms-transform:skew(0deg,4deg); -o-transform: skew(0deg,4deg);}
.section4	.sec-d-pic img{-webkit-transform:skew(0deg,-4deg); -moz-transform:skew(0deg,-4deg);-ms-transform:skew(0deg,-4deg); -o-transform: skew(0deg,-4deg);}


	
.section4:after{ background:url(../images/sec4-bg.png) no-repeat center bottom; position:absolute; height:100%; width:100%; background-attachment:fixed; content:""; top:0; left:0;}
.section3 .detail-banner{-webkit-transform:skew(0deg,-3deg); -moz-transform:skew(0deg,-3deg);-ms-transform: skew(0deg,-3deg); -o-transform:skew(0deg,-3deg);}

.section2:after{ bottom:0; left:0; width:100%; position:absolute; content:""; background:url(../images/sec2-bg.png) no-repeat center bottom; background-attachment:fixed; height:100%; }

.section3:after{bottom:0; left:0; width:100%; position:absolute; content:""; background:url(../images/sec3-tra.png) no-repeat bottom center; background-attachment:fixed; height:100%;}

.sec-2-pic{}

.section5{ position:relative;  top:-80px; }


.wrapper{ width:1044px; margin:0 auto; overflow:hidden; background:#FFF;}

.fix-position{  width:100%; position:fixed; left:0; right:0; bottom:10px;}
.fix-menu-wrapper{ width:100%; margin:0 auto;}
ul.fixed-menu{ float:right; width:180px; z-index:999; position:relative;}
ul.fixed-menu li{ text-align:right; float:right; padding-top:7px; transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}
ul.fixed-menu li a{ position:relative; font-size:20px; display:block; background:#f5376f; padding:5px 10px; color:#fff; text-transform:uppercase; transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}
ul.fixed-menu li a:hover, ul.fixed-menu li a:focus{ text-decoration:none; padding-left:27px; background:#d52240;}


svg:not(:root) { overflow: hidden;}
svg.sland-top { z-index:99; height: 80px; left: 1px; pointer-events: none; position:absolute; top: 0; width: 100%;}
.sland-type3 path { fill: #ff7e00; stroke: #ff7e00; stroke-width: 0;}

svg:not(:root) { overflow: hidden;}

.sland-type4 path { fill: #8c0100; stroke: #8c0100; stroke-width: 0;}
svg.sland-top-less { bottom: 0; height: 100px;left: 0; pointer-events: none; position:absolute; width: 100%;}
.logo{ position:absolute; left:20px; bottom:20px;}

ul.top-social{ position:absolute; top:0; padding:10px; right:0; background:url(../images/transp.png) repeat;}
ul.top-social li{ display:inline-block; padding:0 3px;}
ul.top-social li img{  transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}
ul.top-social li img:hover{ transform:rotate(360deg);}

.detail-banner{ width:235px; position:absolute; height:90px; top:50%; margin-top:-50px; left:37px; z-index:99; }
.detail-banner h2{ font-family:Georgia, "Times New Roman", Times, serif; font-size:25px; color:#fff; text-transform:uppercase;}
.detail-banner p{ font-size:13px; color:#fff; line-height:15px;}



.header{ width:100%; float:left;}
.section{ width:100%; float:left;}

.footer{ float:left; padding:26px 34px; width:100%; background:#666666;}
.footer img{ float:left;}
.footer-txt{ float:left; font-weight:bold; padding-left:40px; padding-top:20px; font-size:15px; color:#fff; font-family:Georgia, "Times New Roman", Times, serif;}
.footer-txt a{ color:#fff; font-weight:bold;}
.footer-txt a:hover{ color:#f5376f;}
.top-margin{margin-top: -50px;}

.inner-content{ width:100%; float:left; padding-top:80px; padding-left:38px; padding-right:38px; padding-bottom:48px;}
.sland-type-red path { fill: #8c0000; stroke: #8c0000; stroke-width: 0;}
.sland-type-blue path{fill: #00b9ff; stroke: #00b9ff; stroke-width: 0;}
.sland-type-green path{fill: #00df00; stroke: #00df00; stroke-width: 0;}

.heading { width:100%; float:left;}
.heading h2{ font-size:40px; background:url(../images/sep.png) repeat-x bottom; padding-bottom:5px; text-transform:uppercase; font-family:Georgia, "Times New Roman", Times, serif; color:#000;}

.landing-row{ padding-bottom:30px; width:100%; float:left;}
.landing-left{ z-index:99; width:63%; padding-right:25px; float:left;}
.pro-pic{ width:100%; float:left; padding-top:20px;}

.owl-pagination { bottom: 26px; right:16px; position: absolute;}

.landing-right{ padding-top: 66px;  font-size:13px;}
.landing-right p{ line-height:18px; padding-bottom:20px; font-size:13px;}
.landing-right h2{ font-weight:bold; font-size:13px;}

.link{ color:#ff7f00;}
.link:hover{ color:#d52240;}
.slide-dec{ position:absolute; font-size:244px; font-weight:bold; opacity:0.5; top:20px; width:100%; text-align:center; left:0; color:#fff;}

.contact-left{ width:300px; padding-top:18px; float:left;}

.field-input{ width:100%; padding:5px; height:28px; color:#3a2c15; font-size:12px; font-family:Arial, Helvetica, sans-serif; border-top:1px solid #dddddd; border-left:1px solid #dddddd; border-right:1px solid #dddddd; margin-bottom:9px; border-bottom:2px solid #dddddd; background:#f0edff;}
.field-input:focus, .field-message:focus{ background:#fff;}
.field-message{width:100%; padding:5px; min-height:200px; resize:none; color:#3a2c15; font-size:12px; font-family:Arial, Helvetica, sans-serif; border-top:1px solid #dddddd; border-left:1px solid #dddddd; border-right:1px solid #dddddd; margin-bottom:9px; border-bottom:2px solid #dddddd; background:#f0edff;}

.field-btn{ height:33px; color:#fff; font-size:20px; background:#f5376f; padding:0 20px; float:right; border:none; cursor:pointer; transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}
.field-btn:hover, .field-btn:focus{-webkit-border-top-left-radius: 10px;-webkit-border-bottom-right-radius: 10px;-moz-border-radius-topleft: 10px;-moz-border-radius-bottomright: 10px;border-top-left-radius: 10px;border-bottom-right-radius: 10px; background:#d52240;}

.contact-right{padding-left:32px; padding-top:18px; float:left;}
.contact-right p{ color:#000; font-size:14px; text-transform:uppercase; padding-bottom:8px;}