@charset "utf-8";
@import "globle.css";
/*globle*/
::-webkit-scrollbar-track-piece{
    background-color:#f2f2f2;
    -webkit-border-radius:0;
}
::-webkit-scrollbar{
    width:12px;
    height:12px;
}
::-webkit-scrollbar-thumb{
    height:50px;
    background-color:#999;
    -webkit-border-radius:4px;
    outline:2px solid #ffffff;
    outline-offset:-2px;
    border: 2px solid #ffffff;
}
::-webkit-scrollbar-thumb:hover{
    height:50px;
    background-color:#9f9f9f;
    -webkit-border-radius:4px;
}
body { color: #333; font: 13px/24px "微软雅黑","华文细黑",Arial,sans-serif;}
a,a:link,a:visited { color: #333;}
a:hover { color: #261176;}
/*public*/
.siteW{ width: 1250px; margin: 0 auto;}
.mart20{ margin-top: 20px;}
.site-header,.index-banner,.ipro,.iabout,.iprokj,.inews,.icase,.site-footer{ min-width: 1180px;}

.site-header{ width:100%; left:0; top:0; z-index:100; position: absolute;}
.header-link{ height:32px; font:12px/32px "微软雅黑","华文细黑",Arial,sans-serif;color:#999;}
.header-link a{color:#777;}
.header-link a.en{ font-size:10px;}
.header-link a:hover{ color:#261176;}
.head-search .txt{ float:left; width:102px; height:20px; background:none; border:none; font:12px/20px "微软雅黑","华文细黑",Arial,sans-serif; color:#b4b4b3;}
.head-search .btn{ float:left; width:24px; height:20px; background:none; border:none; cursor:pointer;}
.header-link-tel{ background:url(../img/ico-ttel.png) no-repeat 0 50%; padding-left: 20px; color:#666; float: right; line-height: 32px; overflow: hidden; height: 32px;}
.header-link-tel strong{ color: #261176; font-size: 20px;}
.header-link-tips{ float: left; background: url(../img/ico-thome.png) 0 50% no-repeat; padding-left: 20px; color:#666; line-height: 32px;}


.header-menu{ width:100%; height:70px;}
.menuFixed{ position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 100; box-shadow:0px 0px 5px rgba(0,0,0,0.3); background-color:rgba(255,255,255,0.9);}
.header-menu-bg{ width:100%; position:absolute; right:50%; margin-right:500px; top:0; height:55px; overflow:hidden; display:none;}
.menu-son-bg{ position:absolute; width:100%; left:0; top:55px; height:0px; overflow:hidden;}
.menuleft-bg{ box-shadow:0px 0px 5px rgba(0,0,0,0.3); background-color:rgba(255,255,255,0.9); border-radius:3px;}
.menuFixed .menuleft-bg{ box-shadow:none; background-color:transparent;}
.site-logo{ width:350px; float:left; height:60px; margin-top: 6px;}
.site-logo a{ display:block; height:100%; overflow:hidden;}
.site-logo a img{ width: 100%; height: auto;}

.menu-wrap{ position:relative; z-index:99;}
.menu{ padding:0px 0px 0px 10px; position:relative; margin-top: -2px;}
.menu ul li{/* width:130px;*/ z-index:9; float:left; position: relative; margin-right:-15px;}
.menu ul li a.first:link,.menu ul li a.first:visited{ display:block;padding:30px 5px 24px 5px; width: 134px; height:74px;text-align:center; font:16px/20px "微软雅黑","华文细黑",Arial,sans-serif; color:#1f3d9e; font-weight:600; position:relative; z-index:11;}
.menu ul li a.first:hover,.menu ul li a.hover:link,.menu ul li a.hover:visited{  background: url(../img/menu_over.png) no-repeat center 0; color:#261176;}
.menu ul li.menu-search{ margin-left:10px; margin-right:0;}
.menu ul li.menu-search form{ padding-top:5px; font-size:0;}
.menu ul li.menu-search .keyword{ border:0; width: 266px; height: 36px; padding: 0 3px; vertical-align: middle; background-color:#efefef; font-size:15px;}
.menu-search .menu-search-item{ display:inline-block; border: 0; width: 22px; height:22px; background: url(../img/ico-tsearch.png) 100% 50% no-repeat; vertical-align: middle; cursor: pointer; border-left:1px solid #e5e5e5; padding-left:10px;}
.menu-search input.menu-search-item{ border-left:0; margin-left:0; height:36px; padding:0px 20px; background-image:none; background-color:#261176; color:#fff; font-size:15px; width:auto;}
.menu ul li.menu-search .searchblank{ display: inline-block; width: 2px; height: 22px; vertical-align: middle;}
.menuFixed .menu ul li a.first:hover,.menuFixed .menu ul li a.hover:link,.menuFixed .menu ul li a.hover:visited{background-position:50% 2px;}
.menu ul li.menu-search a.first:link,.menu ul li.menu-search a.first:visited{ width:48px; background-position:0 0; padding-left:5px; padding-right:15px;}
.menu ul li.menu-search a.first:hover .menu-search-item,.menu ul li.menu-search a.hover .menu-search-item{ border-left:0; margin-left:1px;}

.semenuCon{	width:433px; padding: 20px 0 20px 20px; position: relative;}
.semenuConL{ float:right; width: 129px; padding-right: 21px; position: relative; z-index: 10;}
.semenuConL a{display: block; height:32px;padding-left:22px;color:#555555;font-size:14px;line-height:32px; overflow: hidden; background: url(../img/secma.png) no-repeat 0 9px;}
.semenuConL a:hover { background: url(../img/secmao.png) no-repeat 0 9px; color: #ff5a00;}
.semenuConR a.semenuPic { display: inline-block; overflow: hidden;}
.semenuBox:hover img{/*-webkit-transition:-webkit-transform 2.2s cubic-bezier(.165,.84,.44,1),opacity .5s;transition:transform 2.2s cubic-bezier(.165,.84,.44,1),opacity .5s;-webkit-transform:scale(1.3);transform:scale(1.3);*/}
.secmItem{ padding-left:15px; padding-right:10px; width: 107px;}

.semenuBox{ position: absolute; top: 70px; left: 1px; z-index: 1; width: 386px; height: 0;	overflow: hidden;}
.semenuTopLine{	width: 386px; height: 9px;	line-height: 9px; overflow: hidden; background: url(../img/semenu_topbg.png) no-repeat;}
.semenuConLine{	width: 386px; height: 19px;	line-height: 19px; overflow: hidden; background: url(../img/semenu_botbg.png) no-repeat;}
.semenuCon{	width: 386px; padding: 2px 0px 0 10px;	background: url(../img/semenu_bg.png) repeat-y;}
.semenuConL{ width: 113px; padding-right: 5px; overflow: hidden; float: left;}
.semenuConL a{	display: block; height: 24px; padding-left: 13px; color: #757575; font-size: 12px;	line-height: 24px; overflow: hidden;}
.semenuConL a:hover{ color: #261176;}
.semenuConR{ width: 235px; float: left;	padding-left: 15px; overflow: hidden; background:url(../img/semenu_bar.png) no-repeat 0 50%;}
.semenuConR a.semenuPic{ display: inline-block; width: 216px; overflow: hidden; margin-top:10px;}
.semenuConR a.semenuPic img{ width:216px; height:122px; display:block;}
.semenuConRcon{ width: 170px; line-height: 23px; color: #757575;}
.semenuConRcon p{ font-size:12px;}

.semenuConPro{ width: 564px;}
.semenuConPro .semenuTopLine{ width: 564px; background: url(../img/semenu_topbg2.png) no-repeat;}
.semenuConPro .semenuCon{ width: 564px; padding-left:0px; background: url(../img/semenu_bg2.png) repeat-y;}
.semenuConPro .semenuConL{	width: 286px;}
.semenuConPro .semenuConL .secmItem{ float: left; width:118px;}
.semenuConPro .semenuConLine{ width: 564px; background: url(../img/semenu_botbg2.png) no-repeat;}
.semuBoxbg2 .semenuCon{ background: url(../img/semenu_bg3.png) repeat-y;}
.semuBoxbg2 .semenuConLine{ background: url(../img/semenu_botbg3.png) no-repeat;}
.semenuConPro {}
.menuFixed .semenuBox{ top:68px;}


/**首页**/

.index-banner{ width:100%; margin:0 auto; position:relative; height:560px; overflow:hidden; background:url(../img/load.gif) no-repeat center;}
.index-banner ul{ width:100%; height:100%; left:0; top:0; position:absolute; z-index:0;}
.index-banner ul li{ display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
.index-banner ul li a{ display:block; width:100%;height:100%;}
.ban-num{ position:absolute; left:50%; bottom:12px; text-align:center;}
.ban-num a{ display:inline-block; *display:inline; margin:0px 5px; width:10px; height:10px; background:#fff; overflow:hidden; cursor:pointer; box-shadow:1px 1px 2px #333333; border-radius:100%;}
.ban-num a.cur{ background:#FF6C00;}
.pagination{ position: absolute; left:50%; bottom:12px; text-align:center; height:10px;}
.pagination .pageitem { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:10px; background:#FFF; overflow:hidden; box-shadow:1px 1px 2px #333333; border-radius:100%;}
.pagination .pageitem a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
.pagination .pageitem.current { background:#261176;}
.index-banner.secbanner{ height:400px;}

.iprotype{}
.iprotype li{ width:234px; height:274px; margin:0 20px 20px 0px; float:left; position:relative; overflow:hidden;}
.iprotype li:nth-child(5n+5){ margin-right:0;}
.iprotype-img{ height:234px; width:234px; border:1px solid #eee; overflow:hidden;}
.iprotype-img img{opacity: 1;-webkit-transition: opacity 0.35s, -webkit-transform  0.35s;transition: opacity 0.35s, transform 0.35s; width:232px; height:232px;}
.iprotype-des{ position:absolute; width:212px; height:150px; top:100%; left:0; padding:20px; background-color:rgba(38, 17, 118, 0.65); color:#fff; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear;}
.iprotype-txt{ text-align:center; font-size:16px; height:40px; line-height:40px;-webkit-transition: opacity 0.35s, -webkit-transform  0.35s;transition: opacity 0.35s, transform 0.35s;}
.iprotype li a{ -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.iprotype li a:hover .iprotype-img img{ opacity:1; -webkit-transform: scale3d(1.2,1.2,1);transform:  scale3d(1.2,1.2,1); top:0px; left:0px;}
.iprotype li a:hover .iprotype-des{ -webkit-transform: translate(0,-230px); -moz-transform:translate(0,-230px); transform: translate(0,-230px);animation-duration:2s;
-webkit-animation-duration:2s;}
.iprotype li a:hover .iprotype-txt{ color:#261176; position:relative;}


.ititle{ padding-top:10px; text-align:center; background: url(../img/ititbg.png) no-repeat 50% 100%; margin-top: 20px; padding-bottom:40px; margin-bottom:10px;}
.ititle a:link,.ititle a:visited{ display:inline-block; *display:inline; *zoom:1; background: #fff; padding: 0px 30px;}
.ititle .ititle-en{ color:#999; line-height:38px; display:none;}
.ititle h3{ display:inline-block; line-height:40px; font-size:36px; font-weight:400; *display:inline; *zoom:1;}



.iabout{ background:#f5f5f5; padding:0;}
.iabout-img{ float:left; padding:0; width:516px; margin:30px 34px 30px 0; background: #e4e4e4; }
.iabout-text{ padding:30px 7px 30px 0; line-height:26px; text-align:center; margin-left:550px;}
.ibaout-num{}
.ibaout-num-item{ display:inline-block; margin:0 20px 10px 0; color:#666666; font-size:15px; padding:5px 10px; border:2px solid #261176; min-width:100px; text-align:center;}
.ibaout-num-item strong{ font-size:24px; color:#261176;}
.ibaout-num-item sup{ color:#261176;}
.ibaout-num-item p{ font-size:14px;}
.iabout-txt{ margin:20px 0 10px; font-size:15px; text-align:left; line-height:32px; color:#666;}
.imore, .imore:link, .imore:visited{ display:inline-block; padding:3px 20px; background-color:#261176; color:#fff; background-image:url(../img/icon-more-white.png); background-position:85% 50%; background-repeat:no-repeat; padding-right:40px;}
.imore:hover{ background-color:#261176; color:#fff;}



.inews{}
.inews-pic{background: #f5f5f5; margin: 0; width: 500px; position: relative; overflow: hidden; float:right;}
.inews-pic .inews-pic-wrap { z-index: 1; white-space: nowrap; width: 500px; height: 422px; }
.inews-pic .inews-pic-wrap li {position:relative;  display: inline-block; width: 500px; height: 422px; overflow: hidden; }
.inews-pic .inews-pic-wrap li img{ width: 500px; height: 275px;}
.inews-pic .inews-item-bg { position: absolute; right: 0; bottom: 0; width: 100%; height: 150px; z-index: 10; }
.inews-pic .inews-item-txt { position: absolute; right: 0; bottom: 0; width: 100%; height: 150px; padding: 0; overflow: hidden; z-index: 20; white-space: normal; word-wrap: break-word; }
.inews-pic .inews-item-txt h2 { color: #333; font-size: 18px; padding: 15px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.inews-pic .inews-item-txt h2 a, .inews-pic .inews-item-txt h2 a { color: #333;}
.inews-pic .inews-item-txt .t_info { color:#999; line-height: 20px; height: 40px; overflow: hidden; padding:5px 15px;}
.inews-pic .inews-item-txt .t_info a { color:#999;}
.inews-pic .e_sep { color: #81d6d3; position: absolute; bottom: 20px; right: 20px; width: 235px; z-index: 20; }	
.inews-pic .e_sep a { color: #81d6d3; }	
.inews-pic .prev, .inews-pic .next { position: absolute; z-index: 30; display: block; }
.inews-pic .prev { bottom: 15px; right: 40px; }
.inews-pic .next { bottom: 15px; right: 10px; }	
.inews-pic .prev a, .inews-pic .next a { display: block; width: 25px; height: 25px; overflow: hidden; background: url(../img/ico_prevnext.png) no-repeat scroll 0 0; }	
.inews-pic .prev a { background-position: 0 -5px; }	
.inews-pic .prev a:hover { background-position: 0 -45px; }	
.inews-pic .next a { background-position: 0 -85px; }	
.inews-pic .next a:hover { background-position: 0 -125px; }
.inews-list{ background: #f5f5f5; height:422px; padding:20px; width:680px; float:left; margin:0;}
.inews-list li{ margin-bottom:25px; display:flex;}
.inews-list .itime{ background:#6ebcff; color:#fff; width:70px; height:70px; padding-top:15px; float:left; text-align:center; font-size:12px;}
.inews-list .itime strong{ font-size:20px;}
.inews-list .inews-txt{ margin-left:30px; width:570px; float:left; border-bottom:1px dashed #e0e0e0; padding-bottom:8px; font-size:14px;}
.inews-list .inews-txt h2{ display:block; line-height:32px; font-size:16px; color:#333; font-weight:400;}
.inews-desc{ color:#999; font-size:13px; line-height:18px; height:36px; margin:5px 0; overflow:hidden;}
.orange,a.orange:link,a.orange:visited{ color:#261176; background:url(../img/icon-more-red.png) no-repeat 90% 50%; padding-right:30px; float:right;}
.inewsT{ border-bottom:3px solid #0762b3; margin:5px; height:30px; line-height:30px; padding:0px 5px;}
.inewsT h2 a:link,.inewsT h2 a:visited{ color:#0762b3 ; font-size:14px; font-weight:700;}
.inewsC{ padding:5px 10px;}/**/

.icase{}
.picScroll{ position:relative; padding:10px 0 0 0;}
.picScroll .prev,
.picScroll .next{ display:block; position:absolute; top:50%; margin-top: -21px; left:-45px; width:42px; height:42px; background:url(../img/btn_prevnext.png) no-repeat;}
.picScroll .next{ left:auto; right:-45px; background-position:0px -88px; }
.picScroll .prev:hover{ background-position:0 -44px; }
.picScroll .next:hover{ background-position:0 -132px; }
.picScroll .piclist{width:100%; overflow:hidden; zoom:1; float:left; list-style:none;/*  min-height:350px; */}
.picScroll ul{ overflow:hidden; zoom:1; float:left; list-style:none;}
.picScroll li{ width:400px; float:left; overflow:hidden; margin:0px 25px 0 0; background:#f5f5f5;/*  height:387px; */ position: relative;}
.picScroll li img{ width:100%; height:220px; display:block; background:url(../img/load.gif) center center no-repeat; -webkit-transition: all 2s linear; -moz-transition: all 2s linear; -o-transition: all 2s linear; transition: all 2s linear;}
.picScroll a:hover img{-webkit-transition:-webkit-transform 2s cubic-bezier(.165,.84,.44,1),opacity .5s;transition:transform 2s cubic-bezier(.165,.84,.44,1),opacity .5s;-webkit-transform:scale(1.3);transform:scale(1.3);}
.picScroll .bd{ padding:0; overflow:hidden;}
.picScroll .bd ul{ overflow:hidden; zoom:1; width:100%; float:left; _display:inline;  }
.picScroll .bd ul li{ background:#FFF;}


.pic_top{ width:400px; height: 220px; border-top:2px solid #261176; overflow:hidden;}
.pic_bottom{ padding:0px 10px; overflow: hidden; text-align: center;}
.pic_bottom strong{ font-weight:400; line-height:45px; border-bottom:1px dashed #e0e0e0; display:block; margin:0 10px; font-size:16px; height:45px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.pic_bottom .pic_des{ margin:15px 10px; font-size:12px; color:#999; text-align:left; line-height:22px; height:44px;}
.pic_bottom .orange{ float:none; display:inline-block;}


.iflink{ background:#404548; padding:30px 0; margin-top:30px;}
.iflink-item{ float: left; color:#b6b5b5;}
.iflink-item dl{ float:left; margin:0px 10px; min-width:80px; color:#b6b5b5;}
.iflink-item dl dt{ height:36px; line-height:36px; padding:0px 5px; font-size:16px; color:#b6b5b5;}
.iflink-item dl dt a:link,.iflink-item dl dt a:visited{ color:#b6b5b5;}
.iflink-item dl dd{ padding:5px;}
.iflink-item dl dd a:link,.iflink-item dl dd a:visited{ color:#b6b5b5; line-height:22px; height:22px; font-size:12px;}
.iflink-item dl dd a:hover{ color:#261176;}
.iflink-item dl:nth-child(2){ width:200px;}
.iflink-item dl:nth-child(2) dd li{ width:45%; margin-right:4%; float:left;}

.iflink-wx{ width:300px; padding-left:10px; float: right; color: #b6b5b5; text-align: left;}
.iflink-wx img{ width: 96px; height: 96px; display: block; margin: 15px auto 5px;}
.iflink-wx .ibot-tel{ background:url(../img/icon-bottel.png) no-repeat 0 0; padding-left:40px; line-height:16px; font-size:12px; color:#fff;}
.iflink-wx .ibot-tel h2{ font-size:16px; font-weight:600;}
.iflink-wx .ibot-lx{ margin-top:10px; display:table; font-size:12px; width:100%;}
.iflink-wx .ibot-lx dt{/* float:left;*/ width:40px; text-align:center; display:table-cell; vertical-align:middle;}
.iflink-wx .ibot-lx dt i{ display:block; width:20px; height:20px; margin:0 auto;}
.iflink-wx .ibot-lx dd{ display:table-cell; vertical-align:middle; line-height:18px;}
.ico-lxr{ background:url(../img/icon-botuser.png) no-repeat;}
.ico-add{ background:url(../img/icon-botadd.png) no-repeat;}
.iflink-item .itxtlink{ display:block; clear:both; width:100%; float:none;/* margin-top:10px;*/}
.iflink-item .itxtlink dt{ width:95px; float:left;}
.iflink-item .itxtlink dd{ margin-left:100px; min-height:26px;}
.iflink-item .itxtlink dd a{ margin-right:10px;}
.site-footer{ background:#191919; padding:10px 0; min-height:22px; line-height:22px; color:#404548;}
.site-footer a:link,.site-footer a:visited{ color:#404548;}
.site-footer a:hover{ color:#261176;}
.footer-icp{ float:right;}
.footer-text{ float:left;}

.site-nav{ height:50px; text-align:center; background:#eff0f1; border-bottom:1px solid #cacaca; position:relative; z-index:20;}
.site-nav .siteW{ position:relative;}
.site-nav .site-navtitle{ width:230px; text-align:center; height:80px; color:#fff; background:url(../img/site-navtitle.png) 0 0 no-repeat; position:absolute; top:-60px; left:0; padding-top:30px;}
.site-nav .site-navtitle .site-caton{ background:url(../img/nav-kt.png); width:48px; height:64px; display:inline-block; vertical-align:middle; margin-right:10px;}
.site-nav .site-navtitle h2{ display:inline-block; vertical-align:middle; padding-top:15px; font-size:24px; line-height:26px; color:#333;}
.site-nav .site-navtitle span{ font-size:15px; color:#666; display:block; font-weight:400;}
.site-nav .site-navlist{ padding:10px; text-align:center; padding-left:240px;}
.site-nav .site-navlist a:link,.site-nav .site-navlist a:visited{ display:inline-block; font-size:14px; line-height:30px; padding:0px 20px; border-radius:30px; color:#333;}
.site-nav .site-navlist a:hover{ background-color:rgba(255,255,255,.4);}
.site-nav .site-navlist a.on:link,.site-nav .site-navlist a.on:visited{  background:#261176; color:#fff;}
.site-nav .site-navlist a.on:hover{}
.site-nav .site-navlist .position a:link,.site-nav .site-navlist .position a:visited{ padding:0;}
.site-nav .site-navlist .position a:hover{ background-color:transparent; color:#261176;}
.site-page{ width:1250px; margin:0px auto; margin-bottom: 20px; position:relative;}
.site-stitle{ padding-top:10px; text-align:center; background: url(../img/ititbg.png) no-repeat 50% 100%; margin-top: 30px; padding-bottom:40px; margin-bottom:30px;}
.site-stitle h1{ display:inline-block; line-height:40px; font-size:36px; font-weight:400; *display:inline; *zoom:1;}
.site-body{ padding-top:20px;}
.site-content{ line-height:2.2; font-size:15px; padding:15px 0;}

.new-float{ position: fixed; right: 0; top: 50%; z-index: 50; width: 77px; height: 374px; margin-top: -187px;}
.new-float li{ position: relative; width: 77px;	height: 57px;margin-bottom: 1px;line-height: 27px;color: #fff; text-align: center;}
.new-float li.hover{overflow: hidden;}
.new-float li a{display: inline-block;color: #fff;}
.new-float li a.tit{width: 77px;height: 27px;padding: 30px 10px 0 0;color: #fff;}
.new-float li p{ position: relative;z-index: 2;height: 27px; padding-top: 30px;cursor: pointer;}
.new-float li.zx .tit{ background: url(../img/bg_float01.png) no-repeat;}
.new-float li.rx .tit{ background: url(../img/bg_float02.png) no-repeat;}
.new-float li.ts .tit{ background: url(../img/bg_float03.png) no-repeat;}
.new-float li.sm .tit{ background: url(../img/bg_float04.png) no-repeat;}
.new-float li .ewmbg{ position: absolute; bottom:0; left:-320px; display: block; background: url(../img/bg_float_.png) no-repeat; width: 274px; height: 136px; padding:18px 28px 18px 18px; text-align: center;}
.new-float li .ewmbg img{width: 139px; height:135px;}
.new-float li .ewmbg .ewm-weixin{float: left; width: 139px;}
.new-float li .ewmbg .ewm-weixintxt{float: left; width: 117px; padding-left: 18px; font-size: 14px; color:#fff; line-height: 24px; text-align: left;}
.new-float li .ewmbg .ewm-weixintxt h2{font-size: 28px; line-height: 50px; font-weight: 400; margin-bottom: 10px;}
.new-float li .ewmbg span{ display: block;}

.new-float li .tel{	position: absolute;	left: 77px;	top: 0;	z-index: 1;	width: 184px; height: 57px;	font: 24px/57px Arial; color: #fff; background: url(../img/bg_float00.png) no-repeat; cursor: pointer;}
.new-float a.toTop{ display: inline-block; text-align: center; width: 77px; height: 27px; padding-top: 30px; margin-top: 10px; *margin-top: 7px; background: url(../img/bg_float05.png) no-repeat; font-size: 18px; line-height: 22px; color: #fff;}



/*招聘*/
.joblist { position: relative;z-index: 5;}
.joblist dt {position: relative;height: 34px;padding: 10px 0px 10px 20px;overflow: hidden;line-height: 34px;background: url(../img/job_img06.png) no-repeat 860px center #f1f1f1;border-bottom: #fff 1px solid;}
.joblist-overbg {position: absolute;z-index: 0;top: 0;left: 0;width: 0px;height: 54px;background: url(../img/job_img05.png) no-repeat 860px center #07a33e;}
.joblist-tit {position: relative;z-index: 2;cursor: pointer;}
.joblist dt a.apply {padding-right: 56px;}
.joblist dt span a {display: inline-block;color: #444;}
.joblist-tit b {display: inline-block;padding-right: 15px;font-size: 18px;font-weight: normal;line-height: 34px;background: url(../img/job_img04.jpg) no-repeat right 12px;}
.joblist-tit em {display: inline-block;padding: 0 11px;line-height: 34px;background: url(../img/job_img04.jpg) no-repeat right 10px;}
.joblist-tit i {display: inline-block;padding: 0 11px;line-height: 34px;font-style: normal;}
.joblist dt span a:hover {color: #9e1420;}
.joblist dt.over a {position: relative;z-index: 5;}
.joblist dt.over, .joblist dt.over a, .joblist dt.over a:hover  {color: #fff;}
.joblist dd {display: none;padding: 20px;color: #888;border-bottom: #fff 1px solid;background: #f8f8f8;}
.joblist-dd {padding: 0 0 20px 20px;border-bottom: #dfdfdf 1px solid;}
.joblist-dd span {padding-right: 15px;}
.joblist-dd tr td {padding: 5px 35px 5px 0;}
.joblist-ddcon {padding-top: 20px;padding-left: 20px;}
.joblist-dd span, .joblist-ddcon h3  {color: #595959;}

.messageform{}
.messageform td{ line-height:36px; height: 36px;}
.message_msg,.messageform textarea,.messageform input[type="text"],.messageform select{ border:1px solid #dcdcdc}
.form_submit,.subbtn, .restbtn{ width:75px; height:28px;line-height:28px; padding-bottom:2px; border:#07a33e solid 1px; border-radius:3px; color:#fff;background:#07a33e; cursor:pointer;}


/*新闻首页*/
.sec-pnews{ background: #eff0f1; padding:10px;}
.sec-pnews .sec-pnews-wrap{ z-index: 1; width: 100%; height: 271px; }
.sec-pnews .sec-pnews-wrap li {position:relative;  display: inline-block; width: 100%; height: 271px; overflow: hidden; }
.sec-pnews .sec-pnews-wrap li{}
.sec-pnews .sec-pnews-wrap li img{ width:445px; height: 271px; float: left;}
.secnews-item-txt{ padding:10px 10px 10px 20px; height:251px; margin-left:445px; position: relative;}
.secnews-item-txt h2{ font-size: 18px; line-height: 60px; color:#000;}
.secnews-item-txt .t_info{ color: #9c9c9c;}
.t_more{ position: absolute; bottom:20px; right:30px;}
.t_more a:link,.t_more a:visited{ background:url(../img/icon-more-line.png) #939393 no-repeat 30px 50%; display: inline-block; padding:5px 30px; padding-left:50px; color:#fff; font-size: 16px;}
.t_more a:hover{ background-color:#261176;}

.newsList{ margin:10px 0 0px 0px;}
.newsList li{ padding:20px 0; border-bottom:1px dotted #989898;}
.newsList .itime{ background:#e6e6e6; color:#808080; width:100px; height:100px; padding-top:10px; float:left; text-align:center; font-size:15px;}
.newsList .itime strong{ font-size:24px;}
.newsList .inews-txt{ margin-left:130px; padding-bottom:8px; font-size:14px;}
.newsList .inews-txt h2{ display:block; line-height:32px; font-size:16px; color:#000; font-weight:600;}
.newsList li:hover .itime{ background:#261176; color:#fff;}
.newsList li:hover .inews-txt h2{ color:#261176}
.newsList li .lpic{ width: 206px; height: 116px; float: right; display: inline-flex; align-items: center; justify-content: flex-end;}
.newsList li .lpic img{ max-width: 100%; max-height: 100%;}
.newsList li .lpic ~ .inews-txt{ margin-right: 220px;}

.arttitle{ text-align:center; font-size:24px; color:#1f1f1f; font-weight:100; padding-bottom:40px;}
.arttime{ border-bottom: 1px solid #e0e2e4; margin-bottom: 40px; padding-bottom: 5px;}
.artcon{ font-size: 16px; line-height: 1.5; color: #000; min-height: 260px;}
.artcon img{ max-width: 100%;}
.artcon p{ margin: 8px 0;}
.artturn{ margin-top: 40px; padding-top:15px; border-top:1px solid #bcbcbc; position:relative; color:#848484;}
.artback,.artback:link,.artback:visited{ display:block; width:133px; height:45px; line-height:45px; color:#fff; font-size:16px; background:url(../img/back.png) no-repeat; padding-left:28px; position:absolute; right:0px; top:20px;}
.artimg{ text-align: center; margin-bottom: 15px;}

/*搜索结果*/
.img-txt li{ margin-bottom:10px; padding-bottom:10px; border-bottom:#CCC dashed 1px; overflow:hidden;}
.img-txt .l_img{ margin-right:12px; width: 160px; height: 100px; text-align: center; display: block; border: 1px solid #efefef;}
.img-txt img{ max-width:160px; max-height:100px; display: block; margin:0 auto;}
.img-txt .imgtit .seadesc{ padding: 5px 0; color:#999; line-height: 20px;}
.img-txt .imgtit .seatime{ color: #555; background: url(../img/ikoubei-icont.png) no-repeat 0 50%; padding-left: 20px;}
.img-txt .imgtit .seatime span{ margin-right: 10px;}
.img-txt .haveimg{ margin-left: 180px;}


/*侧边滚动条*/
.index-cbbox{
	position: fixed;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	background-image: url("../img/right-lt.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 99;
	height: 400px;
	width: 75px;
}
#num{ background-repeat:no-repeat;}
.index-cbbox .num-1{ margin-top: 30px; height:30px; background-position:50% 50%; background-image:url(../img/r01.png);}
.index-cbbox .num-2{ margin-top: 30px; height:30px; background-position:50% 50%; background-image:url(../img/r02.png);}
.index-cbbox .num-3{ margin-top: 30px; height:30px; background-position:50% 50%; background-image:url(../img/r03.png);}
.index-cbbox .num-4{ margin-top: 30px; height:30px; background-position:50% 50%; background-image:url(../img/r04.png);}
.index-cbbox .num-5{ margin-top: 30px; height:30px; background-position:50% 50%; background-image:url(../img/r05.png);}
.index-cbbox .num-6{ margin-top: 30px; height:30px; background-position:50% 50%; background-image:url(../img/r06.png);}
.index-cbbox .top{ margin-top: 17px; margin-left: 15px; margin-bottom:8px; font-size:0; line-height:0;}
.index-cbbox .top a{ display: inline-block; border-radius: 100px; width: 44px; height: 44px;}
.index-cbbox .bottom{ margin-top: 8px; margin-left: 15px;}
.index-cbbox .bottom a{ display: inline-block; border-radius: 100px; position: relative; width: 44px; height: 44px;}
.index-cbbox .btn-box{ text-align:center; line-height:0; font-size:0;}
.index-cbbox .btn-box li{ padding:0 10px;position: relative;}
.index-cbbox .btn-box a{ display: inline-block; border-radius: 40px; height: 40px; width: 40px;}
.index-cbbox .btn-box a span{ display:none; height:24px; line-height:24px; color:#fff; background:#261176; text-align:center; font-size:12px; width:55px; position:absolute; left:10px; top:8px; border-radius:12px;}
.index-cbbox .btn-box a.am-active:link,.index-cbbox .btn-box a.am-active:visited{ background:#bbbbbd;}
.index-cbbox .btn-box a.am-active span{ display:block;}
.index-cbbox .btn-box .l1{}
.index-cbbox .btn-box .l2{}
.index-cbbox .btn-box .l3{}
.index-cbbox .btn-box .l4{}
.index-cbbox .btn-box .l5{}
.index-cbbox .btn-box .l6{}
/*侧边滚动条 end*/

.prolist{ padding-top:15px; }
.prolist li{ width:234px; height:274px; margin:0 20px 20px 0px; float:left; position:relative; overflow:hidden;}
.prolist li:nth-child(4n+4){ margin-right:0;}
.proli-img{ height:232px; width:232px; border:1px solid #eee; overflow:hidden;}
.proli-img img{opacity: 1;-webkit-transition: opacity 0.35s, -webkit-transform  0.35s;transition: opacity 0.35s, transform 0.35s; width:232px; height:232px;}
.proli-des{ position:absolute; width:212px; height:150px; top:100%; left:0; padding:20px; background-color:rgba(38,17,118,.65); color:#fff; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear;}
.proli-txt{ text-align:center; font-size:16px; height:40px; line-height:40px;-webkit-transition: opacity 0.35s, -webkit-transform  0.35s;transition: opacity 0.35s, transform 0.35s;}
.prolist li a{ -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.prolist li a:hover .proli-img img{ opacity:1; -webkit-transform: scale3d(1.2,1.2,1);transform:  scale3d(1.2,1.2,1); top:0px; left:0px;}
.prolist li a:hover .proli-des{ -webkit-transform: translate(0,-230px); -moz-transform:translate(0,-230px); transform: translate(0,-230px);animation-duration:2s;
-webkit-animation-duration:2s;}
.prolist li a:hover .proli-txt{ color:#261176; position:relative;}

/*发展历程*/
.history-box{ margin-left:200px; margin-right:120px; border-left:4px solid #bdbaac; min-height:300px; position:relative;}
.history-box h1{ position:absolute; left:-114px; top:-20px; border-radius:80px; background:#261176; color:#fff; font-size:20px; font-weight:600; text-align:center; padding:15px 0px; width:80px; height:80px; line-height:16px;}
.history-box .history-con{ margin:20px 0 20px 70px; min-height:100px; position:relative;}

/**/
.pblist{ position:relative;}
.pblist .list-item{ float:left; width:296px; overflow:hidden; text-align:center;}
.pblist .list-item img{ width:100%;}
.pblist .list-item a.img{ font-size:0px; display:block; width:296px; height:197px; overflow:hidden;}
.pblist .list-item a.img img{ margin:auto; width:296px; height:197px; -webkit-transition: opacity 0.35s, -webkit-transform  0.35s;transition: opacity 0.35s, transform 0.35s;}
.pblist .list-item a.img:hover img{ -webkit-transform: scale3d(1.2,1.2,1);transform:  scale3d(1.2,1.2,1);}
.pblist .list-item h3{ padding:5px 0px 10px; font-weight:normal; line-height:1.5; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; height:37px;}

/*相册详情页*/
.pic_box{ width:1000px; text-align:center; margin:0px auto; position:relative;}
.image_detail img{ max-width:600px; max-height:500px; display:block; margin:0 auto;}
.pic_box .prev_link{ cursor:pointer;}
.pic_box .next_link{ cursor:pointer;}
.pic_box #PREV_LINK{ width:30px; height:100%; display:block; position:absolute; left:0; top:0px; z-index:10;  background:url(about:blank)\9; }
.pic_box #NEXT_LINK{ width:30px; height:100%; display:block; position:absolute; right:0; top:0px; z-index:10; background:url(about:blank)\9; }
.pic_box .prev_link span{ position:absolute; left:1px; top:45%; display:none; width:28px; height:42px; background:url(../img/photo-scan-layer.png) no-repeat left -2px;}
.pic_box .next_link span{ position:absolute; right:1px; top:45%; display:none; width:28px; height:42px; background:url(../img/photo-scan-layer.png) no-repeat 0px -47px;}
.pic_box .prev_link:hover span{ background-position:-28px -2px;}
.pic_box .next_link:hover span{ background-position:-29px -47px;}

.pic_tool{ padding:10px 0px; color:#fff;}
.pic_tool a:link,.pic_tool a:visited{ color:#fff; text-decoration:none;}
.pic_tool a:hover{ color:#f90;}

.pic_group{}
			 .pic_group .smallImgTab{ position:relative;}
			 .pic_group .smallImgTab .smallImgScroll{ margin:0px 30px;}
			 .pic_group .smallImgTab .roll_bar{ position:absolute; top:0px;}
			 .pic_group .smallImgTab .roll_left{ left:0px;}
			 .pic_group .smallImgTab .roll_right{ right:0px;}

/* DB_gallery */
#DB_gallery{}
#DB_gallery .DB_imgSet {}
#DB_gallery .DB_imgSet .DB_imgWin{}
#DB_gallery .DB_imgSet .DB_page{position:absolute;bottom:-32px; left:40px; color:#999;}
#DB_gallery .DB_imgSet .DB_page .DB_current{color:#261176;}
#DB_gallery .DB_imgSet .DB_page .DB_total{color:#CCC;}
#DB_gallery .DB_imgSet .DB_prevBtn{/*position:absolute;top:50%;margin-top:-45px;cursor:pointer;left:0;*/}
#DB_gallery .DB_imgSet .DB_nextBtn{/*position:absolute;top:50%;margin-top:-45px;cursor:pointer;right:0;*/}

#DB_gallery .DB_thumSet {position:relative;margin:10px auto;width:80%;overflow:hidden}
#DB_gallery .DB_thumSet .DB_thumMove{position:relative;white-space:nowrap;font-size:0}
#DB_gallery .DB_thumSet .DB_thumMove li{display:inline;margin-right:8px}
#DB_gallery .DB_thumSet .DB_thumMove li a img{ width:110px; height:73px;}
#DB_gallery .DB_thumSet .DB_pagebtn{position:absolute;top:0;cursor:pointer; width:17px; height:73px; display:block;}
#DB_gallery .DB_thumSet .DB_pagebtn span{ background:url(../img/photo-scan-layer.png) no-repeat 0px -102px; width:100%; height:73px; display:block;}
#DB_gallery .DB_thumSet .DB_prevPageBtn{left:0;}
#DB_gallery .DB_thumSet .DB_nextPageBtn{right:0;_right:-1px;}
#DB_gallery .DB_thumSet .DB_prevPageBtn span{ background-position:0px -102px;}
#DB_gallery .DB_thumSet .DB_nextPageBtn span{ background-position:-17px -102px;}
#DB_gallery .DB_thumSet .DB_thumLine{position:absolute;width:110px;height:73px;border:2px solid #261176;left:0;top:0}			 

/*左侧图片右侧名称*/
.lpicList{ margin:10px 0 0px 0px;}
.lpicList li{ padding:20px 0; border-bottom:1px dotted #989898;}
.lpicList .lpic{ background:#e6e6e6; width:210px; height:130px; padding:0px; float:left; text-align:center; font-size:15px;}
.lpicList .lpic img{ width:210px; height:130px;}
.lpicList .lpic-txt{ margin-left:240px; padding-bottom:8px; font-size:14px;}
.lpicList .lpic-txt h2{ display:block; line-height:32px; font-size:16px; color:#000; font-weight:600;}
.lpicList li:hover .lpic{ background:#261176; color:#fff;}
.lpicList li:hover .lpic-txt h2{ color:#261176}

/*左侧图片右侧名称 *2*/
.l2picList{ margin:10px 0 0px 0px;}
.l2picList li{ padding:20px 1%;/* border-bottom:1px dotted #989898;*/ width:23%; float:left;}
.l2picList .lpic{ background:#fff; width:160px; height:130px; padding:0px; text-align:center; font-size:15px; margin:0 auto;
    /* box-shadow:0 0 5px rgba(0,0,0,0.3); */
}
.l2picList .lpic img{ max-width:160px; max-height:130px;}
.l2picList .lpic-txt{/* margin-left:180px;*/ padding-top:8px; font-size:14px; display:block; text-align:center;}
.l2picList .lpic-txt h2{ display:block; line-height:32px; font-size:16px; color:#000; font-weight:600;}
.l2picList li:hover .lpic{ background:#fff; color:#1f3d9e;}
.l2picList li:hover .lpic-txt h2{ color:#261176}

.downBtn:link,.downBtn:visited{ display:inline-block; padding:2px 8px; background:#261176; color:#fff; font-size:15px; border-radius:5px;}

/*左侧图片或日期右侧名称*/
.ltpList{ margin:10px 0 0px 0px;}
.ltpList li{ padding:20px 0; border-bottom:1px dotted #989898;}
.ltpList .lpic{ background:#e6e6e6; width:200px; height:120px; padding:3px; float:left; text-align:center; font-size:15px;}
.ltpList .lpic img{ width:200px; height:120px;}
.ltpList .lpic-txt{ margin-left:240px; padding-bottom:8px; font-size:14px;}
.ltpList .lpic-txt h2{ display:block; line-height:32px; font-size:16px; color:#000; font-weight:600;}
.ltpList li:hover .lpic{ background:#261176; color:#fff;}
.ltpList li:hover .lpic-txt h2{ color:#261176}
.ltpList .ltptime{ background:#261176; padding:20px 0; text-align:center; font-size:15px; color:#fff;}
.ltpList .ltptime strong{ display:block; color:#fff; font-size:36px;}

.site-content .ke-zeroborder{ width:100%;}
.site-content .ke-zeroborder td{ border:1px solid #CCC; padding:2px;}

/*产品详情图片放大*/
    .proshow{overflow: hidden;box-sizing: border-box;background: #fff; margin-top:10px;}
    .bg_left{width: 430px;height:auto;float: left}
    .bg_right{ margin-left:430px; position:relative;}
    .picshow{width: 430px;height: 430px;margin-bottom: 10px;position: relative;border:1px solid #E8E8E8;cursor:move}
    .picshow img{width: 100%;height: 100%;}
    .mask{width: 215px;height: 215px;background: #000;filter: Alpha(opacity=50);opacity:0.5;position: absolute;top: 0;left: 0;display: none;}
    .bigshow{width: 430px;height: 430px;overflow: hidden; display: none;border:1px solid #E8E8E8; position:absolute; top:0; left:0;}
    .bigshow img{width: 860px;height: 860px;margin-right: 10px;}
    .smallshow{width: 100%;height: 70px;position: relative}
    .smallshow img{width:100%;border:1px solid #e8e8e8;box-sizing: border-box;transition: all 0.5s}
    .smallshow>.middle_box{margin-left: 30px;margin-right: 30px;width:370px;overflow: hidden;height: 70px;}
    .smallshow .middle{overflow: hidden;transition: all 0.5s;height: 70px;}
    .smallshow .middle>li{width: 64px;height: 64px;float: left;cursor:pointer;padding:0 5px;}
    .smallshow>p{position: absolute;top:50%;width: 22px;height: 32px;margin-top: -16px;}
    .smallshow>.prev{left: 0;background: url(../img/hover-prev.png) no-repeat;transition: all 0.5s}
    .smallshow>.next{right: 0;background: url(../img/hover-next.png) no-repeat;transition: all 0.5s}
    .smallshow>.prev.prevnone{left: 0;background: url(../img/prev.png) no-repeat;cursor: not-allowed}
    .smallshow>.next.nextnone{right: 0;background: url(../img/next.png) no-repeat;cursor: not-allowed}
	
.proshow-con{ margin-left:30px;}
.proshow-ptitle{ padding:15px 10px; margin-top:20px; text-align:center; border-bottom:1px dashed #e0e0e0; }
.proshow-ptitle h1{ font-size:18px; font-weight:600;}
.proshow-base{ line-height:1.6; background-color:#efefef; padding:15px;}
.proshow-base p{ margin:10px 0;}
.proshow-base p:first-child{ margin-top:0;}
.proshow-other{ padding:15px;}
.proshow-service{ padding:15px; margin:10px -10px 10px 0px;font-size:10px; line-height:16px;}
.proshow-service h2{font-size: 18px;line-height: 32px;color:#27449b; margin-bottom:10px;}
.proshow-service ul{}
.proshow-service li{ width: 25%; height:40px; float:left;}
.proshow-service li span{ display:inline-block; float:left; width:36px; height:36px;}
.proshow-service li span.fi{background: url(../img/icon_1.jpg) no-repeat;}
.proshow-service li span.se{background: url(../img/icon_2.jpg) no-repeat;}
.proshow-service li span.th{background: url(../img/icon_3.jpg) no-repeat;}
.proshow-service li .int{float: left;height: 36px; padding-left:5px; font-size:12px;}
.proshow-service li .int p{ margin:0px;}
.proshow-service li p.fz15{	font-size: 15px;line-height: 20px;color: #1e1e1e;}
.proshow-service li .message{ background-color: #f8655f; border-radius: 8px; padding: 2px 10px; display: flex; align-items: center; cursor: pointer;}
.proshow-service li span.msg{background: url(../img/icon_4.png) no-repeat;}
.proshow-service li .message p.fz15{ font-size: 18px; line-height: 36px; color: #fff;}

.site-page table{ border-collapse:collapse;}
.site-page th,.site-page td{ border-style:solid;}

.site-lpro{ position:absolute; left:0; top:100%;}
.pro-leftnav{ background:url(../img/site-navprobg.png) repeat-y; min-height:100px; width:230px; padding:10px 5px 0;}
.pro-leftnav:before{content:'';display:block; position:absolute;width:220px; height:6px; background:#eff0f1; top:-3px;}
.pro-leftnav .pro-lnitem{ border-bottom:1px solid #fff; text-align:left; margin:0px 5px;}
.pro-leftnav .pro-lnitem dt a:link,.pro-leftnav .pro-lnitem dt a:visited{ background:url(../img/pro_leftnavbg1.png) no-repeat 5px 50%; padding:5px 10px 5px 20px; display:block;}
.pro-leftnav .pro-lnitem dd{ background:#fff; line-height:0; font-size:0; zoom:1; display:block;}
.pro-leftnav .pro-lnitem dt a:hover{ background:url(../img/pro_leftnavbg2.png) #261176 no-repeat 5px 50%; color:#fff;}
.pro-leftnav .pro-lnitem.on dt a:link,.pro-leftnav .pro-lnitem.on dt a:visited{ background:url(../img/pro_leftnavbg3.png) #261176 no-repeat 5px 50%; color:#fff;}
.pro-leftnav .pro-lnitem.on dd{ display:block;}
.pro-leftnav .pro-lnitem dd a:link,.pro-leftnav .pro-lnitem dd a:visited{ display:inline-block; min-width:90px; font-size:13px; line-height:26px; background:url(../img/secma.png) no-repeat 5px 50%; padding:3px 0 3px 15px;}
.pro-leftnav .pro-lnitem dd a.on:link,.pro-leftnav .pro-lnitem dd a.on:visited{ color:#f00;}
.pro-leftnavbot{ background:url(../img/site-navprobot.png) repeat-y; height:25px; width:230px;}

.site-nav.navFixed{ position:fixed; width:100%; left:0; top:72px; right:0;}

.taglist{}
.taglist li{ display:inline-block; margin:5px; float:left; background:none; padding:0;}
.taglist li a:link,.taglist li a:visited{ display:block; border:1px solid #DFDFDF; padding:3px 10px;}
.taglist li a:hover{ background-color:#0CF; color:#FFF;}


/*悬浮链接*/
.suspension {position: fixed;z-index: 999999999;right: 0;bottom: 60px;width: 70px;height: 240px;}
.suspension-box {position: relative;float: right;}
.suspension .a {display: block;width: 55px;height: 55px;padding: 10px 0 5px;background-color: #1f3d9e;margin-bottom: 4px;cursor: pointer;outline: none;text-decoration: none;text-align: center;border-radius: 2px;}
.suspension .a.active, .suspension .a:hover {background: #ecb326;}
.suspension .a .i {display: inline-block;width: 44px;height: 44px;background-image: url(../img/side_icon.png);background-repeat: no-repeat;}
.suspension .a-service .i {display: inline-block;width: 20px;height: 20px;background-image: url(../img/suspension-bg.png);background-repeat: no-repeat;background-position: 0 0;}
.suspension .a span {display: block;width: 100%;text-align: center;color: #fff;font-size: 12px;padding-top: 0; line-height: 1;}
.suspension .a-service-phone .i {display: inline-block;width: 20px;height: 20px;background-image: url(../img/suspension-bg.png);background-repeat: no-repeat;background-position: -27px 0;}
.suspension .a-qrcode .i {display: inline-block;width: 20px;height: 20px;background-position: -56px -12px;}
.suspension .a-cart .i {background-position: -88px 0;}
.suspension .a-top .i {background-position: -132px 0;}
.suspension .a-top {background: rgba(31,61,158,.9);display: none;}
.suspension .a-top:hover {background: #c0c1c3;}
.suspension .d {display: none;width: 240px;background: #fff;position: absolute;right: 67px;border: 1px solid #E0E1E5;border-radius: 3px;box-shadow: 0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow {position: absolute;width: 8px;height: 12px;right: -8px;top: 31px;}
.qrcode-img img {width: 150px;margin: 0 auto;}
.suspension .d-service {top: 0;}
.suspension .d-service-phone {top: 50px;}
.suspension .d-qrcode {top: 78px;}
.suspension .d .inner-box {padding: 8px 22px;}
.suspension .d-service-item {padding: 4px 0;}
.suspension .d-service .d-service-item {border-bottom: none;}
.suspension .d-service-item .circle {width: 44px;height: 44px;border-radius: 50%;overflow: hidden;background: #F1F1F3;display: block;float: left;}
.suspension .d-service-item .i-qq {width: 44px;height: 44px;background: url(../img/side_con_icon03.png) no-repeat center 15px;display: block;transition: all .2s;border-radius: 50%;overflow: hidden;}
.suspension .d-service-item:hover .i-qq {background-position: center 3px;}
.suspension .d-service-item .i-tel {width: 44px;height: 44px;background: url(../img/side_con_icon02.png) no-repeat center center;display: block;}
.suspension .d-service-item p {float: left;width: 112px;line-height: 30px;font-size: 15px;margin-left: 12px; margin-top: 0; margin-bottom: 0;}
.suspension .d-service .d-service-item p {float: left;width: 112px; line-height: 30px;font-size: 15px;margin-left: 12px; margin-top: 0; margin-bottom: 0;}
.suspension .d-service-item .text {float: left;width: 112px;line-height: 22px;font-size: 15px;margin-left: 12px;}
.suspension .d-service-item .text .number {font-family: Arial, "Microsoft Yahei", "HanHei SC", PingHei, "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;}
.suspension .d-service-intro {padding-top: 10px;}
.suspension .d-service-intro p {float: left;line-height: 27px;font-size: 12px;width: 50%;white-space: nowrap;color: #888;}
.suspension .d-service-intro i {background: url(../img/side_con_icon01.png) no-repeat center center;height: 27px;width: 14px;margin-right: 5px;vertical-align: top;display: inline-block;}
.suspension .d-qrcode {text-align: center;width: 160px;}
.suspension .d-qrcode .inner-box {padding: 10px 0;}
.suspension .d-qrcode p {font-size: 14px;color: #999;padding-top: 5px; margin: 0;}

.msgwrap{
    display: flex;
    width: 100%;
    align-items: flex-start;
}
.msgwrap .msg-left{
    flex: 1;
}
.msgwrap .msg-right{
    width: 600px;
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175);
    padding: 1rem;
}

/* downModel */
.modal-header{ padding: .75rem .5rem;}
.modal-title{ font-size: 1rem;}

.picAdv{}
.picAdv .piclist{ display: flex;}
.picAdv .piclist li{ width: 33.333%;}
.picAdv .pic_top{ width: 100%; height: auto; overflow: hidden; border: 0;}
.picAdv .pic_top img,
.picAdv .pic_bottom .maskimg img{ width: 100%; height: auto; display: block; transition: all .8s ease;}
.picAdv .pic_top img:hover{ transform: scale(1.1);}
.picAdv .piclist li:nth-child(2) a{ display: flex; flex-direction: column-reverse;}
.picAdv .pic_bottom{ position: relative; padding: 0;}
.picAdv .pic_bottom .pic_txt{ position: absolute; top: 0; right: 0; width: 100%; height: 100%; padding: 5% 8%; background-color: #fff; z-index: 2; display: flex; justify-content: center; align-items: center;}
.txt_wrap strong{display: block; font-size: 24px; line-height: 1.4; color: #333; padding: 0 0 .5em; margin: 0;}
.txt_wrap p{ font-size: 14px; line-height: 1.6; color: #555; margin-top: 1em;}
.picAdv .piclist li:nth-child(2) .pic_bottom .pic_txt{ background-color: #0d3071;}
.picAdv .piclist li:nth-child(2) .txt_wrap strong,
.picAdv .piclist li:nth-child(2) .txt_wrap p{ color: #fff;}