* {
    padding: 0;
    margin: 0;
}

body {
    width: 100%;
    height: 100%;
    font-family: "Montserrat", Sans-serif;
}

button {
    outline: none;
}

input {
    outline: none;
}

a {
    text-decoration: none;
}

li {
    list-style: none;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.ww {
    width: 1048px;
    margin: 0 auto;
}

.w1028 {
    min-width: 1028px;
    margin: 0 auto;
}


.clearfix:after {
    visibility: hidden;
    clear: both;
    display: block;
    content: "";
    height: 0;
}

.clearfix {
    *zoom: 1;
}


.Top-header {
    min-width: 1200px;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    height: auto;
    z-index: 999;
    background-color: rgba(255, 255, 255, 0.7);
    /*position: absolute;*/
}

.publichead_nav {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 1200px;
}

.publichead_nav .header-logo {
    margin: 0;
}

.publichead_nav ul {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    width: 1008px;
    padding: 10px;
    margin: 0;
}

.nav-lang {
    /*display: inline-block;*/
    /*width: 176px;*/
    /*height: 48px;*/
    /*line-height: 48px;*/
    color: #4b4646;
    cursor: pointer;
}


.lang_select ul {
    /*width: 176px;*/
    display: none;

}

.lang_select ul a {
    color: #4b4646;
}

.lang_select:hover ul {
    display: block;
    /*border:bottom: 1px solid #fff;*/
    /*color: rgb(90,156,146);*/
    /*background-color: #fff;*/
}

.publichead_nav ul li {
    white-space: nowrap;
}

.has_sub_menu {
    position: relative;
}

.sub_menu {
    position: absolute;
    top: 58px;
    left: 0;
    display: none;
    z-index: 99999;
}

.sub_menu div {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
}

.sub_menu a {
    padding: 10px;
    font-weight: 300;
    background-color: rgba(0, 0, 0, 0.5);
    color: #FFFFFF;
    text-decoration: none;
}

.sub_menu a:hover {
    background-color: rgba(0, 0, 0, 0.7);
}

.publichead_nav_li_a {
    display: inline-block;
    color: #4b4b4b;
    /*color: #333333;*/
    padding: 0 15px;
    line-height: 64px;
    text-decoration: none;
    transition: all 0.3s;
}

.publichead_nav_li_a:hover {
    transform: scale(1.2);
}


.publichead_nav ul li.menu-item a {
    padding-left: 50px;
}

.publichead_nav .triangle {
    display: inline-block;
    margin: -4px 6px;
    border: 6px solid transparent;
    border-top-color: #4b4646;
    border-radius: 2px;
}


.footer-wrap a {
    color: #eb8d53;
}

.footer-wrap {
    position: relative;
    width: 100%;
    padding: 110px 0 10px;

    background-color: #282828;
}

.footer-wrap .wrap-content {
    display: flex;
    flex-flow: row nowrap;
    top: 110px;
    margin: 0 auto;
}

.footer-wrap .wrap-content-left {
    width: 50%;
    padding: 10px;
}

.footer-wrap .wrap-content-leftTitle {
    font-weight: 700;
    color: #eb8d53;
    margin-bottom: 10px;
}

.footer-wrap .wrap-content-leftHello {
    font-weight: 200;
    font-size: 32px;
    color: #fff;
    margin-bottom: 10px;
}

.footer-wrap li {
    margin-bottom: 10px;
}

.footer-wrap .wrap-content-leftLittitle {
    font-weight: 700;
}

.footer-wrap .wrap-content-leftLiticon {
    width: 3%;
    height: auto;
}

.footer-wrap .wrap-content-leftLogo {
    display: flex;
    justify-content: center;


}

.footer-wrap .wrap-content-right {
    width: 50%;
    padding: 10px;
    background-color: #282828;

}

.footer-wrap .wrap-content-rightTitl {
    color: #fff;
    width: 100%;
    font-weight: 400;
    font-size: 20px;
    margin-bottom: 26px;
}

.footer-wrap .wrap-content-rightLine1 {
    margin: 10px 0;
    width: 100%;
}

.footer-wrap .comp {
    width: 42%;
    background-color: #2e2e2e;
    border: 1px solid #585858;
    padding: 5px 12px;
    box-shadow: 0 0 10px 0 rgba(0 0 0 .2);
}

.footer-wrap .mail {
    width: 42%;
    background-color: #2e2e2e;
    border: 1px solid #585858;
    padding: 5px 12px;
    box-shadow: 0 0 10px 0 rgba(0 0 0 .2);
    margin-left: 21px;
}

.frame {
    width: 42%;
    background-color: #2e2e2e;
    border: 1px solid #585858;

    box-shadow: 0 0 10px 0 rgba(0 0 0 .2);
    margin-left: 21px;
}

.serial_verify_input {
    width: calc(42% - 110px);
    background-color: #2e2e2e;
    border: 1px solid #585858;
    padding: 5px 12px;
    box-shadow: 0 0 10px 0 rgba(0 0 0 .2);
    margin-left: 21px;
}

.footer-wrap .seri {
    width: 42%;
    background-color: #2e2e2e;
    border: 1px solid #585858;
    padding: 5px 13px;
    box-shadow: 0 0 10px 0 rgba(0 0 0 .2);
    margin-top: 6px;
}

.footer-wrap .securily {
    width: 94%;
    background-color: #2e2e2e;
    border: 1px solid #585858;
    padding: 5px 13px;
    box-shadow: 0 0 10px 0 rgba(0 0 0 .2);
    margin-top: 6px;
}

.footer-wrap .submit {
    width: 99.5%;
    height: 30px;
    color: #fff;
    background-color: #eb8d53;
    border-radius: 3px;
    border: 0;
    padding: 5px 12px;
    margin-top: 6px;
}

.footer-wrap .wrap-content-rightTit2 {
    color: #fff;
    width: 100%;
    font-weight: 400;
    font-size: 20px;
    margin: 40px 0 28px 0;
}

.footer-wrap #mail2 {
    margin: 6px 0 6px 21px;
}

.footer-wrap .mess {
    width: 94%;
    background-color: #2e2e2e;
    border: 1px solid #585858;
    padding: 5px 12px;

    margin-bottom: 10px;
    outline: 0;
    font-family: "Montserrat", Sans-serif;
    caret-color: #fff;
    color: #fff;
}


.copyright {
    width: 100%;
    background-color: #282828;
    border-top: 1px solid #585858;
    display: flex;
}

.content {
    padding: 16px 0;
    margin: auto;
    color: #fff;
    font: 16px 'Roboto', sans-serif;
    display: flex;
}


.wrapper {
    min-width: 1200px;
}

.header .banner {
    position: relative;
    width: 100%;
    height: 880px;
}

.banner .banner-desp {
    position: absolute;
    width: 100%;
    bottom: 378px;
    text-align: center;
    color: white;
}

.banner .banner-desp h3 {
    margin-bottom: 45px;
    font: 40px "Montserrat", Sans-serif;
}

.banner .banner-desp p {
    font: 18px "Montserrat", Sans-serif;
    color: #fff;
}

.banner-top1 {
    position: absolute;
    padding: 0;
    margin: 0;
    bottom: 0px;
    text-align: center;
}


.index-content2 {
    width: 100%;
    padding: 50px 0 150px;
    background-color: #4b4646;
}

.index-content2 .second-wrap {
    display: flex;

    margin: 0 auto;

}

.index-content2 .second-wrap .leftq {
    display: flex;
    flex-direction: column;
    margin: 150px 10px 0 0;
    float: left;
    /*height: 582px;*/
}

.index-content2 .leftq p {
    padding: 0 0 60px;
    width: 220px;
    color: #e2e2e2;
    font: 18px "Montserrat", Sans-serif;
}

.index-content2 .leftq .more a {
    padding: 12px 24px;
    background-color: #eb8d53;
    font: 14px Sans-serif;
    color: #fff;
}

.index-content2 .rightp {
    margin: 150px 0 0 50px;
    float: left;
}

.index-content2 .rightp ul li {
    display: inline-block;
    margin-bottom: 30px;
    float: left;
    width: 250px;
    overflow: hidden;

}

.index-content2 .rightp .rightp-pic1 {
    width: 100%;
    height: auto;
    transition: all 0.3s;
}

.index-content2 .rightp .rightp-pic1:hover {
    transform: scale(1.2);
}


.index-content-third {
    overflow: hidden;
    width: 100%;
    background-color: #fff;
}

.index-content-third .content-third-topa {
    overflow: hidden;
    margin: 0 auto;
    margin-top: 110px;
    max-width: 1180px;
    padding: 20px 0;
}

.index-content-third .content-third-topa h2 {
    float: left;

    padding: 10px;
    font: 40 30px "Montserrat", Sans-serif;
    color: #4b4646;
}

.index-content-third .content-third-topa .more {
    float: right;
    padding: 10px;
}

.index-content-third .content-third-topa .more a {
    padding: 12px 24px;
    font: 14px "Montserrat", Sans-serif;
    color: #fff;
    background-color: #eb8d53;
    line-height: 79px;
}


.index-content-third .content-third-bottomd .solid {
    display: inline-block;
    padding-left: 504px;
    font-size: 28px;
    color: rgba(0, 0, 0, .8);
}

.index-content-third .content-third-bottomd p {
    display: inline-block;
    font-size: 28px;
    color: rgba(0, 0, 0, .3);
}


.contrnt-fourth-width {
    overflow: hidden;
    width: 100%;
    background-color: #e9e9e9;
}

.index-content-fourth .fourth-wrap {
    margin: 0 auto;
    margin-top: 100px;
    max-width: 1200px;
    padding: 50px 0;
}

.index-content-fourth .fourth-title {

    margin: 0 100px;
}

.index-content-fourth .fourth-title h2 {
    font: 400 20px "Montserrat", Sans-serif;
    color: #eb8d53;
    padding: 0 400px;
}

.index-content-fourth .fourth-body {
    overflow: hidden;
    max-width: 1200px;
    margin-top: 10px;
}

.index-content-fourth .fourth-left-list {
    display: flex;
    position: relative;
    float: left;
    margin: 0 10px;
    width: 48%;
    padding-bottom: 16px;
    background-color: #f6f6f6;
}

.index-content-fourth .fourth-left-list img {
    width: 100%;
    height: auto;
}

.index-content-fourth .fourth-left-list-news {
    position: absolute;
    bottom: 10px;
    left: 0;
    padding: 30px;
}

.index-content-fourth .fourth-left-list-news button {
    border: 0;
    padding: 2px 4px;
    background-color: #eb8d53;
}

.index-content-fourth .fourth-left-list-news button a {
    color: #fff;
    font: 400 14px "Montserrat", Sans-serif;
}

.index-content-fourth .fourth-left-list-news .title-b {
    width: 100%;
    margin: 10px 0;
}

.index-content-fourth .fourth-left-list-news .title-b a {
    color: #fff;
    font: 18px "Montserrat", Sans-serif;

}

.index-content-fourth .fourth-left-list-news img {
    float: left;
    width: 3%;
    height: auto;
    margin-right: 5px;
}

.index-content-fourth .fourth-left-list-news .date {
    float: left;
    color: #adadad;
    font: 12px "Montserrat", Sans-serif;
}

.index-content-fourth .fourth-right-list {
    float: left;
    padding: 0 10px;
    width: 48%;
}

.index-content-fourth .fourth-right-list li {
    position: relative;
    padding-bottom: 10px;
}

.index-content-fourth .fourth-right-list-context {
    position: absolute;
    padding: 30px;
    background-color: #f6f6f6;
    top: 0;
    left: 290px;
    height: 185px;
}

.index-content-fourth .context-news {
    border: 0;
    background-color: #b97a46;
    padding: 2px 6px;
}

.index-content-fourth .context-news a {
    color: #fff;
    font: 14px "Montserrat", Sans-serif;
}

.index-content-fourth .context-title {
    margin: 10px 0;
    width: 230px;
}

.index-content-fourth .context-title a {
    font: 18px/1.5 "Montserrat", Sans-serif;
    color: #54595f;
}

.index-content-fourth .context-date-day img {
    width: 6%;
    height: auto;
    padding: 5px 5px 0 0;
}

.index-content-fourth .context-date-day,
.index-content-fourth .context-date-wechat {
    font: 400 12px "Montserrat", Sans-serif;
    color: #adadad;
}

.index-content-fourth .context-date-wechat img {
    padding: 0 5px 0 10px;
    width: 7%;
    height: auto;
}


.index-content-fifth {
    position: relative;
    width: 100%;
    height: 600px;
    background: url(/static/csun/o/csun/image/pic/cpi-solar-project-baiyin-gansu-2-a003f2ff5d9f136d4a3983c0ef15d4a8.jpg) no-repeat;
    background-size: cover;
}

.index-content-fifth .content-fifth-box {
    position: relative;
    top: 80px;
    text-align: center;
    max-width: 1200px;
    margin: 0 auto;
}

.index-content-fifth .fifth-box-title {
    margin-bottom: 2px;

}

.index-content-fifth .fifth-box-title h2 {
    margin: 0;
    font: 30px "Montserrat", Sans-serif;
    color: #fff;
}

.index-content-fifth .fifth-box-body {
    position: relative;
}

.index-content-fifth .body-left {
    position: absolute;
    top: 20px;
    max-width: 600px;
    padding-left: 140px;
}

.index-content-fifth .body-right {
    position: absolute;
    right: 100px;
    top: 150px;
}

.index-content-fifth .body-right p {
    padding-top: 26px;
    font: 16px "Montserrat", Sans-serif;
    color: #d4d4d4;
}


.index-content-sixth {
    width: 100%;
    height: 626px;
    background: url(/static/csun/o/csun/image/pic/bg5-fce71c2ba182e68c4e2750738cc3f442.jpg) no-repeat;
    background-size: cover;
}

.index-content-sixth .content-sixth-wrap {
    position: relative;
    top: 60px;
    margin: 0 auto;
    max-width: 1200px;
}

.index-content-sixth .sixth-wrap-top {
    left: 100px;
}

.index-content-sixth .sixth-wrap-one {
    padding-left: 60px;
    float: left;
    width: 40%;
    margin-top: 30px;
}

.index-content-sixth .sixth-wrap-one:nth-child(2) {
    padding-left: 60px;
    float: right;
    width: 40%;
    margin-top: 30px;
}

.index-content-sixth .sixth-wrap-one h3 {
    font: 400 28px "Montserrat", Sans-serif;
    color: #eb8d53;
    margin-bottom: 26px;
}

.index-content-sixth .sixth-wrap-one .Abc {
    font: 400 24px "Montserrat", Sans-serif;
    color: #fff;
    padding-bottom: 15px;
}

.index-content-sixth .sixth-wrap-one .tels,
.index-content-sixth .sixth-wrap-one .Add {
    width: 100%;
    line-height: 20px;
    font: 16px "Montserrat", Sans-serif;
    color: #fff;
}

.index-content-sixth .sixth-wrap-one img {
    margin: 0 10px 0 0;
}

.index-content-sixth .sixth-wrap-one .tels {
    margin-bottom: 6px;
}

.index-content-sixth .sixth-wrap-one .Add {
    position: relative;
}

.index-content-sixth .sixth-wrap-one .Add img {
    float: left;
}

.index-content-sixth .Add.Add-ddress {
    position: absolute;
}

.index-content-sixth .sixth-wrap-four {
    display: flex;
    justify-content: flex-end;
    position: absolute;
    top: 440px;
    right: 0;
    width: 50%;
}

.index-content-sixth .sixth-wrap-four h3 {
    color: #466c9e;
    font: 400 24px "Montserrat", Sans-serif;
}


.header .aboutus-banner {
    position: relative;
    width: 100%;
    background: url(/static/csun/o/csun/image/pic/about-us-0-5d16d9c68b11eec0f7f7170ae7d8ebec.jpg) no-repeat top center;
    background-size: cover;
    height: 410px;
}

.aboutus-banner .banner-desp {
    position: absolute;
    width: 100%;
    bottom: 110px;
    text-align: center;
    color: white;
}

.aboutus-banner .banner-desp h3 {
    font-weight: 400;
    font-size: 40px;
}

.aboutus-banner .banner-desp p {
    padding-top: 14px;
    font: 18px "Roboto", Sans-serif;
}

.aboutus-banner .banner-desp p a {
    color: #eb8d53;
}


.aboutus-second-content {
    width: 100%;
    height: auto;
    padding-top: 50px;
}

.aboutus-second-content .second-content-main {
    max-width: 1048px;
    height: auto;
    margin: 0 auto;
    padding: 10px;
}

.aboutus-second-content .second-content-mainUp2 {
    display: flex;
    height: auto;

}

.aboutus-second-content .mainUp2-left {
    float: left;
    max-width: 720px;

}

.aboutus-second-content .Sideline {
    width: 12%;
    margin-bottom: 10px;
    border: 2px solid #3a3a3a;
}

.aboutus-second-content .frist-part span {
    color: #444444;
    font: 18px "Montserrat", Sans-serif;
}

.aboutus-second-content .frist-part span.special {
    color: #eb8d53;
}

.aboutus-second-content .second-part {
    font-weight: 100;
    font: 30px "Montserrat", Sans-serif;
    color: #466c9e;
    padding-top: 10px;
}

.aboutus-second-content .thrid-part {
    color: #777777;
    font: 18px/1.8 "Montserrat", Sans-serif;
    padding-top: 14px;
}

.aboutus-second-content .mainUp2-right {
    float: right;

    height: auto;
}

.aboutus-second-content .second-content-mainDown2 {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    margin-left: 40px;
    padding: 0;
    height: auto;
}

.aboutus-second-content .data2 {
    height: auto;
    padding: 50px 0 100px 0;
    margin: 0;
}

.aboutus-second-content .second-content-mainDown2 dt {
    color: #eb8d53;
    font: 400 50px "Montserrat", Sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
}

.aboutus-second-content .second-content-mainDown2 dd {

    margin: 0;
    color: #707070;
    font: 20px "Montserrat", Sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
}


.aboutus-third-content {
    position: relative;
    width: 100%;
    background: url(/static/csun/o/csun/image/pic/third-bg-2b476288a9ae8d35ab040d906ae34958.jpg) no-repeat;
    background-position: center center;
    background-size: cover;
}

.aboutus-third-content .third-content-main {
    position: relative;
    top: 50px;
    max-width: 1048px;
    margin: 0 auto;
    padding: 10px;
}

.aboutus-third-content .third-content-mainTitle {

}

.aboutus-third-content .third-content-mainTitle p {
    font-size: 30px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 60px;
}

.aboutus-third-content .third-content-mainPic {
    margin-top: 16px;
    padding: 25px 0;
}

.aboutus-third-content .third-content-mainPic li {
    display: inline;
    padding: 0 1px;
}


.aboutus-third-content .third-content-mainDot {
    height: 28px;
    font-size: 30px;
    color: rgb(246, 240, 240);
    line-height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
}


.aboutus-forth-content {
    width: 100%;
    padding: 50px 0;
}

.aboutus-forth-content .forth-content-main {

    margin: auto;
}

.aboutus-forth-content .forth-content-mainTitle {

}

.aboutus-forth-content .forth-content-mainTitle h2 {
    font-weight: 400;
    font-size: 30px;
    color: #444444;
    line-height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.aboutus-forth-content .forth-content-mainTitle h2 span {
    color: #b07d4f;
}

.aboutus-forth-content .forth-content-mainFont {
    padding: 12px 0;
    max-width: 836px;
    margin: auto;
}

.aboutus-forth-content .forth-content-mainFont p {
    font-size: 18px;
    line-height: 1.5;
    color: #777777;
    text-align: center;
}


.aboutus-forth-content .mainPic-one {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    width: 100%;
}

.aboutus-forth-content .mainPic-one li {
    display: flex;
    /*display: inline;*/
    width: 251px;
}


.aboutus-forth-content .mainPic-one li img {
    margin: 0 0 40px 0;
    width: 251px;
    height: auto;
    /*background-color: #4b4b4b;*/
}


.aboutus-fifth-content {

    width: 100%;
    padding: 60px 0;
}

.aboutus-fifth-content .fifth-contentMain {
    max-width: 1048px;
    padding: 10px;
    margin: auto;

}

.aboutus-fifth-content .fifth-contentMain-title {
    width: 100%;

    margin-bottom: 10px;
}

.aboutus-fifth-content .fifth-contentMain-title h2 {
    font-size: 30px;
    font-weight: 400;
    color: #444444;
    text-align: center;
    margin: 0;
}

.aboutus-fifth-content .fifth-contentMain-Pic {

    width: 100%;
    padding: 0;
    margin: 0;
}

.aboutus-fifth-content .pic-rio {
    display: inline;
    line-height: 200px;
}

.aboutus-fifth-content .pic-rio img {
    width: 20%;
    height: auto;
    padding: 0 24px;
}

.aboutus-fifth-content .fifth-contentMain-link {
    position: relative;
    margin: 30px 0 0 0;

    width: 100%;
}

.aboutus-fifth-content .pro {
    position: relative;
    top: 14px;
    left: 275px;
    right: 275px;
    display: inline;
    max-width: 140px;

    color: #fff;
    background-color: #eb8d53;
    padding: 15px 30px;
    margin: 0 5px;
}


.products-banner {
    position: relative;
    width: 100%;
    height: 402px;
    background: url(/static/csun/o/csun/image/pic/quality-control-0-c8d3b290f6896a451226eb9838698216.jpg) no-repeat top center;

    background-size: cover;
}

.products-banner .products-banner-trans {
    background-color: transparent;
    background-image: linear-gradient(180deg, #4b4646 5%, rgba(226, 226, 226, .5) 100%);
    opacity: 1;
    transition: 0.3s, 0.3s, 0.3s;
}

.products-banner .banner-desp {
    position: absolute;
    width: 100%;
    bottom: 110px;
    text-align: center;
    color: white;
}

.products-banner .banner-desp h3 {
    font-weight: 400;
    font-size: 40px;
}

.products-banner .banner-desp p {
    padding-top: 14px;
    font: 18px "Roboto", Sans-serif;
}

.products-banner .banner-desp p a {
    color: #eb8d53;
}


.productss-second-content {
    width: 100%;
    padding: 50px 0;
}

.productss-second-content .second-content-main {
    display: flex;
    margin: auto;
}

.productss-second-content .second-content-mainLeft {
    width: 21%;
    padding: 20px;
}

.productss-second-content .second-content-mainLeft-top {

    margin-bottom: 44px;
}

.productss-second-content .toph2 {
    color: #3a3a3a;
    font-size: 26px;
    font-weight: 400;
    margin: 0 0 18px;
}


.productss-second-content .cate-h2 {
    width: 100%;
    color: #3a3a3a;
    font-size: 26px;
    font-weight: 400;
    margin: 0 0 18px;
}

.productss-second-content li {
    width: 100%;
    height: 28px;
    padding: 2px 0;
}

.productss-second-content .listLeft li a {
    float: left;
    font: 16px 'Montserrat', sans-serif;
    color: #eb8d53;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: calc(100% - 20px);
}

.productss-second-content .listLeft li span {
    float: right;
    max-width: 20px;
    color: #3a3a3a;
    font: 16px 'Montserrat', sans-serif;
}

.productss-second-content .btn a {
    max-width: 100px;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
    height: auto;
    padding: 12px 24px;
    margin-top: 18px;
    background-color: #eb8d53;
}

.productss-second-content .btn img {
    width: 2%;
    height: auto;
}

.productss-second-content .btn span {
    color: #fff;
    padding-left: 4px;
    font-weight: 100;
    font: 16px 'Montserrat', sans-serif;
}

.productss-second-content .second-content-mainRight {
    padding: 20px;
}

.productss-second-content .second-content-mainRight .mainRight-bottom-one {
    display: flex;
    flex-flow: row wrap;
    /*justify-content:space-between;*/
}

.productss-second-content .mainRight-top p {
    color: #3a3a3a;
    font: 16px 'Montserrat', sans-serif;
    margin: 0 0 60px;
}

.productss-second-content #search-Def {
    position: absolute;
    right: 20px;
    top: 20px;
    height: 39px;
    width: 238px;
    border: 1px solid #ddd;
    background-color: #fafafa;
    padding: 6px;
    color: #666666;
    font: 16px 'Montserrat', sans-serif;
}

.productss-second-content .mainRight-bottom ul {
    width: 766px;
    height: auto;
    margin-bottom: 30px;
}

.productss-second-content .mainRight-bottom ul li {
    display: inline-block;
    width: 234px;
    height: 308px;
    margin: 0 18px 0 0;
}

.productss-second-content .mainRight-bottom ul li img {
    width: 100%;
    height: auto;
}

.productss-second-content .mainRight-bottom p {
    color: #3a3a3a;
    font: 14px 'Montserrat', sans-serif;
    margin: 4px 0 6px;
}

.productss-second-content .mainRight-bottom h2 {
    font: 16px 'Montserrat', sans-serif;
    color: #444444;
}


.projects-banner {
    position: relative;
    width: 100%;
    background: url(/static/csun/o/csun/image/pic/380c933a-770b-4128-96eb-2eb4d4c376b1-1-f5d23d82bf8624d56c87198b13b3f750.jpg) no-repeat top center;
    background-size: cover;
    height: 418px;
}

.projects-banner .banner-desp {
    position: absolute;
    width: 100%;
    bottom: 110px;
    text-align: center;
    color: white;
}

.projects-banner .banner-desp h3 {
    font-weight: 400;
    font-size: 40px;
}

.projects-banner .banner-desp p {
    padding-top: 14px;
    font: 18px "Roboto", Sans-serif;
}

.projects-banner .banner-desp p a {
    color: #eb8d53;
}


.projects-second-content {
    width: 100%;
    padding: 100px 0;
}

.projects-second-content .second-content-main {
    overflow: hidden;
    width: 1048px;
    margin: 0 auto;
}

.projects-second-content .second-content-mainLeft2 {
    float: left;
    width: 528px;
    height: auto;
    padding: 10px;
}

.projects-second-content .second-content-mainLeft2 h2 {
    color: #000;
    font-size: 40px;
    font-weight: 400;
    margin: 80px 0 60px 0;
}

.projects-second-content .btn {
    max-width: 190px;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
    height: auto;
    padding: 12px 24px;
    border-radius: 1px;
    background-color: #eb8d53;
}

.projects-second-content .btn span {
    font-size: 16px;
    font-weight: 200;
    margin-right: 8px;
    color: #fff;
}

.projects-second-content .btn img {
    width: 6%;
    height: auto;
}

.projects-second-content .second-content-mainRight2 {
    float: left;
    width: 460px;
    padding: 20px;
}

.projects-second-content .second-content-mainRight2 img {
    width: 100%;
    height: auto;
}


.projects-third-contentPub {
    width: 100%;
    padding: 20px 0 0;
}

.projects-third-content .third-contentPub {
    width: 1048px;
    padding: 20px 0 20px;
    margin: auto;
}

.projects-third-content .third-contentMain1 {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    width: 1048px;
    margin: auto;
}

.projects-third-content .third-contentMain1 .third-contentMain-one {
    display: inline-block;
    width: 326px;
    height: 404px;
    padding: 10px;
}

.projects-third-content .third-contentMain1 img {
    width: 100%;
    height: auto;
}

.projects-third-content .third-contentMain1 h5 {
    color: #444444;
    font-size: 18px;
    font-weight: 400;
    margin: 10px 0 0 0;
    text-align: center;
}

.projects-third-content .third-contentMain1 h3 {
    font-size: 22px;
    color: #466c9e;
    font-weight: 400;
    margin-bottom: 10px;
    text-align: center;
}

.projects-third-content .third-contentMain1 p {
    color: #444444;
    font-weight: 200;
    font-size: 18px;
    text-align: center;
}


.projects-forth-content {
    height: 400px;
    width: 100%;
    background: url(/static/csun/o/csun/image/pic/half-cell-solar-module-d21a7016a94a094bdfa452980d74d8b6.jpg) no-repeat;
    background-size: cover;
    background-position-x: 100%;
    background-position-y: 0;
    margin: 60px 0 0 0;
    padding: 50px 0 0 0;
}

.projects-forth-content .forth-contentMain {
    width: 1008px;
    margin: auto;
    padding: 20px 0;
}

.little-width {
    width: 246px;
    height: auto;
}

.projects-forth-content .forth-contentMain h3 {


    line-height: 90px;
    text-align: center;
    font-size: 30px;
    color: #fff;
    background-color: #324383;
}

.projects-forth-content .forth-contentMain p {


    padding: 14px;
    line-height: 30px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    background-color: #324383;
    margin-bottom: 10px;
}

.projects-forth-content .forth-contentMain h2 {
    width: 988px;
    /*height: 40px;*/
    padding: 20px;
    font-size: 30px;
    font-weight: 200;
    color: #fff;
    background-color: #4b464687;
}

.projects-forth-content .forth-contentMain .more {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
    max-width: 140px;
    height: auto;
    padding: 16px;
    background-color: #eb8d53;
    border-radius: 2px;
}

.projects-forth-content .forth-contentMain .more a {
    font-size: 16px;
    color: #fff;
    font-weight: 200;
}

.Download-banner {
    position: relative;
    width: 100%;
    height: 418px;
    background: url(/static/csun/o/csun/image/pic/quality-control-0-c8d3b290f6896a451226eb9838698216.jpg) no-repeat top center;
    background-size: cover;
}

.Download-banner .Download-banner-trans {
    background-color: transparent;
    background-image: linear-gradient(180deg, #4b4646 5%, rgba(226, 226, 226, .5) 100%);
    opacity: 1;
    transition: 0.3s, 0.3s, 0.3s;
}

.Download-banner .banner-desp {
    position: absolute;
    width: 100%;
    bottom: 110px;
    text-align: center;
    color: white;
}

.Download-banner .banner-desp h3 {
    font-weight: 400;
    font-size: 40px;
}

.Download-banner .banner-desp p {
    padding-top: 14px;
    font: 18px "Roboto", Sans-serif;
}

.Download-banner .banner-desp p a {
    color: #eb8d53;
}


.Download-second-content {
    width: 100%;
    padding: 50px 0 0;
}

.Download-second-contentMaind {
    width: 1028px;
    padding: 10px;
    margin: auto;
}

.Download-second-contentMaind .title {
    font: 30px 'Montserrat', sans-serif;
    color: #fff;
    background-color: #466c9e;
    padding: 20px;
}

.Download-second-contentMaind .elementor {
    display: flex;
    flex-flow: row nowrap;
    /*position: relative;*/
    width: 1028px;
    height: auto;
    /*height: 524px;*/
    margin: 20px 0;
}

.Download-second-contentMaind .elementor-left {
    width: 314px;
    /*height: 424px;*/
}

.Download-second-contentMaind .elementor-right {
    /*position: absolute;*/
    /*top: 0;*/
    /*right: 0;*/
    /*width: 674px;*/
    /*height: 384px;*/
    padding-left: 20px;
}

.Download-second-contentMaind .elementor-right li {
    width: 670px;
    height: 28px;
    margin-bottom: 10px;
}

.Download-second-contentMaind li a {
    width: 296px;
    height: 28px;
    color: #54595f;
    font: 18px 'Montserrat', sans-serif;
    align-items: flex-start;
}

.Download-second-contentMaind li .list-text1 {
    position: relative;
    left: 30px;
    top: -25px;
}

.Download-second-contentMaind li .special-pic {
    margin-top: 30px;
}


.News-banner {
    position: relative;
    width: 100%;
    height: 418px;
    background: url(/static/csun/o/csun/image/pic/quality-control-0-c8d3b290f6896a451226eb9838698216.jpg) no-repeat top center;
    background-size: cover;
}

.News-banner .News-banner-trans {
    background-color: transparent;
    background-image: linear-gradient(180deg, #4b4646 5%, rgba(226, 226, 226, .5) 100%);
    opacity: 1;
    transition: 0.3s, 0.3s, 0.3s;
}

.News-banner .banner-desp {
    position: absolute;
    width: 100%;
    bottom: 110px;
    text-align: center;
    color: white;
}

.News-banner .banner-desp h3 {
    font-weight: 400;
    font-size: 40px;
}

.News-banner .banner-desp p {
    padding-top: 14px;
    font: 18px "Roboto", Sans-serif;
}

.News-banner .banner-desp p a {
    color: #eb8d53;
}


.News-second-content {
    width: 100%;
    padding: 50px 0 0;
}

.News-second-contentMaind {
    padding: 10px;
    margin: 0 auto;
}

.News-second-contentMaind .News-contentMaind-top2 {

    height: 52px;
    margin-bottom: 25px;
    text-align: center;
}

.News-second-contentMaind .News-contentMaind-top2 a {
    font: 16px 'Montserrat', sans-serif;
    padding: 6px 14px;
    margin: 0 4px 0 0;
    border: 0;
}

.news_type_span {
    color: #3a3a3a;
    background-color: #e4e4e4;
}

.news_type_is_span {
    color: #fff;
    background-color: #333333;

}

.item_pic {
    width: 100%;
    height: 100%;
    transition: all 0.3s;
}

.item_pic:hover {
    transform: scale(1.2);
}


.News-second-contentMaind .News-contentMaind-bottom2 {
    display: flex;
    position: relative;
}

.News-inner-wap2 {
    height: 400px;
    margin-bottom: 50px;
    background-color: #f6f6f6;
}

.News-inner-wapLeft {
    width: 380px;
    height: 304px;
    overflow: hidden;
}

.News-inner-wapRight {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 1;
    width: 56%;
    height: 280px;
    padding: 40px;
    margin-left: -20px;
    background-color: #fff;
    box-shadow: 0 1px 25px rgb(0 0 0.5%);
}

.News-titl-item a {
    font: 300 16px 'Montserrat', sans-serif;
    color: #b97a46;
    background-color: #e4e4e4;
    padding: 4px 10px;
}

.News-titlBig a {
    font: 300 25px/2 'Montserrat', sans-serif;
    color: #54595f;
    margin-bottom: 10px;
}

.News-inner-wapRight .News-cont {
    font: 300 16px/1.5 'Montserrat', sans-serif;
    color: #808285;
    margin-bottom: 10px;
}

.News-cont-date {
    margin-top: 20px;
}

.News-cont-date .context-date-day {
    font: 300 12px "Montserrat", Sans-serif;
    color: #adadad;
    padding-left: 4px;
}


.Contact-banner {
    position: relative;
    width: 100%;
    height: 418px;
    background: url(/static/csun/o/csun/image/pic/quality-control-0-c8d3b290f6896a451226eb9838698216.jpg) no-repeat top center;
    background-size: cover;
}

.Contact-banner .Contact-banner-trans {
    background-color: transparent;
    background-image: linear-gradient(180deg, #4b4646 5%, rgba(226, 226, 226, .5) 100%);
    opacity: 1;
    transition: 0.3s, 0.3s, 0.3s;
}

.Contact-banner .banner-desp {
    position: absolute;
    width: 100%;
    bottom: 110px;
    text-align: center;
    color: white;
}

.Contact-banner .banner-desp h3 {
    font-weight: 400;
    font-size: 40px;
}

.Contact-banner .banner-desp p {
    padding-top: 14px;
    font: 18px "Roboto", Sans-serif;
}

.Contact-banner .banner-desp p a {
    color: #eb8d53;
}


.Contact-second-content {
    width: 100%;
    padding: 40px 0;
}

.Contact-second-contentMaind {
    position: relative;
    width: 1028px;
    padding: 10px;
    margin: 0 auto;
}

.Contact-second-contentMaind-left {
    width: 374px;
    margin-right: 10px;
    padding: 40px;
}

.Contact-second-contentMaind-left h2 {
    color: #444444;
    font: 400 30px "Montserrat", Sans-serif;
}

.Contact-second-contentMaind-left h2 span {
    color: #eb8d53;
}

.Contact-second-contentMaind-left li {
    margin-bottom: 14px;
}

.Contact-second-contentMaind-left li a {
    color: #707070;
}

.Contact-contentMaind-leftMaket {
    font-weight: 700;
}

.Contact-contentMaind-left-icon {
    width: 5%;
    height: auto;
    margin-right: 6px;
}

.Contact-second-contentMaind-right {
    position: absolute;
    top: 10px;
    right: 0;
    width: 570px;
    margin-right: 10px;
    padding: 40px 0;
}

.Contact-second-contentMaind-right img {
    width: 100%;
    height: auto;
}

.Contact-address {
    height: 68px;
    margin-top: 30px;
}

.Contact-address img {
    width: 4%;
    height: auto;
}

.Contact-house-text {
    position: relative;
    left: 34px;
    bottom: 18px;
    color: #707070;
    font: 300 16px "Montserrat", Sans-serif;
}

.orange_span {
    color: #f98843 !important;
    border-top-color: #f98843 !important;
}


.Newsmain-banner4 {
    position: relative;
    width: 100%;
    height: 442px;
    background: url(/static/csun/o/csun/image/pic/about-us-0-5d16d9c68b11eec0f7f7170ae7d8ebec.jpg) no-repeat top center;
    background-size: cover;
}

.Newsmain-banner4 .News-banner-trans {
    background-color: transparent;
    background-image: linear-gradient(180deg, #4b4646 5%, rgba(226, 226, 226, .5) 100%);
    opacity: 1;
    transition: 0.3s, 0.3s, 0.3s;
}

.Newsmain-banner4 .banner-desp {
    position: absolute;
    width: 100%;
    bottom: 110px;
    text-align: center;
    color: white;
}

.Newsmain-banner4 .banner-desp h3 {
    font-weight: 200;
    font-size: 40px;
}

.Newsmain-banner4 .banner-desp p {
    padding-top: 14px;
    font: 18px "Roboto", Sans-serif;
}

.Newsmain-banner4 .banner-desp p a {
    color: #eb8d53;
}


.NewsMain-second-content {
    overflow: hidden;
    width: 100%;
    padding-bottom: 50px;
}

.NewsMain-secondPart {
    width: 1048px;
    margin: auto;
}

.NewsMain-secondPart-left {
    float: left;
    width: 690px;
    height: auto;
    min-height: 1180px;
    padding: 20px;
}

.NewsMain-secondPart-left h1 {
    color: #444444;
    font: 200 38px "Montserrat", Sans-serif;
    margin: 0;
    padding-bottom: 16px;
}

.NewsMain-secondPart-left .NewsMain-time {
    height: 21px;
    padding: 15px 0;
    border-style: dotted none;
    border-width: 1px;
    border-color: #444;
    margin-bottom: 20px;
}

.NewsMain-secondPart-left .NewsMain-time li {
    display: inline;
}

.NewsMain-secondPart-left .NewsMain-time img {
    width: 2%;
    height: auto;
    padding-right: 6px;
}

.NewsMain-secondPart-left .NewsMain-time li .text3 {
    color: #54595f;
    font: 13px "Montserrat Alternates", Sans-serif;
    padding-right: 10px;
}

.NewsMain-container p {
    color: #444444;
    font: 300 16px/1.5 "Montserrat", Sans-serif;
    margin: 0 0 10px;
}

.NewsMain-left-icon {
    display: flex;
    flex-flow: row nowrap;
}

.NewsMain-left-iconFacebook {
    display: flex;
    flex-flow: row nowrap;
    margin-right: 10px;
}

.NewsMain-iconp {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    background-color: #3b5998;
}

.NewsMain-iconp img {
    width: 46%;
    height: auto;
}

.NewsMain-text {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font: 16px "Montserrat", Sans-serif;
    height: 46px;
    padding-right: 16px;
    background-color: #3b5998;
}

.NewsMain-left-iconGoogle {
    display: flex;
    margin-right: 10px;
}

#NewsMain-left-icongoogle2 {
    background-color: #dd4b39;
}

#NewsMain-left-icongoogle3 {
    background-color: #dd4b39;
}

.NewsMain-left-iconTwitter {
    display: flex;
    margin-right: 10px;
}

#NewsMain-left-iconTwitter2 {
    background-color: #1da1f2;
}

#NewsMain-left-iconTwitter3 {
    background-color: #1da1f2;
}

.NewsMain-left-iconlinkedin {
    display: flex;

}

#NewsMain-left-iconlinkedin2 {
    background-color: #0077b5;
}

#NewsMain-left-iconlinkedin3 {
    background-color: #0077b5;
}


.NewsMain-title-last {
    color: #aaa;
    font: 300 22px "Montserrat", Sans-serif;;
    text-align: right;
}


.NewsMain-secondPartright {
    float: right;
    width: 278px;
    padding: 20px;
}

.NewsMain-secondPartright-title {
    font: 400 25px "Montserrat", Sans-serif;
    color: #466c9e;
    margin: 0;
    padding-bottom: 20px;
}

.NewsMain-secondPartright-content {
    background-color: #f6f6f6;
    padding: 2px 0 20px 0;
}

.NewsMain-secondPartright img {
    width: 275px;
    height: 220px;
    padding-bottom: 14px;
}

.NewsMain-secondPartright h3 {
    padding-bottom: 6px;
}

.NewsMain-secondPartright h3 a {
    color: #54595f;
    font: 18px/2 "Montserrat", Sans-serif;
}

.NewsMain-secondPartright p {
    color: #54595f;
    font: 16px/1.5 "Montserrat", Sans-serif;
    padding-bottom: 30px;
}

.NewsMain-secondPartright-Read_More {
    width: 132px;
    padding: 10px;
    background-color: #eb8d53;
}

.NewsMain-secondPartright-Read_More a {
    font: 16px "Montserrat", Sans-serif;
    color: #fff;
}


.product-second-content {
    overflow: hidden;
    width: 100%;
    height: 710px;
    margin-bottom: 26px;
    padding-top: 98px;
}

.product-second-content-main {
    width: 1048px;
    margin: auto;
    padding: 40px 60px 20px;
}

.product-content-mainLeft {
    float: left;
    width: 50%;
    height: 652px;
    box-shadow: 0.3px 0.3px 20px #dcdcdc;
}

.product-content-mainLeft-top {
    position: relative;
    width: 100%;
    height: auto;
}

.product-gallery {
    position: absolute;
    top: .5em;
    right: .5em;
    font-size: 2em;
    z-index: 9;
    width: 36px;
    background: #fff;
    text-indent: -9999px;
    border-radius: 100%;
    box-sizing: content-box;
    backface-visibility: hidden;
}

.product-gallery :before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border: 2px solid #000;
    border-radius: 100%;
    position: absolute;
    top: 9px;
    left: 9px;
    box-sizing: content-box;
}

.product-gallery :after {
    content: "";
    display: block;
    width: 2px;
    height: 8px;
    background: #000;
    border-radius: 6px;
    position: absolute;
    top: 19px;
    left: 22px;
    transform: rotate(-45deg);
    box-sizing: content-box;
}

.product-otherpic {
    position: relative;
    top: 0;
    width: 100%;
}

.product-otherpic ul li {
    width: 110px;
    height: auto;
    margin-top: 10px;
    margin-right: 10px;
    float: left;
}

.product-otherpic ul .special4 img {
    cursor: pointer;
    opacity: .5;
    margin: 0;

}

.product-content-mainRight {
    float: right;
    width: 348px;
    height: 492px;
    padding: 80px;
    box-shadow: 0.3px 0.3px 20px #dcdcdc;
}

.product-content-mainRight-item {
    display: flex;
    justify-items: center;
    align-items: flex-start;
    flex-flow: column wrap;
    margin-bottom: 20px;
}


.product-content-mainRight .nav, .product-content-mainRight .nav a {
    color: #777;
    font: 300 14px 'Montserrat', sans-serif;
}

.product-content-mainRight h2 {
    color: #444444;
    font: 30px 'Montserrat', sans-serif;
    margin: 20px 0 20px;
}

.product-content-mainRight-item.two-button {
    display: flex;
    align-items: flex-end;
}

.product-request {
    padding: 10px 15px;
    background-color: #b97a46;
    margin-top: 100px;
}

.product-request a {
    font: 300 16px 'Montserrat', sans-serif;
    color: #fff;
}

.product-download {
    margin-left: 10px;
    padding: 10px 15px;
    background-color: #b97a46;
    color: #fff;
    font: 300 16px 'Montserrat', sans-serif;
}

.product-third-content {
    width: 100%;
    /*height: 3100px;*/
}

.product-third-content-main {
    width: 948px;
    /*height: 3000px;*/
    margin: 0 auto;
    padding: 50px;
    box-shadow: 0.3px 0.3px 20px #dcdcdc;
}

.product-third-content-mainTop {
    background-color: #466c9e;
    /*height: 52px;*/
    padding: 10px;
    margin-bottom: 20px;
}

.product-third-content-mainTop h2 {
    color: #fff;
    font: 300 26px 'Montserrat', sans-serif;
    text-align: center;
    line-height: 52px;
    margin: 0;
}

/*.product-blank {*/
/*    !*height: 24px;*!*/
/*    margin: 12px 0;*/
/*}*/


.product-forth-content {
    width: 100%;
    /*height: 658px;*/
    margin-top: 26px;
    margin-bottom: 26px;
}

.product-forth-content-main {
    width: 948px;
    margin: 0 auto;
    padding: 50px;
    box-shadow: 0.3px 0.3px 20px #dcdcdc;
}

.product-forth-content-mainBottom ul {
    padding: 0 50px;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

.product-forth-content-mainBottom .related-list {
    display: inline-block;
    width: 240px;
    margin: 0 0 35px;
    padding: 0 10px;
}

.product-forth-content-mainBottom .contentMain {
    margin: 10px 0 0;
    padding: 14px 18px;
}

.product-forth-content-mainBottom .contentMain p {
    color: #4444;
    font: 14px 'Montserrat', sans-serif;
    margin-bottom: 6px;
}

.product-forth-content-mainBottom .contentMain h2 {
    color: #4444;
    font: 300 16px 'Montserrat', sans-serif;
    margin: 16px 0;
}

.product-forth-content-mainBottom .contentMain .star {
    margin-bottom: 16px;
}

.product-forth-content-mainBottom .contentMain .btn {
    background-color: #b97a46;
    padding: 10px 40px;
    border-radius: 2px;
}

.product-forth-content-mainBottom .contentMain .btn a {
    color: #ffffff;
    font: 300 16px 'Montserrat', sans-serif;
}


.product-fifth-content {
    width: 100%;
    height: 566px;
}

.product-fifth-content-main {
    width: 948px;
    margin: 0 auto;
    padding: 50px;
    box-shadow: 0.3px 0.3px 20px #dcdcdc;
}

.product-wpforms {
    position: relative;
    width: 948px;
}

.product-wpforms-name, .product-wpforms-company {
    width: 50%;
    height: 38px;
    padding: 10px 0;
}

.product-wpforms-name-oneone {
    display: block;
    width: 90%;
    height: 26px;
    padding: 6px 10px;
    border: 1px solid #ccc;
    border-radius: 2px;
    line-height: 1.3;
    color: #ddd;
    font: 16px 'Montserrat', sans-serif;
    background-color: #fff;
}

.product-wpformse-mail {
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 38px;
    padding: 10px 0;
}

#product-wpforms-mail-one {
    margin-left: 10px;
}

#product-wpforms-mail2-one {
    margin-left: 10px;
}

.product-wpforms-phone {
    position: absolute;
    right: 0;
    top: 58px;
    width: 50%;
    height: 38px;
    padding: 10px 0;
}

.product-wpforms-message {
    width: 100%;
    height: 70px;
    padding: 10px 0;
}

.product-wpforms-message-oneone {
    width: 96%;
    height: 62px;
    padding: 6px 10px;
    border: 1px solid #ccc;
    border-radius: 2px;
    font: 16px 'Montserrat', sans-serif;
    background-color: #fff;
    color: #ddd;
}

.product-btn-two {
    padding: 10px 15px;
    background-color: #eeeeee;
    font: 300 16px 'Montserrat', sans-serif;
    text-align: center;
    color: #5e5e5e;
    border: 1px solid #ccc;
}

.pre_next {
    display: flex;
    flex-flow: row nowrap;
    width: 100%;
    height: 50px;
}

.pre_a {
    width: 50%;
    height: auto;
    text-decoration: none;
}

.pre {
    display: flex;
    align-self: flex-start;
    width: 100%;
    height: 100%;
    position: relative;
}


.pre_span {
    font-size: 21px;
    font-family: Roboto, sans-serif;
    color: #AAAAAA;
    height: auto;
}


.next_span {
    display: flex;
    flex-flow: row-reverse;
    justify-self: flex-end;
    align-self: flex-end;
    font-size: 21px;
    font-family: Roboto, sans-serif;
    color: #AAAAAA;
    height: auto;
}

.pre_next_item_title {
    overflow: hidden;
    position: absolute;
    text-overflow: ellipsis;
    width: calc(100% - 40px);
    white-space: nowrap;
    height: auto;
    color: #54595F;
    font-size: 12px;
    font-family: Montserrat, sans-serif;
}

.next_a {
    width: 50%;
    height: auto;
    text-decoration: none;
}

.next {
    display: flex;
    align-self: flex-end;

    flex-flow: row nowrap;
    width: 100%;
    height: auto;
    position: relative;
}


.next_wrap {

    width: calc(100% - 40px);
    height: auto;
}

.recent_news_wrap {
    width: 275px;
    height: auto;
}

.recent_news {
    margin-top: 20px;
    width: 100%;
    height: auto;
    background-color: #f6f6f6;
}

.recent_news_pic {
    width: 100%;
    height: 220px;
}


.recent_news_title {
    font-weight: 400;
    font-family: Montserrat, sans-serif;
    font-size: 25px;
    color: #466c9e;
}

.recent_news_item_title {
    color: #54595F;
    font-size: 18px;
    font-family: Montserrat, sans-serif;
    font-weight: 400;
}

.recent_news_introduction {
    margin-top: 10px;
    color: #3A3A3A;
    font-size: 16px;
    font-weight: 400;
    font-family: Montserrat Alternates, sans-serif;
}

.recent_news_button {
    margin-top: 20px;
    background-color: #eb8d53;
    color: #FFFFFF;
    text-align: center;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    width: 130px;
    height: 35px;
    border: none;
}


.Request-fifth-content {
    width: 100%;
    height: 600px;
}

.Request-fifth-content-main {
    width: 560px;
    height: 438px;
    margin: 0 auto;
    padding: 40px;

}

.Request-content-mainTop {
    height: 52px;
    margin-bottom: 20px;
}

.Request-content-mainTop h2 {
    color: #444;
    font: 300 40px 'Montserrat', sans-serif;
    text-align: center;
    line-height: 52px;
    margin: auto;
}

.Request-wpforms {
    position: relative;
    width: 556px;
    height: 260px;
}

.Request-wpforms-name, .Request-wpforms-company {
    width: 50%;
    height: 45px;
    margin: 0 0 14px;
    padding: 10px 0;
}

.Request-wpforms-name-oneone {
    display: block;
    width: 90%;
    height: 26px;
    padding: 6px 10px;
    border: 1px solid #ccc;
    border-radius: 2px;
    line-height: 1.3;
    color: #ddd;
    font: 16px 'Montserrat Alternates', Sans-serif;
    background-color: #fff;
}

.Request-wpformse-mail {
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 38px;
    padding: 10px 0;
}

#Request-wpforms-mail-one {
    margin-left: 10px;
}

#Request-wpforms-mail2-one {
    margin-left: 10px;
}

.Request-wpforms-phone {
    position: absolute;
    right: 0;
    top: 58px;
    width: 50%;
    height: 38px;
    padding: 31px 0;
}

.Request-wpforms-message {
    width: 100%;
    height: 70px;
    padding: 10px 0;
}

.Request-wpforms-message-oneone {
    width: 97%;
    height: 62px;
    padding: 6px 10px;
    border: 1px solid #ccc;
    border-radius: 2px;
    font: 16px 'Montserrat Alternates', Sans-serif;
    background-color: #fff;
    color: #ddd;
}

.Request-btn {
    width: 100%;
    height: 52px;
}

.Request-btn-two {
    padding: 10px 40px;
    background-color: #b97a46;
    font: 300 16px 'Montserrat', sans-serif;
    text-align: center;
    color: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin: 30px 0 0 216px;

}

.footer-wrap input {
    color: #fff;
}


.sidebar {
    position: fixed;
    left: 0;
    top: 300px;
    padding: 0;
    margin: 0;
    z-index: 9999;
}

.sidebarMain {
    display: block;
    padding: 8px 10px;
    overflow: hidden;
    font-size: 24px;
}

.w {
    display: block;
    width: 32px;
    margin: 0;
    padding: 16px 16px;
    cursor: pointer;
    text-align: center;
    overflow: hidden;

}

.sidebar-facebook {
    background: #3b5998;
    transition: width .15s;
}

.sidebar-twitter {
    background: #1da1f2;
    transition: width .15s;
}

.sidebar-linkedin-in {
    background: #0077b5;
    transition: width .15s;
}


.little-icon {
    position: absolute;
    left: 62px;
    bottom: -6px;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    border: 6px solid transparent;
    border-right-color: #fff;
    opacity: 0;
!important;
}

.sidebarMain:hover .little-icon {
    opacity: 1;
!important;
}

.w:hover {
    width: 46px;
}

/*productDescription 部分*/
.productDescription {

    width: 100%;
    /*padding-top: 20px;*/
    background-color: #466c9e;
}

.productDescription-content {
    height: 1400px;
    background: url(/static/csun/o/csun/image/pic/pro-des-bc-07a5d3c6843284382f0aaf39fb6454a1.jpg) no-repeat top center;
}

.productDescription-left {
    position: relative;
}

.productDescription-left .title {
    color: #fff;
    position: absolute;
    top: 130px;
    left: 20px;
}

.productDescription-left h2, p {
    font: 400 30px "Montserrat", Sans-serif;
}

.productDescription-left p {
    font-weight: 200;
}

.article-content {
    margin: 80px 0 0 20px;
}

.productDescription-left .article {
    width: 340px;
    font: 100 10px/1.5 "Montserrat", Sans-serif;
}

.productDescription-left .new-linear {
    margin: 154px 0 0 36px;
}

.productDescription-left .new-linear p {
    font: 100 10px "Montserrat", Sans-serif;
}

.productDescription-left .new-linear span {
    font-size: 16px;
}

.productDescription-right {
    position: relative;
}

.productDescription-right .title {
    position: absolute;
    top: 180px;
    left: 460px;

}

.productDescription-right .title h2 {
    padding-left: 10px;
    font: 300 60px "Montserrat", Sans-serif;
    color: #3d3a39;
}

.productDescription-right .title p {
    padding: 12px 0 0 30px;
    font: 200 16px "Montserrat", Sans-serif;
    color: #fff;
}

.productDescription-right .title .product-type {
    margin: 16px 0 4px 0;
    font: 300 18px "Montserrat", Sans-serif;
    color: #3d3a39;
}

.productDescription-right .title .product-type-CSUN li {
    display: inline-block;
    padding-right: 120px;
    color: #3d3a39;
    font: 300 24px/1.5 "Montserrat", Sans-serif;
}

.productDescription-right .title .product-type-CSUN-items {
    position: relative;
}

.productDescription-right .title .product-type-CSUN-items .product-type-CSUN-items-left {
    position: absolute;
    top: 48px;
    left: 0;
}

.productDescription-right .title .product-type-CSUN-items .product-type-CSUN-items-left dl dt {
    font: 40px "Montserrat", Sans-serif;
    color: #70adc2;
    margin-top: 12px;
}

.productDescription-right .title .product-type-CSUN-items .product-type-CSUN-items-left dl dd {
    font: 14px "Montserrat", Sans-serif;
    color: #345ba0;
}


.productDescription-right .title .product-type-CSUN-items .product-type-CSUN-items-right {
    position: absolute;
    top: 17px;
    right: 14px;
}


<!--
productDescription反面-- >
.productDescription-bc-content {

    height: 1400px;
    background: url(/static/csun/o/csun/image/pic/pro-des-bc2-82faa2aaab6d134e7b39f63f3758be2b.jpg) no-repeat top center;
}