@charset "utf-8";
/* CSS Document */
body
{font-family: "思源黑体 CN", "微软雅黑", SimHei, sans-serif;
margin:0;padding:0;outline:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
/*@font-face{
    font-family:'FuturaLL';
    src:url('../fonts/Futura LT Light.otf');
}*/
ol,ul,li{list-style:none; padding:0;}
p{ margin:0;}
a{color:#333;text-decoration:none;}
table{border-collapse:collapse;border-spacing:0;}
img{border:0;display:inline-block;vertical-align:middle;}
.vcenter {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  max-height: 100%;
  display: block;
  vertical-align: middle;
  margin: auto;
}
.pic {
  position: relative;
  overflow: hidden;
}
.pic:after {
  content: "";
  display: block;
}
/*修改滚动条*/

::-webkit-scrollbar{
    width:6px;
    height:6px ;
}
::-webkit-scrollbar-track{
    box-shadow: inset 0 0 6px transparent;
    background: #f8f8f8;
    border-radius: 6px;
}
::-webkit-scrollbar-thumb{
    border-radius: 6px;
    background: #bbb;
}


/* --Public-- */
.hidden{overflow:hidden;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
.clearfix:after{content:".";visibility:hidden;display:block;height:0;clear:both;}
.center{text-align:center;}
.valign-middle{display:table-cell;vertical-align:middle;}
/* --pub-- */
.pub{width:85%;margin:auto; max-width:1600px !important;}
.pub1{width:80%;margin:auto; max-width:1400px !important;}

/* --header-- */

.top_bj{ width:100%; height:auto; position:relative;}
.header_bg{width:100%;height:110px; position: absolute;left:0;top:0;z-index:999;
-webkit-transition:all 0.4s;transition:all 0.4s;}
.header{ width:90%;height:auto;margin:auto;position:relative;}
.header .logo{width:10%;height:auto;float:left; margin-top:30px;}
.header .logo img{ width:100%;}
.nava{width:72%;height:50px;float:left; margin-top:30px;position:relative;overflow:hidden; padding-left:0;}
.nava li{width:12.5%;height:50px;float:left;font-size:16px; color:#fff;line-height:50px;text-align:center;position:relative;overflow:hidden;cursor:pointer; text-align: center; font-weight:bold;}
.nava li span{width:0px;height:2px;background:#fff;position:absolute;left:50%;bottom:0;border-radius:2px;
-webkit-transition:all 0.4s;transition:all 0.4s;}
.nava li:hover span{width:60%;left:20%;}
.tel { float:right; color:#fff; font-size:22px; margin-right:40px; margin-top:20px; font-family:Roboto;background:url(../Image/tel.png) left center no-repeat; padding-left:40px;}
.tel p{ margin:0; line-height:30px; font-weight:bold;}
.tel p span{ font-size:15px;}
@-webkit-keyframes rotate{
 0%{
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 }
 100%{
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
 }
}
@keyframes rotate{
 0%{
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 }
 100%{
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
 }
}



.swiper-banner{width:100%;height:946px;overflow:hidden;background:#fff;position:relative;z-index:99;}
.swiper-banner .swiper-slide{overflow:hidden;position:relative;}
.swiper-banner .swiper-slide .imgScale{width:100%;height:100%;display:block;background-repeat:no-repeat;background-position:center top;background-size:cover;}

.slide-inner{width:80%;height:100%;left:10%;top:0;z-index:99;position:absolute;}
.slide-inner .banner_img{
    position: absolute;
    z-index: 5;
    opacity: 0;
    transition: 1s;
    -moz-transition: 1s;
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
}
.swiper-banner .ani-slide .banner_img{
    opacity: 1;
    transform: translateY(0);
    -ms-transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
}
.banner1_1{width:50%;left:25%;top:30%;
    transform: translateY(20px);
    -ms-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -webkit-transform: translateY(20px);
    -o-transform: translateY(20px);
}
.banner1_2{width:80%;left:10%;top:55%;
    transform: translateY(20px);
    -ms-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -webkit-transform: translateY(20px);
    -o-transform: translateY(20px);
}
.banner2_1{width:45%;left:0%;top:35%;
    transform: translateY(20px);
    -ms-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -webkit-transform: translateY(20px);
    -o-transform: translateY(20px);
}
.banner3_1{width:45%;left:0%;top:35%;
    transform: translateY(20px);
    -ms-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -webkit-transform: translateY(20px);
    -o-transform: translateY(20px);
}

.swiper-banner .banner_con {
    z-index: 99;
    width: auto;
    height: 84px;
    position: absolute;
    right: 0;
    bottom: 5%;
    padding:0 120px;
}
.banner_num{ position:absolute; right:0; bottom:300%; z-index:99; width:auto;}
.swiper-banner .a1 {height: 66px;line-height:66px;margin:20px;}
.swiper-banner .a1 span{font-size:22px;color:#FFF;margin:0 15px;font-family:'FuturaLL';cursor:pointer; display:block;}
.swiper-banner .a1 i{width:2px;height:0;background:#FFF;float:left;margin:0 32px;
    -webkit-transition:all 0.4s;transition:all 0.4s;
}
.swiper-banner .a1 i.current{height:70px;}

.swiper-banner .banner_con .banner_prev,.swiper-banner .banner_con .banner_next{
    width:66px;height:66px;margin-top:20px;float:left;cursor:pointer;
    -webkit-transition:all 0.4s;transition:all 0.4s;
}
.swiper-banner .banner_con .banner_prev:hover {
    transform: translateX(-4px);
    -ms-transform: translateX(-4px);
    -moz-transform: translateX(-4px);
    -webkit-transform: translateX(-4px);
    -o-transform: translateX(-4px);
}
.swiper-banner .banner_con .banner_next:hover {
    transform: translateX(4px);
    -ms-transform: translateX(4px);
    -moz-transform: translateX(4px);
    -webkit-transform: translateX(4px);
    -o-transform: translateX(4px);
}


/* --index-- */

.index_pro{ margin-top:90px;}
.index_pro_main li{ width:23%; float:left; margin-right:2.6%; margin-top:2%}
.index_pro_main li .pic{ background:#fff;}
.index_pro_main li .pic img{ width:100%;}
.index_pro_main li .title{ text-align:center; color:#2f2f2f; font-size:18px; margin-top:10px; height:40px; line-height:40px; overflow:hidden;}
.index_pro_main li:nth-child(4n){ margin-right:0;}


.index1{ margin-top:90px;}
.index1_top{ background:url(../Image/p1.png) bottom left no-repeat; background-size:50% auto;min-height:230px; color:#757575; font-size:18px; text-align:center;}
.index1_top p{ font-size:20px; text-transform:uppercase; font-weight:200; margin-bottom:30px;}
.index1_top .index1_top1{ font-size:46px; color:#1b1b1b;}
.index1_top .index1_top1 b{ color:#0768dd;}
.index1_main .wraper{width:100%; overflow:hidden;margin:0 auto;}
.index1_main .wraper .teacher{width:100%;height:676px;position:relative;margin:0 auto; overflow:hidden;}
.index1_main .wraper .teacher .teacherPic{width:100%;height:676px;position:absolute; background:url(../Image/index_jjfa1.jpg) no-repeat; background-size:cover;}
.index1_main .wraper .teacher .teacherPic .content{width:33.3%;height:676px;float:left;position:relative;overflow:hidden;}
.index1_main .wraper .teacher .teacherPic .content .txt .txt1{width:96%;height:150px; position:absolute;left:0px;bottom:0;padding:0 2%; text-align:center;}
.index1_main .wraper .teacher .teacherPic .content .txt .txt1 h3{color:#fff;font-size:24px; text-align:center; font-weight:normal;}
.index1_main .wraper .teacher .teacherPic .content .txt .txt2{ background:rgba(7,104,221,0.7); text-align:left; height:100%; display:none; padding:20% 10%; width:90%;}
.index1_main .wraper .teacher .teacherPic .content .txt .txt2 .txt2_name{ font-size:34px; font-weight:bold;color:#fff;margin:10% 0;}
.index1_main .wraper .teacher .teacherPic .content .txt .txt2 .txt2_lin{ width:67px; height:2px; background:#fff; margin:20px 0;}
.index1_main .wraper .teacher .teacherPic .content .txt .txt2 .txt2_more{ color:#fff;}



/****************************index1 end****************************/


.index2 .index2_left{width:47%; float:left; padding:120px 0 85px;}
.index2 .index2_left .infor .tit{font-size:18px; line-height:30px; color:#757575; margin-bottom:10px;}
.index2 .index2_left .infor .con{font-size:40px; line-height:51px; color:#000; margin-bottom:20px;}
.index2 .index2_left .infor .con b{ color:#0768dd}
.index2 .index2_left .infor .txt{font-size:15px; line-height:28px; color:#303030; margin-bottom:60px;}
.index2 .index2_right{width:46%; float:right;}
.index2 .index2_right ul{width:50%; float:left; border-left:1px solid #EDEDED; padding:130px 0 90px; box-sizing:border-box;}
.index2 .index2_right ul li{padding-left:50px; position:relative; color:#3b3b3b; transition:all 0.5s ease;}
.index2 .index2_right ul li .timer{font-size:91px; line-height:103px; font-family:Impact;}
.index2 .index2_right ul li .text{font-size:16px; line-height:25px;}
.index2 .index2_right ul li:after{content:''; width:2px; height:82px; background:#0768dd; position:absolute; left:0; top:15px;}
.index2 .index2_right ul li:first-child{margin-bottom:70px;}
.index2 .index2_right ul li:hover{color:#0768dd;}
.index2 .index2_more{padding:5px; display:inline-block; border-radius:30px; background:#0768dd; box-sizing:border-box; padding-left:25px; color:#fff; border:1px solid #0768dd; transition:all 0.5s ease;}
.index2 .index2_more div{display:inline-block; width:40px; height:40px; background:#fff; border-radius:50%; text-align:center; line-height:40px; vertical-align:middle; color:#0768dd; margin-left:25px; transition:all 0.5s ease;}
.index2 .index2_more:hover{background:transparent; color:#0768dd;}
.index2 .index2_more:hover div{margin-left:40px; background:#0768dd; color:#fff;}



/******************************index2 end*****************/




#index3{margin:0px auto;height:817px;overflow:hidden;position:relative;padding-top:-40px;}
.index3-inner{height: auto;margin:0px auto}
.index3-nav-abs{position:absolute;left:0px;bottom:0px;z-index:3;}
.index3-nav-abs-opac{position:absolute;width:100%;height:78px;left:0px;bottom:-22px;z-index:2}
.index3-nav-fix{position:fixed;left:0px;top:82px;z-index:3}
.index3-nav{width:100%;background:url(../Image/p2.png) repeat-x; background-size:cover;}
.index3-nav li {float:left;display:inline;width:19.5%;height: auto;font-size:15px;padding:7% 2.5%;cursor:pointer;position:relative; border-left:1px solid rgba(255,255,255,0.16);}
.index3-nav li a span{display:block; margin-bottom:20px; margin-top:30px;}

.index3-nav li a{display:block;float:left;position:absolute;left:0px;top:0px;color:#fff;z-index:6;display:inline;width:100%;height: auto;text-align:center; font-size:18px;}
.index3-nav li.current{cursor:default;background:#eee;}
.index3-nav li.current a{ color:#000;}
.index3-list{position:absolute;height:817px;position:absolute;z-index:2;overflow:hidden;width:100%}
.index3-list li{width:100%;height:817px;float:left;display:inline-block}
.index3-list li .animate-box {position:relative}
.index3-list li .animate-box .t-d{position:absolute;width:400px;left:20px;top:100px}
.index3-list li .animate-box .t-d h2 {display:block;margin:0px;padding:0px;font-size:30px;text-align:left;color:#fff}
.index3-list li .animate-box .t-d p{color:#fff;padding:10px 0px 0 0;line-height:32px;left:20px;text-align:left}
.index3 .index3_more{padding:5px; display:inline-block; border-radius:30px; background:#0768dd; box-sizing:border-box; padding-left:25px; color:#fff; border:1px solid #0768dd; transition:all 0.5s ease; margin-top:30px;}
.index3 .index3_more div{display:inline-block; width:40px; height:40px; background:#fff; border-radius:50%; text-align:center; line-height:40px; vertical-align:middle; color:#0768dd; margin-left:25px; transition:all 0.5s ease;}
.index3 .index3_more:hover{background:transparent; color:#0768dd;}
.index3 .index3_more:hover div{margin-left:40px; background:#0768dd; color:#fff;}




/************************index3 end**********************/



.index4_bj{background:url(../Image/index4_bj.jpg) center no-repeat; background-size:cover; overflow:hidden; padding:6% 0;}

.index4_top .tit{font-size:18px; line-height:30px; color:#757575; margin-bottom:10px;}
.index4_top .con{font-size:40px; line-height:51px; color:#000; margin-bottom:20px;}
.index4_top .con b{ color:#0768dd}

.index4_main { margin-top:50px;}
.card-fouth .desc.desc-list {
    font-size: 0;
    color: #3a3a3a;
    margin-bottom: 45px;
    white-space: nowrap;
    overflow: hidden;
    width:30%; float:left;
}
.card-fouth .industry {
    font-size: 20px;
    color: #999;
    padding: 26px 0; overflow:hidden; cursor:pointer;
}
.card-fouth .industry .icon{ float:left; width:30%;}
.card-fouth .industry .icon img{ width:100%;}
.card-fouth .industry.active { color:#3c9c98;}
.card-fouth .industry .ch { float:right; width:65%; color:#666666; font-size:22px; padding-bottom:15px;}
.card-fouth .industry .ch p{ width:41px; height:4px; background:#0768dd; margin-top:20px;}
.card-fouth .industry.active .ch {color:#0768dd; font-weight:bold;}

/*内容*/
.card-fouth .case-container { position: relative;width:65%; float:right; height:580px;}
.card-fouth .case-panel {
    position: absolute;
    z-index: 1;
    opacity: 0;
    overflow: hidden;
} 
.card-fouth .case-panel li{ position:relative;}
.card-fouth .case-panel li img{ width:100%;}
.card-fouth .case-panel li p{ position:absolute; bottom:0; background:rgba(0,0,0,0.67); line-height:30px; padding:3%; width:94%; color:#fff;}
.card-fouth .case-panel.active {
    z-index: 100;
    opacity: 1;
    -webkit-transition: all .2s ease-out .1s;
    transition: all .2s ease-out .1s
}

/****************************index4 end****************************/


.brief{ width:100%; height:auto; position:relative;overflow:hidden; margin-top:-40px;}
.brief .tab{  margin-top: 52px;}
.brief .tab a{ display:inline-block;width: 23.5%; text-decoration:none;margin-right: 1%; }
.brief .tab a:nth-of-type(4){ margin-right: 0px;}
.brief .tab a:hover{ }
.brief .tab a.on{text-decoration:none;}
.brief .content{ overflow:hidden; }
.brief .content ul{ margin:0;}
.brief .content li{ display:none;}

.bacc { height: 728px; background-position: center; position: relative; }
			
.index_jl_btn{ margin-top: 130px;}
.index_jl_btn dl dd{ width: 100%; display: inline-block; height: 141px; background: #fff; border-radius: 8px; margin:0;
-webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}

.index_jl_btn dl dd:before{position: absolute;
    z-index: -1;
    content: '';
    bottom: -2px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 90%;
    height: 90%;
    background:#fff;
    opacity: 0;
    filter: blur(10px);
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;}
.index_jl_btn dl dd .index_jl_btn_mid{ width: 90%; margin: 0px auto;}
.index_jl_btn dl dd .index_jl_btn_mid .index_jl_btn_pic{ width: 20%;  margin-top: 39px;}
.index_jl_btn dl dd .index_jl_btn_mid .index_jl_btn_tex{ width: 80%; margin-top: 39px;}
.index_jl_btn dl dd .index_jl_btn_mid .index_jl_btn_tex .index_jl_bt1{ font-size: 30px; color: #070002;}
.index_jl_btn dl dd .index_jl_btn_mid .index_jl_btn_tex .index_jl_bt2{ color:#767676; font-size: 16px;}
.index_jl_btn dl dd:hover:before{
	opacity: 0.8;
}
.catt{ position:relative;}
.index_jl_btn dl dd:hover{transform: translateY(-5px);}			
.tabb{  bottom:100px; position:absolute; width:100%;}
.bacc_bg{ position:relative; top:50px;}
.index_jl_tit{ font-size: 48px; color: #fff; font-weight: bold; margin-top:40px;}
.index_jl_line{ width: 10%; height: 4px; background: #fff; margin-top: 31px;}
.index_jl_tex{ color: #fff; font-size: 24px; margin-top: 42px; line-height: 50px;}




/****************************index5 end*********************/




.foot1_bj{background:url(../Image/foot1_bg.jpg) center no-repeat;background-size:cover; padding-top:60px; padding-bottom:95px;}
.foot1_bj .foot1_left{width:59%; color:#fff; float:left;}
.foot1_bj .foot1_left .t{font-size:44px; line-height:44px; margin-bottom:20px;}
.foot1_bj .foot1_left .c{font-size:18px; line-height:24px;}
.foot1_bj .foot1_right{width:18%; margin-top:20px; float:right;}
.foot1_bj .foot1_right .more{padding:5px; display:inline-block; border-radius:30px; background:transparent; box-sizing:border-box; padding-left:25px; color:#fff; border:1px solid #fff; transition:all 0.5s ease;}
.foot1_bj .foot1_right .more div{display:inline-block; width:40px; height:40px; background:url(../Image/foot_icon.png) center no-repeat #fff; border-radius:50%; text-align:center; line-height:40px; vertical-align:middle; color:#004ea1; margin-left:25px; transition:all 0.5s ease; border:1px solid #004ea1;}
.foot1_bj .foot1_right .more:hover{background:#fff; color:#004ea1; border-color:#004ea1;}
.foot1_bj .foot1_right .more:hover div{margin-left:40px; background:url(../Image/foot_icon1.png) center no-repeat #004ea1; color:#fff; border-color:#004ea1;}



/****************************foot end****************************/




.foot2_bj{ border-bottom:none; background:#303c49;}
.foot2{position:relative;}
.foot2 .left{width:67%; float:left; padding:80px 0 60px; border-right:1px solid #3c4a5a; box-sizing:border-box;}
.foot2 .left ul{float:left; width:20%; margin-right:5%;}
.foot2 .left ul p{font-size:20px; line-height:25px; color:#fff; margin-bottom:35px;}
.foot2 .left ul p a{ color:#fff;}
.foot2 .left ul li{font-size:16px; line-height:37px; color:#cacaca;}
.foot2 .left ul li a{ color:#cacaca;}

.foot2 .right{width:29%; float:right; padding:80px 0 30px;}
.foot2 .right p{font-size:24px; line-height:30px; color:#fff; margin-bottom:30px;}
.foot2 .right li{margin-bottom:5px; color:#cacaca;}
.foot_bottom{ background:#232d37; overflow:hidden; color:#4c545c;line-height:58px; padding:15px 0; font-size:16px;}
.foot_bottom .left{float:left; }
.foot_bottom .right{ float:right;}
.foot_bottom a{ color:#4c545c;}


/****************************foot end****************************/




.inner_banner{ color:#fff; font-size:38px; text-transform:uppercase; overflow:hidden; padding:19% 0;}
.inner_banner p{ font-size:48px; font-weight:bold;}
.banner_about{ width:100%; background:url(../Image/banner_about.jpg) top center no-repeat; background-size:cover;}
.banner_honor{ width:100%; background:url(../Image/banner_honor.jpg) top center no-repeat; background-size:cover;}
.banner_contact{ width:100%; background:url(../Image/banner_contact.jpg) top center no-repeat; background-size:cover;}
.banner_pro{ width:100%; background:url(../Image/banner_pro.jpg) top center no-repeat; background-size:cover;}
.banner_news{ width:100%; background:url(../Image/banner_news.jpg) top center no-repeat; background-size:cover;}
.banner_case{ width:100%; background:url(../Image/banner_case.jpg) top center no-repeat; background-size:cover;}
.banner_jjfa{ width:100%; background:url(../Image/banner_jjfa.jpg) top center no-repeat; background-size:cover;}
.banner_gcgd{ width:100%; background:url(../Image/banner_gcgd.jpg) top center no-repeat; background-size:cover;}



.crumbs_bj{ width:100%; position:absolute; z-index:999; bottom:0px; background:rgba(7,104,221,0.73);}
.crumbs li{ width:33%; float:left; border-left:1px solid #fff; line-height:80px; color:#fff;}
.crumbs li p{ text-align:center; font-size:20px;}
.crumbs .inner_about3 li{ border-right:1px solid #fff;}


.inner_about_top{ height:80px; position:relative; text-align:center;}
.inner_about_top b{ font-size:150px; color:#dbdfe2; position:absolute; left:-90px; top:-85px;  width:100%; display:block; text-transform:uppercase;}
.inner_about_top1{ position:absolute; z-index:9; width:100%; top:-15px;}
.inner_about_top1 p{ font-size:36px; font-weight:bold; color:#333333; margin:0;}
.inner_about_top1{ font-size:25px; color:#333333; text-align:center; position:relative; z-index:9;}

.inner_about1_bj{ width:100%; height:auto; background:#eef2f5; overflow:hidden;}
.inner_about1{ margin:80px auto;}
.inner_about1_img{ text-align:center; margin-top:60px;}
.inner_about1_img img{ max-width:80%;}
.inner_about1_con{ text-align:center; margin-top:50px;}
.inner_about1_con p{ font-size:16px; color:#383838; line-height:30px;}
.inner_num li{ float:left; width:25%; color:#313131; font-size:18px; text-align:center; margin:30px 0;}
.inner_num li .timer{ font-size:90px; color:#0768dd;}
.inner_num li:nth-child(2n) .timer{color:#02c3fa;}


/******************************about end************************/





/******************企业文化 end*****************/


.inner{ margin:80px auto; overflow:hidden;}

.inner_about2_bj{ background:url(../Image/p3.jpg) center repeat; padding:100px 0;}
.inner_about2_main{ margin-top:50px;}
.inner_about2_left{ float:left; width:50%; height:657px; background:url(../Image/honor1_bj.jpg) center no-repeat; background-size:cover; position:relative;}
.inner_about2_left .inner_about2_left_img{ width:70%; margin:0 auto; margin-top:150px;}
.inner_about2_left .inner_about2_left_img img{ width:100%;}
.inner_about2_left_tit{ width:100%; position:absolute; bottom:47px; color:#fff; text-align:center; line-height:30px;}
.inner_about2_right{ width:45%; height:657px; float:right; background:#8292a5; padding:0 2.5%;}
.inner_about2_right_top{ color:#fff; font-size:30px; margin:30px 0;}
.inner_about2_right li{width:44%;float:left;margin:1%;background:url(../Image/honor2_bj.jpg) center no-repeat;position:relative;cursor:pointer; overflow:hidden;-webkit-transition:all 0.4s;transition:all 0.4s; padding:2%;}
.inner_about2_right li img{max-width:100%;height:auto;display:block;margin:auto;
-webkit-transition:all 0.4s;transition:all 0.4s;}

.inner_about3{ margin:100px auto;}
.inner_about3_main{ margin-top:50px;}
.inner_about3_main li{ width:30.3%; float:left; color:#535353; height:250px; padding:0 1.5%;}
.inner_about3_main li p{ font-size:26px; color:#0768dd; font-weight:bold; margin:20px 0;}
.inner_about3_main li img{ width:100%;}
.inner_about3_main li:nth-child(2n){ background:#f2f2f2;}
.inner_about3_main li:nth-child(6){ padding:0;}

/******************honor end******************/




.pro_type_bj{ width:100%; position:absolute; z-index:999; bottom:0px; background:rgba(7,104,221,0.73);}
.pro_type li{ width:24.8%; float:left; border-left:1px solid #fff; color:#fff; text-align:center; padding:30px 0;}
.pro_type li a{ display:block; color:#fff;}
.pro_type li p{ text-align:center; font-size:20px; line-height:30px; margin-top:10px;}
.pro_type li:last-child{ border-right:none;}

.location_bj{ border-bottom:1px solid #bababa; line-height:50px;}
.location{ color:#5e5e5e; font-size:18px; background:url(../Image/p5.png) left center no-repeat; padding-left:30px;}
.location a{ color:#5e5e5e;}

.inner_pro_main ul{ padding:0;}
.inner_pro_main .pro li{ float:left; width:29.3%; margin:2%; background:#fff;-webkit-transition:all 0.4s;transition:all 0.4s;}
.inner_pro_main .pro li .pro_con .pro_con_tit{ height:60px; line-height:30px; font-size:18px; color:#757575; overflow:hidden; margin-top:20px;}
.inner_pro_main .pro li .pro_con .pro_con_more{ color:#fff; font-size:15px; overflow:hidden; background:url(../Image/p6.png) right 20px center no-repeat #0d4cb0; width:144px; height:40px; line-height:40px; margin-top:20px; padding-left:20px;}
.inner_pro_main .pro li .img{-webkit-transition:all 0.4s;transition:all 0.4s; overflow:hidden; border:1px solid #d6d6d6;}
.inner_pro_main .pro li .img img{ width:100%;-webkit-transition:all 0.4s;transition:all 0.4s;}

.inner_pro_main .pro li:hover .img img{transform:scale(1.08);}




.proleft { width: 40%; float:left;}
.proleft .swiper-list{margin-top:50px;padding-bottom:50px;overflow:hidden;position:relative;}
.proleft .swiper-list .swiper-slide{padding:0 30px;background:#FFF;position:relative;cursor:pointer;}
.proleft .swiper-list .swiper-slide .img{margin:20px 0;position:relative;overflow:hidden;}
.proleft .swiper-list .swiper-slide .img img{width:100%;height:auto;display:block;margin:auto;
-webkit-transition:all 0.4s;transition:all 0.4s;}
.proleft .swiper-list .swiper-slide:hover .img img{transform:scale(1.08);}

.proleft .swiper-list .swiper-slide .line{width:100%;height:1px;display:block;background:#ddd;}

.proleft .gallery-top{width:100%;position:relative;}
.proleft .gallery-top .swiper-slide{width:100%;display:block;}
.proleft .gallery-top .swiper-slide img{width:100%;display:block;}
.proleft .gallery-top .swiper-button-prev{left:6px;}
.proleft .gallery-top .swiper-button-next{right:6px;}
.proleft .gallery-top .swiper-button-next, .gallery-top .swiper-button-prev{width:66px;height:66px;}


.product_img_right{width:100%;margin-top:40px;}
.product_img_right .gallery-thumbs{width:100%;padding-right:5px !important;padding-top:6px !important;margin-left:0 !important;}
.product_img_right .gallery-thumbs p{font-size:16px;color:#999;line-height:32px;margin-bottom:10px;}
.product_img_right .gallery-thumbs .swiper-slide{border:1px solid #eee;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.product_img_right .gallery-thumbs .swiper-slide img{width:100%;display:block;}
.product_img_right .gallery-thumbs .swiper-slide-thumb-active{opacity:1;border:2px solid #333;}
.product_img_right .gallery-thumbs .swiper-slide-thumb-active:before{
    content: '';
    display: block;
    width: 0;
    border: 6px solid transparent;
    border-bottom-color: #333;
    position: absolute;
    top: -13px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}


.proright { width: 55%; padding-bottom:20px; float:right;}
.proright h3{ border-bottom:1px solid #dcdcdc; color:#000000; font-size:24px; padding-bottom:20px; margin-bottom:20px; margin-top:0; font-weight: bold;}
.pro_des{ color:#666666; margin-bottom:50px; line-height:30px; margin-top:30px;}
.pro_des_tit{ position:relative; margin-bottom:40px;}
.pro_des_tit p{ font-size:24px; color:#000; font-weight:bold; margin:0; position: relative; z-index:9;}
.pro_des_tit .pro_line{ height:11px; background:#c9c9c9; position:absolute; width:106px; bottom:-1px;}

.pro_contact{ background:url(../Image/p7.png) right 20px center no-repeat #0d4cb0; width:148px; height:40px; line-height:40px; padding:0 20px; color:#fff; float:left;}
.pro_back{ background:url(../Image/p8.png) right 20px center no-repeat #0d4cb0; width:148px; height:40px; line-height:40px; padding:0 20px; color:#fff; float:left; margin-left:20px;}


.pro_info_main{ margin-top:80px;}
.pro_info_top{ overflow:hidden; color:#fff; font-size:24px; border-bottom:1px solid #dddddd; margin-bottom:20px;}
.pro_info_top span{ background:#0d4cb0; padding:20px 40px;}

.inner_content{ font-size:16px; line-height:30px;}
.inner_content p{ margin:0;}
.inner_content img{ max-width:100%;}

/*************************product end*************************/





.inner_news_status {height: 30px;line-height: 30px;font-size: 12px;color: #333;margin-top: 20px;padding-bottom: 10px; }
.inner_news_status span {padding-left: 20px; padding-right: 10px; line-height:30px;height:30px; display:block; float:left;}
.inner_news_status .newstime{ background:url(../Image/news2.png) left center no-repeat;}
.inner_news_status .click{ background:url(../Image/news3.png) left center no-repeat;}

.news ul li{width:27%;margin-top:4%; padding:3%;overflow:hidden;float:left;background:#FFF;}
.news ul li img{width:100%;
-webkit-transition:all 0.4s;transition:all 0.4s;}
.news ul li .news1_tit{ font-size:18px; color:#2f2f2f; height:30px; line-height:30px; overflow:hidden; margin-bottom:20px;}
.news ul li .news1_date{ color:#2f2f2f; font-size:16px;  line-height:30px; }
.news ul li .news1_more{  background:url(../Image/p4.png) left center no-repeat; width:71px; height:10px; margin-top:20px;}
.news ul li .txt{-webkit-transition:all 0.4s;transition:all 0.4s; overflow:hidden; margin-top:20px; color:#2f2f2f;}
.news ul li:hover{color:#FFF;background:#0d4cb0;}
.news ul li:hover .news1_tit{ color:#fff;}
.news ul li:hover .txt{ color:#fff;}
.news ul li:hover .news1_date{ color:#fff;}
.news ul li:hover .news1_more{ background:url(../Image/p4-1.png) left center no-repeat;}

.news ul li:hover img{
	transform: translateY(-28px);
    -ms-transform: translateY(-28px);
    -moz-transform: translateY(-28px);
    -webkit-transform: translateY(-28px);
    -o-transform: translateY(-28px);
}
.news ul li:hover .txt{
	transform: translateY(-28px);
    -ms-transform: translateY(-28px);
    -moz-transform: translateY(-28px);
    -webkit-transform: translateY(-28px);
    -o-transform: translateY(-28px);
}




.zxrz_l{ margin-top:60px;}
.newshow .newshowtit {
  text-align: center;
  border-bottom: 1px dotted #bfbebe; margin-bottom:20px;
}
.newshow .newshowtit h1 {
  font-size: 22px;
  color: #333;
}
.newshow .newshowtit .date {
  line-height: 30px;
  font-size: 12px;
  color: #999;
}
.newshow .newshowtxt p {
  margin-top: 25px;
  line-height: 25px;
}
.newshow .newshowimg {
  text-align: center;
  margin: 65px 0;
}

.inner_news_img img{ max-width:100%;}



/**************************news end**********************/


.case li{ width:21%; float:left; background:#f4f5f6; padding:1%; margin-bottom:20px; color:#242424; overflow:hidden; margin:1%;}
.case li .case_img{ width:100%;}
.case li .case_img img{ width:100%;}
.case li p{ font-size:18px; margin-top:10px; overflow:hidden; color:#2a2a2a;}
.case li:hover{ background:#0d4cb0; color:#fff;}
.case li:hover p{ color:#fff;}


.jjfa_type_bj{ width:100%; position:absolute; z-index:999; bottom:0px; background:rgba(7,104,221,0.73);}
.jjfa_type li{ width:33%; float:left; border-left:1px solid #fff; color:#fff; text-align:center; padding:30px 0;}
.jjfa_type li p{ text-align:center; font-size:20px; line-height:30px; margin-top:10px;}
.jjfa_type .inner_about3 li{ border-right:1px solid #fff;}


.jjfa{ margin:0;}
.jjfa li{ position:relative; padding-top:20%; overflow:hidden; background-size:cover;}
.jjfa_con{ background:rgba(0,0,0,0.59); width:35%; float:right; padding:2%;}
.jjfa_con1{ width:70%;}
.jjfa_tit{ color:#fff; font-size:36px;}
.jjfa_txt{ color:#fff; font-size:16px; margin-top:20px; line-height:28px;}
.jjfa .jjfa_more{padding:5px; display:inline-block; border-radius:30px; background:#0768dd; box-sizing:border-box; padding-left:25px; color:#fff; border:1px solid #0768dd; transition:all 0.5s ease; margin-top:40px;}
.jjfa .jjfa_more div{display:inline-block; width:40px; height:40px; background:#fff; border-radius:50%; text-align:center; line-height:40px; vertical-align:middle; color:#0768dd; margin-left:25px; transition:all 0.5s ease;}
.jjfa .jjfa_more:hover{background:transparent; color:#0768dd;}
.jjfa .jjfa_more:hover div{margin-left:40px; background:#0768dd; color:#fff;}
.jjfa li:nth-child(2) .jjfa_con{ float:left;}
.jjfa li:nth-child(2) .jjfa_con1{ float:right;}

.inner_cqhj { margin:80px auto;}
.inner_cphj_info{ position:relative;}
.inner_cphj_info_left{ width:40%; float:left; position: absolute; left:0; z-index:9;}
.inner_cphj_info_tit{ font-size:38px; color:#323232; margin-bottom:40px;}
.inner_cphj_info_left_main{ background:#0d4cb0; padding:30px;}
.inner_cphj_info_con{ width:90%; margin:0 auto; color:#fff; margin-bottom:20px; line-height:30px;}
.inner_cphj_info_img li{ float:left; width:49%;}
.inner_cphj_info_img li:nth-child(2n){ float:right;}
.inner_cphj_info_img li img{ width:100%;}

.inner_cphj_info_right{ width:65%; float:right;}
.inner_cphj_info_right img{ width:100%;}

/*******************cphj end*********************/



.inner_jjfa{}
.inner_jjfa .thumbsbox{margin-bottom: 60px; position:relative;}
.inner_jjfa .gallery-thumbs{position:static;}
.inner_jjfa .box{margin:0 auto;cursor: pointer; padding:10px;height:107px;}
.inner_jjfa .box .ico{width: auto; display: block;margin:0 auto;transition: all .3s; margin-top:10px;}
.inner_jjfa .box .ico_h{display: none;}
.inner_jjfa .box .tit{ width:80%; margin:0 auto;font-size: 16px;color: #333333;margin-top: 10px;text-align: center;}

.inner_jjfa .mod{font-size: 0; position:relative;}
.inner_jjfa .mod .inner_jjfa_info_img{}
.inner_jjfa .mod .inner_jjfa_info_img img{ width:100%;}
.inner_jjfa .mod .inner_jjfa_info_con{ position:absolute; bottom:60px; left:10%; z-index:999; background:#fff; width:80%; box-shadow:0 0 10px rgba(0,0,0,0.3); padding:2%; border-radius:10px;}
.inner_jjfa .mod .title{font-size: 36px;color: #343434; margin:0;}
.inner_jjfa .mod .txt{font-size: 16px;color: #777777;line-height: 30px;-webkit-line-clamp: 3;margin-top: 25px;}
.inner_jjfa .mod .imgbox:hover .img{transform: scale(1.05,1.05);}


.inner_jjfa .swiper-slide-active .box{background:url(../Image/inner_jjfa_iconbj.jpg) center no-repeat; background-size:cover;}
.inner_jjfa .swiper-slide-active .box .ico_h{display: block;}
.inner_jjfa .swiper-slide-active .ico_s{display: none;}
.inner_jjfa .swiper-slide-active .tit{color: #fff;}

.inner_gcgd_top{ border-top:4px solid #0d4cb0; padding-top:30px; color:#5a5a5a; font-size:18px; margin:50px 0;}
.inner_gcgd_top p{ color:#2a2a2a; font-size:34px; margin-top:10px;}
.inner_gcgd ul{ padding:0;}
.inner_gcgd .pro li{ float:left; width:23%; margin:1%; background:#fff;-webkit-transition:all 0.4s;transition:all 0.4s;}
.inner_gcgd .pro li .pro_con .pro_con_tit{ font-size:18px; color:#757575; overflow:hidden; margin-top:20px;}
.inner_gcgd .pro li .pro_con .pro_con_more{ color:#fff; font-size:15px; overflow:hidden; background:url(../Image/p6.png) right 20px center no-repeat #0d4cb0; width:144px; height:40px; line-height:40px; margin-top:20px; padding-left:20px;}
.inner_gcgd .pro li .img{-webkit-transition:all 0.4s;transition:all 0.4s; overflow:hidden; border:1px solid #d6d6d6;}
.inner_gcgd .pro li .img img{ width:100%;-webkit-transition:all 0.4s;transition:all 0.4s;}

.inner_gcgd .pro li:hover .img img{transform:scale(1.08);}




.inner_contact{ background:#0d4cb0; padding:2%; width:46%; float:left;}
.contact_top{ font-size:30px; color:#fff;}
.inner_contact ul li{ color:#fff; line-height:30px; font-size:15px;}
.inner_contact .cop{ margin-top:50px;}
.inner_contact .cop img{ max-width:95%;}

.contact-map{ width:100%; position:relative;}
#dituContent{ width:100%; height:437px;}


.inner_message{ overflow:hidden;}
.inner_message{ width:45%; float:right;}
.inner_message .input-group{ margin-bottom:10px; width:97%; margin-right:0; float:left;}
.inner_message .input-group1{ width:97%; margin-bottom:10px;}
.inner_message .input-group1 input{ border:1px solid #e3e3e3;line-height:40px; color:#898989; outline:none; width:100%; padding-left:10px;}
.inner_message .input-group input{ border:1px solid #e3e3e3;line-height:40px; color:#898989; outline:none; width:100%; padding-left:10px;}
.inner_message #content{ width:100%; height:100px;}
.inner_message #captcha{ float:left; width:30%;}
.inner_message .verify{ width:90px; height:36px;}
.inner_message .verify img{ width:90px; height:36px; margin-top:10px;}
.inner_message #submit{ line-height:40px; height:40px; text-align:center; color:#fff; width:47%; margin-right:3%; background:#0d4cb0; float:right;}


/**************************contact end************************/

/* --翻页-- */
.txt-upDown{width:auto;height:auto;clear:both;font-size:14px;padding-top:20px;margin-top:40px;border-top:1px dashed rgb(230,230,230);}
.txt-upDown-li{width:50%;height:42px;line-height:42px;padding:0 5px;overflow:hidden;color:#666;display:block;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
-webkit-transition:all 0.3s;transition:all 0.3s;}
.txt-upDown-li .arrow{width:10%;height:42px;overflow:hidden;font-family:'宋体';font-weight:bold;}
.txt-upDown-li .title{width:90%;height:42px;overflow:hidden;color:#666;}
.txt-upDown-li:hover{color:#fff;background:#0d4cb0;padding:0 20px;cursor:pointer;}
.txt-upDown-li:hover .arrow{color:#fff;}
.txt-upDown-li:hover .title .page-a{color:#fff;}
.txt-upDown-li:hover .title a{color:#fff;}
.txt-upDown-li.txt-right{text-align:right;}

/* --分页-- */
.de-page-mian {
  overflow: hidden;
  text-align: center;
  font-size: 0;
  margin: 60px 0 35px;
}
.de-page-mian .page-inner {
  display: inline-block;
  overflow: hidden;
}
.de-page-mian .page-inner a {
  display: block;
  float: left;
  min-width: 26px;
  padding: 0 5px;
  height: 36px;
  border: 1px solid #dddddd;
  background: #fff;
  text-align: center;
  line-height: 36px;
  font-size: 14px;
  color: #333;
  margin-right: -1px;
  overflow: hidden;
}
.de-page-mian .page-inner a.active,
.de-page-mian .page-inner a:hover {
  color: #fff;
  border-color: #0d4cb0;
  background: #0d4cb0;
}
.de-page-mian .page-inner a.prev {
  margin-right: 10px;
  background: #fff url(../Image/prev.jpg) no-repeat center;
}
.de-page-mian .page-inner a.prev.on {
  background: #fff url(../Image/prev-hover.jpg) no-repeat center;
}
.de-page-mian .page-inner a.prev:hover {
  background-color: #fff;
  border-color: #dddddd;
}
.de-page-mian .page-inner a.next {
  margin-left: 10px;
  margin-right: 15px;
  background: #fff url(../Image/next.jpg) no-repeat center;
}
.de-page-mian .page-inner a.next.on {
  background: #fff url(../Image/next-hover.jpg) no-repeat center;
}
.de-page-mian .page-inner a.next:hover {
  background-color: #fff;
  border-color: #dddddd;
}
.de-page-mian .page-inner a.page-btn {
  font-size: 12px;
  margin-right: 0;
  width: 63px;
  margin-left: 10px;
}
.de-page-mian .page-inner span {
  display: block;
  font-size: 12px;
  color: #333;
  float: left;
  line-height: 38px;
}
.de-page-mian .page-inner input {
  display: block;
  float: left;
  height: 36px;
  width: 36px;
  border: 1px solid #dddddd;
  text-align: center;
  line-height: 36px;
  font-size: 14px;
  color: #333;
  margin: 0 5px;
}

/* --暂无数据-- */
.no-goods{padding:100px 0;overflow:hidden;text-align:center;}
.no-goods img{
  display: block;
  margin:0 auto 30px;
  width:220px;
  max-height: 105px;
}
.no-goods p{
  font-size:14px;
  color:#666666;
  line-height: 20px;
}






@-webkit-keyframes imgScale {
  from {
    transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1); }
  to {
    transform: scale(1.04);
    -ms-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -webkit-transform: scale(1.04);
    -o-transform: scale(1.04);}
}
@keyframes imgScale {
  from {
    transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1); }
  to {
    transform: scale(1.04);
    -ms-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -webkit-transform: scale(1.04);
    -o-transform: scale(1.04);}
}
.imgScale {
	animation: imgScale 6s ease-in-out infinite alternate;
	-webkit-animation: imgScale 6s ease-in-out infinite alternate;
}

@keyframes scrolldown {
	0% {
		transform: scale(1, 1); 
		transform-origin: 100% 100%;
	}
	33% {
		transform: scale(1, 0); 
		transform-origin: 100% 100%;
	}
	66% {
		transform: scale(1, 0); 
		transform-origin: 0 0;
	}
	100% {
		transform: scale(1, 1); 
		transform-origin: 0 0;
	}
}

@keyframes scrolldown2 {
	0% {
		transform: scale(1, 1); 
		transform-origin: 100% 100%;
	}
	55% {
		transform: scale(1, 1); 
		transform-origin: 100% 100%;
	}
	70% {
		transform: scale(1, 0); 
		transform-origin: 100% 100%;
	}
	85% {
		transform: scale(1, 0); 
		transform-origin: 0 0;
	}
	100% {
		transform: scale(1, 1); 
		transform-origin: 0 0;
	}
}

@keyframes scrollup {
	0% {
		transform: scale(1, 1); 
		transform-origin: 0 0;
	}
	33% {
		transform: scale(1, 0); 
		transform-origin: 0 0;
	}
	66% {
		transform: scale(1, 0); 
		transform-origin: 100% 100%;
	}
	100% {
		transform: scale(1, 1); 
		transform-origin: 100% 100%;
	}
}

@keyframes scrollup2 {
	0% {
		transform: scale(1, 1); 
		transform-origin: 0 0;
	}
	15% {
		transform: scale(1, 0); 
		transform-origin: 0 0;
	}
	30% {
		transform: scale(1, 0); 
		transform-origin: 100% 100%;
	}
	45% {
		transform: scale(1, 1); 
		transform-origin: 100% 100%;
	}
	100% {
		transform: scale(1, 1); 
		transform-origin: 100% 100%;
	}
}

@keyframes sound {
	0% {
		transform: scale(1, 1); 
		transform-origin: 100% 100%;
	}
	20% {
		transform: scale(0, 1); 
		transform-origin: 100% 100%;
	}
	40% {
		transform: scale(0, 1); 
		transform-origin: 0 0;
	}
	60% {
		transform: scale(1, 1); 
		transform-origin: 0 0;
	}
	100% {
		transform: scale(1, 1); 
		transform-origin: 0 0;
	}
}

@keyframes btnline {
	0% {
		transform: scale(1, 1); 
		transform-origin: 100% 100%;
	}
	33% {
		transform: scale(0, 1); 
		transform-origin: 100% 100%;
	}
	66% {
		transform: scale(0, 1); 
		transform-origin: 0 0;
	}
	100% {
		transform: scale(1, 1); 
		transform-origin: 0 0;
	}
}

@keyframes btntate {
	0% {
		transform: scale(1, 1); 
		transform-origin: 100% 100%;
	}
	33% {
		transform: scale(1, 0); 
		transform-origin: 100% 100%;
	}
	66% {
		transform: scale(1, 0); 
		transform-origin: 0 0;
	}
	100% {
		transform: scale(1, 1); 
		transform-origin: 0 0;
	}
}