@charset "utf-8";


/*--banner--*/
.top{ width:100%; height:85px; margin:0 auto; position:absolute; z-index:999; box-sizing:border-box; transition:all 0.5s; background:#fff;}
.logo{ width:219px; height:62px; float:left; background:url(../images/logo.png) no-repeat; margin-left:5%; transition:all 0.5s; margin-top:13px;}
.nav{ width:900px; height:85px; float:right; margin-right:5%;}
.nav li{ width:120px; height:85px; line-height:85px; float:left; text-align:center; background:url(../images/xx.gif) no-repeat right; }
.nav li:hover a{ color:#fff;}
.nav li i a{ font-style:normal; font-size:17px; color:#333; transition:all 0.5s;}
.nav li i{ width:100%; height:0px; background:#0073bc; transition:all 0.5s; display:block;}
.nav li:hover{ background:none;}
.nav li:hover i{ height:85px;}
.top.active{ height:85px; padding:0; background:#fff; -moz-box-shadow:2px 2px 5px #666; -webkit-box-shadow:2px 2px 5px #666; box-shadow:2px 2px 5px #666;}
.top.active .logo{ width:200px; height:57px; background:url(../images/logo2.png) no-repeat; margin-top:13px;}
.top.active .nav li{line-height:85px;}
.top.active .nav li a{ font-size:17px; transition:all 0.5s;}
.top.active .nav li a:hover{}
.banner{ width:100%; height:380px; background:url(../images/about_banner.jpg) no-repeat center; position:relative; top:85px;}
.banner_bt{width:0px; height:0px; margin:0 auto; position:absolute; top:50%; left:0; margin-top:-25px; margin-left:-187px; opacity:0; transition:all 0.5s;}
.banner_bt.active{ width:375px; height:87px; position:absolute; top:50%; left:50%; opacity:1;}
.banner_bt h3{ font-size:25px; color:#fff; text-align:center;}
.banner_bt p{ width:375px; height:25px; background:url(../images/top_bg.gif) no-repeat 5px; font-size:18px; color:#fff; text-align:center;}
.about{ width:1200px; height:auto;  margin:0 auto;}
.jianjie{ width:1200px; height:500px; margin-top:120px;}
.jianjie h3{ font-size:30px; color:#333; font-weight:normal; text-align:center;}
.jianjie .nr{ width:1200px; margin-top:52px;}
.jianjie .nr img{ width:565px; height:349px; padding:0px 40px 5px 0px;}
.jianjie .nr p{ line-height:35px; color:#555; font-size:16px;}
.a_cp{ width:100%; height:711px; background:url(../images/about_cp.jpg) no-repeat center; overflow:hidden;}
.a_cp .nr{ width:1200px; height:530px; background:#fff; border-radius:5px; margin:87px auto; overflow:hidden;}
.a_cp .nr h3{ font-size:30px; color:#333; font-weight:normal; text-align:center; margin-top:46px;}
.a_cp .nr p{ padding:0 55px; color:#666; line-height:33px; margin-top:20px; text-align:center;}
.a_cp .nr img{ width:1098px; height:250px; margin:0 auto;}
.a_cp .nr a{ transition:all 0.5s; width:165px; height:43px; margin:38px auto; display:block; border-radius:5px; border:1px solid #1f68ee; text-align:center; line-height:43px; font-size:15px; color:#1f68ee;}
.a_cp .nr a:hover{ background:#1f68ee; color:#fff;}
.linian{ width:1200px; height:455px; margin:58px auto;}
.linian .bt h3{ font-weight:normal; font-size:30px; text-align:center; color:#333;}
.linian .bt p{ text-align:center; color:#333; margin-top:15px;}
.linian .xi{ width:1200px; height:140px; margin-top:47px;}
.linian .xi li{ width:558px; height:140px; border:6px solid #f1f1f1; float:left; box-sizing:border-box;}
.linian .xi li img{ width:270px; height:128px; float:left;}
.linian .xi li dl{ float:left;}
.linian .xi li h3{ font-size:22px; color:#333; margin-top:35px; margin-left:45px; font-weight:normal; }
.linian .xi li p{ color:#666; ; margin-left:45px; margin-top:10px;}
.linian .xi li:nth-child(2){ float:right;}
.linian .yj{ width:1200px; height:140px; border:6px solid #f1f1f1; margin-top:39px; box-sizing:border-box;}
.linian .yj h3{ font-size:22px; color:#333; text-align:center; margin-top:25px; font-weight:normal;}
.linian .yj p{ font-size:22px; color:#ff0000; margin-top:15px; text-align:center; font-family:"微软雅黑";}
.rongyu{ width:1200px; height:465px; margin:0 auto; margin-top:40px;}
.rongyu h3{ font-size:30px; color:#333; font-weight:normal; text-align:center; }
/* 水平滚动
------------------------------ */
.scroll_horizontal{position:relative;width:1200px;height:364px; margin-top:50px;}
.scroll_horizontal .box{overflow:hidden;position:relative;width:1200px;height:364px;margin:0 auto;}
.scroll_horizontal .list{overflow:hidden;width:9999px;}
.scroll_horizontal .list li{float:left;width:306px; height:364px; text-align:center;}
.scroll_horizontal .list li img{ width:270px; height:352px; border:6px solid #ffe9d5;}
.scroll_horizontal .plus,
.scroll_horizontal .minus{ padding:20px 0 0 8px; box-sizing:border-box; font-size:30px; color:#fff;position:absolute;top:130px;width:28px;height:67px;background:rgba(194,194,194,0.37);cursor:pointer;}
.scroll_horizontal .plus{left:0px;}
.scroll_horizontal .minus{right:0px;}
.scroll_horizontal .plus:hover,
.scroll_horizontal .minus:hover{background:#1f68ee;}



/*--合作客户--*/
.hezuo{ width:1200px; height:280px; margin:35px auto;}
.hezuo h3{ font-size:30px; color:#333; font-weight:normal;}

/* 水平滚动
------------------------------ */
.scroll_horizontal2{position:relative;width:1200px;height:136px; margin:0 auto; margin-top:50px;}
.scroll_horizontal2 .box{overflow:hidden;position:relative;width:1200px;height:139px;margin:0 auto;}
.scroll_horizontal2 .list{overflow:hidden;width:9999px;}
.scroll_horizontal2 .list li{float:left;width:307px;text-align:center;}
.scroll_horizontal2 .list li img{ width:275px; height:136px; border:1px solid #e4e4e4;}
.scroll_horizontal2 .plus,
.scroll_horizontal2 .minus{position:absolute;top:50px;width:33px;height:33px;cursor:pointer;}
.scroll_horizontal2 .plus{left:-60px; background:url(../images/zuo.gif) no-repeat;}
.scroll_horizontal2 .minus{right:-60px; background:url(../images/you.gif) no-repeat;}





.lve{ width:1200px; height:330px; margin:0 auto; margin-top:40px;}
.lve h3{ font-size:30px; color:#333; font-weight:normal; text-align:center; }
/* 水平滚动
------------------------------ */
.scroll_horizontal3{position:relative;width:1200px;height:300px; margin-top:50px;}
.scroll_horizontal3 .box{overflow:hidden;position:relative;width:1200px;height:300px;margin:0 auto;}
.scroll_horizontal3 .list{overflow:hidden;width:9999px;}
.scroll_horizontal3 .list li{float:left;width:306px; height:300px; text-align:center;}
.scroll_horizontal3 .list li img{ width:275px; height:208px; border:3px solid #ffe9d5;}
.scroll_horizontal3 .plus,
.scroll_horizontal3 .minus{ padding:20px 0 0 8px; box-sizing:border-box; font-size:30px; color:#fff;position:absolute;top:70px;width:28px;height:67px;background:rgba(194,194,194,0.37);cursor:pointer;}
.scroll_horizontal3 .plus{left:0px;}
.scroll_horizontal3 .minus{right:0px;}
.scroll_horizontal3 .plus:hover,
.scroll_horizontal3 .minus:hover{background:#1f68ee;}