@charset "utf-8";
.btn {position:relative;display:block;width:144px;height:57px;margin:0 auto;padding:0;font-size:16px; line-height: 55px; text-align:center;transition:color 0.3s ease;}
.btn.btn-stroke {border:1px solid;}
.btn span { position: relative; z-index: 1; }
.btn::before {content:'';position:absolute;z-index:0;top:0;left:0;bottom:0;width:100%;-webkit-transform-origin:right;-ms-transform-origin:right;transform-origin:right;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transition:-webkit-transform 0.3s ease;transition:-webkit-transform 0.3s ease;transition:transform 0.3s ease;transition:transform 0.3s ease,-webkit-transform 0.3s ease;}
.btn:hover::before {-webkit-transform-origin:left;-ms-transform-origin:left;transform-origin:left;-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);}
.btn.btn-stroke.btn-white {color:#fefefe;border-color:#fefefe;}
.btn.btn-stroke.btn-white:hover {color:#0C1017;}
.btn.btn-stroke.btn-white::before {background:#fefefe;}
.btn.btn-stroke.btn-black { color: #0C1017; border-color: #0C1017; }
.btn.btn-stroke.btn-black:hover {color:#fefefe;}
.btn.btn-stroke.btn-black::before {background:#0C1017;}

.banner { width: 100%; overflow: hidden; }
.banner .banner_img { position: relative; width: 1920px; left: 50%; margin-left: -960px; }
 

/* 主体 */
.wrap { position:relative; width:1200px; margin:0 auto; }
.wrap .sidebar { }
.wrap .main { display:block; /*overflow:hidden; zoom:1;*/ }
.wrapBt { height:0; background:none; overflow:hidden; clear:both; }
 
/* 左侧栏目标题 */
.leftTitle { position:relative; margin-bottom:18px; padding:18px 0; color:#333; display:none; }
.leftTitle i,.leftTitle s { display:block; text-align:center; }
.leftTitle i { font-size:38px; line-height:58px; font-weight:normal; }
.leftTitle s { color:#888; font:12px/18px arial; text-decoration:none; text-transform:uppercase; }

/* 二级、三级菜单 */
.sidebar { background:#f0f0f0; }
.menu ul { zoom:1; text-align:left; }
.menu ul:after{content:'\20';display:block;height:0;clear:both; }
.menu ul li { position:relative; float:left;  margin:0 0 0; font-size:0; vertical-align:top; border-right:1px solid #ddd; }
.menu ul li a { position:relative; display:inline-block; padding:0 45px; height:60px; line-height:60px; color:#666; font-size:14px; }
.menu ul li a:after { position:absolute; left:50%; margin-left:-3.5px; bottom:-20px; width:7px; height:5px; background:url(../images/jt.png) no-repeat center; content:''; display:none; z-index:5; }
.menu ul li a:hover,.menu ul li .current { background:#005aa0; color:#fff; text-decoration:none; }
.menu ul li a:hover:after,.menu ul li .current:after { display:block; }

.m-rdm { padding:25px 0 10px; text-align:center; }
.m-rdm a { display:inline-block; margin:0 8px 10px; padding:3px 20px; border:1px solid #ddd; line-height:24px; }
.m-rdm a:hover,.m-rdm .current { border:1px solid #999; background:#999; color:#fff; }

.tdMenu{padding-top: 60px}
.tdMenu ul{text-align: center;}
.tdMenu ul li{display: inline-block;margin: 0 10px}
.tdMenu ul li a{display: block;font-size: 16px;color: #696969;width: 156px;height: 50px;line-height: 50px;border: 1px solid #d2d2d2;text-align: center;}
.tdMenu ul li a:hover,.tdMenu ul li a.current{border: 1px solid #0076ca;color: #0076ca}

/* 面包屑 */
.location { position:absolute; right:0; top:-60px; height:60px; line-height:60px; font-size:14px; z-index:9; }
.location h3 { float:left; padding-left:10px; border-left:5px solid #069; color:#000; font-size:21px; font-weight:normal; }
.breadcrumbs { color:#888; }
.breadcrumbs a { display:inline-block; vertical-align:top; font-size:14px; color:#888; }
.breadcrumbs .u-home { padding-left:20px; background:url(../images/o_ico_03.png) no-repeat 0 center; }
.breadcrumbs a:hover { color:#005aa0; }
 
/* 内容模式 */
.article { padding:50px 0; line-height:2; font-size:14px; word-wrap:break-word; }
.article .hd { padding:0 0 20px; text-align:center; }
.article .hd h1 { color:#000; font-size:20px; }
.article .hd .titBar { color:#797979; font-size:12px; } 
.article .bd { padding-bottom:40px; }
.article .ft { padding:20px 0 0; border-top:1px solid #ddd; }
.article .ft ul li { height:30px; line-height:30px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.article img { max-width:100%; }


/* 头部新闻 */
.hotNews { margin-bottom:30px; background:#848484; overflow:hidden; }
.hotNews .pic { float:left; width:390px; height:250px; margin-right:5px; }
.hotNews .pic img { width:100%; height:100%; }
.hotNews dl { display:block; overflow:hidden; zoom:1; padding:25px 20px 0 15px; line-height:22px; }
.hotNews dl dt { margin-bottom:13px; padding-left:10px; background:url(o_ico_05.jpg) no-repeat 0 13px; color:#fff; font-size:14px; line-height:30px; }
.hotNews dl dt a { color:#fff; }
.hotNews dl dt a:hover { color:#000; }
.hotNews dl .i { min-height:110px; padding-bottom:10px; padding-left:10px; color:#eee; }
.hotNews dl .m { width:84px; height:24px; margin-left:10px; background:#fff; line-height:24px; text-align:center; }
.hotNews dl .m a { display:block; color:#333; }
.hotNews dl .m a:hover { background:#666; color:#fff; }

/* 新闻列表 */
.news { padding:0 0 40px; }
.newsTable th { border:1px solid #fff; background:#c8cacb; color:#fff; font-weight:bold; text-align:center; }
.newsTable td { padding:8px 10px; border-bottom:1px solid #dcd9d4; line-height:20px; }
 
.list li { padding:9px 0; border-bottom:1px dashed #e0e0e0; background:url(../images/o_ico_11.jpg) no-repeat center left; font-size:14px; line-height:20px; clear:both; }
.list li span { float:right; color:#999; font-size:12px; }
.list li a { padding-left:15px; }
.list li a:hover { text-decoration:underline; }
 
.list { padding:50px 0; }
.list ul { margin-left: 0; }
.list .item { position: relative; width: 100%; margin: 0 0 21px; background:#fff; line-height:25px; }
.list .item:after { position: absolute; left: 0; top: 0; content: ''; display: block; width: 100%; height: 100%; background: #fff; transition: all .6s; }
.list .item a { position: relative; display: block; padding: 35px 60px; z-index: 1; }
.list .date { position: relative; float: left; width: 115px; height: 140px; border-right: 1px solid #e7e7e7; color: #a4292d; }
.list .date .date-wp { position: absolute; top: 50%; transform: translateY(-50%); }
.list .date strong { display: block; margin-bottom: 5px; font: 48px/1 'gotham-medium'; }
.list .date span { display: block; font: 14px/1 'Gotham-Book'; }
.list dl.info { display:block; overflow:hidden; zoom:1; padding:0 0 0 60px; }
.list dl.info .title { margin-bottom: 0; color: #333; font-size: 24px; line-height: 52px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.list dl.info .descrition { height: 50px; margin: 0 0 22px; color: #666; font-size: 14px; line-height: 25px; overflow: hidden; }
.list dl.info .more { color: #a4292d; font-size: 16px; line-height: 18px; }

.list .item:hover:after { box-shadow: 0 15px 15px rgba(0,0,0,.1); transform: scale(1.025); }
.list .item:hover dl.info .title { color: #a4292d; }

/* 可以控制一行几个，最多3个 */
.news-list-2 ul { margin-left: -1.5%; }
.news-list-2 .item { float: left; width: 48.5%; margin:0 0 1.5% 1.5%; }
.news-list-3 ul { margin-left: -1.5%; }
.news-list-3 .item { float: left; width: 31.8%; margin:0 0 1.5% 1.5%; }
.news-list-3 .item a { padding: 25px 30px; }
.news-list-3 .item .date { width: 90px; }
.news-list-3 .item dl.info { padding: 0 0 0 35px; }

/* 图文新闻 */
.pothoItem { margin:0 0 40px; padding-top: 28px; }
.pothoItem .item{position: relative; margin-bottom: 30px;border-bottom: 1px solid #d4d4d4;height: 260px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;overflow:hidden;}
.pothoItem .item a { position: relative; display: block; z-index: 1; }
.pothoItem .item .pic{ width: 430px; float: left; }
.pothoItem .item .pic .img{width: 388px;height: 218px;max-width: 388px;max-height: 218px; text-align: center;align-items: center;-webkit-align-items: center;display: table-cell;vertical-align: middle; overflow: hidden; }
.pothoItem .item .pic img{ width:100%; height:auto; display: block; transition: all .6s; vertical-align: top;}
.pothoItem .item dl.info { float:right;min-width: 700px;width: calc(100% - 430px);margin: 0;padding:13px 0 0;color:#666;font-size:14px;line-height:25px;transition:all 0.3s ease-in-out;}
.pothoItem .item dl.info dt.title { margin-bottom:0; font-size:24px; line-height:52px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.pothoItem .item dl.info .descrition { height: 50px; margin: 0 0 22px; color: #666; font-size: 14px; line-height: 25px; overflow: hidden; }
.pothoItem .item dl.info .date { color: #a4292d; font: bold 16px/16px 'gotham-medium'; transition:all 0.3s ease-in-out; }
.pothoItem .item dl.info .more { color: #a4292d; font-size: 16px; line-height: 18px; }

.pothoItem .item:hover .pic img { transform: scale(1.06); }
.pothoItem .item:hover dl dt a { color:#a4292d; }

.picnews { padding:50px 0; position:relative; width:1920px; left:50%; margin-left:-960px; z-index:1; }
.picnews ul li {}
.picnews ul li a { display:block; width:1200px; margin:0 auto; padding:25px 0; border-bottom:1px solid #f5f5f5; }

.picnews ul li:hover{ background:#f6f6f6; }
.picnews ul li .pic { float:left; width:265px;overflow:hidden; }
.picnews ul li .pic img { transition: all 1s; }
.picnews ul li:hover .pic img { transform: scale(1.05)!important; }

.picnews ul li .txt { position:relative; float:left; width:605px; margin-left:60px; padding-top:40px; }
.picnews ul li .txt:after { position:absolute; right:-80px; top:60px; content:""; display:block; background:#eee; width:1px; height:70px; z-index:5; }
.picnews ul li .txt .p1 { font-size:18px; color:#1e1e1e; font-weight:bold; height:20px; line-height:20px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.picnews ul li .txt .p2 { font-size:14px; color:#7b7b7b; height:50px; line-height:25px; overflow:hidden; margin:20px 0; }
.picnews ul li .txt .p3 { font-size:14px; color:#c0c0c0; }

.picnews ul li .txt01 { float:right; width:155px; height:35px; margin-top:75px; text-align:center; line-height:35px; background:#f0f0f0; }
.picnews ul li .txt01 i { display:inline-block; padding-right:40px; font-size:14px; color:#7b7b7b; background:url(../images/news01.png) no-repeat center right; }
.picnews ul li:hover .txt01 { background:#0066cb; }
.picnews ul li:hover .txt01 i { color:#fff; background:url(../images/news02.png) no-repeat center right; }

/*产品列表*/
.product_list{padding: 50px 0 20px}
.product_list ul{width: 1230px}
.product_list ul li{ float: left; width: 385px;margin-right: 22px;margin-bottom: 35px;position: relative;overflow: hidden; }
.product_list ul li a{display: block;}
.product_list ul li .pic{overflow: hidden;width: 385px;height: auto;}
.product_list ul li .pic img{width: 100%;height: auto;display:block;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all .5s;max-width: 100%;}
.product_list ul li .p { margin-top:3px; font-size: 14px; color: #696969; padding:0 5px; height: 40px; line-height: 40px; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;background: #f4f4f4; text-align: center; }
.product_list ul li:hover .pic img{transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1); }
/*
.product_list ul li:hover .pic img{transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1); }
.product_list ul li .p{font-size: 14px;color: #696969;padding: 5px;height: 50px;line-height: 50px;position: absolute;bottom: 0;left: 0;right: 0;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;background: #f4f4f4;text-align: center;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all .5s;}
.product_list ul li:hover .p{opacity: 0;filter: opacity(0);}
.product_list ul li .mask{position: absolute;bottom: 0;left: 0;right: 0;width: 100%;height: 225px;background: rgba(0,102,203,.88);transform: translateY(100%);-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all .5s;box-sizing: border-box;padding: 33px 20px 0}
.product_list ul li:hover .mask{transform: translateY(0);}
.product_list ul li .mask .h{text-align: center;font-size: 18px;color: #fff;position: relative;}
.product_list ul li .mask .h::after{content: '';position: absolute;bottom: -32px;left: 50%;width: 1px;height: 16px;margin-top: -8px;background: #fff}
.product_list ul li .mask .cont{margin-top: 55px;font-size: 14px;color: #ffffff}
*/

.product_list01 {padding: 50px 0 20px; }
.product_list01 ul { width: 1230px; }
.product_list01 ul li { float:left; width:585px; margin-right:30px; margin-bottom:30px; }
.product_list01 ul li .pic { overflow:hidden; }
.product_list01 ul li .pic img { transition: all 1s; }
.product_list01 ul li:hover .pic img { transform: scale(1.05)!important; }

.product_list01 ul li .txt { padding:50px 45px 0 45px; height:275px; background:#f0f0f0; box-sizing: border-box; }
.product_list01 ul li .txt .p1 { font-size:24px; color:#2a2a2a; height:30px; line-height:30px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.product_list01 ul li .txt .p2 { font-size:14px; color:#878787; height:50px; line-height:25px; margin:20px 0 40px; }
.product_list01 ul li .txt .p3 { display:block; width:155px; height:35px; text-align:center; line-height:35px; border:1px solid #065ea2; color:#065ea2; font-size:14px; }
.product_list01 ul li .txt .p3 i { display:inline-block; padding-right:70px; background:url(../images/news03.png) no-repeat center right; }

.product_list01 ul li:hover .txt { background:#005aa0; }
.product_list01 ul li:hover .txt .p1 { color:#fff; }
.product_list01 ul li:hover .txt .p2 { color:#fff; }
.product_list01 ul li:hover .txt .p3 { border:1px solid #fff; color:#fff; }
.product_list01 ul li:hover .txt .p3 i { background:url(../images/news04.png) no-repeat center right; }

.proArea01 { margin-top:60px; background:#f6f6f6; }
.proArea01 .pic { float:left; width:600px; }
.proArea01 .txt { float:left; width:500px; margin-left:55px; padding-top:55px; }
.proArea01 .txt .p1 { font-size:24px; color:#3c3c3c; font-weight:bold; line-height:30px; height:30px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.proArea01 .txt .p2 { font-size:14px; color:#858585; line-height:25px; height:100px; overflow:hidden; margin:15px 0 20px; }
.proArea01 .txt .p3 a { display:block; width:155px; height:35px; text-align:center; line-height:35px; border:1px solid #065ea2; color:#065ea2; font-size:14px; }
.proArea01 .txt .p3 a i { display:inline-block; padding-right:50px; background:url(../images/news03.png) no-repeat center right; }
.proArea01 .txt .p3 a:hover { border:1px solid #065ea2; color:#fff; background:#065ea2; }
.proArea01 .txt .p3 a:hover i { background:url(../images/news04.png) no-repeat center right; }


.proArea02 { margin-top:50px; padding-bottom:50px; }
.proArea02 ul { width:1230px; }
.proArea02 ul li { float:left; width:380px; margin:0 30px 30px 0; }
.proArea02 ul li .pic { overflow:hidden; }
.proArea02 ul li .pic img { transition: all 0.6s; }
.proArea02 ul li:hover .pic img { transform: scale(1.1)!important; }
.proArea02 ul li .txt { background:#f6f6f6; padding:25px 10px 0 10px; text-align:center; height:120px; box-sizing: border-box; }
.proArea02 ul li .txt .p1 { font-size:24px; color:#1b1b1b; font-weight:bold; line-height:30px; height:30px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.proArea02 ul li .txt .p2 { font-size:14px; color:#6c6c6c; line-height:20px; height:20px; margin-top:15px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }

.proArea02 ul li:hover .txt { background:#005aa0; }
.proArea02 ul li:hover .txt .p1 { color:#fff; }
.proArea02 ul li:hover .txt .p2 { color:#fff; }


/* 图片列表 */
.pic-item-list { margin:0; }
.pic-item-list .pic-item { display:block; float:left; width:378px; margin-bottom:33px; padding:0; }
.pic-item-list .list-pic { display:block; width:378px; height:284px; margin:0 auto; padding:0; border:1px solid #919090; line-height:100px; text-align:center; }
.pic-item-list dl { padding:0 5px; line-height:26px; text-align:center; }

.piList { padding:28px 0 20px; }
.piList .pic-item-list { margin-left:0; }
.piList .pic-item { position:relative; width:378px; margin:0 33px 33px 0; background: #fff; padding:0; display:inline; overflow: hidden; }
.piList .pic-item a { display: block; }
.piList .pic-item:nth-child(3n) { margin-right: 0; }
.piList .list-pic { display:block; width:100%; height:auto; margin-bottom:0; padding:0; border:0; background-color: #000; transition: opacity 0.3s ease; line-height:inherit; overflow: hidden; }
.piList dl { position: relative; padding: 28px; text-align: center; background-color: #fff; transform: translateY(0); transition: transform 0.3s ease; }
.piList dl .title { color: #000; font-size: 24px; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.piList dl .info { margin-bottom: 0; color: #999; line-height: 26px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.piList dl .more { position: absolute; top: 100%; right: 0; left: 0; margin: 0 auto; opacity: 0; transition: opacity 0.3s ease; }
.piList .pic-item:hover .pic img { opacity: .9; }
.piList .pic-item:hover dl { transform: translateY(-90px); }
.piList .pic-item:hover dl .more { opacity: 1; }


/* 分页 */
.page { padding:0 0 40px; line-height:30px; text-align:center; }
.page a { display:inline-block; margin:0 2px; padding:0 10px; border-radius:5px; border:1px solid #ddd; background:#fff; color:#333; vertical-align:top; transition: all .6s; }
.page a:hover,.page .current { border:1px solid #005aa0; background:#005aa0; color:#fff; }
 
/* 人才招聘 */
.hrTop { padding:0 0 30px; border-bottom:1px solid #ddd; }
.hrTop li { padding-left:16px; background:url(ico_05.gif) no-repeat 0 8px; font-weight:bold; line-height:24px; }
 
.hrTable .hrTableTh { height:32px;  color:#fff; }
.hrTable .hrTableTh th:first-child { text-align: center; }
.hrTable td:first-child { text-align: center; }
.hrTable th { color:#fff; font-weight:normal; background: #005aa0; padding: 10px 12px; font-size: 16px; font-weight:bold; }
.hrTable td { padding:12px;  font-size: 14px; }
.hrTable tr:nth-child(odd) { background: #f6f6f6; }

.hr { position:relative; padding:50px 0 40px; }
.hr h3 { padding-left:0; border-bottom:1px dotted #ccc; color:#005aa0; font-size:20px; line-height:55px; }
.hr h3 s { float:right; width:20px; height:20px; margin-top:17px; cursor:pointer; }
.hr h3 .off { background:url(hr_down.gif) no-repeat center; }
.hr h3 .on { background:url(hr_up.gif) no-repeat center; }
.hrItem { margin-bottom:5px; }
.hrItem .title { border-bottom:1px dotted #ccc; color:#999; font-weight:bold; line-height:36px; }
.hrItem .title span { float:right; font-weight:100; }
.hrItem .title span a { color:#88000c; }
.hrItem .con { margin-bottom:10px; padding:15px 0; line-height:24px; }
.hrItem .con h4 { font-size:14px; line-height:36px; }
.hrItem .apply { width:95px; height:25px; padding:0; background:#01286f; color:#fff; line-height:25px; text-align:center; }
.hrItem .apply a { color:#fff; }
.hr-list { margin-bottom:5px; padding:5px 5px 15px; border-bottom:1px dotted #777; }
.hr-list .title { padding:0; color:#0063be; font-weight:bold; line-height:20px; }
.hr-list .title span { float:right; font-weight:100; }
.hr-list .info { padding:5px 0; line-height:24px; }
.hr-list .apply { height:24px; line-height:24px; text-align:right; }

/* 列表 */
.message { padding:28px 0 18px; }
.message-list { margin-bottom:30px; padding:0 0 15px; border-bottom:1px dotted #ddd; }
.message-list .m-title { padding:0; color:#000; font-size:16px; line-height:30px; }
.message-list .m-title span { float:right; color:#999; font-size:12px; font-weight:100; }
.message-list .m-info { padding:0 0 8px; line-height:30px; }
.message-list .r-title { padding:0; line-height:30px; }
.message-list .r-info { padding:0 0 8px; line-height:30px; }

/* 人才招聘 */
.form-panel { padding:0 0 30px; }
.form-panel h4 { margin-bottom:10px; padding:0 20px; background:#666; color:#fff; line-height:30px; }
.form-panel .tips { padding:10px 0 10px 100px; font-weight:bold; font-size:13px; text-align:left; }
.form-panel .field { clear:both; }
.form-panel li.field label { display:block; float:left; width:100px; line-height:30px; text-align:right; }
.form-panel .input { padding:5px 0; zoom:1; }
.form-panel .field:after { content:'\20'; display:block; height:0; clear:both; }
.form-panel .text { height:30px; line-height:30px; padding:0 5px; border:1px solid #ccc; background:#fff; color:#555; }
.form-panel .textarea { width:450px; height:100px; padding:1px 5px; border:1px solid #ccc; background:#fff; color:#555; }
.form-panel .submit-field { padding:0 10px 20px 100px; _padding:0 10px 20px 100px; clear:both; }
.form-panel .submit-field input { margin-right:10px; }
.form-panel .submit-field .btn-submit,.form-panel .submit-field .btn-reset { width:93px; height:29px; border:none; background:#666; color:#fff; cursor:pointer; }


/* 产品详细页 */
.m-detail { margin-bottom:30px; }
.m-detail .m-property { float:left; width:100%; }
.m-detail .property { margin-left:350px; }
.m-detail .property h1 { font-weight:100; font-size:18px; line-height:34px; }
.m-detail .property .m-i-a { margin-bottom:8px; padding:8px 0 15px; border-bottom:1px dotted #d9d9d9; color:#888; font-size:14px; line-height:25px; }

.m-detail .gallery { position:relative; float:left; width:350px; margin-left:-100%; }
.m-detail .gallery .bigPic { width:300px; height:224px; }

.product-detail { margin-bottom: 4.5%; border:1px solid #e5e5e5; background: #fff; }
.product-detail .hd { height:45px; border-bottom:1px solid #e5e5e5; background:#f6f6f6; }
.product-detail .hd h2 { float:left; width:136px; height:46px; margin:-2px 0 -1px; border-top:2px solid #0058af; border-right:1px solid #e5e5e5; background:#fff; font-size:22px; font-weight:100; line-height:46px; text-align:center; }
.product-detail .bd { padding:25px; line-height:28px; font-size:14px; }


/* 产品详细页 */
.m-detail { margin:15px 0; }
.m-detail .m-property { float:left; width:100%; }
.m-detail .property { margin-left:450px; }
.m-detail .property h1 { float: left; margin-right: 20px; color: #333; font-weight:700; font-size:18px; line-height:40px; }

.property-title { margin-bottom: 20px; }
.property-title-fn { float: right; }
.property-title-fn li { float: left; padding: 0 22px; }
.property-title-fn li i { display: block; width:20px; height: 20px; margin:0 auto; line-height: 20px; }
.m-detail .gallery { position:relative; float:left; width:400px; margin-left:-100%; z-index: 1; }
.m-detail .gallery .bigPic { width:402px; height:402px; margin-bottom: 20px; border:1px solid #e3e3e3; }
.m-detail .gallery #thumblist { height:72px; padding:0; }
.m-detail .gallery #thumblist li { float:left; width:72px; height:72px; margin:0 10px 10px 0; padding:0; border:1px solid #ccc; text-align: center; line-height: 70px; font-size: 0; overflow: hidden; }
.m-detail .gallery #thumblist li:nth-child(5n) { margin-right: 0; }
.m-detail .gallery #thumblist li img { vertical-align: middle; width: auto; height: auto; max-width:70px; max-height:70px; }
.m-detail .gallery .other { line-height: 50px; text-align: center;}

.product-price { position:relative; height:75px; padding: 20px 0 0 120px; overflow:hidden; background:#f6f6f6; border-top: 2px solid #0058af; line-height: 38px; }
.product-price dt {position:absolute;left: 20px;top:20px;width:90px;}
.product-price .my { height:38px; color: #666; font-size: 18px; }
.product-price .my em { display: inline-block; margin-right: 8px; font-size:24px; color: #0058af; vertical-align: top; }
.product-msg{height:auto;overflow:hidden;zoom:1;line-height:30px;padding:10px 20px;color:#666}
.product-msg li{padding-right:20px;float:left;width:44%;}
.product-msg li span{padding-right:5px;width:100px;display:inline-block;}
.sell-property{border-top: 1px solid #e0dcdc;padding:20px 20px 0;}
.sell-property li{width:46%;float:left;border:1px solid #999;margin:-1px 0 0 -1px;padding: 0 10px;height:30px;overflow:hidden;}
.sell-property dt{display: table-cell;width:95px;vertical-align: middle;color:#666;}
.sell-property dd{width:615px;display: table-cell;line-height:30px;}
.sell-property dd span{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display:inline-block;}
.sell-property dd span.name{border-right:1px solid #999;margin-right:10px;width:100px;color:#666;}
.sell-property dd span.val{width:150px;}

.sell-property table { width: auto; }

.product_links{text-align:center;padding-top:35px}
.product_links a{display:inline-block;width:180px;height:40px;overflow:hidden;border:1px solid #0058af;line-height:38px;color:#fff;font-size:16px; border-radius:4px;margin:0 12px;background:#0058af; vertical-align: top;}
.product_links a span{position:relative;padding:0 12px 0 32px;}
.product_links a span i{position:absolute;left:0;top:0;width:22px;height:22px}
.product_links .inquiry{color:#fff;background:#0058af;border:1px solid #0058af;}
.product_links .inquiry i{background:url(sell_ico_inquiry.png) no-repeat 0 0;}


.back-to { position: fixed; right: 25px; bottom: 60px; display: block; width: 54px; height: 54px; border-radius: 50%; background: transparent url(scrollTop.svg) no-repeat center center; font-size: 0; z-index: 998; cursor: pointer; }
.back-to:hover { animation: toTop 3s linear infinite; }


.IBW001_1003_header { position:relative; }
.IBW001_1003_footer { position:relative; border-top:1px solid #f8f8f8; bottom:auto; padding:25px 0; }

.messArea { padding:50px 0 150px; }
.messArea01 { float:right; width:880px; font-size:14px; }
.messArea01 .textarea { height:142px; border:1px solid #eee; padding:15px 10px; width:100%; box-sizing: border-box; margin-bottom:20px; }
.messArea01 .text { float:left; height:50px; line-height:50px; border:1px solid #eee; padding:0 10px; width:49%; box-sizing: border-box; margin-bottom:20px; margin-right:2%; }
.messArea01 .text02 { margin-right:0; }
.messArea01 .text01 { float:left; width:200px; margin-bottom:0; }
.messArea01 .clearfix img { float:left; height:50px; width:115px; margin-left:15px; }
.messArea01 .clearfix .btn01 { float:right; height:50px; width:510px; background:#005aa0; color:#fff; font-size:14px; text-align:center; cursor:pointer; }

.messArea01 select { float:left; height:50px; line-height:50px; border:1px solid #eee; color:#4a4a4a; padding:0 10px; width:49%; box-sizing: border-box; margin-bottom:20px; margin-right:2%; }



.messArea02 { position:relative; float:left; width:285px; color:#fff; }
.messArea02 .txt { position:absolute; top:60px; left:40px; z-index:5; }
.messArea02 .txt .p1 { font-size:30px; font-weight:bold; }
.messArea02 .txt .p2 { font-size:20px; text-transform:uppercase; color:rgba(255,255,255,0.7); }

 
.contactArea01{background: url(../images/IBW001_1003_contact_icon_01.png) no-repeat bottom right #f7f7f7; }
.contactArea01 .pic{float: left;width: 460px;height: auto;}
.contactArea01 .pic img{width: 460px;height: auto}
.contactArea01 .txt{ position:relative; float: right;width: 700px; padding-right:300px; padding-top: 55px; box-sizing: border-box;}
.contactArea01 .txt .p1 { font-size: 20px;color: #2c2c2c;font-weight: bold; }
.contactArea01 .txt .p2 { margin-top:15px; color:#646464; }
.contactArea01 .txt .p3 { position:absolute; top:70px; right:120px; z-index:5;  }

.contactArea02{margin-top: 63px;}
.contactArea02 ul{width: 1235px;}
.contactArea02 ul li{float: left;width: 378px;margin-right: 30px;border:1px solid #eee; padding: 28px 16px 0;height: 212px;margin-bottom: 20px}
.contactArea02 ul li .h{font-size: 16px;color: #2c2c2c;padding:0 4px 12px 4px;border-bottom: 1px solid #dfe0e2;position: relative;}
.contactArea02 ul li .h::after{content: '';position: absolute;bottom: -1px;left: 0;width: 36px;height: 3px;background: #005aa0}
.contactArea02 ul li .cont{margin-top: 18px;font-size: 14px;color: #646464}

.contactArea03 { margin:30px 0 0; }


@-webkit-keyframes toTop {
    25% {
        -webkit-transform: translateY(-15px)
    }
    50%, to {
        -webkit-transform: translateY(0)
    }
    75% {
        -webkit-transform: translateY(-15px)
    }
}
@keyframes toTop {
    25% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }
    50%, to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    75% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

.abArea { padding:60px 0; }
.abArea .aArea01 { float:left; width:530px; }
.abArea .aArea01 .p1 { font-size:36px; line-height:38px; color:#f5f5f5; font-weight:bold; text-transform:uppercase; }
.abArea .aArea01 .p2 { font-size:28px; line-height:30px; color:#040404; margin:0 0 25px; }
.abArea .aArea01 .p3 { font-size:14px; line-height:25px; color:#696969; }
 
.abArea .aArea02 { position:relative; float:right; width:640px; height:475px; background:url(../images/IBW001_1003_about_ico01.png) no-repeat center bottom; }
.abArea .aArea02 .pic { position:relative; height:475px; width:100%; }
.abArea .aArea02 .pic img { position:absolute; left:0; bottom:0; z-index:1; }
.abArea .aArea02 .txt { position:absolute; top:185px; left:290px; color:#fff; z-index:5; }
.abArea .aArea02 .txt .p1 { font-size:30px; line-height:1.1; text-transform:uppercase; font-weight: 300; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 }
.abArea .aArea02 .txt .p2 { width:15px; height:2px; margin:15px 0 30px; background:#fff; }
.abArea .aArea02 .txt .p3 { font-size:14px; line-height:22px; width:225px; }

.abArea .aArea03 { position:relative; float:right; width:640px; margin-top:40px; }


.acArea { padding:55px 0 45px; background:#f7f7f7; }
.acArea ul li { position:relative; float:left; width:25%; text-align:center; }
.acArea ul li .p1 { font-size:52px; color:#005aa0; line-height:55px; }
.acArea ul li .p2 { font-size:14px; color:#000; margin-top:20px; }
.acArea ul li:after { position:absolute; right:0; top:10px; width:1px; height:40px; background:#ddd; content:""; display:block; z-index:5; }
.acArea ul li:last-child:after { display:none; }

.AC-hd { text-align:center; color:#0c0c0c; }
.AC-hd .p1 { font-size:38px; line-height:40px; font-weight:bold; text-transform:uppercase; }
.AC-hd .p2 { font-size:28px; line-height:30px;  margin:10px 0 50px; }

.adArea { padding:80px 0 100px; }
.adArea .AC-hd { padding-bottom:40px; }
.adArea01 { position:relative; }
.adArea01:after { position:absolute; left:0; top:50%; width:100%; height:1px; display:block; content:""; background:#f2f2f2; z-index:1; }
.adArea01 .tempWrap { width:1100px!important; margin:0 auto!important; }
.adArea01 ul li { position:relative; float:left; width:1100px; z-index:2; }

.adArea01 ul li .txt { position:relative; float:left; width:200px; height:85px; margin-left:-50px; z-index:5; }
.adArea01 ul li .txt .p1 { font-size:22px; color:#242424; font-weight:bold; height:25px; line-height:25px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.adArea01 ul li .txt .p2 { font-size:14px; color:#4b4b4b; height:50px; line-height:25px; overflow:hidden; margin-top:10px; }
.adArea01 ul li .txt:after { position:absolute; left:50%; margin-left:-4px; bottom:-107px; width:8px; height:89px; display:block; content:""; background:url(../images/adArea01.png) no-repeat center; z-index:55; }

.adArea01 ul li .txt:nth-child(1) { margin-left:0; }
.adArea01 ul li .txt:nth-child(2n) { margin-top:290px; }
.adArea01 ul li .txt:nth-child(2n):after { left:50%; margin-left:-4px; top:-105px; }


.adArea01 .prev,.adArea01 .next { position:absolute; top:50%; margin-top:-30px; display:block; width:60px; height:60px; border-radius:100%; box-shadow: #eee 0px 0px 10px; z-index:55; }
.adArea01 .prev { background:url(../images/ad11.png) no-repeat center #fff; left:0; }
.adArea01 .next { background:url(../images/ad21.png) no-repeat center #fff; right:0; }
.adArea01 .prev:hover { background:url(../images/ad12.png) no-repeat center #005aa0; }
.adArea01 .next:hover { background:url(../images/ad22.png) no-repeat center #005aa0; }

.aeArea { padding:90px 0; background:url(../images/aeArea.jpg) no-repeat center; }
.aeArea .wrap { padding:70px 0 20px; background:#fff; }
.aeArea01 { width:1065px; margin:0 auto; overflow:hidden; }
.aeArea01 ul li { float:left; width:335px; margin-right:30px; overflow:hidden; }
.aeArea01 ul li:last-child { margin-right:0; }
.aeArea01 ul li img { transition: all 0.6s; }
.aeArea01 ul li:hover img { transform: scale(1.1)!important; }

.aeBox { padding:0 85px; }
.aeArea02 { float:left; width:470px; padding-bottom:75px; background:url(../images/aeArea02.png) no-repeat center bottom; }
.aeArea02 .tempWrap { width:425px!important; margin:0 auto!important; }
.aeArea02 ul li { width:425px; }
.aeArea03 { float:right; width:410px; margin-right:55px;}
.aeArea03 ul li { height:35px; line-height:35px; border-bottom:1px solid #f2f2f2; padding-left:18px; font-size:14px; color:#4b4b4b; background:url(../images/li01.jpg) no-repeat center left; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }

.afArea { padding:130px 0 180px; background:url(../images/afArea.jpg) no-repeat center; background-size:cover; }
.afArea .AC-hd { color:#fff; }
.afArea01 { text-align:center; font-size:14px; color:#fff; }


.mcuArea { width:100%; margin:50px 0 100px; }
.mcuArea01 { overflow: auto; }
.mcuArea01 table { width:100%; min-width:1200px; border:none; text-align:center; }
.mcuArea01 table tr:nth-child(1) { }
.mcuArea01 table tr { border:1px solid #efefef; }
.mcuArea01 table tr td { font-weight:normal; /*padding:15px 5px; font-size:12px;*/ border:1px solid #efefef; white-space: nowrap; }
.mcuArea01 table tr td a { color:#005aa0; }

.disArea { padding:50px 0 100px; }
.disArea02 { padding:30px 0; background:#fff; }
.disArea02-on { position:fixed; top:0; left:0; right:0; z-index:999; box-shadow: 0px 3px 18px rgb(165 181 211 / 27%); }

.dis01 { float:left;  font-size:32px; color:#005aa0; line-height:45px; }
.dis02 { float:right; width:780px; background:#f4f4f4; }
.dis02 ul { padding-left:40px; }
.dis02 ul li { float:left; width:110px; margin-right:75px; font-size:14px; line-height:43px; border-bottom:2px solid #f4f4f4; text-align:center; cursor:pointer; }
.dis02 ul li:last-child { margin-right:75px; }
.dis02 ul li.on { border-bottom:2px solid #005aa0; }

.disCon { margin-top:60px; }
.disCon .hd { position:relative; font-size:26px; color:#333; padding-left:33px; }
.disCon .hd:before { position:absolute; width:4px; height:24px; left:0; top:50%; margin-top:-12px; background:#005aa0; display:block; content:""; z-index:5; }
.disCon .bd { margin-top:40px; font-size:14px; color:#666; line-height:1.7; }