/*reset*/
html,body{width:100%;min-height: 100%;overflow-x: hidden}
html,body,h1,h2,h3,h4,h5,h6,p,blockquote,pre,address,div,img,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption{margin:0;padding:0;border:0;}
body{font-size:16px;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(255,255,255,0);font-family: '微软雅黑', 'sans-serif'}
a{text-decoration:none;outline:0;}
ol,ul{list-style:none}
blockquote,q{quotes:none}
.clear{ clear:both; line-height:0px; height:0; overflow:hidden;}
blockquote::before,blockquote::after,q::before,q::after{content:none}
ins{text-decoration:none}del{text-decoration:line-through}
button,input,select,textarea{font-family:inherit;font-size:100%;vertical-align:middle;outline: none}
textarea{resize:none;overflow:auto;vertical-align:top}
[hidden]{display:none}
a,a:hover, a:visited, a:link, a:active {color: inherit}
table{border-collapse:collapse;border-spacing:0}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}
.clearfix:after{clear:both}
.clearfix{zoom:1}
img {border:0;max-width: 100%;height: auto;width: auto\9; /* ie8 */ vertical-align:middle;}
i{font-style: normal;}
::-webkit-scrollbar {width: 6px;}
::-webkit-scrollbar-thumb {background-color: #c1c1c1;}
::-webkit-scrollbar-track {background-color: #f7f7f7;}



.wcont{padding: 0 6vw;box-sizing: border-box}
.phonenav{display: none;}
/*-------------------------------首页------------------------------*/
.header{position: fixed;top: 0;left: 0;width: 100%;z-index: 33;display: flex;align-items: center;justify-content: space-between;padding: 15px 60px;box-sizing: border-box;color: #fff;transition: .3s; }
.header.fix{background: #fff;color: #16161b;box-shadow:1px 1px 15px rgb(0 0 0 / 17%);}
.header.fix .logo1{display: none;}
.header.fix .logo2{display: block;}
.header{background: #fff;color: #16161b;box-shadow:1px 1px 15px rgb(0 0 0 / 17%);}
.header.logo1{display: none;}
.header.logo2{display: block;}
.header-l{}
.header-l .logo2{display: none;}
.header-c{}
.header-c ul{display: flex;align-items: center;}
.header-c ul li{margin:0 30px; font-size: 18px;position: relative;border-bottom:2px solid #fff;line-height: 50px; }
.header-c ul li:hover{border-bottom:2px solid #017ccb;color:#017ccb;line-height: 50px;}
.header-c ul li dl{position: absolute;top: 50px;left: 0;text-align: center;background: #ff9933;line-height: 1;width: 100%;padding: 10px 0;border-radius:0 0 10px 10px;border-top:2px solid #fff;display: none;}
.header-c ul li dl dd{padding: 10px 0;}
.header-c ul li dl a{padding: 0;font-size: 16px;color: #fff;transition: .5s;}
.header-c ul li dl a:hover{color: #191919}
.header-r{text-align: right;}
.header-r h1{display: flex;align-items: center;justify-content: flex-end;font-weight: normal;padding-bottom: 5px;}
.header-r h1 i{font-size: 18px;}
.header-r h1 span{font-size: 16px;padding-left: 5px;}
.header-r p a{font-size: 28px;transition: .3s;color: #16161b}
.header.fix .header-r p a{color: #16161b}
.header .header-r p a:hover{color: #ff9933}
.header-btns{display: none;}

.banner{position: relative;}
.swiper-banner{height: 100vh;}
.swiper-banner .swiper-slide{overflow: hidden;}

.banner-info{position: relative;z-index: 3;display: flex;flex-direction: column;height: 100%;justify-content: center;padding-left: 15vw;box-sizing: border-box}

.banner-info h1{font-size: 46px;color: #003399;margin-bottom: 10px;opacity: 0;transform: translateY(50px);transition: 2s}
.banner-info h2{font-size: 26px;color: #003399;text-transform: uppercase;padding-bottom: 20px;opacity: 0;transform: translateY(100px);transition: 2s}
.banner-info p{font-size: 20px;color: #2d406f;font-weight: bold;padding: 30px 0;opacity: 0;transform: translateY(150px);transition: 2s}
.banner-info .white{color: #fff}
.banner-info .yellow{color: #ffc015;}
.banner-info .darkblue{color: #017ccb;}
.banner-info .black{color: #16161b;}
.banner-info a{display:flex;border: 2px solid #fff;line-height: 46px;border-radius: 25px;font-size: 20px;color: #fff;font-weight: bold;align-items: center;width: 150px;justify-content: center;opacity: 0;transform: translateY(200px);transition: 2s}
.banner-info a i{color: #fff;padding-left: 3px;font-size: 24px;}

.banner-pic{height: 100%;position: absolute;width: 100%;background: no-repeat center;background-size: cover;transition: 6.5s ease-out;transform: scale(1);transition-delay: 1s;}
.swiper-banner .ani-slide .banner-info h1{transform: translateY(0);opacity: 1;}
.swiper-banner .ani-slide .banner-info h2{transform: translateY(0);opacity: 1;}
.swiper-banner .ani-slide .banner-info p{transform: translateY(0);opacity: 1;}
.swiper-banner .ani-slide .banner-info a{transform: translateY(0);opacity: 1;}

.swiper-banner .ani-slide .banner-pic{transform: scale(1.15);transition-delay: 0s}

.banner-pag{display: none;}
.banner-btns{position: absolute;left: 60px;bottom: 50px;z-index: 3;color: #fff;font-weight: bold;display: flex;justify-content: space-between;width: 120px;}
.banner-btns div{font-size: 40px;cursor: pointer;}
.banner-ps{position: absolute;right: 60px;bottom: 50px;z-index: 3;color:#fff;font-size: 40px;}
.banner-ps .banner-ac{font-size: 35px;}

.fourblock{display: flex;}
.fourblock a{overflow: hidden;position: relative;height: 20vw;width: 25%;}
.fourblock-bg{height: 100%;background: no-repeat center;background-size: cover;transition: .65s;}
.fourblock a .fourblock-bg:after{ position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(255,255,255,.4);content: '';transition: transform .65s;transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-130%,0);}
.fourblock a:hover .fourblock-bg{transform: scale(1.1)}
.fourblock a:hover .fourblock-bg:after{transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,130%,0);}

.fourblock-info{position: absolute;bottom: 40px;width: 100%;left: 0;z-index: 3;text-align: center;color: #fff}
.fourblock-info h1{font-size: 26px;font-weight: normal;padding-bottom: 10px;}
.fourblock-info p{font-size: 16px;text-transform: uppercase;}

.three{display: flex;align-items: center;justify-content: space-between;}
.three-l{width: 50%;position: relative;}
.three-r{width: 50%;position: relative;}
.three-bgs{display: block;}
.three-l-info{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;flex-direction: column;justify-content: center;text-align: center;}
.three-l-info h1{font-size: 80px;color: #ff9933;opacity: .3;text-transform: uppercase;line-height: 1;}
.three-l-info h2{font-size: 38px;color: #fff;transform: translateY(-40px);line-height: 1;}
.three-l-info img{display: block;margin: 0 auto;}
.three-l-info p{font-size: 18px;color: #ff9933;padding-top: 15px;}

.three-one-ls{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;flex-direction: column;justify-content: center;text-align: center;}
.three-one-ls li{padding: 15px 0;}
.three-one-ls li a{display: block;color: #fff;transition: .5s;}
.three-one-ls li a:hover{color: #ff9933;transform: translateY(-5px)}
.three-one-ls li h1{font-size: 16px;padding-bottom: 10px;}
.three-one-ls li p{font-size: 16px;text-transform: uppercase;}
.three-one-ls li span{display: block;width: 20px;height: 2px;background: #fff;}

.three-two .three-l-info h1{color: #2d406f}
.three-two .three-l-info h2{color: #16161b}
.three-two .three-l-info p{color: #2d406f}

.three-two-box{position: absolute;top: 0;left: 0;width: 100%;height: 100%;padding:5vw 6vw;box-sizing: border-box;}
.swiper-three{width: 100%;height: 100%;position: relative;}
.swiper-three .swiper-slide{overflow: hidden;}
.three-two-pic{height: 100%;background: no-repeat center;background-size: cover;transition: .4s;}
.swiper-three .swiper-slide:hover .three-two-pic{transform: scale(1.05)}
.swiper-three{overflow: hidden;padding-bottom: 5vw;}
.three-ctrl{display: flex;align-items: center;justify-content: space-between;padding-top: 10px;}
.three-ctrl .three-pre,.three-ctrl .three-nex{font-size: 30px;font-weight: bold;color: #2d406f;cursor: pointer;}
.three-pag{position: relative;}
.three-pag .swiper-pagination-bullet{width: 10px;height: 10px;opacity: 1;background: #cccccc;margin: 0 5px;}
.three-pag .swiper-pagination-bullet-active{background: #2d406f}

.homenews{padding: 50px 0;}
.homenews-t{display: flex;align-items: center;justify-content: space-between;padding: 20px 0;border-bottom: 1px solid #eeeeee}
.homenews-t-l{}
.homenews-t-l h1{font-size: 38px;color: #16161b;font-weight: normal;}
.homenews-t-l p{font-size: 16px;color: #2d406f;text-transform: uppercase}
.homenews-t-r{}
.homenews-t-r a{border: 2px solid #2d406f;font-size: 14px;display: flex;align-items: center;transition: .5s;color: #2d406f}
.homenews-t-r a:hover{transform: translateY(-5px);border-color: #ff9933;color: #ff9933}
.homenews-t-r a span{padding: 0 20px;;font-weight: bold;}
.homenews-t-r a i{color: #fff;background: #2d406f;line-height: 30px;padding:0 10px;transition: .5s;}
.homenews-t-r a:hover i{background: #ff9933}
.homenews-b{padding: 30px 0;}
.swiper-homenew{overflow: hidden;}
.swiper-homenew a{display: block;}
.homenews-date{float: left;display: flex; flex-direction:column;justify-content: space-around;width: 96px;height: 96px;border: 2px solid #2d406f;border-radius: 10px;box-sizing: border-box;padding: 0 15px;}
.homenews-date *{font-size: 28px;color: #2d406f;line-height: 1;}
.homenews-date p{align-self: center;height: 3px;width: 30px;background: #2d406f;transform: rotate(-45deg)}
.homenews-date i{align-self: flex-end}

.homenews-info{overflow: hidden;padding-left: 30px;box-sizing: border-box}
.homenews-info h1{font-size: 18px;color: #16161b;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: .3s;}
.homenews-info p{font-size: 14px;color: #666666;line-height: 25px;height: 50px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin: 20px 0;text-align: justify;}
.homenews-info span{display: inline-block;text-transform: uppercase;font-size: 14px;color: #666666;font-weight: 100;border-bottom: 2px solid #ff9933;padding-bottom: 3px;transition: .3s;}
.swiper-homenew .swiper-slide:hover .homenews-info h1{color: #2d406f}
.swiper-homenew .swiper-slide:hover .homenews-info span{color: #ff9933}

.bottom{background: url("../images/botbgs.jpg") no-repeat center;background-size: cover;}
.bottom-l{float: left;padding-top: 70px;}
.bottom-r{overflow: hidden;box-sizing: border-box;padding-left: 8vw;padding-top: 35px;}

.bottom-r-y{display: flex;align-items: center;justify-content: space-between;color:#fff;padding: 50px 0;border-bottom: 1px solid #2f2f36}
.bottom-r-y-l{display: flex;align-items: center;}
.bottom-r-y-l li{width: 160px;font-size: 16px;font-weight: bold;}
.bottom-r-y-l li a{transition: .5s;}
.bottom-r-y-l li a:hover{color: #ff9933}
.bottom-r-y-l li:last-child{width: auto;}

.bottom-r-y-r{display: flex;align-items: center;width: 250px;justify-content: space-between;}
.bottom-r-y-r li a{font-size: 24px;transition: .5s;}
.bottom-r-y-r li a:hover{color: #ff9933}

.bottom-r-e{display: flex;justify-content: space-between;padding-top: 55px;}
.bottom-r-e-l{display: flex;}
.bottom-r-e-l ul{width: 160px;font-size: 14px;color: #a9a9bb;}
.bottom-r-e-l ul:last-child{width: auto;}
.bottom-r-e-l li{margin-bottom: 15px;}
.bottom-r-e-l li a{transition: .5s;}
.bottom-r-e-l li a:hover{color: #ff9933}
.bottom-r-e-r{text-align: center;}
.bottom-r-e-r img{border-radius: 5px}
.bottom-r-e-r p{font-size: 14px;color: #a9a9bb;padding-top: 25px;line-height: 26px;}

.bottom-r-t{padding-top: 20px;padding-bottom: 55px;}
.bottom-r-t ul{display: flex;}
.bottom-r-t li{}
.bottom-r-t li:last-child{margin-left: 100px;}
.bottom-r-t li h1{font-weight: normal;color: #a9a9bb;font-size: 14px;margin-bottom: 10px;}
.bottom-r-t li p{font-size: 14px;color: #ff9933;line-height: 26px;}

.bottom-r-s{padding: 35px 0;display: flex;align-items: center;justify-content: space-between;border-top:1px solid #2f2f36;font-size: 14px;color: #a9a9bb}

/*------------------------------联系我们----------------------------*/

.nybanner{background: no-repeat center;background-size: cover;margin-top: 110px;height: 36vw;display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;}
.nybanner-info{color: #fff}
.nybanner-info h1{font-size: 48px;font-weight: normal;margin-bottom: 35px;}
.nybanner-info p{font-size: 20px;font-family: "tre"}

.lxwm{display: flex;justify-content: space-between;}
.lxwm-l{width: 50%;box-sizing: border-box;padding: 120px 6vw;}
.lxwm-l h3{font-weight: normal;font-size: 18px;color: #16161b;line-height: 30px;margin-bottom: 40px;}
.lxwm-l h3 span{display: block;}
.lxwm-l ul{}
.lxwm-l li{padding: 10px 0;}
.lxwm-l li h1{font-size: 22px;color: #16161b;font-weight: normal;}
.lxwm-l li p{font-size: 16px;color: #16161b;line-height: 30px;}
.lxwm-l li p span:last-child{padding-left: 20px;}
.lxwm-r{width: 50%;background: url("../images/lxwmsmallbgs.jpg") no-repeat center;background-size: cover;position: relative;}
.lxwm-r-info{width: 100%;height: 60%;position: absolute;right: 6vw;top: 20%;background: #fff;padding: 10px;box-sizing: border-box;box-shadow: 0 0 8px rgba(0,0,0,.1)}
#maps{height: 100%;width: 100%;}

/*------------------------------新闻中心----------------------------*/
.nybanner2{background: #2d406f;height: 300px;}
.nybox{padding: 90px 9vw;box-sizing: border-box}
.nybox-tit{padding-bottom: 40px;border-bottom: 1px solid #eeeeee;margin-bottom: 40px;}
.nybox-tit-t{font-size: 14px;color: #666666}
.nybox-tit-b{display: flex;justify-content: space-between;align-items: center;margin-top: 20px;}
.nybox-tit-b h1{font-size: 40px;color: #16161b;font-weight: normal;}
.nybox-tit-b ul{display: flex;align-items: center;}
.nybox-tit-b li{font-size: 16px;color: #666666;margin-left: 40px;transition: .5s;}
.nybox-tit-b li:first-child{margin-left: 0;}
.nybox-tit-b a{display: block; padding:10px 20px; border: 1px solid #eee; box-sizing: border-box;}
.nybox-tit-b .on a{border-color: #2d406f}
.nybox-tit-b .on{color: #2d406f}
.nybox-tit-b li:hover{color: #2d406f}
.nybox-tit-b li:hover .on a{border-color: #2d406f}

.newsbox{}
.newsbox li{float: left;width: 32%;margin-right: 2%;margin-bottom: 50px;}
.newsbox li:nth-child(3n){margin-right: 0;}
.newsbox li:hover .homenews-info h1{color: #2d406f}
.newsbox li:hover .homenews-info span{color: #ff9933}

.fenye{text-align: center;padding-top: 40px;}
.fenye a,.fenye span{display: inline-block;width: 45px;line-height: 45px;border-radius: 5px;font-size: 16px;background: #eeeeee;color: #999999;transition: .5s;margin: 5px;}
.fenye span{background: #2d406f;color: #fff;}
.fenye a:hover{background: #2d406f;color: #fff;}

/*------------------------------公司简介----------------------------*/
.gsjjbox{font-size: 16px;color: #16161b;line-height: 40px;}


/*------------------------------详情----------------------------*/
.newsdetail{}
.newsdetail-tit{text-align: center;}
.newsdetail-tit h1{font-size: 24px;color: #16161b;font-weight: normal;}
.newsdetail-tit p{font-size: 14px;color: #999999;padding-top: 30px;}
.newsdetail-info{font-size: 16px;color: #16161b;line-height: 40px;padding: 40px 0;}

.newsdetail-links{display: flex;align-items: center;border: 1px solid #cccccc;padding: 30px 30px;border-radius: 10px;position: relative;}
.newsdetail-links:after{content: "";position: absolute;left: 50%;top: 0;width: 1px;height: 100%;background: #cccccc}
.newsdetail-links a{width: 50%;padding: 0 20px;box-sizing: border-box;}
.newsdetail-links a:last-child{text-align: right;}
.newsdetail-links h1{font-size: 20px;color: #333333;font-weight: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: .5s;}
.newsdetail-links p{font-size: 16px;color: #999999;padding-top: 10px;}
.newsdetail-links a:hover h1{color: #2d406f}

/*------------------------------厂区展示----------------------------*/
.prolist{}
.prolist li{width: 32%;margin-right: 2%;margin-bottom: 50px;float: left;}
.prolist li:nth-child(3n){margin-right: 0;}
.prolist li a{display: block;}
.prolist li .prolistpic{overflow: hidden;}
.prolist li .proimg{background: no-repeat center;background-size: cover;height: 19vw;transition: .5s;}
.prolist li:hover .proimg{transform: scale(1.1)}
.prolist li p{text-align: center;font-size: 18px;color: #16161b;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 20px;border: 1px solid #eeeeee}

/*------------------------------加入昌泰----------------------------*/

.join li{position: relative;margin-bottom: 50px;border:1px solid #eee;}
.join-tit{box-sizing: border-box;padding:35px 30px;padding-right: 160px;border-bottom: 1px solid #eeeeee;}
.join-tit h1{font-size: 40px;color: #282828;font-weight: normal;line-height: 1}
.join-tit p{font-size: 16px;color: #666666;margin-top: 20px;}
.join-info{font-size: 16px;color: #484848;line-height: 30px;padding: 30px;box-sizing: border-box}
.join .ypbtn{position: absolute;top:55px;right: 30px;font-size: 16px;color: #fff;font-weight: bold;line-height: 36px;background: #3e599a;padding: 0 20px;border-radius: 18px;transition: .3s;}
.join .ypbtn:hover{background: #212f51}

/*弹窗*/
.addressad{position: fixed;width: 100%;height: 100%;top: 0;left: 0;bottom: 0;right: 0;background: rgba(0, 0, 0, 0.6);z-index: 1111; display: none;}
.address-cont{display: table-cell;vertical-align: middle;text-align: center}
.address-box{width: 500px;display: inline-block}
.address-box-title {position: relative;font-size: 16px;color: #3f312a;padding: 0 15px;line-height: 40px;background: #ddd;width: 100%;box-sizing: border-box;text-align: left;}
.address-box-close{position: absolute;right:15px;}
.address-box-info{padding: 40px;width: 100%;background: #fff;text-align: left;box-sizing: border-box}
.address-box-info li{margin-bottom: 5px;}
.address-box-info li p{line-height: 38px;width:100px;position: relative;float: left}
.address-box-info li .address-sex{width:300px;float: right;text-align: left;line-height: 36px;}
.address-box-info li input{width:300px;font-size: 14px;background: #fff;text-decoration: none;padding: 0 8px;height: 36px;line-height: 36px;border: 1px solid #dedede;box-sizing: border-box;color: #3f312a;border-radius: 3px;float: right}
.address-box-info li label{display: inline-block;width: 100px;}
.address-box-info li label span{display: inline-block;width:20px;height: 20px;background: #eee;border-radius: 50%;vertical-align: middle;margin-right: 10px;padding:5px;box-sizing:border-box;position: relative;}
.address-box-info li label span i{width: 10px;height: 10px;border-radius: 50%;position: absolute;left:5px;top:5px;}
.address-box-info li label input{display: none !important;}
.address-box-info li label input:checked + span i{background: #000;}
.address-box-info li select{width:300px;font-size: 14px;background: #fff;text-decoration: none;padding: 0 8px;height: 36px;line-height: 36px;border: 1px solid #dedede;box-sizing: border-box;color: #3f312a;border-radius: 3px;float: right}
.address-box-info li .pick-area{float: right;width: 300px;}
/*.address-box-info li:nth-child(-n+4) p:after{content: "";display: block;width:6px;height: 6px;background: url("../images/necessary.png") no-repeat;position: absolute;left:15px;top:50%;margin-top: -3px;}*/
.address-box-info div{text-align: center}
.address-box-info .addresssave{background: #d6b898;color: #fff;font-size: 16px;line-height: 40px;width:150px;display: inline-block;border: none;border-radius: 3px;margin-top: 20px;cursor: pointer;transition: .3s;}
.address-box-info .addresssave:hover{background: #D67C44;}

/*------------------------------关于昌泰----------------------------*/
.gyctbox{}

.gyct-fir{display: flex;}
.gyct-fir-l{width: 50%;padding: 10vw 6vw;box-sizing: border-box}
.gyct-fir-r{width: 50%;background: url("../images/dszbgs.jpg") no-repeat center;background-size: cover;display: flex;align-items: center;justify-content: center;}
.gyct-fir-t{}
.gyct-fir-t h1{font-size: 22px;color: #16161b;font-weight: normal;margin-bottom: 5px;}
.gyct-fir-t p{font-size: 16px;color: #c3c3d0;font-family: "tre";}
.gyct-fir-c{font-size: 30px;color: #16161b;padding: 60px 0;text-align: justify;}
.gyct-fir-b{}
.gyct-fir-b h1{float: left;font-size: 20px;color: #c3c3d0;font-weight: normal;}
.gyct-fir-b ul{overflow: hidden;padding-left: 45px;}
.gyct-fir-b li{font-size: 20px;color: #16161b;margin-bottom: 10px;}
.gyct-fir-b li:last-child{margin-bottom: 0;}


.gyct-sec{display: flex;justify-content: space-between;}
.gyct-sec-l{background: url("../images/gybgs2.jpg") no-repeat center;background-size: cover;width: 50%;}
.gyct-sec-r{width: 50%;padding: 7.5vw 6vw;box-sizing: border-box}
.gyct-sec-info{font-size: 16px;color: #16161b;line-height: 26px;padding: 60px 0;text-align: justify;}
.gyct-sec-info p{text-indent: 2em;}
.gyct-sec-r a{display: flex;border: 2px solid #2d406f;width: 120px;line-height: 30px;text-align: center;transition: .5s;}
.gyct-sec-r a span{font-size: 14px;color: #2d406f;width: 70%;transition: .5s;}
.gyct-sec-r a i{font-size: 20px;color: #fff;background: #2d406f;width: 30%;transition: .5s;}
.gyct-sec-r a:hover{border-color: #ff9933}
.gyct-sec-r a:hover span{color: #ff9933}
.gyct-sec-r a:hover i{background: #ff9933}

.gyct-trd{display: flex;justify-content: space-between;background: url("../images/gybgs3.jpg") no-repeat left bottom #f3f3f3;}
.gyct-trd-l{width: 50%;box-sizing: border-box;padding:85px 6vw;}
.gyct-trd-r{width: 50%;padding: 50px 6vw;box-sizing: border-box}
.gyct-trd-r li{padding: 35px 0;border-bottom: 1px solid #dddddd}
.gyct-trd-r li:last-child{border: none;}
.gyct-trd-r li h1{font-size: 30px;color: #16161b;font-weight: normal;padding-bottom: 20px;}
.gyct-trd-r li p{font-size: 16px;color: #16161b;}

.gyct-fth{display: flex;justify-content: space-between;}
.gyct-fth-b{padding-top: 3vw;}
.gyct-fth-l{width: 50%;padding: 6vw;box-sizing: border-box}
.gyct-fth-piclist{display: flex;justify-content: space-between;}
.gyct-fth-le{width: 66%;}
.gyct-fth-le a{display: block;overflow: hidden;height: 18vw;}
.gyct-fth-pic{background: no-repeat center;background-size: cover;height: 100%;transition: .5s}
.gyct-fth-pic:hover{transform: scale(1.1)}


.gyct-fth-ri{width: 33%;}
.gyct-fth-ri-top{height: 8.5vw;}
.gyct-fth-ri-top a{display: block;height: 100%;overflow: hidden;}
.gyct-fth-ri-more{padding-top: 1vw;}
.gyct-fth-ri-more a{display: flex;height: 8.5vw;align-items: center;justify-content: center;border: 1px solid #eeeeee;font-size: 22px;color: #16161b;transition: .5s;}
.gyct-fth-ri-more a i{font-size: 22px;margin-left: 5px;}
.gyct-fth-ri-more a:hover{color: #2d406f}
.gyct-fth-r{width: 50%;padding: 6vw;box-sizing: border-box}
.swiper-zz{overflow: hidden;height: 18vw;}
.swiper-zz .swiper-slide{}
.swiper-zz .swiper-slide a{display: flex;align-items: center;justify-content: center;border: 1px solid #eeeeee;height: 100%;padding: 20px 3vw;box-sizing: border-box;overflow: hidden;}
.swiper-zz .swiper-slide img{display: block;transition: .5s;max-height: 100%}
.swiper-zz .swiper-slide:hover img{transform: scale(1.05)}




.in_boxB{ position:relative; z-index:10;}
.in_boxB ul{ display: flex; margin:0 3%;}
.in_boxB li{ width: 25%; position: relative; margin:0 1%;}
.in_boxB li .bkg{ display: block; filter: grayscale(40%); transition: all 0.3s ease-out;}
.in_boxB li .num{ font-size: 254px; position: absolute; right: 18%; top: 46%; transform: translateY(-50%); -webkit-text-stroke: 1px #FFF; -webkit-text-fill-color: transparent; transition: all 0.3s ease-out;}
.in_boxB li .info{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; color: #FFF; }
.in_boxB li .info .tit p{ font-size: 32px; font-weight: bold; text-align: center;}
.in_boxB li .info .tit span{ display: inline-block; margin-top: 7px; font-size: 18px; font-weight: bold; white-space:nowrap;}
.in_boxB li .info .rad{ margin-left: 30px; width: 50px; position: relative; transition: all 0.3s ease-out;}
.in_boxB li .info .rad::before{ content: ""; display: block; position: absolute; left: 0; top: 0; width: 50px; height: 50px; background-color: rgba(255,255,255,0.5); border-radius: 50%; z-index: 1; transition: all 0.3s ease-out;}
.in_boxB li .info .rad::after{ content: ""; display: block; position: absolute; left: 0; top: 0; width: 48px; height: 48px; border: 1px solid #FFF; border-radius: 50%; z-index: 1; transition: all 0.3s ease-out;}
.in_boxB li .info .rad i{ display: block; width: 50px; height: 50px; border-radius: 50%; background-color: #F47815; position: relative; z-index: 2; transition: all 0.3s ease-out;}
.in_boxB li .info .rad i::before, .in_boxB li .info .rad i::after{ content: ""; display: block; position: absolute; left: 17px; top: 24px; width: 15px; height: 2px; background-color: #FFF; transition: all 0.3s ease-out;}
.in_boxB li .info .rad i::after{ transform: rotate(90deg);}
.in_boxB li:hover .bkg{ filter: grayscale(0);}
.in_boxB li:hover .num{ opacity: 0;}
.in_boxB li:hover .info .rad{ width: 174px; }
.in_boxB li:hover .info .rad::before{ left: 17px; top: -45px; width: 140px; height: 140px;}
.in_boxB li:hover .info .rad::after{ left: 0; top: -62px; width: 174px; height: 174px;}
.in_boxB li:hover .info .rad i{ background-color: #FFF; transform: translateX(64px);}
.in_boxB li:hover .info .rad i::before, .in_boxB li:hover .info .rad i::after { background-color: #F47815; }


.in_boxC{ background-color: #F8F8F8; position: relative; padding: 88px 0 77px 0; }
.in_boxC .bkg{ position: absolute; right: 0; top: 88px; width: 31.35%; height: 511px; background: url(../images/index_07.png) center left no-repeat; z-index: 1;}
.in_boxC .box{ width: 83.33%; margin: 0 auto; position: relative; z-index: 2; display: flex; justify-content: space-between;}
.in_boxC .box .lt{ width: 69.375%;}
.in_boxC .box .lt ul{ display: flex; flex-flow: wrap;}
.in_boxC .box .lt li{ width: calc(42.8% - 1px); padding:43px 0 0 7.2%; border-right: 1px solid #E2E2E2; border-bottom: 1px solid #E2E2E2; position: relative;}
.in_boxC .box .lt li:nth-child(2n){ border-right: 0;}
.in_boxC .box .lt li:nth-child(n+3){ border-bottom: 0;}
.in_boxC .box .lt li .imgs{}
.in_boxC .box .lt li .imgs img{ display: block;}
.in_boxC .box .lt li .hide{ display: none;} 
.in_boxC .box .lt li .p_1{ width: 28%; min-width: 110px; font-size: 22px; line-height: 1; font-weight: bold; padding: 20px 0 15px 0; border-bottom: 1px solid #CECECE;}
.in_boxC .box .lt li .info{ width: 70%; height: 100px; margin-top: 30px; line-height: 2; color: #999; overflow: hidden;}
.in_boxC .box .lt li .num{ position: absolute; right: 60px; bottom: 30px; font-size: 32px; color: #e4e4e4;}
.in_boxC .box .lt li .hx{ position: absolute; right: 0; bottom: -1px; width: 100vw; height: 1px; background-color: #E2E2E2;}
.in_boxC .box .lt li:hover{ background: url(../images/index_09.jpg) no-repeat; background-size: cover; box-shadow: 7px 7px 15px #D6D6D6;}
.in_boxC .box .lt li:hover .imgs{ display: none;}
.in_boxC .box .lt li:hover .hide{ display: block;} 
.in_boxC .box .lt li:hover .p_1{ color: #FFF; border-bottom-color: #FFF;}
.in_boxC .box .lt li:hover .info{ color: #FFF;}
.in_boxC .box .lt li:hover .num{ color: #FFF;}
.in_boxC .box .rt{ color: #4a4a4a; text-align: right; margin-top: 60px; padding: 195px 60px 0 0; background: url(../images/index_07_2.png) top right no-repeat;}
.in_boxC .box .rt .wap_img{ display: none;}
.in_boxC .box .rt .p_1{ font-size: 36px; font-weight: bold; line-height: 1;}
.in_boxC .box .rt .p_2{ margin-top: 18px; font-size: 25px; line-height: 1;}
.in_boxC .box .rt .p_3{ margin-top: 10px; font-size: 18px; line-height: 30px; color: #979696;}

.i_five{ background:#f2f2f2; overflow:hidden; padding-bottom:5%;}
.wrap {
    clear: both;
    width: 96%;
    max-width: 1300px;
    margin: 0 auto;
    text-align: left;
    zoom: 1;
    overflow: hidden;
}
.i_four_t {
    text-align: center;
    overflow: hidden;
    line-height: 1.2;
    color: #222;
    font-weight: bold;
    margin-top: 6.5%;
}
.f28 {
    font-size: 38px;
}
.i_four_t .label {
    display: block;
    text-transform: uppercase;
    margin-bottom: 1%;
    line-height: 1;
    margin-bottom: 1%;
}
/*新闻*/
.owl-demo2.owl-carousel .owl-wrapper-outer{}
.owl-demo2{ width:100%; margin-top:3%;}
/* Styling Next and Prev buttons*/
.owl-demo2.owl-theme .owl-controls{/* bottom:60%;*/ height:0; top:50%;}
.owl-demo2.owl-theme .owl-controls .owl-pagination{ display:none;}
.owl-demo2.owl-theme .owl-controls .owl-buttons{ position:absolute; top:80%; margin-top:0;  width:100%;  height:0; display:none;}
/*.owl-demo2.owl-theme .owl-controls .owl-buttons div{color: #FFF;display: block;zoom: 1;*display: inline; width:22px; height:32px; text-indent:60px;overflow:hidden;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}
.owl-demo2.owl-theme .owl-controls .owl-buttons div.owl-prev{background:url(../images/left.png) center center no-repeat; float:left;background-size:22px 32px; margin-left:0px;}
.owl-demo2.owl-theme .owl-controls .owl-buttons div.owl-prev:hover{transition:all 0.3s;opacity:0.8;filter:Alpha(opacity=80); }
.owl-demo2.owl-theme .owl-controls .owl-buttons div.owl-next{ background:url(../images/right.png) center center no-repeat;float:right;background-size:22px 32px;margin-right:0px; }
.owl-demo2.owl-theme .owl-controls .owl-buttons div.owl-next:hover{transition:all 0.3s;opacity:0.8;filter:Alpha(opacity=80); }*/

.owl-demo2.owl-theme .owl-controls .owl-page{ display:inline-block;}

.owl-demo2 .item{margin:0 0%;}
.owl-demo2 .item img{display: block;width: 100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.owl-demo2 .item dd{overflow:hidden;}
/*.owl-demo3 .item dd:hover .imgs{border:1px solid #73b8e2;}*/
.owl-demo2 .item dd:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.owl-demo2 .item dd .imgs{overflow:hidden; position:relative;}
.owl-demo2 .item dd .imgs .boxs{ color:#fff; position:absolute; top:50%; left:50%; z-index:1; width:140px; height:42px; line-height:42px; border:1px solid #d0e5da; text-align:center; transform: translate(-50%, -50%);transition:all 0.3s;opacity:0;filter:Alpha(opacity=0); font-size:15px;}
.owl-demo2 .item dd:hover .imgs .boxs{opacity:1.0;filter:Alpha(opacity=100);}
.owl-demo2 .item dd .imgs:after{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(4,141,73,0.8);transition:all 0.3s;opacity:0;filter:Alpha(opacity=0);}
.owl-demo2 .item dd:hover .imgs:after{opacity:1.0;filter:Alpha(opacity=100);}
.owl-demo2 .item dd .txts{ overflow:hidden; position:relative; background-repeat:no-repeat; background-position:center center; background-size:cover;transition:all 0.3s;}
.owl-demo2 .item dd .txts img{opacity:0;filter:Alpha(opacity=0);}
.owl-demo2 .item dd .txts .boxs{position:absolute; top:50%; left:50%;transform: translate(-50%, -50%); width:94%; max-width:340px;}
.owl-demo2 .item dd .txts .boxs .h3{ font-weight:bold; overflow:hidden; line-height:24px; height:48px; margin-top:8%; color:#222222; font-size:18px; margin-bottom:8%;transition:all 0.3s;}
.owl-demo2 .item dd .txts .boxs .h3 em{ float:right; margin-left:2%; line-height:72px; font-style:normal; font-weight:normal; color:#888888; font-size:15px; font-family:Arial;transition:all 0.3s;}
.owl-demo2 .item dd .txts .boxs .h3 span{ display:block;overflow:hidden; }
.owl-demo2 .item dd .txts .boxs .p{ color:#888888; line-height:24px; height:72px;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; font-size:15px;transition:all 0.3s;}
.owl-demo2 .item dd:hover .txts .boxs .h3{ color:#fff;}
.owl-demo2 .item dd:hover .txts .boxs .h3 em{ color:#64947a;}
.owl-demo2 .item dd:hover .txts .boxs .p{ color:#bed9cc;}
.owl-demo2 .owl-item:nth-child(1) .item dd .txts{ background-image:url(../images/i_bg2.jpg);}
.owl-demo2 .owl-item:nth-child(2) .item dd .txts{ background-image:url(../images/i_bg3.jpg);}
.owl-demo2 .owl-item:nth-child(3) .item dd .txts{ background-image:url(../images/i_bg4.jpg);}
.owl-demo2 .owl-item:nth-child(1) .item dd:hover  .txts{ background-image:url(../images/i_bg2_on.jpg);}
.owl-demo2 .owl-item:nth-child(2) .item dd:hover  .txts{ background-image:url(../images/i_bg3_on.jpg);}
.owl-demo2 .owl-item:nth-child(3) .item dd:hover  .txts{ background-image:url(../images/i_bg4_on.jpg);}
/*新闻*/

.c_l {
    clear: both;
    height: 0px;
    font-size: 0px;
    overflow: hidden;
}
.owl-carousel .owl-wrapper:after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
/* display none until init*/
.owl-carousel{display: none;position: relative;width: 100%;-ms-touch-action: pan-y;}
.owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
.owl-carousel .owl-item{float: left;}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{cursor: pointer;}
.owl-controls{-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
/*尾部*/
.f_bg{ background:#333333; color:#999999; font-size:15px; clear:both; border-top:5px solid #ff9933;padding-top:65px; text-align:left; }
.f_bg_div{ max-width:1300px; width:96%; margin:0 auto;}
.f_bg a{color:#999999; text-decoration:none;}
.f_bg a:hover{ color:#fff;}
.f_bg .links{ overflow:hidden; float:left; max-width:370px; text-align:left;}
.f_bg .links img{ width:96%; max-width:349px; display:block; margin-bottom:13px;}
.f_bg .links ul li{margin-bottom:3px; padding-left:26px; display:block; overflow:hidden; line-height:24px;}
.f_bg .links ul li.bgs1{background:url(../images/foot_pic1.png) left center no-repeat;}
.f_bg .links ul li.bgs2{background:url(../images/foot_pic2.png) left center no-repeat;}
.f_bg .links ul li.bgs3{background:url(../images/foot_pic3.png) left center no-repeat;}
.f_bg .links ul li.bgs4{background:url(../images/foot_pic4.png) left center no-repeat;}
.f_bg .f_weixin{ float:right;  overflow:hidden; margin-left:20px; margin-right:0px;text-align:center;}
.f_bg .f_weixin .imgs{ width:127px; overflow:hidden; background:url(../images/foot_bg3.png) no-repeat; height:127px; background-size:100% 100%;}
.f_bg .f_weixin .imgs img{ display:block; margin:0 auto; margin-top:9px; width:109px; height:109px;}
.f_bg .f_weixin label{ line-height:30px; padding-top:12px; padding-bottom:12px; overflow:hidden; display:block;}
.f_bg .f_div2_r2{ float:right;text-align:left; margin-top:44px; margin-bottom:80px;}
foot_a ul li.sinna a.bds_tsina:after{ background-image:url(../images/foot_ico3_on.png);}

.f_div3{ line-height:24px; min-height:24px; margin-top:30px; border-top:1px solid #454545; clear:both;  color:#666; font-size:14px; padding-top:1.5%; padding-bottom:1.5%;}
.f_div3 a{ color:#666;}
.f_div3 a:hover{transition:all 0.3s;filter: Alpha(Opacity=80);opacity: 0.8; color:#fff;}