@charset "utf-8";




video::-webkit-media-controls-fullscreen-button {display: none;}
video::-webkit-media-controls-play-button {display: none;}
video::-webkit-media-controls-timeline {display: none;}
video::-webkit-media-controls-current-time-display {display: none;}
video::-webkit-media-controls-time-remaining-display {display: none;}
video::-webkit-media-controls-mute-button {display: none;}
video::-webkit-media-controls-toggle-closed-captions-button {display: none;}
video::-webkit-media-controls-enclosure {display: none;}
video::-webkit-media-controls-volume-slider {display: none;}

/*banner*/

.banner .swiper-pagination-bullet{width: 15px;height: 15px;background: white;}


/*submit*/
.hot{background: url(../images/hot_bg.png);}
.hot span{font-weight: bold;margin-right: 10px;line-height: 50px;}
.hot a{margin-right: 10px;line-height: 50px;}
.pro_sou{padding: 15px 40px;}
.pro_sou .pull-right{position: relative;}
.pro_sou .pull-right input{padding: 7px 15px;width: 270px;font-size: 14px;color: #888;}
.pro_sou .pull-right button{position: absolute;right: 0;top: 0;background: transparent;padding: 7px 15px;border: none;border-left: 1px solid #d3d3d3;}
.pro_sou input:focus {outline: none;border-color: #f0f0f0;box-shadow: none;border-radius: 2px;}


/*常见标题ys*/
.universal{text-align: center;}
.universal p{font-size: 32px;text-align: center;font-weight: bold;padding-top: 35px;text-transform: uppercase;color: #cccccc;}
.universal h2{text-align: center;font-size: 32px;margin-bottom: 30px;}
.universal i{display: inline-block;vertical-align: middle;width: 230px;height: 3px;}
.universal i:first-child{background: url(../images/g1.png) no-repeat right center;}
.universal i:nth-child(3){background: url(../images/g2.png) no-repeat left center;}
.universal a{display: inline-block;vertical-align: middle;padding: 0 15px;color: #333;cursor: pointer;font-weight: bold;}
.universal span{display: block;font-size: 18px;margin-bottom: 35px;}
/*godds*/

.g_left .gtit{padding: 0 13px 13px 13px;background: #1F3059;margin: 0px 20px;}
.g_left h3{padding: 30px 0 15px;text-align: center;font-size: 27px;background: #1F3059;color: white;font-weight: bold;}
.g_left span{display: block;font-size: 12px;text-transform: uppercase;}
.g_left .gin{background: #fff;padding: 12px;border-radius: 5px;}
.g_left .gin li{line-height: 44px;font-size: 18px;background: #1F3059;color: #fff;text-indent: 12px;border-radius: 5px;margin-bottom: 10px;cursor: pointer;}
.g_left .gin li a{color:white;}
.g_left .gin .Check{border: 1px solid #1F3059;color:#1F3059;background: transparent;text-align: center;cursor: pointer;}
.g_left .gin .Check a{color:#1F3059;}
.g_right h3 a:first-child{color: #333;font-weight: bold;}
.g_right h3 em{font-size: 14px;color: #999999;margin-left: 15px;text-transform: uppercase;}
.g_right h3 a:nth-child(3){font-size: 13px;line-height: 55px;color: #666;cursor: pointer;}
.g_right .list{margin: 8px 0px;}
.g_right .list a{position: relative;overflow: hidden;display: inline-block;}
.g_right .list a img{display: inline-block;vertical-align: middle;transition: .5s linear 0s;width: auto;height: auto;max-height: 100%;max-width: 100%;margin-left: 0px;transform: scale(1);}
.g_right .list p{position: absolute;bottom: 0;width: 100%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;background: rgba(60, 60, 60, 0.6);-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;line-height: 44px;}
.g_right .list p span{color:white;margin: 0px 10px;}
.g_right .list:hover p{background: #8D8D8Dc4;}
.g_right .list:hover img{transform: scale(1.1);}


/*promise*/
.promise{background:#8D8D8D;}
.promise .pleft{position: relative;height: 265px;}
.pleft .plimg{position: absolute;bottom:0;}
.pleft .ptit{position: absolute;right: 0;margin-top: 30px;}
.pleft .ptit p:nth-child(3){line-height: 42px;text-align: center;font-size: 20px;color: #4b440d;background: #FAC029;border-radius: 25px;box-shadow: 3px 3px 10px #555555;margin-bottom: 10px;padding: 0px 10px;}
.pleft .ptit .ptitb{padding-left: 55px;height: 50px;background: url(../images/p3.png) no-repeat left center;color: #fff;}
.pleft .ptit .ptitb p:first-child{font-size: 14px;height: 20px;line-height: 20px;}
.pleft .ptit .ptitb p:nth-child(2){font-size: 28px;font-weight: bold;height: 30px;line-height: 30px;margin: 0;}
.pleft .ptit p:nth-child(2){color: white;margin: 5px 0px;}
.pleft .ptit p:nth-child(2) span{margin-right: 10px;}


/*advantage*/
.advantage{background: url(../images/abg.jpg) no-repeat center top;}
.advantage .universal h2{margin-bottom: 5px;}
.advantage .universal p:nth-child(3){background: url(../images/atit.png) no-repeat center;text-align: center;color: #fff;font-size: 20px;padding-top: 0px;}
.atit{position: relative;margin-top: 80px;}
.atit span{display: block;width: 49px;height: 69px;border: 3px solid #bfbfbf;position: absolute;left: 0;top: 0;}
.atit span i{display: block;width: 28px;padding-top: 30px;margin: 0 auto;font-size: 22px;border-bottom: 3px solid #bfbfbf;font-weight: bold;}
.atit p:nth-child(2){font-size: 22px;font-weight: bold;color: #333;margin-left: 60px;}
.atit p:nth-child(3){font-size: 16px;text-transform: uppercase;color: #bfbfbf;margin-left: 60px;}
.atit em{display: block;width: 127px;height: 3px;background: #8D8D8D;margin-top: 8px;margin-left: 60px;}
.alist li{font-size: 16px;color: #333;margin-bottom: 15px;line-height: 24px;background: url(../images/ali.png) no-repeat left center;padding-left: 22px;}
.alist li b{color: black;}


/*Process*/
.Process{background:#8D8D8D;padding: 10px 0px 80px;}
.Process .universal p{color: #555555;}
.Process .universal a,.Process .universal a:hover{color: #fff;}
.Process .universal i:first-child{background: url(../images/g3.png) no-repeat right center;}
.Process .universal i:nth-child(3){background: url(../images/g4.png) no-repeat right center;}
.Process .prolist ul li{text-align: center;color: #fff;}
.Process .prolist ul li span{display: block;}
.Process .probg{background: url(../images/pcbg.png) no-repeat center 240px;}

/*example*/
.example{padding: 0px 0px 50px;}
.example .universal h2{margin-bottom: 5px;}
.example .universal span{color: #666;}
.examplelist .list{padding-bottom: 20px;}
.examplelist .list .exaimg{display: block;overflow: hidden;}
.examplelist .list .exaimg img{display: inline-block;vertical-align: middle;transition: .5s linear 0s;width: auto;height: auto;max-height: 100%;max-width: 100%;margin-left: 0px;transform: scale(1);}
.examplelist .list p{color: #333;font-size: 18px;font-weight: bold;text-align: center;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.examplelist .list span{font-size: 14px;line-height: 24px;overflow: hidden;color: #666;}
.examplelist .exabottom{position: relative;border: 1px solid #999999;padding: 15px 0px 45px;border-top: none;}
.examplelist .exatit{margin: 0px 20px;}
.examplelist .exabottom .check{position: absolute;background: #7b7b7b;padding: 5px 30px;left: 32.5%;bottom: -15px;color: white;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.examplelist .list:hover .exaimg img{transform: scale(1.1);}
.examplelist .list:hover .exabottom .check{background: #8D8D8D;}
.examplelist .example-next{right: 0;}
.examplelist .example-prev{left:0;}


/*factory*/
.factory{text-align: center;padding: 0rem 0 5rem;}
/*ourselves*/
.ourselves{background: url(../images/ourselves.jpg) no-repeat center center;background-attachment: fixed;background-size: cover;height: 510px;position: relative;}
.ourselves:before{content: "";display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(2,2,9,0.35);-webkit-transform-style: preserve-3d;transform-style: preserve-3d;}
.ourselves .listbox{z-index: 999;position: relative;}
.ourselves h2{font-weight: bold;color: white;font-size: 48px;padding: 5.5rem 0 5rem;line-height: 1.4;}
.ourselves .titbox span{font-size: 48px;line-height: 1.5;color: white;padding-bottom: 1.5rem;display: block;}
.ourselves .titbox p{line-height: 1.45;font-size: 24px;color: white;}


/*firm*/
.firm{background: url(../images/fbg.png);}
.firm .about{position: relative;padding: 15px 25px;background: white;}
.firm .about h3{color: #333;font-weight: bold;font-size: 25px;}
.firm .about h3 span{display: block;width: 14px;height: 25px;position: absolute;left: 0;top: 25px;background: url(../images/f1.png) no-repeat center;}
.firm .about .check{line-height: 35px;background: #8D8D8D;border-radius: 5px;font-size: 14px;color: #fff;padding: 8px 25px;}
.firm .about p{color: #333;font-size: 14px;}

/*stmap*/
.stmap{padding-bottom: 4rem;}
.stmap .about-shu{width:100%;margin-top:55px;position:relative}
.stmap .about-shu ul{display: inline-block;width: 100%;}
.stmap .about-shu ul li{float:left;width:33%;text-align:center}
.stmap .about-shu ul li h2 span{font-size:50px;color:#e6212a;display:inline-block;position:relative;font-weight: bold;line-height: 1;}
.stmap .about-shu ul li p{font-size:16px;color:black;margin-top:5px}
.stmap .about-shu a{display:block;width:145px;height:45px;background:#ffd200;font-size:14px;color:#000;line-height:45px;text-align:center;transition:all ease-in-out 0.3s;position:absolute;right:0;top:65px}
.stmap .about-shu a:hover{background:#2F59AF;color:#fff;transition:all ease-in-out 0.3s}
.stmap .about-shu ul li:nth-child(1) span:after{position:absolute;content:'年';right:-20px;bottom:0;font-size:16px;color: black;font-weight: 500;}
.stmap .about-shu ul li:nth-child(2) span:after{position:absolute;content:'㎡';right:-27px;bottom:0px;font-size:16px;color: black;font-weight: 500;}
.stmap .about-shu ul li:nth-child(3) span:after{position:absolute;content:'余家';right:-27px;bottom:0px;font-size:16px;color: black;font-weight: 500;}
.stmap .about-shu ul li:nth-child(1),.stmap .about-shu ul li:nth-child(2){border-right: 2px solid #ccc;}

/*news*/
.news .ntop ul{border: 3px solid #8D8D8D;background: #fff;margin-bottom: 30px;}
.news .ntop ul li{float: left;width: 50%;color: #222;height: 55px;line-height: 55px;position: relative;text-align: center;font-size: 18px;}
.news .ntop ul li a i{text-transform: uppercase;font-size: 14px;font-style: normal;}
.news .ntop ul .cur{background: #8D8D8D;color: #fff;}

.news .newstop{margin-bottom: 15px;line-height: 60px;position: relative;text-align: center;font-size: 18px;background: #8D8D8D;color: #fff;}
.news .newstop i{text-transform: uppercase;font-size: 14px;font-style: normal;}
.news .check{line-height: 35px;background: #8D8D8D;border-radius: 5px;font-size: 14px;color: #fff;padding: 8px 25px;}
.news #con_news1 p,.news #con_news2 p{color: #333;font-size: 16px;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight: bold;}
.news #con_news1 span,.news #con_news2 span{color: #666;font-size: 14px;display: block;margin-bottom: 10px;}
#con_news1 ul,#con_news2 ul{margin-top: 30px;}
#con_news1 ul li,#con_news2 ul li{border-bottom: 1px dashed #d0d0d0;padding-left: 20px;font-size: 14px;background: url(../images/nli.png) no-repeat left center;margin: 0;}
#con_news1 ul li a,#con_news2 ul li a{float: left;width: 70%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #333;}
#con_news1 ul li  span,#con_news2 ul li  span{float: right;color: #666;width: 25%;}


.news .nlist{margin-bottom: 35px;}
.news .nlist a{line-height: 35px;border-radius: 5px;font-size: 14px;color: #8D8D8D;padding: 8px 25px;border: 1px solid #8D8D8D;margin: 0px .5rem;}
.news .nlist a:hover{background: #8D8D8D;color: white;}
.news .universal h2{margin-bottom: 35px;}
.news .n1img{display: block;border: 1px solid #8D8D8D;}


#FontScroll{height: 400px;line-height: 30px;overflow: Hidden;padding: 0;margin: 0 auto;margin-top: 20px;}
#FontScroll li a{overflow: hidden;display: block;padding: 10px 0px;}
#FontScroll li a p:first-child{padding-left: 30px;font-weight: bold;font-size: 16px;background: url(../images/nq.png) no-repeat left center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;}
#FontScroll li a p:nth-child(2){margin-top: 13px;overflow: auto;background: url(../images/na.png) no-repeat left top;padding-bottom: 15px;border-bottom: 1px dashed #e7e7e7;}
#FontScroll li a p:nth-child(2) span{color: #868686;line-height: 20px;margin-left: 30px;text-align: justify;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;font-size: 14px;}
#FontScroll{padding-left: 10px}




.pright{background: #555555;}
.pright h4{color: white;margin-top: 10px;}
.pright h4 span{display: block;}
.indexsubmit input{background: #FAC029;border: 1px solid #FAC029;}










@media (max-width: 767px) {
    /*shouye*/
    .universal i{width: 95px;}
    .universal a{font-size: 22px;}
    .universal h2{margin-bottom: 10px;}
    .universal p{font-size: 20px;line-height: .3;}

    /**/
    .promise .pleft{height:auto;overflow: hidden;padding-bottom: 15px;}
    .pleft .plimg{width: 40%;float: left;position: inherit;}
    .pleft .ptit{width: 60%;float: right;position: inherit;margin-top: 10px;}
    .pleft .ptit p:first-child{border-bottom: 2px solid #555;padding-top: .61rem;padding-bottom: 5px;}
    .pleft .ptit p:nth-child(2) span{display: block;font-size: 12px;}
    .promise .mpromise{width: 100%;position: absolute;bottom: 5px;font-size: 15px;background: #fde200;border-radius: 25px;box-shadow: 3px 3px 10px #00803a;line-height: 2;padding: 0px 10px;}

    /**/
    #con_news1 ul li, #con_news2 ul li{background:none;}
    #con_news1 ul li a, #con_news2 ul li a{width: 75%;}
    .news #con_news1 span, .news #con_news2 span{font-size: 12px;}

    .advantage .universal i{width: 65px;}
    .advantage .universal p{font-size: 16px;}

    .examplelist .exabottom .check{left:110px;}
    .atit{margin-top: 30px;}
    .atit p:nth-child(2){font-size: 18px;}
    .atit p:nth-child(3){font-size: 12px;}
    .g_right .list p{line-height: 30px;}
    .g_right .list p span{font-size: 12px;}

    .alist{margin-top: 10px;}
    .news .ntop ul li{line-height: 40px;height:auto;font-size: 15px;}
    
    .ourselves{background: url(../images/ourselves1.jpg) no-repeat center center;height: 195px;}
    .ourselves h2{padding: 1rem 0;font-size: 25px;}
    .ourselves .titbox span{font-size: 20px;padding-bottom: .5rem;}
    .ourselves .titbox p{font-size: 14px;}

    .example{padding: 0 0 25px;}

    .stmap{padding-bottom: 2rem;}
    .stmap .about-shu{margin-top: 35px;}
    .stmap .about-shu .container{padding: 0;}
    .stmap .about-shu ul li h2{margin-bottom: 0;}
    .stmap .about-shu ul li h2 span{font-size: 30px;}
    .stmap .about-shu ul li:nth-child(1) span:after,.stmap .about-shu ul li:nth-child(2) span:after,.stmap .about-shu ul li:nth-child(3) span:after{font-size:12px;right: -15px;}
    .stmap .about-shu ul li p{font-size: 14px;margin-top: 0;}

    .firm .about{background: transparent;}

    .news .nlist{margin-bottom: 0;}
    .news .universal h2{margin-bottom: 15px;}
    #con_news1 ul{margin-top: 15px;}
    .news .nlist a{padding: 5px 20px;line-height: 25px;margin: 0px 0.2rem;font-size: 13px;}

}
@media (min-width: 980px) {
    header{position: absolute;z-index: 999;width: 100%;top: 0;}
    header .navbar,header .collapse .navlib{background: none;}
}