@charset "utf-8";

.imgbox{ overflow:hidden; position:relative;}
.imgbox span{ background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0px; top:0px; width:100%; height:100%;}

.ptb{ padding:3% 0;}
.HomePro{ background:url(../images/probg.jpg) center top no-repeat; background-size:cover;}
.HomePro .flipster{padding:15px 0 62px;}
.HomePro .flipster ul{height:420px !important;}
.HomePro .flipster li{ width:400px; text-align:center; background:#fff; border-radius:22px; box-shadow:0 2px 20px rgba(0,0,0,0.16); padding-bottom:20px;}
.HomePro .flipster .imgbox{ padding-top:69%; height:490px; border-radius:22px 22px 0 0;}
.HomePro .flipster .ti{ line-height:32px; font-size:20px; color:#333333;}
.HomePro .flipster .ti span{ display:block; line-height:20px; color:#b5b5b5; font-size:14px;}
.HomePro .flipster .ico{ padding:20px 0 5px;}
.HomePro .flipster .ico img{ width:40px; height:40px;}
.HomePro .flipto-prev,.HomePro .flipto-next{ font-family:"宋体"; background:#dcdcdc; border-radius:50%; display:block; bottom:0px; text-align:center; width:35px; height:35px; line-height:35px; position:absolute;}
.HomePro .flipto-prev{ left:46%;}
.HomePro .flipto-next{ right:46%;}
.HomePro .flipto-prev:hover,.HomePro .flipto-next:hover{ background:#171a82; color:#fff;}

.HomeTit{ position:relative; text-align:center; padding-bottom:30px;}
.HomeTit h2{ font-size:38px; color:#333333; line-height:44px;}
.HomeTit h2 i{ display:block; margin:0px auto; width:46px; height:43px; border-top:2px solid #ed1846;}
.HomeTit p{ line-height:37px;  color:#999999; text-transform:uppercase;}
.HomeTit p i{ display:block; margin:0px auto; width:46px; height:18px; border-bottom:5px solid #171a82;}
.HomeTit.tl{ text-align:left;}
.HomeTit.tl h2 i,.HomeTit.tl p i{ margin:0;}
.HomeTit.sub h2{font-size:36px; color:#ed1847; font-weight:bold;}
.HomeTit.sub p{font-size:20px; color:#999999;}
.HomeTit.sub2 h2{font-size:36px;}
.HomeTit.sub2 p{font-size:20px; color:#999999;}

.HomeTit .nav{ position:absolute; right:0; top:30px;}
.HomeTit .nav a{ background:#fff; float:left; display:block; text-align:center; width:140px; line-height:40px; margin-left:30px; border-radius:20px; box-shadow:0 5px 15px rgba(0,0,0,0.08);}
.HomeTit .nav a.on{ color:#fff; background:#171a82; box-shadow:0 5px 15px rgba(205,31,36,0.35);}
.HomeTit .more{ text-align:center; width:160px; line-height:45px; color:#fff; background:#ed1847; border-radius:23px;}
.HomeTit .more i{ margin-left:15px; font-family:"宋体";}
.HomeTit:hover .more{ background:#c9002c;}



@media ( max-width:1024px){

.HomePro .flipster{ display:none !important;}
.HomePro .flipster ul{height:340px !important;}
.HomePro .flipster li{ width:300px; padding-bottom:20px;}
.HomePro .flipster .ti{ line-height:24px; font-size:16px;}
.HomePro .flipster .ico{ padding:15px 0 5px;}
.HomePro .flipto-prev{ left:42%;}
.HomePro .flipto-next{ right:42%;}

.HomeTit{ padding-bottom:22px !important;}
.HomeTit h2{font-size:28px !important; line-height:30px;}
.HomeTit h2 i{width:25px; height:20px;}
.HomeTit p{ line-height:28px; font-size:15px !important;}
.HomeTit p i{width:25px; height:10px;}
.HomeTit .nav{top:10px;}
.HomeTit .nav a{width:100px; line-height:32px; margin-left:10px;}



.HomeTit p{ padding-bottom:18px;}
.HomeTit .more{ width:110px; line-height:35px;}
}
@media ( max-width:768px){
.HomePro .flipster ul{height:250px !important;}
.HomePro .flipster li{ width:180px; padding-bottom:20px;}
.HomePro .flipto-prev{ left:38%;}
.HomePro .flipto-next{ right:38%;}

.HomeTit h2{font-size:19px !important;}
.HomeTit p{ line-height:20px; font-size:12px !important;}
.HomeTit h2 i{height:10px;}
.HomeTit p i{height:5px;}
.HomeTit .nav a{width:90px;}


}
/*首页 end*/
.SubPage{ height:auto !important;min-height:100px; height:100px;padding-top:45px;padding-bottom:45px;}

/*产品中心*/
.ProList{}
.ProList li{ width:16.6666%; float:left; text-align:center;}
.ProList li .ti{ line-height:20px; font-size:14px; color:#999999;}
.ProList li .ti span{ display:block; line-height:30px; font-size:20px; color:#333333;}
.ProList li .ico{ position:relative; width:164px; height:164px;display: flex;align-items: center;justify-content: center; margin:0px auto 15px;}
.ProList li .ico i{transition: all ease 0.3s; position:absolute; left:17px; top:17px; border:1px solid #a1a1a1; border-radius:12px; width:124px; height:124px;
transform:rotate(45deg);
-ms-transform:rotate(45deg); 	/* IE 9 */
-moz-transform:rotate(45deg); 	/* Firefox */
-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
-o-transform:rotate(45deg);}
.ProList li .ico img{ width:58px; height:58px;}
.ProList li:hover .ico i{ border:1px solid #f3f3f3; box-shadow:0 0 15px rgba(0,0,0,0.08);}
.ProList li:hover .ico img{
  -webkit-animation: icon-bounce 0.5s alternate;
  -moz-animation: icon-bounce 0.5s alternate;
  -o-animation: icon-bounce 0.5s alternate;
  animation: icon-bounce 0.5s alternate;
}
.ProList.sj{ display:none;}
.ProList.sj{ padding:0 10px 30px; margin-top:-18px;}
.ProList.sj li .ti span{ font-size:12px !important; line-height:16px;}


@media ( max-width:1024px){

.ProList li .ti span{line-height:24px; font-size:16px;}
.ProList li .ico{width:120px; height:120px;}
.ProList li .ico i{width:85px; height:85px;}

.ProList.sj{ display:block;}
}
@media ( max-width:768px){

.ProList li{ width:33.333%;}
.ProList li .ico{width:95px; height:95px; margin-bottom:0;}
.ProList li .ico i{width:60px; height:60px;}
.ProList li .ico img{ width:30px; height:30px;}
.ProList li .ti{ font-size:12px; line-height:15px;}
.ProList li .ti span{ font-size:15px;}


}

.zzjg img{ display:block; width:auto; margin:auto;}

.yjnr div{ font-size:20px; text-align:center; margin-bottom:30px; color:#171a82; font-weight:bolder;}
.yjnr img{  margin:auto; display:block;}



/*发展历程*/
.Historybox{ background: #f3f3f3; background-size:cover;}

.Historybox .team_img{ float:left;}

.Historybox .team_img .ld_head{ width:190px; margin:auto;}
.Historybox .team_img .ld_head img{ width:100%; height:252px; padding:5px; background:#fff; box-sizing:border-box;}
.Historybox .team_img .ld_head span{ width:100%; height:6px; background:#ccc; display:block; margin:10px 0;}
.Historybox .team_img .ld_head .ld_name{width:100%; height:35px; color:#333; line-height:35px; font-size:20px; font-weight:600; text-align:center;}
.Historybox .team_img .ld_head .ld_zw{width:100%; height:35px; color:#333; line-height:35px; font-size:18px; font-weight:600; text-align:center;}

.Historybox .team_js{ float:left;}
.Historybox .team_js .ld_body .ld_ry{width:100%; color:#333; line-height:25px;font-weight:bolder;font-size:12px;}
.Historybox .team_js .ld_body dl { margin-top:30px;}
.Historybox .team_js .ld_body dl dt{width:100%; color:#333; line-height:25px;font-weight:bolder;font-size:14px; margin-bottom:10px;}
.Historybox .team_js .ld_body dl dd{font-size:12px;line-height:22px; text-indent:20px; background:url(../../images/dot_icon.png) left top no-repeat;}

.Historybox .hzrd dl { margin-top:60px;}
.Historybox .hzrd dl dd{font-size:15px;line-height:25px; text-indent:20px; background:url(../../images/dot_icon.png) left top no-repeat;}


#historydate{ height:74px; background:url(../images/lsline.gif) 0px bottom repeat-x; margin-bottom:2%;}
#historydate .slides li{ text-align:center;height:74px; position:relative;}
#historydate .slides li span{ left:0; position:absolute; bottom:2px; width:100%; height:46px; line-height:36px; cursor:pointer; color:#666666; font-size:24px;font-family: 'DINMedium'; background:url(../images/lsdot.png) center bottom no-repeat;}
#historydate .slides li.flex-active-slide span{ font-size:36px; bottom:0; height:74px; color:#171a82; font-weight:bold;background:url(../images/lsdot2.png) center bottom no-repeat;}
#historycon .Contain{ max-width:1000px; margin:0px auto;}
#historycon .flexslider{box-shadow:0 8px 15px #ddd;}
#historycon .box{ background:rgba(255,255,255,0.8); padding:30px; margin:0px auto;}
#historycon .info{ width:58%; float:right; padding-right:1%;}
#historycon .imgbox{ width:32%; padding-top:200px; float:left;}
#historycon .year{ line-height:80px; color:#171a82; font-size:24px;}
#historycon .year b{font-size:40px;}
#historycon .txt{ line-height:28px; color:#4c4c4c;border-bottom:1px solid #e6e6e6; padding-bottom:29px;}
#historycon .txt p{ background:url(../images/lsline2.gif) 0px 13px no-repeat; padding-left:26px;}
#historycon .flex-direction-nav a { border-radius:0;opacity: 1; margin:0; top:auto; bottom:8px; width: 40px; height: 40px; border-radius:50%; line-height:40px;background-color: #cccccc; color:#fff; font-size:28px; font-family:"宋体";}
#historycon .flex-direction-nav .flex-prev { left:auto; right:100px;}
#historycon .flex-direction-nav .flex-next { right: 40px;}
#historycon .flex-direction-nav a:hover { background-color:#171a82;color:#fff}
#historycon .flex-direction-nav .flex-disabled { display:none;}

@media ( max-width:768px){
#historycon .box{padding:15px; background-position:28% top; background:#fff;}
#historycon .info{ width:auto; float:none; padding:0;}
#historycon .txt{line-height:26px; font-size:15px;padding-bottom:20px; margin-bottom:18px;}
#historycon .imgbox{ width:auto; padding-top:65%; float:none;}
#historydate{ height:50px;}
#historycon .year{ line-height:50px; font-size:18px;}
#historycon .year b{font-size:28px;}
#historycon .flex-direction-nav a {bottom:20px; width: 30px; height: 30px; line-height:30px;}
#historydate .slides li{height:50px;}
#historydate .slides li span{ font-size:16px;}
#historydate .slides li.flex-active-slide span{ font-size:22px; height:50px; background:url(../images/lsdot02.png) center bottom no-repeat;}
#historycon .flex-direction-nav a { bottom:auto; top:20px; font-size:20px;}
#historycon .flex-direction-nav .flex-prev { right:58px;}
#historycon .flex-direction-nav .flex-next { right: 20px;}

}

.HornorList{ margin:-35px 0 1%;}
.HornorList ul{ /*padding:0 2%;*/}
.HornorList li{ width:33.3333%; float:left; padding:0 5% 0 5%; /*height:401px;*/ text-align:center;}
.HornorList .imgbox{transition: all ease 0.3s; margin-bottom:13px; height:200px;display: flex;align-items: bottom;justify-content: center;}
.HornorList .imgbox img{ max-height:200px;}
.HornorList .imgbox span{ height:auto; top:auto; bottom:0;}
.HornorList .imgbox em{ display:inline-block;margin-right:15px; position:relative;}
.HornorList .ico{ background:url(../images/shadow.gif); width:14px; height:40px; position:absolute; right:-14px; bottom:0;}
.HornorList .ti{ height:40px;display: flex;align-items: center;justify-content: center; overflow:hidden; line-height:40px; font-size:13px; color:#fff; background:linear-gradient(#171a82,#171a82); border-radius:5px;    margin-bottom: 30px;}
.HornorList li:hover .imgbox{-webkit-transform: translate3d(0, -3px, 0);transform: translate3d(0, -3px, 0);}
.HornorList li:hover .ti{ color:#fff;}
.HornorList.cxcg{ margin-top:-6%;}

.HornorList2{ margin:-35px 0 1%;}
.HornorList2 ul{ /*padding:0 2%;*/}
.HornorList2 li{ width:25%; float:left; padding:0; /*height:401px;*/ text-align:center;}
.HornorList2 .imgbox{transition: all ease 0.3s; margin-bottom:13px; height:200px;display: flex;align-items: bottom;justify-content: center;}
.HornorList2 .imgbox img{ max-height:200px;}
.HornorList2 .imgbox span{ height:auto; top:auto; bottom:0;}
.HornorList2 .imgbox em{ display:inline-block;margin-right:15px; position:relative;}
.HornorList2 .ico{ background:url(../images/shadow.gif); width:14px; height:40px; position:absolute; right:-14px; bottom:0;}
.HornorList2 .ti{ height:52px;display: flex;align-items: center;justify-content: center; overflow:hidden; line-height:26px; font-size:13px; color:#4c4c4c;}
.HornorList2 li:hover .imgbox{-webkit-transform: translate3d(0, -3px, 0);transform: translate3d(0, -3px, 0);}
.HornorList2 li:hover .ti{ color:#ed1846;}
.HornorList2.cxcg{ margin-top:-6%;}



@media ( max-width:1366px){
.HornorList .ti{ font-size:13px;}
.HornorList2 .ti{ font-size:13px;}
}

@media ( max-width:1024px){


.HornorList{ margin:0; background:none;}
.HornorList li{ height:auto; padding-bottom:18px;}
.HornorList .imgbox{ height:150px; margin-bottom:15px;}
.HornorList .imgbox img{ max-height:150px;}
.HornorList .ti{ height:auto; font-size:13px; line-height:20px;}


.HornorList2{ margin:0; background:none;}
.HornorList2 li{ height:auto; padding-bottom:18px;}
.HornorList2 .imgbox{ height:150px; margin-bottom:15px;}
.HornorList2 .imgbox img{ max-height:150px;}
.HornorList2 .ti{ height:auto; font-size:13px; line-height:20px;}
}

@media ( max-width:768px){
.SubPage { padding-top:0;}
.HornorList li{ width:50%; float:left; padding:0 2% 0 2%; /*height:401px;*/ text-align:center;}
.HornorList .imgbox{ height:100px;}
.HornorList .imgbox img{ max-height:100px;}

.HornorList2 .imgbox{ height:100px;}
.HornorList2 .imgbox img{ max-height:100px;}

}