/* Css Document */
html, body{-webkit-text-size-adjust:none;}
body{min-width: 1200px;margin: 0 auto;font-size: 13px;color: #505050;line-height: normal;font-style: normal;background: #fafafa;}
html, body, input, p, a, span, ul, li, dl, dt, dd, ol, select, td, th, input, textarea, button, div{font-family: "HELVETI1ca Neue","Microsoft Yahei","微软雅黑","Tohoma";}
a, a:link, a:visited, a:hover, a:active{text-decoration: none; outline: 0; color: #505050; }
a:hover{color: #035cac;}
small{display: block; font-size: 100%;}
img{max-width: 100%;
    display: block;
    margin: 0 auto;}
input, textarea, button, select, radio{outline: 0; border: 0;}
textarea{resize: none;}
a{outline:none; blr:expression(this.onFocus=this.blur()); /*按下鼠标图片周边不会出现虚线*/}
::-ms-clear, ::-ms-reveal{display: none; /*IE10 input X 去掉文本框的叉叉和密码输入框的眼睛图标 */}
.container{margin: 0 auto; width: 1400px;}

/* Grid */
.col-12x{width: 100%}
.col-11x{width: 88%}
.col-10x{width: 83.3333333333%}
.col-9x{width: 75%}
.col-8x{width: 66.6666666667%}
.col-7x{width: 58.3333333333%}
.col-6x{width: 50%}
.col-5x{width: 41.6666666667%}
.col-4x{width: 33.3333333333%}
.col-3x{width: 25%}
.col-2x{width: 16.6666666667%}
.col-1x{width: 8.3333333333%}


    .zybanner{width:100%;}
    .zybanner_bx{}
    .zybanner_bx .swiper-slide{}
    .zybanner_bx .swiper-slide img{}
    .zybanner_bx .swiper-pagination-bullet-active{background:#5d80c0}


.w80{width:80%;margin:0 auto}
.tanbox{  /*   display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px 10px; */
display:flex; 
justify-content:space-between; 
flex-wrap:wrap;
justify-content:center;align-items:center;display:flex;
}
.duanbox{width:1200px;    margin: 0 auto;}
.duanbox table{border-spacing: 0;    max-width: 100%;}
.tanbox table{width:70%}
.tanbox table td{width:auto}
table{table-layout: fixed;
    word-break: break-all;
    overflow: auto;
  }

/* header */
.header{height: 100px; background-color: #fff; +position: relative; +z-index: 10;}
.logo{z-index: 10000; left: 0; top: 23px; background-color: #fff; width: 380px;}
.top-twitter{right: 0; top: 36px;}
.top-twitter li{position: relative; display: inline-block; margin-left: 10px; width: 25px; height: 25px; +display: inline; +float: left;}
.top-twitter li:first-child{position: relative;top: -7px;padding-left: 15px;width: auto;color: #e34220;font-size: 16px;color: #999;background: url(../image/topicon.png) no-repeat 0 0; +top: 0;}
.top-twitter li:first-child strong{padding-left: 10px;color: #333;font-size: 19px;}
.top-twitter a{display: block; width: 25px; height: 25px; background: url(../image/topicon.png) no-repeat; opacity: .65; filter: alpha(opacity=65);}
.top-twitter a:hover{opacity: 1; filter: alpha(opacity=100);}
.top-twitter .icon-tel{background-position: center -58px;}
.top-twitter .icon-wechat{background-position: center -30px;}
.ewmbox{display: none; z-index: 99; left: 50%; top: 65px; margin-left: -55px; width: 111px; height: 119px; text-align: center; background: url(../image/wxbox.png) no-repeat; text-align: center; opacity: 0; filter: alpha(opacity=0);}
.ewmbox img{margin-top: 13px;}
.nav{margin: 0 auto; text-align: center; +margin-left: 400px;}
.nav li{position: relative; display: inline-block; +display: inline; +float: left;}
.nav li:first-child{margin-left:170px;}
.nav li >a{display: block; padding: 39px 15px 37px; font-size: 16px; color: #666; border-bottom: 3px solid #fff;} 
.nav li >a:hover, .nav li.active >a{color: #035cac; border-bottom: 3px solid #035cac;}
.dropmenu{position: absolute;top: 97px;left: 50%;margin-left: -77px;z-index: 10000;display: none;border-top: 3px solid #035cac;width: 150px;}
.dropmenu a{display: block;padding: 12px 0;font-size: 14px;color: #666;background: #fcfcfc;} 
.dropmenu a:hover{color: #035cac; background-color: #f0f0f0;}

/* footer */
.footer{padding: 50px 0; background-color: #f2f2f2;}
.footer li{float: left;}
.footer li:first-child{width: 610px; border-right: 1px solid #ccc;}
.footer li:first-child dl{float: left;width: 152px;}
.footer li:first-child dl dt{height: 45px;font-size: 16px;color: #333;}
.footer li:first-child dl dd a{display: block;font-size: 14px;color: #666;line-height: 32px;}
.footer li:first-child dl dd a:hover{color: #035cac;}
.f-contact{padding: 0 20px;width: 290px;}
.f-contact dt{margin-bottom: 32px; padding: 6px 0 6px 56px; background: url(../image/tel.png) no-repeat left center; font-size: 16px; color: #666;}
.f-contact dt strong{color: #333;}
.f-contact dd{margin-bottom: 10px; padding-left: 54px; font-size: 14px; line-height: 22px; color: #333; background-image: url(../image/footer.png); background-repeat: no-repeat;}
.f-icon-addr{background-position: 16px 3px;}
.f-icon-fax{background-position: 16px -28px;}
.f-icon-email{background-position: 16px -62px;}
.f-icon-tel{background-image: url(../image/tel1.png) !important; background-position: 14px 0;}
.f-ewm{width: 120px;}
.f-ewm img{width:100%}
.f-ewm p{margin-top: 22px; color: #333;}
.copyright{padding: 25px 0; background-color: #333; color: #fff;}
.copyright a{color: #f5f5f5;}
.copyright a:hover{color: #fff;}

/*--------------- index ---------------*/
.index-banner .item{height: 650px; background-repeat: no-repeat; background-position: center top;}
.index-banner .item a{display: block; width: 100%; height: 100%;}
.imgbox{background-repeat: no-repeat; background-color: #fff; background-position: center center; background-image: url(../image/loader.gif);}
.index{padding: 21px 0 39px;}
.index-title{margin-bottom: 14px; color: #666;} 
.index-title i{position: relative; top: 3px; padding-right: 8px; border-right: 1px solid #ccc; +top: 0;}
.index-title i img{+display: inline;}
.index-title span{padding-left: 8px;}
/* index ~ about */
.index-about{margin-right: 19px; padding: 17px 25px 22px; width: 250px; height: 201px; background-color: #fff;}
.index-about .article p{height: 78px; overflow: hidden; line-height: 26px; color: #999;}
.index-about .article img{margin-bottom: 12px;}
/* index ~ product */
.index-pro{width: 610px; background-color: #fff;}
.index-pro .left{width: 360px; height: 240px; background: #fff url(../image/loader.gif) no-repeat center center;}
.index-pro .filterbox{top: 192px; height: 48px;}
.index-pro .filterbox *{position: relative; color: #fff; font-size: 14px; line-height: 24px;}
.index-pro .filterbox p{margin: 0 20px;}
.index-pro .filterbox .ani-tit{padding-left: 23px; line-height: 48px; background-repeat: no-repeat; background-position: left center; background-image: url(../image/down.png);}
.index-pro .filterbox .ani-tit.down{background-image: url(../image/top.png);}
.index-pro .filterbox .ani-text{margin-bottom: 20px; height: 134px; overflow: hidden;}
.index-pro .right{padding: 17px 25px 22px; width: 200px;}
.index-pro .right ul li a{line-height: 32px; color: #999;}
.index-pro .right ul li a span{padding-right: 10px;}
.index-pro .right ul li a:hover{color: #333;}
/* index ~ service */
.index-service{width: 250px; height: 240px;}
.index-service li{position: relative; width: 250px; height: 110px;}
.index-service li:first-child{margin-bottom: 20px;}
.index-service li img.pa{top: 23px; left: 67px;}
.index-service li .index-title{right: 20px; bottom: 6px;}

/*--------------- about ---------------*/
.banner{height: 360px; background-repeat: no-repeat; background-position: center top;}
.local{height: 59px; line-height: 57px; background: #fff; border-bottom: 1px solid #e0e0e0; font-size: 14px; color: #999;}
.local a{display: inline-block; color: #999; line-height: 57px;}
.local a:hover{color: #035cac;}
.local a.active{border-bottom: 2px solid #035cac; color: #035cac;}
.local .left{padding-left: 13px; background: url(../image/home.jpg) no-repeat left center;}
.local .left a{padding: 0 10px;}
.local .right a{margin-left: 30px;}
.inner-title{margin: 50px 0; color: #666;}
.inner-title h3{margin-bottom: 12px;}
.content{padding-bottom: 60px;}

.about .box1 .article{margin: 50px 185px 0; padding-bottom: 50px; font-size: 14px; line-height: 26px; color: #666;} 
.about .box1 .article h6{margin-bottom: 35px; font-size: 24px; font-weight: normal;}
.about .box1 .picbox{margin: 35px auto 20px; width: 230px; height: 230px;}
.about .box1 .picbox em{position: absolute; top: 0; left: 0; width: 230px; height: 230px; background: url(../image/circle.png) no-repeat;} 
.about .box2{margin-top: 30px; padding: 40px 0;}
.about .box2 h5{text-align: center; margin-bottom: 25px; color: #333; font-size: 18px; font-weight: normal;}
.about .box2 ul{overflow: hidden; padding: 0 20px;} 
.about .box2 ul li{float: left; margin: 0 15px; width: 260px;}
.about .box2 ul li div{margin-bottom: 11px; width: 260px; height: 200px; overflow: hidden; background: #f7f7f7}
.about .box2 ul li div span{display: block; margin: 55px auto 0; width: 90px; height: 90px; overflow: hidden; background: url(../image/huangqi_pic3.jpg) no-repeat left top; transition: all 0.8s; -webkit-transition: all 0.8s; -moz-transition: all 0.3s;}
.about .box2 ul li div em{display: block; width: 90px; height: 90px; overflow: hidden; background-color: #666; background: url(../image/huangqi_icon1.png) no-repeat;}
.about .box2 ul li.hover div span{background: url(../image/huangqi_pic3.jpg) no-repeat left bottom;}
.about .box2 ul li p{font-size: 18px; color: #666; line-height: 35px;}
.about .box2 ul li p span{display: block; font-size: 14px; color: #999; line-height: 26px;}

.speech{padding: 120px;}
.speech .article{width: 532px; font-size: 14px; line-height: 28px; color: #666;}
.speech .picbox{width: 328px; height: 354px; overflow: hidden; text-align: center;}
.speech .picbox img{position: relative; top: 23px;}
.speech .picbox em{position: absolute; top: 0; left: 0; display: block; width: 328px; height: 354px; background: url(../image/circle_big.png) no-repeat;}

.service {padding: 20px; background: #fff;}
.service .left{width: 550px;}
.service .left img{margin-top: 20px;}
.service .left img:nth-of-type(1){margin-top: 0;}
.service .right{width: 590px;}
.service .right p{font-size: 14px; line-height: 28px; color: #666;}

.rattan{padding: 40px;}
.rattan .picbox{width: 390px;}
.rattan .article{width: 696px; font-size: 14px; line-height: 26px; color: #666;}

/*--------------- product ---------------*/
.product{height: 640px; background-repeat: no-repeat; background-position: center center;}
.product div{position: absolute; width: 260px; height: 260px; overflow: hidden;}
.product div a{display: block; width: 260px; height: 260px; overflow: hidden; background: #fff; background: url(../image/circle_white.png) no-repeat\9;}
.product div em{display: block; margin: 70px auto 15px; width: 60px; height: 60px; background-image: url(../image/huangqi_icon2.png); background-repeat: no-repeat;}
.product div p{margin: 0 auto; width: 200px; font-size: 18px; line-height: 24px; color: #666; text-align: center;}
.product div a:hover{background: #035cac; background: url(../image/circle_blue.png) no-repeat\9;}
.product div a:hover em{background-image: url(../image/huangqi_icon2_hover.png); animation: aniTop 1s ease-in-out; -webkit-animation: aniTop 1s ease-in-out;}
.product div a:hover p{color: #fff; animation: aniBottom 1s ease-in-out; -webkit-animation: aniBottom 1s ease-in-out;}
.product .box1{top: 39px; left: 195px;}
.product .box2{top: 185px; left: 470px;}
.product .box3{top: 39px; right: 195px;}
.product .box4{bottom: 39px; left: 195px;}
.product .box5{bottom: 39px; right: 195px;}
@-webkit-keyframes aniTop {
20%{transform: translate(0, -150%); -ms-transform: translate(0, -150%); -webkit-transform: translate(0, -150%); opacity: 0;}
100%{transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); opacity: 1;}
}
@keyframes aniTop {
20%{transform: translate(0, -150%); -ms-transform: translate(0, -110%); -webkit-transform: translate(0, -150%); opacity: 0;}
100%{transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); opacity: 1;}
}
@-webkit-keyframes aniBottom {
20%{transform: translate(0, 150%); -ms-transform: translate(0, 150%); -webkit-transform: translate(0, 150%); opacity: 0;}
100%{transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); opacity: 1;}
}
@keyframes aniBottom {
20%{transform: translate(0, 150%); -ms-transform: translate(0, 150%); -webkit-transform: translate(0, 150%); opacity: 0;}
100%{transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); opacity: 1;}
}

.details{margin-top: 60px;}
.details .box1 p{position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; font-size: 32px; color: #333; line-height: 70px; background: rgba(255,255,255,.85); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#d9ffffff,endColorstr=#d9ffffff); zoom:1;}
:root .details .box1 p{filter: none\9;}
.details .tit{margin-bottom: 33px; color: #333; line-height: 24px;}
.details .tit h6{margin-bottom: 3px;}
.details .article{padding: 55px 120px; margin-top: 8px; background: #fff; font-size: 14px; line-height: 24px; color: #333;}

/*--------------- contact ---------------*/
.contact{padding: 20px;}
.map{height: 500px; width: 100%;}
.anchorBL{display: none;}
.contact .f-contact{float: none; padding: 0 15px; width: auto;}
.contact .f-contact dt{margin-bottom: 25px; padding-left: 15px; padding-top: 30px; font-size: 26px; background: none;}
.apply{position: relative; margin-right: 110px; margin-top: 40px; padding-bottom: 40px;}
.apply th{text-align: right; width: 75px; font-size: 16px; color: #666; vertical-align: middle; +position: relative;}
.apply .required{margin: 4px 10px; padding: 11px 10px; width: 378px; font-size: 12px; color: #666; background: #f2f2f2; border: 1px solid #f2f2f2; +width: 370px; transition: border 0.4s; -webkit-transition: border 0.4s;}
.apply .required:focus{border: 1px solid #089d04 !important;}
.apply .submit{margin-top: 4px; margin-right: 23px; width: 100px; height: 30px; color: #fff; font-size: 14px; background: #035cac; border-radius: 3px; -webkit-border-radius: 3px; +position: absolute; +right: 0;}
.apply .submit:hover{background: #034e92;}
.apply .codebox{position: absolute; top: 4px; display: inline-block; width: 109px; height: 40px;}
.tips{display: none; z-index: 10; top: 50%; left: 50%; margin-top: -25px; margin-left: -125px; padding: 10px; width: 250px; line-height: 20px; text-align: center; font-size: 14px; color: #fff; border-radius: 3px; background: rgba(0,0,0,.75); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#bf000000,endColorstr=#bf000000); zoom:1;}
:root .tips{filter: none\9;}

/* public style */
.mt{margin-top: 0 !important;}
.mr{margin-right: 0 !important;}
.mb{margin-bottom: 0 !important;}
.ml{margin-left: 0 !important;}
.bgcolor-white{background: #fff;}
.bgcolor-gray{background: #f7f7f7;}
.blue{color: #035cac !important;}

.ft-11{font-size: 11px;}
.ft-12{font-size: 12px;}
.ft-13{font-size: 13px;}
.ft-14{font-size: 14px;}
.ft-15{font-size: 15px;}
.ft-16{font-size: 16px;}
.ft-17{font-size: 17px;}
.ft-18{font-size: 18px;}
.ft-19{font-size: 19px;}
.ft-20{font-size: 20px;}
.ft-21{font-size: 21px;}
.ft-22{font-size: 22px;}
.ft-23{font-size: 23px;}
.ft-24{font-size: 24px;}
.ft-26{font-size: 26px;}
.ft-30{font-size: 30px;}



.tl{text-align: left;}
.tc{text-align: center;}
.tr{text-align: right;}
.fl{float: left;}
.fr{float: right;}
.clear{clear: both;}
.pr{position: relative;}
.pa{position: absolute;}
.pf{position: fixed;}
.block{display: block;}
.none{display: none;}
.inline{display: inline-block;}
.hidden{overflow: hidden;}
.cap{text-transform: capitalize;}
.upper{text-transform: uppercase;}
.bold{font-weight: bold;}
.normal{font-weight: normal;}
.hand{cursor: pointer; _cursor: hand;}
.ff-ar{font-family:Arial !important;}
.ellipsis{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.justify{text-align:justify; text-justify: distribute-all-lines; text-align-last:justify; }
.filterbox{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); zoom:1;}
:root .filterbox{filter: none\9;}

/* css3 style */
.trans-3{transition: all 0.35s linear; -webkit-transition: all 0.35s linear; -moz-transition: all 0.3s linear;}
.trans-8{transition: all 0.8s; -webkit-transition: all 0.8s; -moz-transition: all 0.3s;}
.trans-12{transition: all 1.2s; -webkit-transition: all 1.2s; -moz-transition: all 0.3s;}
.scale-0x{-webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0);}
.scale-1x{-webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);}
.radius-5{-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.radius-half{-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
.shadow{-webkit-box-shadow: 7px 7px 7px #dad6d6; -moz-box-shadow: 7px 7px 7px #dad6d6; box-shadow: 7px 7px 7px #dad6d6;}


.newsli{margin-top:15px}
.newsli .picbox img{  max-width: 100%;
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 160px;
    object-fit: cover;}
.newsli .article h3{
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp:1;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 18px;
    margin-bottom: 5px;
}

.productbox{margin-top:50px}
.productbox .proli{
    width: 23.5%;
    float: left;
    margin-right: 2%;
    margin-bottom: 20px;
}
.productbox .proli:nth-child(4n+4){margin-right:0px}
.productbox .proli a{
    display: block;
    background-color: #1d4990;
}
.productbox .proli a div{
    width: 100%;
    overflow: hidden;
    height: 205px;
}
.productbox .proli a div img{transition: all .36s ease;width: 100%;height: 100%;object-fit: cover;border-radius: 2px;}
.productbox .proli a:hover img{transform:scale(1.1);}
.productbox .proli a p{
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp:1;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 16px;
    color: white;
    line-height: 40px;
    padding: 0px 5px;
    }



.danye{padding:15px}
.duanbox img{max-width:100% !important;height:auto}



/* 分页 */
/*列表翻页*/
.in_news+.list_page{border-top:none;}
.list_page {text-align: center;padding: 20px 0;}
.list_page a, .list_page span {padding:6px 12px;display: inline-block;font-size: 14px;margin: 0 4px ; border-radius: 20px;}
.list_page a {background:#f5f3ed;color: #000000;}
.list_page span, .list_page a:hover{background: #000000;color:#fff;}