@import url(http://fonts.googleapis.com/earlyaccess/notosanstc.css);

@charset "UTF-8";


/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { padding: 0; margin: 0;}
html,body { height: 100%; padding: 0; margin: 0;}
table {border-collapse:collapse; border-spacing: 0;}
img { border: 0; max-width: 100%;}
address,caption,cite,code,dfn,th,var {font-style: normal; font-weight: normal;}
ol,ul { list-style: none; padding: 0; margin: 0;}
h1,h2,h3,h4,h5,h6 { font-family:'Noto Sans TC', "微軟正黑體", Arial, sans-serif;}
p,a { font-weight: normal; font-size: 17px; line-height: 30px;}


/*page style*/
body {background-color: #fff; font-family: 'Noto Sans TC', "微軟正黑體", Arial, sans-serif;}
p,a { color: #666666;}
a:hover, a:focus { text-decoration: none; outline: none;}
.wrapper { position: relative; width: 100%; background-size: cover; margin: 0 auto;}
h2 { font-size: 48px; color: #333;}
i img {margin-top: -5px;}
.down {position: absolute; width: 39px; height: 20px; bottom: 20px; left: 49%; z-index: 999;}
.top {position: absolute; z-index: 999; width: 30px; bottom: 20px; right: 30px;}
.load{position: relative; width: 100%; height: 100%; z-index: 99999; background: #fff url(../img/bg1.png) repeat 50% 50%;}
.load img {position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;}
#goTop {color:#fff;text-align:center;cursor: auto;position:fixed;bottom:20px;right:20px;display:none; z-index: 999;}

/* Sections*/
.section{text-align:center;}
#section0, #section1, #section2, #section3, #section4, .slide { background-size: cover;}


/*page color*/
.red {color: #e30920;}
.blue { color: #3077b9;}
.black {color: #000;}


/*load*/
#fountainTextG{position: absolute; top: 0; left: 0; right: 0; bottom: 0; width:250px; height: 70px; margin:auto;}
.fountainTextG{color:rgb(255,255,255); font-family:Arial; font-size:52px; text-decoration:none; font-weight:normal; font-style:normal; float:left; animation-name:bounce_fountainTextG; -o-animation-name:bounce_fountainTextG; -ms-animation-name:bounce_fountainTextG; -webkit-animation-name:bounce_fountainTextG; -moz-animation-name:bounce_fountainTextG; animation-duration:2.09s; -o-animation-duration:2.09s; -ms-animation-duration:2.09s; -webkit-animation-duration:2.09s; -moz-animation-duration:2.09s; animation-iteration-count:infinite; -o-animation-iteration-count:infinite; -ms-animation-iteration-count:infinite; -webkit-animation-iteration-count:infinite; -moz-animation-iteration-count:infinite; animation-direction:normal; -o-animation-direction:normal; -ms-animation-direction:normal; -webkit-animation-direction:normal; -moz-animation-direction:normal; transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(.5); }
#fountainTextG_1{animation-delay:0.75s; -o-animation-delay:0.75s; -ms-animation-delay:0.75s; -webkit-animation-delay:0.75s; -moz-animation-delay:0.75s; }
#fountainTextG_2{animation-delay:0.9s; -o-animation-delay:0.9s; -ms-animation-delay:0.9s; -webkit-animation-delay:0.9s; -moz-animation-delay:0.9s; }
#fountainTextG_3{animation-delay:1.05s; -o-animation-delay:1.05s; -ms-animation-delay:1.05s; -webkit-animation-delay:1.05s; -moz-animation-delay:1.05s; }
#fountainTextG_4{animation-delay:1.2s; -o-animation-delay:1.2s; -ms-animation-delay:1.2s; -webkit-animation-delay:1.2s; -moz-animation-delay:1.2s; }
#fountainTextG_5{animation-delay:1.35s; -o-animation-delay:1.35s; -ms-animation-delay:1.35s; -webkit-animation-delay:1.35s; -moz-animation-delay:1.35s; }
#fountainTextG_6{animation-delay:1.5s; -o-animation-delay:1.5s; -ms-animation-delay:1.5s; -webkit-animation-delay:1.5s; -moz-animation-delay:1.5s; }
#fountainTextG_7{animation-delay:1.64s; -o-animation-delay:1.64s; -ms-animation-delay:1.64s; -webkit-animation-delay:1.64s; -moz-animation-delay:1.64s; }
#fountainTextG_8{animation-delay:1.79s; -o-animation-delay:1.79s; -ms-animation-delay:1.79s; -webkit-animation-delay:1.79s; -moz-animation-delay:1.79s; }
#fountainTextG_9{animation-delay:1.94s; -o-animation-delay:1.94s; -ms-animation-delay:1.94s; -webkit-animation-delay:1.94s; -moz-animation-delay:1.94s; } 
#fountainTextG_10{animation-delay:2.09s; -o-animation-delay:2.09s; -ms-animation-delay:2.09s; -webkit-animation-delay:2.09s; -moz-animation-delay:2.09s; }
@keyframes bounce_fountainTextG{0%{transform:scale(.5); color:rgb(255,255,255); } 100%{transform:scale(1); color:rgb(1,82,174); } }
@-o-keyframes bounce_fountainTextG{0%{-o-transform:scale(.5); color:rgb(255,255,255); } 100%{-o-transform:scale(1); color:rgb(1,82,174); } }
@-ms-keyframes bounce_fountainTextG{0%{-ms-transform:scale(.5); color:rgb(255,255,255); } 100%{-ms-transform:scale(1); color:rgb(1,82,174); } }
@-webkit-keyframes bounce_fountainTextG{0%{-webkit-transform:scale.5); color:rgb(255,255,255); } 100%{-webkit-transform:scale(1); color:rgb(1,82,174); } }
@-moz-keyframes bounce_fountainTextG{0%{-moz-transform:scale(.5); color:rgb(255,255,255); } 100%{-moz-transform:scale(1); color:rgb(1,82,174); } } 


/*typed*/
/* code for animated blinking cursor */
.typed-cursor{opacity: 1; -webkit-animation: blink 0.7s infinite; -moz-animation: blink 0.7s infinite; animation: blink 0.7s infinite; }
@keyframes blink{0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; } }
@-webkit-keyframes blink{0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; } }
@-moz-keyframes blink{0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; } }


/*nav*/
#menu .logo { position: absolute; top: 30px; left: 70px; z-index: 9999;}
#menu .logo-w {display: none;}
.nav-inn .icon {position: absolute;}
.nav-inn .hamburger {position: absolute;}

.mobilenav {padding-top: 150px;}
.mobilenav li {width: 360px; margin: auto; border-bottom: #4d4d4d 1px solid; padding: 25px 0;}
.mobilenav li:hover {width: 360px; margin: auto; border-bottom: #0152ae 3px solid; padding: 25px 0;}
.mobilenav li a {font-size: 23px; color: #fff;}

.fat-nav {padding-top: 0px;}
.fat-nav li {width: 250px; margin: auto; border-bottom: #4d4d4d 2px solid; padding: 25px 0;}
.fat-nav li:hover {width: 250px; margin: auto; border-bottom: #0152ae 2px solid; padding: 25px 0;}
.fat-nav li a {font-size: 23px; color: #fff;}
.fat-nav li.social {padding: 40px 0; border-bottom: 0px;}
.fat-nav .fb {padding-right: 20px;}

.header-nav { display: block; width: 100%; } 
.header-nav ul{margin: 0; padding: 0; } 
.header-nav li{position: relative; float: left; color: #FFF; list-style: none; background: #000; }
.header-nav li a {display: block; padding: 15px 30px; color: #FFF; text-decoration: none; } 
.header-nav li:hover {background: #000; } 
.header-nav li ul {background-color: rgba(231, 124, 64, 1); display: none; position: absolute; top: 100%; } 
.header-nav li:hover ul {display: block; right: 0; left: 0; top: 100%; } 
.header-toggle {display: none; } 
.arrow-bottom {position: absolute; top: 25px; right: 13px; margin-left: 5px; border-top: 4px solid #FFF; border-right: 4px solid transparent; border-left: 4px solid transparent; width: 1px; height: 1px; } 


.section.table { margin: 0;}
.controlArrow { opacity: 0.5;}
.controlArrow:hover { opacity: 1;}

.navbar-nav li a {font-weight: 600;}


/*home*/
.home {background: url(../img/bg1.png) repeat 50% 50%; overflow: hidden;}
.home video {position: relative; z-index: -10;}
.home #typed-strings {position: absolute; margin: 0 auto; width: 100%; height: 100%;}
.home #typed {font-size: 56px; color: #fff; position: absolute; top: 0; right: 0; margin: auto; left: 0; bottom: 0; z-index: 10;}


/*about*/
.about .about-left { background: #0152ae; float: left; width: 50%; height: 100%; margin: 0 auto; position: relative;}
.about .about-left h2 { font-size: 48px; color: #fff; text-align: left; padding-bottom: 40px;}
.about .about-left .about-left-info {max-width: 310px; position: absolute; right: 300px;}
.about .about-left .about-text {color: #fff; text-align: left;}
.about .about-right { height: 100%; text-align: left; background: #f0efea; float: right; width: 50%; position: relative; z-index: 10;}
.about .about-right h2 { padding-bottom: 50px;}
.about .about-right-inn { margin-left: 70px; padding: 10px; max-width: 470px;}
.about .about-right-inn img {padding-right: 20px;}
.about .text-1 {padding-bottom: 30px;}
.about .about-img {position: absolute; top: 40px; right: -515px;}
.about .about-right .more {margin-top: 40px; border-width: 1px; border-color: rgb(1, 82, 174); border-style: solid; border-radius: 5px; width: 185px; line-height: 60px; cursor:pointer;  -webkit-transition: -webkit-box-shadow 0.5s, color 0.5s;-moz-transition: -moz-box-shadow 0.5s, color 0.5s; -o-transition: box-shadow 0.5s, color 0.5s; transition: box-shadow 0.5s, color 0.5s; -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-box-shadow: inset 0 0 0 0 rgb(1, 82, 174); -moz-box-shadow: inset 0 0 0 0 rgb(1, 82, 174); box-shadow: inset 0 0 0 0 rgb(1, 82, 174);} 
.about .about-right .more:hover {-webkit-box-shadow: inset 200px 0 0 0  rgb(1, 82, 174); -moz-box-shadow: inset 200px 0 0 0  rgb(1, 82, 174); box-shadow: inset 200px 0 0 0  rgb(1, 82, 174);}
.about .about-right .more a {color:  rgb(1, 82, 174); -webkit-transition: -webkit-box-shadow 0.5s, color 0.5s;-moz-transition: -moz-box-shadow 0.5s, color 0.5s; -o-transition: box-shadow 0.5s, color 0.5s; transition: box-shadow 0.5s, color 0.5s; -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;}
.about .about-right .more:hover a {color: #fff;}

.about-box {background: url(../img/about_bg.jpg) no-repeat 50% 50%; background-size: cover; overflow: hidden; position: relative; height: 1130px;}
.about-box .about-title {padding: 170px 0 140px;}
.about-box .about-title h2 {color: #fff; text-align: center;}
.about-box .about-text {color: #fff;}
.about-box .about-img {position: absolute; right: 0; bottom: 0;}
.about-box .about-img1 {padding-top: 30px; margin: 0 auto; text-align: center; display: block; padding-left: 5%;}


/*news*/
.news {}
.news-list {}
.news .news-title h2 { font-size: 36px;}
.news-list ul li { padding-bottom: 20px;}
.news-list ul li span {padding-right: 10px; color: #333; font-size: 17px;}
.news-list ul li a {color: #333; font-size: 17px;}
.news-list .page .active a {text-decoration: underline;}
.news .more img {margin-top: 25px;}


.news-box {background: url(../img/news_bg.jpg) no-repeat 50% 50%; background-size: cover; overflow: hidden;}
.news-box .news-title {padding: 170px 0 140px;}
.news-box .news-title h2 {color: #fff; text-align: center;}
.news-box .news-text {color: #fff;}
.news-box .news-list ul li { color: #fff;}
.news-box .news-list ul li span {color: #fff;}
.news-box .news-list ul li a {color: #fff;}
.news-box .news-list i {padding-right: 20px;}

.news-box .page {text-align: center; padding: 80px 0;}
.news-box .page li {padding: 0 20px;}
.news-box .page a {color: #fff;}
.news-box .page .active a {color: #fff; text-decoration: underline;}

.newsModal .modal-content { border: none; box-shadow: none; padding: 30px; max-width: 1000px; margin: 130px auto;}
.newsModal .modal-dialog {}
.newsModal .close { outline: none; opacity: 1; position: relative; top: 0px; right: 0px;}

.newsModal .newsModal-title {color: #0152ae;}
.newsModal .newsModal-date { color: #333333;}
.newsModal .newsModal-words { padding: 20px 0;}
.newsModal .img-responsive { margin: 0 auto;}


/*product*/
.product {}
.product img {display: inline-block;}
.product-list {padding: 0 30px;}
.product-list ul li { padding-bottom: 5px; min-height: 33px;}
.product-list ul li span {padding-right: 20px;}
.product-title {padding: 50px 0;text-align: center;}
.product .product-list {max-width: 1000px; padding: 20px 15px 50px; margin: 0 auto;}
.product .product-list li { height: 50px; border-bottom: #cbc9c7 1px solid; line-height: 50px;}
.product .product-list li:first-child { height: 50px; border-top: #cbc9c7 1px solid;}
.product .product-list li a {color: #666;}
.product .product-list li a:hover, .product .product-list li a:focus { color: #aa9e90;}
.product .product-list span {color: #aa9e90; padding: 0 15px 0 30px; line-height: 50px;}
.product .product-list p {color: #333; text-transform: uppercase; line-height: 50px;}
.product .product-list:hover p {color: rgb(1, 82, 174);}
.product .more {margin: 40px auto; border-width: 1px; border-color: rgb(1, 82, 174); border-style: solid; border-radius: 5px; width: 185px; line-height: 60px; cursor:pointer; -webkit-transition: -webkit-box-shadow 0.5s, color 0.5s;-moz-transition: -moz-box-shadow 0.5s, color 0.5s; -o-transition: box-shadow 0.5s, color 0.5s; transition: box-shadow 0.5s, color 0.5s; -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-box-shadow: inset 0 0 0 0 rgb(1, 82, 174); -moz-box-shadow: inset 0 0 0 0 rgb(1, 82, 174); box-shadow: inset 0 0 0 0 rgb(1, 82, 174);} 
.product .more:hover {-webkit-box-shadow: inset 200px 0 0 0 rgb(1, 82, 174); -moz-box-shadow: inset 200px 0 0 0 rgb(1, 82, 174); box-shadow: inset 200px 0 0 0 rgb(1, 82, 174); }
.product .more a {color: rgb(1, 82, 174); -webkit-transition: -webkit-box-shadow 0.5s, color 0.5s;-moz-transition: -moz-box-shadow 0.5s, color 0.5s; -o-transition: box-shadow 0.5s, color 0.5s; transition: box-shadow 0.5s, color 0.5s; -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;}
.product .more:hover a {color: #fff;}

.product-box {background: url(../img/product_bg.jpg) no-repeat 50% 50%; background-size: cover; overflow: hidden; position: relative;}
.product-box .product-title {padding: 170px 0 80px;}
.product-box .product-title h2 {color: #fff; text-align: center;}
.product-box .product-info {}
.product-box .product-info p {color: #fff; font-size: 19px; padding-bottom: 25px;}
.product-box .product-info p i {padding-right: 18px;}
.product-box .product-info p:last-child img {padding-left: 48px;}
.product-box .product-text {color: #fff; padding-bottom: 85px;}
.product-box .product-img {position: absolute; right: 0; bottom: 0;}

.product-info-menu { height: 100%; margin: 0 auto; width: 100%; position: relative;}
.product-info-nav { margin-bottom: 80px; min-height: 33px; width: 100%; border-bottom: 1px #c9c9c9 solid;}
.product-info-nav li{ position: relative; display: inline-block;}
.product-info-nav li a { color: #fff; padding: 10px;}
.product-info-nav .sub-nav { text-align: center;}
.product-info-nav .sub-nav li {margin-right: 30px; padding-bottom: 27px;}
.product-info-nav .sub-nav li.active, .product-info-nav .sub-nav li:hover { border-bottom: #fff 2px solid; padding-bottom: 25px;}
.product-info-nav .sub-nav li.active a, .product-info-nav .sub-nav li:hover a {color: #fff;}
.product-info-nav li ul { display: none; top: 100%; position: absolute;}
.product-info-nav li:hover ul { position: relative; display: block; background: transparent;}
.product-info-nav li:hover ul li{background: transparent; border-bottom: none;}
.product-info-nav li:hover ul li a{padding-left: 30px;}


/*case*/
.case {}
.case-list {}
.case .case-title h2 {padding: 50px 0;}
.case-list ul li { padding-bottom: 20px;}
.case-list ul li span {padding-right: 20px;}
.case-list .page .active a {text-decoration: underline;}
.nbs-flexisel-ul .case-li:hover span {color: rgb(1, 82, 174);}
.case .more {margin: 90px auto 30px; border-width: 1px; border-color: rgb(1, 82, 174); border-style: solid; border-radius: 5px; width: 185px; line-height: 60px; cursor:pointer; -webkit-transition: -webkit-box-shadow 0.5s, color 0.5s;-moz-transition: -moz-box-shadow 0.5s, color 0.5s; -o-transition: box-shadow 0.5s, color 0.5s; transition: box-shadow 0.5s, color 0.5s; -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-box-shadow: inset 0 0 0 0 rgb(1, 82, 174); -moz-box-shadow: inset 0 0 0 0 rgb(1, 82, 174); box-shadow: inset 0 0 0 0 rgb(1, 82, 174);} 
.case .more:hover {-webkit-box-shadow: inset 200px 0 0 0 rgb(1, 82, 174); -moz-box-shadow: inset 200px 0 0 0 rgb(1, 82, 174); box-shadow: inset 200px 0 0 0 rgb(1, 82, 174); }
.case .more a {color: rgb(1, 82, 174); -webkit-transition: -webkit-box-shadow 0.5s, color 0.5s;-moz-transition: -moz-box-shadow 0.5s, color 0.5s; -o-transition: box-shadow 0.5s, color 0.5s; transition: box-shadow 0.5s, color 0.5s; -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;}
.case .more:hover a {color: #fff;}

.case-box {background: url(../img/case_bg.jpg) no-repeat 50% 50%; background-size: cover; overflow: hidden;}
.case-box .case-title {padding: 170px 0 140px;}
.case-box .case-title h2 {color: #fff; text-align: center;}
.case-box .case-text {color: #fff;}
.case-box .case-list {margin-bottom: 50px;}
.case-box .case-list img {margin: 0 auto;}
.case-box .case-list p {text-align: center; color: #fff;overflow: hidden; width: 100%; height: 24px;}

.case-box .page {text-align: center; padding: 80px 0;}
.case-box .page li {padding: 0 20px;}
.case-box .page a {color: #fff;}
.case-box .page .active a {color: #fff; text-decoration: underline;}

.caseModal .modal-content { border: none; box-shadow: none; padding: 30px; max-width: 1000px; margin: 130px auto;}
.caseModal .modal-dialog {}
.caseModal .close { outline: none; opacity: 1; position: relative; top: 0px; right: 0px;}

.caseModal .caseModal-title {color: #0152ae;}
.caseModal .caseModal-date { color: #333333;}
.caseModal .caseModal-words { padding: 20px 0;}
.caseModal .img-responsive { margin: 0 auto;}


/*contact*/
.contact {}
.contact-list {}
.contact .contact-title h2 {padding: 50px 0;}
.contact-list ul li { padding-bottom: 20px;}
.contact-list ul li span {padding-right: 20px;}
.contact-list .page .active a {text-decoration: underline;}
.contact .more {margin: 90px auto 30px; border-width: 1px; border-color: rgb(1, 82, 174); border-style: solid; border-radius: 5px; width: 185px; line-height: 60px; cursor:pointer; -webkit-transition: -webkit-box-shadow 0.5s, color 0.5s;-moz-transition: -moz-box-shadow 0.5s, color 0.5s; -o-transition: box-shadow 0.5s, color 0.5s; transition: box-shadow 0.5s, color 0.5s; -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-box-shadow: inset 0 0 0 0 rgb(1, 82, 174); -moz-box-shadow: inset 0 0 0 0 rgb(1, 82, 174); box-shadow: inset 0 0 0 0 rgb(1, 82, 174);} 
.contact .more:hover {-webkit-box-shadow: inset 200px 0 0 0 rgb(1, 82, 174); -moz-box-shadow: inset 200px 0 0 0 rgb(1, 82, 174); box-shadow: inset 200px 0 0 0 rgb(1, 82, 174); }
.contact .more a {color: rgb(1, 82, 174); -webkit-transition: -webkit-box-shadow 0.5s, color 0.5s;-moz-transition: -moz-box-shadow 0.5s, color 0.5s; -o-transition: box-shadow 0.5s, color 0.5s; transition: box-shadow 0.5s, color 0.5s; -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;}
.contact .more:hover a {color: #fff;}


.contact-box {background: url(../img/contact_bg.jpg) no-repeat 50% 50%; background-size: cover; overflow: hidden;}
.contact-box .contact-title {padding: 170px 0 140px;}
.contact-box .contact-title h2 {color: #fff; text-align: center;}
.contact-box .contact-text {color: #fff;}
.contact-box .contact-list {margin-bottom: 50px; text-align: center;}
.contact-box .contact-list img {margin: 0 auto;}
.contact-box .contact-list p {text-align: center; color: #fff; padding-top: 20px; line-height: 22px;}
.contact-box .more {margin: 20px auto; border-width: 1px; border-color: #fff; border-style: solid; border-radius: 5px; width: 185px; line-height: 60px; cursor:pointer; -webkit-transition: -webkit-box-shadow 0.5s, color 0.5s;-moz-transition: -moz-box-shadow 0.5s, color 0.5s; -o-transition: box-shadow 0.5s, color 0.5s; transition: box-shadow 0.5s, color 0.5s; -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-box-shadow: inset 0 0 0 0 #fff; -moz-box-shadow: inset 0 0 0 0 #fff; box-shadow: inset 0 0 0 0 #fff;} 
.contact-box .more:hover {-webkit-box-shadow: inset 200px 0 0 0 #fff; -moz-box-shadow: inset 200px 0 0 0 #fff; box-shadow: inset 200px 0 0 0 #fff; }
.contact-box .more a {color: #fff; -webkit-transition: -webkit-box-shadow 0.5s, color 0.5s;-moz-transition: -moz-box-shadow 0.5s, color 0.5s; -o-transition: box-shadow 0.5s, color 0.5s; transition: box-shadow 0.5s, color 0.5s; -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;}
.contact-box .more:hover a {color: #666;}
.contact-box .submit {margin: 90px auto; border-width: 1px; border-color: #fff; border-style: solid; border-radius: 5px; width: 185px; line-height: 60px;  -webkit-transition: -webkit-box-shadow 0.5s, color 0.5s;-moz-transition: -moz-box-shadow 0.5s, color 0.5s; -o-transition: box-shadow 0.5s, color 0.5s; transition: box-shadow 0.5s, color 0.5s; -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-box-shadow: inset 0 0 0 0 #fff; -moz-box-shadow: inset 0 0 0 0 #fff; box-shadow: inset 0 0 0 0 #fff;} 
.contact-box .submit:hover {-webkit-box-shadow: inset 200px 0 0 0 #fff; -moz-box-shadow: inset 200px 0 0 0 #fff; box-shadow: inset 200px 0 0 0 #fff; }
.contact-box .submit a {color: #fff; -webkit-transition: -webkit-box-shadow 0.5s, color 0.5s;-moz-transition: -moz-box-shadow 0.5s, color 0.5s; -o-transition: box-shadow 0.5s, color 0.5s; transition: box-shadow 0.5s, color 0.5s; -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;}
.contact-box .submit:hover a {color: #666;}
.contact-box .form p {color: #fff; border-bottom: #666 1px solid;}
.contact-box .form span { float: left; text-align: left; width: 10%; padding-top: 15px;}
.contact-box .form input { outline: 0px; margin-top: 10px; width: 90%; background-color: transparent; padding: 5px; margin-left: 0px; border: 0px;} 
.contact-box .form input[placeholder] {}
.contact-box .form textarea { outline: 0px; margin-top: 10px; width: 90%; background-color: transparent; padding: 5px; margin-left: 0px; border: 0px;}
.contact-box .form .form-select {outline: 0px; margin-top: 10px; width: 90%; background-color: transparent; padding: 5px; margin-left: 0px; border: 0px;}
.contact-box .form .form-select option {color: #000;}

.contact-box .page {text-align: center; padding: 80px 0;}
.contact-box .page a {color: #fff;}
.contact-box .page .active a {color: #fff; text-decoration: underline;}
.g-recaptcha {float: right; width: 90%; padding-top:5px; transform:scale(0.9);-webkit-transform:scale(0.9);transform-origin:0 0;-webkit-transform-origin:0 0;}


/*footer*/
.footer {position: absolute; width: 100%; background: #202020; min-height: 100px; bottom: 0px;}
.footer-home {display: none;}
.footer-inn {position: relative; bottom: 0px; background: #202020; min-height: 100px;}
.footer .footer-logo {margin-left: 60px; padding-top: 10px;}
.footer .info-text1 {color: #bdbdbd; text-align: left; font-size: 15px; padding-top: 20px;}
.footer .info-text1 span {padding-right: 20px;}
.footer .footer-icon {padding-top: 18px;}


/*animated*/
.animated {-webkit-animation-duration: 1.5s; animation-duration: 1.5s;}

@-webkit-keyframes shake {from, to {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% {-webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% {-webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } }
@keyframes shake {from, to {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% {-webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% {-webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } }
.shake {-webkit-animation-name: shake; animation-name: shake; } 

@-webkit-keyframes pulse {from {-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% {-webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to {-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
@keyframes pulse {from {-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% {-webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to {-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
.pulse {-webkit-animation-name: pulse; animation-name: pulse; }

.view-case img { transition: all 0.4s ease-in-out 0.2s; opacity: 1; }
.view-case .case-img2 { opacity: 0; transform: scale(0) rotate(-180deg); transition: all 0.4s ease-in; border-radius: 0px; position: absolute; top: 0; left: 0; right: 0;}
.view-case .case-img1 { opacity: 1; transition: all 0.5s ease-in-out; }
.view-case a.info {opacity: 0; transition: all 0.5s ease-in-out; }

.view-case:hover .case-img2 {opacity: 1; transform: scale(1) rotate(0deg); transition-delay: 0.2s; }
.view-case:hover .case-img1 {transform: scale(0); opacity: 0; transition-delay: 0s; }
.view-case:hover a.info{opacity: 1; transition-delay: 0.5s; }


@media (max-width: 1200px) {

	/*about*/
	.about-box {background: url(../img/about_bg.jpg) no-repeat 50% 50%; background-size: cover; overflow: hidden; position: relative; height: 915px;}
	.about-box .about-title {padding: 120px 0 50px;}
	.about-box .about-title h2 {color: #fff; text-align: center;}
	.about-box .about-text {color: #fff;}
	.about-box .about-img {right: 10%;bottom: -350px; width: 65%;}
	
	/*case*/
	.case {}
	.case-list {}
	.case .case-title h2 {padding: 50px 0;}
	.case-list ul li { padding-bottom: 20px;}
	.case-list ul li span {padding-right: 20px;}
	.case-list .page .active a {text-decoration: underline;}
	.nbs-flexisel-ul .case-li:hover span {color: rgb(1, 82, 174);}
	.case .more {margin: 40px auto 30px; border-width: 1px; border-color: rgb(1, 82, 174); border-style: solid; border-radius: 5px; width: 185px; line-height: 60px; cursor:pointer; -webkit-transition: -webkit-box-shadow 0.5s, color 0.5s;-moz-transition: -moz-box-shadow 0.5s, color 0.5s; -o-transition: box-shadow 0.5s, color 0.5s; transition: box-shadow 0.5s, color 0.5s; -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-box-shadow: inset 0 0 0 0 rgb(1, 82, 174); -moz-box-shadow: inset 0 0 0 0 rgb(1, 82, 174); box-shadow: inset 0 0 0 0 rgb(1, 82, 174);} 
	.case .more:hover {-webkit-box-shadow: inset 200px 0 0 0 rgb(1, 82, 174); -moz-box-shadow: inset 200px 0 0 0 rgb(1, 82, 174); box-shadow: inset 200px 0 0 0 rgb(1, 82, 174); }
	.case .more a {color: rgb(1, 82, 174); -webkit-transition: -webkit-box-shadow 0.5s, color 0.5s;-moz-transition: -moz-box-shadow 0.5s, color 0.5s; -o-transition: box-shadow 0.5s, color 0.5s; transition: box-shadow 0.5s, color 0.5s; -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;}
	.case .more:hover a {color: #fff;}

	/*footer*/
	.footer {position: absolute; width: 100%; background: #202020; min-height: 100px; bottom: 0px;}
	.footer-home {display: none;}
	.footer-inn {position: relative; bottom: 0px; background: #202020; min-height: 100px; text-align: center;}
	.footer .footer-logo {margin-left: 0px; padding-top: 15px;}
	.footer .info-text1 {color: #bdbdbd; text-align: center; font-size: 12px; padding-top: 20px;}
	.footer .info-text1 span {padding-right: 0px; text-align: center;}
}

/*xs*/
@media (max-width: 767px) {
	
	p, a {line-height: 24px;}
	h2 { font-size: 34px;}

	/*nav*/
	#menu .logo { position: absolute; left: 20px; top: 20px;}
	.hamburger { position: absolute; right: 0px; top: 20px;}
	#menu .logo-w {display: none;}
	.nav-inn .icon {position: absolute;}
	#fp-nav {display: none;}
	.navbar-fixed-top, .navbar-fixed-bottom {position: absolute;}
	.load{display: none;}

	.mobilenav {padding-top: 150px;}
	.mobilenav li {width: 360px; margin: auto; border-bottom: #4d4d4d 1px solid; padding: 25px 0;}
	.mobilenav li:hover {width: 360px; margin: auto; border-bottom: #0152ae 3px solid; padding: 25px 0;}
	.mobilenav li a {font-size: 23px; color: #fff;}

	.fat-nav {padding-top: 90px;}
	.fat-nav li {width: 250px; margin: auto; border-bottom: #4d4d4d 2px solid; padding: 25px 0;}
	.fat-nav li:hover {width: 250px; margin: auto; border-bottom: #4d4d4d 2px solid; padding: 25px 0;}
	.fat-nav li a {font-size: 23px; color: #fff;}
	.fat-nav li.social {padding: 40px 0; border-bottom: 0px;}
	.fat-nav .fb {padding-right: 20px;}

	.header-nav { display: block; width: 100%; } 
	.header-nav ul{margin: 0; padding: 0; } 
	.header-nav li{position: relative; float: left; color: #FFF; list-style: none; background: #000; }
	.header-nav li a {display: block; padding: 15px 30px; color: #FFF; text-decoration: none; } 
	.header-nav li:hover {background: #000; } 
	.header-nav li ul {background-color: rgba(231, 124, 64, 1); display: none; position: absolute; top: 100%; } 
	.header-nav li:hover ul {display: block; right: 0; left: 0; top: 100%; } 
	.header-toggle {display: none; } 
	.arrow-bottom {position: absolute; top: 25px; right: 13px; margin-left: 5px; border-top: 4px solid #FFF; border-right: 4px solid transparent; border-left: 4px solid transparent; width: 1px; height: 1px; } 
	.fat-nav__wrapper

	.section.table { margin: 0;}
	.controlArrow { opacity: 0.5;}
	.controlArrow:hover { opacity: 1;}

	.navbar-nav li a {font-weight: 600;}


	/*home*/
	.home {background: url(../img/banner_m.png) repeat 50% 50%; overflow: hidden;}
	.home video {position: relative; z-index: -10;}
	.home #typed-strings {position: absolute; margin: 0 auto; width: 100%; height: 100%;}
	.home #typed {font-size: 35px; color: #fff; position: absolute; top: 0; right: 0; margin: auto; left: 0; bottom: 0; z-index: 10; line-height: 50px;}


	/*about*/
	.about .about-left { background: #0152ae; float: none; width: 100%; height: 600px; margin: 0 auto; position: relative;}
	.about .about-left h2 { font-size: 34px; color: #fff; text-align: center; padding: 50px 0;}
	.about .about-left .about-left-info {max-width: 330px; position: relative; right: 0px; margin: 0 auto;}
	.about .about-left .about-text {color: #fff; text-align: left; padding: 0 15px;}
	.about .about-right { height: 450px; text-align: left; background: #f0efea; float: none; width: 100%; position: relative; z-index: 10;}
	.about .about-right h2 { padding-bottom: 50px; text-align: center;}
	.about .about-right-inn { margin-left: auto; padding: 10px; max-width: 100%;}
	.about .about-right-inn img {padding-right: 20px;}
	.about .text-1 {padding-bottom: 30px;}
	.about .about-img {position: absolute; top: 40px; right: -385px;}
	.about .about-img-m {width: 65%; margin: 0 auto; padding-top: 10px;}
	.about .about-right .more {margin: 40px auto 20px; border-width: 1px; border-color: rgb(1, 82, 174); border-style: solid; border-radius: 5px; width: 185px; line-height: 60px; cursor:pointer;  -webkit-transition: -webkit-box-shadow 0.5s, color 0.5s;-moz-transition: -moz-box-shadow 0.5s, color 0.5s; -o-transition: box-shadow 0.5s, color 0.5s; transition: box-shadow 0.5s, color 0.5s; -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-box-shadow: inset 0 0 0 0 rgb(1, 82, 174); -moz-box-shadow: inset 0 0 0 0 rgb(1, 82, 174); box-shadow: inset 0 0 0 0 rgb(1, 82, 174);} 
	.about .about-right .more:hover {-webkit-box-shadow: inset 200px 0 0 0  rgb(1, 82, 174); -moz-box-shadow: inset 200px 0 0 0  rgb(1, 82, 174); box-shadow: inset 200px 0 0 0  rgb(1, 82, 174);}
	.about .about-right .more a {color:  rgb(1, 82, 174); -webkit-transition: -webkit-box-shadow 0.5s, color 0.5s;-moz-transition: -moz-box-shadow 0.5s, color 0.5s; -o-transition: box-shadow 0.5s, color 0.5s; transition: box-shadow 0.5s, color 0.5s; -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;}
	.about .about-right .more:hover a {color: #fff;}

	.about-box {background: url(../img/about_bg.jpg) no-repeat 50% 50%; background-size: cover; overflow: hidden; position: relative; height: 1130px;}
	.about-box .about-title {padding: 120px 0 50px;}
	.about-box .about-title h2 {color: #fff; text-align: center;}
	.about-box .about-text {color: #fff;}
	.about-box .about-img {right: 5%;bottom: -220px; width: 80%;}

	/*news*/
	.news {}
	.news-list {text-align: center;}
	.news .news-title h2 { font-size: 36px;}
	.news .news-list-text {text-align: left;}
	.news-list ul li { padding-bottom: 10px;}
	.news-list ul li span {padding-right: 0px; color: #333; font-size: 17px;}
	.news-list ul li a {color: #333; font-size: 17px;}
	.news-list .page .active a {text-decoration: underline;}
	.news .more img {margin-top: 25px;}


	.news-box {background: url(../img/news_bg.jpg) no-repeat 50% 50%; background-size: cover; overflow: hidden;}
	.news-box .news-title {padding: 120px 0 50px;}
	.news-box .news-title h2 {color: #fff; text-align: center;}
	.news-box .news-text {color: #fff;}
	.news-box .news-list ul li { color: #fff; text-align: left; padding-bottom: 20px;}
	.news-box .news-list ul li span {color: #fff;}
	.news-box .news-list ul li a {color: #fff; display: block; text-align: left;}
	.news-box .news-list i {padding-right: 20px;}

	.news-box .page {text-align: center; padding: 20px 0 40px;}
	.news-box .page li {padding: 0 7px;}
	.news-box .page a {color: #fff;}
	.news-box .page .active a {color: #fff; text-decoration: underline;}

	.newsModal .modal-content { border: none; box-shadow: none; padding: 30px; max-width: 750px; margin: 130px auto;}
	.newsModal .modal-dialog {}
	.newsModal .close { outline: none; opacity: 1; position: relative; top: -10px; right: -10px;}

	.newsModal .newsModal-title {color: #0152ae;}
	.newsModal .newsModal-date { color: #333333;}
	.newsModal .newsModal-words { padding: 20px 0;}
	.newsModal .img-responsive { margin: 0 auto;}


	/*product*/
	.product {}
	.product img {display: inline-block;}
	.product-list {padding: 0 30px;}
	.product-list ul li { padding-bottom: 5px; min-height: 33px;}
	.product-list ul li span {padding-right: 20px;}
	.product-title {padding: 50px 0;text-align: center;}
	.product .product-list {max-width: 750px; padding: 20px 0px 50px; margin: 0 auto;}
	.product .product-list li { height: 50px; border-bottom: #cbc9c7 1px solid; line-height: 50px;}
	.product .product-list li:first-child { height: 50px; border-top: #cbc9c7 1px solid;}
	.product .product-list li a {color: #666;}
	.product .product-list li a:hover, .product .product-list li a:focus { color: #aa9e90;}
	.product .product-list span {color: #aa9e90; padding: 0 15px 0 30px; line-height: 50px;}
	.product .product-list p {color: #333; text-transform: uppercase; line-height: 24px;}
	.product .product-list:hover p {color: rgb(1, 82, 174);}
	.product .more {margin: 40px auto 30px; border-width: 1px; border-color: rgb(1, 82, 174); border-style: solid; border-radius: 5px; width: 185px; line-height: 60px; cursor:pointer; -webkit-transition: -webkit-box-shadow 0.5s, color 0.5s;-moz-transition: -moz-box-shadow 0.5s, color 0.5s; -o-transition: box-shadow 0.5s, color 0.5s; transition: box-shadow 0.5s, color 0.5s; -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-box-shadow: inset 0 0 0 0 rgb(1, 82, 174); -moz-box-shadow: inset 0 0 0 0 rgb(1, 82, 174); box-shadow: inset 0 0 0 0 rgb(1, 82, 174);} 
	.product .more:hover {-webkit-box-shadow: inset 200px 0 0 0 rgb(1, 82, 174); -moz-box-shadow: inset 200px 0 0 0 rgb(1, 82, 174); box-shadow: inset 200px 0 0 0 rgb(1, 82, 174); }
	.product .more a {color: rgb(1, 82, 174); -webkit-transition: -webkit-box-shadow 0.5s, color 0.5s;-moz-transition: -moz-box-shadow 0.5s, color 0.5s; -o-transition: box-shadow 0.5s, color 0.5s; transition: box-shadow 0.5s, color 0.5s; -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;}
	.product .more:hover a {color: #fff;}

	.product-box {background: url(../img/product_bg.jpg) no-repeat 50% 50%; background-size: cover; overflow: hidden; position: relative;}
	.product-box .product-title {padding: 170px 0 80px;}
	.product-box .product-title h2 {color: #fff; text-align: center;}
	.product-box .product-info {text-align: center;}
	.product-box .product-info p {color: #fff; font-size: 19px; padding-bottom: 25px;}
	.product-box .product-info p i {padding-right: 18px;}
	.product-box .product-info p:last-child img {padding-left: 0px;}
	.product-box .product-text {color: #fff; padding-bottom: 85px;}
	.product-box .product-text img {margin: 0 auto;}
	.product-box .product-img {position: absolute; right: 0; bottom: 0;}

	.product-info-menu { height: 100%; margin: 0 auto; width: 100%; position: relative;}
	.product-info-nav { margin-bottom: 80px; min-height: 33px; width: 100%; border-bottom: 1px #c9c9c9 solid;}
	.product-info-nav li{ position: relative; display: inline-block;}
	.product-info-nav li a { color: #fff; padding: 0px; line-height: 25px; font-size: 20px;}
	.product-info-nav .sub-nav { text-align: center;}
	.product-info-nav .sub-nav li {padding-bottom: 0px; margin: 0 15px 27px; width: 38%;}
	.product-info-nav .sub-nav li.active, .product-info-nav .sub-nav li:hover { border-bottom: #fff 2px solid; padding-bottom: 0px; margin: 0 15px;}
	.product-info-nav .sub-nav li.active a, .product-info-nav .sub-nav li:hover a {color: #fff;}
	.product-info-nav li ul { display: none; top: 100%; position: absolute;}
	.product-info-nav li:hover ul { position: relative; display: block; background: transparent;}
	.product-info-nav li:hover ul li{background: transparent; border-bottom: none;}
	.product-info-nav li:hover ul li a{padding-left: 30px;}
	.product-info-nav .sub-nav .sub-nav3, .product-info-nav .sub-nav .sub-nav4 {margin: 0px 15px 0; padding-bottom: 0px;}
	


	/*case*/
	.case {}
	.case-list {}
	.case .case-title h2 {padding: 50px 0;}
	.case-list ul li { padding-bottom: 20px;}
	.case-list ul li span {padding-right: 20px;}
	.case-list .page .active a {text-decoration: underline;}
	.case .more {margin: 40px auto 30px; border-width: 1px; border-color: rgb(1, 82, 174); border-style: solid; border-radius: 5px; width: 185px; line-height: 60px; cursor:pointer; -webkit-transition: -webkit-box-shadow 0.5s, color 0.5s;-moz-transition: -moz-box-shadow 0.5s, color 0.5s; -o-transition: box-shadow 0.5s, color 0.5s; transition: box-shadow 0.5s, color 0.5s; -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-box-shadow: inset 0 0 0 0 rgb(1, 82, 174); -moz-box-shadow: inset 0 0 0 0 rgb(1, 82, 174); box-shadow: inset 0 0 0 0 rgb(1, 82, 174);} 
	.case .more:hover {-webkit-box-shadow: inset 200px 0 0 0 rgb(1, 82, 174); -moz-box-shadow: inset 200px 0 0 0 rgb(1, 82, 174); box-shadow: inset 200px 0 0 0 rgb(1, 82, 174); }
	.case .more a {color: rgb(1, 82, 174); -webkit-transition: -webkit-box-shadow 0.5s, color 0.5s;-moz-transition: -moz-box-shadow 0.5s, color 0.5s; -o-transition: box-shadow 0.5s, color 0.5s; transition: box-shadow 0.5s, color 0.5s; -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;}
	.case .more:hover a {color: #fff;}

	.case-box {background: url(../img/case_bg.jpg) no-repeat 50% 50%; background-size: cover; overflow: hidden;}
	.case-box .case-title {padding: 120px 0 50px;}
	.case-box .case-title h2 {color: #fff; text-align: center;}
	.case-box .case-text {color: #fff;}
	.case-box .case-list {margin-bottom: 50px;}
	.case-box .case-list img {margin: 0 auto;}
	.case-box .case-list p {text-align: center; color: #fff;}

	.case-box .page {text-align: center; padding: 20px 0 40px;}
	.case-box .page li {padding: 0 7px;}
	.case-box .page a {color: #fff;}
	.case-box .page .active a {color: #fff; text-decoration: underline;}

	.caseModal .modal-content { border: none; box-shadow: none; padding: 30px; max-width: 1000px; margin: 130px auto;}
	.caseModal .modal-dialog {}
	.caseModal .close { outline: none; opacity: 1; position: relative; top: 0px; right: 0px;}

	.caseModal .caseModal-title {color: #0152ae;}
	.caseModal .caseModal-date { color: #333333;}
	.caseModal .caseModal-words { padding: 20px 0;}
	.caseModal .img-responsive { margin: 0 auto;}


	/*contact*/
	.contact {}
	.contact-list {}
	.contact .contact-title h2 {padding: 50px 0;}
	.contact-list ul li { padding-bottom: 20px;}
	.contact-list ul li span {padding-right: 20px;}
	.contact-list .page .active a {text-decoration: underline;}
	.contact .more {margin: 40px auto 30px; border-width: 1px; border-color: rgb(1, 82, 174); border-style: solid; border-radius: 5px; width: 185px; line-height: 60px; cursor:pointer; -webkit-transition: -webkit-box-shadow 0.5s, color 0.5s;-moz-transition: -moz-box-shadow 0.5s, color 0.5s; -o-transition: box-shadow 0.5s, color 0.5s; transition: box-shadow 0.5s, color 0.5s; -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-box-shadow: inset 0 0 0 0 rgb(1, 82, 174); -moz-box-shadow: inset 0 0 0 0 rgb(1, 82, 174); box-shadow: inset 0 0 0 0 rgb(1, 82, 174);} 
	.contact .more:hover {-webkit-box-shadow: inset 200px 0 0 0 rgb(1, 82, 174); -moz-box-shadow: inset 200px 0 0 0 rgb(1, 82, 174); box-shadow: inset 200px 0 0 0 rgb(1, 82, 174); }
	.contact .more a {color: rgb(1, 82, 174); -webkit-transition: -webkit-box-shadow 0.5s, color 0.5s;-moz-transition: -moz-box-shadow 0.5s, color 0.5s; -o-transition: box-shadow 0.5s, color 0.5s; transition: box-shadow 0.5s, color 0.5s; -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;}
	.contact .more:hover a {color: #fff;}


	.contact-box {background: url(../img/contact_bg.jpg) no-repeat 50% 50%; background-size: cover; overflow: hidden;}
	.contact-box .contact-title {padding: 120px 0 50px;}
	.contact-box .contact-title h2 {color: #fff; text-align: center;}
	.contact-box .contact-text {color: #fff;}
	.contact-box .contact-list {margin-bottom: 50px; text-align: center;}
	.contact-box .contact-list img {margin: 0 auto;}
	.contact-box .contact-list p {text-align: center; color: #fff; padding-top: 20px; line-height: 22px; font-size: 17px;}
	.contact-box .more {margin: 20px auto; border-width: 1px; border-color: #fff; border-style: solid; border-radius: 5px; width: 185px; line-height: 60px; cursor:pointer; -webkit-transition: -webkit-box-shadow 0.5s, color 0.5s;-moz-transition: -moz-box-shadow 0.5s, color 0.5s; -o-transition: box-shadow 0.5s, color 0.5s; transition: box-shadow 0.5s, color 0.5s; -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-box-shadow: inset 0 0 0 0 #fff; -moz-box-shadow: inset 0 0 0 0 #fff; box-shadow: inset 0 0 0 0 #fff;} 
	.contact-box .more:hover {-webkit-box-shadow: inset 200px 0 0 0 #fff; -moz-box-shadow: inset 200px 0 0 0 #fff; box-shadow: inset 200px 0 0 0 #fff; }
	.contact-box .more a {color: #fff; -webkit-transition: -webkit-box-shadow 0.5s, color 0.5s;-moz-transition: -moz-box-shadow 0.5s, color 0.5s; -o-transition: box-shadow 0.5s, color 0.5s; transition: box-shadow 0.5s, color 0.5s; -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;}
	.contact-box .more:hover a {color: #666;}
	.contact-box .submit {margin: 90px auto; border-width: 1px; border-color: #fff; border-style: solid; border-radius: 5px; width: 185px; line-height: 60px;  -webkit-transition: -webkit-box-shadow 0.5s, color 0.5s;-moz-transition: -moz-box-shadow 0.5s, color 0.5s; -o-transition: box-shadow 0.5s, color 0.5s; transition: box-shadow 0.5s, color 0.5s; -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-box-shadow: inset 0 0 0 0 #fff; -moz-box-shadow: inset 0 0 0 0 #fff; box-shadow: inset 0 0 0 0 #fff;} 
	.contact-box .submit:hover {-webkit-box-shadow: inset 200px 0 0 0 #fff; -moz-box-shadow: inset 200px 0 0 0 #fff; box-shadow: inset 200px 0 0 0 #fff; }
	.contact-box .submit a {color: #fff; -webkit-transition: -webkit-box-shadow 0.5s, color 0.5s;-moz-transition: -moz-box-shadow 0.5s, color 0.5s; -o-transition: box-shadow 0.5s, color 0.5s; transition: box-shadow 0.5s, color 0.5s; -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;}
	.contact-box .submit:hover a {color: #666;}
	.contact-box .form p {color: #fff; border-bottom: #666 1px solid;}
	.contact-box .form span { float: left; text-align: left; width: 30%; padding-top: 15px;}
	.contact-box .form input { outline: 0px; margin-top: 10px; width: 70%; background-color: transparent; padding: 5px; margin-left: 0px; border: 0px;} 
	.contact-box .form input[placeholder] {}
	.contact-box .form textarea { outline: 0px; margin-top: 10px; width: 70%; background-color: transparent; padding: 5px; margin-left: 0px; border: 0px;}
	.contact-box .form .form-select {outline: 0px; margin-top: 10px; width: 70%; background-color: transparent; padding: 5px; margin-left: 0px; border: 0px;}
	.contact-box .form .form-select option {color: #000;}

	.contact-box .page {text-align: center; padding: 80px 0;}
	.contact-box .page a {color: #fff;}
	.contact-box .page .active a {color: #fff; text-decoration: underline;}
	.g-recaptcha {float: right; width: 70%; padding-top:5px; transform:scale(0.8);-webkit-transform:scale(0.8);transform-origin:0 0;-webkit-transform-origin:0 0;}


	/*footer*/
	.footer {position: relative; width: 100%; background: #202020; min-height: 100px; bottom: 0px;}
	.footer-home {display: none;}
	.footer-inn {position: relative; bottom: 0px; background: #202020; min-height: 100px; text-align: center;}
	.footer .footer-logo {margin-left: 0px; padding-top: 15px;}
	.footer .info-text1 {color: #bdbdbd; text-align: center; font-size: 12px; padding-top: 20px;}
	.footer .info-text1 span {padding-right: 0px; text-align: center; line-height: 22px;}
	.footer .footer-icon {padding-top: 55px;}

}