@charset "gb2312";
/*reset*/

/* CSS reset for c_b */
body , div , dl , dt , dd , ul , ol , li , h1 , h2 , h3 , h4 , h5 , h6 , pre , form , fieldset , input , textarea , p , blockquote , th , td {margin:0; padding:0;}
table {border-collapse:collapse; border-spacing:0;}
table th , table td {padding:5px;}
fieldset , img {border:0;}
address , caption , cite , code , dfn , em  , th , var {font-style:normal; font-weight:normal;}
ol , ul {list-style:none;}
ception , th{text-align:left;}
q:before , q:after{content:'';}
abbr , acronym{border:0;}
a {color:#666; text-decoration:none;}  /*for ie f6n.net*/
a:focus{outline:none;} /*for ff f6n.net*/
a:hover {text-decoration:none;}

/*定位*/
.tl {text-align:left;}
.tc {text-align:center;}
.tr {text-align:right;}
.bc {margin-left:auto; margin-right:auto;}
.fl {float:left; display:inline;}
.fr {float:right; display:inline;}
.zoom {zoom:1}
.hidden {visibility:hidden;}
.vam {vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;}

-moz-box-sizing:content-box;
-webkit-box-sizing:content-box;
box-sizing:content-box;

/*其他*/
.curp{cursor:pointer};

/*原reset*/
sup{vertical-align:baseline;}
sub{vertical-align:baseline;} 
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}
body{font:12px/1.231 arial,helvetica,clean,sans-serif;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;}
h3 { font-size:20px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:10px;}


#roll_top,#fall,#ct{position:relative;cursor:pointer;height:60px;width:52px}
#roll_top{background:url(top.gif) no-repeat}
#fall{background:url(top.gif) no-repeat 0 -80px}
#ct{background:url(top.gif) no-repeat 0 -40px}
#roll{display:block;width:15px;margin-right:-558px;position:fixed;right:46%;top:80%;_margin-right:-558px;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight*0.8)); z-index:100;}


/*end reset*/

/*右侧浮动*/
.float{ position:fixed; top:50%; right:0; margin-top:-176px; z-index:2000; width:48px; height:250px;}
.float_show{ background:url(float_yy.png) repeat; width:48px; height:48px;}
.float_show a{ background-color:#03316c;display:block; color:#FFF; font-size:16px; width:auto; height:48px; overflow:hidden;text-decoration: none;}
.float_show a img{ vertical-align:middle;}
.float_show.float_show0{ background:url(float_cur.png) no-repeat top; padding-top:6px; height:48px;}
.float_show.float_show0 a{ background:url(float_icon1.png) no-repeat; width:48px; height:48px;}
.float_show:hover a{ background-color:#e20505; line-height:48px; color:#FFF;}
.float_show.float_show0:hover{ background:url(float_curho.png) no-repeat top;}
.float_show.float_show0:hover a{ background:url(float_icon_ho1.png) no-repeat;}
.float_wx{ display:none; position:absolute; top:-128px; left:-188px; background:url(float_wxbd.png) no-repeat; width:144px; height:168px; padding:18px 27px 0 17px;}
.float_show.float_show1{ position:absolute; top:55px; right:-124px; width:172px;}
.float_show.float_show2{ position:absolute; top:104px; right:-172px; width:220px;}
.float_show.float_show3{ position:absolute; top:153px; right:-78px; width:126px;}
.float_show.float_show4{ position:absolute; top:202px; right:-78px; width:126px;}



/* CSS Document */
body{background-color:#fff; overflow-x:hidden; color:#666; font-size:12px; font-family: microsoft yahei ; position:relative;}/*网站字体颜色*/

.header , .content , .footer , .container{margin-left:auto; margin-right:auto; width:1200px;font-family: microsoft yahei;}

/*页眉*/
.header{width:100%; background-color:#fff; border-top:3px solid #03316c; position:relative; z-index:10000}

.header_top { overflow:hidden; height:120px;}
.header_top h1{ float:left; margin-top:36px; margin-right:25px;}
.header_top .wen{ float:left; overflow:hidden; padding:10px 0; padding-left:20px; border-left:1px solid #ccc; margin-top:45px;}
.header_top .wen h2{ font-size:24px; color:#03316c;}
.header_top .wen p{ font-size:18px; color:#3f3f3f;}
.header_top .right{ overflow:hidden; float:right; width:314px;}
.header_top .h_top{ overflow: hidden; margin-top:15px; width:100%; margin-bottom:35px;}
.header_top .h_top li{ float:left; font-size:13px; padding:0 7px; border-right:1px solid #616161;}
.header_top .h_top li a{ color:#616161;}
.header_top .h_top li.first a{ color:#03316c;}
.header_top .h_top li.last{ border:none; padding-right:0}
.header_top .phone{ overflow:hidden; padding-left:36px; background:url(header_phone.png) left center no-repeat;}
.header_top .phone p{ font-size:14px; color:#03316c;}
.header_top .phone h3{ font-size:24px; color:#e20505; float:left; line-height:60px; margin-right:30px;}
.header_top .phone .rk{ width:60px; height:60px; float:left; }
.header_top .phone .rk img{ display:block; width:60px; height:60px;}


.header_nav { width:100%; height:62px; background-color:#03316c;}
.header_nav li{ float:left; line-height:62px; font-size:16px; background:url(nav.png) repeat-y right top; position:relative}
.header_nav .last{ background:none}
.header_nav li a{ color:#fff; display:block; text-decoration:none;}
.header_nav li:hover,.header_nav li.cur{ background:#e20505;}

.toolLinks {
    position: fixed;
    z-index: 999;
    top: -11px;
    left: 50%;
    margin-left: 660px;
    -webkit-transition: all .2s linear 0s;
    -moz-transition: all .2s linear 0s;
    -ms-transition: all .2s linear 0s;
    -o-transition: all .2s linear 0s;
    transition: all .2s linear 0s
}

.toolLinks:hover {
    top: 0
}

/*footer*/
.footer { overflow:hidden; width:100%; background-color:#383940; border-top:10px solid #65656c; padding-top:20px;}
.footer .f_top{ overflow:hidden; margin-bottom:65px;}
.footer .list{ overflow:hidden; float:left; width:240px; height:180px; border-right:1px solid #7b7b7f; margin-right:45px;}
.footer .list h4{ font-weight:normal; font-size:16px; margin-bottom:20px;}
.footer .list a{ color:#fff;}
.footer .list ul{ overflow:hidden; width:100%;}
.footer .list li{ float:left; width:50%; font-size:14px; color:#fff; line-height:26px;}
.footer .list p{ font-size:14px; color:#fff; line-height:26px; width:220px;}
.footer .ewm { overflow:hidden; width:270px; float:right;}
.footer .ewm dl{ overflow:hidden; width:100%; margin-bottom:25px;}
.footer .ewm dt{ float:left; overflow:hidden}
.footer .ewm dd{ float:left; margin-left:18px;}
.footer .ewm dd p{ font-size:18px; color:#fff; margin-top:20px; margin-bottom:15px;}
.footer .ewm dd em{ font-size:14px; color:#838383; display:block;}
.footer .ewm .phone{ overflow:hidden; padding-left:65px; background:url(f_phone.png) no-repeat left center;}
.footer .ewm .phone p{ font-size:27px; color:#fff;}
.footer .ewm .phone em{ display:block; font-size:14px; color:#838383; margin-top:5px;}
.footer .link { overflow:hidden; width:1200px; margin:0 auto; padding:25px 0; border-top:1px solid #444;}
.footer .link h3{ font-weight:normal; font-size:13px; float:left;}
.footer .link h3 a{ color:#d6d6d6;}
.footer .link ul{ overflow:hidden; float:right; width:1124px;}
.footer .link li{ float:left; font-size:14px; margin-right:20px;}
.footer .link li a{ color:#fff;}
.footer .f_btm { overflow:hidden; width:100%; height:50px; background-color:#212025;}
.footer .f_btm h2{ float:left; margin-top:10px;}
.footer .f_btm p{ line-height:50px; float:left; margin-left:30px;}
.footer .f_btm ul{ overflow:hidden; float:right; line-height:50px;}
.footer .f_btm li { float:left; margin:0 3px; font-size:13px; color:a6a6a6;}
.footer .f_btm i{ margin:0 10px;}

.erji_nav{ position:absolute; left:-120px; top:62px; display:none; overflow:hidden; z-index:1;opacity:0.95}
.erji_nav .box{ overflow :hidden; background-color:#fff; width:720px;height: 308px;}
.erji_nav .navbox{  overflow:hidden; float:left; padding:28px 0; background-color:#4083cd; width:130px; height: 100%;}
.erji_nav .navbox a{ display:block; width:110px; height:36px; line-height:36px; padding-left:20px; font-size:14px; color:#fff; text-decoration:none}
.erji_nav .allbox{ overflow:hidden; float:left; padding:20px;}
.erji_nav .n_list{ overflow:hidden}
.erji_nav .n_list .tuwen{ overflow:hidden; float:left; width:240px; margin:0 15px;}
.erji_nav .n_list .tuwen a{ display:block; text-decoration:none}
.erji_nav .n_list .tuwen img{ display:block; margin:0 auto; margin-bottom:10px;}
.erji_nav .n_list .tuwen span{ display:block; font-weight:bold; text-align:center; font-size:14px; color:#333; line-height:normal; margin-bottom:20px;}
.erji_nav .n_list .tuwen p{ font-size:13px; color:#333; text-align:justify; line-height:20px; height:60px; overflow:hidden;}
.erji_nav .sss{ display:block; position:absolute; left:190px; top:-12px;}
.erji_nav .navbox a.on{ background-color:#fff; color:#333}
.erji_nav.fr .navbox{ float:right}
.erji_nav.fr { left:-480px;}

.erjinopic_nav{ position:absolute; left:-150px; top:62px; display:none; width:195px; z-index:1;}
.erjinopic_nav .box{ overflow :hidden; background-color:#fff; width:195px;}
.erjinopic_nav .navbox{  overflow:hidden; float:left; padding:28px 0; background-color:#f3f6fb; width:195px;}
.erjinopic_nav .navbox a{ display:block; width:145px; height:55px; line-height:55px; padding-left:70px; font-size:14px; color:#333; text-decoration:none}
.erjinopic_nav .allbox{ overflow:hidden; float:right; padding:20px;}
.erjinopic_nav .n_list{ overflow:hidden}
.erjinopic_nav .n_list .tuwen{ overflow:hidden; float:left; width:176px; height:180px; margin:0 15px;}
.erjinopic_nav .n_list .tuwen a{ display:block; text-decoration:none}
.erjinopic_nav .n_list .tuwen img{ display:block; margin:0 auto; margin-bottom:10px;}
.erjinopic_nav .n_list .tuwen span{ display:block; text-align:center; font-size:14px; color:#333; line-height:normal}
.erjinopic_nav .sss{ display:block; position:absolute; left:190px; top:-12px;}
.erjinopic_nav .navbox a.on{ background-color:#fff;}

.navbox01{ left:-40px;}
.navbox01 .sss{ left:90px;}


.inbanner .container.wt h2, .inbanner .container.wt p, .inbanner .container.wt li, .inbanner .container.wt a {
    color: #fff;
}

.inbanner .container.wt h2{ margin-top:30px;}

.inbanner h2 {
    float: left;
    margin-top: 120px;
    font-weight: normal;
    font-size: 36px;
    color: #333;
}
/*全站统一大标题样式*/
h3.htitle{ text-align:center; font-size:28px; margin-top:55px; margin-bottom:3px; color:#333;}
h3.htitle a{ color:#333;}
h3.htitle a:hover{color:#dc1313;}
span.htitle{ display:block; text-align:center; font-size:16px; color:#777; font-family:Microsoft Yi Baiti; padding-bottom:20px; background:url(title_bg.png) no-repeat center bottom; margin-bottom:40px;}

/*内页banner栏目——标题+面包屑导航*/
#inbanner{overflow: hidden; width: 100%;height: 220px;position: relative;}
#inbanner h2{ float:left; margin-top:120px; font-weight:normal; font-size:36px; color:#333;}
#inbanner h2 p{ font-size:18px; color:#333; font-family:Microsoft Yi Baiti;}
#inbanner ul{ float:right; margin-top:255px; float: right;    margin-top: 140px;}
#inbanner ul li{ float:left; overflow:hidden; font-size:13px; color:#333;}
#inbanner ul li a{ color:#333;}
#inbanner ul li em{ margin:0 10px;}
#inbanner>a{height:300px;width:100%;display: block;}
#inbanner .container.wt h2,.inbanner .container.wt p,.inbanner .container.wt li,.inbanner .container.wt a{ color:#fff}
#inbanner ul.uwt li,.inbanner ul.uwt li a{ color:#fff;}


.inbanner { overflow:hidden; width:100%; height:300px;position: relative; }
.inbanner .container{ position:absolute; height:300px; top:0; left:50%; margin-left:-600px;}
.inbanner h2{ float:left; margin-top:120px; font-weight:normal; font-size:36px; color:#333;}

.inbanner h2 p{ font-size:18px; color:#333; font-family:Microsoft Yi Baiti;}

.inbanner ul{ float:right; margin-top:255px;}
.inbanner ul li{ float:left; overflow:hidden; font-size:13px; color:#333;}
.inbanner ul li a{ color:#333;}
.inbanner ul li em{ margin:0 10px;}
.inbanner>a{height:300px;width:100%;display: block;}
.inbanner .container.wt h2,.inbanner .container.wt p,.inbanner .container.wt li,.inbanner .container.wt a{ color:#fff}
.inbanner ul.uwt li,.inbanner ul.uwt li a{ color:#fff;}

.inbanner ul {
    float: right;
    margin-top: 255px;
}

a {
    color: #666;
    text-decoration: none;
}

/*内页*/
.inbanner{ overflow:hidden; width:100%; height:300px; background:url(inbanner.jpg) no-repeat center top; position:relative}

.nav_inpage{ overflow:hidden; width:100%; padding:10px 0; background:url(case_bg.png) repeat center;}

.innavbox{ overflow:hidden; width:1200px; height:44px; position:absolute; left:50%; bottom:0; margin-left:-600px; z-index:500;opacity:0.8;}
.innavbox h3{ overflow:hidden; font-size:20px; float:left; color:#000; font-weight:normal; line-height:44px; padding:0 20px; background-color:#f3f3f3;}
.innavbox h3 em{ float:left;}
.innavbox h3 span{ float:left; display:none; width:20px; margin-left:80px; margin-top:14px;}
.innavbox h3 span i{ display:block; width:100%; height:2px; background-color:#333; margin-bottom:5px;}



ul.innav { display:block;; overflow:hidden; width:1080px; float:left; height:44px; background-color:#f3f3f3;}
ul.innav li{ overflow:hidden; float:left;  width:130px; height:44px; text-align:center; line-height:44px; font-size:16px; border-right:none;}
ul.innav li a{ color:#000; display:block; text-decoration:none; height:44px;}
ul.innav li.cur{ display:block}
ul.innav li a:hover,ul.innav li.cur a{ color:#e20505}


ul.mbx_nav { overflow:hidden; width:100%; padding-left:15px; background:url(mbx_nav.png) no-repeat left center;}
ul.mbx_nav li{ float:left; font-size:14px; color:#333; margin-right:3px;}
ul.mbx_nav li a{ color:#333;}
ul.mbx_nav li.last{ color:#03316c;}


.inpage_content { overflow:hidden; width:1200px; margin:35px auto; padding:0 10px;}

.jianjie { overflow:hidden; width:100%; margin-bottom:105px;}
.jianjie .shipin{ overflow:hidden; width:1172px; height:475px; padding:0 14px; padding-bottom:30px; background:url(shipin_bg.png) no-repeat center bottom}
.jianjie .jj_wen { overflow:hidden; width:100%; margin-bottom:35px;}
.jianjie .jj_wen h4{ text-align:center; font-size:36px; color:#03316c; margin-bottom:15px;}
.jianjie .jj_wen i{ display:block; width:49px; height:2px; background-color:#e3e3e3; margin:0 auto; margin-bottom:25px;}
.jianjie .jj_wen p{ font-size:14px; color:#484848; line-height:26px; text-indent:28px;}
.jianjie .jj_gz{ overflow:hidden; width:100%; height:165px;}
.jianjie .jj_gz li{ float:left; width:234px; height:165px; text-align:center; border-right:1px solid #e3e3e3;}
.jianjie .jj_gz li.li03{ width:259px;}
.jianjie .jj_gz li.last{ border:none}
.jianjie .jj_gz li img{ display:block; margin:0 auto}
.jianjie .jj_gz li h5{ font-size:28px; color:#333; margin-bottom:15px; margin-top:20px;}
.jianjie .jj_gz li p{ font-size:14px; color:#333;}

.jidi { overflow:hidden; width:100%; height:735px; position:relative; margin-bottom:90px;}
.jidi img{ display:block; position:absolute}
.jidi .jd-t{ left:0; top:10px}
.jidi .jidi01{ left: 0; top:188px;}
.jidi .jidi02{ left:0; bottom:0}
.jidi .jidi03{ right:0; top:0}
.jidi .jidi04{ left:388px; bottom:0}
.jidi .jidi05{ right:0; bottom:0}




.contactus { overflow:hidden; width:100%;}
.contactus h3{ text-align:center; font-size:36px; color:#03316c; margin-bottom:15px;}
.contactus i{ display:block; margin:0 auto; margin-bottom:55px; width:49px; height:2px; background-color:#e3e3e3;}
.contactus ul{ overflow:hidden; width:100%; margin-bottom:50px;}
.contactus li{ float:left; padding-left:70px; width:230px; height:60px; background:url(lianxi_icon01.png) left center no-repeat;}
.contactus li p{ font-size:18px; color:#333; margin-top:8px;}
.contactus li b{ display:block; font-size:28px; color:#333; font-family:Arial;}
.contactus .wen{ overflow:hidden; float:left; margin-top:30px; width:600px;}
.contactus .wen p{ line-height:40px; padding-left:65px; font-size:18px; color:#282828; line-height:54px; border-bottom:1px solid #e6e6e6; display:inline-block;}
.contactus .wen p{ *display:inline}
.contactus .wen .p01{ background:url(lianxi01.png) left center no-repeat;}
.contactus .wen .p02{ background:url(lianxi02.png) no-repeat left center;}
.contactus .wen .p03{ background:url(lianxi03.png) no-repeat left center;}
.contactus .ewm{ overflow:hidden; float:right; width:230px; text-align:center}
.contactus .ewm img{ display:block; border:3px solid #e0e0e0; margin:0 auto; margin-bottom:30px;}
.contactus .ewm p{ font-size:18px; color:#282828;}
.contactus .map{ overflow:hidden; width:1177px; height:435px; margin:0 auto; margin-top:45px; border:3px solid #003469;}

.ingjc { overflow:hidden; width:100%; padding-top:25px; border-top:2px solid #0e3a72; margin-top:55px;}
.ingjc p{ float:left; font-size:14px; color:#282828;}
.ingjc p em{ margin:0 5px;}
.ingjc span{ float:right; font-size:14px; color:#282828;}

.tuijian_pro{ width:100%; overflow:hidden}
.tuijian_pro h3{ font-weight:normal; overflow:hidden; margin-bottom:40px; padding-left:15px; border-left:4px solid #e20505;}
.tuijian_pro h3 .tit{ font-size:36px; color:#282828; float:left}
.tuijian_pro h3 .more{ float:right; font-size:14px; color:#282828;}
.tuijian_pro .proWin{ overflow:hidden; width:100%; margin:0 auto; height:360px; position:relative}
.tuijian_pro .proWin ul{ overflow:hidden; padding:10px 0; width:105%}
.tuijian_pro .proWin li{ float:left; width:288px; height:335px; overflow:hidden; border:1px solid #e8e8e8; margin:0 5px 0 6px;}
.tuijian_pro .proWin li .tu{ display:block; width:288px; height:276px; overflow:hidden}
.tuijian_pro .proWin li img{ display:block; width:100%; height:100%;}
.tuijian_pro .proWin li .wen{ overflow:hidden; width:100%; height:35px; padding-top:23px; border-top:1px solid #e8e8e8;}
.tuijian_pro .proWin li .til{ display:block; float:left; font-size:14px; color:#333; margin-left:14px;}
.tuijian_pro .proWin li .more{ display:block; width:16px; height:16px; background:url(pro_more.png) no-repeat center; float:right; margin-right:14px;}
.tuijian_pro .proWin li:hover{ box-shadow:0 0 6px #ccc}
.tuijian_pro .proWin li:hover .wen{ padding-top:22px; border-top:2px solid #e60d1e;}

/*in_liucheng*/
.in_liucheng { overflow:hidden; width:1200px; margin:0 auto; height:4980px; background: url(lc_bg.png) no-repeat center 60px; margin-top:80px; margin-bottom:50px;}
.in_liucheng .wen{*border:1px solid #ccc; overflow:hidden; width:520px; height:514px; box-shadow:0 0 5px #ccc; background-color:#fff; margin-bottom:85px; position:relative}
.in_liucheng .left_lc { overflow:hidden; width:600px; float:left; padding:5px;}
.in_liucheng .right_lc { overflow:hidden; width:520px; padding:5px; float:right}
.in_liucheng .title { overflow:hidden; margin-bottom:40px; text-align:right}
.in_liucheng .title em{ font-size:30px; color:#7f7f7f; display:block}
.in_liucheng .title h2{ font-size:80px; color:#e93131; line-height:80px;}
.in_liucheng .title span{ display:block; font-size:25px; color:#000; opacity:0.1;filter:alpha(opacity=10)}
.in_liucheng .wen h3{ font-weight:normal; font-size:22px; color:#000; margin-left:25px; margin-top:24px; margin-bottom:25px;}
.in_liucheng .wen span{ display:block; width:108px; height:46px; text-align:center; line-height:46px; background-color:#1840b1; font-size:20px; color:#fff; position:absolute; right:0; top:0}
.in_liucheng .wen p{ font-size:14px; line-height:26px; color:#333; width:470px; margin:0 auto; text-align:justify}
.in_liucheng .wen img{ display:block; position:absolute; left:10px; bottom:8px;}

/*fenyebtn 内页分页按钮*/
.fenyebtn { overflow:hidden; width:100%; margin-top:26px;text-align:center;}
.fenyebtn a{ display:inline-block; width:40px; height:40px; margin:0 5px; text-align:center; line-height:40px; font-size:14px; color:#555; background-color:#f3f3f3; font-family:Arial; cursor:pointer}
.fenyebtn a{ *display:inline}
.fenyebtn li.btn{ font-size:20px;}
.fenyebtn a:hover,.fenyebtn a.oran_pg_cur{ color:#fff; background-color:#e20505;text-decoration:none;}
#DetailedSpan div table{width: 640px !important;}

span.mbx_nav { overflow:hidden; width:100%; padding-left:15px; background:url(mbx_nav.png) no-repeat left center;}
span.mbx_nav a{  font-size:14px; color:#333; margin-right:3px;}
span em{font-size:14px; color:#333; margin-right:3px;}
span.mbx_nav a.last{ color:#03316c;}


/*title*/
.title { overflow:hidden; width:100%; margin-bottom:40px;}
.title h2{ text-align:center; font-weight:normal; font-size:36px; color:#333}
.title h2 a{ color:#333;}
.title em{ display:block; text-align:center; font-size:12px; color:#999; font-family:Arial; margin-bottom:10px; text-transform:uppercase}
.title i{ display:block; margin:0 auto; width:30px; height:1px; background-color:#003c98;}
.title.wt h2{ color:#fff}
.title.wt h2 a{ color:#fff;}
.title.wt em{ color:#fff;}
.title.wt i{ background-color:#fff;}
.lc-info{ overflow:hidden; width:1000px; margin:0 auto; margin-bottom:50px; font-size:14px; line-height:26px; color:#666; text-align:center}

.lc-box { overflow:hidden; width:1200px; margin:0 auto; position:relative}
.lc-box .lc-x{ overflow:hidden; width:2px; height:100%; background-color:#005bac; position:absolute; left:50%; margin-left:-1px; top:0}
.lc-box .lc-list{ width:600px; height:505px; float:left; position:relative; z-index:2}
.lc-box .time{ overflow:hidden; width:84px; height:104px; border:8px solid #005bac; padding:0 10px; position:absolute; background-color:#fff;}
.lc-box .time span{ display:block; font-size:23px; color:#555; margin-top:14px;text-align: center;}
.lc-box .time em{ font-size:18px; color:#777;}
.lc-box .lc-list i{ display:block; width:24px; height:24px; background:url(lc-s01.png) no-repeat center; position:absolute}
.lc-box .wenbox{ overflow:hidden; width:395px; height:395px; padding:45px; background-color:#fff; position:absolute}
.lc-box .wenbox ul{ overflow:hidden; width:100%; height:100%; overflow-y:auto; padding-right:20px;}
.lc-box .wenbox h3{ font-size:18px; color:#555; margin-bottom:5px;}
.lc-box .wenbox h3 em{ font-size:30px; color:#e60012;}
.lc-box .wenbox p{ font-size:14px; color:#555; line-height:20px;}
.lc-box .wenbox li{ overflow:hidden; width:100%; margin-bottom:20px;}
.lc-box .lc-br .time{ right:-61px; top:0}
.lc-box .lc-br .wenbox{ left:0; top:0}
.lc-box .lc-br i{ left:473px; top:40px}
.lc-box .lc-bl .time{ left:-61px; top:365px}
.lc-box .lc-bl .wenbox{ right:0; top:0}
.lc-box .lc-bl i{ right:473px; top:422px}
.lc-box .wenbox ul::-webkit-scrollbar{width:21px;}
.lc-box .wenbox ul::-webkit-scrollbar-track{background:none;}
.lc-box .wenbox ul::-webkit-scrollbar-thumb{background:url(lc-sb.png) no-repeat center;}
.lc-box .lc-list:hover .wenbox{ background-color:#005bac}
.lc-box .lc-list:hover i{ background:url(lc-s02.png) no-repeat center;}
.lc-box .lc-list:hover .wenbox p,
.lc-box .lc-list:hover .wenbox h3,
.lc-box .lc-list:hover .wenbox em{ color:#fff;}

.lc-more{ overflow:hidden; width:50px; height:108px; background:url(lc-more.png) no-repeat center top ; cursor:pointer; margin:0 auto}


.pgnav {
    margin-top: 10px;
    border-bottom: 1px solid #efefef;
    border-left: 5px solid #ff2020;
    text-indent: 10px;
    font: 14px/30px "microsoft yahei";
}
.h40 {
    height: 40px;
}
.nor_title {
    width: 100%;
    text-align: center;
}
.nor_title h4 {
    font-size: 30px;
    color: #333333;
    margin-bottom: 20px;
}
.nor_title h4 {
    font-size: 30px;
    color: #333333;
    margin-bottom: 20px;
}
.apps {
    width: 100%;
    height: 450px;
    background: url(bg_solu_1.jpg) center no-repeat;
    margin: 45px 0 80px;
}
.apps .left {
    width: 690px;
    padding-top: 50px;
    float: right;
}
.left_title {
    width: 100%;
}
.left_title h4 {
    font-size: 30px;
    color: #333333;
}
.left_title p {
    font-size: 14px;
    color: #666666;
    line-height: 28px;
    margin-top: 5px;
}
.apps .left ul {
    width: 100%;
    margin-top: 20px;
}
.apps .left ul li {
    width: 200px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #cccccc;
    margin-right: 28px;
    float: left;
    margin-bottom: 30px;
    border-radius: 5px;
    transition: all .3s;
}
.apps .left ul li a {
    display: block;
    transition: all .2s;
    border-radius: 5px;
}
.apps .right {
    width: 450px;
    height: 450px;
    background: url(solu_img_apps.gif) no-repeat;
    float: left;
    background-size: 100%;
}
.zongbao {
    width: 100%;
    background: #f5f5f5;
    padding-top: 50px;
    padding-bottom: 440px;
    margin-bottom: 75px;
}
div.zhuang {
    width: 100%;
    margin-top: 30px;
}
div.zhuang dl {
    width: 270px;
    height: 400px;
    float: left;
    margin-right: 25px;
    position: relative;
}
div.zhuang dl dt {
    width: 100%;
    height: 100%;
}
div.zhuang dl dt img {
    width: 100%;
}
div.zhuang dl dt span {
    display: block;
    position: absolute;
    width: 100%;
    height: 60px;
    text-align: center;
    line-height: 60px;
    font-size: 24px;
    color: #333333;
    background: rgba(255, 255, 255, 0.8);
    bottom: 0;
}
div.zhuang dl dd {
    width: 80%;
    height: 340px;
    background: #ff3f3c;
    background: rgba(255, 63, 60, 0.88);
    color: #FFFFFF;
    padding: 60px 10% 0;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transition: all .3s;
}
div.zhuang dl dd h5 {
    text-align: center;
    color: #FFFFFF;
    font-size: 24px;
}
div.zhuang dl dd p {
    font-size: 14px;
    line-height: 28px;
    border-bottom: 1px solid #FFFFFF;
    padding: 20px 0;
}
div.zhuang dl dd a.con_me {
    color: #FFFFFF;
    display: block;
    background: url(white_message.png) no-repeat;
    text-indent: 32px;
    line-height: 18px;
    margin-top: 30px;
}
div.zhuang dl:hover dd {
    opacity: 1;
}
@media screen and (min-width: 768px)
global.css:568
.container, .wrapper, .header .hdbox, .btpro, .cpnav, .ftbox {
    width: 1190px;
    margin: 0 auto;
    overflow: hidden;
}
.h40 {
    height: 40px;
}
.case_tit {
    margin-bottom: 60px;
}
.case_tit h2 {
    height: 42px;
    width: 120px;
    background: url(bg2.png) no-repeat center bottom;
    font-size: 30px;
    text-align: center;
    font-weight: 100;
    color: #333;
    margin: 0 auto;
    line-height: 30px;
}
.applis {
    width: 100%;
    overflow: hidden;
}
.applis dl {
    width: 280px;
    height: 280px;
    float: left;
    margin-right: 20px;
    margin-bottom: 40px;
}
.applis dl dt {
    width: 100%;
    height: 200px;
    margin-bottom: 15px;
    overflow: hidden;
}
.applis dl dt img {
    width: 100%;
    height: 100%;
    transition: all .3s;
}
.applis dl dd {
    width: 100%;
    height: 48px;
    line-height: 48px;
    text-align: center;
    color: #666666;
    font-size: 16px;
    border: 1px #dcdcdc solid;
    transition: all .3s;
}
.case_tit h2 {
    height: 42px;
    width: 120px;
    background: url(bg2.png) no-repeat center bottom;
    font-size: 30px;
    text-align: center;
    font-weight: 100;
    color: #333;
    margin: 0 auto;
    line-height: 30px;
}
.applis dl:hover dt img {
    transform: scale(1.05);
}
.height {
    height: 60px;
}
.gaikuang {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.gaikuang div {
    width: 590px;
    border: 1px solid #b2b2b2;
    box-sizing: border-box;
}
.gaikuang div img {
    width: 570px;
    margin: 10px auto 30px auto;
    display: block;
}
.gaikuang div p {
    padding-bottom: 15px;
    text-align: center;
    font-size: 24px;
}
.gaikuang div p span {
    color: #ff0000;
}
.gaikuang div .sp1 {
    width: 140px;
    height: 2px;
    display: block;
    background-color: #424355;
    margin: 0 auto 22px auto;
}
.gaikuang div .p1 {
    font-size: 14px;
    color: #333333;
    display: block;
    padding: 0 10px;
    line-height: 28px;
    margin-bottom: 29px;
}
.fugai {
    text-align: center;
    font-size: 24px;
    line-height: 24px;
    height: 35px;
    font-weight: 100;
    background: url(bg3.png) no-repeat center bottom;
}
.height40 {
    height: 40px;
}
.li5 ul {
    display: flex;
    justify-content: space-between;
}
.li5 ul li {
    width: 220px;
    float: left;
}
.li5 ul li img {
    margin-bottom: 20px;
    display: block;
}
.li5 ul li div {
    height: 40px;
    border: 1px solid #999999;
    box-sizing: border-box;
    color: #747474;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
}
.con_mid_tit h1 {
    text-align: center;
    font-size: 30px;
    line-height: 45px;
}
.con_mid_tit p {
    text-align: center;
    font-size: 14px;
    height: 14px;
}
.h60 {
    height: 60px;
}
.mid_tit h2, .mid_tit-2 h2 {
    height: 42px;
    background: url(bg2.png) no-repeat center bottom;
    font-size: 30px;
    text-align: center;
    font-weight: 100;
    color: #333;
    margin: 0 auto;
    line-height: 30px;
    padding-left: 0;
}
.page {
    width: -webkit-fit-content;
    margin: 0 auto;
    overflow: hidden;
    margin: 2rem auto;
    text-align: center;
}
.page a, .page span {
    font-size: 12px;
    padding: 0.2rem 0.6rem;
    box-sizing: border-box;
    color: #8a8a8a;
    border: 1px solid;
    margin-right: 0.3rem;
    /* margin-left: .3rem; */
}
.page a, .page span {
    font-size: 12px;
    padding: 0.2rem 0.6rem;
    box-sizing: border-box;
    color: #8a8a8a;
    border: 1px solid;
    margin-right: 0.3rem;
    /* margin-left: .3rem; */
}
.page:after {
    content: ".";
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
}
.h10, .h20, .h30, .h40, .h50, .h60 {
    width: 100%;
    display: block;
    clear: both;
    overflow: hidden;
}
.soli_install_2_img {
    margin-right: 3.6125%;
    float: left;
    width: 50%;
    height: 300px;
    background: url(solu_install_5.jpg) no-repeat;
}
.soli_install_2_con {
    float: left;
    width: 11.85%;
    margin-right: 3.6125%;
}
.soli_install_2_con {
    float: left;
    width: 11.85%;
    margin-right: 3.6125%;
}
.soli_install_2_con {
    float: left;
    width: 11.85%;
    margin-right: 3.6125%;
}
.soli_install_2_img h3 {
    color: #ffffff;
    font-size: 30px;
    margin-top: 30px;
    margin-left: 30px;
    width: 120px;
    height: 80px;
    border-bottom: 1px solid #ffffff;
    line-height: 80px;
}
.soli_install_2_img p {
    color: #ffffff;
    font-size: 14px;
    margin: 12px 30px 0 30px;
}
.soli_install_2_con img {
    margin-top: 40px;
    width: 100%;
}
.soli_install_2_con p {
    text-align: center;
    line-height: 50px;
    height: 50px;
    overflow: hidden;
    display: block;
    width: 100%;
}
.container-fu {
    width: 100%;
}
.container-fu img {
    width: 100%;
}
.solu_field_brand {
    height: auto;
}
.solu_field_brand_l {
    width: 55.13%;
    float: left;
    overflow: hidden;
}
.h260 {
    height: 260px;
    overflow: hidden;
}
.solu_field_brand img {
    border: 0;
}
.w300 {
    width: 45.72%;
    overflow: hidden;
}
.w178 {
    width: 27.13414%;
    overflow: hidden;
    height: 135px;
}
.fl {
    float: left;
}
.solu_field_brand_r {
    width: 44.87%;
    float: left;
    overflow: hidden;
}
.border1 {
    border-bottom: 1px solid #e6e6e6;
}
.h50 {
    height: 50px;
}
.case_fm_tab {
    width: 100%;
    height: auto;
    overflow: hidden;
}
.case_fm_tab .case_fm_tabcon {
    width: 100%;
    height: auto;
}
.case_fm_tab .case_fm_tabcon .case_fm_tabcon_li {
    width: 100%;
    height: auto;
}
.case_fm_tabcon_li div {
    width: 23%;
    float: left;
    margin: 1% 0.5%;
    border: 1px solid #dcdcdc;
    color: #666;
}
.case_fm_tabcon_li div p {
    font-size: 24px;
    height: 24px;
    line-height: 24px;
    width: 90%;
    margin: 0 auto;
    margin-top: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.case_fm_tabcon_li div h4 {
    font-size: 14px;
    line-height: 43px;
    width: 90%;
    margin: 0 auto;
    border-bottom: 1px solid #dcdcdc;
    height: 43px;
    overflow: hidden;
}
.case_fm_tabcon_li div img {
    width: 90%;
    margin: 15px auto;
    display: block;
    border: none;
}
.pro-list-con {
    width: 1212px;
    overflow: hidden;
}
.pro-list-con .pro-list {
    width: 282px;
    float: left;
    margin-right: 21px;
    height: 252px;
    margin-bottom: 30px;
    position: relative;
}
.pro-list-con .pro-list a img {
    width: 100%;
}
.pro-list-con .pro-list h2 {
    display: inline-block;
    height: 56px;
    line-height: 56px;
    text-align: center;
    color: #333;
    font-size: 16px;
    display: block;
    position: relative;
}
.border1 {
    border-bottom: 1px solid #e6e6e6;
}
.janli {
    width: 100%;
    display: block;
    overflow: hidden;
}
.special-r {
    width: 100%;
}
.janli-t {
    width: 100%;
    height: 35px;
    display: block;
    overflow: hidden;
    margin-bottom: 40px;
}
.janli b {
    color: #333;
    background: url(bg3.png) no-repeat left bottom;
    width: 100px;
    line-height: 24px;
    height: 35px;
    font-size: 24px;
    float: left;
    margin-bottom: 0;
    font-weight: 100;
}
.janli a {
    color: #FF3F3C;
    float: right;
    width: 45px;
    text-align: right;
    line-height: 30px;
}
.clear {
    clear: both;
    overflow: hidden;
}
.special-r .special-r-con {
    width: 48%;
    height: 120px;
    float: left;
    overflow: hidden;
    margin: 1%;
}
.special-r .special-r-con a {
    float: left;
    color: #666;
    width: 280px;
    text-align: right;
    height: 126px;
}
.special-r .special-r-con a img {
    width: 100%;
    height: 120px;
}
.special-r .special-r-con .special-r-r {
    width: 285px;
    height: 118px;
    float: left;
    border: 1px solid #dcdcdc;
    border-left: none;
}
.special-r .special-r-con .special-r-r h4 {
    text-indent: 20px;
    font-size: 22px;
    line-height: 28px;
    height: 28px;
    overflow: hidden;
    margin-top: 35px;
    width: 100%;
}
.special-r .special-r-con .special-r-r h4 a {
    width: auto;
    line-height: 28px;
    margin-bottom: 10px;
    display: block;
    float: left;
    text-align: left;
    height: 28px;
}
.special-r .special-r-con .special-r-r p {
    text-indent: 20px;
    font-size: 16px;
    line-height: 14px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    height: 15px;
    margin-top: 10px;
}
.special-r .special-r-con {
    width: 48%;
    height: 120px;
    float: left;
    overflow: hidden;
    margin: 1%;
}
.mid_tit p, .mid_tit-3 p {
    color: #666;
    font-size: 14px;
    text-align: center;
    line-height: 30px;
}
.service_1 {
    height: auto;
    width: 100%;
}
.service_1 p {
    line-height: 30px;
    margin-bottom: 15px;
    text-indent: 2em;
}
.service_2 {
    width: 100%;
}
.service_2 .service_2_con {
    width: 23%;
    margin: 1% 0.5%;
    float: left;
    border: 1px solid #dfdfdf;
}
.service_2 .service_2_con img {
    width: 89.4%;
    margin: 0 auto;
    margin-top: 20px;
    display: block;
}
.mid_sm_tit {
    margin-bottom: 0;
}
.mid_sm_tit h3 {
    height: 33px;
    background: url(bg2.png) no-repeat center bottom;
    font-size: 24px;
    line-height: 24px;
    text-align: center;
    font-weight: 100;
    color: #333;
    margin: 0 auto;
    margin-bottom: 13px;
}
.service_2 .service_2_con p {
    width: 89.4%;
    margin: 0 auto;
    line-height: 25px;
    height: 100px;
    overflow: hidden;
}
.service_3_tel {
    width: 100%;
    background: url(service_5.jpg) top center;
    height: 176px;
    margin-top: 5px;
    border-bottom: 1px solid #dcdcdc;
}
.service_3_tel p {
    color: #ff3f3c;
    text-align: center;
    font-size: 18px;
    padding-top: 68px;
    display: block;
    line-height: 18px;
    height: 18px;
}
.h30 {
    height: 30px;
}