body {font-family:'Varela Round',sans-serif;font-size:14px;line-height:1.6;overflow-x:hidden;color:#000;}
h1,h2,h3,h4,h5,h6 {font-family:'Montserrat',sans-serif;font-weight:700;margin-top:0px;margin-bottom:20px; /*color:#295FBA*/;}
h1 {font-size:54px;}
h2 {font-size:36px;}
h3 {font-size:21px;}
h4 {font-size:18px;}
h5 {font-size:16px;}
a {color:#F9CD39;text-decoration:none;-webkit-transition:0.2s opacity;transition:0.2s opacity;}
a:hover,a:focus {text-decoration:none;outline:none;opacity:0.8;color:#F9CD39;}
.main-color {color:#F9CD39;}
.white-text {color:#FFF;}
::-moz-selection {background-color:#F9CD39;color:#FFF;}
::selection {background-color:#F9CD39;color:#FFF;}
ul,ol {margin:0;padding:0;list-style:none}
.left{float:left;}
.right{float:right;}
.width20{width: 20%;}
.width30{width: 30%;}
.width40{width: 40%;}
.width50{width: 50%;}
.width60{width: 60%;}
.width70{width: 70%;}
.width80{width: 80%;}
.width90{width: 90%;}
.width100{width: 100%;}
.center{ margin: 0 auto;}
.clearBoth{ clear:both;}
.text-indent-1{text-indent: 1cm}
.text-indent-2{text-indent: 2cm}
.text-indent-3{text-indent: 3cm}
.text-indent-4{text-indent: 4cm}

.pdf{ clear: both;  background: linear-gradient(to bottom, #F6D656 0%,#E8B147 100%);    border-radius: 5px;	box-shadow: 0px 3px 0px 0px rgba(0,0,0,.2);  display: table; height: 36px; margin: 30px 0 ; }
.pdf a{	
	background:url(http://www.raqsoft.com.cn/wx/hdq-images/pdf.png) no-repeat 5px 5px;float: right;
    padding: 4px 20px 5px 20px;
    background-size: 24px;
    color: #3E2C0A;
    text-decoration: none;
    text-shadow: 1px 1px 1px rgba(255,255,255,.4);
    font-size: 16px;
    height: 28px;
    text-align: left;
    text-indent: 20px;
    cursor: pointer;
    display: block;  }
.pdf:hover{background: linear-gradient(to bottom, #F0D050 0%,#E2a441 100%); }

.pcDisplayNone{display: none;}
	.mobileDisplayNone{display:inherit ;}

@media only screen and (max-width:767px) {
	body {font-size:14px;}
	.width20,.width30,.width40,.width50,.width60,.width70,.width80,.width90,.width100{width: 100%;}
	.left,.right{float:none;}
	.pcDisplayNone{display: inherit;}
.mobileDisplayNone{display: none;}
}

/* -- section  -- */
.section {position:relative;}
.md-padding {padding-top:80px;padding-bottom:80px;}
.sm-padding {padding-top:60px;padding-bottom:60px;}
@media only screen and (max-width:767px) {
	.md-padding {padding-top:40px;padding-bottom:40px;}
	.sm-padding {padding-top:0px;padding-bottom:0px;}
}

/* --  background section  -- */
.bg-grey {background-color:#FAFAFA;border-top:1px solid #EEE;border-bottom:1px solid #EEE;}
.bg-dark {background-color:#295FBA;}
.bg-blue{background-color:#295FBA;}
.yellow-text{color:#F9CD39;  }

/* --  background image section  -- */
.bg-img {position:absolute;left:0;top:0;right:0;bottom:0;z-index:-1;background-position:right bottom;background-size:cover;background-attachment:fixed;  background-color:#295FBA; background-image:url(../img/background1.jpg);}
.bg-img .overlay {position:absolute;left:0;top:0;right:0;bottom:0;opacity:.1;background:#0072ff;/*background:#295FBA;*/}

.bg-img-home {position:absolute;left:0;top:0;right:0;bottom:0;z-index:-1;background-position:center bottom;background-size:cover;background-attachment:fixed;  background-color:#295FBA; background-image:url(../img/background.jpg);}

/* --  section header  -- */
.section-header {position:relative;margin-bottom:60px;}
.section-header .title {text-transform:capitalize;}
.title:after {content:"";display:block;height:4px;width:40px;background-color:#F9CD39;margin-top:20px;}
.text-center .title:after {margin:20px auto 0px;}
@media only screen and (max-width:767px) {
	.section-header{ margin: 0 10px;}	
}




/* --  Buttons  -- */
.main-btn,.white-btn,.outline-btn {display:inline-block;padding:10px 35px;margin:3px;border:2px solid transparent;border-radius:3px;-webkit-transition:0.2s opacity;transition:0.2s opacity;}
.main-btn {background:#F9CD39;color:#FFF;}
.white-btn {background:#FFF;color:#295FBA !important;}
.outline-btn {background:transparent;color:#F9CD39 !important;border-color:#F9CD39;}
.main-btn:hover,.white-btn:hover,.outline-btn:hover {opacity:0.8;}

/*------------------------------------*\Logo\*------------------------------------*/
.navbar-brand {padding:0;}
.navbar-brand .logo-alt {max-height:50px;display:block;line-height:50px;font-size:20px;font-weight:bold;margin-left:10px;color:#fff;}
.navbar-brand .logo {max-height:50px;display:block;line-height:50px;font-size:20px;font-weight:bold;margin-left:10px;color:#295FBA;}
#nav:not(.nav-transparent):not(.fixed-nav) .navbar-brand .logo-alt {display:none;}
#nav.nav-transparent:not(.fixed-nav) .navbar-brand .logo {display:none;}
#nav.fixed-nav .navbar-brand .logo-alt {display:none;}


@media only screen and (max-width:767px) {
	#nav.nav-transparent .navbar-brand .logo-alt {display:none !important;}
	#nav.nav-transparent .navbar-brand .logo {display:block !important;}
	
}

/*------------------------------------*\Navigation\*------------------------------------*/
#nav {padding:10px 0px;background:#FFF;-webkit-transition:0.2s padding;transition:0.2s padding;z-index:999;}
#nav.navbar {border:none;border-radius:0;margin-bottom:0px;}
#nav.fixed-nav {position:fixed;left:0;right:0;padding:0px 0px;background-color:#FFF !important;border-bottom:1px solid #EEE;}
#nav.nav-transparent {background:transparent;}

/* -- default nav -- */

@media only screen and (min-width:768px) {
	.main-nav li {padding:0px 15px;}
.main-nav li a {font-size:14px;-webkit-transition:0.2s color;transition:0.2s color;}
.main-nav>li>a {color:#295FBA;padding:15px 0px;}
#nav.nav-transparent:not(.fixed-nav) .main-nav>li>a {color:#fff;}
.main-nav>li>a:hover,.main-nav>li>a:focus,.main-nav>li.active>a {background:transparent;color:#F9CD39;}
.main-nav>li>a:after {content:"";display:block;background-color:#F9CD39;height:2px;width:0%;-webkit-transition:0.2s width;transition:0.2s width;}
.main-nav>li>a:hover:after,.main-nav>li.active>a:after {width:100%;}
/* dropdown */    .has-dropdown {position:relative;}
.has-dropdown>a:before {font-family:'FontAwesome';content:"\f054";font-size:6px;margin-left:6px;float:right;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);-webkit-transition:0.2s transform;transition:0.2s transform;}
.dropdown {position:absolute;right:-50%;top:0;background-color:#F9CD39;width:200px;-webkit-box-shadow:0px 5px 5px -5px rgba(53,64,82,0.2);box-shadow:0px 5px 5px -5px rgba(53,64,82,0.2);-webkit-transform:translateY(15px) translateX(50%);-ms-transform:translateY(15px) translateX(50%);transform:translateY(15px) translateX(50%);opacity:0;visibility:hidden;-webkit-transition:0.2s all;transition:0.2s all;}
.main-nav>.has-dropdown>.dropdown {top:100%;right:50%;}
.main-nav>.has-dropdown>.dropdown .dropdown.dropdown-left {right:150%;}
.dropdown li a {display:block;color:#FFF;border-top:1px solid rgba(250,250,250,0.1);padding:10px 0px;}
.dropdown li:nth-child(1) a {border-top:none;}
.has-dropdown:hover>.dropdown {opacity:1;visibility:visible;-webkit-transform:translateY(0px) translateX(50%);-ms-transform:translateY(0px) translateX(50%);transform:translateY(0px) translateX(50%);}
.has-dropdown:hover>a:before {-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
.nav-collapse {display:none;}
}
/* -- mobile nav -- */

@media only screen and (max-width:767px) {
	
#nav {padding:0px 0px;}
#nav.nav-transparent {background:#FFF;}
.main-nav {position:fixed;right:0;height:calc(100vh - 80px);-webkit-box-shadow:0px 80px 0px 0px #295FBA;box-shadow:0px 80px 0px 0px #295FBA;max-width:250px;width:0%;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);margin:0;overflow-y:auto;background:#eaeff4;-webkit-transition:0.2s all;transition:0.2s all;}
#nav.open .main-nav {-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%);width:100%;}
.main-nav h4 { font-size: 16px; line-height: 1.6; margin-bottom: 0; padding: 10px 20px;color:#fff; background: #295FBA;  }
.main-nav li {border-top:1px solid rgba(250,250,250,0.8); font-size: 16px; }
.main-nav li a {display:block;color:#000;-webkit-transition:0.2s all;transition:0.2s all;}
.main-nav>li.active {border-left:6px solid #F9CD39;}
.main-nav li a:hover,.main-nav li a:focus {background-color:#F9CD39;color:#FFF;opacity:1;}
.has-dropdown>a:after {content:"\f054";font-family:'FontAwesome';float:right;-webkit-transition:0.2s -webkit-transform;transition:0.2s -webkit-transform;transition:0.2s transform;transition:0.2s transform,0.2s -webkit-transform;}
.nav>li>a { padding: 10px 30px;}
.dropdown {opacity:0;visibility:hidden;height:0;background:rgba(250,250,250,0.1);}
.dropdown li a {padding:6px 10px;}
.has-dropdown.open-drop>a:after {-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}
.has-dropdown.open-drop>.dropdown {opacity:1;visibility:visible;height:auto;-webkit-transition:0.2s all;transition:0.2s all;}
	
	
}

/* -- nav btn collapse -- */
.nav-collapse {position:relative;float:right;width:40px;height:40px;margin-top:5px;margin-right:5px;cursor:pointer;z-index:99999;}
.nav-collapse span {display:block;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position:absolute;top:50%;left:50%;width:25px;}
.nav-collapse span:before,.nav-collapse span:after {content:"";display:block;}
.nav-collapse span,.nav-collapse span:before,.nav-collapse span:after {height:4px;background:#295FBA;-webkit-transition:0.2s all;transition:0.2s all;}
.nav-collapse span:before {-webkit-transform:translate(0%,10px);-ms-transform:translate(0%,10px);transform:translate(0%,10px);}
.nav-collapse span:after {-webkit-transform:translate(0%,-14px);-ms-transform:translate(0%,-14px);transform:translate(0%,-14px);}
#nav.open .nav-collapse span {background:transparent;}
#nav.open .nav-collapse span:before {-webkit-transform:translateY(0px) rotate(-135deg);-ms-transform:translateY(0px) rotate(-135deg);transform:translateY(0px) rotate(-135deg);}
#nav.open .nav-collapse span:after {-webkit-transform:translateY(-4px) rotate(135deg);-ms-transform:translateY(-4px) rotate(135deg);transform:translateY(-4px) rotate(135deg);}
/*------------------------------------*\Header\*------------------------------------*/header {position:relative;}
#home {height:100vh;}
#home .home-wrapper {text-shadow:0px 0px 8px #16181d;}
.bg-img {position:absolute;left:0;top:0;right:0;bottom:0;z-index:-1;background-position:right bottom;background-size:100% auto;background-attachment:fixed; background-image:url(../img/background1.jpg); background-repeat: no-repeat;}
.col-md-offset-1 {margin-left:5%;padding:0;}
.col-md-10 {width:95%;}
.home-content {text-transform:uppercase;text-align:left; margin: 160px 0 0 0; }
.home-content h2{line-height: 2em; font-size: 32px;}
.home-content ul { margin:0 120px 0 0;}
.home-content ul li {line-height:2em;color:#f2f2f2; font-size: 14px;}
.letsgo{font-size: 20px; font-weight: bold; margin-top: 20px; }



/*------------------------------------*\section0\*------------------------------------*/

#section-0 h3 { color: #000; }
#section-0 li {line-height: 1.5em; font-size: 14px; margin-bottom: 10px;   }

#section0 .col-md-4 { color: #000; padding:30px 3%; width:28%; margin:0 2% 0 2%  ;    border: 1px solid #EEE; }

#section0 .item1 h3{ background: url(../img/icon-spl-blue.png) no-repeat left center; }
#section0 .item2 h3{ background: url(../img/icon-dcm-blue.png) no-repeat left center;}
#section0 .item3 h3{ background: url(../img/icon-hpc-blue.png) no-repeat left center;}
#section0 .col-md-4 h3{  background-size:48px auto; line-height: 1.5em; font-size: 48px; padding: 0 0 0 80px;-webkit-transition:0.2s color;transition:0.2s; color: #295FBA;}
#section0 .col-md-4 p{ font-size: 16px;}


#section0 .col-md-4:after {content:"";background-color:#295FBA;position:absolute;left:0;top:0;bottom:0;width:0%;z-index:-1;-webkit-transition:0.2s width;transition:0.2s width;}
#section0 .col-md-4:hover:after {width:100%;}
#section0 .item1:hover h3{ background: url(../img/icon-spl.png) no-repeat left center; }
#section0 .item2:hover h3{ background: url(../img/icon-dcm.png) no-repeat left center;}
#section0 .item3:hover h3{ background: url(../img/icon-hpc.png) no-repeat left center;}
#section0 .col-md-4:hover h3 {color:#fff;background-size:48px auto;padding: 0 0 0 100px; }
#section0 .col-md-4:hover p {color: rgba(229,232,255,1.00); }


/*------------------------------------*\sectionToc\*------------------------------------*/
.sectionToc h1{line-height: 1.5em; font-size: 80px; color: #fff; font-weight: bold;  padding: 0 0 0 120px;  }
.sectionToc { padding: 100px 0 80px 55%;}
.sectionToc p{ font-size: 18px; }

#section1 h1{ background: url(../img/icon-spl.png) no-repeat left center;background-size:80px auto; }
#section2 h1{ background: url(../img/icon-dcm.png) no-repeat left center;background-size:80px auto; }
#section3 h1{ background: url(../img/icon-hpc.png) no-repeat left center;background-size:80px auto; }


/*------------------------------------*\section1-1\*------------------------------------*/
.section1-1 {position:relative;text-align:left;padding:20px 20px;border:1px solid #EEE;margin:15px 0px; height: 240px;}

.section1-1:after {content:"";background-color:#295FBA;position:absolute;left:0;top:0;bottom:0;width:0%;z-index:-1;-webkit-transition:0.2s width;transition:0.2s width;}
.section1-1 h3 {-webkit-transition:0.2s color;transition:0.2s; color: #000;text-align:left; line-height: 2em; font-size: 28px;  }
.section1-1 p{ font-size: 13px;}
.section1-1 .bottom-bar{ font-size: 12px; font-weight: 700; color:#295FBA; margin-top: 20px;}

.section1-1:hover:after {width:100%;}
.section1-1:hover h3 {color:#fff;}
.section1-1:hover p {color:#fff;}
.section1-1:hover .bottom-bar{   color:#E1ECFB;  }
.section1-1-sql{ background:#F9CD39; color: #000; padding: 20px 20px; }
.section1-1-sql h4{line-height: 1.5em; color: #000;}
.section1-1-sql p{ font-size: 13px;}

/*------------------------------------*\section1-2\*------------------------------------*/
.example{ border-radius: 10px; line-height: 64px; font-size: 28px; text-align: left; font-weight: bold; padding:0px 10px; margin: 0 0 30px 0;}
.example span{   background: #fff; color: #295FBA; line-height: 44px; display: inline-block; border-radius: 10px; margin: 0px 20px 0 0 ; padding: 0 10px;}

.blue-text{ color:#295FBA;}
table {border-right: 1px solid #ccc;border-bottom: 1px solid #ccc; font-size: 13px; line-height: 20px;  }
table th{ background: #f2f2f2; font-weight: bold;  border-top: 1px solid #ccc;border-left: 1px solid #ccc; text-align: center; padding: 5px; }
table td{  border-top: 1px solid #ccc;border-left: 1px solid #ccc; text-align: left; padding: 5px;  }


/*------------------------------------*\section1-3\*------------------------------------*/
#section1-3 p.blue-text {text-align:left; margin: 20px auto 10px auto;}

/*------------------------------------*\section2-2\*------------------------------------*/
.chease{ color: #F9CD39; font-size: 48px; font-weight: bold; background: url(../img/icon-chease.png ) no-repeat left center; background-size: 100px auto; padding-left: 120px; width: 320px; margin: 0 auto;}
.section2-2{ background:url(../img/section2-2.png) center center no-repeat; background-size: 100% auto; text-align: center; color: #fff; padding: 10px 0;}
.letter{ font-size: 80px; font-weight: bold; line-height: 1.5em;}
.section2-2 h3{ font-size: 28px;}
.section2-2 .white-text{ background: #295FBA; line-height: 32px;}

/*------------------------------------*\section2-3\*------------------------------------*/
#section2-3 li { float: left; width: 25%; line-height: 32px; font-size: 18px; line-height: 2em; margin-bottom: 20px }
#section2-3 li span{ font-weight: bold; background: url(../img/section2-3.png) no-repeat left 6px; background-size: 32px; padding: 5px 5px; margin-right: 10px;  color: #fff;}


/*------------------------------------*\section2-4\*------------------------------------*/
#section2-4 img{margin: 20px 0 ; height: 200px;}

/*------------------------------------*\section2-5\*------------------------------------*/
#section2-5 img{margin: 20px 0 ; height: 200px;}
#section2-5 li{ line-height: 30px;}
#section2-5 .bg-blue{line-height: 48px;margin: 20px 0 ;   width: 300px; font-size: 18px;}

/*------------------------------------*\section2-6\*------------------------------------*/
#section2-6 .left img{margin: 20px 0 ; height: 150px;}
#section2-6 .right img{margin: 20px 0 ; height: 260px;}

/*------------------------------------*\section2-7\*------------------------------------*/
#section2-7 .left,#section2-7 .right{margin: 30px 0 ; }
#section2-7 .bg-blue{padding: 20px; font-size: 16px;}

/*------------------------------------*\section2-8\*------------------------------------*/
#section2-8 p { font-size: 16px; line-height: 2em;}
#section2-8 .right img{margin: 20px 0 ; height: 220px;}

/*------------------------------------*\section3-2\*------------------------------------*/
#section3-2 .bg-blue {padding: 20px; font-size: 14px;}
#section3-2 ul li{line-height: 2em;position: relative; display: block; padding: 0 0 0 20px; margin: 0em 0;}
#section3-2 ul li::before { content: " ✔ ";  counter-increment: li;  position: absolute;  left: -10px; top:0px; margin-top:0; height: 1em;  width: 2em; text-align: center; font-weight: bold;   color:#F9CD39;}  
.bg-yellow{ background: #F9CD39; margin: 20px 0; padding: 5px 20px; display: inline-block;}

/*------------------------------------*\section3-3 \*------------------------------------*/
#section3-3 img{margin: 20px 0 40px ; }
#section3-3 p { font-size: 16px; line-height: 2em;}

/*------------------------------------*\section3-4 \*------------------------------------*/
#section3-4 .left{margin: 20px 0 ; }
#section3-4 .right{margin: 20px 0 ; text-align: right;}
#section3-4 table{margin: 20px 0 ; text-align: left; }
#section3-4 table th{ text-align: center; font-weight: normal;}
#section3-4 table td{ text-align: right; }
#section3-4 table td strong{ font-weight: bold; color: rgba(250,0,0,1.00)}
#section3-4 .bg-blue{padding: 20px;margin: 20px 0 ;  font-size: 16px; }

/*------------------------------------*\section3-5 \*------------------------------------*/
#section3-5 .bg-blue{padding: 20px;margin: 20px 0 ;  font-size: 16px;  text-align: left; }
#section3-5 ul li{line-height: 2em;position: relative; display: block; padding: 0 0 0 20px; margin: 0em 0; font-size: 14px;}
#section3-5 ul li::before { content: "✔";  counter-increment: li;  position: absolute;  left: -10px; top:0px; margin-top:0; height: 1em;  width: 2em; text-align: center; font-weight: bold;   color:#fff;}  

#section3-5 .zubiao li{width: 50%; float: left;}


/*------------------------------------*\section3-6 \*------------------------------------*/
#section3-6 img{ margin:10px auto ; height: 100px; clear: both;}

#section3-6 h3{ line-height: 36px;margin-top: 40px;}
#section3-6 p{ line-height: 24px; margin-bottom: 10px;}




/*------------------------------------*\Portfolio\*------------------------------------*/
.work {position:relative;padding:20px;}
.work>img {width:100%;}
.work .overlay {background:#295FBA;position:absolute;top:0px;left:0px;right:0px;bottom:0px;opacity:0;-webkit-transition:0.2s opacity;transition:0.2s opacity;-webkit-transition-delay:0.2s;transition-delay:0.2s;}
.work:hover .overlay {-webkit-transition-delay:0s;transition-delay:0s;opacity:0.8;}
.work .work-content {position:absolute;left:25px;right:25px;top:50%;text-align:center;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
.work .work-content h3 {-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);opacity:0;color:#FFF;margin-bottom:10px;-webkit-transition:0.2s all;transition:0.2s all;-webkit-transition-delay:0.1s;transition-delay:0.1s;}
.work:hover .work-content h3 {-webkit-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%);opacity:1;-webkit-transition-delay:0.1s;transition-delay:0.1s;}
.work .work-content span {display:block;text-transform:uppercase;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);opacity:0;color:#F9CD39;margin-bottom:5px;-webkit-transition:0.2s all;transition:0.2s all;-webkit-transition-delay:0.2s;transition-delay:0.2s;}
.work:hover .work-content span {-webkit-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%);opacity:1;-webkit-transition-delay:0s;transition-delay:0s;}
.work .work-link {text-align:center;margin-top:20px;opacity:0;-webkit-transition:0.2s opacity;transition:0.2s opacity;}
.work .work-link a {display:inline-block;width:50px;height:50px;background-color:#F9CD39;color:#FFF;line-height:50px;text-align:center;}
.work:hover .work-link {-webkit-transition-delay:0.2s;transition-delay:0.2s;opacity:1;}

/*------------------------------------*\Footer\*------------------------------------*/
#footer {position:relative;}
#footer p { color: #fff;font-size: 16px;margin: 20px auto;}

.button {  height: 60px; line-height: 60px; text-decoration: none;  background: linear-gradient(to bottom, #F6D656 0%,#E8B147 100%);  border: none; border-radius: 5px; position: relative;  border-bottom: 4px solid #A44B21;  color: #3E2C0A;  font-weight: bold; text-shadow: 1px 1px 1px rgba(255,255,255,.4);  font-size: 21px; text-align: center;  box-shadow: 0px 3px 0px 0px rgba(0,0,0,.2);  cursor: pointer;  display: block;  margin: 0 auto;  margin-bottom: 50px;}
.button:hover{background: linear-gradient(to bottom, #F0D050 0%,#E2a441 100%); }

.copyright{line-height: 60px; color:#CBCBCB; border-top: 1px solid #7b91bb;}

@media only screen and (max-width:767px) {
	#footer p { text-align: center;}
	.button { width: 60%;}
}

/*------------------------------------*\Responsive\*------------------------------------*/
@media only screen and (max-width:991px) {}
@media only screen and (max-width:767px) {
.section-header h2.title {font-size:24px;}
.bg-img { background:#295FBA url(../img/background1.jpg) no-repeat center bottom; background-size:180% auto; background-attachment:fixed;}
.main-btn,.default-btn,.outline-btn,.white-btn {padding:8px 22px;font-size:14px;}
	
.col-md-10{ width: 88%; margin: 0 auto; padding: 30px 0;}
	.home-content{ margin: 20px 0 0;}
	.home-content p{ font-size: 13px;}
	.home-content h2 {  font-size: 24px;}
	.home-content ul {  margin: 0 0px 0 0;}
	.home-content ul li { font-size: 13px;}
	.letsgo {line-height: 2em;}
	
	.header-wrapper h2 {margin-bottom:20px;text-align:center;display:block;}
	
	#section-0 h3{margin:20px 0;}	
	#section0 .col-md-4 {padding: 20px 10%;  width: 100%; margin: 0 auto 20px; }
	
	#section1 { padding: 80px 0 30px 0;}
	.sectionToc h1 { line-height: 1.5em; font-size: 64px;}
	#section1 h1 {  background-size: 64px auto;    padding: 0 0 0 100px;}
	.section1-1 { margin: 15px 0px; height: auto;}
	.section1-1 h3{ font-size:28px;}
	.section1-1 p { font-size: 14px;}
	.section1-1 .bottom-bar{ font-size: 16px; font-weight: normal;}
	.section1-1-sql p { font-size: 14px;}
	.example { border-radius: 10px; line-height: 32px; font-size: 20px; margin: 0 auto 30px auto; width: 90%;text-align: center; padding-bottom: 10px;}
	.example  span{ border-radius: 0px; font-size: 16px; margin: 0 auto 10px auto; width: 80%; text-align: center; display: block;opacity: .8; }
	.spl-table{ width:90%; margin: 0 auto;}
	#section1-2 h3,#section1-3 h3{text-align:center; margin: 20px auto 10px auto;}
	#section1-3 p.blue-text {text-align:center; margin: 20px auto 10px auto;}
	#section1-3 .blue-text {text-align:center; margin: 20px auto 10px auto;}
	.sql-table{ width:90%; margin: 0 auto;}

	#section2 { padding: 80px 0 30px 0;}
	#section2 h1 {  background-size: 64px auto;    padding: 0 0 0 100px;}
	#section2-3 .col-md-10 { width: 100%;}
	#section2-3 ul{padding-top: 20px;}
	#section2-3 li{width:50%; font-size: 15px;}
	#section2-3 li span{   background: url(../img/section2-3.png) no-repeat left 3px; background-size: 26px;  }
	
	#section2-4{ text-align: center;}
	#section2-4 .title:after{ margin: 20px auto 0px;}
	#section2-4 img {width: 100%; height: auto;}
	#section2-4 .right{margin-top: 30px;}
	
	#section2-5{ text-align: center;}
	#section2-5 .title:after{ margin: 20px auto 0px;}
	#section2-5 img {width: 100%; height: auto;}
	#section2-5 .right{margin-top: 30px;}
	#section2-5 .bg-blue { width: 100%;}
	
	#section2-6{ text-align: center;}
	#section2-6 .title:after{ margin: 20px auto 0px;}
	#section2-6 img {width: 100%; height: auto;}
	#section2-6 .right img {margin-top: 30px; height: auto;}
	#section2-6 .left img { height: auto;}
	
	#section2-7  .col-md-offset-1{width: 90%;}
	
	#section2-8{ text-align: center;}
	#section2-8 .title:after{ margin: 20px auto 0px;}
	#section2-8 .right img {width: 100%; height: auto;}
	#section2-8 .col-md-offset-1{width: 90%;}

	h2 { font-size: 24px;}
	p{font-size: 14px;}


	#section3 { padding: 80px 0 30px 0;}
	#section3 h1 {  background-size: 64px auto;    padding: 0 0 0 100px;}
	
	#section3-2 .col-md-offset-1{margin-right: 5%;}
	#section3-2 .right{margin: 20px 0;}
	#section3-2 ul li{width: 30%; float: left; margin: 0 3% 0 0 ;}
	
	#section3-4 .left { margin: 20px 0; font-size: 12px; float: left; width:40%;}
	#section3-4 .right { margin: 20px 0; font-size: 12px; float: right; width:60%;}
	
	#section3-5 .width90 {width: 90%;}
	#section3-5 .width40 {margin:30px 0 0 0; }
	#section3-5 .bg-blue .width40 {margin:10px 0 ; }
	#section3-5 .zubiao{margin:30px 0 0 0;}
	#section3-5 .zubiao li {width: 100%; float: none;}
	
	#section3-6 .width90 {width: 90%;}
	#section3-6 h3 { line-height: 32px; margin-top: 20px;}
	
	
}
@media only screen and (max-width:480px) {
	#portfolio [class*='col-xs'] {width:100%;}
	

}
@media only screen and (max-width:321px) {
	
	.home-content h2 { font-size: 20px;}
	.home-content ul li { font-size: 11px;}
	.letsgo { font-size: 17px;  }
	#section-0 li { font-size: 13px;}
	#section0 .col-md-4 p { font-size: 15px;}
	.sectionToc .col-md-10{    width: 80%;}
	
	.col-md-10{width:90%;padding: 30px 0; }
	.section1-1 .bottom-bar { font-size: 14px;}
	.example {font-size: 14px;}
	#section1-3 .blue-text{font-size: 12px;}
	.chease { font-size: 36px;  background: url(../img/icon-chease.png) no-repeat left center;
    background-size: 75px auto;  padding-left: 90px; width: 100%; margin-bottom: 20px;}
	.letter { font-size: 48px;}
	.section2-2 h3 {font-size: 22px;}
	#section2-3 li { width: 50%; font-size: 13px; }
	#section2-3 li span{  background-size: 26px;}
	p{font-size: 13px;}
	
	#section3-2 ul li {font-size: 13px;}
	#section3-2 .col-md-offset-1{ margin: 0;}
	table { font-size: 12px;}
	#section3-4 .left {width: 30%; }
	#section3-4 .right {width: 70%; }
	#section3-6 img { height: 90px;}
	.copyright { border-top: 1px solid #7b91bb;}
	.main-nav { box-shadow: 0px 80px 0px 0px #eaeff4;}

}


/*------------------------------------*\Back to top\*------------------------------------*/
#back-to-top {display:none;position:fixed;bottom:20px;right:20px;width:50px;height:50px;line-height:50px;text-align:center;background:#F9CD39;border-radius:3px;color:#FFF;z-index:9999;-webkit-transition:0.2s opacity;transition:0.2s opacity;cursor:pointer;}
#back-to-top:after {content:"\f106";font-family:'FontAwesome';}
#back-to-top:hover {opacity:0.8;}

/*------------------------------------*\Preloader\*------------------------------------*/
#preloader {position:fixed;left:0;top:0;bottom:0;right:0;background-color:#FFF;z-index:99999;}
.preloader {position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.preloader span {display:inline-block;background-color:#F9CD39;width:25px;height:25px;-webkit-animation:1s preload ease-in-out infinite;animation:preload 1s ease-in-out infinite;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);border-radius:50%;}
.preloader span:nth-child(1) {-webkit-animation-delay:0s;animation-delay:0s;}
.preloader span:nth-child(2) {-webkit-animation-delay:0.1s;animation-delay:0.1s;}
.preloader span:nth-child(3) {-webkit-animation-delay:0.15s;animation-delay:0.15s;}
.preloader span:nth-child(4) {-webkit-animation-delay:0.2s;animation-delay:0.2s;}

@-webkit-keyframes preload {0% {-webkit-transform:scale(0);transform:scale(0);}
50% {-webkit-transform:scale(1);transform:scale(1);}
100% {-webkit-transform:scale(0);transform:scale(0);}
}

@keyframes preload {0% {-webkit-transform:scale(0);transform:scale(0);}
50% {-webkit-transform:scale(1);transform:scale(1);}
100% {-webkit-transform:scale(0);transform:scale(0);}
}




/*------------------------------------*\官网顶部菜单\*------------------------------------*/
@media only screen and (min-width:768px) {
.nav{ padding: 10px 30px; background:#f8f8f8; font-size:15px; text-align: right; position: fixed; top: 0; left: 0; right: 0; z-index: 50; box-shadow: 0px 1px 2px #dddddd ;}
.nav > .nav_container img.logo{float: left; height: 50px;}
.nav > .nav_container img.iconNav{display: none;}
.nav > .nav_container > ul{height: 50px;}
.nav > .nav_container > ul li{display: inline-block; width: auto; margin: 0 12px; padding: 10px 0; text-align: center; vertical-align: top; overflow: visible; }
.nav > .nav_container > ul li a{line-height: 30px; display: block; color:#000;}
.nav > .nav_container > ul li a.button{background: #3276e1; border: 1px solid #386bc8; color: #FFF; border-radius: 4px; padding: 0 15px;line-height: 30px; font-size:16px; display: block; text-shadow:none;    box-shadow:none;     margin-bottom: 0px;    font-weight: normal; height: auto;}
.nav > .nav_container > ul li a.button:hover{background: #4b86e3;color: #FFF; }
.nav > .nav_container > ul li a:hover{color: #3276e1;}	
.subNav{height: 40px; line-height: 40px; position: fixed; top: 70px; left: 0; right: 0; z-index: 40; color: #FFF; padding: 0 0 0 20px; text-align: right; box-shadow: 0 1px 3px rgba(0,0,0,.1);}
.subNav.min{top: 50px;}
.subNav.jsq{background: #4b77cc;}
.subNav.rqbb5{background: #535965;}
.subNav.jsb{background: #669966;}
.subNav span{float: left;}
.subNav ul li{display: inline-block; font-size: 14px;}
.subNav a{color: #FFF; padding: 0 10px;}
	.heightLight{background: #f2af00; display: inline-block; height: 40px; padding: 0 10px;}
	
	.nav.min{height: 50px; padding: 5px 30px;}
.nav.min img.logo{height: 40px;}
.nav.min > .nav_container > ul{height: 40px;}
.nav.min > .nav_container > ul li{padding: 5px 0;}
.subNav{height: 40px; line-height: 40px; position: fixed; top: 70px; left: 0; right: 0; z-index: 40; color: #FFF; padding: 0 0 0 20px; text-align: right; box-shadow: 0 1px 3px rgba(0,0,0,.1);}
.subNav.min{top: 50px;}
}