@charset "utf-8";
html{color:#000;background:#FFF; }
body { color:#666;font:12px/1.231 arial,helvetica,clean,sans-serif,"宋体";overflow-x: hidden;} /*网站字体颜色*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;font-family: "Microsoft YaHei"}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;} 

button,input,optgroup,select,textarea{line-height:1.42857143;margin:0;outline: none;}
body, button, input, select, textarea {text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-moz-font-feature-settings: "liga","kern";}
button,input{overflow:visible;}
i,em{ font-style:normal;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;font-family: "Microsoft YaHei"}
h3 { font-size:20px;font-family: "Microsoft YaHei"}
h4 { font-size:14px;font-family: "Microsoft YaHei"}
h5 { font-size:12px;}
h6 { font-size:10px;}

img, input {
border: none;
vertical-align: middle;
max-width: 100%;
}
button,input,optgroup,select,textarea{line-height:1.42857143;margin:0;outline:none}

body,button,input,select,textarea{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga","kern"}

button,input{overflow:visible}

a { color:#666; text-decoration:none;}  /*for ie f6n.net*/
a:hover{text-decoration:none;}
a:focus{outline:0;} /*for ff f6n.net*/
.vam { vertical-align:middle;}
.clear{ clear:both; height:0; line-height:0; font-size:0;}
.clearfix:after{ content:""; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1}
p{ word-spacing:-1.5px;font-family: "Microsoft YaHei";}
.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl{float: left;}
.fr{float: right;}
.pr{position: relative;}
.trans { -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.trans8 { -webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-ms-transition: all 0.8s ease;-o-transition: all 0.8s ease;transition: all 0.8s ease;}
.clearfix:before, .clearfix:after {
display: table;
line-height: 0;
content: "";
}
.pa{position: absolute;}
.img-center{text-align:center;font-size:0}
.img-center img{display:inline-block;width:auto;height:auto;max-width:100%;max-height:100%;vertical-align:middle;transition:all 0.5s}
.img-cover{overflow:hidden;position:relative}
.img-cover span{display:block;width:100%;background:no-repeat center / cover;transition:all 0.5s;height:100%;position:absolute;left:0;top:0}

.content{width: 1200px;margin: 0 auto;}

.head{background: url(../images/top.png) no-repeat center;height: 146px;width: 100%;}
.head .logo{width: 856px; }
.head .logo img{width: 100%;margin-top: 20px;  }

.head .tel{  margin-top: 19px;}

#menu {
    background: rgb(255 255 255 / 69%);
    height: 62px;
    line-height: 62px;
    width: 100%;
    z-index: 9999;
    position: relative;
}
.nav li {
    text-align: center;
    float: left;
    position: relative;
    z-index: 999;
    
    width: 150px;

}

.nav li a {
    display: block;
    line-height: 62px;
    color: #262626;
    height: 62px;
    padding: 0;
    font-size: 16px;
    padding: 0;
}
.nav li:nth-child(5) .sec{
    display:none!important;
}
.nav li:nth-child(5) .sec a{
    display:none!important;
}
.nav li:nth-child(7) .sec{
    display:none!important;
}
.nav li:nth-child(7) .sec a{
    display:none!important;
}
.nav li:nth-child(8) .sec{
    display:none!important;
}
.nav li:nth-child(8) .sec a{
    display:none!important;
}

.nav li a:hover {
    color: #ffffff;
    text-decoration: none;
    background-color: #6eb6ff;
}

.nav>li>a:focus, .nav>li>a:hover, .nav>li.cur>a{
    text-decoration: none;
    background-color: #041977;
    color: #ffffff;

}

.nav .sec {
    height: 0;
    background: #6eb6ff;
    color: #fff;
    overflow: hidden;
    z-index: 9999;
    position: absolute;
    top: 62px;
    left: 0px;
    width: 100%;
}

.nav .sec a {
    background: #041977;
    color: #fff;
    height: 38px;
    line-height: 38px;
    font-size: 14px;
}

.nav .sec a:hover {
    background: #6eb6ff;
    text-decoration: none;
}
/**/
.fullSlide { position: relative; z-index: 9; clear: both; width: 100% ;    top: -62px;}
.fullSlide .bd { margin: 0 auto; position: relative; z-index: 0; overflow: hidden }
.fullSlide .bd .con { width: 100% !important; height: auto !important; display: block }
.fullSlide .bd .li { width: 100% !important; overflow: hidden; text-align: center; background: no-repeat center top; z-index: 0 }
.fullSlide .bd .li img { display: block; height: auto !important; width: 100% }
.fullSlide .hd { position: absolute; width: 100%; height: 12px; left: 0; bottom: 34px; text-align: center; cursor: pointer }
.fullSlide .hd li { display: inline-block; width: 12px; height: 12px; background: #000; margin: 0 12px; border-radius: 50%; opacity: .6; -o-transition: all .3s ease; transition: all .3s ease }
.fullSlide .hd li.on { width: 36px; height: 12px; opacity: 1; border-radius: 5px; background: #7098da;}
.fullSlide p { display: none; position: absolute; top: 50%; width: 80px; height: 80px; z-index: 99; opacity: 1; text-align: center; margin-top: -40px }
.fullSlide .prev2 { left: 3% }
.fullSlide .next2 { right: 3% ; }

.main{width: 100%;height: 934px;background: url(../images/body_bg.png) no-repeat bottom center;}
.about{   padding-bottom:60px;  overflow: hidden;}
.about li{ width: 292px; float: left; margin-right: 10px; position: relative;overflow: hidden; }
.about li .main_pic img {-webkit-transition: 1s;-o-transition: 1s;transition: 1s; }
.about li .main_pic img:hover {-webkit-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05); transform: scale(1.05); }
.about li a{ display: block; }
.about li h5{    font-size: 23px; color: #fff; line-height: 60px; text-align: center; position: absolute; top: 30%; left: 50%; margin-left: -50px;}
.about li:hover h5,.about li:hover i{display: none;}
.about li i{display: block;width: 54px;height: 5px;background: #041977;margin: 0 auto;    position: absolute;  top: 109px;left: 50%; margin-left: -31px;}
.main_pic{ overflow: hidden; }
.main_pic img {-webkit-transition: 1s;-o-transition: 1s;transition: 1s;    max-width: 100%;}
.main_pic img:hover {-webkit-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05); transform: scale(1.05);}

.about li .pro_d{position:absolute; width:100%; height:100%;  text-align:center; background:#051978; opacity: 0; -webkit-transition: color 0.2s linear; -moz-transition: color 0.2s linear; -o-transition: color 0.2s linear; -ms-transition: color 0.2s linear; transition: color 0.2s linear;color: #ffffff;}
.about li .pro_d p{font-size: 1.5em;color: #ffffff;font-weight: bold;padding: 45px 19px 20px;}
.about li .pro_d span{color: #ffffff;padding: 0 20px;font-size: 0.9em;    display: block;}

.about li:hover .pro_d{ background: #051978; opacity: 1; color:#ccc; }
.about li:first-child div,.about li:nth-child(3) div,.about li:nth-child(5):hover div{ -webkit-transition: top 0.4s ease-in-out, opacity 0.6s ease-in-out; -moz-transition: top 0.4s ease-in-out, opacity 0.6s ease-in-out; -o-transition: top 0.4s ease-in-out, opacity 0.6s ease-in-out; -ms-transition: top 0.4s ease-in-out, opacity 0.6s ease-in-out; transition: top 0.4s ease-in-out, opacity 0.6s ease-in-out; }

.about li:first-child div,.about li:nth-child(5) div{ left:0; top:288px; }
.about li:last-child{margin-right: 0;}
.about li:first-child:hover div,.about li:nth-child(3):hover div,.about li:nth-child(5):hover div{ top:0; }

.about li:nth-child(2) div,.about li:nth-child(4) div,.about li:last-child div{ -webkit-transition: left 0.4s ease-in-out, opacity 0.6s ease-in-out; -moz-transition: left 0.4s ease-in-out, opacity 0.6s ease-in-out; -o-transition: left 0.4s ease-in-out, opacity 0.6s ease-in-out; -ms-transition: left 0.4s ease-in-out, opacity 0.6s ease-in-out; transition: left 0.4s ease-in-out, opacity 0.6s ease-in-out; } 
.about li:nth-child(2) div,.about li:nth-child(4) div{ left:-200px; top:0; } 
.about li:nth-child(2):hover div,.about li:nth-child(4):hover div,.about li:last-child:hover div{ left:0; }
.about li:nth-child(3) div{ left:0; top:-288px; } 
.about li:last-child div{ left:200px; top:0; }

.news{}
.news_t{width:161px;margin: 10px 0;}
.news_t ul{}
.news_t ul li{background:#d9d9d9;width:112px;height: 42px;text-align: center;font-size: 16px;position: relative;    padding: 10px 20px;border-bottom: 1px solid #ffffff;line-height: 21px;}
.news_t ul li::before{background: url(../images/new_t_on.png) no-repeat;display: block;width: 21px;height: 42px;opacity: 0;position: absolute;right: -21px;top: 11px;content:"";}
.news_t ul li:hover,.news_t ul li.on{background:#041977;}
.news_t ul li.on::before,.news_t ul li:hover::before{opacity: 1;}
.news_t ul li.on a,.news_t ul li:hover a {color: #ffffff;}
.news_t ul li em{display: block;font-size: 14px;}
.news_c{width:1039px; }
.news_c ul{}
.news_c ul li{width:290px; float: left; margin-left: 33px;    background: #fff; padding: 5px 11px;margin: 10px 0 10px 33px;}
.news_c ul li h3{    height: 40px;line-height: 40px;overflow:hidden;}
.news_c ul li p{    height: 42px; line-height: 18px;}
.news_c ul li span{    display: block; width: 84px; border-top: 4px solid #041977;height: 30px;  line-height: 30px;}

.news_c ul li:hover{box-shadow:-2px -1px 10px #ccc;}



.case{margin: 60px auto;}
.case .case_t{}
.case .case_t p{    font-size: 40px;color: #041977; font-weight: bold; letter-spacing: 5px;    float: left;width: 225px;}
.case .case_t i{width: 950px;float: right;display: block;height: 1.5px;background:#041977; margin: 25px 0;}
.case .case_ten {margin: 10px 0 24px;}
.case .case_ten i{float: left;display: block;height: 20px;background:#041977;width: 50px;    margin: 0 10px;}
.case .case_ten span{font-size: 20px;color: #041977;font-weight: 600;}
.case .case_con{position: relative;    width:1200px;}
.case .case_con .tempWrap{  width:1200px!important;}
.case .case_con ul li{width: 291px;float: left;    margin-right: 12px;}
.case .case_con ul li img{width: 100%;    height: 200px;object-fit: cover;}
.case .case_con ul li p{height: 50px;line-height: 50px;    border-bottom: 1px solid #9b9b9b;    font-size: 18px; color: #333;text-align: center;}
.case .case_con ul li:hover p{color: #041977; border-bottom: 1px solid #041977; }
.case .case_hd{}
.case .case_hd a{width: 35px;height: 78px;position: absolute;top: 49px;display: block;}

.case .case_hd .c_next{background: url(../images/next_jt.png) no-repeat center;right: 0;}
.case .case_hd .c_prev{background: url(../images/pre_jt.png) no-repeat center;    left: 0;}

.footer{width: 100%;background: #181818;overflow: hidden;    overflow: hidden;}
.footer .ft_con{padding: 50px 0;overflow: hidden;}
.ft_nav{}
.ft_nav dl{float: left;width: 102px;text-align: center;}
.ft_nav dl dt{margin-bottom: 10px;}
.ft_nav dl dt a{font-size: 16px;color: #ffffff;}
.ft_nav dl dd{    padding-bottom: 6px;    height: 24px; line-height: 24px;}



.ft_tel{      width: 232px; color: #ffffff; padding-left: 20px;}
.ft_tel .tel{    font-size: 28px; background: url(../images/ft_tel.png)no-repeat left; padding-left: 37px;    margin-bottom: 10px;}
.ft_tel .dz{  font-size: 16px; background: url(../images/ft_dz.png)no-repeat left 6px; padding-left: 37px; line-height: 32px;}
.ft_tel p{ padding-left: 37px;}
.ft_ewm{    width: 84px;text-align: center;    margin:0 32px;}
.ft_ewm span{display: block;height: 50px;line-height: 50px;}
.ft_ly{width: 290px;}
.ft_ly input{    background: #181818; border: 1px solid #b8b8b8; height: 14px; padding: 10px 6px;font-size: 16px;color: #ffffff;  width: 120px; margin-bottom: 10px;}

.ly_name{    margin-right: 18px;}
.ly_tel{}
.ly_submit{background: #051978;border: none;color: #fff; width: 88px;height: 33px; margin: 14px 101px;text-align: center;line-height: 33px;}
.ly_nr{  background: #181818; border: 1px solid #b8b8b8;width: 265px;color: #fff; font-size: 16px;padding: 10px 11px;height: 77px;}
.ft_copy{background: #051978;width: 100%;height: 50px;line-height: 50px;}
.ft_copy p{color: #ffffff;float: left;}
.ft_copy  a{float: left;padding: 0 10px;color: #ffffff;}