body { font-family: Arial, 'Microsoft YaHei',"Open Sans", sans-serif; font-size: 14px; color: #333; }
input,
select,
textarea { font-family: 微软雅黑,"Open Sans", sans-serif; font-size: 1em;; }
.wrap { width: 96%; margin: 0 auto; max-width: 1200px; position: relative; }
a:hover { color: #de3c14 }
img, a { border: 0; }
iframe{width:100%;min-height:450px;}
ul, li { list-style: none; }
* { margin: 0; padding: 0; }
.flt { float: left; }
.frt { float: right; }
.clear { clear: both; }
.clear:after, .clear:before { content: ''; clear: both; display: table; }
img { max-width: 100%; }
.img { overflow: hidden; position: relative; }
.img img { display: block; }
.img:before { transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 1px solid rgba(255,255,255,0); z-index: 100 }
.img:hover:before { top: 10px; left: 10px; right: 10px; bottom: 10px; border: 1px solid rgba(255,255,255,0.5); }
.img:hover img { transform: scale(1.05) rotate(1deg); -o-transform: scale(1.05) rotate(1deg); -webkit-transform: scale(1.05) rotate(1deg); -moz-transform: scale(1.05) rotate(1deg); -ms-transform: scale(1.05) rotate(1deg); }

h3 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: bold; }
*, *:after, *:before { transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; }
.drop { transition: all 0s; -o-transition: all 0s; -webkit-transition: all 0s; -moz-transition: all 0s; -ms-transition: all 0s; }

.modal, .fp_modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000 }
.fp_modal { display: table; }
.modal { transition: all 0s; -o-transition: all 0s; -webkit-transition: all 0s; -moz-transition: all 0s; -ms-transition: all 0s; background: rgba(0,0,0,0.7); }
.fp_modal .cell { display: table-cell; vertical-align: middle; }
.modal_cont { max-width: 990px; margin: 0 auto; width: 90%; background: #fff; position: relative; }
.modal_cont .close { position: absolute; top: 10px; right: 10px; width: 32px; height: 32px; background: url(../img/wood/close.png) no-repeat center center #ccc; border-radius: 100%; cursor: pointer; }
.modal_cont .box { padding: 45px; }
/*----------header----------*/
.header { background: rgba(0,0,0,0.8); border-bottom: 1px solid rgba(255,255,255,.16); position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; }
.head { line-height: 42px; border-bottom: 1px solid #eee }
.logo { vertical-align: middle; line-height: 78px; }
.logo img { vertical-align: middle; }
.menu { margin-left: 20px; }
.menu > ul > li { float: left; margin: 0 10px; font-size: 16px; position: relative; }
.menu > ul > li .drop { display: none; width: 156px; left: 50%; margin-left: -68px; text-align: center; position: absolute; top: 100%; background: rgba(0,0,0,0.8); border: 1px solid rgba(255,255,255,0.16); border-top: 0;; }
.menu > ul > li .drop li { border-top: 1px solid rgba(255,255,255,0.16) }
.menu > ul > li .drop a { padding: 0; line-height: 46px; font-size: 14px; }
.menu > ul > li .drop a:hover { color: #ccc; background: rgba(0,0,0,0.8) }
.menu > ul > li a { display: block; padding: 23px; color: #fff; position: relative; }
.menu > ul > li:hover h3, .menu > ul > li:hover p, .menu > ul > li:hover label, .menu > ul > li.on h3, .menu > ul > li.on p, .menu > ul > li.on label { color: #de3c14 }
.menu > ul > li:hover label, .menu > ul > li.on label { transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); }
.menu > ul > li label { position: absolute; bottom: 5px; right: 5px; color: #fff; font-size: 14px; }
.menu > ul > li { text-align: center; }
.menu > ul > li h3 { line-height: 16px; font-weight: normal; color: #fff; margin-bottom: 10px; font-size: 14px; }
.menu > ul > li p { color: #b5b5b5; font-size: 12px; }
.tel {min-height:40px; margin-top: 20px; float: right; padding-left: 40px; background: url(../img/wood/icon1.png) no-repeat left center; line-height: 40px;font-size:20px; color: #fff; }
.tel h3 { font-weight: normal;letter-spacing:2px }
.tel h3 span { color: #b5b5b5 }
.banner .item { position: relative; }
.banner .item span { position: absolute; left: 0; top: 50%; font-size: 16px; transform: rotate(90deg); text-transform: uppercase; text-align: center; }
.banner .item span:after { content: ''; display: inline-block; width: 100px; height: 1px; margin: 0 auto; background: #fff; opacity: .6; vertical-align: middle; margin-left: 10px; }
.banner .item .text { left: 0; width: 100%; text-align: center; color: #fff; position: absolute; top: 50%; transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); }

.banner .text h1 { font-family: 'Palatino Linotype'; font-size: 140px; text-transform: uppercase; font-weight: normal; color: #de3c14; margin-bottom: 20px; }
.banner .text h2 { font-size: 62px; font-weight: normal; margin-bottom: 30px; letter-spacing: 4px; }
.banner .item .text p { color: #e5e4e4; font-size: 18px; }
.owl-theme .owl-dots .owl-dot span { width: 48px; height: 5px; border-radius: 0; margin: 0 5px; opacity: .5; }
.owl-theme .owl-dots { margin-bottom: 30px; }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #fff; opacity: 1; }

.banner .img1 { overflow: hidden; }
/*----------mainer----------*/
.main_list .item { padding-top: 50px; }
.page_tit { margin-bottom: 40px; line-height: 26px; }
.page_tit h3 { vertical-align: middle; display: inline-block; padding-left: 15px; border-left: 8px solid #de3c14; font-size: 26px; font-weight: normal; }
.page_tit a { float: right; display: block; padding-right: 40px; background: url(../img/wood/icon6.png) no-repeat right center; color: #666; }
.page_tit a:hover { color: #de3c14 }
.page_tit h3 span { font-size: 14px; color: #999; display: inline-block; padding-left: 10px; }

.full { position: fixed; top: 50%; right: 0; z-index: 1001; width: 175px; background: #2a2a2a }
.full li { line-height: 25px; border-bottom: 1px solid #343434 }
.full li a { display: block; padding: 13px 16px; font-size: 14px; color: #fff; }
.full li a:hover span { color: #de3c14 }
.full li a span { display: block; padding-left: 50px; }
.full li a span.span1 { background: url(../img/wood/icon2.png) no-repeat 10px center; }
.full li a span.span2 { background: url(../img/wood/icon3.png) no-repeat 10px center; }
.full li a span.span3 { background: url(../img/wood/icon4.png) no-repeat 10px center; }
.full li a span.span4 { background: url(../img/wood/icon5.png) no-repeat 10px center; }
.full li img { display: block; width: 138px; }
.full li .a_tel { background: #de3c14 }
.full li .a_tel h3 { font-size: 18px; text-align: center; letter-spacing: 2px; font-weight: normal; }
.full li:last-child { border-bottom: 0 }
.news_lt { width: 52%; float: left; }
.news_lt .img { width: 319px; float: left; margin-right: 30px; }
.news_lt .text { overflow: hidden; line-height: 26px; }
.news_lt .text h3 { padding-top: 5px; font-size: 18px; line-height: 58px; border-bottom: 1px dashed #d0d0d0; font-weight: 500; margin-bottom: 15px; }

.news_lt .text p { height: 52px; overflow: hidden; margin-bottom: 10px; }
.time { color: #999 }
.news_rt { max-width: 470px; width: 45%; float: right; }
.news_rt li { line-height: 62px; border-bottom: 1px dashed #d0d0d0 }
.news_rt li a { display: block; padding-right: 90px; position: relative; color: #333; font-size: 16px; padding-left: 28px; background: url(../img/wood/icon10.jpg) no-repeat left center; }
.news_rt li a:hover { background: url(../img/wood/icon10-1.jpg) no-repeat left center; }
.news_rt li a:hover span, .news_rt li a:hover h3 { color: #de3c14; }

.news_rt li h3 { color: #333; font-size: 16px; font-weight: normal; }
.news_rt li span { position: absolute; top: 0; right: 0; color: #999 }
.news_rt li:last-child { border-bottom: 0 }
.about .img { width: 319px; float: left; margin-right: 30px; }
.about .text { overflow: hidden; line-height: 32px; }
.about .text h3 { line-height: 62px; border-bottom: 1px dashed #d0d0d0; font-size: 18px; color: #000; font-weight: normal; margin-bottom: 15px; }
/*----------footer----------*/
.footer { }
.foot { background: #de3c14; }
.f_logo { float: left; width: 20%; line-height: 100px; }
.f_logo img { vertical-align: middle; }
.f_nav ul li { display: inline-block; line-height: 14px; padding: 0 15px; border-right: 1px solid #e8775b }
.f_nav ul { display: inline-block; vertical-align: middle; }
.f_nav { margin-top: 35px; line-height: 35px; color: #fff; }
.f_nav li a { color: #fff; }
.f_nav.flt { width: 30% }
.f_nav.frt { width: 50%; text-align: right; }
.f_nav li:last-child { padding-right: 0; border-right: 0 }
.f_nav span { display: inline-block; line-height: 14px; vertical-align: middle; }
.copyright { padding: 25px 0; line-height: 32px; color: #666; background: #fff; text-align: center; }




.pagesize { text-align: center; margin-top: 50px; }
.pagesize a { display: inline-block; line-height: 34px; width: 34px; height: 34px; vertical-align: middle; margin: 5px; background-position: center center; background-repeat: no-repeat; background-color: #f4f4f4; }
.pagesize a.prev { background-image: url(../img/wood/prev.png); }
.pagesize a.next { background-image: url(../img/wood/next.png); }
.pagesize a:hover, .pagesize a.on { background-color: #de3c14; color: #fff; }

.banner img { display: block; }
.page_banner .text { margin-top: 40px; }
.page_tag ul li { max-width: 180px; width: 19%; display: inline-block; padding: 14px 0; vertical-align: middle; margin-left: -3px; }
.page_tag ul { overflow: hidden; }
.page_tag ul li:first-child a { border-left: 1px solid #e6e6e6 }
.page_tag { text-align: center; background: #f5f6f7 }
.page_tag a { color: #666; display: block;   font-size: 14px; border-right: 1px solid #e6e6e6; line-height: 22px; }

.page_tag li{overflow:hidden;}
.page_tag li:hover, .page_tag li.on { background: #de3c14; color: #fff; position: relative; z-index: 100 }
.page_tag li:hover a, .page_tag li.on a { border-color:#de3c14; color: #fff; }
.page_tag li:hover{z-index:101}
.div_pos { line-height: 45px; color: #999 }
.div_pos a { color: #999; }
.div_pos p { padding-left: 25px; background: url(../img/wood/icon9.png) no-repeat left center; }
.div_pos a.on, .div_pos a:hover { color: #de3c14 }
.details .tit h2 { text-align: center; font-size: 26px; font-weight: normal; line-height: 46px; }
.details .tit { margin-bottom: 25px; border-bottom: 1px dashed #d0d0d0; padding-bottom: 30px; }
.details .tit.tit_border_none { border-bottom: 0; padding-bottom: 0 }
.details .tit h2:after, .details .tit h2:before { content: ''; display: inline-block;; width: 14px; height: 1px; background: #e97d62; border-top: 1px solid #f4beb1; vertical-align: middle; }
.details .tit h2:after { margin-left: 20px; }
.details .tit h2:before { margin-right: 20px; }
.details .text { padding-bottom: 50px; margin-bottom: 50px; border-bottom: 1px dashed #d0d0d0; line-height: 32px; }
.details .text h3 { font-size: 18px; font-weight: normal; white-space:normal;}
.center { text-align: center; }
.div_video .video { position: relative; background: #000 }
.div_video .video img { display: block; opacity: .3 }
.div_video .video span { position: absolute; top: 50%; left: 0; right: 0; margin: 0 auto; margin-top: -34px; width: 68px; height: 68px;; background: url(../img/wood/icon8.png) no-repeat center center; cursor: pointer; }
/*----------custom----------*/
.text_contact .img { width: 50%; float: right; }
.text_contact .item { overflow: hidden; line-height: 26px; }
.text_contact .item h3 { font-size: 18px; font-weight: normal; margin-bottom: 15px; }
.text_contact { padding: 50px 0; border-bottom: 1px dashed #d0d0d0 }
.contact { max-width: 560px; width: 95%; margin-top: 20px; }
.contact li { width: 50%; float: left; }
.contact li.li1 { width: 100%; }
.contact li .box { margin: 10px; line-height: 44px; position: relative; border: 1px solid #e6e6e6; padding-left: 32px; background: #f5f6f7 }
.contact li .box label { color: #bababa; position: absolute; left: 14px; top: 16px; font-size: 22px; line-height: 20px; }
.div_input input { width: 100%; border: 0; font-variant: normal; background: none; }
.div_textarea textarea { width: 100%; border: 0; height: 94px; resize: none; background: none; padding: 10px 0; display: block; }
.contact li .box label.lbl { color: #de3c14; }
.contact ul { margin: -10px; }
.div_btn { margin: 50px 0; text-align: center; }
.div_btn a { display: block; width: 180px; line-height: 50px; background: #de3c14; font-size: 18px; margin: 0 auto; color: #fff; }
.div_btn a:hover { background: #a92100 }

.partner_box { position: relative; min-height: 500px; padding-left: 290px; margin-bottom: 80px; overflow: hidden; }
.partner_menu { width: 250px; position: absolute; left: 0; top: 0; bottom: 0; background: #f5f6f7; border: 1px solid #e6e6e6 }
.partner_menu li a { display: block; padding: 30px; font-size: 18px; }
.partner_menu li span { display: inline-block; padding-left: 28px; background: url(../img/wood/icon10.jpg) no-repeat left center; }
.partner_menu li { border-bottom: 1px solid #e6e6e6 }
.partner_menu li.on a, .partner_menu li a:hover { background: #fff; }
.partner_menu li.on span, .partner_menu li a:hover span { background: url(../img/wood/icon10-1.jpg) no-repeat left center; color: #de3c14 }
.partner_list li { padding: 40px 0; border-top: 1px dashed #d0d0d0; line-height: 26px; }
.partner_list li h3 { font-size: 18px; font-weight: normal; padding-left: 15px; border-left: 4px solid #de3c14; line-height: 18px; margin: 10px 0; }
.partner_list li .text1 { padding: 1px; padding-top: 5px;; }
.partner_list li:after { content: ''; display: block; clear: both; }
.partner_list ul { border-bottom: 1px dashed #d0d0d0 }
.partner_list li .img { width: 108px; height: 108px; float: left; border: 1px solid #e6e6e6; margin-right: 30px; }


ul:after { content: ''; display: block; clear: both; }
.pro_list li { width: 25%; float: left; }
.pro_list li a { display: block; margin: 9px; }
.pro_list ul { margin: -9px; }
.pro_list { overflow: hidden; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #d0d0d0; }
.pro_list li .text { padding: 0 20px; line-height: 60px; }
.pro_list li .text h3 { font-size: 16px; font-weight: normal; padding-right: 30px; background-repeat: no-repeat; background-position: right center; text-align: center; }
.pro_list li a:hover { box-shadow: 0 5px 20px rgba(0,0,0,0.1); }
.pro_list li a:hover .text h3 { background-image: url(../img/wood/icon11.png); color: #de3c14; text-align: left; }
.pro_lt { width: 50%; float: left; margin-right: 30px; }
.img_big img { display: block; }
.img_big { white-space: nowrap; margin-bottom: 20px; overflow: hidden; }
.img_big .img { display: inline-block; width: 100%; }
.img_big .img img { width: 100%; }
.img_smoll { position: relative; padding: 0 55px; }
.img_smoll .item:after { content: ''; display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; border: 2px solid transparent; }
.img_smoll .item.on:after { border-color: #de3c14; }
.img_smoll .item { cursor: pointer; position: relative; width: 143px; height: 95px; margin: 0 10px; overflow: hidden; }
.img_smoll .owl-theme .owl-controls { height: 1px; left: -55px; right: -55px; width: auto; top: 0; bottom: auto; }
.img_smoll .owl-theme .owl-controls .owl-nav [class*=owl-] { width: 42px; height: 94px; border: 1px solid #e6e6e6; background: #f5f6f7 url(../img/wood/cur1.png) no-repeat center center; margin: 0; padding: 0; border-radius: 0 }
.img_smoll .owl-theme .owl-controls .owl-nav .owl-prev { float: left; }
.img_smoll .owl-theme .owl-controls .owl-nav .owl-next { float: right; background-image: url(../img/wood/cur2.png); }
.img_smoll .owl-theme .owl-controls .owl-nav [class*=owl-]:hover { opacity: 1; background-color: #eee; }

.img_cur { position: absolute; top: 0; left: 0; right: 0; }
.img_cur span { cursor: pointer; display: block; width: 42px; height: 94px; border: 1px solid #e6e6e6; background: #f5f6f7 url(../img/wood/cur1.png) no-repeat center center; margin: 0; padding: 0; border-radius: 0 }
.img_cur span.prev { float: left; }
.img_cur span.next { float: right; background-image: url(../img/wood/cur2.png); }
.img_cur span:hover { background-color: #eee; }
.pro_rt { overflow: hidden; }
.pro_rt li { padding: 25px 0; line-height: 26px; border-bottom: 1px dashed #d0d0d0 }
.pro_rt li:first-child { padding-top: 0 }
.pro_rt li:last-child { padding-bottom: 0; border-bottom: 0 }
.pro_rt li h3 { line-height: 18px; font-size: 18px; padding-left: 10px; border-left: 4px solid #de3c14; font-weight: normal; margin-bottom: 15px; }
.news_list li { }
.news_list li a:after { content: ''; display: block; clear: both; }
.news_list li:first-child { margin-top: -20px; }
.news_list li .img { width: 332px; margin-right: 60px; float: left; }
.news_list .text { overflow: hidden; line-height: 26px; }
.news_list .text h3 { color: #000; font-size: 18px; font-weight: normal; line-height: 60px; }
.news_list .text p { height: 52px; overflow: hidden; margin-bottom: 40px; color: #333 }
.news_list .text .bottom span { color: #999 }
.news_list { overflow: hidden;; }
.news_list .text .bottom label { display: inline-block; float: right; padding-right: 40px; background: url(../img/wood/icon6.png) no-repeat right center; color: #000 }
.news_list a:hover .text h3 { text-decoration: underline; }
.news_list a:hover .text h3, .news_list a:hover .text label { color: #de3c14 }
.news_list li:hover { box-shadow: 0 2px 10px rgba(0,0,0,0.2); }
.news_list li:hover a { border-color: #fff; margin-top: -1px; z-index: 10; position: relative; background: #fff; margin-bottom: 1px; }
.news_list a { display: block; padding: 40px 0; border-bottom: 1px dashed #d0d0d0 }
.details .tit2 { padding-bottom: 20px; border-bottom: 1px dashed #d0d0d0; margin-top: 20px; margin-bottom: 30px; }
.details .tit2 h2 { font-size: 22px; line-height: 22px; font-weight: normal; padding-left: 12px; border-left: 6px solid #de3c14; margin-bottom: 15px; }
.details .tit2 p span { display: inline-block; margin-right: 30px; margin-top: 10px; color: #999 }
.text_cur li { width: 50%; float: left; }
.text_cur a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; margin: 1px; padding-left: 30px; padding-right: 100px; position: relative; display: block; line-height: 76px; background: #f5f6f7; color: #333; }
.text_cur a span { position: absolute; top: 0; bottom: 0; right: 0; display: block; padding-right: 40px; background: url(../img/wood/icon12.png) no-repeat right center; color: #fff; opacity: 0 }
.text_cur { margin-bottom: 50px; }
.text_cur a:hover { background: #de3c14; color: #fff; text-align: left; }
.text_cur a:hover span { opacity: 1; right: 40px; }
.zs_list li { text-align: center; font-size: 16px; width: 25%; float: left; }
.zs_list li:nth-child(4n+1) { clear: both; }
.zs_list li a { display: block; margin: 20px; }
.zs_list li a:hover p { color: #de3c14 }
.zs_list li p { color: #333 }
.zs_list ul { margin: 0 -20px; border-bottom: 1px dashed #d0d0d0; padding-bottom: 20px; }
.zs_list { overflow: hidden; }
.zs_list .img {display:inline-block; border: 1px solid #d0d0d0; margin-bottom: 20px; }

@media only screen and (max-width: 1600px) {
    .banner .text h1 { font-size: 120px; }
    .banner .text h2 { font-size: 50px; }
}

@media only screen and (max-width: 1300px) {
    .f_nav.frt { text-align: left; }
    .f_nav li:first-child { padding-left: 0; }
    .f_nav.frt span { margin-right: 10px; }
    .f_nav.frt { float: left; width: 70%; margin-top: 0px }
    .f_logo { line-height: 85px; }
    .f_nav.flt { margin-top:7px; }
    .news_lt { width: 55%; }
    .wrap { max-width: 1000px; }
    .menu > ul > li { margin: 0 5px; }
    .news_lt .img { margin-right: 20px; width: 280px; }
    .about .text h3 { line-height: 52px; }
    .copyright { padding: 15px 0; line-height: 25px; }
    .page_tit { margin-bottom: 20px; }
    .news_rt li { line-height: 56px; }
    .news_lt .text h3 { line-height: 56px; padding-top: 0 }
    .news_rt { width: 40%; }
    .contact li .box { margin: 5px; }
    .contact ul { margin: -5px; }
    .text_contact .img { width: 500px; }
    .text_contact .item h3 { margin-bottom: 0 }
    .contact { margin-top: 10px; }
    .contact li .box { line-height: 40px; }
    .div_textarea textarea { height: 88px; }
    .details .text h3 { margin-bottom: 5px; }
    .pro_lt { width: 500px; }

    .img_smoll .item { margin: 0 2px; }
    .pro_rt li { padding: 18px 0; }
    .zs_list li a { margin: 10px; }
    .zs_list ul { margin: -10px; }
}

@media only screen and (max-width: 1400px) {
    .banner .text h2 { font-size: 40px; margin-bottom: 20px; }
    .banner .img1 img { max-width: initial; width: 130%; margin-left: -15%; }
    .banner .text h1{ font-size:100px;}
}

@media only screen and (max-width: 1100px) {
    .menu { position: fixed; top: 0; left: -100%; width: 100%; height: 100%; background: #000; }
    .menu ul li a{ padding:10px 5px;line-height:20px;}
    .menu ul li{ border-bottom:1px solid #222;}
    .menu > ul > li h3 { margin-bottom: 0 }
    .menu > ul > li p{ }
    .menu ul li { float: none; display: block;   padding: 0 }
 
    .menu>ul { padding-top: 60px; }
    .menu > ul > li .drop{ position:initial; top:auto; left:auto; right:auto; bottom:auto; width:auto; margin:0 auto;border-bottom:0}
    .header .logo { position: relative; z-index: 1001; line-height: 60px; }
    .menu_wrap { position: absolute; top: 50%; margin-top: -20px; width: 40px; height: 40px; background: url(../img/wood/menu.png) no-repeat center center #de3c14; background-size: 25px auto; right: 5px; }
    .h_menu .menu_wrap { background: url(../img/wood/menu-1.png) no-repeat center center #de3c14; background-size: 25px auto; }
    .h_menu .menu { left: 0; }
    .header { line-height: 60px; }
    .wrap { width: 96%; max-width: initial; }
    .menu { margin: 0 auto; }
    .tel { margin-right: 80px; margin-top: 18px; }
    .header .logo { line-height: 80px; }
    .full{display:none;}
    .f_logo{width:25%;}
    .banner .text h1 { font-size: 80px; }
    .banner .text{ margin-top:30px;}
}

@media only screen and (max-width: 1000px){
    .news_lt .img{width:250px;}
    .news_rt{width:43%;}
    .page_tit h3{ font-size:20px; line-height:20px;}
    .news_list a{padding:20px 0}
    .news_list li .img{ margin-right:40px;}
    .partner_menu li a{ padding:20px;}
    .partner_menu{width:200px;}
    .partner_box{ padding-left:230px;}
    .partner_list li{ padding:20px 0;}
    .pagesize{margin-top:30px;}
    .pro_lt{width:400px;}
    .img_big{ margin-bottom:10px;}
    .f_nav.flt { width: 70%; }
    .f_nav.frt span { display: none; }
    .f_logo{width:30%;}
    .pro_lt{width:500px;float:none;margin-bottom:20px;}
    .details .text{padding-bottom:30px; margin-bottom:30px;}
    .banner .text h1 { font-size: 60px; }
    .banner .text h2{ font-size: 30px; }
    .banner .item span{ left:-50px;} 
    .page_banner .img1 img{max-width:initial;width:150%; margin-left:-25%;}

}

@media only screen and (max-width: 750px) {
    .zs_list li:nth-child(2n+1) { clear: both }
    .zs_list li { width: 50%; }
    .pro_list li{width:50%;}
    .pro_list li .img{display:inline-block; margin:0 auto;}
    .pro_list li a{ text-align:center;}
    .pro_list li .text h3{ line-height:40px;}
    .pro_lt{width:100%; float:none; margin:0;margin-bottom:20px;}
    .partner_menu {width:auto; position: initial; top: auto; left: auto; right: auto; bottom: auto; margin-bottom:20px;overflow:hidden;}
    .partner_box{padding-left:0}
    .partner_menu li a{font-size:16px; padding:15px;}
    .partner_menu li:last-child{ width:100%; border:0}
    .partner_menu li { width: 50%; float: left; }
    .news_list li .img{width:250px;margin-right:15px;;}
    .news_list .text h3{ line-height:30px;padding-top:5px;}
    .news_list .text p{ margin-bottom:35px;}
    .ht70{ height:30px;}
    .ht20{ height:10px;}
    .news_rt, .news_lt { width: 100%; float: none; max-width:inherit}
    .news_rt li{ line-height:35px;}
    .about .text{ overflow:initial;line-height:28px;}
    .f_logo{width:40%;line-height:50px;}
    .foot{padding:10px 0}
    .main_list .item{ padding-top:20px;}
    .f_nav { width: 100% !important; }
    .about .img { margin-right: 20px; }
    .text_contact .img{width:100%; margin:0; float:none;margin-bottom:20px;}
    .contact{ max-width:inherit;width:100%;padding-bottom:20px;}
    .div_btn{ margin:20px 0;}
    .text_contact { padding: 0 }
    .details .tit h2{ font-size:22px;}
    .details .tit{ padding-bottom:10px; margin-bottom:15px;}
    .details .text{ line-height:26px;}
    .page_banner .img1 img { max-width: initial; width: 180%; margin-left: -40%; }
    .text_cur li{width:100%; margin-bottom:10px;}
    .text_cur a{ line-height:40px;padding-left:20px;}
}

@media only screen and (max-width: 550px) {
    .tel { display: none; }
    .header .logo { line-height: 60px; }
    .header .logo img { height: 40px; }
    .banner .text h1 { font-size: 30px; }
    .banner .text h2 { font-size: 20px;margin-bottom:10px; }
    .banner .text p { font-size: 12px; }
    .banner .text span { display: none; }
    .banner .img1 img { width: 150%; margin-left: -25%; }
    .about .img, .news_lt .img { width: 100%; margin: 0; float: none; }
    .f_logo{width:100%; text-align:center;float:none;}
    .f_nav{width:100% !important; text-align:center;}
    .f_nav.frt{ text-align:center; line-height:20px;}
    .f_nav ul li { padding: 0 5px; }
    .page_tag ul{ white-space:nowrap;overflow-x:auto;}
    .page_tag ul li{width:auto;max-width:initial; text-align:center;}
    .page_tag ul li a{display:block;width:auto; padding:0 15px;text-align:center;}
    .page_tag ul li.on a{border-right:0; position:relative;z-index:10}
    .page_banner .img1 img { max-width: initial; width: 200%; margin-left: -50%; }
     .news_lt .img{width:200px; float:left;margin-right:10px;}
    .news_lt .text h3 { line-height: 40px; margin-bottom:5px;}
    .news_rt li a{ padding-left:15px;}
    .news_rt li h3{ font-size:14px;}
    .news_lt{ margin-bottom:15px;}
    .news_lt .text p { margin-bottom: 0 }
    .news_list li .img{width:200px;}
    .news_list .text p{ margin-bottom:10px;}
    .news_list a{ padding:10px 0}
    .pagesize{ margin-top:20px;}
    .partner_list li{ padding:10px 0;}
    .partner_box{ margin-bottom:30px;}
    .pro_list li .text{ padding:0 10px;}
    .div_video iframe{height:350px !important;}

}
.pagination{    display: flex;justify-content: center;}
.pagination span {
    display: inline-block;
    line-height: 34px;
    width: 34px;
    height: 34px;
    vertical-align: middle;
    margin: 5px;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #f4f4f4;
}
.pagination li.active span {background-color: #de3c14;color: #fff;}