@charset "utf-8";


/*banner*/

.banner .swiper-pagination-bullet{width: 60px;height: 8px;border-radius: 0%;background: white;}
.banner .swiper-pagination-bullet-active{background:#FCB026;}

/*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;}







.gdtopl h5{border-bottom: 1px solid #e1e1e1;line-height: 46px;overflow: hidden;position: relative;width: 100%;}
.gdtopl h5:before{content: "";position: absolute;width: 10px;height: 1px;background-color: #000000;bottom: 0px;transition: all 0.66s cubic-bezier(0.17,0.84,0.44,1);}
.gdtopl .list:hover h5:before{width: 100%;}
.gdtopl .list p{color: #999999;font-size: 14px;margin-top: 10px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}

/*常见标题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: #FCB026;margin: 0px 20px;}
.g_left h3{padding: 30px 0 15px;text-align: center;font-size: 27px;background: #FCB026;color: #272d31;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: #FCB026;color: #272d31;text-indent: 12px;border-radius: 5px;margin-bottom: 10px;}
.g_left .gin li a{color:#272d31;display: block;line-height: 44px;}
.g_left .gin .Check{border: 1px solid #272d31;color: #272d31;background: transparent;text-align: center;margin: 0;}
.g_left .gin .Check a{color: #272d31;}
.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: #fcb026ad;}
.g_right .list:hover img{transform: scale(1.1);}


/*promise*/
.promise{background: #FCB026;}
.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: white;background: #272d31;border-radius: 25px;box-shadow: 3px 3px 10px #6F4803;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;color: #272d31;}
.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: #272d31;margin: 5px 0px;}
.pleft .ptit p:nth-child(2) span{margin-right: 10px;}
/*factory*/
.factory{padding: 35px 0px 80px;}
.factory .universal h2{margin-bottom: 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: #272d31;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: #272d31;}


/*Process*/
.Process{background:#FCB026;padding: 10px 0px 80px;}
.Process .universal p{color: #272d31;}
.Process .universal a{color:#272d31;}
.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: #272d31;}
.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: #FCB026;}
.examplelist .example-next{right: 0;}
.examplelist .example-prev{left:0;}

/*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: #272d31;border-radius: 5px;font-size: 14px;color: #fff;padding: 8px 25px;}
.firm .about p{color: #333;font-size: 14px;}





/*news*/
.news .ntop ul{border: 3px solid #272d31;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;cursor: pointer;}
.news .ntop ul li a i{text-transform: uppercase;font-size: 14px;font-style: normal;}
.news .ntop ul .cur{background: #272d31;color: #fff;}

.news .newstop{margin-bottom: 15px;line-height: 60px;position: relative;text-align: center;font-size: 18px;background: #272d31;color: #fff;}
.news .newstop i{text-transform: uppercase;font-size: 14px;font-style: normal;}
.news .check{line-height: 35px;background: #272d31;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%;}



#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: #EC9B09;}
.pright h4{color: white;margin-top: 10px;color: #272d31;}
.pright h4 span{display: block;}
.indexsubmit input{background: #272d31;border: 1px solid #272d31;color: white;}





/*配件产品*/
.contdwbox .list{text-align: center;}
.contdwbox .list a{display: block;overflow: hidden;}
.contdwbox .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);}
.contdwbox .list a:hover img{transform: scale(1.1);}

/*工厂*/
#factoryb{margin: 100px auto 0;}
#factoryb .swiper-slide{width: 600px;height: 450px;}
#factoryb h2{text-align: center;}
#certify {position: relative;width: 1200px;margin: 0 auto}
#certify .swiper-container {padding-bottom: 60px;}
#certify  .swiper-slide {width: 520px;background: #fff;box-shadow: 0 8px 30px #ddd;}
#certify  .swiper-slide img{display:block;}
#certify  .swiper-slide p {line-height: 98px;padding-top: 0;text-align: center;color: #636363;font-size: 1.1em;margin: 0;}
#certify .swiper-pagination {width: 100%;bottom: 20px;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px;border: 3px solid #fff;background-color: #d5d5d5;width: 10px;height: 10px;opacity: 1;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {border: 3px solid #00aadc;background-color: #fff;}
#certify .swiper-button-prev {left: -30px;width: 45px;height: 45px;background: url(../images/factory.png) no-repeat;background-position: 0 0;background-size: 100%;}
#certify .swiper-button-prev:hover {background-position: 0 -46px;background-size: 100%}
#certify .swiper-button-next {right: -30px;width: 45px;height: 45px;background: url(../images/factory.png) no-repeat;background-position: 0 -93px;background-size: 100%;}
#certify .swiper-button-next:hover {background-position: 0 -139px;background-size: 100%}
#certify .swiper-button-prev::after,#certify .swiper-button-next::after{content:none;}

@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 #272d31;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: #272d31;border-radius: 25px;box-shadow: 3px 3px 10px #6f4803;line-height: 2;padding: 0px 10px;color: white;}

    /**/
    #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:115px;}
    .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;}
    
    




}