@charset "utf-8";
/* CSS Document calc */
/* Design For QQ:257654 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote {padding:0; margin:0;} 
input:focus,textarea:focus,button:focus,select:focus{outline:none;} 
h1,h2,h3,h4,h5,h6,h7 {font-weight:normal}
ul,li {list-style-type:none;}
img {border:0px; padding:0; margin:0;}
.footclear {clear:both}

body {font-size:12px; color:#333; font-family:Microsoft Yahei, Tahoma, simhei}
a {font-size:12px; color:#333; text-decoration:none; transition: all 0.3s; -o-transition: all 0.3s; -mos-transition: all 0.3s; -webkit-transition: all 0.3s}
a:visited , a:active {color:#333;}
a:hover {color:#1195D3; text-decoration:none}

::-webkit-input-placeholder { /* WebKit browsers */ color: #C1C1C1} 
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #C1C1C1} 
::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #C1C1C1; } 
:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #C1C1C1} 

/*---------------------漂浮导航开始---------------------------*/ 
html{ _background-image:url(about:blank); _background-attachment:fixed;/** 防止 ie6 抖动 **/} 
.float{ position:fixed; z-index:999999; top:0px;} 
* html .float {position:absolute; _top:expression(documentElement.scrollTop-0);} 
/*---------------------漂浮导航结束---------------------------*/ 

/* 焦点幻灯 */
#slides {width:100%; height:768px; margin:0px auto; position:absolute; top:0}
.flexslider {float:left; position:relative; width:100%; height:768px; overflow:hidden}
.flexslider .topbrows {float:left; width:100%; height:1px; background:rgba(255, 255, 255, 0.1); position:absolute; top:0; left:0; z-index:10}
.slides {position:relative; z-index:1; height:768px; overflow:hidden}
.slides li {height:768px; cursor:pointer; background-repeat:no-repeat; background-position:center}
.flex-control-nav {position:absolute; bottom:20px; z-index:2; width:100%; text-align:center}
.flex-control-nav li {display:inline-block; width:12px; height:13px; margin:0 5px; *display:inline; zoom:1}
.flex-control-nav a {display:inline-block; width:12px; height:13px; line-height:40px; overflow:hidden; background:url(../images/slide-choose.png) right 0 no-repeat; cursor:pointer}
.flex-control-nav .flex-active {background-position:0 0}

.flex-direction-nav {position:absolute;z-index:3;width:100%;top:40%;}
.flex-direction-nav li a {display:block;width:80px;height:160px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev {left:40px;background:url(../images/slide-prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next {right:40px;background:url(../images/slide-next.png) center center no-repeat;}

/*********************************************************************************************************************************************************************

/* 导航栏 */
#nav {position:absolute; top:28px; left:320px}
#menu {width:1200px; height:120px; margin:0 auto; position:relative; background:url(../images/logo.png) no-repeat 18px; z-index:100}
#menu li img {float:left; margin-top:-28px;}
.on h3 a {color:#f6ac1b !important;}
#menu .on{!important;}
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
#menu .nav {z-index:100; margin:0 auto; float:left; width:880px; height:47px}
#menu .nav a {color:#000}
#menu .nav .nLi {float:left; position:relative; display:inline; width:110px; height:45px; margin:0 1px; transition:all 0.3s}
#menu .nav .nLi h3{ float:left; font-weight: normal}
#menu .nav .nLi h3 a {display:block; width:110px; text-align:center; font-size:16px; z-index:102; position: relative; color:#FFF; height:40px; line-height:40px;}
#menu .nav .nLi h3 a span {display:block; position:relative; top:-20px; font-size:12px; font-family:Verdana}
#menu .nav .sub {display:none; width:160px; left:-16px; top:55px; position:absolute; background:rgba(255,255,255,0.7); line-height:35px}
#menu .nLi:hover h3 a {color:#000}
#menu .nav .sub li {zoom:1}
#menu .nav .sub a {display:block; text-align:center; height:35px; font-size:14px}
#menu .nav .sub a:hover {background:rgba(255,255,255,0.7)}
#menu .nav dl {float:left; width:70px; height:40px; line-height:20px; position:relative; margin:8px 0 0 15px}
#menu .nav dl dt {float:left; width:80px; height:20px}
#menu .nav dl dt a {font-size:12px; padding-left:20px; color:#FFF}
#menu .nav dl dt .cn {background:url(../images/cn.jpg) no-repeat 0 4px}
#menu .nav dl dt .en {background:url(../images/en.jpg) no-repeat 0 4px}
.nLi h3 span {display: block; width: 110px; text-align: center; position: absolute; font-size: 12px; font-weight: normal}
#menu .nav .nLi .sub a:hover {color:#1195D3;}
#menu .code {float:left; width:150px; height:30px; line-height:30px; position:absolute; top:110px; left:140px; font-size:16px; font-weight:bold; color:#FFF}

/*下拉显示导航栏*/
#fix_menu {width:100%; height:70px; background:#FFF; position:fixed; display:none; top:0; border-bottom:1px solid #CCC; box-shadow:2px 2px 2px rgba(0,0,0,0.1); z-index:999}
#fix_menu .drop_menu {width:1200px; height:70px; margin:0 auto; position:relative; background:url(../images/logoB.png) no-repeat 18px 3px}
#fix_nav {position:absolute; top:5px; left:320px; z-index:101;  margin:0 auto; float:left; width:880px; height:60px;}
.on > h3 > a{ color:#f6ac1b !important;}
#fix_menu .on{!important;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#fix_menu .nav a {color:#000;}
#fix_menu .nav .nLi {float:left; position:relative; display:inline; height:4px; line-height:40px; margin:0 1px; transition:all 0.3s}
#fix_menu .nav .nLi h3 {float:left; font-weight:normal}
#fix_menu .nav .nLi h3 a {display:block; width:110px; text-align: center; font-size:16px; z-index:102; position:relative; color:#000; height:40px; line-height:40px}
#fix_menu .nav .nLi h3 a > span {display: block; position:relative; top:-19px; font-size:12px; font-family:Verdana}
#fix_menu .nav .sub {display:none; width:160px; left:-16px; top:60px;  position:absolute; background:#1195D3; line-height:35px}
#fix_menu .nLi:hover h3 > a {color:#000}
#fix_menu .nav .sub li {zoom:1}
#fix_menu .nav .sub a {display:block; text-align: center; height: 36px; font-size:14px; color:#FFF}
#fix_menu .nav .sub a:hover {color:#FFF; background:#0E77A9}
#fix_menu .nav dl {float:left; width:70px; height:40px; line-height:20px; position:relative; margin:8px 0 0 15px}
#fix_menu .nav dl dt {float:left; width:80px; height:20px}
#fix_menu .nav dl dt a {font-size:12px; padding-left:20px; text-decoration:none}
#fix_menu .nav dl dt .cn {background:url(../images/cn.jpg) no-repeat 0 4px}
#fix_menu .nav dl dt .en {background:url(../images/en.jpg) no-repeat 0 4px}
.nLi > h3 > span{display: block; width: 110px; text-align: center; position: absolute; top: 21px;font-size: 12px;font-weight: normal; color:#FFF}
#fix_menu .nav .nLi .sub a:hover {color:#FFF;}

/* 通用标签 */
.IndexTop_A {width:1200px; height:80px; line-height:40px; margin:30px auto; text-align:center}
.IndexTop_A .En {width:1200px; height:40px; margin:0px auto; font-family:Verdana; font-size:30px; color:#E5E5E5}
.IndexTop_A .Cn {width:1200px; height:40px; margin:0px auto; font-size:25px}

.IndexTop_B {width:1200px; height:80px; line-height:40px; margin:0px auto; text-align:center; color:#FFF; padding:30px 0}
.IndexTop_B .En {width:1200px; height:40px; margin:0px auto; font-family:Verdana; font-size:30px}
.IndexTop_B .Cn {width:1200px; height:40px; margin:0px auto; font-size:25px}

.IndexTop_C {width:410px; height:80px; line-height:40px; margin:0px auto; text-align:center; color:#CCC; padding:20px 0; text-shadow:0 0 0.1em #FFF, -0 -0 0.1em #FFF}
.IndexTop_C .En {width:410px; height:40px; margin:0px auto; font-family:Verdana; font-size:30px}
.IndexTop_C .Cn {width:410px; height:40px; margin:0px auto; font-size:25px; color:#333}

/* 产品中心 */
.in_pro {width:1200px; height:auto; margin:20px auto}
.inpro_list {display:table;  margin-top:54px}
.inpro_li {float:left; border-bottom:6px solid #1195D3; width:282px; height:368px; background:#eee; margin-left: 9px; margin-right: 9px; margin-bottom: 20px; text-align: center; position: relative; overflow: hidden; transition:all 0.3s}
.inpro_li:hover {border-bottom:6px solid #C70C17; transition:all 0.3s}
.inpro_li a {text-decoration:none}
.inpro_li a img {padding-top:20px; width:280px; height: 220px}
.inpro_li a h3{color:#535353; font-size:22px; line-height:40px}
.inpro_li a p {color:#959595; font-size: 14px; padding:0 30px 22px 30px; position: relative}
.inpro_more {position: absolute; width:118px; background:#C70C17; height: 30px; display: block; line-height: 30px; color:#FFF; border-radius: 30px; bottom: 20px; left: 84px;}
.inpro_li a .icon{ font-size:100px; color:#777;padding:75px 0; display: block; line-height: 90px;}
.inproli_last .icon{ display:block; font-size: 50px; background: url(../images/inpro_last_bg.png) no-repeat; width:101px;height: 116px; margin: 0 auto; margin-top: 50px; color:#fff; line-height: 116px; text-align: center; margin-bottom: 30px;}
.inproli_last{ background:#313131;height:368px;}
.inproli_last p{ color:#fff; font-size: 22px; line-height: 40px;}
.inpro-cs{ position:absolute; top:20px; width:282px; height: 200px;}
.inpro-cs img{width:234px; height: 178px;}

/* 成功案例 */
#service {width:100%; height:550px; margin:50px auto; background:url(../images/case_bg.jpg) no-repeat center}
#service .service {width:1226px; height:auto; margin:20px auto}
#service .service .soft {float:left; width:1226px; height:40px}
#service .service .soft a {float:left; width:110px; height:40px; line-height:40px; text-align:center; font-size:14px; text-decoration:none; margin:0 13px; border-radius:5px; display:block; background:#FFF; color:#1195D3; transition:all 0.3s}
#service .service .soft a:hover {background:#FF0; color:#000; font-weight:bold; transition:all 0.3s}

.case {width:1226px; height:500px; margin:15px auto}
.rolling {width:1226px; margin:0 auto; z-index:1000; position:relative}
.mLeft ,.mRight {width:80px; height:162px; top:80px; position:absolute; opacity:0.7; transition:all 0.3s}
.mLeft {background:url(../images/slide-prev.png) no-repeat; left:-130px}
.mRight {background:url(../images/slide-next.png) no-repeat; right:-130px}
.mLeft:hover,.mRight:hover {opacity:1}

.rollbox {width:100%}
#rollbox {margin:0 auto; padding:40px 0 10px}
#rollbox li {float:left; width:280px; height:220px; margin:0 13px; display:inline; position:relative; margin-top:10px}
#rollbox li a {font-size:14px; color:#FFF}
#rollbox li img {width:280px; height:220px; margin-bottom:5px; transition:all 0.3s}
#rollbox li img:hover {filter:alpha(opacity=85); -moz-opacity:0.85; -khtml-opacity:0.85; opacity:0.85}
#rollbox li span {float:left; width:280px; height:30px; line-height:30px; text-align:center; background:rgba(0,0,0,0.7); position:absolute; left:0; bottom:0; overflow:hidden; overflow-text:ellipsis}

/* 新闻资讯 */
#newsCenter {width:1200px; height:350px; margin:20px auto}
#newsCenter .newsImg {float:left; width:550px; height:350px; margin-right:20px; overflow:hidden}
#newsCenter .newsImg img {width:550px; height:260px}
#newsCenter .newsImg h1 {float:left; width:550px; height:260px}
#newsCenter .newsImg h2 {float:left; width:550px; height:30px; line-height:30px; text-align:right; font-size:14px; margin:5px 0}
#newsCenter .newsImg h2 a {float:left; width:450px; height:30px; text-align:left; font-size:22px; display:block; overflow:hidden; text-overflow:ellipsis}
#newsCenter .newsImg h3 {float:left; width:550px; height:auto; line-height:25px; font-size:14px; color:#999}
#newsCenter .newslist {float:left; width:630px; height:350px}
#newsCenter .newslist ul li {float:left; width:630px; height:100px; margin-bottom:26px; cursor:pointer; display:block}
#newsCenter .newslist ul li h1 {float:left; width:100px; height:100px; line-height:100px; text-align:center; color:#C8C8C8; background:#F5F5F5; font-size:55px; transition:all 0.3s; margin-right:20px}
#newsCenter .newslist ul li:hover h1 {border-radius:5px; background:#1195D3; color:#FFF; transition:all 0.3s}
#newsCenter .newslist ul li span {float:left; width:510px; height:100px}
#newsCenter .newslist ul li h2 {float:left; width:510px; height:30px; line-height:30px; text-align:right; font-size:14px}
#newsCenter .newslist ul li h2 a {float:left; width:410px; height:30px; text-align:left; font-size:22px; display:block; overflow:hidden; text-overflow:ellipsis; transition:all 0.3s}
#newsCenter .newslist ul li h3 {float:left; width:510px; height:68px; line-height:24px; font-size:14px; color:#999; transition:all 0.3s; overflow:hidden}
#newsCenter .newslist ul li:hover h3 {color:#333; transition:all 0.3s}
#newsCenter .newslist ul li:hover h2 a {color:#1195D3; font-style:normal; transition:all 0.3s}

/* 走进中豪 */
.in_about {width:1200px; height:400px; margin:20px auto}
.inabout_li {float:left;}
.inabout_li a span {width:300px; height:200px; background:#F5F5F5; display:block; text-align:center}
.inabout_li a span h3 {font-size:25px; text-align:center; line-height:40px; padding-top:25px; transition:all 0.3s}
.inabout_li a span p {color:#a0a0a0; font-size:15px; text-align:center; font-family:Verdana; margin:0}

.inabout_li_div {width:300px; height:200px; overflow:hidden}
.inabout_li_div img {width:300px; height:200px; transition:.6s;}
.inabout_li:hover .inabout_li_div img {transform:scale3d(1.1,1.1,1);}
.inabout_li:hover a span h3 {color:#1195D3; transition:all 0.3s}
.inabout_li i {width:100px; height:100px; margin:0px auto; display:block}
.inabout_li .icon01 {background:url(../images/ico01.png) no-repeat center}
.inabout_li .icon02 {background:url(../images/ico02.png) no-repeat center}
.inabout_li .icon03 {background:url(../images/ico03.png) no-repeat center}
.inabout_li .icon04 {background:url(../images/ico04.png) no-repeat center}

/* 联系我们 */
#in_contact {width:100%; height:400px; margin:80px auto 0px auto; background:url(../images/contact.jpg) no-repeat center}
#in_contact .in_contact {width:1200px; height:400px; margin:0px auto}
#in_contact .in_contact .con_left {float:left; width:410px; height:auto; margin:20px 200px 0 0}
#in_contact .in_contact .con_left .con_tab {width:240px; height:80px; margin:20px auto; padding-left:90px; border:1px solid #D2D2D2; font-size:14px; box-shadow:0 0 5px #FFF}
#in_contact .in_contact .con_left .con_tab h1 {font-size:18px; font-weight:normal; margin-top:12px; margin-bottom:5px}
#in_contact .in_contact .con_left .con_icon01 {background:url(../images/ico05.png) no-repeat 25px 13px rgba(255, 255, 255, 0.2)}
#in_contact .in_contact .con_left .con_icon02 {background:url(../images/ico06.png) no-repeat 25px 10px rgba(255, 255, 255, 0.2)}

#in_contact .in_contact .con_right {float:left; width:530px; height:300px; margin-top:55px}
#in_contact .in_contact .con_right .con_mes {float:left; width:250px; height:40px; line-height:40px; background:#FFF; border-radius:5px; box-shadow:0 0 5px #CCC}
#in_contact .in_contact .con_right .con_mes .mes_left {float:left; width:75px; height:40px; line-height:40px; border-right:1px solid #DDD; text-align:center}
#in_contact .in_contact .con_right .con_mes .mes_right {float:left; width:130px; margin-left:20px}
#in_contact .in_contact .con_right .con_mes .mes_right input {width:130px; height:40px; line-height:40px; font-family:Microsoft Yahei, Tahoma, simhei; border:none; background:none}
#in_contact .in_contact .con_right .mes_text {float:left; width:530px; height:170px; background:#FFF; margin:20px 0; border-radius:5px; box-shadow:0 0 5px #CCC}
#in_contact .in_contact .con_right .mes_text .mes_left {float:left; width:75px; height:170px; line-height:170px; border-right:1px solid #DDD; text-align:center}
#in_contact .in_contact .con_right .mes_text .mes_right {float:left; width:415px; margin-left:20px}
#in_contact .in_contact .con_right .mes_text .mes_right textarea {width:415px; height:140px; line-height:25px; font-family:Microsoft Yahei, Tahoma, simhei; border:none; background:none; margin-top:15px}
#in_contact .in_contact .con_right .mes_butt {float:left; width:240px; height:40px; margin-left:290px}
#in_contact .in_contact .con_right .mes_butt input,#in_contact .in_contact .con_right .mes_butt .u-btn {float:left; width:90px; height:40px; line-height:40px; margin-left:30px; background:#FFF; border-radius:5px; box-shadow:0 0 5px #CCC; text-align:center; font-family:Microsoft Yahei, Tahoma, simhei; border:none; cursor:pointer}

/* 版权信息 */
#copyright {width:100%; height:205px; margin:0px auto; background:#303030; padding:40px 0}
#copyright .copyright {width:1200px; height:205px; margin:0px auto; background:url(../images/logoC.png) no-repeat right}
#copyright .copyright .co_card {float:left; width:230px; height:205px; background:url(../images/card.png) no-repeat 0 30px}
#copyright .copyright .co_num {float:left; width:250px; height:185px; color:#FFF; font-size:16px; line-height:24px; margin-top:20px}
#copyright .copyright .co_num ul li {float:left; width:130px; height:50px; padding-left:60px; margin-top:25px}
#copyright .copyright .co_num .num_icon01 {background:url(../images/ico07.png) no-repeat 0 0}
#copyright .copyright .co_num .num_icon02 {background:url(../images/ico08.png) no-repeat 0 0}
#copyright .copyright .co_txt {float:left; width:280px; height:auto; color:#FFF; font-size:14px; line-height:24px; margin-top:35px}

#bottom {width:100%; height:60px; line-height:60px; color:#FFF; font-size:14px; margin:0px auto; background:#000}
#bottom .bottom {width:1200px; height:60px; margin:0px auto}
#bottom .bottom .bot_half {float:left; width:600px; height:60px}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* 走进中豪 */
#about_top {width:100%; height:300px; background:url(../images/top01.jpg) no-repeat center; position:absolute; top:0}
#about_top .about_top {width:1200px; height:170px; margin:0px auto; padding-top:130px}
#about_top .about_top .top_title {width:150px; height:45px; line-height:45px; margin:0px auto; text-align:center; border:1px solid #FFF; color:#FFF; font-size:18px}
#about_top .about_top .top_tip {width:1200px; height:50px; line-height:50px; margin:20px auto; text-align:center; color:#FFF; font-size:14px}

/*更新通告*/
#main-news {width:1200px; height:auto; margin:30px auto 0px auto; padding-top:100px}
#main-news .news-left {float:left; width:250px; min-height:600px; margin-right:30px; display:block}
#main-news .news-right {float:left; width:920px; height:auto; padding-top:100px}

#main-news #nav-menu {float:left; width:250px; height:auto; margin-top:100px; z-index:100}
#main-news .main-menu {float:left; width:248px; height:auto; line-height:45px; font-size:16px; border:1px solid #DEDEDE; background:#F5F5F5; border-radius:5px 5px 0 0}
#main-news .main-menu h3 {float:left; width:208px; height:45px; padding-left:40px; background:url(../images/soicon.png) no-repeat #EDEDED}
#main-news .main-menu h3 span {color:#CCC; font-size:12px; margin-left:10px}
#main-news .main-menu h4 img {border:10px solid #FFF}
#main-news .main-menu .main-ico01 {background-position:-140px -7px}
#main-news .main-menu .main-ico02 {background-position:-140px -57px}
#main-news .main-menu .main-ico03 {background-position:-140px -108px}
#main-news .main-menu .main-ico04 {background-position:-140px -154px}
#main-news .main-menu .main-ico05 {background-position:-140px -205px}
#main-news .main-menu .main-ico06 {background-position:-140px -257px}
#main-news .main-menu li {float:left; width:243px; height:45px; border-left:5px solid #F5F5F5; border-top:1px solid #DEDEDE; transition:all 0.3s}
#main-news .main-menu li:hover {border-left:5px solid #1195D3; background:#FFF}
#main-news .main-menu li a {color:#7D7D7D; font-size:14px; padding-left:35px; text-decoration:none; display:block; transition:all 0.3s}
#main-news .main-menu li a:hover {padding-left:40px; color:#1195D3}
#main-news .tel {float:left; width:170px; height:60px; padding-left:80px; background:url(../images/ico09.png) no-repeat 10px 0; margin-top:30px; font-size:23px; line-height:30px; color:#DDD}
#main-news .mes {float:left; width:250px; height:65px; margin-top:30px}

#main-news .news-title {float:left; width:920px; height:40px; line-height:40px; font-size:14px; color:#f6ac1b; font-style:italic}
#main-news .news-title h1 {float:left; font-size:18px; margin-right:5px; color:#000; font-style:normal}

#main-news .news-list {float:left; width:920px; height:auto; margin-top:20px}
#main-news .news-list ul li {float:left; width:920px; height:120px; margin:10px 0 40px 0; padding-bottom:50px; border-bottom:1px solid #DDD; cursor:pointer}
#main-news .news-list ul li .newsdate {float:left; width:114px; height:120px; margin-right:20px; color:#CCC; text-align:center; border-right:1px dashed #DDD; margin-right:25px; font-family:Verdana; background:url(../images/ico10.png) no-repeat 45px 80px; transition:all 0.3s; filter:grayscale(100%)}
#main-news .news-list ul li:hover .newsdate {background:url(../images/ico10.png)no-repeat 60px 80px; transition:all 0.3s; filter:grayscale(0%)}
#main-news .news-list ul li .newsdate .year {float:left; width:114px; height:30px; font-size:18px}
#main-news .news-list ul li .newsdate .date {float:left; width:114px; height:30px; font-size:30px}
#main-news .news-list ul li .newstxt {float:left; width:760px; height:120px}
#main-news .news-list ul li .newstxt h3 {float:left; width:760px; height:30px; line-height:30px; margin-bottom:15px}
#main-news .news-list ul li .newstxt h3 a {font-size:20px; font-weight:bold; transition:all 0.3s}
#main-news .news-list ul li:hover .newstxt h3 a {color:#1195D3; transition:all 0.3s}
#main-news .news-list ul li .newstxt h4 {float:left; width:760px; height:20px;; line-height:20px; font-weight:normal; margin-bottom:10px; color:#D0D0D0}
#main-news .news-list ul li .newstxt span {float:left; width:760px; height:70px; line-height:24px; font-size:14px; color:#9F9F9F; overflow:hidden}

#main-news .news-read {float:left; width:920px; height:auto}
#main-news .news-read .text_title {float:left; width:920px; height:auto; line-height:60px; text-align:center; font-size:27px; font-weight:bold}
#main-news .news-read .text_mes {float:left; width:920px; height:30px; line-height:30px; text-align:center; color:#999; font-size:12px; margin-bottom:20px}
#main-news .news-read .text_con {float:left; width:920px; height:auto; line-height:30px; font-size:16px; border-top:1px dashed #CCC; padding:10px 0 50px 0}
#main-news .news-read .text_con img {max-width:850px; width:auto; height:auto; border:1px solid #DDD; padding:3px}

/*分享按钮*/
#share-but {width:50px; height:350px; position:fixed; right:25px; bottom:200px; transition:all 0.5s}
#share-but a {float:left; width:50px; height:50px; background:url(../images/soicon.png) no-repeat; margin-bottom:10px; display:block; transition:all 0.5s}
#share-but a.bshare-weixin {background-position:-20px -370px}
#share-but a.bshare-sinaminiblog {background-position:-20px -320px}
#share-but a.bshare-qqmb {background-position:-20px -220px}
#share-but a.bshare-qzone {background-position:-20px -270px}
#share-but a.bshare-qqim {background-position:-20px -420px}

/* 图片浏览 */
.LightBox {float:left; width:920px; height:auto; overflow:hidden}
.LightBox ul {float:left; width:945px; height:auto; margin-top:20px}
.LightBox ul li {float:left; width:290px; height:200px; background:#F5F5F5; position:relative; margin-right:25px; margin-bottom:25px}
.LightBox ul li span {float:left; width:290px; height:30px; line-height:30px; background:rgba(0,0,0,0.7); left:0; bottom:0; color:#FFF; font-size:14px; text-align:center; position:absolute}
.LightBox ul li img {width:290px; height:200px}

/*Photo Document*/
#mbOverlay {width:100%; height:100%; position:fixed; z-index:9998; top:0; left:0; background:#000; cursor:pointer}
#mbOverlay .mbOverlayIE {position:absolute;}
#mbCenter {height:557px; position:absolute; z-index:9999; left:50%; background:#FFF; border-radius:5px; box-shadow:0 10px 40px rgba(0,0,0,0.7)}
#mbCenter .mbLoading {background:url(../images/loading.gif) no-repeat center #FFF; box-shadow:none}
#mbImage {left:0; top:0; line-height:20px; color:#FFF; background-position:center; background-repeat:no-repeat; padding:10px}
#mbImage a, #mbImage a:link, #mbImage a:visited {color:#DDD}
#mbImage a:hover, #mbImage a:active {color:#FFF;}
#mbBottom {min-height:20px; line-height:20px; color:#999; padding:0 10px 10px;}
#mbTitle {display:inline; color:#666; font-weight:bold; line-height:20px; font-size:12px}
#mbNumber {width:65px; height:26px; display:inline; color:#C00; line-height:26px; position:absolute; bottom:5px; right:90px; text-align:center; font-size:12px }
#mbCaption {display:block; color:#999; line-height:14px}
#mbPrevLink, #mbNextLink, #mbCloseLink {display:block; float:right; height:20px; margin:0; outline:none;}
#mbPrevLink {width:120px; height:100%; background:url(../images/slide-prev.png) no-repeat left center; top:0; left:-120px; }
#mbNextLink {width:120px; height:100%; background:url(../images/slide-next.png) no-repeat right center; top:0; right:-120px}
#mbPrevLink, #mbNextLink {position:absolute; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; transition:all 0.5s}
#mbPrevLink:hover, #mbNextLink:hover {filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9; transition:all 0.5s}
#mbCloseLink {width:65px; height:12px; background:url(../images/CustomBlackClose.png) no-repeat; position:absolute; bottom:13px; right:15px; z-index:10001}

/* 分页样式 */
.dux-page {height:30px; margin:0px auto; text-align:center; padding:30px 0 50px 0; clear:both; width:fit-content; width:-moz-fit-content}
.dux-page a {border-radius:3px; text-align:center; line-height:28px; margin:0 4px; transition:all 0.3s; font-size:13px; color:#7F7F7F; text-decoration:none; display:block;}
.dux-page a:hover {color:#404040; background:#F5F5F5}
.dux-page .first-page {float:left; width:43px; height:28px; border:1px solid #C1C1C1; background:#F0F0F0}/*第一页*/
.dux-page .last-page {float:left; width:43px; height:28px; border:1px solid #C1C1C1; background:#F0F0F0}/*最后一页*/
.dux-page .prev-page {float:left; width:58px; height:28px; border:1px solid #C1C1C1; background:#F0F0F0}/*上一页*/
.dux-page .prev-page:hover {border:1px solid #7F7F7F}/*上一页*/
.dux-page .next-page {float:left; width:58px; height:28px; border:1px solid #C1C1C1; background:#F0F0F0}/*下一页*/
.dux-page .next-page:hover {border:1px solid #7F7F7F}/*下一页*/
.dux-page .num-page {float:left; width:28px; height:28px; border:1px solid #C1C1C1; background:#F0F0F0}/*其他页*/
.dux-page .num-page:hover {border:1px solid #7F7F7F}/*其他页*/
.dux-page .active-page , .dux-page .active-page:hover {float:left; width:28px; height:28px; border:1px solid #1195D3; background:#1195D3; color:#FFF}/*当前页*/

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* 新闻资讯 */
#news_top {width:100%; height:300px; background:url(../images/top02.jpg) no-repeat center; position:absolute; top:0}
#news_top .news_top {width:1200px; height:170px; margin:0px auto; padding-top:130px}
#news_top .news_top .top_title {width:150px; height:45px; line-height:45px; margin:0px auto; text-align:center; border:1px solid #FFF; color:#FFF; font-size:18px}
#news_top .news_top .top_tip {width:1200px; height:50px; line-height:50px; margin:20px auto; text-align:center; color:#FFF; font-size:14px}

#listsoft {float:left; width:920px; height:30px; line-height:30px}
#listsoft a {float:left; width:70px; height:30px; text-align:center; margin-right:10px; background:#F0F0F0; display:block; border-radius:3px; text-decoration:none}
#listsoft a:hover {background:#FF3333; color:#FFFFFF;}
#listsoft a.hover {background:#FF3333; color:#FFFFFF;}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* 产品中心 */
#pro_top {width:100%; height:300px; background:url(../images/top03.jpg) no-repeat center; position:absolute; top:0}
#pro_top .pro_top {width:1200px; height:170px; margin:0px auto; padding-top:130px}
#pro_top .pro_top .top_title {width:150px; height:45px; line-height:45px; margin:0px auto; text-align:center; border:1px solid #FFF; color:#FFF; font-size:18px}
#pro_top .pro_top .top_tip {width:1200px; height:50px; line-height:50px; margin:20px auto; text-align:center; color:#FFF; font-size:14px}

/* 产品列表 */
#main-news .serviceScope {float:left; width:918px; height:200px; margin-top:20px; margin-bottom:30px; border:1px solid #DDD; transition:all 0.3s; cursor:pointer}
#main-news .serviceScope:hover {box-shadow:0 0 5px 2px rgba(0,0,0,0.2); transition:all 0.3s}
#main-news .serviceScope .serviceImg {float:left; width:285px; height:180px; margin:10px}
#main-news .serviceScope .serviceImg img {width:285px; height:180px}
#main-news .serviceScope .serviceTxt {float:left; width:573px; height:180px; margin:10px; overflow:hidden}
#main-news .serviceScope .serviceTxt h1 {float:left; width:573px; height:40px; line-height:40px; font-size:18px; font-weight:bold; margin-bottom:10px; border-bottom:1px dashed #DDD; transition:all 0.3s}
#main-news .serviceScope .serviceTxt h2 {float:left; width:573px; height:auto; line-height:25px; font-size:14px; font-weight:normal; color:#999}
#main-news .serviceScope:hover .serviceTxt h1 {color:#1195D3; transition:all 0.3s}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* 诚邀合作 */
#join_top {width:100%; height:300px; background:url(../images/top05.jpg) no-repeat center; position:absolute; top:0}
#join_top .join_top {width:1200px; height:170px; margin:0px auto; padding-top:130px}
#join_top .join_top .top_title {width:150px; height:45px; line-height:45px; margin:0px auto; text-align:center; border:1px solid #FFF; color:#FFF; font-size:18px}
#join_top .join_top .top_tip {width:1200px; height:50px; line-height:50px; margin:20px auto; text-align:center; color:#FFF; font-size:14px}

#main-news .join {float:left; width:920px; height:auto; margin-top:20px; margin-bottom:50px; overflow:hidden}
#main-news .join h1 {float:left; width:80px; height:45px; line-height:45px; border:1px solid #DDD; border-bottom:none; font-size:14px; font-weight:normal; padding-left:10px}
#main-news .join h2 {float:left; width:357px; height:45px; line-height:45px; border-top:1px solid #DDD; font-size:14px; font-weight:normal; padding-left:10px}
#main-news .join h3 {float:left; width:358px; height:45px; line-height:45px; border-top:1px solid #DDD; border-right:1px solid #DDD; font-size:14px; font-weight:normal; padding-left:10px}
#main-news .join h4 {float:left; width:80px; height:150px; line-height:150px; border:1px solid #DDD; border-bottom:none; font-size:14px; font-weight:normal; padding-left:10px}
#main-news .join h5 {float:left; width:817px; height:150px; line-height:150px; border-top:1px solid #DDD; border-right:1px solid #DDD; font-size:14px; font-weight:normal; padding-left:10px}
#main-news .join h6 {float:left; width:918px; height:80px; border:1px solid #DDD; font-size:14px; font-weight:normal}
#main-news .join .input01 {width:100px; height:29px; line-height:29px; margin:8px 0; border:1px solid #DDD; border-radius:5px; background:#F9F9F9; padding-left:5px; font-family:Microsoft Yahei, Tahoma, simhei; font-size:14px; margin-right:5px}
#main-news .join .input02 {width:180px; height:29px; line-height:29px; margin:8px 0; border:1px solid #DDD; border-radius:5px; background:#F9F9F9; padding-left:5px; font-family:Microsoft Yahei, Tahoma, simhei; font-size:14px; margin-right:5px}
#main-news .join .input03 {width:800px; height:130px; line-height:29px; margin:8px 0; border:1px solid #DDD; border-radius:5px; background:#F9F9F9; padding-left:5px; font-family:Microsoft Yahei, Tahoma, simhei; font-size:14px; margin-right:5px}
#main-news .join h6 input,#main-news .join h6 .u-btn {float:right; width:80px; height:34px; line-height:34px; border-radius:5px; background:#1195D3; border:none; font-family:Microsoft Yahei, Tahoma, simhei; color:#FFF; font-size:14px; margin:23px 10px; cursor:pointer}

/*档期查询下拉菜单*/
#position{float:left; width:105px; height:29px; line-height:29px; position:relative; border:1px solid #DDD; margin:8px 0; border-radius:5px}
#position ul {margin:0px; padding:0px; height:auto}
#position ul li {width:100%; height:28px; line-height:28px; background:#FAFAFA; cursor:pointer; display:block; text-indent:5px; color:#999; border-left:1px solid #ddd; border-right:1px solid #ddd; margin-left:-1px}
#position span {width:105px; height:29px; line-height:29px; border-radius:5px; background:url(../images/drop.png) right center no-repeat #F9F9F9; text-indent:5px; display:block; border:#333; cursor:pointer}
#position ul li:hover {background:#1195D3; color:#FFF}

#position select {width:100%; height:28px; line-height:28px; background:#FAFAFA; cursor:pointer; display:block; color:#999; border:none}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* 联系我们 */
#contact_top {width:100%; height:300px; background:url(../images/top06.jpg) no-repeat center; position:absolute; top:0}
#contact_top .contact_top {width:1200px; height:170px; margin:0px auto; padding-top:130px}
#contact_top .contact_top .top_title {width:150px; height:45px; line-height:45px; margin:0px auto; text-align:center; border:1px solid #FFF; color:#FFF; font-size:18px}
#contact_top .contact_top .top_tip {width:1200px; height:50px; line-height:50px; margin:20px auto; text-align:center; color:#FFF; font-size:14px}

#main-news .mes {float:left; width:920px; height:auto; margin-top:20px; margin-bottom:50px}
#main-news .mes ul li {float:left; width:920px; height:aut; margin-bottom:30px; border-bottom:1px dashed #555}
#main-news .mes ul li h1 {float:left; width:900px; height:auto; line-height:25px; background:#1195D3; padding:10px; border-radius:5px; font-size:14px; color:#FFF; margin-bottom:10px}
#main-news .mes ul li h1 span {float:left; width:900px; height:25px; line-height:25px; text-align:right; font-size:12px; color:#FF0}
#main-news .mes ul li h2 {float:left; width:900px; height:auto; line-height:25px; background:#F5F5F5; padding:10px; border-radius:5px; font-size:12px; color:#666; margin-bottom:30px}
#main-news .mes ul li h2 span  {float:left; width:900px; height:25px; line-height:25px; color:#1195D3}

#main-news .map {float:left; width:920px; height:600px; margin-top:20px; margin-bottom:50px}

/* 留言弹出 */
.reveal-modal-bg {position:fixed; height:100%; width:100%; background: rgba(0,0,0,.7);z-index: 100;display: none;top: 0;left: 0;}
.reveal-modal {visibility:hidden; top:150px; width:700px; height:400px; border-radius:5px; box-shadow:0 5px 15px rgba(0, 0, 0, 0.5); background:#FFF; padding:30px; left:50%; margin-left:-365px; position:absolute; z-index:101}
.reveal-modal h1 {float:left; width:70px; height:30px; line-height:30px; font-family:Microsoft Yahei, Tahoma, simhei; font-size:14px; font-weight:normal}
.reveal-modal h2 {float:left; width:190px; height:30px}
.reveal-modal h2 input {width:130px; height:28px; line-height:28px; border:1px solid #DDD; padding-left:5px; border-radius:5px; font-family:Microsoft Yahei, Tahoma, simhei; font-size:14px}
.reveal-modal h3 {float:left; width:700px; height:300px; margin-top:20px}
.reveal-modal h3 textarea {width:695px; height:298px; line-height:28px; border:1px solid #DDD; padding-left:5px; border-radius:5px; font-family:Microsoft Yahei, Tahoma, simhei; font-size:14px}
.reveal-modal h4 {float:left; width:700px; height:40px; margin-top:10px}
.reveal-modal h4 input,.reveal-modal h4 button {float:right; width:80px; height:35px; line-height:35px; border-radius:5px; background:#1195D3; font-family:Microsoft Yahei, Tahoma, simhei; text-align:center; color:#FFF; border:none; cursor:pointer; margin-left:10px}


/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* 技服中心 */
#service_top {width:100%; height:300px; background:url(../images/top04.jpg) no-repeat center; position:absolute; top:0}
#service_top .service_top {width:1200px; height:170px; margin:0px auto; padding-top:130px}
#service_top .service_top .top_title {width:150px; height:45px; line-height:45px; margin:0px auto; text-align:center; border:1px solid #FFF; color:#FFF; font-size:18px}
#service_top .service_top .top_tip {width:1200px; height:50px; line-height:50px; margin:20px auto; text-align:center; color:#FFF; font-size:14px}

/*2018年7月18日添加友情链接*/
#link {width:1400px; height:auto; line-height:30px; padding:30px 0; background:f5f5f5; border-top:1px solid #ddd}
#link a {margin:3px 10px}