@charset "utf-8";
/* CSS Document */

* { margin:0; padding:0; list-style:none; text-decoration:none;border:0; font-style:normal; font-weight:normal; font-family:"微软雅黑";}
/*清楚浮动*/
.clearfix:after,.clearfix:before{ content:""; display:table;}
.clearfix:after{ clear:both;}
.clearfix{*zoom:1;}




/* ===========公司简介header============ */
.header {width:84%; height:100px;margin:0 auto; overflow:hidden; }
.nav {diplay:block;text-align:right;padding-right:100px;}
.nav li {display:inline-block; padding:0 2.5%;height:100px; line-height:100px; background:url(../images/lin1.jpg) right center no-repeat;}
.nav li:nth-of-type(5) {background:none;padding-right:0;background:none;}
.nav li:last-of-type {display:none;}
.nav a {display:block;font-size:14px;color:#333; position:relative;}
.nav a:after {content:"";display:block;width:0;height:1px; background-color:#999; margin:0 auto; position:absolute;bottom:36px;left:0;right:0;
-webkit-transition: all .7s;
   -moz-transition: all .7s;
    -ms-transition: all .7s;
     -o-transition: all .7s;
        transition: all .7s;
}
.nav a:hover:after {width:100%;}


/* ===========公司简介logo============ */
.menu,.menu-close {display:none;}
.logo { position:absolute;top:20px;left:8%;z-index:9;width:14%; min-width:120px; max-width:160px;}
.public-lang{width:80px;height: 25px;border-radius: 12px;background:rgba(0,0,0,.85);position: absolute;right:8%;top: 28px;z-index: 10;text-align: center;}
.public-lang a{display: inline-block;width: 30px;height: 19px; color:#fff;font-family: "微软雅黑";margin-top: 3px;line-height: 19px;border-radius: 7px;}
.public-lang a.on{background: rgba(255,255,255,.2);}



/* ===========公司简介left============ */
.introduce .int_left:after {content:""; display:block; width:100%; height:2px; background-color:#fff; position:absolute;bottom:2px;z-index:10;}
#slb .item {height:calc(100vh - 160px);background-repeat:no-repeat; background-position:center top; background-size:cover;}
#slb .owl-dots{width:100%;position:absolute; z-index: 2;bottom:24px; text-align:center;}
#slb .owl-dot{display:inline-block; width:10px;height:10px;margin:0 10px;background:rgba(255,255,255,0.5);border-radius:3px;}
#slb .owl-dot.active{background:#fff;}




/* ===========公司简介right============ */
.introduce { width:100%; height:auto; overflow:hidden; background:#f8f8f8;}
.introduce .int_left {float:left;width:51%;position:relative;}
.introduce .int_right {float:right;width:36%;padding:0 8% 0 5%;position:relative;}
.introduce .int_right:after {content:"";display:block;width:100%;height:2px; background-color:#e5e5e5; margin:0 auto; position:absolute;bottom:0;left:0;right:0;
-webkit-transition: all .7s;
   -moz-transition: all .7s;
    -ms-transition: all .7s;
     -o-transition: all .7s;
        transition: all .7s;
}
.introduce .int_right .int_info {}
.introduce .int_right h1{font-size:36px;color:#bbbbbb; letter-spacing:1px;padding:10px 0 5px 0; position:relative; display:inline-block;}
.introduce .int_right h1:after {content:"";display:block;width:0;height:1px; background-color:#999; margin:0 auto; position:absolute;bottom:0;left:0;right:0;
-webkit-transition: all .7s;
   -moz-transition: all .7s;
    -ms-transition: all .7s;
     -o-transition: all .7s;
        transition: all .7s;
}
.introduce:hover .int_right h1:after {width:100%;}
.introduce .int_right h2 { font-size:12px;color:#bbbbbb;padding:5px 0 20px 0;}
.introduce .int_right .texts p {font-size:14px; color:#333333;line-height:24px; margin-bottom:5px;}
.introduce .int_right .int_info .texts {overflow-y:auto;height:calc(100vh - 160px - 103px); padding-right:10px;}
.introduce .int_right .int_info .texts::-webkit-scrollbar-track-piece {width:5px;background-color:#fff}/* 滚动条背景 */
.introduce .int_right .int_info .texts::-webkit-scrollbar {width:5px;background-color:#fff;}/* 滚动条背景 */
.introduce .int_right .int_info .texts::-webkit-scrollbar-thumb {width:5px;background-color:#666;}/* 滚动条背景 */
.introduce .int_right .int_info .texts::-webkit-scrollbar-thumb:hover {width:5px;background-color:#666;}/* 滚动条背景 */




/* ===========公司简介footer============ */
.footer p {width:100%; height:60px; line-height:60px; text-align:center;font-size:12px;color:#bababa;}



@media (max-width: 1024px) { 
.introduce .int_right h1{font-size:27px;}
.introduce .int_right .int_info .texts {height:calc(100vh - 160px - 108px);}
.nav li {padding:0 1%;}
.nav a {font-size:12px;}
} 
@media (max-width: 768px) { 
.nav {position:absolute;top:0;left:0;width:100%; height:100vh; background-color:#fff; z-index:12; display:none;padding:0; text-align:center;}
.nav li {display:block;height:50px; line-height:50px;border-bottom:1px #000 solid; color:#000; background:none;padding:0;}
.nav li:last-of-type {display:block;}
.nav a:hover:after {width:0; font-size:16px;}
.public-lang {display:none;}
.menu,.menu-close {display:block;position: absolute;top:21px;right:8%;z-index:10;background: rgba(0,0,0,0.5);width: 40px;height: 40px;text-align: center;line-height: 45px;border-radius: 9px;}
.menu-close {display:block;position: relative;top:21px;right:-87%;}

.introduce .int_left {width:100%;position:relative;}
.introduce .int_right {width:84%;padding:0 8% 0 8%;position:relative;}
} 
@media (max-width: 640px) { 
.introduce .int_right {width:90.625%;padding:0 4.6875%;}
.introduce .int_right h1 {font-size:18px;}
}