@charset "utf-8";
html,body{ font:14px/1.8 'Microsoft YaHei',Tahoma,Verdana,'Simsun'; color:#333; background:#fff; -webkit-text-size-adjust:none; overflow-x:hidden;}
h1,h2,h3,h4,h5,h6,p{ padding:0; margin:0;}
ol,ul,li,dl,dt,dd{ list-style:none; padding:0; margin:0;}
a{ color:#333; text-decoration:none;}
a:hover{ color:#da251c; text-decoration:none;}
img,video { max-width:100%; height:auto;}
/*头部*/
.inner{ width:92%; max-width:1440px; margin:0 auto; position:relative;}
header{ background:#fff; zoom:1; box-shadow:0px 1px 5px #d5d5d5;}

/*顶部导航*/
.top-nav{ line-height:40px; background:#0d458c; color:#fff;}
.top-nav a{ color:#fff;}
.top-nav li.b{ float:left;}
.top-nav li.t{ float:right; width:280px; background:#da251c url("lang_bg.png")/*tpa=https://www.hailinchina.com/template/pc/skin/shou/lang_bg.png*/ no-repeat left; position:relative;}
.top-nav li.t .bg-color { position:absolute; left:40px; width:2000px; height:40px; background:#da251c;}
.top-nav li.t a { float:right; display:inline-block; width:30px; height:20px; margin-top:10px; font-size:0; background:url("lang.png")/*tpa=https://www.hailinchina.com/template/pc/skin/shou/lang.png*/ no-repeat 10px center; padding-left:10px; border-left:2px solid #fff; position:relative;}
.top-nav li.t .a2 { float:right; position:relative;}
.top-nav li.t .a2 .sear { width:150px; padding-left:10px; background:none; border:0; border-bottom:1px solid #fff; height:28px; line-height:28px; color:#ccc;}
.top-nav li.t .a2 .but { border:0; cursor:pointer; width:20px; height:20px; background:url("search.png")/*tpa=https://www.hailinchina.com/template/pc/skin/shou/search.png*/ no-repeat center; position:absolute; right:8px; bottom:10px;}
/*logo*/
.top-logo{ min-height:90px; _height:90px; float:left;}
#web_logo{ font-size:0px; position:relative; z-index:999;}

.head-r { float:right;}
/*导航*/
nav{ height:40px; overflow:hidden; margin-top:25px;}
nav ul li{ float:left; text-align:center; height:40px; line-height:40px; overflow:hidden; }
nav ul li a{ display:block; font-size:16px; font-weight:bold; transition:.3s; color:#666;}
nav ul li.hover a,nav ul li.navdown a{ color:#da251c;}
/*导航按钮*/
.menu_h { display:none; background:none; border:none; outline:none; width:40px; height:30px; position:absolute; right:0; z-index:999; cursor:pointer;}
.menu_h::before,.menu_h::after,.menu_h span { display:block; background: #ca171c; border-radius:2px;}
.menu_h::before,.menu_h::after { content:''; position:absolute; height:4px; width:100%; left:0; top:50%; -webkit-transform-origin:50% 50%; transform-origin:50% 50%; -webkit-transition:-webkit-transform 0.25s; transition:transform 0.25s;}
.menu_h span { position:absolute; width:100%; height:4px; left:0; overflow:hidden; text-indent:200%; -webkit-transition:opacity 0.25s; transition:opacity 0.25s;}
.menu_h::before { -webkit-transform:translate3d(0, -10px, 0); transform:translate3d(0, -10px, 0);}
.menu_h::after { -webkit-transform:translate3d(0, 10px, 0); transform:translate3d(0, 10px, 0);}
.menu-open .menu_h span {opacity: 0;}
.menu-open .menu_h::before {-webkit-transform: rotate3d(0, 0, 1, 45deg);transform: rotate3d(0, 0, 1, 45deg);}
.menu-open .menu_h::after {-webkit-transform: rotate3d(0, 0, 1, -45deg);transform: rotate3d(0, 0, 1, -45deg);}

.met_flash{ font-size:0px; overflow:hidden;} 
.met_flash ul{ margin:0px; padding:0px;} 

/*首页*/
.style-1 h3.title { font-weight:normal;}
.style-1 h3.title span{ float:left; font-size:28px; line-height:1;}
.style-1 h3.title a.more{ float:right; color:#0d458c;}
.style-1 .active{ margin-top:30px;}

/*产品中心*/
.index-product{ padding-top:40px; padding-bottom:30px; background:#f3f3f3;}
.index-product h3.title a.more { color:#333; padding-right:25px;  background:url("jia.png")/*tpa=https://www.hailinchina.com/template/pc/skin/shou/jia.png*/ no-repeat right center;}
.index-product ol{}
.index-product ol li{ float:left; width:18%; margin:0 1%;}
.index-product ol li a.img{ display:block; background:#fff;}
.index-product ol li a.img img{ display:block; transition:.4s;}
.index-product ol li:hover a.img img { transform:translateX(-5px);}
.index-product ol li h3{ font-size:16px; font-weight:normal; line-height:30px; text-align:center; margin-top:14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.index-avn { width:30.5%;  float:left; margin-top:50px;}
.index-avn img,.index-avn video { display:block;}
.index-avn a { display:block;}
/*关于我们*/
.aboutus{ margin-right:4.25%;}
.aboutus .about-text { margin-top:18px; height:10.8em; overflow:hidden; text-overflow:ellipsis;}
.index-video { margin-right:4.25%;}
.index-video ul { margin-top:24px;}
.index-video li { height:32px; line-height:32px; border:1px solid #ddd; padding:0 8px; margin-bottom:5px;}
.index-video li h4 { font-weight:normal; float:left;}
.index-video li span { float:right; color:#666;}
.index-news .news-01 { position:relative;}
.index-news .news-01 .news-text { position:absolute; left:0; right:0; bottom:0; background:rgba(0,0,0,.6); padding:15px 10px; color:#fff;}
.index-news .news-01 .news-text span { display:block; line-height:1.5;}
.index-news .news-01 .news-text h4 { font-size:16px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.index-news .metlist { margin-top:18px;}
.index-news li{ line-height:32px;}
.index-news li span{ float:right; color:#999;}
.index-news li a{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.index-news li img { display:none;}
/*回顶部*/
.to-top { border-top:1px solid#ddd; text-align:center; margin-top:50px; padding-top:20px; font-size:16px;}
.to-top img { cursor:pointer;}

/*底部*/
footer { background:#0d458c; color:#e5e5e5; padding:40px 0 20px 0; margin-top:20px;}
footer a { color:#e5e5e5;}
.foot01 { padding-bottom:15px; border-bottom:1px solid #004f8c;}
.foot-ln { float:left;}
.foot-nav{ margin-top:30px;}
.foot-nav span{ font-size:10px; margin:0px 8px; color:#888;}
.erweima { float:right; text-align:center;}
.erweima img { display:block; width:110px; height:110px;}
.foot02 { padding-top:25px; border-top:1px solid #0d3e80;}
.foot-text{ float:left; line-height:2; }
.link { float:right;}
.link select { background:none; color:#e5e5e5; border:1px solid #075794;}
.link select option { background:#075794; height:28px; line-height:28px;}
.link select::-ms-expand { display: none; }  
.bshare-custom { margin-top:10px; text-align:right;}

/*内页侧栏*/
.sidebar{ margin-top:40px;}
.sidebar .sb_nav{ float:left; width:20%;}
.sidebar .sb_nav h3.title{ height:34px; line-height:34px; padding:20px 0; background:#0d458c url("sb_tbg.png")/*tpa=https://www.hailinchina.com/template/pc/skin/shou/sb_tbg.png*/ no-repeat left bottom; background-size:auto 100%; font-size:22px; color:#fff; padding-left:25%;}
.sidebar .sb_nav h3.line{ margin-top:15px; }
.sidebar .sb_nav .active{ border:1px solid #ddd;}
#sidebar dl{}
#sidebar dl dt{ background:#eee; margin:6px 0; padding:10px 0; text-align:center;}
#sidebar dl dt:hover,#sidebar dl dt.on { background:#da251c;}
#sidebar dl dt a { display:block; font-weight:normal;}
#sidebar dl dt:hover a,#sidebar dl dt.on a{ color:#fff;}

#sidebar dl dd{ padding:0px 0px 0px 15px;}
#sidebar dl.on .sub{ display:block !important;}

#sidebar dl dd h4{ font-weight:normal; padding:5px 0px 5px 10px; background:url("dt-0.gif")/*tpa=https://www.hailinchina.com/template/pc/skin/shou/dt-0.gif*/ no-repeat left center;}
#sidebar dl h4.on a{ font-weight:bold;}
.sidebar .sb_box{ background:#fff; overflow:hidden; }
.sidebar .line { float:right; width:76%;}
.sidebar .sb_box h3.title{ border-bottom:1px solid #eee; height:50px; line-height:50px; position:relative; background:#fff}
.sidebar .sb_box h3.title span{ font-size:20px; padding:0px 15px;}
.sidebar .sb_box h3.title div.position{ float:right; font-weight:normal; position:relative; top:3px; right:15px;}
.sidebar .sb_box h3.title div.position a{ color:#999;}
.sidebar .sb_box h3.title .moresidebar { display:none; float:right; font-weight:normal; padding:0 10px 0 20px; background:url("side.png")/*tpa=https://www.hailinchina.com/template/pc/skin/shou/side.png*/ no-repeat left center; background-size:12px;}
/*内页*/
#showtext,#newslist,#downloadlist,#joblist { padding:15px 0;}
#productlist,#imglist { padding:30px 0;}
.metpager_8 span.current { background:#da251c; color:#fff;}
.met_page a { color:#da251c;}
.editor ul, .editor ol { padding:0;}
/*简介页*/
.com-profile .img02,.com-profile .img03,.com-profile .img04 { width:31%; margin:0 1%;}
/*董事长致辞*/
.speech { border:1px solid #eee;}
.speech::after { content:""; display:block; clear:both;}
.speech .img { float:left; width:40%; box-sizing:border-box; padding:40px 30px;}
.speech .img h4 { font-size:24px; color:#0d458c; margin-top:40px; margin-left:30px;}
.speech .word { float:left; width:60%; box-sizing:border-box; padding:30px 60px; background:url("speech_rbg.jpg")/*tpa=https://www.hailinchina.com/template/pc/skin/shou/speech_rbg.jpg*/ repeat-y left;}
.speech .word p { line-height:42px; background:url("speech_pbg.jpg")/*tpa=https://www.hailinchina.com/template/pc/skin/shou/speech_pbg.jpg*/;}
/*企业文化*/
.culture .fl { float:left;}
.culture .fr { float:right;}
.culture li { background:#f5f5f5; margin-bottom:30px;}
.culture li::after { content:""; display:block; clear:both;}
.culture li .cont { width:30%; padding:40px 5%;}
.culture li .img { width:60%;}
.culture li .img img { display:block; width:100%;}
/*资质荣誉*/
.certificate::after {}
.certificate li { width:22%; margin:0 1.3% 1.3% 1.3%; float:left;}
.certificate li .img { padding:5px; border:1px dashed #ddd;}
.certificate li .img img { display:block;}
.certificate li .cer-name { line-height:1.5; height:3em; overflow:hidden;}
/*联系我们*/
.contact .con-text { padding:20px 30px; border:1px solid #eee; border-bottom:none;}
.contact .con-text::after { content:""; display:block; clear:both;}
.contact .con-text h4 { font-size:24px; color:#0d458c; padding:0 2%;}
.contact .con-text p {  padding:0 2%;font-size:16px;}
.contact .con-text p img { vertical-align:middle; margin-right:10px;}
/*新闻页*/
#newslist li { padding:14px 16px; border-bottom:1px dashed #eee; background-position:left 25px;}
#newslist li a { font-size:16px;}
/*产品页*/
#productlist li { width:30% !important; margin:1% 1.5% !important; height:auto !important; background:#f5f5f5;}
#productlist li:hover { background:#da251c;}
#productlist li a.img { padding:3%;}
#productlist li a.img img { border:none; width:100%;}
#productlist li h3 { padding:0 10px 10px 10px; font-size:16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#productlist li:hover h3 a { color:#fff;}

#showproduct { padding:0; padding-top:60px;}
#showproduct .pshow dt { width:50% !important;}
#showproduct #imgqwe { display:block;}
#showproduct #imgqwe img { display:block; width:100%;}
#showproduct .smallimg { width:100% !important;}
#showproduct .smallimg span.spic { display:inline-block; width:12.5%;}
#showproduct .smallimg .spic a img { width:100%;}
#showproduct .pshow dd { width:50% !important;}
#showproduct h1.title { font-weight:normal; font-size:24px;}
#showproduct .pshow dd li { border-bottom:1px dashed #eee;}
#showproduct .ctitle { font-size:16px; font-weight:normal; border-bottom:1px solid #eee; padding:0; background:none;}
#showproduct .ctitle span { display:inline-block; padding:0 15px; color:#0d458c; border-bottom:2px solid #0d458c; margin-bottom:-1px;}
#showproduct .editor { padding:0;}
/*图片页*/
#imglist li { width:30% !important; margin:0 1.5% !important; margin-bottom:30px !important; height:auto !important; box-shadow:0px 3px 5px #ccc;}
#imglist li a.img img { border:none; width:100%;}
#imglist li h3 { font-size:16px; line-height:3; padding:0 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#showimg h1.title { font-size:24px; font-weight:normal;}
/*视频*/
#showimg .editor video { display:block; margin:0 auto;}
.orange { background:#da251c;}
.orange:hover { background:#cc231b;}
.orange:active { background:#da251c;}
@media screen and (max-width:1280px) {
	nav{ display:none; position:fixed; left:0; top:0px; width:100%; height:100%; float:none; margin:0; background:rgba(255,255,255,.95); padding-top:60px; z-index:999;}
	nav ul li { float:none; width:100% !important; padding:10px;}
	nav ul li.line { display:none;}
	.menu_h {display:block; top:28px;}
	}
@media screen and (max-width:1100px) {
	.top-nav { line-height:32px;}
	.top-nav li.t .bg-color { height:32px;}
	.top-logo { min-height:80px; _height:80px;}
	.foot-text{ max-width:68%;}
	.culture li .cont {padding:20px 5%; line-height:1.8;}
	.speech .img { float:none; width:100%;}
	.speech .img::after { display:block; content:""; clear:both;}
	.speech .img img { float:left; margin-right:40px;}
	.speech .word { float:none; width:100%;}
	}
@media screen and (max-width:1000px) {
	.menu_h { width:36px;}
	.style-1 h3.title span { font-size:24px;}
	.style-1 .active { margin-top:20px;}
	.index-product { padding-top:35px; padding-bottom:20px;}
	.index-avn { margin-top:40px;}
	.to-top { margin-top:40px; padding-top:15px;}
	.to-top img { width:35px;}
	footer { padding-top:30px;}
	.foot01 { padding-bottom:5px;}
	.foot02 { padding-top:15px;}
	.contact .con-text p { width:96%;}
	.contact .con-text p img { width:30px; height:auto;}
	}
@media screen and (max-width:800px) {
	.top-nav li.b { display:none;}
	.foot-nav,.erweima,.link { display:none;}
	.foot-text { max-width:100%;}
	.index-product ol { display:table; text-align:center;}
	.index-product ol li { float:none; display:inline-block; width:30%;}
	.sidebar { padding-bottom:20px;}
	.sidebar .sb_nav1100 { display:none; position:fixed; width:100%; height:100%; left:0; top:0; bottom:0; z-index:999; background:#1c375e; opacity:0.9; -webkit-opacity:0.9; -moz-opacity:0.9;}
	.sidebar .sb_nav1100 h3.title { display:block;}
	.sidebar .sb_nav1100 .active { text-align:left; border:none;}
	.sidebar .sb_nav1100 h3.title { text-align:center; height:46px; line-height:46px; padding:0px 10px; background:#405c86 url("navmore.png")/*tpa=https://www.hailinchina.com/template/pc/skin/shou/navmore.png*/ no-repeat 95% center; background-size:12px;}
	#sidebar dl { display:block; width:100%; padding:0;}
	#sidebar dl dt { border-bottom:1px solid #132b4e; background: url("navmore.png")/*tpa=https://www.hailinchina.com/template/pc/skin/shou/navmore.png*/ no-repeat 95% center; background-size:12px; margin:0; line-height:1.4; padding:0;}
	#sidebar dl dt.on { background-color:#1b2c45;}
	#sidebar dl dt a { display:block; color:#fff; padding:15px 3%; font-size:14px;}
	#sidebar dl dt.on a { color:#fff;}
	.sidebar .sb_nav1100 dl dd { display:block !important; position:inherit; background:none; padding:0 4%; box-sizing:border-box;}
	.sidebar .sb_nav1100 dl dd h4 { float:left; padding:0 20px;}
	.sidebar .sb_nav1100 dl h4 a { color:#fff; font-size:14px;}
	.sidebar .sb_nav1100 h3.title { font-size:16px; color:#fff;}
	.sidebar .sb_box1100 { width:100%;}
	.sidebar .sb_box1100 h3.title .moresidebar { display:block;}
	.sidebar .sb_box1100 h3.title div.position { display:none;}
	#productlist li { width:47% !important; margin:2% 1.5%;}
	#imglist li { width:47% !important; margin:2% 1.5%;}
}
@media screen and (max-width:680px) {
	.top-logo { min-height:60px; _height:60px;}
	.top-logo img { height:50px;}
	.menu_h { width:30px; height:20px; top:20px;}
	.menu_h::before, .menu_h::after { height:3px;}
	.menu_h span { height:3px;}
	.menu_h::before {-webkit-transform: translate3d(0, -8px, 0); transform: translate3d(0, -8px, 0);}
	.menu_h::after { -webkit-transform: translate3d(0, 8px, 0); transform: translate3d(0, 8px, 0);}
	.index-product ol li h3 { font-size:14px; margin-top:4px;}
	.index-avn { width:100%; margin-right:0;}
	.index-avn img, .index-avn video { width:100%;}
	#productlist li h3,#imglist li h3 { font-size:14px;}
	#showproduct .pshow dt,#showproduct .pshow dd { width:100% !important;}
	#showproduct .pshow dd ul { margin-left:0;}
	.com-profile .img02,.com-profile .img03,.com-profile .img04 { width:100%; margin:0;}
	.culture li .cont { width:90%;}
	.culture li .img { width:100%;}
	.certificate li { width:47%;}
	.speech .img { padding:0;}
	.speech .img img { float:none;}
	.speech .img h4 { margin-top:15px;}
	.speech .word { padding:20px; background-size:15px;}
}