/*
   setDate:2016-01-01
   author:meichen
   edition:2.0
*/

/*common
 -----------------------------------------------------------------------------------------------------------*/
html,body { font-family: "Microsoft YaHei","微软雅黑", "PingFang SC Light", "PingFang SC", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif; font-size: 14px; line-height: 24px; background: #fff; position: relative; height: 100%;
-webkit-font-smoothing: antialiased;}
body,body a:link,body a:visited,body a:hover { color: #434343; text-decoration: none; outline: none;}
.active { outline: none;}
h1,h2,h3,h4,h5 { margin: 0; padding: 0;}
ul,ol { padding: 0px; margin: 0;}
li {list-style:none;}

@media (min-width: 768px) {
@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: auto; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }
.container { width: 1190px;}
}
@media (max-width: 768px) { 
html,body{overflow-x:hidden;}
}

/*头部
 -----------------------------------------------------------------------------------------------------------*/
.hd { }

/*头部顶部
 -----------------------------------------------------------------------------------------------------------*/
@media (min-width: 768px) {
.hdTop { border-top: 5px solid #003f81; border-bottom: 1px solid #e5e5e5; }
.hdTopIn {border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; height: 34px; width: 1190px; margin: 0 auto; font-size: 12px;}
.hdTopIn .hdTopSc {border-right: 1px solid #e5e5e5; line-height: 34px; padding: 0 15px; float: left;}
.hdTopIn .hdTopTell { border-right: 1px solid #e5e5e5;color: #e39024;line-height: 34px;float: left;padding: 0 15px 0 28px; background: url(../images/hdTopTell.gif) no-repeat 10px center ;}
.hdTopIn .search { float: right; width: 220px;border-left: 1px solid #e5e5e5;}
.hdTopIn .search .input {background: url(../images/seachIcon.gif) no-repeat 8px center; padding-left: 28px; line-height: 30px; width: 160px; border: 0; outline: none; color: #969696;height: 34px;}
.hdTopIn .search .submit {width: 55px;line-height: 34px;float: right;  text-align: center;background: url(../images/seachLine.gif) no-repeat left center; padding-left: 11px; border: 0;height: 34px;}

}
	
@media (max-width: 768px) { 
.hdTop { border-bottom: 1px solid #e5e5e5; }
.hdTopIn .hdTopSc { display: none;}
.hdTopIn .hdTopTell {display: none;}
.hdTopIn .search { padding: 8px 10px; overflow: hidden; background: #f7f7f7;display: none;}
.hdTopIn .search .input {background: #fff url(../images/seachIcon.gif) no-repeat 8px center; padding-left: 28px; line-height: 30px; width: 100%; border: 1px solid #e6e6e6; border-radius:3px ; outline: none; color: #969696; float: left; padding-right:80px ;}
.hdTopIn .search .submit { background: #003f81; text-align: center; color: #fff;border-radius:3px ;line-height: 33px; margin-left: -75px; width: 75px; display: inline-block; float: right;border: 0;}
}

/*头部主体
 -----------------------------------------------------------------------------------------------------------*/
.header { padding: 0;}
.header .hdBar { border-radius: 0; margin: 0; border: 0; z-index: 1000; padding: 0px;}
.header .hdLogo { padding: 14px 0 0 0px; float: left;
-webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
.header .hdLogo img { }
.hdBar .hdNav ul li { position: relative; }
.hdBar .hdNav ul li b { display: none;}
.hdBar .hdNav ul li a { font-size:15px;color: #000; line-height: 26px; padding:26px 0px 26px 50px; 
-webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out;position: relative;z-index:99;}
.hdBar .hdNav ul li a span{ background: #003f81; width: 0%; height: 2px; display: block;
-webkit-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
.hdBar .hdNav ul li a:hover { color:#003f81; background:none;}
.hdBar .hdNav ul li a:hover span{ width:100%;
}
.hdBar .navbar-toggle {margin-top: 9px; border-radius: 2px;}
.hdBar .navbar-toggle:hover {background-color:rgba(255,255,255,0.1);}
.hdBar .navbar-toggle:focus {background-color: rgba(255,255,255,0.1);}
.hdBar .navbar-toggle .icon-bar {background-color: #003f81; }

@media (min-width: 768px) {
.hd .homeIcon {background: url(../images/home.gif) no-repeat 28px 32px;}
.hd .active { color: #003f81;}
.hdBar .hdNav { float: right;}
.hdBar .hdNav { padding-right: 0px;}
.navbar-fixed-top {
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;}
.m-search {display: none;}
}

@media (max-width: 768px) {  
.header { background: #fff;}
.hdBar .navbar-header { background:#fff; margin: 0; color: #000;padding: 5px 0;}
.hdBar .hdBar {}
.hdBar .hdLogo {padding: 7px 0 0 10px; margin: 0;}
.hdBar .hdLogo img { width: 75%; height: auto; margin-top: 3px;}
.hdBar .hdNav { font-size: 15px; background: #003f81; border: 0; margin: 0;}
.hdBar .hdNav ul { padding: 0; margin-top: 0px; margin-bottom: 0;}
.hdBar .hdNav ul li b { display: inline; font-weight: normal;}
.hdBar .hdNav ul li a { padding: 15px 0; line-height: 20px; text-align: center; border-bottom:1px solid #01366e; color: #fff;}
.hdBar .hdNav ul li a:hover { background: #01366e;color: #fff;}
.hdBar .hdNav ul li a:focus { background: #01366e;color: #fff;}
.hdBar .hdNav ul li a span { display: none;}
.navbar-toggle {padding: 3px 3px 0px 10px;}
.glyphicon { font-size: 22px; color: #003f82; }

.m-search { float: right;position: relative;padding: 5px 0px 0px 5px;margin-top: 8px;margin-right: 11px;margin-bottom: 5px; border: 0; background: transparent; outline: none;}
}

	
/*导航2级菜单
 -----------------------------------------------------------------------------------------------------------*/
.hdBar .hdNav ul li ul { width: 120px;display: none; border-top: 3px solid #003f81; background: #fff; position: absolute; top: 60px;  left: 19px;box-shadow:0px 3px 3px rgba(0,0,0,.2); z-index:88;padding: 3px 0 5px 0;}
.hdBar .hdNav ul li .proNav { width: 140px;left: 13px;}
.hdBar .hdNav ul li .workNav { width: 140px;left: 13px;}
.hdBar .hdNav ul li ul.active{display: block;}
.hdBar .hdNav ul li ul li { position: relative; }
.hdBar .hdNav ul li ul li a { color: #000;padding: 6px 10px; margin: 0; font-size: 13px; text-align: center; display: block; line-height: 20px; }
.hdBar .hdNav ul li ul li a:hover { background: #f5f5f5; }

@media (max-width: 768px) {  
.hdBar .hdNav ul li ul { display: none;}
.hdBar .hdNav ul li ul.active{display: none;}
}

/*首页广告
 -----------------------------------------------------------------------------------------------------------*/
.homeBanner .hbimg{width:100%;height:100%;}
.homeBanner .hbimg img{width:100%;height:100%;}
.homeBanner .hbimg li.active{opacity:1;}

@media (min-width: 768px) { 
	.homeBanner .hbimg li{opacity:0;transition:0.6s all ease;}
	.homeBanner {position: relative;  height: 440px; background: #003F81;}
	.w{width:1190px;height:100%;margin:0 auto;position:absolute;top:0px;left:50%;margin-left:-595px;}	
	.homeBanner .hbimg{width:100%;height:100%;}
	.homeBanner .hbimg li {position: absolute;top:0px;left:0px; width: 100%; height: 440px; background-position:center; }
	
	.hbList{position: relative;z-index:999;width:1190px;margin:0 auto; margin-top: -20px;}
	.hbList li {position:relative;float:left;margin-right:2px; }
	.hbList li a{display: inline-block;vertical-align: top;width:236px;height:36px;text-align: center;line-height:36px;font-size:14px;color:#fff;background: #6a6a6a;}
	.hbList li:hover a{background: #74a938;}
	.hbList li .img{display:none;width:236px;height:105px;position: absolute;bottom:36px;left:0px;cursor:pointer;}
	.hbList li:hover .img{display: block;}
	.hbLeft{position: absolute;top:165px;left:20px;width:50px;height:50px;background: url(../images/left.png) no-repeat;cursor:pointer;}
	.hbRight{position: absolute;top:165px;right:20px;width:50px;height:50px;background: url(../images/right.png) no-repeat;cursor:pointer;}
	.hboList{display:none;position: absolute;bottom:40px;left:50%;margin-left:-70px;}
	.hboList li{width:10px;height:10px;border-radius:50%;background: #fff;opacity:0.6;float:left;margin-right:8px;cursor:pointer;}
	.hboList li.active{opacity:1;}

}

@media (max-width: 768px) {	
	.homeBanner .hbimg li{transition:0.6s all ease;}
	.homeBanner {position: relative;  height: 145px; background: #003F81;}
	
	.homeBanner .hbimg{position: absolute;top:0;left:0;height: 145px; width:100%;}
	.homeBanner .hbimg li {height: 145px; float:left;width:100%;}
	
	.hbList { overflow: hidden; padding: 0 5px; padding-top: 10px; text-align: center; background: #fff; padding-bottom: 5px; }
	.hbList li { width: 33%; display:inline-table;margin-bottom: 10px; float: left;}
	.hbList li span {height: 60px; top: 0; position: relative;  display: block;}
	.hbList .li span { background: url(../images/homeIcon04.png) no-repeat center;background-size: auto 90%; }
	.hbList .li2 span { background: url(../images/homeIcon01.png) no-repeat center; background-size: auto 90%;  }
	.hbList .li3 span { background: url(../images/homeIcon03.png) no-repeat center; background-size: auto 90%;  }
	.hbList .li4 span { background: url(../images/homeIcon02.png) no-repeat center; background-size: auto 90%; }
	.hbList .li5 span { background: url(../images/homeIcon05.png) no-repeat center; background-size: auto 90%; }
	.hbList li a { background: #fff; display: block; color: #000; line-height: 20px; text-align: center;}
	.hbList li img { width: 100%;}
	.hbList li .img { display: none;}
	.hbList h1 {background:url(../images/title-pro.gif) no-repeat center bottom; height: 30px; background-size:auto 100%; margin-top: 7px; margin-bottom: 10px;}
	
	.hboList{position: absolute;bottom:6px;left:50%;transform: translateX(-50%);}
	.hboList li{width:6px;height:6px;border-radius:50%;background: #fff;opacity:0.6;float:left;margin-right:8px;cursor:pointer;}
	.hboList li.active{opacity:1;}
}

/*首页
 -----------------------------------------------------------------------------------------------------------*/
.home { background:#f6f6f6;  }
.homeMain { overflow: hidden;}

.homeHuodong ul li { text-align: center;}
.homeHuodong ul li a { color: #003f81;}

.homeHuodong{position: relative;}

.homeHuodong ul li p { }

.homeHuodong ol li.active{background: #004082;}

.homeNews dt { font-size: 16px; padding: 12px 25px 5px 25px; position: relative; }
.homeNews dt span { background:#003f81; height:10px; width:3px; position: absolute; left: 17px; top: 18px;}
.homeNews dt a {}
.homeNews dt a:hover { color: #003f81;}
.homeNews dd { color: #585858; margin: 0 25px; font-size: 12px; line-height: 20px; border-bottom: 1px dotted #e6e6e6; padding-bottom: 13px;}
.homeNews dd a { height: 20px; width: 90px;display: block; text-align: center; font-size: 10px; background: #e39024; border-right:4px solid #74a938 ; color: #fff; margin-top: 5px;-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;}
.homeNews dd a:hover { background: #f5a237;border-right:4px solid #99ce5c ; }

.video-js .vjs-big-play-button { display: none;}
@media (min-width: 768px) {
	.home {  padding: 25px 0 30px 0; }
	.homeMain {width: 1190px; margin: 0 auto; padding-bottom: 22px; }
	.homeMainLeft { float: left; width: 312px;}
	.homeMainCenter {padding-right: 13px; float: left; width:  456px; padding-left: 13px;}
	.homeMainRight { width: 422px; float: right;}
	.homeVedio {background: #fff; border: 1px solid #e5e5e5; padding: 5px; height: 352px; cursor:pointer;}
	/*.homeVedio #my-video{display:none;width:410px;height:340px;}*/
    .homeVedio .video-js { width: 410px; height: 340px;}
	.homeMain h1 { font-size: 18px; color: #003f81;border-bottom: 3px solid #ddd; line-height: 36px; margin-bottom: 12px;}
	.homeMain h1 span { background: #c6c6c6; height: 3px; width: 75px; display: block; margin-bottom: -3px;}
	.homeNews {height: 352px;background: #fff; margin: 0; overflow: hidden; }
	.homeHuodong {background: #fff;border: 1px solid #e5e5e5; padding: 5px; height: 352px; }
	.homeHuodong ul {  height: 313px;}
	.homeHuodong ul li{position: absolute;top:5px;left:5px;opacity:0;transition:0.6s all ease;background: #fff;}
    .homeHuodong ul li a { display: block;}
	.homeHuodong ul li.active{opacity:1;z-index: 999;}
	.homeHuodong ol { z-index: 1000;  display:block; text-align: center; position: relative; bottom: 0; width: 100%;}
    .homeHuodong ol li{ width:10px;height:10px; margin-right:5px;border-radius:50%;background: #cbcbcb;cursor:pointer; display: inline-block;}
}
@media (max-width: 768px) {	
	.home { padding: 0; }
	.homeMain { }
	.homeMainLeft  {background: #fff;margin: 10px 0; padding-bottom: 0px; padding-top: 15px; margin-top: 5px; }
	.homeMainCenter {background: #fff;margin: 10px 0; padding-bottom: 10px; padding-top: 15px;}
	.homeMainRight {background: #fff;margin: 10px 0; padding-bottom: 10px; padding-top: 15px;}
	.homeVedio { padding: 10px;  }
	.homeVedio img { width: 100%;}
	/*.homeVedio #my-video{display:none; width: 100%;}*/
	.homeVedio .video-js { width: 100%; height: 320px;}
	.homeMain h1 { margin-top: 2px; margin-bottom: 10px; margin-left: 5px; margin-right: 5px;}
	.homeMainLeft h1 {background:url(../images/title-huodong.gif) no-repeat center bottom; background-size:auto 100%;height: 30px; }
	.homeMainCenter h1 {background:url(../images/title-news.gif) no-repeat center bottom; background-size:auto 100%;height: 30px; }
	.homeMainRight h1 {background:url(../images/title-xuanchuan.gif) no-repeat center bottom; background-size:auto 100%;height: 30px; }
	.homeMain b { display: none;}
	.homeMain span { display: none;}
	.homeNews {margin: 0;  }
	.homeNews dt {padding: 12px 10px 5px 17px; }
	.homeNews dt span {left: 10px; }
	.homeNews dd {margin: 0 15px;}
	
	
	.homeHuodong {margin: 10px; height: 285px; margin-bottom: 0;position: relative;overflow: hidden;}
	.homeHuodong ul { position: absolute;top:0px;left:0px;height:260px;width:100%;}
	.homeHuodong ul li { overflow: hidden;height: 260px;width:100%;float:left;position: relative; }

	.homeHuodong ul li img { width: 100%;}
	.homeHuodong ul li p { margin: 0;  position: absolute; z-index: 10000; bottom: 0px; background:#fff;line-height: 36px; padding-bottom: 2px; color: #000; width: 100%;}
	.homeHuodong ul li a {}
	
	.homeHuodong ul li{padding:0 5px;transition:0.6s all ease;background: #fff;}
	.homeHuodong ul li.active{opacity:1;}
	.homeHuodong ol{bottom:15px; position: absolute;bottom:13px; text-align: center; width: 100%; z-index: 10002;}
	.homeHuodong ol li{width:10px;height:10px;margin-right:5px;border-radius:50%;background: #cbcbcb;cursor:pointer; display: inline-table;}
}



/*合作伙伴
 -----------------------------------------------------------------------------------------------------------*/

@media (min-width: 768px) {
	.hezuo { width: 1190px; margin: 0 auto; height: 285px; background: #fff; position: relative; padding-left: 30px; }
	.hezuoLineLeft { background: #003f81; height: 195px; width: 3px; position: absolute; top: 60px; left: -3px;}
	.hezuoLineRight { background: #74a938; height: 195px; width: 3px; position: absolute; top: 60px; right: -3px;}
	.hezuo h3 { color: #1e5bab; position: absolute;  font-size: 22px; line-height: 1.5; font-weight: bold; left: 30px; top: 15px; }
	.hezuo ul {  }
	.hezuo ul li {float: left; width:280px; padding: 0 10px; border-right:0px solid #e5e5e5 ;}
	.hezuo ul li img { transition:0.6s all ease; height: 195px;width: 260px;}
	.hezuo ul li:hover img { transform:translateY(-5px);}
	
	.hezuo .list-block {width:1130px;overflow: hidden;position: relative;height:255px; }
	.hezuo ul {position: absolute;top:60px;left:0px;}
}
@media (max-width: 768px) {	
	.hezuo { background: #fff; padding-top: 15px; display: none; }
	.hezuo ul { overflow: hidden;padding:15px 5px;}
	.hezuo ul li { width: 50%; float: left; padding-bottom: 10px; padding: 0 5px; margin-bottom: 10px;}
	.hezuo ul li span {border:1px solid #e5e5e5; border-radius: 4px; display: block; overflow: hidden; padding: 7px 0;}
	.hezuo ul li img { width: auto; height:55px; margin: 0 auto; display: block; }
	.hezuoLineLeft { display: none;}
	.hezuoLineRight { display: none;}
	.hezuo h3 {color: #1e5bab;font-size: 22px; text-align: center; padding-bottom: 20px;background: url(../images/hrLine.gif) repeat-x center bottom; margin: 0 10px; }
}

/*频道广告*/
@media (min-width: 768px) {
	.bannerWarpper { height: 300px; }
	.banner { width: 1165px; margin: 0 auto; padding-top: 90px;}
	.banner h1 { font-size: 40px; color: #003f81; line-height: 52px; padding-bottom: 10px;}
	.banner h2 { font-size: 28px; color: #003f81; line-height: 36px;}
	.banner h3 { font-size: 13px; line-height: 24px; display: none; }
	.bannerAbout h1,.bannerVideo h1,.bannerService h1,.bannerCase h1 { color: #fff;}
	.bannerAbout h2,.bannerVideo h2,.bannerService h2,.bannerCase h2 { color: #fff;}
	.bannerGJPolicy h1,.bannerGJPolicy h2 { color: #cf3333;}
	
	.bannerAbout {background:#bee0fc url(../images/banner-about.jpg) no-repeat center bottom;}
	.bannerPro  {background:#d7dadf url(../images/banner-pro.jpg) no-repeat center bottom;}
	.bannerService  {background:#19478b url(../images/banner-service.jpg) no-repeat center bottom;}
	.bannerWork {background:#bee0fc url(../images/banner-work.jpg) no-repeat center bottom;}
	.bannerCase {background:#025092 url(../images/banner-case.jpg) no-repeat center bottom;}
	.bannerVideo { background:#d7dadf url(../images/banner-video.jpg) no-repeat center bottom;}
	.bannerContact { background:#afc3dc url(../images/banner-contact.jpg) no-repeat center bottom;}
	.bannerGJPolicy { background:#fde9ea url(../images/banner-gjpolicy.jpg) no-repeat center bottom;}
}
@media (max-width: 768px) {
	.bannerWarpper { height: 140px;}
	.banner { padding-top: 35px; padding-left: 15px;}
	.banner h1 { font-size: 22px; color: #003f81; line-height: 36px;}
	.banner h2 { font-size: 16px; color: #003f81;line-height: 24px;}
	.banner h3 { font-size: 10px; line-height: 24px;display: none; }
	.bannerAbout h1,.bannerVideo h1,.bannerService h1,.bannerCase h1 { color: #fff;}
	.bannerAbout h2,.bannerVideo h2,.bannerService h2,.bannerCase h2 { color: #fff;}
	.bannerGJPolicy h1,.bannerGJPolicy h2 { color: #cf3333;}
	.bannerAbout {background:#8cb9ef url(../images/banner-about-m.jpg) no-repeat center bottom; background-size:auto 100%;}
	.bannerPro  {background:#d0eafb url(../images/banner-pro-m.jpg) no-repeat center bottom; background-size:auto 100% ;}	
	.bannerService  {background:#d0eafb url(../images/banner-service-m.jpg) no-repeat center bottom; background-size:auto 100%;}
	.bannerWork {background:#d0eafb url(../images/banner-work-m.jpg) no-repeat center bottom; background-size:auto 100% ; }
	.bannerCase {background:#d0eafb url(../images/banner-case-m.jpg) no-repeat center bottom;background-size:auto 100% ; }
	.bannerVideo { background:#d0eafb url(../images/banner-video-m.jpg) no-repeat center bottom;background-size:auto 100% ;}
	.bannerContact { background:#b1c5de url(../images/banner-contact-m.jpg) no-repeat center bottom; background-size:auto 100% ;}
	.bannerGJPolicy { background:#fde9ea url(../images/banner-gjpolicy-m.jpg) no-repeat center bottom;background-size:auto 100% ;}
}

/*栏目菜单*/
@media (min-width: 768px) {
	.subNavWarpper { height: 50px;}
	.subNav { width: 1190px; margin: 0 auto; overflow: hidden; }
	.subNav ul { margin-left: -18px;}
	.subNav .line { width: 1px; background: #e5e5e5; height: 18px; float: left; margin-top: 16px; }
	.subNav ul li { float: left; padding: 17px 25px 0 25px; }
	.subNav ul li a { line-height: 16px; padding-bottom: 14px; display: block; }
	.subNav ul li a:hover {color: #003f81;}
	.subNav ul li .active { color: #003f81; border-bottom: 3px solid #2887d5;}
}
@media (max-width: 768px) {
	.subNavWarpper { padding: 5px 5px;}
	.subNav { overflow: hidden; }
	.subNav ul {}
	.subNav ul li { text-align: center; width: 50%; display: inline-block; float: left; line-height: 34px; overflow: hidden;}
	.subNav ul li a {background: #eeeeee; border-radius: 2px; display: block; margin: 5px; padding-bottom: 2px; padding: 0 5px; height: 36px;}
	.subNav ul li .active {color: #fff; background: #003f81;}
.bannerAbout h1, .bannerAbout h2 {display: none;}
}


/*标题
 -----------------------------------------------------------------------------------------------------------*/
.title {}
.titleAbout {background:url(../images/title-about.gif) no-repeat center bottom;}
.titleCulture {background:url(../images/title-culture.gif) no-repeat center bottom;}
.titleNews{background:url(../images/title-news.gif) no-repeat center bottom;}
.titleHonor {background:url(../images/title-honor.gif) no-repeat center bottom;}
.titleContact {background:url(../images/title-contact.gif) no-repeat center bottom;}
.titleMap {background:url(../images/title-map.gif) no-repeat center bottom;}
.titleJoin {background:url(../images/title-join.gif) no-repeat center bottom;}
.titleOnline {background:url(../images/title-online.gif) no-repeat center bottom;}
.titleVideo {background:url(../images/title-video.gif) no-repeat center bottom;}
.titleCase {background:url(../images/title-case.gif) no-repeat center bottom;}
.titleWork {background:url(../images/title-work.gif) no-repeat center bottom;}
.titleService {background:url(../images/title-service.gif) no-repeat center bottom;}
.titleGJPolicy {background:url(../images/title-gjpolicy.gif) no-repeat center bottom;}
.titlePro {background:url(../images/title-pro.gif) no-repeat center bottom;}

.subTitle { text-align: center; margin-top: -10px;}
@media (min-width: 768px) {
.title {margin: 0 auto; width: 743px; height: 47px; margin-bottom: 20px; margin-top: 35px;}	
.subTitle span { display: block;}
}
@media (max-width: 768px) {
.title { height: 40px; background-size:auto 100%; margin-top: 20px; margin-bottom: 10px; }
.subTitle { text-align: left;padding: 15px 20px 0 20px; }	
}

/*关于我们*/
.about { border-top: 7px solid #f4f4f4 ;}
.aboutInr p img, .aboutInr img { max-width: 100%; height: auto;}
.culture { border-top: 7px solid #f4f4f4 ;padding-bottom: 35px;}

.culture ul li span { display: block; border: 1px solid #b7d0ec; line-height: 30px; width: 110px; margin: 0 auto; margin-top: 15px; font-size: 18px; margin-bottom: 10px;}
.culture ul li p { line-height: 24px; margin: 0;}
.culturePic {background: url(../images/culture05.jpg) no-repeat center center; text-align: center;}
.culturePic p { font-size: 32px; color: #fff;  line-height: 40px; margin: 0; padding-top: 100px; padding-bottom: 15px;}
.culturePic span {font-size: 16px; color: #fff; text-align: center; border: 1px solid #fff; line-height: 33px; display: inline-block; padding: 0 25px; text-transform:uppercase;}
.culturePic b {padding: 0 5px;}

@media (min-width: 768px) {
.aboutInr { width: 1114px; margin: 0 auto; line-height: 26px;}
.aboutPic { overflow: hidden;width: 1134px; margin: 0 auto; padding-top: 20px;}
.aboutPic li { float: left; padding: 0 10px; height: 250px; }
.aboutPic li { transition:0.6s all ease; }
.aboutPic li span { width: 165px;  color: #fff; text-align: center; display: block; background: #003f81; border-radius: 3px; margin: 0 auto; margin-top: -20px; position: relative; font-size: 16px; line-height: 40px;}
.aboutPic li:hover {transform:translateY(-5px);}
.culture ul { overflow: hidden; width: 1000px; margin: 0 auto; padding-bottom: 40px;}
.culture ul li { float: left; width: 25%;text-align: center; padding: 0 30px;transition:0.6s all ease; }
.culture ul li:hover { transform:translateY(8px);}
.culturePic { width: 1190px; height: 460px; margin: 0 auto;}
}
@media (max-width: 768px) {
.aboutInr { padding: 0 10px;line-height: 26px; }
.aboutPic { padding: 0 10px;}
.aboutPic img { width: 100%;}
.aboutPic li { padding-bottom: 7px;}
.aboutPic li span {display: block; background: #003f81;font-size: 14px;color: #fff;  line-height: 36px; text-align: center; margin-top: -36px; position: relative;}
.culture {padding-bottom: 0px;}
.culture ul { padding-bottom: 0px; overflow: hidden;}
.culture ul li { float: left; width: 50%;text-align: center; padding: 0 10px; padding-bottom: 20px; }
.culture ul li img { width: 60%;}
.culture ul li span {line-height: 26px; font-size: 15px; width: 60%; }
.culture ul li p { font-size: 13px;}
.culturePic {height: 200px; padding: 0 10px; background-size:auto 100% ;}
.culturePic p { font-size: 26px; line-height: 32px;  padding-top: 50px; padding-bottom: 10px;}
.culturePic span {font-size: 14px; line-height: 26px; }
}

/*新闻资讯
 -----------------------------------------------------------------------------------------------------------*/
.newsWarpper { border-top: 7px solid #f4f4f4 ;}

.newsItem h2 a:hover { color: #1a45a1;}
.newsItem p { color: #737373;font-size: 14px; line-height: 24px;}
.newsItem .readMore { height: 26px; width: 100px;display: block; text-align: center; font-size: 10px; background: #e39024; border-right:4px solid #74a938 ; color: #fff; margin-top: 5px;text-transform:uppercase;}

.newsLine {background: url(../images/hrLine.gif) repeat-x center bottom; height:  7px; margin-top: -1px;}

.newsContWarp { background: #f6f6f6; padding-top: 10px; padding-bottom: 25px;}

.newsContMain { border-top: 1px solid #e5e5e5; padding-top: 5px; margin-top: 15px; background: url(../images/hrLine.gif) repeat-x center bottom; padding-bottom: 20px;}
.newsCont p { margin: 20px 0;}
.newsContMain img, .newsContMain p img { max-width: 100% !important; height: auto; display: inline-block; }

.newsabstract { background: #f6f6f6; border: 2px solid #eee; padding: 25px; line-height: 24px;}
.newsTitle {overflow: hidden; padding-bottom: 20px;}

.newsTitleLeft h1 { font-size: 24px; line-height: 30px;}
.newsTitleLeft p { margin: 0; padding-top: 5px;}
.newsTitleRight { float: right; border-left: 1px solid #e5e5e5; padding-left: 20px;}
.newsTitleRight  img {float: left; padding-right: 10px; }

.newsPage { padding-top: 13px;}
.newsPage p { margin: 0;}
.newsPage a { padding-left: 5px;}
.newsPage a:hover { color: #13599a;}
@media (min-width: 768px) {
.newsList { overflow: hidden; padding-bottom: 25px; border-bottom: 1px dashed #ccc; padding-top: 25px; width: 1100px; margin: 0 auto; }
.newsPic { float: left;border: 6px solid #e4e4e4; }
.newsItem {  float: right; width: 825px; padding-top: 6px;padding-right: 120px; position: relative;}
.newsItem h2 { font-size: 18px; padding-bottom: 13px; font-weight: bold;}
.newsItem .newsRight { width: 68px;position: absolute; right: 0px; top: 20px; text-align: center; }
.newsItem .jia {width: 68px; height: 68px; background:  url(../images/more.gif); }
.newsItem .date01 { font-size: 20px; color: #2552b3; font-family: arial; padding-top: 5px;}
.newsItem .date01 span { color: #8e8d8d; padding: 0 8px;}
.newsItem .date02 { color: #737373;padding-top: 0px; letter-spacing:5px; font-size: 12px; text-align: center; }
.newsCont { background: #fff; width: 1190px; margin: 0 auto; padding: 45px; padding-top: 35px; }

.newsTitleLeft { float: left;}
}
@media (max-width: 768px) {

.newsList { overflow: hidden; padding: 10px 5px;border-bottom: 1px dashed #ccc; width: 50%;float: left; }
.newsPic { width: 100%;padding-top: 2px;}
.newsPic img { width: 100%; height:145px; border: 2px solid #e4e4e4; }
.newsItem { }
.newsItem p{ display: none;}
.newsItem h2 { font-size: 14px; padding-bottom: 0px; line-height: 20px; padding-top: 5px; }
.newsItem .readMore { height: 22px; width: 90px;font-size: 10px; margin-top: 5px;text-transform:uppercase;}
.newsItem .newsRight { }
.newsItem .jia {display: none;}
.newsItem .date01 { display: inline; font-size: 12px;}
.newsItem .date02 { display: inline;font-size: 12px;}

.newsContWarp { padding: 0;}
.newsCont { background: #fff; padding: 15px 10px; }
.newsTitleRight { display: none;}
.newsTitleLeft h1 { font-size: 20px; line-height: 26px; font-weight: bold;}
.newsTitleLeft p { font-size: 12px;}
.newsabstract { background: #f6f6f6; border: 2px solid #eee; padding: 10px; line-height: 22px;font-size: 12px;}
.newsTitle {padding-bottom: 10px;}
.newsContMain { border-top: 0px solid #e5e5e5; padding-top: 0px; margin-top: 0px; }
.newsCont p { margin: 10px 0;}
.newsContMain p img { width: 90% !important;display: inline-block;height: auto !important;}
.newsContMain img { display: inline-block; width: 90% !important; height: auto !important;}

.newsPage { padding-top: 5px;}
.newsPage p { margin: 5px 0;}
}

/*新闻分页
 -----------------------------------------------------------------------------------------------------------*/
.page { padding: 40px 0 70px 0; text-align: center;}
.page a { border: 1px solid #dbdada; line-height: 35px; padding: 0 15px; font-size: 14px; display: inline-block; margin: 0 3px;}
.page a:hover {border: 1px solid #e39024; color: #e39024; }
.page .active { background: #e39024;border: 1px solid #e39024;color: #fff; }
.page .active:hover {color: #fff; }

@media (max-width: 768px) {
	.page { padding: 25px 25px 30px 25px; }
	.page a { line-height: 28px; margin-bottom: 10px;padding: 0 10px;}
}

/*面包屑
 -----------------------------------------------------------------------------------------------------------*/
.bread { background: #fff; border-bottom: 1px solid #e5e5e5; line-height: 50px;}
.breadIn { width: 1190px; margin: 0 auto; font-size: 12px;}
.breadIn span { padding: 0 5px; font-family: "宋体";}
@media (max-width: 768px) {
	.bread { display: none;}
}

/*资质荣誉
 -----------------------------------------------------------------------------------------------------------*/
.honor {border-top: 7px solid #f4f4f4 ; }
.honorCont {background: #d9edf6; padding: 50px 0 150px 0;}

.honorPic { background: url(../images/honorPic.jpg); }
.honorPic p {padding-top: 85px; font-size: 22px; line-height: 30px; text-align: center; color: #fff; padding-bottom: 12px;}
.honorPic h4 { width: 205px; height: 40px; text-align: center; line-height: 40px; border-radius: 4px; background: #e39024; color: #fff; margin: 0 auto;}
.honorPic span { font-size: 18px; display: block; text-align: center; color: #fff; margin-top: 15px;}
.honorContIn img, .honorContIn p img { max-width: 100% !important; height: auto !important;}

@media (min-width: 768px) {
.honor {padding-bottom: 45px;}
.honorContIn { width: 1190px; margin: 0 auto; text-align: center;}	
.honorPic {width: 1190px; margin: 0 auto; height: 275px; margin-top: -100px;}
}
@media (max-width: 768px) {
	.honorContIn { padding: 0 10px;}
	.honorContIn img, .honorContIn p img { max-width: 100% !important; height: auto !important;}
	.honorCont {padding: 30px 0 30px 0;}
	.honorPic {padding: 10px 10px 40px 10px; background-size: auto 100%; }
	.honorPic p {padding-top: 20px;font-size: 18px; margin: 0;  }
	.honorPic h4 { width: 60%;}
	.honorPic span { font-size: 16px;margin-top: 10px; }
}
/*产品中心
 -----------------------------------------------------------------------------------------------------------*/
.product {border-top: 7px solid #f4f4f4 ;}

.productList ul {}
.productList ul li p { padding: 15px 10px 15px 10px; margin: 0;}
.productList ul li .more { }
.productList ul li .more a {width: 100px; height: 30px; text-align: center; border: 1px solid #003f81; font-size: 14px; color: #003f81; display: block; padding-bottom: 2px; border-radius: 2px; margin-left: 10px;transition:0.6s all ease;}
.productList ul li h2 a { padding-left: 20px; display: block; color: #fff; }

.producTuguan { background: #f6f6f6; padding-top: 45px; padding-bottom: 50px;}

.producTuguanIn h3 { color: #1a45a1; text-align: center;}
.producTuguanIn p {text-align: center; line-height: 20px; margin: 0; padding-top: 10px;}


.producTuguanIn li b { font-size: 20px; display: block; color: #1a45a1; padding-top: 8px;}
.producTuguanIn li span {color: #353535; font-size: 14px;font-weight: normal;  }

@media (min-width: 768px) {
.productList { width: 1212px; margin: 0 auto; padding-bottom: 55px; padding-top: 10px; overflow: hidden; }
.productList ul li { float: left; margin-right: 11px; margin-left: 11px; width: 220px; border-bottom: 5px solid #003f81; padding-bottom: 22px;transition:0.6s all ease; }
.productList ul li img { width: 100%; height: 165px;}
.productList ul li:hover {box-shadow:0px 5px 5px rgba(0,0,0,.2);border-bottom: 5px solid #e39024;transform:translateY(-8px); }
.productList ul li:hover h2 { background: #e39024;transition:0.6s all ease;}
.productList ul li:hover .more a {border: 1px solid #e39024; color: #e39024; transition:0.6s all ease;}
.productList ul li h2 { font-size: 22px; font-weight: bold; background: #003f81; height: 70px;line-height: 70px;transition:0.6s all ease;}
.producTuguanIn {width: 1190px; margin: 0 auto; overflow: hidden;}
.producTuguanIn ul { width: 1230px; padding-top: 30px;}
.producTuguanIn li { margin-right: 23px; float: left;  width: 380px;}
.producTuguanIn li span {color: #353535; font-size: 14px; display: block; }
.productList ul li p { height: 160px;}
}
@media (max-width: 768px) {	
.productList ul { overflow: hidden; width: 100%;}
.productList ul li { float: left;  width: 50%; padding: 0 5px; margin-bottom: 10px; }
.productList ul li img { width: 100%;height: 120px;}
.productList { padding: 5px;}
.productList ul li h2 { background: #003f81;line-height: 40px;font-size: 16px; }
.productList ul li h2 a {padding-left: 10px; }
.productList ul li p { background: #f3f3f3; font-size: 12px;height: 130px;}
.productList ul li .more {background: #f3f3f3; padding-bottom: 15px;}
.productList ul li .more a { background: #fff; margin: 0 auto;}
.producTuguan { padding: 25px 10px; padding-bottom: 5px;}
.producTuguanIn ul {  padding-top: 15px;}
.producTuguanIn li img { width: 100%;}
.producTuguanIn li { margin-bottom: 10px;background: #fff; }
.producTuguanIn li b { background: #fff; margin-top: -30px; position: relative; padding-left: 10px;padding-bottom: 10px;}
.producTuguanIn li span {padding-left: 8px; }
}


/*产品列表
 -----------------------------------------------------------------------------------------------------------*/
.pro { border-top: 7px solid #f4f4f4 ;}

.pro h1 { font-size: 28px;padding-bottom: 25px;background: url(../images/hrLine.gif) repeat-x center bottom; padding-top: 30px; text-align: center;}
 { background: url(../images/hrLine.gif) repeat-x center bottom; padding-bottom: 8px; overflow: hidden;}


.pro ul li p { background: #3c4451; color: #fff;  }
.pro ul li b { display: block; font-size: 16px; font-weight: normal ;}
.pro ul li span { background: #2b333e; display: block; line-height: 45px; color: #fff; padding-left: 23px;}
.pro ul li span a {}
@media (min-width: 768px) {
.proIn {width: 1190px; margin: 0 auto; overflow: hidden;padding-bottom: 60px;}
.pro ul { padding-top: 20px; width: 1300px;}
.pro ul li img { width: 100%; height: 285px;}
.pro ul li {width: 380px; float: left; margin-right: 25px; margin-bottom: 20px;}
.pro ul li p {  position: relative; padding: 15px 25px; padding-bottom: 35px; height: 130px; margin: 0;margin-top: -60px;}
}
@media (max-width: 768px) {	
	.proIn { padding: 0 5px; }
	.pro ul { overflow: hidden; padding-top: 10px; padding-bottom: 10px;}
.pro h1 {font-size: 24px;padding: 20px 0px; margin: 0 5px;}
.pro ul li { width: 50%; float: left; padding: 0 5px; margin-bottom: 12px;}
.pro ul li img { width: 100%; height: 130px;}
.pro ul li p { padding: 8px; font-size: 12px; line-height: 20px; color: #565656; background: #f3f3f3; overflow: hidden; height:130px ; margin: 0; }
.pro ul li p b { color: #194877; padding-bottom: 5px;border-bottom:1px solid #dfdfdf ;margin-bottom: 5px;}
.pro ul li span { line-height: 30px; font-size: 10px;padding-left: 10px; background: #194877;}
}

/*产品详情页
 -----------------------------------------------------------------------------------------------------------*/
.proContWarp {background: #f6f6f6; }

.proContInrRight h1 { font-size: 24px; padding-bottom: 15px;}
.proContInrRight p { color: #585858; line-height: 24px;}
.proContInrRight ul { background: #f6f6f6; padding: 15px 20px;}

.proContMain h2 { height: 40px; border-bottom: 1px solid #e5e5e5; background: #f6f6f6; border-top: 1px solid #e5e5e5; overflow: hidden; margin-top: 15px;color: #003f81; font-size: 16px; line-height: 38px; padding-left: 10px;}
.proContMain h2 span { background: #003f81; height: 17px; width: 5px; float: left; margin-right: 8px; margin-top: 10px; }
.proContMain p { margin: 17px 0;padding: 0 10px;}
.proContMain p img { max-width: 100%;display: inline-block; }
.proContMain img { display: inline-block; max-width: 100%; height: auto;}

@media (min-width: 768px) {
	.proContInrPic { width: 500px;}
	.proContInrPic img { width: 100%; display: block; float: left;}
	.proContInr {overflow: hidden; padding: 30px 45px;background: #fff; }
	.proContInrRight {float: right; width: 580px; border-left:1px solid #e5e5e5 ; padding-left: 25px;}
	.proContWarp { padding-bottom: 25px;padding-top: 10px; }
	.proCont {width: 1190px; margin: 0 auto; }
.proContMain {background: #fff; margin-top: 10px;padding: 10px 45px 30px 45px;}

}
@media (max-width: 768px) {	
	.proContInrRight h1 { margin-top: 10px;padding-bottom: 10px;border-bottom: 1px solid #e5e5e5;}
	.proContInr {padding: 0px 10px;background: #fff; padding-top: 20px; padding-bottom: 15px;}
	.proContInrRight p { padding-top: 10px;}
	.proContInr img { width: 100%;}
.proContMain {margin-top: 7px;background: #fff; padding: 10px 10px; }
.proContMain p img { max-width: 100%  !important; display: inline-block;height: auto !important; }
.proContMain img { display: inline-block; max-width: 100% !important; height: auto !important;}
}

/*服务中心
 -----------------------------------------------------------------------------------------------------------*/
.service {border-top: 7px solid #f4f4f4 ; height: 400px;}

/*解决方案
 -----------------------------------------------------------------------------------------------------------*/
.work {border-top: 7px solid #f4f4f4 ;}
.workList {padding:25px 0 ; border-bottom: 1px dashed #ccc; }
.workList h2 { font-size: 24px;  padding-top: 15px; overflow: hidden; background: url(../images/workIcon.gif) no-repeat left 14px; padding-left: 32px;}
.workList h2 a {color: #003f81;}
.workList h2 a:hover { color: #2755b8;}
.workList p { color: #737373; line-height: 26px; padding-top: 12px; margin: 0; font-size: 16px;}
.workList span { float: right; font-size: 14px;color: #fff; background: #2887d5; width: 115px;height: 35px; line-height: 35px; margin-top: -5px; border-radius: 2px;text-align: center;}
.workList img { border: 8px solid #e5e5e5; display: block; width: 100%; }

@media (min-width: 768px) {
.workIn {width: 1190px; margin: 0 auto; padding-bottom: 60px; margin-top: -25px; }
.workList {width:1126px; margin: 0 auto;}
.workList img {height: 406px;}
}
@media (max-width: 768px) {
	.workIn { padding: 0 10px; padding-bottom: 20px;}
	.workList {padding:15px 0 ;}
.workList img { width: 100%;border: 4px solid #e5e5e5; height: 140px;}
.workList span { display: none;}
.workList p {font-size: 13px;line-height: 23px; padding-top: 7px;}
.workList h2 { font-size: 20px;padding-top: 10px;padding-left: 27px; background: url(../images/workIcon.gif) no-repeat left 12px; background-size:22px auto ; line-height: 26px; } 
}

/*解决方案-详情
 -----------------------------------------------------------------------------------------------------------*/


.workContTitle {overflow: hidden; padding-bottom: 20px; border-bottom: 2px solid #eee;}

.workContTitleLeft h1 { font-size: 24px; line-height: 30px;}


.workContTitleRight  img {float: left; padding-right: 10px; }
.workCont .workContPic { margin-top: 20px; text-align: center; padding-bottom: 0px; }
.workCont h2 { border-top:1px solid #e5e5e5 ; padding-top: 20px; padding-bottom: 10px; margin-top: 21px;}
.workCont h2 b { display: inline-block; line-height: 34px; border: 1px solid #969696; font-size: 18px; font-weight: normal; padding: 0 20px;}
.workCont p { overflow: hidden;}

@media (min-width: 768px) {
	.workContTitleLeft p { margin: 0; padding-top: 5px;}
		.workContWarp {background: #f6f6f6; padding-top: 10px; padding-bottom: 30px; }
.workContTitleLeft { float: left;}
.workCont { width: 1190px; margin: 0 auto; background: #fff; padding: 30px 45px;}
.workContTitleRight { float: right; border-left: 1px solid #e5e5e5; padding-left: 20px; width: 180px;}
.workCont .workContPic img { width: 80%; border: 7px solid #eee;  }
}
@media (max-width: 768px) {
.workContTitleLeft p { font-size: 12px; color: #575757;}
.workContTitle  {padding-bottom: 0px;}
.workContTitleLeft h1 { font-size: 20px; font-weight: bold;}
.workContTitleRight { display: none;}
.workCont {background: #fff; padding: 0 10px;padding-top: 15px; padding-bottom: 20px; }
.workCont .workContPic {margin-top: 10px; }
.workCont .workContPic img { max-width: 100% !important; height: auto !important;}
.workCont img { max-width: 100% !important; height: auto !important; }
.workCont p img { max-width: 100% !important; height: auto !important; display: inline-block; }
.workCont h2 { padding-top: 10px; margin-top: 15px;}
.workCont h2 b {font-size: 15px;line-height: 30px;padding: 0 10px;}
}


/*客户案例
 -----------------------------------------------------------------------------------------------------------*/
.case {}
.caseList h2 a {color: #003f81;}
.caseList h2 a:hover { color: #2755b8;}
.caseList p { color: #737373; line-height: 22px; padding-top: 12px; margin: 0;}
.caseList span {  font-size: 14px;color: #737373;}
.caseList img { border: 8px solid #e5e5e5; display: block;}

@media (min-width: 768px) {
.caseList { width:1126px; margin: 0 auto; padding:25px 0 ; border-bottom: 1px dashed #ccc;}	
.caseList h2 { font-size: 24px;  padding-top: 15px; overflow: hidden;}
.caseList span {float: right; margin-top: 0;}
.caseList img { width: 100%; height: 406px;}
}
@media (max-width: 768px) {
.caseList { padding: 15px 0;border-bottom: 1px dashed #ccc; margin: 0 5px;}
.caseList img { width: 100%;border: 4px solid #e5e5e5; height: 140px; }
.caseList h2 { font-size: 20px; padding-top: 8px; line-height: 26px;}
.caseList span { display: block; font-size: 12px; padding-top: 3px; padding-right: 10px;}
.caseList p { padding-top: 0px; line-height: 22px; height: 66px; overflow: hidden;}
}

/*客户案例详情页
 -----------------------------------------------------------------------------------------------------------*/
.caseContWarp {background: #f6f6f6; padding-top: 10px; padding-bottom: 25px;}

.caseRight p { background: #003f81; color: #fff; text-align: center; line-height: 48px; font-size: 16px;}
.caseRight dl { font-size: 14px; border-top: 1px solid #e3e3e3; border-bottom: 1px dashed #e3e3e3;padding-top: 8px; padding-left: 5px; margin-bottom: 10px;}
.caseRight dl dt { color: #003f81; line-height: 24px;}
.caseRight dl dd { padding-bottom: 15px;}
.caseRight ul { padding-bottom: 5px;}
.caseRight ul li {padding-left: 5px; }
.caseRight ul li span {color: #003f81; font-weight: bold;}
.caseLeft h1 {font-size: 24px; padding-bottom: 13px; border-bottom: 2px solid #000; margin-bottom: 13px; }
.caseMainPic img { width: 100%;}
.caseContMain { padding-bottom: 35px;background: url(../images/hrLine.gif) repeat-x center bottom;}
.caseContMain h2 { height: 40px; border-bottom: 1px solid #e5e5e5; background: #f6f6f6; border-top: 1px solid #e5e5e5; overflow: hidden; margin-top: 15px;color: #003f81; font-size: 16px; line-height: 38px; padding-left: 10px;}
.caseContMain h2 span { background: #003f81; height: 17px; width: 5px; float: left; margin-right: 8px; margin-top: 10px; }
.caseContMain p { margin: 17px 0;padding: 0 10px;}
.caseContMain p img, .caseContMain img { max-width: 100%; height: auto; display: inline-block;}

@media (min-width: 768px) {
.caseCont {width: 1190px; margin: 0 auto; overflow: hidden;  }
.caseLeft { width: 890px;background: #fff; padding: 30px 25px; position: relative; }
.caseRight { width: 285px; background: #fff; float: right; padding: 15px; position: absolute; top: 0; right: -300px;}

}
@media (max-width: 768px) {	
.caseContWarp { background: #fff; padding: 20px 10px;border-top: 5px solid #f4f4f4 ;}
.caseContMain img { width: 100% !important; height: auto !important;  }
.caseMainPic { padding-bottom: 10px;}
.caseRight p {line-height: 36px;font-size: 14px; text-align: left; padding-left: 10px;}
.caseRight dl { font-size: 14px; border-top: 0px solid #e3e3e3; border-bottom: 1px dashed #e3e3e3;padding-top: 0px; padding-left: 5px; margin-bottom: 10px;}
.caseRight ul { display: none;}
.caseRight { width: 100%; display: block;}
}


/*视频中心
 -----------------------------------------------------------------------------------------------------------*/
.video {border-top: 0px solid #f4f4f4 ; }

.videoListPicBar {background:url(../images/videoPress.jpg) no-repeat center bottom; height: 22px; position: absolute; left: 0; bottom: 0; z-index: 99; width: 100%; }

.videoListInr p { color: #737373; font-size: 14px; margin: 0 24px; border-bottom: 1px dashed #ccc; padding-bottom: 8px;}
.videoListInr span {color: #737373; font-size: 12px; display: block; padding-top: 7px; padding-bottom: 3px;}
.videoListInr .more { background: #e39024; color: #fff; font-size: 12px; width: 60px; height: 25px; text-align: center; border-radius: 2px; display: block; margin-left: 24px;}

@media (min-width: 768px) {
.videoIn {width: 1190px; margin: 0 auto; padding: 25px 0 5px 0; background: #f2f2f2; overflow: hidden;}
.videoList { width:565px ; float: left; background: #fff; margin-left: 20px; margin-bottom: 20px;}
.videoListPic { width: 265px; height: 202px;float: left; position: relative;}
.videoListPic img { width: 100%; height: 180px;}
.videoListInr { width: 300px; float: left; }
.videoListInr h3 { font-size: 16px; padding-top: 15px; padding-left: 24px; padding-bottom: 5px; font-weight: bold; background: url(../images/videoIcon.gif) no-repeat 8px 17px;}
.videoListInr h3 a:hover { color: #1a45a1;}
.videoListInr span {padding-left: 24px; }
}
@media (max-width: 768px) {
.videoIn { padding: 12px 5px 0px 5px; background: #f2f2f2; overflow: hidden;}
.videoList { width: 50%;float: left; padding: 0 5px; padding-bottom: 10px; }
.videoListPic { width: 100%; position: relative;}
.videoListPic img { width: 100%; height: 112px;}
.videoListPicBar {background-size:100% auto ;}
.videoListPic img { width: 100%;}
.videoListInr { width: 100%;}
.videoListInr h3 { font-size: 16px; padding-top: 10px; padding-bottom: 5px;border-bottom: 1px dashed #ccc; line-height: 20px;}
.videoListInr p { display: none;}
.videoListInr span {padding-top: 2px; }
.videoListInr .more { display: none;}
}

/*视频详情页---------------------------------------------------------------------------------*/


.videoTitle {}
.videoTitle h1 { font-size: 24px; text-align: center; padding-bottom: 15px;}
.videoTitle p { background: #f5f5f5; margin: 0; padding: 10px;text-align: center;}
.videoContMain { padding-top: 20px; padding-bottom: 25px; border-bottom: 1px dashed #e5e5e5;}

@media (min-width: 768px) {
	.videoContWarp {background: #f6f6f6; padding-top: 10px; padding-bottom: 25px;}
.videoCont {background: #fff; width: 1190px; margin: 0 auto; padding: 35px 80px 40px 80px; }
.videoContMain iframe { width: 100%; height: 530px;}
}
@media (max-width: 768px) {	
	.videoContWarp {padding-top: 5px;background: #f6f6f6; }
.videoCont {background: #fff; padding: 20px 10px 40px 10px; }
.videoTitle h1 { font-size: 20px; text-align: center; padding-bottom: 15px;}
.videoTitle p { font-size: 12px;padding: 7px 10px; line-height: 22px;}
.videoContMain iframe { width: 100%; height: 230px;}

}

/*联系我们----------------------------------------------------------------------------------*/
.contact {border-top: 7px solid #f4f4f4 ;}
.contact-icon {background:url(../images/contact-icon.jpg) no-repeat center bottom; text-align: center; position: relative; }
.contact .contactIn  { overflow: hidden; padding-top: 15px; }
.contact .weixin span { color: #1a45a1; display: block;}
.contact .contactCont b {}
.contact .contactCont span { font-size: 18px; color: #e39024;display: block; font-weight: bold; margin-bottom: 12px; }
.contact .contactCont span img { width: 24px; height: 24px; margin-top: -3px; margin-right: 5px; }
.contact .contactCont2 .side-tel { padding-bottom: 34px;}
.contact .contactCont2 .side-tel span { display: block; color: #1a45a1; font-size: 16px; font-weight: bold; }

@media (min-width: 768px) {
.contact-icon {margin-bottom: -27px; margin-top: 15px; display: block; height: 188px;}
.contact .contactIn  { width: 1190px; padding-left: 330px; margin: 0 auto; position: relative;}
.contact .contactCont {border-right: 1px solid #e5e5e5;border-left: 1px solid #e5e5e5; padding-left: 40px; float: left; width: 440px;}
.contact .contactCont .phone400 {font-size: 24px; color: #1a45a1;padding-bottom: 15px; padding-left: 30px;}
.contact .contactCont .phone400-box { padding-bottom: 10px;}
.contact .contactCont p { padding-bottom: 15px;}
.contact .contactCont p b { font-size: 16px; }
.contact .contactCont2 { float: right; width: 380px; }
.contact .contactCont2 .side-tel { position: relative; background: #f4f4f4;  /* background: #eaf1ff; */ border-radius: 4px;  padding: 15px;  margin-bottom: 10px; }
.contact .contactCont2 .side-tel-img { width: 110px; position: absolute; top: 8px; right: 10px;  }
.contact .contactCont2 .side-tel-img img { width: 100%; }
.map { background: #fff; border-bottom: 250px solid #d9edf6; border-top: 7px solid #f4f4f4 ; padding-top: 20px; }
.mapCont { width: 1100px; margin: 0 auto; border: 10px solid #fff; margin-bottom: -180px;}
.mapCont img { width: 100%;}
.contact .weixin { text-align: center; line-height: 20px; width: 300px;  float: left; position: absolute; left: 10px; top: 20px; }
}
@media (max-width: 768px) {	
	.contact-icon  { height: 150px; background-size:auto 100%; margin-bottom: -20px; }
	.contact .contactCont {padding-left: 20px; padding-right: 20px; }
	.contact .contactCont .phone400 {font-size: 26px; color: #1a45a1;padding-bottom: 10px; padding-left: 27px;  }
	.contact .contactCont .phone400-box { padding-bottom: 10px;}
	.contact .contactCont p { padding-bottom: 10px; }
	.contact .contactCont2 { padding-left: 20px; padding-right: 20px; }
	.contact .contactCont2 .side-tel { position: relative; background: #f4f4f4;  /* background: #eaf1ff; */ border-radius: 4px;  padding: 15px;  margin-bottom: 10px; padding-right: 130px; word-break: break-all; }
	.contact .contactCont2 .side-tel-img { width: 110px; position: absolute; top: 50%; transform: translateY(-50%); right: 10px;  }
	.contact .contactCont2 .side-tel-img img { width: 100%; }
	.contact .contactCont2 p { padding-bottom: 10px;}
.map { background: #fff;border-top: 7px solid #f4f4f4 ; padding: 20px 10px;  }
.contact .weixin {border-top: 0px solid #e5e5e5; padding-top: 20px; margin: 0 10px;}
.contact .weixin img { width: 55%; margin: 0 auto; display: block;border: 0px solid #ddd; padding: 4px; background: #fff;}
.contact .weixin span { text-align: center;}
.contact .weixin p { text-align: center;}
.mapCont {border: 1px solid #e5e5e5; }
.mapCont img { width: 100%; height: 300px;}
}

/*加入我们
 -----------------------------------------------------------------------------------------------------------*/
.join {border-top: 7px solid #f4f4f4 ;}
.join-pic { text-align: center; background: url(../images/join-pic.jpg); }
.join h2 { font-size: 16px; text-align: center; color: #1a45a1; padding: 35px 0 25px 0; background: url(../images/hrLine.gif) repeat-x center bottom; }
.hr { background: #f5f5f5;overflow: hidden;padding: 30px 0;}

.hr .right h3 { font-size: 14px; padding-bottom: 15px;}
.hr .right a { display: inline-block;border: 1px solid #ddd;  line-height: 32px; padding: 0 15px; background: #fff; margin-right: 7px; margin-bottom: 8px;}
.hrLine {background: url(../images/hrLine.gif) repeat-x center top; padding-top: 30px;}

.hrEmailIn {background: url(../images/hrPic.jpg) no-repeat center center; } 
.hrEmailIn p { background: #e39024;text-align: center; color: #fff; width: 285px; line-height: 46px; margin: 0 auto; border-radius: 4px; font-size: 16px; }
.hrEmailIn h4 { text-align: center; color: #fff; font-size: 16px; line-height: 40px;}

@media (min-width: 768px) {
.join-pic {height: 143px; width: 1142px; margin: 0 auto; margin-top: 35px;}
.join h2 { width: 1130px; margin: 0 auto;}
.hr { width: 1130px;margin: 8px auto; }
.hr .left { width: 50%; float: left; text-align: right; padding-right: 20px; }
.hr .left img { border: 1px solid #ddd; padding: 4px; background: #fff; width: 190px;}
.hr .right{ width: 50%; float: right;}
.hr .right p { width: 200px; margin: 0;}
.hrLine { padding-top: 30px;width: 1130px; margin: 0 auto;}
.hrEmail { border-bottom: 115px solid #d9edf6;}
.hrEmailIn {width: 1130px; margin: 0 auto; height: 200px; padding-top: 60px; margin-bottom:-60px ;}
.hrEmailIn p {}
}

@media (max-width: 768px) {
.join-pic img{ width: 100%; }	
.join-pic {background: url(../images/join-pic-m.jpg) no-repeat left center; background-size:auto 100%; height: 80px;margin: 0 10px;margin-top: 10px; }
.join h2 { font-size: 14px; padding: 12px 0 20px 0; margin: 0 10px;}
.hr { margin: 8px 10px; padding: 20px 10px 5px 10px;}
.hr .left img { border: 1px solid #ddd; padding: 4px; background: #fff; margin: 0 auto; width: 55%; display: block; margin-bottom: 10px; }
.hr .right { text-align: center; width: 100%;}
.hrLine {padding-top: 20px; margin: 0 10px;}
.hrEmailIn { height: 160px; background-size:auto 100%; padding-top: 40px;  }
.hrEmailIn p { width: 70%;}
}

/*在线留言
 -----------------------------------------------------------------------------------------------------------*/
.online {border-top: 7px solid #f4f4f4 ; }
.onlineFore .right ul li input { border: 1px solid #dfdfdf; border-radius: 2px; height: 36px; width: 250px; padding-left: 8px;}
.onlineFore .right ul li span { color: #d0322a; font-size: 12px;  padding-left: 10px;}
.onlineFore .right ul li b { color: #e39024; padding-right: 5px;}
.onlineFore .right ul li textarea {border: 1px solid #dfdfdf; border-radius: 2px; width: 420px; min-height: 120px; display: block;padding-left: 8px; }
.onlineFore .right ul li a {background: #e39024; color: #fff; width: 150px; height: 40px; display: block;  font-size: 16px; border-radius: 2px; line-height: 40px; text-align: center;}
.onlineFore label.error { color: #d0322a; font-size: 12px;  padding-left: 10px; font-weight: normal;}

@media (min-width: 768px) {
.onlineFore { overflow: hidden;width: 1140px; margin: 0 auto; padding: 30px 0 70px 0;}
.onlineFore .left {background:url(../images/onlinePic.jpg) no-repeat center bottom; width: 420px; height: 370px; float: left;position: relative;  }
.onlineFore .right { background: #f5f5f5; float: right;width: 720px; height: 370px;}
.onlineFore .onlineBlock { background: #e39024; width: 250px; height: 9px; position: absolute; bottom: -4px; left: 20px;}
.onlineFore .right ul { padding: 35px 0 0 35px;}
.onlineFore .right ul li {overflow: hidden; padding-bottom: 10px;}
.onlineFore .right ul li p { margin: 0; float: left; padding-right: 5px; line-height: 32px;}
.onlineFore .right ul li a {margin-left: 60px;}
}

@media (max-width: 768px) {
.onlineFore .onlineBlock { display: none;}
.onlineFore { overflow: hidden; padding-top: 15px; }
.onlineFore .left { display: none;}
.onlineFore .right ul { padding: 10px;}
.onlineFore .right ul li {overflow: hidden; padding-bottom: 10px;}
.onlineFore .right ul li p { margin: 0; line-height: 32px; position: absolute; padding-left: 6px;}
.onlineFore .right ul li input { width: 100%;background: #f6f6f6; padding-left: 62px;}
.onlineFore .right ul li textarea {width: 100%;background: #f6f6f6;padding-left: 8px; padding-top: 30px;}
.onlineFore .right ul li b { padding-right: 3px;}
.onlineFore .right ul li span { padding-left: 5px; display: block;}
.onlineFore .right ul li a { margin: 0 auto;}
.onlineFore label.error { padding-left: 5px; display: block; margin: 0; line-height: 14px; padding-top: 5px;}
}

/* 底部导航 
-----------------------------------------------------------------------------------------------------------*/
.footNav {background: #0a3761; border-top: 5px solid #8dc7dc; overflow: hidden; padding: 40px 0;}
.footNav ul {color: #fff;}
.footNav li  a { color: #fff; display: block; font-size: 12px;}
.footNav a:hover { color: #99c7e1;}

@media (min-width: 768px) {
.footNav ul { float: left; width: 14.2857%; }
.footNavIn { width: 1190px; margin: 0 auto;}
}

@media (max-width: 768px) {
.footNav { padding: 10px 0; text-align: center;}
.footNav ul { display: block; border-bottom: 1px solid #144879; padding-top: 12px;}
.footNav ul div { font-weight: normal;}
.footNav ul li {  display: inline-block; overflow: hidden; padding:0 10px; }
.footNav li a { font-size: 12px; color: #99c7e1;}
}

/* 底部 
-----------------------------------------------------------------------------------------------------------*/
.foot {  
background: -webkit-linear-gradient(left,#01467a, #0176ba); 
background: -o-linear-gradient(left,#01467a, #0176ba); 
background: -ms-linear-gradient(left,#01467a, #0176ba); 
background: -moz-linear-gradient(left,#01467a, #0176ba); 
background: linear-gradient(left,#01467a, #0176ba); 
font-size: 12px;}
.footLine { height: 1px; background: rgba(255,255,255,0.1);}
.foot .weixin { padding-top: 35px;}
.foot .weixin img { border: 5px solid #fff; border-radius: 4px; }
.foot .weixin p { color: #80a4c0;  text-align: center;margin:0;}
.foot .logo{ padding-top: 70px; text-align: center; padding-bottom: 70px;}
.foot ul { color: #80a4c0;padding-top: 48px;}
.foot ul li {padding-bottom: 5px; line-height: 25px;}
.foot ul li img { padding-right: 5px;}
.foot ul li:hover { color: #fff;}
.foot ul li a {color: #80a4c0;}
.foot ul li a:hover { color: #fff;}
.foot p { margin: 5px 0 0 0;}
.foot p:hover { color: #fff; -webkit-transition: all .2s ease; transition: all .2s ease;}
.foot .copyright { color: #80b2d1; border-top: 0px solid #1b7fba; text-align: center; line-height: 70px;}
.foot .copyright:hover {color: #fff; -webkit-transition: all .2s ease; transition: all .2s ease;}

@media (min-width: 768px) {
.foot .weixin p { width: 94px; }
.foot .weixin img {  width: 95px; height: 95px;}
.foot ul {float: right; }	
}

@media (max-width: 768px) {
.foot .copyright { font-size: 10px; line-height: 20px; padding: 15px;}
.foot .weixin img { margin: 0 auto; display: block;}
.foot ul { padding-top: 20px;}
.foot ul li { width: 49%; display: inline-block; padding-left: 10px; padding-bottom: 15px; }
.foot .logo { padding-top: 40px; padding-bottom: 0;}
.foot .logo img { width: 60%;}
.foot .weixin { padding-top: 25px;}
.foot .weixin img { width: 37%;}
}


/*搜索
 -----------------------------------------------------------------------------------------------------------*/
.searchWapper { background: #f6f6f6;}
.searchTop {background: url(../images/honorPic.jpg) no-repeat center center; }
.searchCont {  background: #fff;  }
.searchCont p {color: #003f81; padding-bottom: 5px;}
.searchCont ul {border-top: 1px solid #dfdfdf;}
.searchCont li {border-bottom: 1px solid #dfdfdf; font-size: 16px; line-height: 42px; }
.searchCont li b { margin-right: 5px; font-size: 18px;}
.searchCont li a:hover { color: #003f81;}
@media (min-width: 768px) {
.searchTop {width: 1190px; margin: 0 auto; }	
.searchTopIn { color: #fff; line-height: 80px; font-size: 22px; padding-left: 20px;}
.searchWapper { background: #f6f6f6; padding-top: 15px;padding-bottom: 30px;}
.searchCont { width: 1190px; margin: 0 auto;  padding: 30px 45px; min-height: 400px; }
}
@media (max-width: 768px) {
	.searchWapper { padding: 10px;}
	.searchTop { height: 60px; background-size: auto 250%;}	
	.searchTopIn{line-height: 60px; font-size: 16px;color: #fff; padding-left: 15px;}
	.searchCont { padding: 20px;min-height: 400px;background: #fff; }
	.searchCont li {font-size: 14px; line-height: 36px;}
}


.modal-content { border-radius:0 ;}
.modal-header {padding: 0;}
.modal-header .close { position: absolute; top: 10px; right: 10px; z-index: 99;font-size: 28px; opacity: 0.6;}
.modal-dialog {
	position: absolute;
            top:50%;
            left:50%;
            width:100%;
            transform:translate(-50%,-50%);
            text-align: center;
}
@media (min-width: 768px){
.modal-dialog {
    width: 800px;
    margin: 0px auto;
}
}
@media (max-width: 768px){
.modal-dialog {
    width: 85%;
    margin: 30px auto;
}
}