@charset "utf-8";
.clearfix:after{content:"";display:block;clear:both;}
.clearfix{zoom:1;}
.fl{float:left;}
.fr{float:right;}
.db{display:block;}
.tl{text-align: left;}
.tc{text-align: center;}
.tr{text-align: right;}
.full{width:100%;height:100%;}
.box{display: inline-block;}
.none{display: none;}
a{text-decoration:none;}
body{font-family: "Microsoft YaHei", sans-serif; margin: 0; padding: 0;}

.container{width:1200px;margin:0 auto;clear:both;}
.contain{width:1200px;margin:auto;}

.top{width:100%;height:100px;background:#000;}
.top .contain .logo{float:left;margin-top:0;height:100px;line-height:100px;overflow:hidden;}

.text-logo{float:left;font-size:28px;font-weight:bold;color:#fff;line-height:100px;text-decoration:none;letter-spacing:1px;}
.text-logo span{color:#e60012;font-style:italic;padding-left:2px;}

.nav{float:right;line-height:100px;}
.navul li{float:left;height:100px;margin-left:45px;position:relative;}
.navul li:first-child{margin-left:0px;}
.navul li.cur>a{color:#005bac;}
.navul li a:hover{color:#005bac;}
.navul li a{color:#fff;font-size:15px;transition:all 0.3s;}

.navul li .nson{position: absolute;left:-31px;top:100px;z-index:100;display:none;width:120px;border-top:2px solid #e60012;overflow:hidden;background:#fff;box-shadow:0 13px 42px 11px rgba(0,0,0,.05);}
.navul li .nson a{transition:all 0.36s ease;display:block;font-size:12px;width:120px;text-align:center;height:40px;line-height:40px;border-bottom:1px solid rgba(170,170,170,.2);color:#666;}
.navul li .nson a:hover{background:#005bac;color:#fff;}

.bx-controls-direction{display:none !important;}
.bx-wrapper{width:100% !important;height:540px !important;position:relative;margin:0 auto;z-index:1;}
.bx-viewport{height:540px !important;background:transparent !important;border:none !important;box-shadow:none !important;left:0 !important;}

#banner{width:100%;height:540px;overflow:hidden;position:relative;}
.home_bd{width:100%;height:540px;margin:0;padding:0;list-style:none;}
.home_bd li{width:100% !important;height:540px !important;display:block !important;float:left !important;background-position:center center !important;background-repeat:no-repeat !important;background-size:cover !important;}

.bx-controls{position:absolute;left:0;bottom:20px;z-index:999;width:100%;color:rgba(0,0,0,0);}
.bx-controls .bx-pager{text-align:center;}
.bx-controls .bx-pager div{display:inline-block;margin:0 2px;}
.bx-controls .bx-pager div a{display:block;width:42px;height:4px;overflow:hidden;line-height:50px;background-color:rgba(0,0,0,0.3);}
.bx-controls .bx-pager div a.active{background-color:rgba(255,255,255,0.9);}

#process{width:100%;height:auto;padding-bottom:60px;}
.process{width:1200px;margin:auto;}
.process ul{margin:auto;padding-top:57px;width:1040px;}
.process ul li{float:left;width:250px;height:170px;margin-right:145px;}
.process ul li:last-child{margin-right:0px;}
.process ul li .pic{width:72px;height:72px;margin:auto;transition:all 1s ease;}
.process ul li .tt{width:100%;text-align:center;margin-top:29px;font-size:18px;}
.process ul li .des{line-height:200%;color:#999;margin-top:9px;text-align:center;}
.process ul li:hover .tt,.process ul li:hover .des{color:#005bac;}
.process ul li:hover .pic{transform:rotateY(360deg);}

#case{width:100%;height:auto;background:#f5f5f5;padding-bottom:60px;}
.case{width:1200px;margin:auto;}
.case .tit{width:100%;padding-top:45px;}
.case .tit .tt{width:267px;margin:auto;overflow:hidden;}
.case .tit .tt .line{width:58px;border-bottom:1px solid #333;float:left;margin-top:15px;}
.case .tit .tt p{float:left;font-size:30px;color:#005bac;width:151px;text-align:center;}
.case .tit span{display:block;text-align:center;margin-top:23px;}
.case .con{width:100%;margin-top:40px;}
.case .con ul li{float:left;width:375px;height:255px;margin-right:37px;margin-bottom:25px;position:relative;}
.case .con ul li:nth-child(3n){margin-right:0px;}
.case .con ul li a{width:100%;height:100%;display:block;position:relative;overflow:hidden;}
.case .con ul li p{position:absolute;width:280px;height:52px;bottom:34px;left:47px;text-align:center;line-height:52px;background:rgba(0,0,0,0.6);color:#fff;transition:all 1s ease;}
.case .con ul li p:hover{background:rgba(0,91,172,0.6);}
.case .con ul li img{transition:transform 0.9s ease 0s;width:100%;height:100%;}
.case .con ul li img:hover{transform:scale(1.1,1.1);}

#about{width:100%;height:auto;padding-bottom:60px;overflow:hidden;}
.about{width:1200px;margin:auto;margin-top:64px;}
.about img{float:left;}
.about .con{width:684px;float:right;}
.about .con .tit{width:100%;margin-top:29px;overflow:hidden;}
.about .con .tit p{color:#005bac;font-size:22px;float:left;}
.about .con .tit span{color:#999;text-transform:uppercase;margin-left:8px;margin-top:9px;float:left;}
.about .con .des{width:100%;line-height:200%;margin-top:18px;}
.about .con .more{width:109px;height:36px;text-align:center;line-height:36px;color:#fff;background:#666;float:left;margin-top:20px;}
.about .con .more:hover{background:#005bac;}

#product{width:100%;height:auto;background:#f5f5f5;padding-bottom:60px;}
.product{width:1200px;margin:auto;}
.product .tit{width:100%;padding-top:52px;}
.product .tit .tt{width:267px;margin:auto;overflow:hidden;}
.product .tit .tt .line{width:58px;border-bottom:1px solid #333;float:left;margin-top:15px;}
.product .tit .tt p{float:left;font-size:30px;color:#005bac;width:151px;text-align:center;}
.product .tit span{display:block;text-align:center;margin-top:23px;}
.product .con{width:100%;margin-top:38px;}
.product .con ul li{float:left;width:288px;height:228px;margin-right:16px;margin-bottom:20px;background:#fff;}
.product .con ul li:nth-child(4n){margin-right:0px;}
.product .con ul li .pic{width:100%;height:162px;overflow:hidden;display:block;}
.product .con ul li .tt{width:100%;height:66px;text-align:center;line-height:66px;border-top:1px solid #eee;}
.product .con ul li img{transition:transform 0.9s ease 0s;width:100%;height:100%;}
.product .con ul li img:hover{transform:scale(1.1,1.1);}

#team{width:100%;height:332px;}
.team{width:1200px;margin:auto;}
.team .tit{width:100%;height:38px;border-bottom:1px solid #e7e7e7;padding-top:51px;}
.team .tit p{float:left;font-size:22px;color:#005bac;}
.team .tit span{float:left;color:#999;margin-top:10px;margin-left:10px;text-transform:uppercase;}
.team .con{margin-top:21px;}
.team .con ul li{float:left;width:222px;height:75px;border:1px solid #e5e5e5;margin-right:20px;margin-bottom:15px;}
.team .con ul li a{width:100%;height:100%;display:block;text-align:center;line-height:71px;}
.team .con ul li:nth-child(5n){margin-right:0px;}

.ne_nav{width:100%;height:112px;overflow:hidden;}
.ne_nav ul{position:relative;left:50%;float:left;margin-top:40px;}
.ne_nav ul li{float:left;margin-right:45px;position:relative;right:50%;}
.ne_nav ul li:last-child{margin-right:0px;}
.ne_nav ul li a{padding:0px 19px;height:38px;line-height:38px;border-radius:20px;display:block;font-size:16px;color:#333;}
.ne_nav ul li a.cur{background:#009899;color:#fff;}
.ne_nav ul li a:hover{background:#009899;color:#fff;}

.inset{width:100%;background:#f6f6f7;padding-top:60px;padding-bottom:116px;overflow:hidden;}
.container{background:#fff;position:relative;}
.container .p1{position:absolute;width:268px;height:273px;top:-80px;right:-170px;background:url(../images/p1.png) no-repeat center;}
.container .p2{position:absolute;width:114px;height:245px;background:url(../images/p2.jpg) no-repeat center;left:-114px;top:300px;}
.container .content{width:1136px;margin:auto;}
.container .content .tit{padding-top:50px;}
.container .content .tit p{color:#222;font-size:24px;margin-bottom:13px;}
.container .content .tit span{color:#222;font-size:16px;}
.container .content .tit i{width:20px;height:2px;background:#222;float:left;margin-top:7px;margin-right:7px;}
.container .content .col{width:100%;min-height:600px;padding-bottom:30px;margin-top:20px;line-height:200%;color:#333;}
.col h2{text-align:center;padding-top:5px;font-weight:normal;color:#000;}
.col h3{text-align:center;font-weight:normal;font-size:12px;}

.pxxm{width:100%;min-height:600px;padding-bottom:50px;margin-top:34px;}
.pxxm ul{width:100%;overflow:hidden;}
.pxxm ul li{width:364px;height:358px;float:left;margin-right:22px;overflow:hidden;}
.pxxm ul li:nth-child(3n){margin-right:0px;}
.pxxm ul li .pic{width:364px;height:237px;overflow:hidden;display:block;position:relative;}
.pxxm ul li .tt{width:100%;height:60px;line-height:65px;}
.pxxm ul li .tt a{font-size:18px;color:#222;}
.pxxm ul li .des{line-height:180%;width:100%;height:53px;display:block;}

.cpzx{width:100%;min-height:600px;padding-bottom:50px;margin-top:34px;}
.cpzx .nav1{width:100%;overflow:hidden;}
.cpzx .nav1 a{height:34px;line-height:34px;border:1px solid #e1e1e1;font-size:16px;color:#333;margin-bottom:29px;background:#f8f8f8;float:left;padding:0px 25px;margin-right:16px;}
.cpzx .nav1 a:hover{background:#009899;color:#fff;}
.cpzx .nav1 a.cur{background:#009899;color:#fff;}
.cpzx .nav2{width:100%;overflow:hidden;}
.cpzx .nav2 a{width:209px;height:65px;border:1px solid #e1e1e1;text-align:center;line-height:61px;float:left;border-right:none;}
.cpzx .nav2 a:last-child{border-right:1px solid #e1e1e1;}
.cpzx ul{width:100%;overflow:hidden;margin-top:50px;}
.cpzx ul li{width:329px;height:270px;margin-right:74px;margin-bottom:20px;float:left;}
.cpzx ul li:nth-child(3n){margin-right:0px;}
.cpzx ul li .pic{width:329px;height:214px;display:block;position:relative;overflow:hidden;}
.cpzx ul li .pic::before,.pxxm ul li .pic::before{content:'';display:block;width:0%;height:0%;border-left:1px solid #fff;border-top:1px solid #fff;position:absolute;z-index:2;left:3%;top:4%;transition:all 0.4s cubic-bezier(0.4,0.01,0.165,0.99);}
.cpzx ul li .pic::after,.pxxm ul li .pic::after{content:'';display:block;width:0%;height:0%;border-right:1px solid #fff;border-bottom:1px solid #fff;position:absolute;z-index:2;right:3%;bottom:4%;transition:all 0.4s cubic-bezier(0.4,0.01,0.165,0.99);}
.cpzx ul li .tt{padding-left:11px;height:56px;line-height:56px;overflow:hidden;}
.cpzx ul li .tt a{color:#222;}
.cpzx ul li:hover img,.pxxm ul li:hover img{transform:scale(1.2,1.2);}
.cpzx ul li:hover .pic::before,.cpzx ul li:hover .pic::after,.pxxm ul li:hover .pic::before,.pxxm ul li:hover .pic::after{width:94%;height:92%;}
.cpzx ul li:hover .tt a,.pxxm ul li:hover .tt a{color:#356fc7;}

.honor{width:100%;min-height:600px;padding-bottom:50px;margin-top:34px;}
.honor ul{width:100%;overflow:hidden;}
.honor ul li{width:364px;height:287px;float:left;margin-right:22px;overflow:hidden;}
.honor ul li:nth-child(3n){margin-right:0px;}
.honor ul li .pic{width:364px;height:237px;overflow:hidden;display:block;position:relative;}
.honor ul li .pic span{width:100%;height:100%;background:rgba(0,0,0,0.1);display:none;position:absolute;top:0px;left:0px;}
.honor ul li .pic:hover span{display:block;}
.honor ul li .tt{width:100%;height:50px;line-height:50px;text-align:center;overflow:hidden;color:#222;font-size:16px;}
.honor ul li .tt a{font-size:16px;color:#222;}

.xwzx{width:100%;min-height:600px;padding-bottom:50px;margin-top:40px;}
.xwzx ul{width:100%;overflow:hidden;}
.xwzx ul li{width:1050px;height:171px;overflow:hidden;margin-bottom:46px;margin-left:12px;}
.xwzx ul li img{float:left;width:245px;height:171px;margin-right:26px;}
.xwzx ul li .con{float:left;width:779px;}
.xwzx ul li .con .tt{font-size:18px;margin-top:20px;}
.xwzx ul li .con .tt a{color:#333;}
.xwzx ul li .con .tt a:hover{color:#005bac;}
.xwzx ul li .con .line{width:372px;border-bottom:1px solid #e7e7e7;margin-top:16px;}
.xwzx ul li .con .des{width:100%;height:67px;line-height:200%;color:#999;font-size:12px;margin-top:8px;display:block;overflow:hidden;}
.xwzx ul li .con .des:hover{color:#005bac;}
.xwzx ul li .con .date{font-size:12px;color:#999;}

#sidenav{width:224px;margin-bottom:50px;float:left;margin-top:31px;}
#sidenav h2{font-size:22px;color:#fff;width:224px;height:77px;line-height:77px;text-align:center;background:#9dc066;}
#sidenav ul{width:224px;}
#sidenav ul li.nv{width:224px;height:50px;line-height:50px;background:#93d75f;margin-bottom:1px;}
#sidenav ul li.nv a{padding-left:64px;width:160px;height:50px;display:block;color:#fff;}
#sidenav ul li.navson{width:224px;height:45px;line-height:45px;background:#51bce9;margin-bottom:1px;}
#sidenav ul li.navson a{padding-left:74px;width:150px;height:45px;display:block;color:#fff;}
#sidenav ul li a:hover{background:#b7d248;}
#sidenav ul li a.cur{background:#b7d248;}
#sidenav .gy{margin-bottom:12px;}
#sidenav .con{border:1px solid #dcdcdc;padding:15px 19px;line-height:200%;font-size:12px;}

.orientation{margin-top:20px;margin-bottom:20px;overflow:hidden;width:100%;}
.orientation .previous{float:left;color:#333;}
.orientation .previous a{color:#333;}
.orientation .next{float:right;color:#333;}
.orientation .next a{color:#333;}

#footer{width:100%;background:#2b2b2b;color:#999;padding-top:40px;border-top:3px solid #ddd;}
#footer .contain{padding-bottom:30px;}
#footer .fl{float:left;}
#footer .fl h3{color:#fff;font-size:18px;margin-bottom:20px;font-weight:normal;}
#footer p{margin-bottom:8px;letter-spacing:0.5px;}
.footer_bottom{width:100%;height:60px;background:#232323;line-height:60px;color:#929292;text-align:center;font-size:12px;}

.mypage{text-align:center;float:left;width:100%;}
.mypage span,.mypage a{display:inline-block;vertical-align:top;color:#d35b52;border:1px solid #d35b52;padding:5px 10px;margin:5px;}
.mypage span.current,.mypage a.current{background:#d35b52;color:#fff;}

@media screen and (max-width:768px){
    .container,.contain,.process,.case,.about,.product,.news,.team{width:96% !important;margin:0 auto !important;padding:0 !important;}
    .top{height:auto !important;}
    .logo{float:none !important;width:100% !important;height:auto !important;text-align:center !important;padding:10px 0 !important;}
    .text-logo{float:none !important;display:inline-block !important;line-height:40px !important;height:auto !important;font-size:24px !important;}
    .nav{float:none !important;width:100% !important;overflow-x:auto !important;white-space:nowrap !important;background:#222 !important;-webkit-overflow-scrolling:touch;}
    .navul{width:auto !important;display:flex !important;}
    .navul li{float:none !important;display:inline-block !important;width:auto !important;margin:0 !important;padding:0 15px !important;line-height:50px !important;height:50px !important;}
    .nson{display:none !important;}
    .bx-wrapper,.bx-viewport,#banner,.home_bd,.home_bd li{height:240px !important;}
    .process ul li{width:100% !important;float:none !important;margin-bottom:20px !important;height:auto !important;}
    .case .con ul li,.product .con ul li{width:48% !important;float:left !important;margin:0 1% 10px 1% !important;height:auto !important;}
    .case .con ul li img,.product .con ul li img{width:100% !important;height:auto !important;}
    .case .con ul li p{font-size:12px !important;height:30px !important;line-height:30px !important;}
    .about{margin-top:20px !important;}
    .about img{width:100% !important;height:auto !important;float:none !important;margin-bottom:15px !important;}
    .about .con{width:100% !important;float:none !important;}
    #footer .fl{width:100% !important;float:none !important;margin-bottom:30px !important;text-align:left !important;padding-left:10px !important;}
}