Template:UESTC Software/index style

html{

 height:100%;

} body{

 height:100%;

} a{

 text-decoration: none !important;

}

.cd-section{/*单屏设置*/

 width: 100%;

} .cd-half-section{/*分页半屏高图片*/

 width: 100%;
 text-align: center;
 display: table;
 color: #f7f7f7;
 padding: 10rem 16rem;

} .cd-half-section h1{

 font-size: 2.4rem;

} .cd-half-section p{

 padding: 4rem 0;
 font-size: 1.8rem;

}

/*******总设计*********

• • • • • • • • • • • • • • • • • • • • • /

.wrap_content{

 width: 100%;
 height: 100%;

 overflow: hidden;
 position: relative;
 z-index: 9;

}

.half_content{

 float: left;
 width:50%;
 overflow: hidden;

} /*********************

• • • • • • loading页面********
            • • • • • • • • • • • • • • • /

.wrap_loading{

 width: 100%;
 height: 100%;
 position: fixed;
 z-index: 10;

} .left_load{

 float: left;
 position: relative;
 width: 50%;
 height: 100%;
 background: #fff;
 left: 0;
 /*transition:all 10s ease;*/

} .to_left{

 left: -100%;
 /*visibility: hidden;*/

} .right_load{

 float: right;
 right: 0;
 width: 50%;
 height: 100%;
 position: relative;
 
 background: #7b9977;
 /*transition:all 10s ease;*/

} .to_right{

 right: -100%;
/* visibility: hidden;*/

} .left_load img{

 position: absolute;
 width: 50px;
 top: 45%;
 right: 0;

} .right_load img{

 position: absolute;
 width: 50px;
 top: 45%;
 left: 0;

} .load_logo{

 position: absolute;
 width:100px;
 height:100px;
 margin: auto;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 z-index:10;

} @keyframes logo_rotate{

 0%{transform:rotate(0deg);}
 100%{transform:rotate(360deg);}

} @-webkit-keyframes logo_rotate{

 0%{-webkit-transform:rotate(0deg);}
 100%{-webkit-transform:rotate(360deg);}

} @-moz-keyframes logo_rotate{

 0%{-moz-transform:rotate(0deg);}
 100%{-moz-transform:rotate(360deg);}

} @-o-keyframes logo_rotate{

 0%{-o-transform:rotate(0deg);}
 100%{-o-transform:rotate(360deg);}

} .load_logo_rotate{

 position: absolute;
 width:100px;
 height:100px;
 margin: auto;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 animation:logo_rotate 2s infinite;
 -webkit-animation:logo_rotate 2s infinite; 
 -ms-animation:logo_rotate 2s infinite;
 -moz-animation:logo_rotate 2s infinite;
 -o-animation:logo_rotate 2s infinite;
 transform-origin:58% 44%;
 -webkit-transform-origin:58% 44%;
-ms-transform-origin:58% 44%;
-moz-transform-origin:58% 44%;
-o-transform-origin:58% 44%;
z-index:9;

} .load_logo_rotate_pause{

 animation-play-state:paused;
 -webkit-animation-play-state:paused;

} .load_logo img{

 }

/*********************

• • • • • • 右边屏幕********
            • • • • • • • • • • • • • • • /

.images_content{

 position: relative;
 width: 50%;
 height: 100%;
 

} .cd-dou {

 width: 100%;
 height:100%;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;

} .dou_slide{

 width: 100%;
 height: 100%;

}

.dou_slide ul{

  position: absolute;
 width: 100%;
 height: 100%;
 top: 0;
 margin:0 auto !important;
/* transition:top 0.2s ease-in-out;*/

} .dou_slide ul li{

 position: relative;
 width: 100%;
 height: 100%;
 font-size: 0;
 line-height: 0;
 background-size: cover;
  -moz-background-size:cover;
  -webkit-background-size:cover;
  -o-background-size:cover;

} .dou_slide ul li:first-child{

 background: url(/wiki/images/6/6f/Uesct_software_index1.jpg) center no-repeat;
 background-size: cover;
  -moz-background-size:cover;
  -webkit-background-size:cover;
  -o-background-size:cover;
 

} .dou_slide ul li:nth-child(2){

 background: url(/wiki/images/b/bf/Uestc_software_index2.jpg) center no-repeat;
 background-size: cover;
  -moz-background-size:cover;
  -webkit-background-size:cover;
  -o-background-size:cover;

} .dou_slide ul li:nth-child(3){

 background: url(/wiki/images/d/d6/Uestc_software_Bridge.jpg) center no-repeat;
 background-size: cover;
  -moz-background-size:cover;
  -webkit-background-size:cover;
  -o-background-size:cover; 

} .dou_slide ul li:nth-child(4){

  background: url(/wiki/images/f/f5/Uestc_software_home3.jpg) center no-repeat;
  background-size: cover;
  -moz-background-size:cover;
  -webkit-background-size:cover;
  -o-background-size:cover; 

} .dou_slide ul li:nth-child(5){

  background: url(/wiki/images/a/a1/Uestc_software_index5.jpg) center no-repeat;
  background-size: cover;
  -moz-background-size:cover;
  -webkit-background-size:cover;
  -o-background-size:cover;

} .dou_slide ul li:nth-child(6){

  background: url(/wiki/images/4/49/Img.jpg) center no-repeat;
  background-size: cover;
  -moz-background-size:cover;
  -webkit-background-size:cover;
  -o-background-size:cover;

} /*文字*/ .swiper-slide{

 text-align: center;
 font-size: 18px;
 background: #fff;
 display: relative;
 /* Center slide text vertically */
 display: -webkit-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 -webkit-justify-content: center;
 justify-content: center;
 -webkit-box-align: center;
 -ms-flex-align: center;
 -webkit-align-items: center;
 align-items: center;

}

.slide_p{

 width: 80%;
 margin: 0 auto;
 

} .slide_p h2{

 color: #f7f7f7;

/* font-family: "faricy-new-web",helvetica,sans-serif;*/ /*font-family: Georgia, serif;*/

/* font-family: "brandon-grotesque",sans-serif;*/
 font-family:"Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
 font-size: 4rem;
 line-height: 4rem;
 margin-bottom: 10px;
 text-align: center;

} .slide_p p{

 color: #f7f7f7;
/* font-family: Georgia, serif;*/
 font-family: "faricy-new-web",helvetica,sans-serif;
 /*font-family: "brandon-grotesque",sans-serif;*/
 font-size:3rem;
 line-height: 3rem;
 text-indent: 2rem;
 text-align: center;

} /*文字end*/ .dou_slide ul li img{

 width: 100%;

}

.dou_slide_define{
 
 position: absolute;
 margin: auto;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 width: 200px;
 height: 300px;

} .dou_slide_define ul{

 position: relative;

} @keyframes touming_change{

 0%{visibility:hidden;
   opacity: 0;}
 100%{visibility:visible;
   opacity: 1;}

} .dou_slide_define ul li{

 position: absolute;
 visibility: hidden;
 opacity: 0;
 
/* transition:all 0.5s ease;*/

} .dou_slide_define ul li.define_show{

 animation:touming_change 1s;
 /*animation-delay:1s;*/
 visibility: visible;
 opacity: 1;

} .dou_slide_define p{

 text-align: center;
 font-size: 40px;
 line-height: 40px;
 color: #f7f7f7;
 font-family: "faricy-new-web",helvetica,sans-serif;
 font-weight: 600;

}

/*******************

• • • • • zuo边屏幕****
          • • • • • • • • • • • • • • /

.nav_content{

 height: 100%;
 
 /*position: fixed;*/
 /*right: 0;*/
 z-index: 100;
 background: #fff;
 

} .nav_wrap{

 width: 100%;
 height:100%;
 position: relative;

} .nav_container{

 width: 100%; 
 height: 400px;
 
 position: absolute;
 margin:auto;
 top:0;
 bottom: 0; 

} .nav_container:before{

 content: "";
 display: table;

} .nav_container:after{

 clear:both;
 content: "";
 display: table;

} .right_logo{

 /*width: 150px;*/
 margin: auto;
 margin-top:20px;
 text-align:center;

} .right_logo h1{

 font-family: "faricy-new-web",helvetica,sans-serif;
 color: #7b9977;
 text-align: center;
 font-size: 1.6rem;
 line-height:1.6rem;
 font-weight: bold;
 text-align: center;
 margin-top: 15px;

} .right_logo img{

 width: 200px;

} .right_nav{

 position: relative;
 width: 100%;
 height:200px;
 padding-top: 30px;
 margin: auto;

} .right_nav>ul{

 width: 95%;
 margin: auto !important;
 height: 80%;

} .right_nav>ul>li {

 float: left;
 /*display: inline-block;*/
 /*margin: 0 10px;*/
 /*width: 16%; */
 padding-bottom:75px;
 text-align: center;
 display: table;
 transition:all 0.5s ease-in-out;
 -webkit-transition:all 0.2s ease-in-out;
 -moz-transition:all 0.2s ease-in-out;
 -o-transition:all 0.2s ease-in-out;

} .right_nav>ul>li:first-child{

 width: 20%;

} .right_nav>ul>li:nth-child(2){

 width: 19%;

} .right_nav>ul>li:nth-child(3){

 width: 20%;

} .right_nav>ul>li:nth-child(4){

 /*padding-left:4.5%;*/
 width:20%;
 /*padding-right:4.5%;*/

} .right_nav>ul>li:nth-child(5){

 width: 19%;

}

.hover_li{

 border-top: 1px solid #7b9977;

} .right_nav>ul>li.hover_li>a{

 color: #7b9977;
 text-decoration: none !important;

} .right_nav>ul>li>a{

 color: #555;
 display: block;
 height: 65px;
 line-height: 20px;
 padding-top: 5px;
 width: 100%;
 display: table-cell;
 vertical-align: bottom;
 font-family: "faricy-new-web",helvetica,sans-serif;
 font-size: 12.5px;
 text-decoration: none !important;
 

} .hover_li>.arrow{

 visibility: visible;
 opacity: 1;

} /*hover的二级菜单*/ .right_nav>ul>li.hover_li> .second_wrap{

 visibility: visible;
 opacity: 1;

} /*.hover_li > .second_wrap li{

 color: #7b9977;
 background: #f7f7f7;

}*/ .arrow{/*二级菜单的小箭头*/

 visibility: hidden;
 opacity: 0;
 position: absolute;
 font-size: 0;
 width: 0;
 height: 0;
 top: 141px;
 border: 10px solid transparent;
 border-bottom-color:#7b9977; 
 transition:all 0.5s ease;
 -webkit-transition:all 0.5s ease;
 -moz-transition:all 0.5s ease;
 -o-transition:all 0.5s ease;

} .arrow1{

 left: 10%;

} .arrow2{

 left: 28%;

} .arrow3{

 left: 65%;

} .arrow4{

 left: 85%;

} /*首页的二级菜单*/ .second_wrap{

 position: absolute;
 width: 100%;
/* height: 4rem;*/
 top: 160px;
 left: 0;
 opacity: 0;
 visibility: hidden;
 background:#7b9977;
 transition:all 0.5s ease;
 -webkit-transition:all 0.5s ease;

-moz-transition:all 0.5s ease; -o-transition:all 0.5s ease;

 font-family: "faricy-new-web",helvetica,sans-serif;

} .cd-primary-nav-second{

 text-align: center;
 z-index: 99999;
 margin: 0 auto !important;

}

.cd-primary-nav-second li{

 text-align: center;
 position: relative;
 display: inline-block;
 width: 150px;
 word-break:break-all;
 transition:all 0.5s linear;
 -webkit-transition:all 0.2s linear;
 -moz-transition:all 0.2s linear;
 -o-transition:all 0.2s linear;

/* overflow: hidden;*/

} .cd-primary-nav-second li a{

 /*font-weight: 600;*/
 display: block;
 padding: 10px 0;
 color: #fff;
 line-height: 4rem;
 font-size:1.2rem;

} .cd-primary-nav-second li.m_s_li_hover{

 background: #fff;

} .cd-primary-nav-second li.m_s_li_hover a{

 color: #7b9977;
 text-decoration: none !important;
 

} /*二级菜单end*/

/*底部*/ footer{

 font-family: "faricy-new-web",helvetica,sans-serif;
 padding-top: 3rem;
 width: 100%;
 padding-bottom: 10rem;

} .footer_define{

 font-family: 'Nunito', sans-serif;
 width: 90%;
 max-width: 960px;
 margin:0 auto;
 color: #c7cacc;
 margin-top: 8rem;

} .footer_logo{

 float: left;

} .footer_logo img{

 width: 6rem;
 padding-top: 1rem;
 padding-bottom: 1rem;

} .footer_logo p{

 color: #999999;
 -webkit-font-smoothing:antialiased;
 font-size: 2rem;

} .green_em{

 color: #53aea5;

} /*底部end*/

/* --------------------------------

Javascript disabled

---

*/

.no-js .cd-dou-slider li {

 display: none;

} .no-js .cd-dou-slider li.selected {

 display: block;

}

.no-js .cd-slider-nav {

 display: none;

}

/*以下是响应式css*/ /*响应式768px的情况*/ @media screen and (max-width:768px){

 .nav_content{
  width:100% !important;
  overflow:hidden;
}
.images_content{
  display:none !important; 
}

} @media screen and (max-width:1024px){

 .right_logo img{
    width:150px;
 }

} @media screen and (max-width:1280px){

 .right_logo img{
    width:160px;
 }

}