@font-face {
    /*字体名称*/
    font-family: 'Roboto-Medium';   /*字体名称*/
    src: url('../fonts/Roboto-Medium.ttf');       /*字体源文件*/
}
@font-face {
    /*字体名称*/
    font-family: 'Roboto-Regular';   /*字体名称*/
    src: url('../fonts/Roboto-Regular.ttf');       /*字体源文件*/
}
@font-face {
    /*字体名称*/
    font-family: 'Roboto-Bold';   /*字体名称*/
    src: url('../fonts/Roboto-Bold.ttf');       /*字体源文件*/
}
@font-face {
    /*字体名称*/
    font-family: 'Aperto-SemiBold';   /*字体名称*/
    src: url('../fonts/Aperto-SemiBold.otf');       /*字体源文件*/
}

html,body{font-size: 15px;color: #333;font-family: 'Aperto-SemiBold';text-shadow: 0 0 #333;}
body,a,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,tr,th,td{margin:0;padding:0;-webkit-text-size-adjust:none;list-style: none;word-wrap:break-word;}
a{text-decoration : none;color: #333;-webkit-tap-highlight-color: transparent; outline: none;}
img{vertical-align:bottom}
.main{width: 1200px;margin: 0px auto;}
input,textarea,button{color: #696969;font-family: 'Roboto-Medium';outline:none;text-shadow: 0 0 #696969;letter-spacing: 1px;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#696969;text-shadow: 0 0 #696969;}
input::-moz-placeholder,textarea::-moz-placeholder{/* Mozilla Firefox 19+ */color:#696969;text-shadow: 0 0 #696969;}
input:-moz-placeholder,textarea:-moz-placeholder{/* Mozilla Firefox 4 to 18 */color:#696969;text-shadow: 0 0 #696969;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{/* Internet Explorer 10-11 */ color:#696969;text-shadow: 0 0 #696969;}

header .logo{text-align: center;padding: 16px 0px 5px 0px;}
header a{color: #000000;font-size: 15px;}
header .nav{display: flex;justify-content: space-between;}
header .nav li{position: relative;padding: 0px 65px;white-space: nowrap;-webkit-transition: all 200ms ease;-moz-transition: all 200ms ease;-ms-transition: all 200ms ease;-o-transition: all 200ms ease;transition: all 200ms ease;}
header .nav li>a{line-height: 40px;border-bottom: 4px #fff solid;display: block;margin-top: 20px;}
header .nav li:hover>a{border-color: #000000;}
header .nav li .menu-son{position: absolute;z-index: 2;background-color: #fff;left: 0px;right: 0px;width: 170px;padding: 8px 0px;margin: 0px auto;visibility: hidden;opacity: 0;-webkit-transition: all 200ms ease;-moz-transition: all 200ms ease;-ms-transition: all 200ms ease;-o-transition: all 200ms ease;transition: all 200ms ease;}
header .nav li .menu-son>a{line-height: 25px;display: block;color: #323232;text-align: center;border-bottom: 1px #ccc solid;margin: 8px 15px 0px;}
header .nav li .menu-son>a:last-child{border: none;}
header .nav li:hover .menu-son{visibility: visible;opacity: 1;}

.index_banner .swiper-slide{position: relative;left: 0px;right: 0px;top: 0px;bottom: 0px;}
.index_banner img{width: 100%;}
.index_banner .index_banner_1{position: absolute;right: 18%;bottom: 17%;color: #fff;width: 440px;}
.index_banner .index_banner_1 .title{font-family: 'Aperto-SemiBold';text-transform: uppercase;text-shadow: 2px 2px 2px #464646;line-height: 26px;margin-bottom: 10px}
.index_banner .index_banner_1 .title span:first-child{font-size: 50px;}
.index_banner .index_banner_1 .title span:last-child{font-size: 30px;}
.index_banner .index_banner_1 .text{font-family: 'Aperto-SemiBold';line-height: 20px;}
.index_banner .index_banner_1 .more{font-family: 'Roboto-Medium'; width: 135px;line-height: 40px;background-color: #fff;color: #000;border-radius: 3px;text-align: center;margin-top: 27px;-webkit-transition: all 200ms ease;-moz-transition: all 200ms ease;-ms-transition: all 200ms ease;-o-transition: all 200ms ease;transition: all 200ms ease;}
.index_banner .index_banner_1 .more:hover{color: #fff;background-color: #9a171d;}
.index_banner .index_banner_1 a{color: #fff;}

.index_banner .swiper-button-prev{left: 40px;color: #fff;opacity: 0;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;}
.index_banner .swiper-button-next{right: 40px;color: #fff;opacity: 0;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;}
.index_banner{position: relative;overflow: hidden;}
.index_banner img{width: 100%;}
.index_banner .gallery-thumbs img{width: 100%;height: 100%;}
.index_banner .gallery-thumbs{position: absolute;bottom: 30px;left: 0px;right: 0px;opacity: 0;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;}
.index_banner .gallery-thumbs .swiper-wrapper{justify-content: center;}
.index_banner .gallery-thumbs .swiper-slide{width: 135px;height: 70px;border: 3px #fff solid;border-radius: 4px;}
.index_banner:hover .swiper-button-prev{opacity: 1;}
.index_banner:hover .swiper-button-next{opacity: 1;}
.index_banner:hover .gallery-thumbs{opacity: 1;}

.index_1{background-image: url(../images/index_1_2.jpg);padding: 100px 0px;}
.index_1 .main{display: flex;border-top: 3px #000000 solid;padding: 100px 0px;}
.index_1 .index_1_l .title{font-size: 65px;line-height: 70px;margin-right: 60px;text-transform: uppercase;}
.index_1 .index_1_l .content{font-size: 16px;font-family: 'Aperto-SemiBold';padding-right: 50px;line-height: 30px;padding-top: 20px;}
.index_1 .we{width: 1200px;margin: 0px auto;border-top: 0px;display: flex;justify-content: space-between;}
.index_1 .we .we_1{width: 438px;height: 4px;background-color: #000000;}
.index_1 .we .we_2{width: 700px;height: 4px;background-color: #000000;}

.index_2{display: flex;}
.index_2 .list{width: 33.333333333%;position: relative;}
.index_2 .list>img{width: 100%;}
.index_2 .list .content{position: absolute;left: 0px;right: 0px;top: 0px;bottom: 0px; background-color: rgba(0,0,0,0.6);color: #fff;text-align: center;opacity: 1;-webkit-transition: all 200ms ease;-moz-transition: all 200ms ease;-ms-transition: all 200ms ease;-o-transition: all 200ms ease;transition: all 200ms ease;}
.index_2 .list .content .title{font-size: 80px;margin-top: 57%;}
.index_2 .list .content img{margin: 30px 0px;}
.index_2 .list .content .text{width: 362px;font-family: 'Roboto-Medium';margin: 0px auto;line-height: 20px;text-shadow: 1px 2px rgb(0 0 0 / 80%);}
.index_2 .list:hover .content{background-color: rgb(0 0 0 / 20%);}

.index_3{position: relative;}
.index_3 .content{position: absolute;top: 50%;left: 0px;right: 0px;margin: -100px auto;width: 500px;text-align: center;}
.index_3 .content .title{font-size: 50px;text-shadow: 0px 0px 10px #000;color: #fff;}
.index_3 .content .title span{text-transform: uppercase;}
.index_3 .content .text{font-family: 'Roboto-Medium';font-size: 15px;color: #fff;line-height: 20px;margin-top: 15px;}
.index_3 .content .more{font-family: 'Roboto-Medium';width: 130px;line-height: 40px;margin: 0px auto; background-color: #fff;color: #000;text-align: center;margin-top: 26px;border-radius: 3px;-webkit-transition: all 200ms ease;-moz-transition: all 200ms ease;-ms-transition: all 200ms ease;-o-transition: all 200ms ease;transition: all 200ms ease;}
.index_3 .content .more:hover{color: #fff;background-color: #9a171d;}
.index_3 .bj{position: absolute;top: 0px;bottom: 0px;left: 0px;right: 0px;background-color: rgb(0,0,0,0.6);opacity: 1;-webkit-transition: all 200ms ease;-moz-transition: all 200ms ease;-ms-transition: all 200ms ease;-o-transition: all 200ms ease;transition: all 200ms ease;}
.index_3:hover .bj{opacity: 0;}


footer{background-color: #202020;padding: 50px 0px;letter-spacing: 1px;text-shadow: 0 0 #969696;}
footer .main{display: flex;justify-content: space-between;}
footer .f_1_1{font-size: 30px;text-transform: uppercase;color: #fff;}
footer .f_1_2{width: 112px;height: 2px;background-color: #fff;margin: 20px 0px 22px;}
footer .f_1_3{color: #fff;line-height: 24px;padding: 7px 0px;width: 300px;display: flex;}
footer .f_1_3 img{margin-right: 15px;width: 24px;height: 24px;position: relative;top: -3px;}
footer .f_2_1{color: #ababab;text-transform: uppercase;margin-bottom: 12px;}
footer .f_2_1:first-child{margin-top: 5px;}
footer .f_2_2{margin-top: 30px;position: relative;}
footer .f_2_2 .ma{position: absolute;width: 100px;left: -36px;bottom: 25px;display: none;-webkit-transition: all 200ms ease;-moz-transition: all 200ms ease;-ms-transition: all 200ms ease;-o-transition: all 200ms ease;transition: all 200ms ease}
footer .f_2_2 .ma img{width: 100%;border-radius: 3px;}
footer .f_2_2 a:hover .ma{display: block;}
footer .f_2_2 a{padding-right: 24px;}
footer .list:last-child{width: 265px;}
footer .list:last-child input{width: 100%;line-height: 30px;height: 30px;background-color: rgba(0,0,0,0);border: none;border-bottom: 1px #fff solid;text-transform: uppercase;margin-bottom: 8px;color: #fff;}
footer .list:last-child textarea{width: 100%;line-height:40px;background-color: rgba(0,0,0,0);border: none;border-bottom: 1px #fff solid;text-transform: uppercase;color: #fff;}
footer .list:last-child button{font-family: 'Roboto-Medium';width: 100%;line-height: 28px;background-color: #fff;color: #000;cursor:pointer;margin-top: 8px;border: none;border-radius: 5px;-webkit-transition: all 200ms ease;-moz-transition: all 200ms ease;-ms-transition: all 200ms ease;-o-transition: all 200ms ease;transition: all 200ms ease;}
footer .list:last-child button:hover{color: #fff;background-color: #9a171d;}
footer .list:last-child .verification{position: relative;}
footer .list:last-child .codeimg{position: absolute;right: 0px;top: -4px;}


.cp{border-top: 1px #dcdcdc solid;}
.cp_nav{font-size: 30px;line-height: 110px;margin-top: 25px;border-bottom: 1px #ccc solid;}
.cp_content{overflow: hidden;padding-top: 30px;}
.cp_content .cp_list{float: left;width: 265px;margin: 15px 46px 15px 0px;-webkit-transition: all 200ms ease;-moz-transition: all 200ms ease;-ms-transition: all 200ms ease;-o-transition: all 200ms ease;transition: all 200ms ease;}
.cp_content .cp_list:nth-child(4n+4){margin-right: 0px;}
.cp_content .cp_list .cp_img{width: 265px;height: 265px;}
.cp_content .cp_list .cp_img img{width: 100%;height: 100%;}
.cp_content .cp_list .color{display: flex;justify-content: space-between;line-height: 16px;padding: 15px 0px;border-bottom: 1px #ccc solid;}
.cp_content .cp_list .color1{display: flex;width: 200px;overflow: hidden;}
.cp_content .cp_list .color .color_1_1{border: 1px #ccc solid;border-radius: 100%;margin-right: 10px;}
.cp_content .cp_list .color .color_1_2{width: 10px;height: 10px;border-radius: 100%;margin: 2px;color: #202020;}
.cp_content .cp_list .cp_title{display: flex;justify-content: space-between;line-height: 20px;padding: 10px 0px;font-family: 'Roboto-Medium';}
.cp_content .cp_list .cp_title .cp_title_1{color: #202020;}
.cp_content .cp_list .cp_title .cp_title_2{color: #fff;background-color: #202020;padding: 0px 8px;font-size: 10px;border-radius: 3px;font-family: 'Roboto-Medium';}
.view_more{background-color: #d8d8d8;color: #fff;width: 130px;line-height: 35px;text-align: center;border-radius: 5px;margin: 0px auto;overflow: hidden;font-family: 'Roboto-Medium';}
.cp_content .cp_list:hover .cp_title .cp_title_2{color: #fff;background-color: #9a171d;}
.layui-flow-more{clear: both;padding: 45px 0px;}

.coll_banner .swiper-button-prev{left: 40px;color: #fff;}
.coll_banner .swiper-button-next{right: 40px;color: #fff;}
.coll_banner{position: relative;}
.coll_banner img{width: 100%;}
.coll_banner .gallery-thumbs img{width: 100%;height: 100%;}
.coll_banner .gallery-thumbs{position: absolute;bottom: 30px;left: 0px;right: 0px;}
.coll_banner .gallery-thumbs .swiper-wrapper{justify-content: center;}
.coll_banner .gallery-thumbs .swiper-slide{width: 135px;height: 70px;border: 3px #fff solid;border-radius: 4px;}

.coll_1{display: flex;justify-content: space-between;margin: 76px 100px;padding-bottom: 30px;border-bottom: 1px #ccc solid;}
.coll_1 .title_1{font-size: 30px;}
.coll_1 .title_2{color: #ccc;}
.coll_1 .coll_1_r{width: 130px;height: 40px;line-height: 47px;background-color: #000000;color: #fff;text-align: center;border-radius: 5px;position: relative;padding-left: 15px;}
.coll_2 .information{font-size: 30px;line-height: 80px;border-bottom: 1px #ccc solid;margin-bottom: 30px;}
.coll_2 .information_1{font-family: 'Roboto-Medium';line-height: 22px;border-bottom: 1px #ccc solid;padding-bottom: 30px;}
.coll_3 .drawing{font-size: 30px;line-height: 110px;}
.coll_4 .drawing{font-size: 30px;border-top: 1px #ccc solid;margin-top: 30px;padding-top: 40px;}
.coll_1 .coll_1_r img{position: absolute;top: 15px;left: 44px;}
.coll_1 .coll_1_r:hover{color: #fff;background-color: #9a171d;}

.coll_5{position: relative;}
.coll_5 .swiper-slide{text-align: center;}
.coll_5 .swiper-slide img{width: 80%;height: 80%;margin-top: 10%;opacity: 0.8;}
.coll_5 .swiper-slide-active img{width: 100%;height: 100%;margin-top: 0px;opacity: 1;}
.coll_5 .title{font-size: 30px;}
.coll_5 .more{width: 130px;line-height: 40px;height: 40px;margin: 0px auto;background-color: #000;color: #fff;border-radius: 5px;margin-top: 10px;margin-bottom: 150px;}
.coll_5 .swiper-slide .title{opacity: 0;}
.coll_5 .swiper-slide .more{opacity: 0;}
.coll_5 .swiper-slide .more:hover{color: #fff;background-color: #9a171d;}
.coll_5 .swiper-slide-active .title{opacity: 1;}
.coll_5 .swiper-slide-active .more{opacity: 1;font-family: 'Roboto-Medium';}
.coll_5 .swiper-slide-prev{text-align: left;}
.coll_5 .swiper-slide-next{text-align: right;}
.coll_5 .swiper-button-next{color: #74777B;right: -60px;top: 34%;}
.coll_5 .swiper-button-prev{color: #74777B;left: -60px;top: 34%;}

.gs_1{position: relative;}
.gs_1 .gs_content{position: absolute;left: 0px;right: 0px;top: 0px;bottom: 0px;color: #fff;top: 50%;margin-top: -170px;}
.gs_1 .bj{position: absolute;left: 0px;right: 0px;top: 0px;bottom: 0px;background-color: rgba(0,0,0,0.5);opacity: 1;-webkit-transition: all 200ms ease;-moz-transition: all 200ms ease;-ms-transition: all 200ms ease;-o-transition: all 200ms ease;transition: all 200ms ease;}
.gs_1 .title{font-size: 65px;text-align: center;margin-top: 60px;line-height: 50px;}
.gs_1_hang{width: 100px;display: flex;justify-content: space-between;margin: 20px auto;}
.gs_1_hang .gs_1_hang_l{width: 70px;height: 3px;background-color: #fff;}
.gs_1_hang .gs_1_hang_r{width: 20px;height: 3px;background-color: #fff;}
.gs_1 .content{text-align: center;padding: 10px 0px 30px;line-height: 24px;font-family: 'Roboto-Medium';width: 760px;margin: 0px auto;}
.gs_1 .gs_nav{display: flex;justify-content: space-around;width: 660px;margin: 0px auto;border: 1px #fff solid;margin-bottom: 70px;}
.gs_1 .gs_nav .list{width: 220px;line-height: 50px;text-align: center;border-right: 1px #fff solid;font-size: 20px;font-family: 'Roboto-Medium';}
.gs_1 .gs_nav .list:last-child{border: none;}
.gs_1:hover .bj{opacity: 0;}

.gs_2{position: relative;}
.gs_2 .bj{position: absolute;left: 0px;right: 0px;top: 0px;bottom: 0px;background-color: rgba(0,0,0,0.5);opacity: 1;-webkit-transition: all 200ms ease;-moz-transition: all 200ms ease;-ms-transition: all 200ms ease;-o-transition: all 200ms ease;transition: all 200ms ease;}
.gs_2 .gs_2_content{position: absolute;left: 19%;bottom: 90px;width: 550px;color: #fff;}
.gs_2 .gs_2_content .title{font-size: 45px;}
.gs_2 .gs_2_content .hang{width: 100px;background-color: #fff;height: 2px;margin: 20px 0px;}
.gs_2:hover .bj{opacity: 0;}


.gs_6{margin-top: 20px;position: relative;}
.gs_6 .content{position: absolute;width: 420px;color: #fff;top: 50%;margin-top: -140px;left: 0px;right: 0px;text-align: center;}
.gs_6 .content .gs_6_1{line-height: 20px;margin-top: 30px;}
.gs_6 .content .contact_us{width: 132px;line-height: 38px;background-color: #fff;border-radius: 5px;margin: 0px auto;margin-top: 30px;-webkit-transition: all 200ms ease;-moz-transition: all 200ms ease;-ms-transition: all 200ms ease;-o-transition: all 200ms ease;transition: all 200ms ease;}
.gs_6 .content .contact_us:hover{color: #fff;background-color: #9a171d;}

.map{text-align: center;padding: 20px;border: 1px #ccc solid; border-radius: 5px;height: 470px;margin: 70px auto;}

.biaodan{margin:45px 100px 88px;border-top: 1px #ccc solid;padding-top: 20px;}
.biaodan .title{font-size: 45px;line-height: 130px;text-transform: uppercase;text-align: center;}
.biaodan .input{display: flex;justify-content: space-between;margin-bottom: 40px;}
.biaodan .input input{width: 44%;line-height: 26px;border: 1px #000 solid;font-size: 16px;color: #000;padding:10px 20px;text-transform: uppercase;}
.biaodan textarea{width: calc(100% - 44px);border: 1px #000 solid;height: 300px;font-size: 16px;color: #ccc;padding: 20px;text-transform: uppercase;margin-bottom: 40px;}
.biaodan .buut{display: flex;justify-content: space-between;}
.biaodan button{width: 250px;line-height: 55px;height: 55px;border: none;font-size: 19px;background-color: #000;color: #fff;text-align: center;text-transform: uppercase;border-radius: 5px;-webkit-transition: all 200ms ease;-moz-transition: all 200ms ease;-ms-transition: all 200ms ease;-o-transition: all 200ms ease;transition: all 200ms ease;}
.biaodan .right{line-height: 60px;font-size: 20px;}
.biaodan .right span:first-child{color: #cbcbcb;text-transform: uppercase;}
.biaodan button:hover{color: #fff;background-color: #9a171d;}
.biaodan input,.biaodan textarea{color: #000;font-family: 'Roboto-Medium';outline:none;}
.biaodan input::-webkit-input-placeholder,.biaodan textarea::-webkit-input-placeholder{color:#cbcbcb;}
.biaodan input::-moz-placeholder,.biaodan textarea::-moz-placeholder{/* Mozilla Firefox 19+ */color:#cbcbcb;}
.biaodan input:-moz-placeholder,.biaodan textarea:-moz-placeholder{/* Mozilla Firefox 4 to 18 */color:#cbcbcb;}
.biaodan input:-ms-input-placeholder,.biaodan textarea:-ms-input-placeholder{/* Internet Explorer 10-11 */ color:#cbcbcb;}
.biaodan .left{display: flex;justify-content: space-between;}
.biaodan .left .verification{position: relative;}
.biaodan .left .verification input{border: 1px #ccc solid;line-height: 30px;margin-top: 10px;width: 250px;margin-left: 10px;padding-left: 20px;}
.biaodan .left .verification .codeimg{position: absolute;right: 0px;top: 10px;}

.news_1 .list{padding: 20px;display: flex;justify-content: space-between;background-color: #f2f2f2;border-radius: 5px;margin-top: 30px;-webkit-transition: all 200ms ease;-moz-transition: all 200ms ease;-ms-transition: all 200ms ease;-o-transition: all 200ms ease;transition: all 200ms ease;}
.news_1 .list img{width: 255px;height: 185px;}
.news_1 .list .content{width: calc(100% - 280px);height: 185px;}
.news_1 .list .title{font-size: 30px;margin-top: 25px;line-height: 38px;height: 38px;overflow: hidden;}
.news_1 .list .text{font-family: 'Aperto-SemiBold';margin-top: 15px;line-height: 20px;height: 40px;overflow: hidden;}
.news_1 .list .time{font-family: 'Aperto-SemiBold';color: #b90c0c;margin-top: 20px;    line-height: 18px;height: 18px;overflow: hidden;width: 90px;}
.news_1 .list:hover{box-shadow: 0px 0px 10px #ccc;}
.news_more{background-color: #000;color: #fff;width: 130px;line-height: 38px;text-align: center;margin: 50px auto 90px;border-radius: 2px;-webkit-transition: all 200ms ease;-moz-transition: all 200ms ease;-ms-transition: all 200ms ease;-o-transition: all 200ms ease;transition: all 200ms ease;}
.news_more:hover{color: #fff;background-color: #9a171d;}

.news_c h1{text-align: center;margin-top: 50px;}
.news_c .time{text-align: center;color: #8e8e8e;margin-top: 20px;}
.news_c .content{padding: 50px 0px;min-height: 200px;}
.news_c .content table,.news_c .content img {max-width: 100%;}
.news_c .content p,.news_c .content span{word-wrap: break-word;}
.cp_content .layui-flow-more a cite{font-family: 'Roboto-Medium';background-color: #1b1b1b;color: #fff;width: 130px;line-height: 35px;text-align: center;border-radius: 5px;-webkit-transition: all 200ms ease;-moz-transition: all 200ms ease;-ms-transition: all 200ms ease;-o-transition: all 200ms ease;transition: all 200ms ease;}
.news_1 .layui-flow-more a cite{display: block; background-color: #000;color: #fff;width: 130px;line-height: 38px;text-align: center;margin: 50px auto 90px;border-radius: 2px;-webkit-transition: all 200ms ease;-moz-transition: all 200ms ease;-ms-transition: all 200ms ease;-o-transition: all 200ms ease;transition: all 200ms ease;}
.cp_content .layui-flow-more a cite:hover{color: #fff;background-color: #9a171d;}
.news_1 .layui-flow-more a cite:hover{color: #fff;background-color: #9a171d;}

.login{text-align: center;background-color: #f5f8fd;padding: 70px 0px;}
.login .login_1{font-size: 30px;}
.login .login_2{width: 400px;height: 1px;background-color: #d8e3f0;margin: 30px auto;}
.login .login_3{width: 400px;height: 1px;background-color: #d8e3f0;margin: 30px auto;}
.login .login_3 span{padding: 0px 15px;position: relative;top: -8px;background-color: #f5f8fd;}
.login input{width: 360px;display: block;margin: 30px auto;border: 1px #d8e3f0 solid;box-shadow: 0px 0px 6px #c9cdd2 inset;line-height: 60px;font-size: 18px;padding: 0px 20px;border-radius: 2px;}
.login input::-webkit-input-placeholder{color:#e7e7e7;}
.login input::-moz-placeholder{/* Mozilla Firefox 19+ */color:#e7e7e7;}
.login input:-moz-placeholder{/* Mozilla Firefox 4 to 18 */color:#e7e7e7;}
.login input:-ms-input-placeholder{/* Internet Explorer 10-11 */ color:#e7e7e7;}
.login button{background-color: #000;text-align: center;line-height: 60px;width: 400px;font-size: 20px;border: none;border-radius: 5px;color: #fff;}
.login button:hover{color: #fff;background-color: #9a171d;}

.login .yzm{position: relative;width: 400px;margin: 0px auto;}
.login .yzm input{font-size: 16px;line-height: 36px;}
.login .yzm #codeimg{position: absolute;right: 0px;top: 3px;}

.mt-100{
    margin-top: 100px;
}

.h-265{
    height: 265px;
}

.pr-20{
    padding-right: 20px;
}

.mt-20{
    margin-top: 20px;
}

.font-15{
    font-size: 15px;
}

.font-20{
    font-size: 20px;
}

.company p{
    color: #FFF;
}
.company .adv-title{
    font-size: 35px;
    text-transform: uppercase;
    padding: 20px 0 5px 0;
}

.company .adv-content{
    font-size: 16px;
    padding: 0 20px 0 20px;
}

/*自定义swiper按钮样式*/
.swiper-button-prev:after{
    display: none;
}

.swiper-button-next:after{
    display: none;
}

.prev-button{
    position: absolute;
    width: 50px;
    height: 50px;
    background: url('../images/prev-button.png');
}

.prev-button:hover{
    background: url('../images/prev-button-active.png');
}

.next-button{
    position: absolute;
    width: 50px;
    height: 50px;
    background: url('../images/next-button.png');
}

.next-button:hover{
    background: url('../images/next-button-active.png');
}
/*自定义swiper按钮样式*/

.company-header{
    color: #FFF;
    background: url('/images/company-header.jpg');
    background-repeat: no-repeat;
    background-size: 100%;
}

.company-title{
    font-size: 60px;
}

.company-content{
    font-size: 15px;
    line-height: 2.4;
}

.company-header .main{
    /* display: flex; */
    height: 670px;
    width: 1500px;
}
.company-header-main-son{
    /* display: flex; */
    width: 50%;
    height: 100px;
    float: left;
    margin-top: 100px
}

.adv{
    margin-top: 0;
    background: url('/images/company-adv.jpg');
    background-repeat: no-repeat
}

.adv .main{
    padding-top: 100px;
    padding-bottom: 100px;
}

.adv .title{
    margin-top: 0;
}

.process{
    min-height: 590px;
    margin-top:0;
    background: url('/images/company-process.jpg');
    background-repeat: no-repeat
}

.process .main{
    padding-top: 100px;
    width: 1600px;
}

.process .main .title{
    margin-bottom: 55px;
    margin-top: 0;
}

.process-swiper-outer{
    position: relative;
    padding-left: 150px;
    padding-right: 150px
}

.certificate{
    height: 665px;
    margin-top: 0;
    background: url("/images/company-certificate.jpg");
    background-repeat: no-repeat;
}

.certificate .main{
    padding-top: 100px;
    width: 1600px
}

.certificate .main .title{
    margin-top: 0;
    margin-bottom: 55px;
}

.certificate-swiper-outer{
    position: relative;
    padding-left: 150px;
    padding-right: 150px
}

.hall{
    min-height: 825px;
    margin-top: 0;
    background-repeat:no-repeat;
    background: url("/images/company-hall.jpg");
}

.hall .main .title{
    margin-top: 0;
    color: #FFF;
    margin-bottom: 55px;
}

.hall .main{
    padding-top: 100px;
    width: 1330px;
}

.hall .main-img-box{
    height: 510px;
}

.hall .main-img-box img{
    height: 100%;
    width: 100%;
}

.hall .son-img-box{
    height: 245px;
    width: 100%;
}

.hall .son-img-box img{
    height: 100%;
    width: 100%;
}

#SliderSwiper{
    width: 70%;
    left: 10%;
}

#sliderSwiperImg{
    width: 615px;
    height: 480px;
}

#sliderSwiperImg2{
    width: 285px;
    height: 285px
}
#sliderSwiperImg3{
    width: 285px;
    height: 365px;
}
/* 按钮切换 */
.btn-container{
    width: 100%;
    height: 225px;
    background-color: #151515;
    padding-top:40px;
    padding-bottom:50px;
    text-align: center;
    cursor:pointer;
    color:white;
}
.welcome{
    display: block;
    font-size:30px;
    font-weight: 300;
}
.see{
    display: block;
    font-size:40px;
    font-weight: 400;
}
.see-flex{
    display: flex;
    justify-content: space-between;
}
.see-btn{
    width: 350px;
    height: 88px;
    margin-top:20px;
    border: 2px #333333 solid;
    line-height: 95px;
    font-size: 20px;
    border-radius: 3px;
    background-color: #000000;
    transition: all 0.2s linear 0s;
}
.see-btn:hover{
    background-color: #333333;
}
.see-flex a{
    color:white;
}
.factory-btn-active{
    pointer-events:none;
    background-color: #333333;
}
/* 计数器 */
.count-container{
    width: 100%;
    height: 395px;
    background-color: #333333;
}
.row{
    margin-left: 5px;
    margin-right: -250px;

}
.factory-main{
    width: 1200px;
    margin-left:auto;  
    margin-right:auto;  
}
.factory-main .row{
    display: flex;
    flex-wrap: wrap;
}
.factory-main .col-4{
    width: 33.33%;
    margin-top: 75px;
    float: left;
}
.factory-icon1{background: url(../images/factory-icon1.png) no-repeat;}
.factory-icon2{background: url(../images/factory-icon2.png) no-repeat;}
.factory-icon3{background: url(../images/factory-icon3.png) no-repeat;background-size: 86px auto;background-position:0 3px;}
.factory-icon4{background: url(../images/factory-icon4.png) no-repeat;}
.factory-icon5{background: url(../images/factory-icon5.png) no-repeat;}
.factory-icon6{background: url(../images/factory-icon6.png) no-repeat;background-position:15px 4px;}
.font-grid{
    font-weight: 500;
    font-size: 50px;
    padding: 0 0 0px 100px;
    color: white;
    font-family: "Roboto";
    src: url('../fonts/Roboto-Medium.ttf');       /*字体源文件*/
}
.font-grid .text {
    font-weight: 400;
    font-size: 17px;
}
/* 工艺流程标题 */
.process-title-container{
    width: 100%;
    height: 140px;
    background-color: #151515;
    text-align: center;
}
.process-title-container .title{
    display: block;
    color: white;
    font-size:65px;
    font-weight: 300;
    line-height: 160px;
}
/* 工艺流程内容 */
.process-content-container{
    width: 100%;
    height: 500px;
    background-color: #202020;
}
.process-content-main{
    width: 82%;
    height: 100%;
    float: left;
    overflow: hidden;
}
.process-content-main .image{
    width: 62%;
    height: 100%;
    float: left;
}
.process-content-main .image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.process-content-main .content{
    width: 33%;
    float: left;
    color: white;
    padding: 6% 0 0 4.5%;
    overflow: hidden;
}
.padding-left{
    padding: 6% 4.5% 0 0!important;
}
.process-content-main .content .title{
    display: block;
    font-size:50px;
    font-weight: 300;
}
.process-content-main .content .describe{
    display: block;
    font-size:20px;
    font-weight: 300;
    line-height: 30px;
}
.process-right{
    float:right!important;
}
/* company product */
.process-bg-color{
    background-color: #333333!important;
}
.process-margin{
    margin-top:50px;
    margin-bottom:50px;
}
.process-hr{
    width: 100%;
    height: 50px;;
    background-color: #151515;
}
.process-content-main .company-product-content{
    width: 33%;
    float: left;
    color: white;
    padding: 2.5% 0 2% 4.5%;
}
.process-content-main .company-product-content .title{
    display: block;
    font-size:30px;
    font-weight: 300;
}
.process-content-main .company-product-content .subtitle{
    display: block;
    font-size:50px;
    font-weight: 300;
}
.process-content-main .company-product-content .describe{
    display: block;
    font-size:20px;
    font-weight: 300;
    line-height: 36px;
}
.process-content-main .company-product-content ul{
    margin-top:25px;
}
.process-content-main .company-product-content li{
    font-size:20px;
}
.process-content-main .company-product-content .red{
    font-size:30px;
    color:#de1010;
}
.process-content-main .company-product-content .red::before {
     content: '';
     border: 1px solid white;
     background-color: white;
     display: inline-block;
     width: 3px;
     height: 3px;
     border-radius: 50%;
     margin-right: 12px;
}
.process-content-main .company-product-content .next-row{
    margin-left:18px;
}
.factory-btn{
    width: 137px;
    height: 42px;
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    line-height: 50px;
    color: #333333;
    border-radius: 3px;
    background-color: #ffffff;
    cursor:pointer;
}
.factory-btn:hover{-webkit-transition: all 200ms ease;-moz-transition: all 200ms ease;-ms-transition: all 200ms ease;-o-transition: all 200ms ease;transition: all 200ms ease;color: #fff;background-color: #9a171d;}
/* order */
.product-order-container{
    width: 100%;
    height: 800px;
    background: url(../images/factory-content3.png) no-repeat;
    /* background-size: 100% 100%; */
    background-size:cover;
}
.order-main {
    width: 1000px;
    padding: 21% 0 0 45.5%;
    color: white;
}
.company-product-content .text1{
    display: block;
    font-size: 20px;
    font-weight: 400;
}
.company-product-content .text2{
    display: block;
    font-size: 50px;
    font-weight: 400;
}
.company-product-content .text3{
    display: block;
    margin-top:3%;
    margin-bottom:2%;
    font-size: 30px;
    font-weight: 300;
}
.company-product-content p{
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
}
.content-img-wow-1{position: relative; width: 100%; height: 0; overflow: hidden; margin-top: 122px;}
.content-img-wow-1 img{position: absolute; width: 100%; height: 100%; display: block; top: 0; left: 0; opacity: 1 !important;}
.contact-us-padding-bottom{padding-bottom: 43.6%;}
.contact-us-msg-padding-bottom{padding-bottom: 66.2%;}
@media (max-width: 1500px) {
    .process-content-main .company-product-content .subtitle {
        display: block;
        font-size:35px;
        font-weight: 300;
    }
    .company-product-content .text3 {
        display: block;
        margin-top: 3%;
        margin-bottom: 2%;
        font-size: 20px;
        font-weight: 300;
    }
    .company-product-content p {
        font-size: 18px;
        font-weight: 400;
        line-height: 30px;
    }
  }