@charset "UTF-8";
/* Scss Document */
/*主色*/
/*配色*/
/*红色*/
/*绿色*/
/*一般*/
/*黄色*/
/*灰色*/
/*网页背景色*/
/*边框线颜色*/
/*文字默认颜色*/
/*链接文字颜色*/
/*主要内容区域宽度*/
/*=============铵钮=============*/
.top { min-width: 1200px; height: 38px; background-color: #0067ac; color: #FFF; line-height: 38px; }
.top a { color: #FFF; }
.top .line { margin: 0 10px; color: #5c9eca; }

.header { min-width: 1200px; height: 110px; background-color: #FFF; }
.header .logo { height: 110px; float: left; }
.header .logo:before { content: ''; height: 100%; display: inline-block; vertical-align: middle; }
.header .logo img { vertical-align: middle; }
.header .topflash { width: 500px; height: 80px; float: right; padding-top: 15px; }

.nav-main { height: 48px; background-color: #0067ac; }
.nav-main ul { padding-top: 7px; }
.nav-main li { height: 34px; float: left; margin: 0 20px; position: relative; z-index: 3; }
.nav-main a { display: block; padding: 0 20px; line-height: 34px; font-size: 20px; color: #FFF; font-weight: bold; }
.nav-main a.active { background-color: #FFF; border-radius: 3px; color: #0067ac; }
.nav-main .subnav { width: 120px; padding-top: 7px; margin-left: -60px; display: none; position: absolute; left: 50%; top: 100%; }
.nav-main .subnav:before { content: ''; margin-left: -5px; position: absolute; left: 50%; top: 3px; border-bottom: 4px solid #FFF; border-left: 5px solid transparent; border-right: 5px solid transparent; }
.nav-main .subnav a { background-color: #FFF; border-bottom: 1px solid #EEE; padding: 0; font-weight: normal; font-size: 14px; color: #333; text-align: center; }
.nav-main .subnav a:hover { background-color: #F8F8F8; color: #0067ac; }
.m-nav-main { display:none;}

.banner { width: 100%; height: 410px; position: relative; text-align: center; overflow: hidden; }
.banner .bannercont { width: 1920px; position: relative; left: 50%; top: 0; margin-left: -960px; }
.banner .bannercont .slides li { height: 410px; }
.banner .bannercont img { width: 100%; }
.banner .bannercont .flex-control-paging { width: 100%; margin: 0; list-style: none; position: absolute; left: 0; bottom: 20px; z-index: 3; text-align: center; }
.banner .bannercont .flex-control-paging li { display: inline-block; }
.banner .bannercont .flex-control-paging li a { display: block; list-style: none; margin: 0 5px; width: 20px; height: 20px; background-color: #0067ac; border: 3px solid #0067ac; border-radius: 50%; font-size: 0; }
.banner .bannercont .flex-control-paging li a.flex-active { background-color: #FFF; }

.index-header { height: 45px; line-height: 45px; border-bottom: 1px dashed #E4E4E4; }
.index-header h2 { float: left; margin: 0; display: inline; line-height: inherit; font-size: 20px; }
.index-header .more { float: right; font-size: 18px; color: #999; }

.profile { width: 770px; float: left; margin-top: 25px; overflow: hidden; }
.profile .profile-body { margin-top: 45px; }
.profile .profile-body .img { float: left; margin-right: 20px; overflow: hidden; }
.profile .profile-body .img img { transition: all .4s; }
.profile .profile-body .img:hover img { transform: scale(1.2); }
.profile .profile-body .tit { font-size: 20px; font-weight: bold; }
.profile .profile-body .cont { height: 224px; margin-top: 10px; line-height: 31px; color: #8f8f91; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; display: -moz-box; display: -ms-box; display: box; -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-box-orient: vertical; box-orient: vertical; -webkit-line-clamp: 7; }

.hline { height: 380px; width: 0; margin-left: 40px; margin-top: 35px; font-size: 0; border-left: 1px dashed #DDD; float: left; }

.video { width: 350px; margin-top: 25px; float: right; }
.video .video-header { height: 45px; line-height: 45px; }
.video .video-header h2 { float: left; margin: 0; padding: 0 60px 0 15px; display: inline-block; background: #0067ac url(../images/jiao.jpg) no-repeat right center; color: #FFF; line-height: inherit; font-size: 20px; }
.video .video-header .more { float: right; font-size: 18px; color: #999; }
.video .video-body { height: 290px; margin-top: 45px; background: #000;}


.newsbox { padding-bottom: 35px; border-bottom: 10px solid #E4E4E4; overflow: hidden; }

.news { width: 770px; float: left; margin-top: 25px; overflow: hidden; }
.news .news-body { overflow: hidden; }
.news .img { width: 300px; height: 280px; float: left; margin-right: 20px; margin-top: 45px; overflow: hidden; }
.news .img img { width: 100%; height: 100%; transition: all .4s; }
.news .img:hover img { transform: scale(1.2); }
.news .indexnews { overflow: hidden; margin-top: 35px; }
.news .indexnews li { border-bottom: 1px dashed #E4E4E4; }
.news .indexnews li a { display: block; line-height: 43px; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.news .indexnews li .date { float: right; margin-left: 10px; color: #999; line-height: 43px; }
.news .indexnews li .desc { height: 40px; margin: -5px 0 5px; line-height: 20px; color: #8f8f91; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; display: -moz-box; display: -ms-box; display: box; -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-box-orient: vertical; box-orient: vertical; -webkit-line-clamp: 2; display: none; }
.news .indexnews li.active .desc { display: block; display: -webkit-box; display: -moz-box; display: -ms-box; display: box; }

.gonggao { width: 350px; margin-top: 25px; float: right; }
.gonggao .gonggao-header { height: 45px; line-height: 45px; }
.gonggao .gonggao-header h2 { float: left; margin: 0; padding: 0 60px 0 15px; display: inline-block; background: #0067ac url(../images/jiao.jpg) no-repeat right center; color: #FFF; line-height: inherit; font-size: 20px; }
.gonggao .gonggao-header .more { float: right; font-size: 18px; color: #999; }
.gonggao .gonggao-body { height: 315px; margin-top: 35px; overflow: hidden; }
.gonggao .gonggao-body ul { width: 100%; }
.gonggao .gonggao-body li { height: 45px; line-height: 44px; border-bottom: 1px dashed #CCC; }
.gonggao .gonggao-body li a { display: block; transition: all .3s; color: #535353; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.gonggao .gonggao-body li a:hover { color: #0067ac; padding-left: 10px; }
.gonggao .gonggao-body li .date { float: right; color: #999; }

.case { margin-top: 45px; padding-top: 35px; border-top: 10px solid #E4E4E4; }
.case .case-body { height: 211px; margin-top: 10px; position: relative; overflow: hidden; }
.case .case-body li { float: left; margin-right: 5px; text-align: center; }
.case .case-body li .img { width: 296px; height: 184px; overflow: hidden; }
.case .case-body li .img img { width: 100%; height: 100%; transition: all .4s; }
.case .case-body li .img:hover img { transform: scale(1.2); }
.case .case-body li .name { margin-top: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.case .case-body li:nth-child(2) { animation-delay: .1s; }
.case .case-body li:nth-child(3) { animation-delay: .2s; }
.case .case-body li:nth-child(4) { animation-delay: .3s; }
.case .case-body li:nth-child(5) { animation-delay: .4s; }
.case .case-body .flex-direction-nav li { list-style: none; }
.case .case-body .flex-direction-nav a { position: absolute; top: 50%; margin-top: -20px; z-index: 3; width: 40px; height: 40px; background: no-repeat center; }
.case .case-body .flex-direction-nav .flex-prev { background-image: url(../images/prev.png); left: 0; }
.case .case-body .flex-direction-nav .flex-next { background-image: url(../images/next.png); right: 0; }

.contact { margin-top: 45px; padding-top: 35px; border-top: 10px solid #E4E4E4; }
.contact .contact-body { margin-top: 15px; overflow: hidden; }
.contact .indexmap { width: 800px; height: 275px; float: left; }
.contact .indexmap .company-name { padding-bottom: 5px; font-weight: bold; font-size: 14px; border-bottom: 1px solid #DDD; }
.contact .indexmap .company-info { margin-top: 10px; font-size: 12px; }
.contact .indexmap .company-info p { margin: 0; }
.contact .lxfs { width: 385px; float: right; padding-left: 14px; border-left: 1px dashed #E4E4E4; }
.contact .lxfs .img { margin-bottom: 8px; }
.contact .lxfs p { line-height: 20px; padding: 6px 10px; color: #474646; margin: 0; }

.footer { min-width: 1200px; margin-top: 40px; padding: 20px 0; background-color: #014e82; color: #FFF; }
.footer .nav-bottom { float: left; line-height: 32px; overflow: hidden; }
.footer .nav-bottom dl { width: 95px; height: 160px; margin-right: 25px; float: left; border-right: 1px solid #0e5788; }
.footer .nav-bottom dl:nth-child(2) { animation-delay: .1s; }
.footer .nav-bottom dl:nth-child(3) { animation-delay: .2s; }
.footer .nav-bottom dl:nth-child(4) { animation-delay: .3s; }
.footer .nav-bottom dl:nth-child(5) { animation-delay: .4s; }
.footer .nav-bottom dl:nth-child(6) { animation-delay: .5s; }
.footer .nav-bottom dl:nth-child(7) { animation-delay: .6s; }
.footer .nav-bottom dd { margin-left: 0; }
.footer .nav-bottom a { color: #FFF; display: block; }
.footer .share { float: right; font-size: 0; margin-top: 40px; }
.footer .share a { margin-left: 10px; display: inline-block; }
.footer .qrcode { margin-top: 30px; float: right; margin-right: 30px; }

.copy { min-width: 1200px; padding: 20px 0; background-color: #013e67; color: #FFF; text-align: center; }

.subbanner { min-width: 1200px; overflow: hidden; }
.subbanner .img { width: 1920px; text-align: center; position: relative; left: 50%; margin-left: -960px; }
.subbanner .img img { max-width: 100%; }

.path { font-size: 20px; margin-top: 30px; }

.aside { width: 218px; float: left; margin-top: 20px; }
.aside .aside-header { height: 53px; background-color: #0067ac; color: #FFF; line-height: 53px; text-align: center; font-size: 17px; font-weight: bold; }
.aside .menu { padding: 20px 20px 60px; background-color: #EEE; font-size: 20px; text-align: center; }
.aside .menu li { height: 50px; padding: 10px; line-height: 30px; }
.aside .menu a { display: inline-block; }
.aside .menu a.active { color: #0067ac; border-bottom: 3px solid #0067ac; }

.subcont { width: 970px; float: right; margin-top: 20px; padding: 40px; background-color: #EEE; }

.sub-title { border-bottom: 1px dashed #CCC; font-size: 30px; font-weight: bold; line-height: 50px; text-align: center; }

.sub-cont { padding: 20px 0; }
.sub-cont:before, .sub-cont:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }

.sub-desc { font-size: 14px; color: #666; line-height: 32px; }

.imglist { margin-top: 20px; overflow: hidden; }
.imglist li { width: 285px; float: left; margin: 10px 5px; text-align: center; }
.imglist li .img { width: 285px; height: 180px; overflow: hidden; }
.imglist li .img:hover img { transform: scale(1.2); }
.imglist li img { width: 285px; height: 180px; transition: all .4s; }
.imglist li .name { margin-top: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 20px; font-weight: bold; }

.newslist li { padding: 30px 0; border-bottom: 1px dashed #CCC; overflow: hidden; }
.newslist li .img { width: 248px; height: 163px; float: left; margin-right: 20px; overflow: hidden; }
.newslist li .img img { width: 248px; height: 163px; transition: all .4s; }
.newslist li .img:hover img { transform: scale(1.2); }
.newslist li .title a { display: block; font-size: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.newslist li .title .date { margin-left: 30px; float: right; color: #6b6c6c; }
.newslist li .desc { margin-top: 10px; height: 128px; color: #6b6c6c; line-height: 32px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; display: -moz-box; display: -ms-box; display: box; -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-box-orient: vertical; box-orient: vertical; -webkit-line-clamp: 4; }

.page-title { text-align: center; font-size: 30px; }

.page-info { margin-top: 10px; color: #666; text-align: center; }
.page-info span { margin: 0 10px; }

.page-cont { margin-top: 10px; line-height: 32px; color: #333; }
.page-cont img { max-width: 100%; }

.map { height: 700px; }
.map .company-name { padding-bottom: 5px; font-weight: bold; font-size: 14px; border-bottom: 1px solid #DDD; }
.map .company-info { margin-top: 10px; font-size: 12px; }
.map .company-info p { margin: 0; }

.zptit { font-size: 24px; text-align: center; }

.zptable { margin-bottom: 40px; }
.zptable table { width: 100%; }
.zptable td { padding: 10px; border-color: #cfcfcf; text-align: center; }
.zptable thead td { background-color: #d2d2d2; font-weight: bold; }

.jobitem { padding: 20px 0; border-bottom: 1px dashed #DDD; line-height: 32px; color: #666; }
.jobitem .name { color: #0067ac; font-size: 16px; font-weight: bold; }
.jobitem .yaoqiu { padding-left: 2em; }

.msgpagenav { font-weight: bold; }
.msgpagenav a { margin-left: 20px; }

.msgitem { padding: 20px 0; border-bottom: 1px dashed #DDD; line-height: 2; }
.msgitem .msgtitle { overflow: hidden; }
.msgitem .msgtitle .tit { color: #0067ac; font-weight: bold; overflow: hidden; }
.msgitem .msgtitle .time { float: right; margin-left: 30px; color: #666; }
.msgitem .msgcont { padding: 10px 0; color: #666; }
.msgitem .huifu { color: #999; }

.msgheader { margin-top: 20px; background-color: #0067ac; color: #FFF; line-height: 38px; text-align: center; font-size: 20px; font-weight: bold; }

.msgform { margin-top: 20px; }
.msgform li { padding: 10px 0; overflow: hidden; }
.msgform li .fieldname { width: 160px; float: left; font-weight: bold; font-size: 16px; text-align: center; }
.msgform li .fieldcont { overflow: hidden; }
.msgform li .fieldcont .form-control { width: 660px; }

.Validform_checktip { display: none; }

.Validform_wrong { display: block; color: #F00; }

.topnews { height: 45px; margin-top: 20px; padding: 0 15px; background-color: #EEE; line-height: 45px; }
.topnews .tit { width: 100px; float: left; font-size: 16px; font-weight: bold; }
.topnews .cont { height: 45px; overflow: hidden; }
.topnews .cont ul { font-size: 0; }
.topnews .cont li { display: inline; font-size: 14px; }
.topnews .cont li a { display: inline-block; margin-right: 20px; }
.topnews .cont li:before { content: '●'; }
.header .icon-nav { display:none;}


.top-r { width: 80px; margin-top: 20px; margin-left: 40px; float: right; text-align: center;}
.top-r a { display: block; margin-top: 5px; border-radius: 3px; line-height: 26px; border: 1px solid #CCC;}
.top-r a:hover { color:#0067ac; border-color:#0067ac;}

@media only screen and (max-width: 640px) {
	.container { width:100%;}
	
	.header { min-width:auto; height:auto;}
	.header .topflash { display:none;}
	.header .logo { width:65%; margin-left:15px; height: 70px;}
	.header .logo img { width:100%;}
	.header .top-r { display:none; margin-left:0; margin-right:10px; margin-top: 10px;}
	
	.header .icon-nav { display: block; float: right; width: 2.2rem; height: 2.2rem; margin-top: 1.2rem; background: url(../images/menu.png) no-repeat 50% 50%; background-size: 100% auto; opacity: 0.6; margin-right:1rem;}
	
	.nav-main { display:none;}
	.m-nav-main { display:none; overflow:hidden; opacity:0; position:fixed; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.3); z-index: 99999; margin-bottom: 0; padding:0; transition: 0.5s;}
	.m-nav-main ul { left:-50%; width:50%; height:100%; background:rgba(0,0,0,0.8); transition: 0.5s; position: absolute;}
	.m-nav-main li { border-bottom:1px solid rgba(255,255,255,0.2); float:initial; padding-bottom:0; margin:0; }
	.m-nav-main li > a { font-weight:bold; font-size:1rem; color:#fff; padding:0 1.8rem; display:block; line-height:2.6rem;}
	.m-nav-main li div { display:none; padding:0.5rem 0;}
	.m-nav-main li div a { display:block; padding:0.5rem 0; padding-left: 1rem; text-indent:1.8rem; color:#fff;}
	.m-nav-main li div a.active { position:relative; }
	.m-nav-main li div a.active::before { position: absolute; content: ""; overflow: hidden; border: 5px solid transparent; border-left-color: #fff; top: 50%; margin-top: -5px; left: 1.8rem;}
	.m-nav-main li.active { background:#0067ac;}
	.m-nav-main li.open div { display:block; padding:0.5rem 0;}
	.m-nav-main.in { opacity:1; }
	.m-nav-main.in ul { left:0;}

	
	.banner .bannercont { width:150%; margin-left: -75%;}
	.banner, .banner img, .banner .bannercont .slides li { width:100%; height:auto;}
	.banner .bannercont .flex-control-paging { bottom:10px;}
	.banner .bannercont .flex-control-paging li a { width: 10px; height: 10px; border-width:1px; opacity: 0.3;}
	.banner .bannercont .flex-control-paging li a.flex-active { background-color: #0067ac; opacity: 1;}
	
	.topnews { margin-top:0; background:#f7f7f7;}
	.topnews .tit { width:75px;}
	
	.index-header h2 { font-size:18px;}
	.index-header .more { font-size:15px;}
	.news .indexnews li { border-bottom:none; line-height:35px;}
	.news .indexnews li a , .news .indexnews li .date { line-height:inherit;}
	
	.newsbox { padding-bottom: 15px;}
	.news { width: 100%; float: none; padding-left:15px; padding-right:15px; margin-top:15px; padding-bottom: 15px;}
	.news .img { display:none;}
	.news .indexnews { margin-top:10px;}
	.news .indexnews li:nth-child(6) { display:none;}
	.news .indexnews li.active .desc { display:none;}
	
	.hline { display:none;}
	.gonggao { width: 100%; float: none; margin-top: 0; padding-left:15px; padding-right:15px; border-top: 10px solid #e4e4e4; padding-top: 15px;}
	.gonggao .gonggao-body { margin-top:10px;}
	.gonggao .gonggao-header { line-height: 35px; height:35px;}
	.gonggao .gonggao-header h2 { line-height: inherit; font-size: 18px;}
	.gonggao .gonggao-header .more { font-size:15px;}
	.gonggao .gonggao-body li { border-bottom:none; height:35px; line-height:35px;}
	.gonggao .gonggao-body li a {}
	
	.profile { display:none; width: 100%; float: none; padding-left:15px; padding-right:15px;}
	.video { width: 100%; float: none; padding:15px; margin-top: 0;}
	.video .video-header {line-height: 35px; height:35px;}
	.video .video-header h2 { line-height: inherit; font-size: 18px;}
	.video .video-header .more { font-size:15px;}
	.video .video-body { height:200px; margin-top:15px;}
	
	.case { padding:15px; margin-top: 0;}
	.contact { margin-top:0; padding:15px;}
	.contact .indexmap { width: 100%; float: none;}
	.contact .lxfs { width: 100%; float: none; padding-left: 0; border-left: none; }
	
	.footer, .copy { min-width: 100%; margin-top:0;}
	.footer { display:none;}
	.footer .nav-bottom { display:none;}
	.footer .share { float: right;  margin-top: 15px; margin-right: 30px;}
	.footer .qrcode { margin-top: 5px; float: left; margin-left: 30px;}
	.copy { min-width: 100%; padding-left:15px; padding-right:15px;}
	
	
	
	.subbanner { min-width: 100%; }
	.subbanner .img { width: 180%; margin-left: -100%;}
	.aside { display:none;}
	.path { font-size:15px; padding:0 15px; margin-top:15px;}
	.subcont { width:100%; float: none; padding: 15px; margin-top: 15px;}
	.subcont img { max-width:100%;  height: auto !important;}
	.sub-title { display:none;}
	.page-title { font-size: 26px;}
	
	
	.newslist li { overflow: hidden; padding:15px 0;}
	.newslist li:first-child { padding-top:0;}
	.newslist li .img { width: 150px; height:auto; float: left; margin-right:0; margin-bottom: 0;}
	.newslist li .img img { width: 100%; height: auto; border-radius: 3px;}
	.newslist li .desc { display:none;}
	.newslist li .title { margin-left:160px;}
	.newslist li .title a { text-overflow: initial; white-space: initial; font-size: 16px;}
	.newslist li .title .date { float:none; margin-left:0;}
	
	.imglist li { width: 100%; float: none; margin: 15px 0;}
	.imglist li .img, .imglist li img { width: 100%; height: auto; }
	.imglist li .img { border:1px solid #ddd; background:#fff; border-radius:6px; padding:15px;}
	
	.msgform li .fieldname { width:80px;}
	.msgform li .fieldcont .form-control { width: 100%;}
}