@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:#333333; 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: "";
}
img{max-width: 100%;}
.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{height: 100px;}
.logo{width: 340px;margin-top: 21px;position: relative;}
.logo img{width: 100%;}
.logo p{  font-size: 20px; color: #fff;  position: absolute; top: 8px;right: 19px;}  
.nav{width: 753px;    margin-top: 18px;}
.nav ul{}
.nav ul li{float: left;width: 93px;text-align: center;height: 50px;line-height: 50px;position: relative;background: url(https://images0a.543211688.com/0/xinhao/images/nav_fg.png) no-repeat center right;}
.nav ul li a{font-size: 16px;}
.nav ul li:hover a,.nav ul li.on a{color: #3f89f4;}
.nav ul li:after{content: "";width: 73px;height: 7px;background:#3f89f4;display: block;margin: 0 auto;opacity: 0;}
.nav ul li:hover:after,.nav ul li.on:after{opacity: 1;}
.nav ul li:last-child{background: none;}

.fullSlide { position: relative; z-index: 9; clear: both; width: 100% ;}
.fullSlide .bd { margin: 0 auto; position: relative; z-index: 0; overflow: hidden }
.fullSlide .bd .con { width: 100% ; height: auto ; display: block }
.fullSlide .bd .li { width: 100% ; overflow: hidden; text-align: center; background: no-repeat center top; z-index: 0 }
.fullSlide .bd .li img { display: block; height: auto ; width: 100% }
.fullSlide .hd { position: absolute; width: 100%; height: 12px; left: 0; bottom: 52px; text-align: center; cursor: pointer }
.fullSlide .hd li { display: inline-block; width: 12px; height: 12px; background: #ffffff; 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:#287ffd;}
.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% ; }

.tit01{text-align: center;margin-bottom: 30px;}
.tit01 b{display: block;color: #458d39;font-size:50px;margin-bottom: 10px;}
.tit01 em{color: #1a8dce;font-size: 18px;}
.tit02{text-align: center;margin-bottom: 30px;}
.tit02 a{color: #ffffff;font-size:50px;}

.top{height: 100px;    border-bottom: 1px dotted #c4c4ee;}
.ss_keywords{height: 50px; line-height: 50px;    margin-top: 27px;    margin-right: 159px;}
.ss_keywords p{background: url(https://images0a.543211688.com/0/xinhao/images/ss_hot.png) no-repeat center left;padding-left: 35px;font-size: 16px;}
.ss_keywords a{font-size: 16px;}
.sousuo{background: #eeeeee;height: 50px;line-height: 50px;padding:0 20px;    border-radius: 50px;    margin-top: 27px;}
.sousuo .txt{background: #eeeeee;height: 50px;line-height: 50px;display: block;  float: left;    width: 250px;}
.sousuo .btn{display: block;width: 28px;height: 50px;background: url(https://images0a.543211688.com/0/xinhao/images/ss.png) no-repeat center;display: block;  float: left;}

.tel{    margin-top: 27px;}
.tel p{background: url(https://images0a.543211688.com/0/xinhao/images/tel.png) no-repeat center left;font-size: 16px;color: #297fee;    padding-left: 57px;}
.tel p em{display: block;font-size: 30px; font-weight: bold;}

.fuwu{    margin: 70px 0;}
.fuwu .content{    display: flex; justify-content: space-between;}
.fuwu dl{width: 31.5%;}
.fuwu dd{width: 100%;height: 80px;background: #eeeeee;    display: flex;flex-direction: column; justify-content: center; align-items: center;}
.fuwu dd em{font-size: 18px;color: #333333;font-weight: bold;}
.fuwu dd p{font-size: 16px;}
.fuwu dt{position: relative;}
.fw_t{position: absolute; top: 11px; width: 94%;  height: 120%;  background: rgb(41 127 238 / 70%);left: 3%;color: #ffffff;opacity: 0;    transition: all 0.5s ease; transform: translateY(0) rotateY(-90deg);
   }
.fw_t i{    display: block; font-size: 35px;padding: 33px 27px 20px;}
.fw_t b{font-size: 34px; padding-left: 30px; letter-spacing: 2px;}
.fw_t:before{content: "";display: block;width: 39px;height: 47px;background: url(https://images0a.543211688.com/0/xinhao/images/fw_jt.png) no-repeat center;position: absolute;right: 19px;bottom: 32px;}
.fuwu dl:hover .fw_t{opacity: 1; transform: translateY(0) rotateY(0);	}

.product{background: url(https://images0a.543211688.com/0/xinhao/images/pro_bg.jpg) no-repeat center top #eeeeee;    padding: 70px 0 50px;}
.pro_nav{overflow: hidden; margin-bottom: 20px;}
.pro_nav ul{}
.pro_nav ul li{    width: 230px; height: 50px; line-height: 50px;text-align: center; margin-right: 10px;margin-bottom: 10px;float: left;border-radius: 10px;border: 1px solid #ffffff;}
.pro_nav ul li:nth-child(5n){margin-right: 0;}
.pro_nav ul li a{font-size: 18px;color: #ffffff;}
.pro_nav ul li:hover{background: #ffffff;}
.pro_nav ul li:hover a{color: #333333;}

.pro_con{}
.pro_con ul{}
.pro_con ul li{width: 270px; background: #ffffff; padding: 10px; float: left; margin-right: 13px; margin-bottom: 20px;}
.pro_con ul li img{width: 100%;}
.pro_con ul li p{text-align: center;height: 50px;line-height: 50px;text-align: center;font-size: 18px;border-bottom: 2px solid #d3d3d3;position: relative;}
.pro_con ul li:nth-child(4n){margin-right: 0;}
.pro_con ul li p:before{content: "";width: 0;height: 2px;background: #2c7ff9;position: absolute;top: 50px;left: 0;opacity: 0;transition: all 0.5s ease;}
.pro_con ul li:hover p:before{opacity: 1;width: 100%;}

.tuijian{background: url(https://images0a.543211688.com/0/xinhao/images/tj_bg.jpg) no-repeat center;padding: 70px 0;}
.tuijian .content{display: flex;justify-content: space-between; align-items: center;}
.tuijian dl{width: 300px;}
.tuijian dl dt{text-align: center; height: 296px;width: 240px;overflow: hidden;margin: 0 auto 33px;}
.tuijian dl dt img{margin: 0 auto;overflow: hidden;transition: all 0.6s;}
.tuijian dl:hover dt img{transform: scale(1.1);}
.tuijian dl dd{    padding-left: 16px;}
.tuijian dl dd em{display: block;font-size: 15px;color: #05194c; transition: all 0.5s ease; }
.tuijian dl dd b{font-size: 31px;color: #ffffff;}
.tuijian dl:hover dd em{color: #ffffff;}


.about{background: url(https://images0a.543211688.com/0/xinhao/images/ab_bg.png) no-repeat center;padding:70px 0 0;}
.ab_fl{    width: 560px; border: 1px solid #2a7efb;height: 427px;padding: 20px;}
.ab_t{}
.ab_t em{display: block;font-size: 40px;color:#377def;font-weight: bold;}
.ab_t b{    display: block;font-size: 33px; color: #000000;font-weight: normal;}
.ab_fl p{    color: #000000;font-size: 16px; margin-top: 18px ;line-height: 32px;}
.ab_ul{}
.ab_ul ul{}
.ab_ul ul li{float: left;background: #3085fc;    width: 150px;height: 50px;line-height: 50px;text-align: center;    margin-right: 10px; margin-top: 14px;}
.ab_ul ul li a{color: #ffffff;font-size: 16px;}

.ab_fr{width: 598px;overflow: hidden;}
.ab_fr img{width: 100%;transition: all 0.6s;}
.ab_fr img:hover{transform: scale(1.1);}

.photo_bg{margin-bottom:70px;}
.photo_l{height: 66px;width: 500px;margin: 0 auto;}
.photo_l ul li{width: 190px;height: 66px;line-height: 56px;float: left;padding: 0 30px;}
.photo_l ul li a{font-size: 30px;color: #333;display: block;height: 66px;}
.photo_l ul li em{display: block;float: left;width: 40px;height: 40px;line-height: 0;overflow: hidden;margin: 10px 10px 0 0;}
.photo_l ul li em img{width: 40px;height: 80px;-webkit-transition:all .5s;transition:all .5s;}
.photo_l ul li.on a{color: #ba272d;font-weight: bold;}
.photo_l ul li.on em img{margin-top: -40px;}
.photo_r{padding: 60px 0 0;width: 1200px;overflow: hidden;}
.photo_r ul li{width: 170px;float: left;margin-right: 40px;line-height: 0;}
.photo_r ul li em{width: 170px;height: 227px;display: block;line-height: 0;overflow: hidden;}
.photo_r ul li img{width: 170px;height: 227px;}
.photo_r ul li span{display: block;width: 170px;text-align: center;font-size: 14px;color: #666;height: 30px;line-height: 30px;padding-top: 5px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}



.youshi{background: url(https://images0a.543211688.com/0/xinhao/images/ys_bg.png) no-repeat center;padding:52px 0;overflow: hidden;}
.youshi .content{display: flex; justify-content: space-between;}
.youshi dl{width: 199px; padding: 31px 20px;position: relative;}
.youshi dl dt{    text-align: center; color: #000000;font-size: 18px;padding: 51px 0 21px;font-weight: bold;position: relative;z-index: 99;}
.youshi dl:nth-child(1) dt{background: url(https://images0a.543211688.com/0/xinhao/images/ys_t1.png) no-repeat center top;}
.youshi dl:nth-child(2) dt{background: url(https://images0a.543211688.com/0/xinhao/images/ys_t2.png) no-repeat center top;}
.youshi dl:nth-child(3) dt{background: url(https://images0a.543211688.com/0/xinhao/images/ys_t3.png) no-repeat center top;}
.youshi dl:nth-child(4) dt{background: url(https://images0a.543211688.com/0/xinhao/images/ys_t4.png) no-repeat center top;}
.youshi dl:nth-child(5) dt{background: url(https://images0a.543211688.com/0/xinhao/images/ys_t5.png) no-repeat center top;}
.youshi dl dd{font-size: 16px;color: #333333;line-height: 41px;position: relative;z-index: 99;}
.youshi dl:before{    background: url(https://images0a.543211688.com/0/xinhao/images/ys_tbg.png) no-repeat center; background-size: 100% 100%;transition: all 0.5s ease;transform: translateY(355px);content: "";display: block;width: 239px;height: 355px;position: absolute;top: 0;left: 0;z-index: 9;opacity: 0;}
.youshi dl:hover:before{transform: translateY(0);opacity: 1;}
.youshi dl:hover dd,.youshi dl:hover dt{color: #ffffff;}
.youshi dl:hover:nth-child(1) dt{background: url(https://images0a.543211688.com/0/xinhao/images/ys_t1h.png) no-repeat center top;}
.youshi dl:hover:nth-child(2) dt{background: url(https://images0a.543211688.com/0/xinhao/images/ys_t2h.png) no-repeat center top;}
.youshi dl:hover:nth-child(3) dt{background: url(https://images0a.543211688.com/0/xinhao/images/ys_t3h.png) no-repeat center top;}
.youshi dl:hover:nth-child(4) dt{background: url(https://images0a.543211688.com/0/xinhao/images/ys_t4h.png) no-repeat center top;}
.youshi dl:hover:nth-child(5) dt{background: url(https://images0a.543211688.com/0/xinhao/images/ys_t5h.png) no-repeat center top;}
.youshi dl:after{content: "";display: block;width: 15px;height: 10px;background: url(https://images0a.543211688.com/0/xinhao/images/ys_jt.png) no-repeat center;margin: 25px auto 0;}
.youshi dl:hover:after{background: url(https://images0a.543211688.com/0/xinhao/images/ys_jth.png) no-repeat center;position: relative;z-index: 99;}

.news{margin: 70px 0;}
.news_fl .news_t{    background: url(https://images0a.543211688.com/0/xinhao/images/news_bs.png) no-repeat center left; }
.news_fr .news_t{  background: url(https://images0a.543211688.com/0/xinhao/images/news_q.png) no-repeat center left; }
.news_t{height: 44px;  border-bottom: 1px solid #2b7cf2; margin-bottom: 25px; line-height: 44px;padding-left: 37px;}
.news_t em{font-size: 20px;color: #2b7cf2;}
.news .content{display: flex;}
.news_fl{width: 500px;margin-right: 20px; width: 590px;  margin-right: 57px;}
.news_top{}
.news_top ul{}
.news_top ul li{border-bottom: 1px solid #eeeeee;padding-bottom: 11px;margin-bottom: 11px;}
.news_top ul li img{width: 100%;}
.news_top ul li p{    font-size: 16px; line-height: 26px;display: inline-block;}
.news_top ul li p i{color:#2a7efb; font-size: 16px;}
.n_title{    height: 30px; line-height: 30px;    margin: 9px 0;}
.n_title em{    width: 100px; height: 30px;line-height: 30px;text-align: center;background: #2a7efb; color: #ffffff; display: block; border-radius: 50px; float: left; font-size: 16px;}
.n_title b{font-size: 18px;color: #333333;}
.news_ul{}
.news_ul dl{height: 30px;line-height: 30px;} 
.news_ul dl dt:before{content: "1"; display: block; width: 30px;height: 30px;background: #2a7efb;color: #ffffff; text-align: center;line-height: 30px; float: left;    margin-right: 15px;} 
.news_ul dl dt{width: 66%;font-size: 18px;}
.news_ul dl dd{font-size: 15px;}
.news_fr{flex: 1;}
.news_c{}
.news_c dl{}
.news_c dl dt{height: 30px;line-height: 30px; font-size: 16px; margin-bottom: 13px;}
.news_c dl dd{      font-size: 15px;line-height: 24px;padding: 0 0 16px; border-bottom: 1px dotted #ccc; margin-bottom: 10px;}



.news_m{width: 100%;position: relative;}
.news_m img{width: 100%;}
.n_more{    width: 30%; height: 189px; background: #2a7efb; position: absolute; top: 0; right: 0;text-align: center;font-size: 30px;color: #ffffff;    display: flex; align-items: center; justify-content: center;}
.n_more em{display: block;background: url(https://images0a.543211688.com/0/xinhao/images/news_more.png) no-repeat center bottom;padding-bottom: 55px;}

.footer{background: url(https://images0a.543211688.com/0/xinhao/images/f_bg.jpg) no-repeat center;height: 307px;}
.footer .content{display: flex;justify-content: space-between;    align-items: center;}
.ft_logo{background: #2a7efb;    display: flex; flex-direction: column; align-items: center;  justify-content: center;    width: 379px;height: 307px;}
.ft_logo h1{}
.ft_logo h1 a{    color: #ffffff; font-size: 42px; margin-bottom: 16px; display: block;}
.ft_ewm{    display: flex; justify-content: space-around; width: 337px;}
.ft_ewm p{width: 150px;color: #ffffff;text-align: center;font-size: 16px;line-height: 30px;}
.ft_ewm p img{width: 100%;}

.ft_nav{    width: 459px;}
.ft_nav ul{    width: 459px;border-top: 1px dotted #ffffff;border-bottom: 1px dotted #ffffff;padding:12px 0;}
.ft_nav ul li{float: left;width: 150px;height: 50px;line-height: 50px;color: #ffffff;text-align: center;}
.ft_nav ul a{font-size: 16px;color: #ffffff;}
.ft_copy{margin-top: 20px;}
.ft_copy p{height: 35px;line-height: 35px;font-size: 16px;color: #ffffff;}
.ft_copy p a{color: #ffffff;font-size: 16px;}
.ft_fr {}
.ft_fr p{color: #ffffff;font-size: 16px;margin-bottom: 21px;}
.ft_fr em{display: block;    padding: 10px 0 0;font-size: 23px;}
.ft_fr a{font-size: 16px;font-weight: bold;color: #ffffff;}
.ft_fr p:last-child{margin-bottom: 0;}