@charset "utf-8";

@font-face{font-family:iconfont;src:url(../fonts/font_876485_a3vf69rydgp_1.eot);src:url(../fonts/font_876485_a3vf69rydgp_1.eot) format('embedded-opentype'),url(../fonts/font_876485_a3vf69rydgp_1.woff) format('woff'),url(../fonts/font_876485_a3vf69rydgp_1.ttf) format('truetype'),url(../fonts/font_876485_a3vf69rydgp.svg#iconfont) format('svg')}

.wui_cf,.wui_clearfix{zoom:1}
.wui_cf:after,.wui_clearfix:after{content:"\200B";display:block;height:0;clear:both; }
.wui_clear{clear:both;float:none;height:0;margin:0;padding:0;width:0;overflow:hidden;}


body{max-width:1920px;margin:auto; }
body,html{min-height:100%}
.fl{float:left}
.fr{float:right}
.clear_both{zoom:1}
.clear_both:before{content:"";display:table;clear:both}
.clear_both:after{content:"";display:table;clear:both}
.relative{position:relative}
.absolute{position:absolute}
.fixed{position:fixed}
.inline-block{display:inline-block}
.text-right{text-align:right}
.text-left{text-align:left}
.text-center{text-align:center}
.trans{-webkit-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;-ms-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;transition:all .5s ease 0s}
.rotating180{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg)}
.gray{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray}
.main{overflow:hidden;position:relative}
.wrap{max-width:95.8%;margin:0 auto}
.wrap1{max-width:62.5%;margin:0 auto}
#header{width:100%;height:18px;top:0;left:0;right:0;padding:37px 0 45px;z-index:100;background:#fff}
#header .logo a{font-size:26px;color:#333;font-weight:700}
#header.pro{border-bottom:1px solid #e7e7e7}
#header.headerbg{background:#fff}
#header .nav{ width:950px ;}
#header .nav .nav_a{margin-right:60px;color:#666}
#header .nav .nav_a:hover{color:#333;font-weight:700}
#header .nav .nav_a.on{color:#333;font-weight:700}
#header .nav .lang{cursor:pointer}
#header .nav .sousuo{cursor:pointer}
#header .menu{display:none}
#header .menu_bg1{left:0;top:100px;right:0;bottom:0;background:rgba(0,0,0,.4);z-index:99}
#header .sou{background:#fff;width:100%;z-index:134;position:fixed;left:-100%;top:100px;overflow:auto;height:70px;border-top:1px solid #aaa}
#header .sou input[type=text]{height:32px;width:74%;margin:.5rem 0 0 1.5%;border:1px solid #ccc;text-indent:.2rem;font-size:18px;line-height:32px;float:left}
#header .sou #search{height:32px;width:20%;margin:.5rem 1.5% 0 0;font-size:20px;line-height:32px;background:#333;color:#fff;text-align:center;cursor:pointer;float:right}
#header .sou.on{left:0}
#header .menu_bg1.on{display:block}
#footer{background:#333}
#footer .footer_top{border-bottom:1px solid #3e3e3e;height:62px}
#footer .footer_top *{font-size:12px;color:#666;vertical-align:middle}
#footer .footer_top a{margin-right:10px}
#footer .footer_top a:hover{color:#fff}
#footer .footer_top .wrap1{margin-top:25px}
#footer .footer_top .wrap1 .link_con .swiper-slide{width:auto;padding:0 3px}
#footer .footer_bottom{margin-top:20px}
#footer .footer_bottom .p1{font-size:12px;line-height:30px;color:#ccc}
#footer .footer_bottom .copyright{margin:20px auto 50px;font-size:12px;line-height:30px;color:#ccc}
#footer .footer_bottom .copyright *{font-size:12px;line-height:30px;color:#ccc}
#footer .footer_bottom .erweima_img{width:90px;height:90px;text-align:center}
.kefu{position:fixed;top:150px;right:5.2%;z-index:100;width:200px;height:380px;background:#fff}
.kefu .cha{margin:10px}
.kefu .cha img{cursor:pointer}
.kefu .p1{font-size:22px;color:#333;margin:20px auto 8px}
.kefu .p2{font-size:12px;color:#666}
.kefu .p3{font-size:14px;color:#999;margin:60px auto 15px}
.kefu .p4{font-size:22px;color:#474747}
.kefu .a1{font-size:14px;color:#fff;width:140px;height:40px;background:#666;border-radius:20px;line-height:40px;margin:40px auto 10px}
.kefu .a2{font-size:14px;color:#fff;width:140px;height:40px;background:#999;border-radius:20px;line-height:40px;margin:0 auto}
.kefu a img{vertical-align:middle}
.lianxi{position:fixed;bottom:10%;right:5.2%;z-index:100;width:50px;height:103px;cursor:pointer}
.lianxi .lian{width:50px;height:50px;margin-bottom:1px;background:rgba(0,0,0,.5);line-height:50px;text-align:center;font-size:16px;color:#fff}
.lianxi .lian img{vertical-align:middle}
.lianxi .weixin{position:relative}
.lianxi .weixin .erweima{position:absolute;top:0;right:120%;z-index:50;opacity:0;max-width:90px;max-height:90px}
.lianxi .weixin .erweima_img{width:90px;height:90px;text-align:center}
.lianxi .weixin:hover .erweima{opacity:1}
.top_bg.on{margin-top:100px}
.top_bg .top_bg_con .top_bg_button{width:30px;height:59px}
.top_bg .top_bg_con .swiper-button-next{background:url(../images/right_1.png) no-repeat center;right:3.1%}
.top_bg .top_bg_con .swiper-button-prev{background:url(../images/left_1.png) no-repeat center;left:3.1%}
.index_pro .title{line-height:130px}
.index_pro .title .p1{font-size:36px}
.index_pro .title .pro_a a{font-size:14px;color:#666}
.index_pro .title .pro_a a:hover{color:#333;font-weight:700}
.index_pro .con .index_pro_con{padding-bottom:150px}
.index_pro .con .swiper-slide .pro_a{width:25%;overflow:hidden;border-bottom:1px solid #fff}
.index_pro .con .swiper-slide .pro_a .img{border-right:1px solid #fff;background:#f2f2f2}
.index_pro .con .swiper-slide .pro_a .img_bg{height:100%;left:0;right:1px;background:rgba(0,0,0,.3);z-index:10;text-align:center;bottom:100%}
.index_pro .con .swiper-slide .pro_a .img_bg .p1{font-size:22px;color:#fff;line-height:42px;display:inline-block;border-bottom:3px solid #fff;margin-top:13%}
.index_pro .con .swiper-slide .pro_a .img_bg .p2{font-size:14px;color:#f2f2f2;line-height:42px}
.index_pro .con .swiper-slide .pro_a:hover .img_bg{bottom:0}
.index_pro .con .index_pro_con .swiper_button{bottom:60px;top:auto;width:50px;height:50px;background:#f1f1f1;border-radius:2px}
.index_pro .con .index_pro_con .swiper_button_cen{bottom:60px;width:80px;height:50px;background:#f1f1f1;border-radius:2px;position:absolute;left:50%;margin-left:-40px}
.index_pro .con .index_pro_con .swiper-button-next{right:43%}
.index_pro .con .index_pro_con .swiper-button-prev{left:43%}
.index_about{background:#f6f6f6;display: flex;/* padding: 20px 0; */align-items: center;}
.index_about .img{width:50%}
.index_about .text{width:50%;padding: 20px 0;}
.index_about .text .p1{font-size: 45px;/* margin-top:15%; */text-transform:uppercase;}
.index_about .text .p2{font-size:16px;margin: 1% auto 3.5%;color:#666;}
.index_about .text .p3{font-size:14px;color:#666;width:71%;margin:0 auto;text-align: left; line-height: 1.6;}
.index_about .text .a1{font-size:14px;color:#333;width:160px;/* height:50px; */margin:30px auto 0;border:1px solid #999;line-height: 46px;}
.index_about .text .a1:hover{color:#fff;background:#333;border:1px solid #333}
.index_info{margin:60px auto}
.index_info .title .p1{font-size:36px}
.index_info .title .p2{font-size:14px;color:#999;line-height:34px}
.index_info .con{margin-top:60px}
.index_info .con .text{border-bottom:1px solid #ededed;padding:2%}
.index_info .con .text .tent{width:49%}
.index_info .con .text .tent .p3{font-size:18px;line-height:48px}
.index_info .con .text .tent .p4{font-size:14px;line-height:24px;height:48px;overflow:hidden;color:#999}
.index_info .con .text .tent .p7{font-size:12px;line-height:24px;color:#999;display:none}
.index_info .con .text .you{width:20%;border-left:1px solid #eaeaea}
.index_info .con .text .you .time{padding-left:10%}
.index_info .con .text .you .time .p5{font-size:50px;line-height:74px}
.index_info .con .text .you .time .p6{font-size:14px;color:#999;line-height:30px;text-indent:1em}
.index_info .con .text .you .jiantou{margin:12% 33% 0 0}
.index_info .con .text .you .jiantou .img2{display:none}
.index_info .con .text:hover{background:#333;border-bottom:1px solid #333}
.index_info .con .text:hover .tent .p3{color:#fff}
.index_info .con .text:hover .tent .p4{color:#fff}
.index_info .con .text:hover .tent .p7{color:#fff}
.index_info .con .text:hover .you{border-left:1px solid #fff}
.index_info .con .text:hover .you .time .p5{color:#fff}
.index_info .con .text:hover .you .time .p6{color:#fff}
.index_info .con .text:hover .you .jiantou{margin:12% 28% 0 0}
.index_info .con .text:hover .you .jiantou .img1{display:none}
.index_info .con .text:hover .you .jiantou .img2{display:block}
.index_partner{margin:60px auto}
.index_partner .title .p1{font-size:36px}
.index_partner .title .p2{font-size:14px;color:#999;line-height:34px}
.index_partner .title .p3{font-size:14px;color:#666;line-height:34px}
.index_partner .con{margin-top:40px;border-bottom:1px solid #efefef;border-right:1px solid #efefef}
.index_partner .con .text{width:12.5%;border-top:1px solid #efefef;background:#f8f8f8;overflow:hidden}
.index_partner .con .text:before{content:'';width:100%;padding-top:70.484581497797356828193832599119%;display:block}
.index_partner .con .text .img{border-left:1px solid #efefef;top:0;left:0;right:0;bottom:0}
.index_partner .con .text .img img{max-width:80%;height:auto;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray}
.index_partner .con .text .img:hover img{height:auto;-webkit-filter:grayscale(0);-moz-filter:grayscale(0);-ms-filter:grayscale(0);-o-filter:grayscale(0);filter:grayscale(0);filter:gray}
.index_contact{padding:60px 0;background:#f3f3f3}

.index_contact .con .contact1{padding:50px 5%}
.index_contact .con .contact1 .tact{width:33.33333333%}
.index_contact .con .contact1 .tact .img{width:10%}
.index_contact .con .contact1 .tact .text{width:85%;margin-left:5%}
.index_contact .con .contact1 .tact .text .p1{text-align:left}
.index_contact .con .message .mess_con{width:100%}
.index_contact .con .message .mess_con .mess{width:31.666%;margin-right:2.501%;background:#fff;height:45px}
.index_contact .con .message .mess_con .mess:nth-child(3){margin-right:0}
.index_contact .con .message .mess_con .mess input{height:43px;border:1px solid #e4e4e4;line-height:43px;text-indent:1em;width:100%;color:#999}
.index_contact .con .message .mess_con .textarea{width:100%;background:#fff;height:150px;border:1px solid #e4e4e4;margin:20px auto}
.index_contact .con .message .mess_con .textarea textarea{height:100%;line-height:43px;text-indent:1em;width:100%;color:#999}
.index_contact .con .message .mess_con div[type=submit]{width:100%;height:60px;line-height:60px;color:#fff;background:#333;text-align:center;border-radius:5px;cursor:pointer}
.about .company{margin:70px auto}
.about .company .p1{font-size:60px;text-transform:uppercase}
.about .company .p2{font-size:24px;margin:30px auto}
.about .company .p3{font-size:14px;color:#666;line-height:24px}
.about .store{background:#f6f6f6;margin-bottom:60px}
.about .store .img{width:50%}
.about .store .text{width:36%;padding:3.8% 9.5% 3.8% 4.5%}
.about .store .text .p1{font-size:24px;padding-bottom:22px;border-bottom:3px solid #666;display:inline-block}
.about .store .text .p2{font-size:14px;color:#666;line-height:24px;margin-top:60px}
.about .history{background:url(../images/history_bg_1.jpg) no-repeat top;height:780px;overflow:hidden}
.about .history .ptit{font-size:28px;margin:45px auto;text-transform:uppercase}
.about .history .gallery-top{height:400px;margin:0 auto;width:100%;overflow:visible}
.about .history .gallery-top .p1{font-size:28px;color:#fff;display:block;background:#666;width:120px;height:120px;margin:80px auto;border-radius:50%;line-height:120px}
.about .history .gallery-top .p2{font-size:16px;color:#333;line-height:30px}
.about .history .gallery-top .swiper-button-next{right:14%}
.about .history .gallery-top .swiper-button-prev{left:14%}
.about .history .gallery-top .swiper-button-white{width:36px;height:36px;bottom:-158px;top:auto;background:0 0}
.about .history .gallery-bg{width:65.934065934065934065934065934066%;background:url(../images/history_line_1.jpg) center no-repeat;height:180px;overflow:hidden;margin:50px auto 30px}
.about .history .gallery-top .swiper-pagination2{display:none}
.about .history .gallery-thumbs{height:180px;width:100%}
.about .history .gallery-thumbs .swiper-wrapper .deve_num{cursor:pointer;background:url(../images/icon21_1.png) center no-repeat}
.about .history .gallery-thumbs .swiper-wrapper .deve_num .p2{text-align:center;font-size:16px;line-height:270px;color:#747474}
.about .history .gallery-thumbs .swiper-wrapper .deve_num:hover{background:url(../images/icon20_1.png) center no-repeat}
.about .history .gallery-thumbs .swiper-wrapper .deve_num:hover .p2{color:#333;font-size:22px;font-weight:700}
.about .history .gallery-thumbs .swiper-wrapper .swiper-slide-active{background:url(../images/icon20_1.png) center no-repeat}
.about .history .gallery-thumbs .swiper-wrapper .swiper-slide-active .p2{color:#333;font-size:22px;font-weight:700}


.about .ny_about_wrap{ display: flex;align-items: center}




.contact{padding:60px 0;background:#fff}
.contact .title .p1{font-size:60px;text-transform:uppercase}
.contact .title .p2{font-size:16px;color:#333;line-height:34px}
.contact .title .p3{font-size:14px;color:#666;line-height:34px}
.contact .con .ntact{padding:50px 5%}
.contact .con .ntact .tact{width:33.33333333%}
.contact .con .ntact .tact .img{width:10%}
.contact .con .ntact .tact .text{width:85%;margin-left:5%}
.contact .con .ntact .tact .text .p1{text-align:left;line-height:24px}
.contact .con .message .mess_con{width:100%}
.contact .con .message .mess_con .mess{width:31.666%;margin-right:2.501%;background:#fff;height:45px}
.contact .con .message .mess_con .mess:nth-child(3){margin-right:0}
.contact .con .message .mess_con .mess input{height:43px;border:1px solid #e4e4e4;line-height:43px;text-indent:1em;width:100%;color:#999}
.contact .con .message .mess_con .textarea{width:100%;background:#fff;height:150px;border:1px solid #e4e4e4;margin:20px auto}
.contact .con .message .mess_con .textarea textarea{height:100%;line-height:43px;text-indent:1em;width:100%;color:#999}
.contact .con .message .mess_con div[type=submit]{width:100%;height:60px;line-height:60px;color:#fff;background:#333;text-align:center;border-radius:5px;cursor:pointer}
.brand .brand1{margin:70px auto}
.brand .brand1 .p1{font-size:60px;text-transform:uppercase;line-height:50px}
.brand .brand1 .p2{font-size:16px;color:#666;margin:30px auto 60px}
.brand .brand1 .p3{font-size:14px;color:#666;line-height:24px}
.brand .brand2{background:#f6f6f6;margin-bottom:60px}
.brand .brand2 .img{width:50%}
.brand .brand2 .text{width:36%;padding:3.8% 9.5% 0 4.5%}
.brand .brand2 .text .p1{font-size:24px}
.brand .brand2 .text .p2{font-size:14px;color:#666;line-height:24px}
.brand .brand2 .text .brand_line{width:36px;height:2px;background:#333;margin:15px 0 40px}
.brand .brand2 .text .p3{font-size:14px;line-height:24px}
.info .title{margin-top:70px}
.info .title .p1{font-size:60px;text-transform:uppercase;line-height:50px}
.info .title .p2{font-size:16px;color:#666;margin:25px auto 55px}
.info .con{width:100%}
.info .con .info_a{width:23.275%;margin-right:2.3%;margin-bottom:60px}
.info .con .info_a:nth-child(4n){margin-right:0}
.info .con .info_a .img{width:100%;overflow:hidden}
.info .con .info_a .text .p1{font-size:20px;margin:25px auto;line-height:20px;height:20px;overflow:hidden}
.info .con .info_a .text .p2{font-size:14px;line-height:20px;overflow:hidden;color:#8c8c8c;height:40px}
.info .con .info_a .text .time{font-size:14px;color:#666;line-height:44px;margin-top:10px}
.info .info_more{width:140px;height:40px;background:#f1f1f1;color:#666;line-height:40px;border-radius:20px;text-align:center;margin:70px auto;cursor:pointer}
.info .con .info_a .text .p1:hover{font-weight:700}
.info .con .info_a .text .time:hover .img22{transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg)}
.info .info_more:hover{background:#333;color:#fff}
.info_detail .news_detail{background:#fff;margin-bottom:70px}
.info_detail .news_detail .text_left{width:100%;position:relative;margin-top:50px}
.info_detail .news_detail .text_left .title{width:98%;margin:0 auto;border-bottom:1px dotted #ccc}
.info_detail .news_detail .text_left .title .p1{font-size:22px;color:#333;line-height:30px;margin:0 auto 30px}
.info_detail .news_detail .text_left .title .p2{font-size:12px;color:#999;line-height:24px;margin:0 auto 35px}
.info_detail .news_detail .text_left .title .p2 span{color:#333;font-weight:700}
.info_detail .news_detail .text_left .contents{width:98%;margin:60px auto 0;border-bottom:1px dotted #ccc;padding-bottom:40px}
.info_detail .news_detail .text_left .contents .con{font-size:14px;color:#333;line-height:24px}
.info_detail .news_detail .text_left .contents .con img{max-width:100%!important;height:auto!important}
.info_detail .news_detail .text_left .anniu{width:98%;margin:50px auto 0}
.info_detail .news_detail .text_left .anniu .anniu_p{font-size:14px;color:#666;margin:0 auto 25px;overflow:hidden;width:100%;height:19px;text-overflow:ellipsis;white-space:nowrap}
.info_detail .news_detail .text_left .anniu .anniu_p .news_anniu{color:#333}
.info_detail .news_detail .text_left .anniu .anniu_p .news_anniu:hover{font-weight:700}
.products{ }
.products .pro_nav{line-height:130px}
.products .pro_nav .pro_a a{font-size:14px;color:#666}
.products .pro_nav .pro_a a:hover{color:#333;font-weight:700}
.products .pro_nav .pro_a a.on{color:#333;font-weight:700}
.products .con .pro_a{width:25%;overflow:hidden;border-bottom:1px solid #fff}
.products .con .pro_a .img{border-right:1px solid #fff;background:#f2f2f2}
.products .con .pro_a .img_bg{height:100%;left:0;right:1px;background:rgba(0,0,0,.3);z-index:10;text-align:center;bottom:100%}
.products .con .pro_a .img_bg .p1{font-size:22px;color:#fff;line-height:42px;display:inline-block;border-bottom:3px solid #fff;margin-top:20%}
.products .con .pro_a .img_bg .p2{font-size:14px;color:#f2f2f2;line-height:42px}
.products .con .pro_a:hover .img_bg{bottom:0}
.products .pro_more{width:140px;height:40px;background:#f1f1f1;color:#666;line-height:40px;border-radius:20px;text-align:center;margin:70px auto;cursor:pointer}
.products .pro_more:hover{background:#333;color:#fff}
.products_detail{margin-top:100px;position:relative}
.products_detail .detail{width:78.26%;border-right:1px solid #e7e7e7}
.products_detail .detail .con_img{width:calc(100%-40px);margin:40px 40px 40px 0;background:#f3f3f3}
.products_detail .detail .text{width:calc(100%-40px);margin:40px 40px 40px 0}
.products_detail .detail .text img{width:100%!important;height:auto!important}
.products_detail .detail_text{width:18.75%;position:fixed;top:150px;right:2.0833333333333333333333333333333%;z-index:10}
.products_detail .detail_text .anniu{width:100%;margin-bottom:76px}
.products_detail .detail_text .anniu .anniu_a{width:33.3333333%}
.products_detail .detail_text .anniu .anniu_a.left{text-align:left}
.products_detail .detail_text .anniu .anniu_a.right{text-align:right}
.products_detail .detail_text .p1{font-size:24px;margin-bottom:30px}
.products_detail .detail_text .p2{font-size:14px;color:#666;line-height:20px}
.products_detail .detail_text .weilian{width:120px;height:40px;border:1px solid #999;color:#666;text-align:center;line-height:40px;font-size:14px;margin:30px 0;vertical-align:middle}
.products_detail .detail_text.ap1{position:absolute;width:calc(21.74%-1px);right:0}
.products_detail .detail_text.fx1{width:18.75%;position:fixed;top:150px!important;right:2.0833333333333333333333333333333%}
.products_detail .detail_text1{width:95%;margin:30px auto;display:none}
.products_detail .detail_text1 .anniu{width:100%;margin-bottom:76px}
.products_detail .detail_text1 .anniu .anniu_a{width:33.3333333%}
.products_detail .detail_text1 .anniu .anniu_a.left{text-align:left}
.products_detail .detail_text1 .anniu .anniu_a.right{text-align:right}
.products_detail .detail_text1 .p1{font-size:24px;margin-bottom:30px}
.products_detail .detail_text1 .p2{font-size:14px;color:#666;line-height:20px}
.products_detail .detail_text1 .weilian{width:120px;height:40px;border:1px solid #999;color:#666;text-align:center;line-height:40px;font-size:14px;margin:30px 0;vertical-align:middle}

.pagination-wrapper{margin:20px 0}
.pagination{height:34px;text-align:center}
.pagination li{display:inline-block;height:34px;margin-right:5px}
.pagination li a{float:left;display:block;height:32px;line-height:32px;padding:0 12px;font-size:16px;border:1px solid #ddd;color:#555;text-decoration:none}
.pagination li a:hover{background:#f5f5f5;color:#09f}
.pagination li.thisclass{background:#09f;color:#fff}
.pagination li.thisclass a,.pagination li.thisclass a:hover{background:0 0;border-color:#09f;color:#fff;cursor:default}
.pagess{clear:both;margin:20px;overflow:hidden;margin-left:0;text-align:center;font-size:12px}
.pagess ul li{display:inline-block;border:1px solid #ccc;padding:2px 9px;margin:0 3px;line-height:20px;background:#fff;color:#999}
.pagess ul li:hover{background:#ccc;color:#fff;border:1px solid #ccc}
.pagess ul li:hover a{color:#fff}
.pagess ul li.thisclass{display:inline-block;border:1px solid #ccc;padding:2px 9px;margin:0 3px;background:#ccc;color:#fff}
.pagess ul li.thisclass a{color:#fff}
.pagess ul li a{display:block;color:#999}
.pagess ul li a:hover{color:#fff}
#tj{width:100%;height:60px;line-height:60px;color:#fff;background:#333;text-align:center;border-radius:5px;cursor:pointer;border:0}

.item_box{width:260px;display:none;position:absolute;left:50%;margin-left:-161px;bottom:0px;background:#fff;font-size:14px;border:1px solid #ccc;padding:26px 30px}
.item_box #checkcode{border:1px solid #ccc;height:30px;width:90px;margin-right:10px}
.item_box img{vertical-align:middle}
.item_box .sbtn{border:none;margin-top:15px;width:260px;font-size:14px;height:45px;color:#fff;background:#c70e14}
.item_box .close_item{margin-top:15px;text-align:center;cursor:pointer}


.info .title{margin-top:70px}
.info .title .p1{font-size:60px;text-transform:uppercase;line-height:50px}
.info .title .p2{font-size:16px;color:#666;margin:25px auto 55px}
.info .con{width:100%}
.info .con .info_a{width:23.275%;margin-right:2.3%;margin-bottom:60px}
.info .con .info_a:nth-child(4n){margin-right:0}
.info .con .info_a .img{width:100%;overflow:hidden}

.info .con .info_a .text .time{font-size:14px;color:#666;line-height:44px;margin-top:10px}
.info .info_more{width:140px;height:40px;background:#f1f1f1;color:#666;line-height:40px;border-radius:20px;text-align:center;margin:70px auto;cursor:pointer}
.info .con .info_a .text .p1:hover{font-weight:700}
.info .con .info_a .text .time:hover .img22{transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg)}
.info .info_more:hover{background:#333;color:#fff}
.info_detail .news_detail{background:#fff;margin-bottom:70px}
.info_detail .news_detail .text_left{width:100%;position:relative;margin-top:50px}
.info_detail .news_detail .text_left .title{width:98%;margin:0 auto;border-bottom:1px dotted #ccc}
.info_detail .news_detail .text_left .title .p1{font-size:22px;color:#333;line-height:30px;margin:0 auto 30px}
.info_detail .news_detail .text_left .title .p2{font-size:12px;color:#999;line-height:24px;margin:0 auto 35px}
.info_detail .news_detail .text_left .title .p2 span{color:#333;font-weight:700}
.info_detail .news_detail .text_left .contents{width:98%;margin:60px auto 0;border-bottom:1px dotted #ccc;padding-bottom:40px}
.info_detail .news_detail .text_left .contents .con{font-size:14px;color:#333;line-height:24px}
.info_detail .news_detail .text_left .contents .con img{max-width:100%!important;height:auto!important}
.info_detail .news_detail .text_left .anniu{width:98%;margin:50px auto 0}
.info_detail .news_detail .text_left .anniu .anniu_p{font-size:14px;color:#666;margin:0 auto 25px;overflow:hidden;width:100%;height:19px;text-overflow:ellipsis;white-space:nowrap}
.info_detail .news_detail .text_left .anniu .anniu_p .news_anniu{color:#333}
.info_detail .news_detail .text_left .anniu .anniu_p .news_anniu:hover{font-weight:700}
.info_detail .contents p{margin:12px 0;}


.page{padding:80px 0; text-align:center;}
.page a,
.page span{ display: inline-block;padding:5px 6px;margin:0 5px;border:1px solid #ccc;}

.cate{padding:0 0 80px 0;text-align: center;}
.cate a{display: inline-block;padding:10px 15px;margin:0 5px; background: #333;color:#fff;}
.cate a.on{ background: #dc514a;}

.wrap2 {max-width: 88%; margin: 0 auto;}

.about_content{padding:40px 0;}
.about_content p{margin:12px 0;}

.about .store .text p{margin:12px 0;line-height: 1.6em;}

.titlet .p1{font-size:36px}
.titlet .p2{font-size:16px;color:#999;line-height:40px}

.ddin_bg{ background: #000;padding:60px 0 70px 0; max-width: 95.8%;margin: 0 auto;margin-top:40px;}

.ddin_bg .index_info{margin:0 auto;}
.ddin_bg .titlet p{color:#fff;}
.ddin_bg .titlet .p2{color:#fff;font-size:24px;}
.ddin{width:80%;margin:0 auto ;padding-top:30px;}
.ddin a{ display: inline-block;  padding:30px 0;   width: 23%;  margin-right: 2%; background: #333;color:#fff; text-align: center;}
.ddin a:hover{ background: #cfb67e;}
.ddin a:hover .p3{color:#fff;}
.ddin a p{color:#fff;}
.ddin a .p1{ padding-bottom:10px;}
.ddin a .p1 img{ width: 50px;}
.ddin a .p2{ font-size:20px;padding-bottom:20px;}
.ddin a .p3{ color: #bfbfbf; line-height:1.8em}


.ddin a:nth-child(4n) {margin-right: 0; }

.pd60{ padding: 60px 0 20px 0}

.down_img{ width:28px;}
.pd50{padding-top:100px;}

.info_detail .news_detail .text_left .contents img{ max-width: 100%;}

.gg{margin-right:20px;float:right}
.gg img{ vertical-align:middle;margin-right:5px;}

#video{height: 570px ;}

@media screen and (max-width:1920px){
    #header .nav{ width: 830px;}
    #header .nav .nav_a{margin-right:45px;}
}

@media screen and (max-width:1680px){
    #video{height:530px;}
}

@media screen and (max-width:1600px){
    #video{height:530px;}
}

@media screen and (max-width:1440px){
    #header .nav{ width: 830px;}
    #header .nav .nav_a{margin-right:45px;}

    #video{height:515px;}
}

@media screen and (max-width:1366px){
    #header .nav{ width: 830px;}
    #header .nav .nav_a{margin-right:45px;}
    #video{height:515px;}
}

@media screen and (max-width:1200px){
    #header .nav{ width: 780px;}
    #header .nav .nav_a{margin-right:35px}
    .index_pro .con .swiper-slide .pro_a .img_bg .p1{margin-top:15%}
    .index_pro .con .index_pro_con .swiper-button-next{right:40%}
    .index_pro .con .index_pro_con .swiper-button-prev{left:40%}
    .index_about .text .p1{margin-top: 3%;}
    .index_about .text .p3{width:85%}
    .index_about .text .a1{margin:30px auto 0}
    .index_info .con .text .you{width:30%}
    .index_partner .con .text{width:25%}
    .wrap1{max-width:70%}
    .index_partner .title .p3{line-height:24px}
    .index_contact .title .p3{line-height:24px}
}


@media screen and (max-width:1108px){
    #header .nav .nav_a{margin-right:20px}
    #header .nav{ width: 660px;}

}


@media screen and (max-width:1000px){
    #header{height:30px;padding:31px 0 39px}
    #header .logo img{margin-top:6px}
    #header .menu{display:block;cursor:pointer}
    #header .menu_bg{left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.4);z-index:101}
    #header .menu_bg.on{display:block}
    #header .nav{float:none;position:fixed;top:0;bottom:0;right:-100%;width:55%;z-index:102;background:#fff;padding-top:50px}
    #header .nav.on{right:0}
    #header .nav .nav_a{float:none;margin-bottom:10px;text-indent:2em;line-height:30px}
    #header .nav .sousuo{float:none;margin-bottom:10px;text-indent:2em;line-height:30px;text-align:left;margin-left:28px}
    .top_bg .top_bg_con .top_bg_button{width:15px;height:30px;background-size:cover}
    #footer .footer_bottom .copyright{margin:20px auto}
    .kefu{display:none}
    .index_pro .con .swiper-slide .pro_a{width:50%}
    .index_about .text .p1{font-size:30px}
    .index_about .text .p3{width:95%}
    .index_about .text .a1{width:100px;height:30px;margin:20px auto 0;line-height:30px}
    .index_info .con .text .tent{width:69%}
    .index_info .con .text .tent .p3{line-height:24px}
    .index_info .con .text .you{width:30%}
    .index_info .con .text .you .time .p5{font-size:35px;line-height:59px}
    .wrap1{max-width:80%}
    .about .store .text{width:43%;padding:3% 3% 0}
    .about .store .text .p2{margin-top:20px}
    .info .con .info_a{width:49%;margin-right:2%;margin-bottom:40px}
    .info .con .info_a:nth-child(2n){margin-right:0}
    .products .con .pro_a{width:50%}

    .gg{float: none;
        margin-bottom: 10px;
        text-indent: 2em;
        line-height: 30px;
        text-align: left;
        margin-left: 28px;}
    .gg img{ vertical-align:middle;margin-right:5px;}

}



@media screen and (max-width: 750px){
    .ddin{width:98%;}
    .ddin a{width: 47%;  margin:0 1%;}
    .ddin a:nth-child(1),
    .ddin a:nth-child(2){ margin-bottom: 2%;}
    .ddin a .p1 img{ width: 30px;}
    .ddin a .p2{ font-size:16px}
    .ddin a .p3{ font-size:12px}

    .pd60{ padding: 40px 0 20px 0}

    .titlet .p1{font-size:26px}
    .titlet .p2{font-size:16px; }

    .cate{padding:0 0 40px 0;}

}


@media screen and (max-width:750px){
    #header{height:30px;padding:7px 0 13px}
    #header .menu_bg1{top:50px}
    #header .sou{top:50px}
    .top_bg.on{margin-top:50px}
    .products{ }
    .products_detail{margin-top:50px}
    .index_pro .con .index_pro_con .swiper-button-next{right:30%}
    .index_pro .con .index_pro_con .swiper-button-prev{left:30%}

    .index_about{display: block}
    .index_about .img{width:100%;float:none}
    .index_about .text{width:100%;margin:0 auto 20px;float:none}
    .wrap1{max-width:95%}
    .index_info .con .text .tent .p7{display:block}
    .index_info .con .text .tent{width:100%}
    .index_info .con .text .you{display:none}


    .index_pro .absolute{position:relative}
    .index_pro .con .swiper-slide .pro_a .img_bg{height:42px;line-height: 42px;font-size:14px;}
    .index_pro .con .swiper-slide .pro_a .img_bg .p1{font-size:14px;border-bottom:none;margin:0; width: 100%;height:42px;line-height: 42px;
        overflow: hidden;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        white-space:nowrap;
    }
    .index_pro .con .swiper-slide .pro_a .img_bg .p2{display:none;}
    .index_pro .con .swiper-slide .pro_a .img_bg img{display:none;}



    .products .absolute{position:relative}
    .products .con .pro_a .img_bg{height:42px;line-height: 42px;font-size:14px;}
    .products .con .pro_a .img_bg .p1{font-size:14px;border-bottom:none;margin:0; width: 100%;height:42px;line-height: 42px;
        overflow: hidden;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        white-space:nowrap;
    }
    .products .pro_a .img_bg .p2{display:none;}
    .products .pro_a .img_bg img{display:none;}


    .about .store .img{width:100%;float:none}
    .about .store .text{width:93%;padding:3%;float:none}
    .about .history .gallery-bg{display:none}
    .about .history .gallery-top .swiper-button-white{display:none}
    .about .history .gallery-top .swiper-pagination2{display:block}
    .about .history{height:600px}
    .brand .brand2 .img{width:100%;float:none}
    .brand .brand2 .text{width:93%;padding:3%;float:none}
    .products .con .pro_a .img_bg{bottom:0}
    .products_detail .detail{width:100%;border-right:0}
    .products_detail .detail_text{display:none}
    .products_detail .detail_text1{display:block}
    .products_detail .detail .con_img{width:100%;margin:40px 0}
    .products_detail .detail .text{width:100%;margin:40px 0}

    .pd50{padding-top:50px;}


    .about .ny_about_wrap{ display: block; }


}


@media screen and (max-width:640px){
    .cate{text-align: left;}
    .cate a{ width: 33.3333%;margin-bottom:10px;}

    .page{padding:50px 0;}

    .down_img{ width:20px;}

    .info_detail .news_detail .text_left .contents{
        margin: 35px auto 0;
    }

    .lianxi{bottom:0;right:0}
}


@media screen and (max-width:500px){

    .index_info .title .p1{font-size:.72rem}
    .index_info{margin:1.2rem auto}
    .index_info .con{margin-top:.5rem}
    .index_pro .title{line-height:2.6rem}
    .index_pro .title .p1{font-size:.72rem}

    .index_pro .con .index_pro_con{padding-bottom:100px}
    .index_pro .con .index_pro_con .swiper_button{width:30px;height:30px;bottom:30px}
    .index_pro .con .index_pro_con .swiper_button_cen{width:60px;height:30px;margin-left:-30px;bottom:30px}
    .index_partner{margin:1.2rem auto}
    .index_partner .title .p1{font-size:.72rem}
    .index_contact{padding:1.2rem 0}
    .index_contact .title .p1{font-size:.72rem}
    .index_contact .con .contact1{padding:.5rem 5%}
    .index_contact .con .contact1 .tact{width:100%;margin-bottom:10px}
    .index_contact .con .message .mess_con .mess{width:100%;margin-right:0;margin:20px auto 0}
    .contact{padding:1.2rem 0}
    .contact .title .p1{font-size:.72rem}
    .contact .con .ntact{padding:.5rem 5%}
    .contact .con .ntact .tact{width:100%;margin-bottom:10px}
    .contact .con .message .mess_con .mess{width:100%;margin-right:0;margin:20px auto 0}
    .about .company{margin:1rem auto}
    .about .company .p1{font-size:.72rem}
    .about .company .p2{font-size:18px;margin:.2rem auto}
    .about .history{height:530px}
    .about .history .ptit{font-size:24px;margin:.6rem auto}
    .about .history .gallery-top .p1{font-size:20px;width:2.4rem;height:2.4rem;margin:1rem auto;line-height:2.4rem}
    .about .history .gallery-top .p2{width:95%}
    .brand .brand1{margin:1rem auto}
    .brand .brand1 .p1{font-size:.72rem;line-height:.72rem}
    .brand .brand1 .p2{margin:0 auto .5rem}
    .brand .brand2{margin-bottom:1rem}
    .brand .brand2 .text .p1{font-size:20px}
    .brand .brand2 .text .brand_line{margin:.3rem 0 .4rem}
    .info .title{margin-top:.5rem}
    .info .title .p1{font-size:.72rem;line-height:1rem}
    .info .title .p2{margin:0 auto .5rem}
    .info .con{width:100%}
    .info .con .info_a{width:100%;margin-right:0;margin-bottom:.5rem}
    .info .con .info_a .text .p1{margin:.5rem auto}
    .info .con .info_a .text .time{margin-top:.2rem}
    .info .info_more{width:120px;margin:1rem auto}
    .products .pro_nav{line-height:2.6rem}
    .products .pro_nav .p1{font-size:.72rem}


    .products .pro_more{width:120px;margin:1rem auto}
    .products_detail .detail .con_img{margin:.8rem 0}
    .products_detail .detail .text{margin:.8rem 0}
    .products_detail .detail_text1{margin:.6rem auto}
    .products_detail .detail_text1 .anniu{margin-bottom:1rem}
    .products_detail .detail_text1 .p1{margin-bottom:.6rem}
    .products_detail .detail_text1 .weilian{margin:.6rem 0}

    .ddin a{ display: block;float:left;height: 220px;}

}
/* 500 */

@media screen and (max-width:480px){

    #video{height: auto ;}

    .products .cate a{ height:40px ; display: block;float:left; width:35%;}
}

@media screen and (max-width:320px){
    #footer{padding:0 10px;}

    .item_box{width:240px; left:50%;margin-left:-151px; padding:26px 30px}
    .item_box .sbtn{ width:220px; }

    #header .logo img{height:26px ;}

    .index_pro .con .swiper-slide .pro_a .img_bg .p1{font-size:12px; }
    .ddin_bg{padding:50px 0;}
    .ddin a{ display: block;float:left;height: 180px;}

    #video{height: auto ;}
}