body{background: #f7f8f9;}
.area{min-width: 1200px;}
.inner{width: 1200px;margin: 0 auto;}
.fl{float: left;}
.fr{float: right;}
.mr0{margin-right: 0 !important;}
.cf{clear: both;}
a:hover{text-decoration: none;}
.doc{position: relative;}

.header{height: 100px;background: #fff;}
.header .logo{width: 70px;height: 79px;margin: 10px 0 0 45px;display: block;}
.header .top-nav{margin-left: 75px;z-index: 99;position: relative;}
.header .top-nav li{width: 110px;padding-top: 32px;float: left;font-size: 16px;line-height: 36px;color: #666;user-select: none;text-align: center;}
.header .top-nav li .triangle{width: 9px;height: 6px;margin-left: 7px;background: url(../images/triangle.png) no-repeat center center;display: inline-block;vertical-align: middle;}
.header .top-nav li a{color: #666;}
.header .top-nav li:hover{color: #3265ba;}
.header .top-nav li:hover a{color: #3265ba;}
.header .top-nav li:hover .triangle,
.header .top-nav li.current .triangle{background: url(../images/triangle_cur.png) no-repeat center center;}
.header .top-nav li .box{width: 110px;height: 88px;position: absolute;top: 68px;left: 80px;background: #f9f9f9;display: none;}
.header .top-nav dl{width: 90px;margin: 0 auto;text-align: center;border-top: 1px solid #e8e8e8;position: absolute;top: 0;left: 10px;}
.header .top-nav dl dd{font-size: 14px;margin: 5px 0;}
.header .top-nav .pull-down p{line-height: 18px;}
.header .top-nav .pull-down:hover{background: #f9f9f9;}
.header .top-nav li:hover dd a{color: #666;}
.header .top-nav .pull-down:hover .box{display: block;}
.header .top-nav li:hover dd:hover a{color: #3265ba;cursor: pointer;}
.header .top-nav .corporate-culture:hover .box{left: 410px;}
.header .top-nav .business:hover .box{left: 190px;height: 170px;}
.header .top-nav .product:hover .box{left: 300px;height: 147px;}
.header .top-nav li.current a{color: #3265ba;}
.header .top-nav li.current{color: #3265ba;}
.header .top-nav li .active{color: #3265ba !important;}
.header .top-nav .home{width: 80px;}
.header .top-nav .honor{width: 160px;}

.banner{width: 100%;position: relative;}
.banner .cont{width: 100%;}
.banner .ctrl{width: 84px;position: absolute;bottom: 35px;left: 50%;margin-left: -42px;}
.banner .ctrl li{width: 12px;height: 12px;margin: 0 8px;background: #828895;border-radius: 50%;float: left;cursor: pointer;}
.banner .ctrl li.current{background: #56dcfd;}
.banner .btn-banner{width: 31px;height: 60px;position: absolute;top: 50%;margin-top: -30px;cursor: pointer;opacity: 0;transition: all .8s;}
.banner .prev{left: 59px;background: url(../images/bprev.png) no-repeat center center;}
.banner .next{right: 59px;background: url(../images/bnext.png) no-repeat center center;}

.area-1{height: 550px;background: #fff;}
.area-1 h2{padding-top: 45px;font-size: 30px;color: #3265ba;line-height: 36px;font-weight: normal;text-align: center;}
.area-1 .wrap{width: 1200px;height: 350px;margin: 40px auto 0;}
.area-1 .box{width: 270px;height: 350px;box-sizing: border-box;border: 1px solid #e2e2e2;border-radius: 4px;margin: 0 15px;float: left;}
.area-1 .box h3{font-size: 18px;color: #333;text-align: center;font-weight: normal;padding-top: 27px;}
.area-1 .box .line{width: 26px;height: 3px;background: #6192eb;margin: 20px auto 23px;}
.area-1 .box .pic{width: 200px;height: 115px;border-radius: 10px;margin: 0 auto;overflow: hidden;}
.area-1 .box .des{width: 206px;margin: 25px auto 0;text-align: justify;}
.area-1 .box .des p{font-size: 12px;color: #777;line-height: 22px;}

.area-2{background: #f5f5f5;}
.area-2 h2{padding-top: 40px;font-size: 30px;color: #3265ba;line-height: 36px;font-weight: normal;text-align: center;}
.area-2 .wrap{width: 1040px;margin: 15px auto 0;padding-bottom: 40px;}
.area-2 .partner{width: 240px;height: 70px;background: #fff;float: left;margin: 10px;}

.area-2 .in{-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}
.area-2 .in:hover{-webkit-transform:translate(0,-2px);-moz-transform:translate(0,-2px);-ms-transform:translate(0,-2px);-o-transform:translate(0,-2px);transform:translate(0,-2px);box-shadow:0 3px 3px #ccc}

.footer,.footer .inner{height: 80px;background: #040a2c;}

.crumb .p1{height: 50px;line-height: 50px;font-size: 14px;color: #666;text-align: left;}
.crumb .p1 a{color: #666;}
.crumb .p1 a.current,
.crumb .p1 a.active,
.crumb .p1 a:hover{color: #3265ba;}

.gpage-main{width: 919px;height: 667px;border: 1px solid #e2e2e2;background: #fff;margin-bottom: 36px;user-select: none;}
.gpage-main h2{font-size: 28px;line-height: 34px;color: #3265ba;font-weight: normal;padding-top: 40px;}
.gpage-main .line{width: 26px;height: 3px;background: #6192eb;margin: 15px auto 25px;}
.gpage-main .des{width: 845px;margin: 0 auto;}
.gpage-main .des p{font-size: 14px;line-height: 34px;color: #666;text-align: justify;text-indent: 2em;}

.company-about{width: 1200px;height: auto;margin: 0 auto;}
.company-about .gpage-main{height: auto;}
.gpage-menu{width: 256px;height: 489px;background-color: #fff;border: 1px solid #e2e2e2;border-radius: 4px;margin-bottom: 36px;}
.gpage-menu .item{width: 205px;margin: 15px 0 15px 50px;text-align: left;position: relative;user-select: none;}
.gpage-menu .item span{width: 4px;height: 16px;display: inline-block;background: #4d79ca;position: absolute;top: 10px;left: -16px;}
.gpage-menu dt{font-size: 16px;line-height: 34px;color: #3265ba;}
.gpage-menu dl dd{color: #666;margin: 5px 0 5px 15px;font-size: 14px;position: relative;}
.gpage-menu dl dd.current,
.gpage-menu .item dd:hover,
.gpage-menu .item dd:hover a,
.gpage-menu dl dd.current a{color: #4e7aca;}
.gpage-menu .item dd a{color: #666;font-size: 14px;}
.gpage-menu dl dd i{width: 0;height: 0;border: 5px solid transparent;border-left-color: rgba(102, 102, 102, .5);display: inline-block;position: absolute;top: 50%;left: -10px;margin-top: -5px;}
.gpage-menu dl dd.current i{border-left-color: rgba(78, 122, 202, .5);}
.gpage-menu .item dd:hover i{border-left-color: rgba(78, 122, 202, .5);}
.gpage-menu .item a{font-size: 16px;line-height: 34px;color: #666;}
.gpage-menu .item a:hover{color: #3265ba;}

.jiapou-pic{width: 919px;height: 667px;margin: 0 auto;}

.company-business .gpage-menu,
.company-product .gpage-menu{height: 559px;}
.company-business .gpage-main{height: 866px;margin-bottom: 82px;}
.company-business .gpage-main .pics{width: 740px;height: 480px;margin: 30px auto;}
.company-business .gpage-main .des{width: 740px;}

.company-product .gpage-menu dd{width: 160px;text-indent: 0;}
.company-product .gpage-main{height: 1200px;border: none;background: none;margin-bottom: 126px;}
.company-product .gpage-main .slide{border: 1px solid #e2e2e2;background: #fff;}
.company-product .gpage-main .first{height: 1200px;}
.company-product .gpage-main h2{width: 660px;margin-left: 139px;text-align: left;}
.company-product .gpage-main .des{width: 660px;margin: 15px 0 25px 139px;}
.company-product .gpage-main .des p{text-indent: unset;}
.pics_slide{width: 760px;height: 606px;margin: 0 auto;position: relative;}
.pics_slide .wrap{width: 640px;height: 480px;margin: 0 auto 30px;}
.pics_slide .wrap .pics{width: 640px;height: 480px;position: relative;}
.pics_slide .ctrl{width: 480px;height: 96px;margin: 0 auto;}
.pics_slide .ctrl .pannels{width: 128px;height: 96px;box-sizing: border-box;margin: 0 16px;position: relative;}
.pics_slide .ctrl .pannels::before{content: '';background: #fff;opacity: .5;filter: alpha(opacity=50);width: 128px;height: 96px;position: absolute;top: 0;left: 0;}
.pics_slide .ctrl .current{border: 2px solid #4d79ca;}
.pics_slide .ctrl .current::before{width: 0;height: 0;}
.pics_slide .pics-btn{width: 21px;height: 35px;position: absolute;top: 230px;cursor: pointer;}
.pics_slide .prev{left: 0;background: url(../images/product_prev.png) no-repeat center center;}
.pics_slide .next{right: 0;background: url(../images/product_next.png) no-repeat center center;}
.company-product .gpage-main .info{width: 660px;margin: 65px 0 0 139px;}
.company-product .gpage-main .info h3{font-size: 18px;line-height: 56px;color: #4d79ca;width: 87px;font-weight: normal;border-bottom: 1px solid #4d79ca;}
.company-product .gpage-main .info .line{width: 573px;height: 1px;background: #e2e2e2;margin: -1px 0 0 87px;}
.company-product .gpage-main .info ul{text-align: left;margin-left: 25px;margin-top: 10px;}
.company-product .gpage-main .info li{font-size: 14px;line-height: 30px;color: #666;list-style: disc;}
.company-product .gpage-main .second{height: 754px;}
.company-product .gpage-main .second .pics{width: 640px;height: 480;margin-left: 139px;}
.company-product .gpage-main .third{height: 950px;}
.company-product .gpage-menu dl dd i{top: 11px;margin-top: 0;}

.company-team .gpage-main{height: 774px;margin-bottom: 94px;}
.company-team .line{margin: 15px auto 35px;}
.company-team .pics_slide{height: 596px;}
.company-team .pics_slide .wrap{margin: 0 auto 20px;}
.company-team .pics_slide .ctrl .pannels{margin: 0 10px;}
.company-team .pics_slide .ctrl{width: 592px;}
.company-team .pics_slide .sub{width: 100%;height: 38px;position: absolute;bottom: 0;left: 0;background: #000;opacity: .6;filter: alpha(opacity=60);}
.company-team .pics_slide .txts{width: 100%;height: 38px;line-height: 38px;position: absolute;bottom: 0;left: 0;font-size: 14px;color: #fff;}
.pics_slide .pics-btn2{width: 20px;height: 96px;position: absolute;bottom: 0;cursor: pointer;}
.pics_slide .prev2{left: 60px;background: url(../images/prev2.png) no-repeat center center;}
.pics_slide .next2{right: 60px;background: url(../images/next2.png) no-repeat center center;}

.company-culture .gpage-main{height: 489px;margin-bottom: 126px;}
.company-culture .gpage-main .wrap{margin-left: 100px;margin-top: 40px;}
.company-culture .gpage-main .pics{width: 408px;height: 309px;border: 1px solid #e2e2e2;}
.company-culture .gpage-main .txts{width: 378px;text-align: left;}
.company-culture .gpage-main .txts .paragraph{margin-bottom: 10px;}
.company-culture .gpage-main .txts h3{padding-left: 18px;background: url(../images/triangle_right.png) no-repeat left center;font-size: 20px;line-height: 34px;color: #3265ba;font-weight: normal;}
.company-culture .gpage-main .txts p{padding-left: 18px;font-size: 16px;line-height: 34px;color: #333;}

.company-honor .gpage-menu,
.company-careers .gpage-menu,
.company-contact .gpage-menu{height: 415px;}
.company-honor .gpage-main{background: none;border: none;margin-bottom: 0;height: auto;}
.company-honor .gpage-main>div{border: 1px solid #e2e2e2;background: #fff;margin-bottom: 20px;}
.company-honor .gpage-main .top{height: 43px;border-bottom: 1px solid #e2e2e2;background: #fafafa;text-align: left;}
.company-honor .gpage-main .top h3{font-size: 18px;line-height: 43px;color: #3265ba;text-align: left;display: inline-block;}
.company-honor .gpage-main .top .line{width: 4px;height: 16px;background: #4d79ca;margin: 0 9px 0 20px;display: inline-block;vertical-align: -2px;}
.company-honor .gpage-main .honor{margin-bottom: 90px;}
.company-honor .gpage-main .bottom{width: 864px;margin: 14px auto 0;}
.company-honor .gpage-main .item{width: 160px;height: 165px;margin: 20px 28px;float: left;}
.company-honor .gpage-main .item .pic{width: 160px;height: 115px;margin-bottom: 10px;}
.company-honor .gpage-main .item .pic img{border-radius: 10px;}
.company-honor .gpage-main .item .txts{width: 156px;margin: 0 auto;}
.company-honor .gpage-main .item .txts p{font-size: 12px;line-height: 20px;color: #666;}

.company-careers .gpage-main{height: auto;margin-bottom: 35px;}
.company-careers .lead{width: 820px;margin: 0 auto;font-size: 16px;line-height: 34px;color: #666;text-align: justify;}
.company-careers .wrap{width: 820px;margin: 15px auto 0;color: #666;text-align: justify;}
.company-careers .wrap .item{width: 820px;border-bottom: 1px solid #e2e2e2;margin-top: 35px;}
.company-careers .wrap .line{width: 4px;height: 16px;background: #4d79ca;margin: 0 9px 0 0;display: inline-block;}
.company-careers .wrap h3{font-size: 22px;line-height: 34px;color: #3265ba;text-align: left;display: inline-block;font-weight: normal;}
.company-careers .wrap .des{width: 745px;margin-left: 34px;}
.company-careers .wrap .des li{line-height: 25px;list-style: decimal;font-size: 14px;color: #666;}
.company-careers .wrap .des1{margin-bottom: 20px;margin-top: 5px;}
.company-careers .wrap .des2{margin-bottom: 30px;}
.company-careers .wrap .tips{font-size: 14px;line-height: 25px;color: #666;margin-left: 18px;}
.company-careers .email{width: 820px;margin: 10px auto 30px;font-size: 16px;line-height: 34px;color: #666;text-align: left;position: relative;}
.company-careers .email span{width: 0;height: 0;border: 5px solid transparent;border-left-color: #4e7aca;display: inline-block;margin: 0 10px;}
.company-careers .item .btn-careers{width: 54px;height: 19px;line-height: 19px;background: #fff;margin-left: 10px;display: inline-block;font-size: 12px;color: #4d79ca;border: 1px solid #4d79ca;border-radius: 4px;text-align: center;vertical-align: text-bottom;cursor: pointer;}
.company-careers .item .btn-careers i{width: 9px;height: 6px;background: url(../images/triangle_top.png) no-repeat center center;display: inline-block;margin-left: 5px;vertical-align: 2px;}

.company-contact .gpage-main{height: auto;margin-bottom: 28px;}
.company-contact .gpage-main .wrap{width: 822px;margin: 0 auto;}
.company-contact .gpage-main .wrap .item{width: 391px;text-align: left;font-size: 14px;line-height: 24px;color: #666;margin: 0 10px;}
.company-contact .gpage-main .item .name{font-size: 18px;line-height: 30px;color: #3265ba;background: url(../images/point.png) no-repeat left center;}
.company-contact .gpage-main .item div{padding-left: 20px;}
.company-contact .gpage-main .box{height: 103px;border-bottom: 1px solid #e2e2e2;margin-top: 30px;}
.company-contact .gpage-main .last{margin-bottom: 25px;border-bottom: none;}