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


body,input,h1,h2,h3,h4,h5,h6,b,c,e,i,g,p,div,dl,dt,dd,select,textarea{ margin:0; padding:0;   color:#666; font-size:100%; 
   font-family:微软雅黑, Aria; line-height:1;font-weight: normal;}

body,html{ height:100%; position:relative; }
a{ color:#333; text-decoration:none;}
ul, ol, li, dl, dd {margin: 0;padding: 0; list-style:none;}

html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6,span,dd,dt,b,c,e,a { -webkit-text-size-adjust:100%;}
.fl{float:left;}
.fr{float:right;}
.clearfix:after{content: '';clear: both;display: block;}




.div1{ width:100%;z-index:999999999;background: #fff;top: 0;border-top: 9px solid #1f427c;}
.header{position: relative;padding: 20px 0 5px;}
.header_top{ overflow:hidden; width:100%; background:#F5F5F5;height:36px;}
.header_top left{float: left;width: 20%;line-height: 36px;font-size: 13px;color: #a4a4a4;}
.header_top right{ float: right;width:29%;}
.header_top right p{ float:left;height: 36px;line-height:36px;font-size: 13px;color: #545253;}
.header_top right .w_ino img{width: 100%;height: 100%;}
.header_top right .w_ino a{float: left;width: 26px;height: 26px;margin-right: 6%;margin-top: 5px;}
.header_top right .w_ino a:last-child{margin-right: 0;}
.header_top right .w_ino{ width:16%;}
.header_top right .tel a{float: right;    color: #7b7b7b;}
.header_top right .tel{width:48%;}
.header_top right .tel i{float: right;margin-top:9px;font-style: normal;color: #7b7b7b;font-size: 16px;}
.header_top right .tel i img{}
.header_top right .z_y{ float: right;width: 21%;}
.header_top right .z_y i{margin-top:9px; float:left;}
.header_top right .z_y t{ float:right;}
.header_top right span{ float: left;margin: 0 12px;height: 15px;width: 1px;background: #DCDCDC;margin-top: 11px;}
.header_top_z{ width:1300px; margin:0 auto; overflow:hidden;}
.ss{float: right;text-align: right;width: 18%;position: relative;}
.ss input{background: none;
    font-size: 13px;
    text-indent: 16px;
    border: none;
    height: 31px;
    width: 100%;
    margin-top: 1%;
    float: left;
    border-bottom: 1px solid #dedede;}
.ss .s_btn{background: none;border: none;float: left;margin-top: 10px;position: absolute;right: 0;}
.ss form{  
    width: 100%;
    height: 45px;

}
.ss:hover form{ display:block;}
.nav{width: 1300px;margin: 0 auto;}
.nav left{float: left;width: 100%;}
.nav left>a{ display:block; width:100%; height:auto;}
.nav left>a>img{float: left;}
.nav left p{min-width: 26%;float: right;}
.nav left p span:nth-child(1){font-size: 13px;color:#979ba3;}
.nav left p>a{font-size: 13px;color: #979ba3;display: inline-block;margin: 0 22px;}
.nav left p span:nth-child(3){display: inline-block;width: 1px;height: 24px;vertical-align: middle;background-color: #979ba3;}
.nav left p select{border: 0;margin-left: 22px;}
.nav right{width: 60%;}
.nav right dl{float:left;}
.nav right dl:last-child{margin-right: 0;}
.nav right dl:first-of-type a{ color:#002f7b;}
.nav right dl:nth-child(7n){margin-right:0;}
.nav right dl a{color: #000;font-size: 17px;    padding-right: 44px;    height: 42px;line-height:52px;display: block;}
.nav right dl dt{ display:none;position: absolute;z-index: 999999;left:0px;top:112px;width:100%;padding: 35px 0 50px; height:260px;}
.nav right dl:hover dt{ display:block;}
.nav right .nav_txt{float:left;width:51%;margin-left: 5%;}
.nav right .nav_pic{ float:left; width:14%;height:auto;padding-left: 16%;}
.nav right .nav_pic img{ width:100%; height:auto;}

.nav right .nav_txt h1{font-size: 25px;color: #FFFFFF; margin-top:1.5%;padding-bottom: 36px; margin-bottom: 26px;border-bottom: 1px solid #3C3C3C;padding-left: 8px;}
.nav right .nav_pic h2{color: #FFFFFF;font-size: 13px;margin-top: 3%; line-height:20px;}
.nav right .nav_txt h3{overflow: hidden;width:20%;float: left;}
.nav right .nav_txt h3 a{font-size:16px;float: left;color: #5e95e1;line-height:35px;text-align:left; margin-bottom:2%;width: 100%;padding-left: 8px;}
.nav right .nav_txt h3>p>a{font-size:14px;color:#585b61;height:30px;}
.nav right .nav_txt h3 a:hover{color: #FFFFFF;}
.nav right .nav_txt h3 a>span{float: right;}
.nav right dl:hover>a{color: #002f7b;}
/*.nav right .nav_txt h3 a:nth-child(4n){ margin-right:0;}*/
/*.nav right .nav_txt h3 a:hover{ color:#fff;}*/

.div2_1 .header_top{ display:none;}
.nav right dl .nav_bj1{background-color:#1f2125;}
.nav right dl .nav_bj2{background: #1f2125;}
.nav right dl .nav_bj3{background: #1f2125;}
.nav right dl .nav_bj4{background: #1f2125;}
.nav right dl .nav_bj5{background: #1f2125;}
.nav right dl .nav_bj6{background: #1f2125;}



.header_top right .z_y b{ display:none;position: absolute;top: 22%;border: 1px solid #ccc; padding:0.4%;width: 4.5%;}
.header_top right .z_y b c{display: block;text-align: center;border-bottom: 1px solid #ccc;line-height:18px;}
.header_top right .z_y b c a{ color: #777; font-size:12px;}
.header_top right .z_y:hover b{ display:block;}


.wechat{position: relative;}
	.wechat i{width: 120px;height: 120px;position: absolute;left: 0;top: 130px;}
	.wechat i img{display: block;width: 90%;margin: 0 auto;}




.index-banner{width: 100%;overflow: hidden;height: auto;position: relative;}
.index-banner>img{width:100%;height: auto;display: block;}
.ind_r{width:483px;height: auto;padding:321px 180px;background-color:rgba(7, 84, 142, 0.88);position: absolute;right:-91px;top: 0;text-align: right;transform: skewX(-10deg);}
.ind_r>h3{position: absolute;width: 492px;height: auto;transform: skewX(10deg); top: 264px;left:160px;}
.ind_r>h3>p{font-size: 30px;color: #FFFFFF;margin-bottom: 23px;}
.ind_r>h3>span{font-size: 18px;color:#FFFFFF;line-height: 26px;display: block;text-align: right; }
.ind_r>h3>a{display: inline-block;padding: 11px 30px;color: #002f7b;font-size: 14px;background-color: #FFFFFF;margin-top: 34px;transition: all .5s;}
.ind_r>h3>a:hover{background-color:#002f7b;color: #FFFFFF;}



/*产品*/
.ind_pro{width: 100%;height: auto;background-color: #f7f7f7;}
.ind_product{width: 1300px;height: auto;padding: 77px 0;margin: 0 auto;}
.ind_product>h3{width:602px;padding:41px 15px 0 15px;margin-right:36px;float: left;margin-bottom: 36px;}
.ind_product>h3 p{font-size: 28px;color:#1b1b1b;font-weight: 600;margin-bottom:22px;}
.ind_product>h3 span{font-size: 15px;color: #888888;line-height:26px;}
.ind_product>h3 .but{width: 100%;height: auto;margin-top: 40px;}
.ind_product>h3 .but a{display: inline-block;padding: 8px 15px;border: 2px solid #0060a9;color: #0060A9;transition: all .5s;font-size:16px;border-radius:32px;margin-right: 10px;}
.ind_product>h3 .but a:nth-child(1){background-color: #0060a9;color: #FFFFFF;/*margin-right: 22px;*/transition: all .5s;border: 2px solid transparent;}
.ind_product>h3 .but a:nth-child(1):hover{border: 2px solid #0060a9;color: #0060A9;background-color: #FFFFFF;}
/*.ind_product>h3 .but a:nth-child(2){border: 2px solid #0060a9;color: #0060A9;transition: all .5s;}*/
/*.ind_product>h3 .but a:nth-child(2):hover{background-color: #0060a9;color: #FFFFFF;}*/
/*.ind_product>h3 .but a{border: 2px solid #0060a9;color: #0060A9;transition: all .5s;margin-right: 20px;}*/
.ind_product>h3 .but a:hover{background-color: #0060a9;color: #FFFFFF;}
.ind_product>a{display: block;float: left;background-color: #FFFFFF;margin-right:36px;margin-bottom: 36px;}
.ind_product>a:nth-of-type(2){margin-right:0px;}
.ind_product>a:nth-of-type(6){margin-right:0px;}
.ind_product>a>img{padding:35px 50px;transition: all .5s;}
.ind_product>a:hover>img{transform: scale(1.1);}
.ind_product>a>p{width:84%;padding:8%;border-top: 1px solid #eeeeee;}
.ind_product>a>p>span:nth-child(1){display: block;font-size: 13px;color: #888888;line-height: 20px;}
.ind_product>a>p>span:nth-child(2){display: block;font-size: 16px;color: #1a1b1c;line-height: 25px;}








/*关于凯研*/
.index_about{ width:100%; margin:0 auto;position:relative;overflow: hidden;}
.index_about>img{width: 100%;}
.about_video{width: 639px;margin: 0 auto;position: absolute;top: 65px;left:628px;text-align: center;}
.about_video>h3{font-size: 27px;color:#FFFFFF;margin-bottom: 35px;text-align: center;}
.about_video>span{font-size: 14px;color: #FFFFFF;line-height: 24px;display: block;text-align: center;margin: 30px 0}
.about_video>a{padding: 14px 53px;border: 2px solid #FFFFFF;display: inline-block;font-size: 14px;border-radius: 21px;transition: all .5s;}
.about_video>a:hover{background-color: #002F7B;}
#boxs{ width: 638px;height: auto;position: relative;margin: 3% auto;overflow: hidden;    border-radius: 6px;}
#boxs .cover{z-index: 10;position: absolute;width: 100%;height: 100%;cursor: pointer;opacity: 1;top: 0;left: 0;    text-align: CENTER;visibility: visible;}
#boxs .cover #imgbg{    position: absolute;width: 100%;top: 0;left: 0;z-index: -1;height: 100%;border-radius: 6px;}
#boxs .cover>dt>img:nth-of-type(1){margin-top: 140px;}
#boxs .cover img{    display: block;margin: 0 auto 30px;}
#boxs .cover dt{    position: absolute;top: 0;width: 100%;height: 100%;left: 0;opacity: 1;transition: 0.2s;}
#boxs a{position: absolute;width: 50px;height: 20px; top:0;right:0;color: red;background: url('../images/close.png') center;}
#boxs video{border-radius: 6px;height: auto;}




/*案例*/
.index_case{width: 100%;height: auto;padding:48px 0;background-color: #dfe6eb;}
.case{width: 1300px;margin: 0 auto;height: auto;}
.case>h3{font-size: 28px;color: #1b1b1b;margin-bottom: 16px;text-align: center;}
.case>p{font-size:16px;color: #888b9a;margin-bottom:21px;text-align: center;}
.case .case_list{width: 100%;height: auto;}
.case .case_list>a:nth-of-type(3n){margin-right: 0;}
.case .case_list>a>img{display: block;transition: all .5s;}
.case .case_list>a:hover img{transform: scale(1.1);}
.case .case_list>a{margin-top: 21px;margin-right: 26px;margin-bottom: 26px;position: relative;float: left;overflow: hidden;display: block;}
.case .case_list>a>p{padding: 28.75px 0 28.75px 8%;width: 92%;position: absolute;left: 0;bottom: 0;background-color: rgba(22,44,70,0.5);}
.case .case_list>a>p>span:nth-child(1){font-size:17px;color:#FFFFFF;display: block;line-height: 25px;}
.case .case_list>a>p>span:nth-child(2){font-size:20px;color:#FFFFFF;display: block;line-height: 25px;}
	


/*合作伙伴*/
.parnt{width: 100%;height: auto;background-color:#f5f9fb;padding: 48px 0;}
.partner{width: 1300px;margin:0 auto;}
.partner>h3{font-size: 28px;color:#1b1b1b;margin-bottom: 18px;text-align: center;}
.partner>p{font-size: 16px;color: #888b9a;margin-bottom: 35px;text-align: center;}
.partner .par_list{width: 100%;height: auto;}
.partner .par_list ul li{width:163px;padding: 30px 26px;border-right:1px solid #e8edf1;float: left;}
.partner .par_list ul li>img{width: 100%;transition: all .5s;}
.partner .par_list ul li>img:hover{transform: scale(1.1);}
.partner .par_list ul li:nth-child(6){border: 0;}
.partner .par_list ul:nth-child(1){border-bottom: 1px solid #E8EDF1;}






.index_news{ width:1300px; margin:0 auto;  background:#fff; position:relative;}

.index_news h1{width: 100%;text-align: center;font-size: 28px;color: #1b1b1b;margin: 45px 0;}

.index_news_nr{ width:100%;position:relative;overflow: hidden;margin-bottom: 4%;}
.index_news_nr .top{overflow: hidden;width:100%;}
.index_news_nr>.top>.newsb{width: 31.5%;float:left;margin-right: 2.7%;}
.index_news_nr>.top>.newsb:last-child{margin-right: 0;}
.index_news_nr .top a{overflow: hidden;width:100%;display: block;position: relative;}
.index_news_nr .top a span{position: absolute;top: 51%;background: rgba(112, 128, 140, 0.62);text-align: center;color: #fff;font-size: 17px;z-index: 99;padding: 14px 30px;}
.index_news_nr .top a span i{font-style: normal;font-size:20px;color: #FFFFFF;margin-left: 20px;font-family: arial;}
.index_news_nr .top a:hover span{ background: rgba(255, 255, 255, 0.58);color: #002f7b;}
.index_news_nr .top a:hover span i{color: #002f7b;}
.index_news_nr .top a:nth-child(3n){ margin-right:0;}
.index_news_nr .top dd{width:100%;float: left;}
.index_news_nr .top dd>a{ display:block; width:100%; height:100%;}
.index_news_nr .top a p{width: 100%;height:165px; overflow:hidden;}
.index_news_nr .top a p img{ width:100%; height:auto;transition: all ease 0.8s;-webkit-transition: all ease 0.8s;}
.index_news_nr .top a:hover p img{transform: scale(1.1,1.1);transition: all ease 0.8s;-webkit-transition: all ease 0.8s;}
.index_news_nr .top dd:hover span{}
.index_news_nr .top dd b{display: block;padding:2% 4%;}
.index_news_nr .top dd b t{display: block;color: #2a3035;font-size: 17px;line-height: 25px;}
.index_news_nr .top dd b m{display: block;color: #0060a9;font-size: 14px;line-height: 25px;}
.index_news_nr .top:last-child{margin-right: 0;}
.index_news_nr .top dd>a:hover b t{ color:#002f7b;}
.index_news_nr .top dd{overflow: hidden;width:100%;float: left;}
.index_news_nr .top dd>a{width:100%; overflow:hidden; margin-bottom:1%; display:block;border-bottom: 1px solid #ccc;height: auto;}
.index_news_nr .to>dd>a d{color: #808284;font-size: 14px;margin-top: 2%;display: block;}


.index_hz{width: 100%;overflow: hidden;background: #e2e5e8;padding: 0 0 1.5% 0;position: relative;}
.index_hz div{width: 1300px;margin:1% auto 0%;overflow: hidden;}
.index_hz .viwepager_content li{float: left;width: 130px;height: 55px;}

.index_hz  a{display: block;}
.index_hz  .viwepager_content li img{ width:100%; height:100%; opacity:0.9;}
.index_hz  .viwepager_content li img:hover{ width:100%; height:100%;transform: scale(1.1,1.1);transition: all ease 0.8s;-webkit-transition: all ease 0.8s ; cursor:pointer;}
.index_hz div a:nth-child(9n){ margin-right:0;}
.index_hz top{width: 1300px;margin: 0 auto;height: 90px;overflow: hidden;display: block;position: relative;}
.index_hz top h1{width: 24%;border-left: 1px solid rgba(204, 204, 204, 0.42);border-right: 1px solid rgba(204, 204, 204, 0.42);height: 100%;}
.index_hz top h1 span{display: block;position: absolute;height: 30px;width: 1px;background: #002f7b;left: 0;top: 31%;}
.index_hz top h1 b{display: block;margin-left: 6%;padding-top: 12%;}
.index_hz top h1 b t{color: #002f7b;text-transform: uppercase;display: block;font-size: 26px;}
.index_hz top h1 b font{color: #1c1c1c;display: block;font-size: 17px;margin-top: 3%;}

.viwepager_img_box{width: 898px;height: 541px;position: relative;}
.viwepager_img_box a{display: block;}
.viwepager_img_box a img{display: block;width: 898px;height: 541px;}
.viwepager_title{height: 95px;line-height: 95px;text-align: center;}
.viwepager_title h3 a{color: #585858;}
.viwepager_list{width: 1000px;margin: 0 auto;position: relative;}
.viwepager_list_box{width: 1000px;overflow: hidden;position: relative;}
.viwepager_list_ul{width: 99999px;}
.mask_img{width: 140px;height: 83px;background: url(../images/ico.png) no-repeat -150px -100px;position: absolute;left: 0px;top: 0px;text-indent: -99999px;display: none;}
.viwepager_list_ul li a:hover .mask_img{display: block;}
.viwepager_list_ul li .ahover .mask_img{display: block;}
.viwepager_list_ul li a img{display: block;width: 140px;height: 83px;}





.footer{ width:100%; overflow:hidden; background:#26272d;padding:43px 0 0;}
.footer_nav{border-bottom: 1px solid #7f8c8d;width: 100%;overflow: hidden;padding-bottom:58px;}
.footer_nav .foot{width: 1300px;margin: 0 auto;}
.footer_nav .foot h3{width: 164px;height: auto;float: left;margin-right: 235px;}
.footer_nav .foot h3>img{display: block;}
.footer_nav .foot h3>span{font-size:14px;color: #FFFFFF;display: block;margin: 30px 0;line-height: 20px;}
.footer_nav .foot h3>p{font-size: 14px;color:#FFFFFF;}
.footer_nav .foot>ul{float: left;margin-right: 180px;padding-top: 5px;}
.footer_nav .foot>ul:last-child{margin-right: 0;}
.footer_nav .foot ul._footChild{margin-top: 45px;}
.footer_nav .foot ul._footChild span{font-size: 15px;color: #ffffff;display: block;margin-bottom: 16px;}
.footer_nav .foot ul._footChild li a{font-size: 13px;color:#8b8e9a;line-height: 25px;}
.footer_nav .foot>ul>span{font-size: 15px;color: #ffffff;display: block;margin-bottom: 16px;}
.footer_nav .foot>ul>li>a{font-size: 13px;color:#8b8e9a;line-height: 25px;}
.footer_nav .foot>ul>li>a:hover{color: #FFFFFF;}
.footer_nav .foot ul._footChild>li>a:hover{color:#fff;}
.footer_nav .foot>ul:nth-child(2) ul li a:hover{color: #FFFFFF;}
.footer_bottom{width: 1300px;margin: 0 auto;overflow: hidden;padding:16px 0;}
.footer_bottom>p{font-size: 12px;color: #909199;float: right;}
.footer_bottom>span{font-size: 12px;color: #909199;}





/*banner*/
.index-banner .banner-self{width:100%;overflow:hidden;margin:0 auto;border:1px solid transparent;box-sizing:border-box;}
.index-banner .banner-self .banner-self-move{width:10000%;}
.index-banner .banner-self .banner-self-move li{width:1%;float:left;    position: relative;}
.index-banner .banner-self .banner-self-move li img{width:100%;display: block;}
.index-banner .banner-self .btns{position:absolute;left:50%;bottom:15px;transform:translateX(-50%);}
.index-banner .banner-self .btns i{margin-left:15px;box-sizing:border-box;display:inline-block;width:15px;height:15px;border-radius:100%;background:#fff;}
.index-banner .banner-self .btns i.active{background:#002f7b;}
.index-banner .banner-self p.arrow-left,.banner-self p.arrow-right{opacity:0;position:absolute;width:125px;height:255px;top:52%;transform:translateY(-50%);border-radius:5px;cursor:pointer;}
.index-banner .banner-self p.arrow-left{background: url('../images/arrow-left-light.png') 50px 105px no-repeat ;left:0;}
.index-banner .banner-self p.arrow-right{background: url('../images/arrow-right-light.png') 50px 105px no-repeat ;right:0;}
.index-banner .clearfix:after{content:'';display:block;clear:both;overflow:hidden;}