@charset "UTF-8";

 body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}body,button,input,select,textarea{-webkit-text-size-adjust:none;font:12px/1.5 Tahoma,Arial,sans-serif}body{overflow-x: hidden;}h1,h2,h3,h4,h5,h6{font-size:100%}address,cite,dfn,em,var,i{font-style:normal}ul,ol,li{list-style:none}a{text-decoration:none}legend{color:#000}fieldset,img{border:0;vertical-align:top;}section,article,aside,header,footer,nav,dialog,figure{display:block;}figure{margin:0}button,input,textarea{font-size:100%;outline:none;border:none;background: none;}textarea{overflow:auto}table{border-collapse:collapse;border-spacing:0}.clear{display:block;height:0;overflow:hidden;clear:both}.w:after,.clearfix:after,.fix:after{display:table;content:'';clear:both;}.fix{*zoom:1}a:link,a:visited{text-decoration:none}a:hover,a:active{text-decoration:none}a{blr:expression_r(this.onFocus=this.blur())}a{outline:none;}.none{display:none;}.block{display:block;}
.fl {float:left !important;}.fr {float:right !important;}.fl-img {float:left;margin-right:20px;}.fr-img {float:right;margin-left:20px;}.in-b {display:inline-block;*display:inline;letter-spacing:0;vertical-align:top;*zoom:1}
.font-st {font-family:arial,'宋体';}.font-yh {font-family:arial,'microsoft yahei';}.font-st-12 {font-family:arial,'宋体';font-size:12px;}.font-yh-12 {font-family:arial,'microsoft yahei';font-size:12px;}.font-st-14 {font-family:arial,'宋体';font-size:14px;}.font-yh-14 {font-family:arial,'microsoft yahei';font-size:14px;}.lh1 {line-height:1}.lh20 {line-height:20px}.lh24 {line-height:24px}.text-l{text-align:left}.text-c{text-align:center}.text-r{text-align:right}
.c1{color:#111}.c2{color:#222}.c3{color:#333}.c4{color:#444}.c5{color:#555}.c6{color:#666}.c7{color:#777}.c8{color:#888}.c9{color:#999}.ca{color:#aaa}.cb{color:#bbb}.cc{color:#ccc}.cd{color:#ddd}.ce{color:#eee}.cf{color:#fff}.f12{font-size:12px}.f13{font-size:13px}.f14{font-size:14px}.f15{font-size:15px}.f16{font-size:16px}.f17{font-size:17px}.f18{font-size:18px}.f19{font-size:19px}.f20{font-size:20px}.bg1{background-color:#111}.bg2{background-color:#222}.bg3{background-color:#333}.bg4{background-color:#444}.bg5{background-color:#555}.bg6{background-color:#666}.bg7{background-color:#777}.bg8{background-color:#888}.bg9{background-color:#999}.bga{background-color:#aaa}.bgb{background-color:#bbb}.bgc{background-color:#ccc}.bgd{background-color:#ddd}.bge{background-color:#eee}.bgf{background-color:#fff}
.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12 {float: left;position: relative;min-height: 1px;}
.col-12 {width: 100%;}.col-11 {width: 91.66666667%;}.col-10 {width: 83.33333333%;}.col-9 {width: 75%;}.col-8 {width: 66.66666667%;}.col-7 {width: 58.33333333%;}.col-6 {width: 50%;}.col-5 {width: 41.66666667%;}.col-4 {width: 33.33333333%;}.col-3 {width: 25%;}.col-2 {width: 16.66666667%;}.col-1 {width: 8.33333333%;}
.pt0{padding-top:0}.pt5{padding-top:5px}.pt10{padding-top:10px}.pt15{padding-top:15px}.pt20{padding-top:20px}.pt25{padding-top:25px}.pt30{padding-top:30px}.pt35{padding-top:35px}.pt40{padding-top:40px}.pt45{padding-top:45px}.pt50{padding-top:50px}.pt55{padding-top:55px}.pt60{padding-top:60px}.pr0{padding-right:0}.pr5{padding-right:5px}.pr10{padding-right:10px}.pr15{padding-right:15px}.pr20{padding-right:20px}.pr25{padding-right:25px}.pr30{padding-right:30px}.pr35{padding-right:35px}.pr40{padding-right:40px}.pr45{padding-right:45px}.pr50{padding-right:50px}.pr55{padding-right:55px}.pr60{padding-right:60px}.pb0{padding-bottom:0}.pb5{padding-bottom:5px}.pb10{padding-bottom:10px}.pb15{padding-bottom:15px}.pb20{padding-bottom:20px}.pb25{padding-bottom:25px}.pb30{padding-bottom:30px}.pb35{padding-bottom:35px}.pb40{padding-bottom:40px}.pb45{padding-bottom:45px}.pb50{padding-bottom:50px}.pb55{padding-bottom:55px}.pb60{padding-bottom:60px}.pl0{padding-left:0}.pl5{padding-left:5px}.pl10{padding-left:10px}.pl15{padding-left:15px}.pl20{padding-left:20px}.pl25{padding-left:25px}.pl30{padding-left:30px}.pl35{padding-left:35px}.pl40{padding-left:40px}.pl45{padding-left:45px}.pl50{padding-left:50px}.pl55{padding-left:55px}.pl60{padding-left:60px}.p0{padding:0}.p5{padding:5px}.p10{padding:10px}.p15{padding:15px}.p20{padding:20px}.p25{padding:25px}.p30{padding:30px}.p35{padding:35px}.p40{padding:40px}.p45{padding:45px}.p50{padding:50px}.p55{padding:55px}.mt0{margin-top:0}.mt5{margin-top:5px}.mt10{margin-top:10px}.mt15{margin-top:15px}.mt20{margin-top:20px}.mt25{margin-top:25px}.mt30{margin-top:30px}.mt35{margin-top:35px}.mt40{margin-top:40px}.mt45{margin-top:45px}.mt50{margin-top:50px}.mt55{margin-top:55px}.mt60{margin-top:60px}.mr0{margin-right:0}.mr5{margin-right:5px}.mr10{margin-right:10px}.mr15{margin-right:15px}.mr20{margin-right:20px}.mr25{margin-right:25px}.mr30{margin-right:30px}.mr35{margin-right:35px}.mr40{margin-right:40px}.mr45{margin-right:45px}.mr50{margin-right:50px}.mr55{margin-right:55px}.mr60{margin-right:60px}.md0{margin-bottom:0}.md5{margin-bottom:5px}.md10{margin-bottom:10px}.md15{margin-bottom:15px}.md20{margin-bottom:20px}.md25{margin-bottom:25px}.md30{margin-bottom:30px}.md35{margin-bottom:35px}.md40{margin-bottom:40px}.md45{margin-bottom:45px}.md50{margin-bottom:50px}.md55{margin-bottom:55px}.md60{margin-bottom:60px}.ml0{margin-left:0}.ml5{margin-left:5px}.ml10{margin-left:10px}.ml15{margin-left:15px}.ml20{margin-left:20px}.ml25{margin-left:25px}.ml30{margin-left:30px}.ml35{margin-left:35px}.ml40{margin-left:40px}.ml45{margin-left:45px}.ml50{margin-left:50px}.ml55{margin-left:55px}.ml60{margin-left:60px}.m0{margin:0}.m5{margin:5px}.m10{margin:10px}.m15{margin:15px}.m20{margin:20px}.m25{margin:25px}.m30{margin:30px}.m35{margin:35px}.m40{margin:40px}.m45{margin:45px}.m50{margin:50px}.m55{margin:55px}.m60{margin:60px}.no-bg{background:none !important;}.no-pl{padding-left:0 !important;}.no-pr{padding-right:0 !important;}.no-pt{padding-top:0 !important;}.no-pb{padding-bottom:0 !important;}.no-ml{margin-left:0 !important;}.no-mr{margin-right:0 !important;}.no-mt{margin-top:0 !important;}.no-mb{margin-bottom:0 !important;}.no-bl{border-left:0 !important;}.no-br{border-right:0 !important;}.no-bt{border-top:0 !important;}.no-bb{border-bottom:0 !important;}
h1,h2,h3,h4,h5,h6 {font-weight: normal;}
.bge6 {background:#e6e6e6;}
body {font-size: 12px !important;font-family: arial,'microsoft yahei';}
a {color: inherit;}
.bg {background: url(../Images/icon.png) no-repeat;}
.w100 {width: 100%;height: 100%;position: absolute;z-index: 2;left: 0;top: 0;}
.tran {transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;}
ul.fix li {float: left;}
.section {font-size: 12px;}
.mn{
	width: 1000px;
	margin: 0 auto;
}
.fl{
	float: left;

}
.fr{
	float: right;
}
.pic-list img {
    width: 239px;
    height: 179px;
}
.pic-lista1 img {
    width: 151px !important;
    height: 66px !important;
}
#pages { padding:14px 0; text-align: right; font-family:宋体 ;margin-right: 20px;}
  #pages a { display:inline-block; width:26px;text-decoration: none; height:22px; line-height:22px; background:#fff; border:1px solid #333366; text-align:center; color:#333;font-size: 12px;}
  #pages a.a1 { background:#333366; width:56px; text-decoration: none;color: #fff;height: 22px;
font-size: 12px;}
  #pages a:hover { background:#f1f1f1; color:#000; text-decoration:none; }
  #pages span { display:inline-block; width:28px; height:24px; line-height:24px; background:#333366; color:#fff; text-align:center; }
  .page .noPage { display:inline-block; width:56px; height:22px; line-height:22px; background:url(../img/icu/titleBg.png) repeat-x 0 -55px ; border:1px solid #e3e3e3; text-align:center; color:#a4a4}

.article.showcase img{display: table;margin: 0 auto;}
a.img {position: relative;display: block;overflow: hidden;}
a.img:after {transition:.6s;content:'';position: absolute;width: 0;height: 0;background: url(../Images/bg2.png);z-index: 98;left: -100px;top: -100px;}
a.img:before {transition:.2s .1s;content:'';position: absolute;width: 100%;height: 100%;background: url(../Images/fddj.png) no-repeat center;z-index: 99;left: 0;top: -100%;}
a.img:hover:after {width: 200%;height: 200%;}
a.img:hover:before {top: 0;}
.opt:hover {opacity: 0.8;filter:alpha(opacity=80);}
.row:after,.w:after {content:'';display:table;clear:both;}
.w,.wrap {width: 1000px;margin:0 auto;position: relative;z-index: 3;}

.header * {box-sizing:border-box;}
.header .RT {position: absolute;right: 0;top: 32px;}

.header {box-shadow: 0 0 6px rgba(0,0,0,.3);position: relative;z-index: 2;}
/* nav */
.nav {
	    background: #000;
	    height: 60px;
	    
}
.nav li {position:relative;height: 60px;}
.nav li>a {font-size: 14px;display:block;color:#fff;line-height:1;padding: 36px 32px 0;position: relative;}
.nav li i {position: absolute;width: 100%;height: 22px;top: 8px;left: 0;}

.nav li.current > a, .nav li:hover > a {color: #fff;}
.nav li:hover i,.nav li.current i  {background-position: center -2px !important;transition:.3s;}
.nav li:hover:before,.nav li.current:before {transform:skew(-7deg);content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

.nav .l1 i {background: url(../Images/n1.png) center -134px no-repeat;}
.nav .l2 i {background: url(../Images/n2.png) center -134px no-repeat;}
.nav .l3 i {background: url(../Images/n3.png) center -134px no-repeat;}
.nav .l4 i {background: url(../Images/n4.png) center -134px no-repeat;}
.nav .l5 i {background: url(../Images/n5.png) center -134px no-repeat;}
.nav .l6 i {background: url(../Images/n6.png) center -134px no-repeat;}
.nav .l7 i {background: url(../Images/zy.png) center -134px no-repeat;}
.nav .l8 i {background: url(../Images/jj.png) center -134px no-repeat;}



.nav li:hover .subNav {top: 86px;visibility: visible;opacity: 1}
.subNav {font-size:14px;color: #fff;transition:top .4s,opacity .4s;width: 300%;position: absolute;left: 0;visibility:hidden;opacity: 0;top: 96px;background:#000;border-top: 4px solid #d3b366;padding:0 16px;line-height: 41px;}
.subNav dd {float: left;padding: 0 15px;}

/* banner */
.banner { position:relative;overflow: hidden;text-align: center;}
.banner .bd { position:relative;left:50%; width:1920px;margin-left:-960px;}
.banner .bd li { width:100%; height:450px; overflow:hidden; }
.banner .bd a {display: block;width: 100%;height: 100%;}
.banner .hd { position:absolute;width: 100%; bottom:10px;text-align:center; z-index: 99;}
.banner .hd li {border-radius: 50%;cursor: pointer; margin:0 6px;display:inline-block; width:11px; height:11px; background:#fff;}
.banner .hd li.on { background: #5a86df;}


/* search */
.top-form form {width: 98px;height: 26px;background: url(../Images/search.png);font-size: 0;}
.top-form * {line-height: 26px;height: 26px;}
.top-form input {float: right;width: 75px;padding: 0 5px;color: #333;font-size: 12px;}
.top-form button {float: left;width: 23px;cursor: pointer;}



.footer {background: url(../Images/footer_bg.jpg) repeat-x center 0;color: #bbb;}
.footer .ft-nav {padding-top: 3px;line-height: 50px;font-size: 14px;}
.footer .ft-nav li {margin-right: 29px;	}
.footer .add p {background: url(../Images/add.png) no-repeat;line-height: 18px;padding: 2px 0 2px 22px;}
.footer .add p + p {background-position: 0 -40px;}
.footer .cr {line-height: 28px;text-align: center;color: #636363;}

.footer .code {position: absolute;right: 0;top: 16px;}



/*    fix-sns   */
.fix-sns {position: fixed;right: 0;top: 50%;margin-top: -125px;z-index: 33;}
.fix-sns li {position: relative;height: 62px;margin-bottom: 2px;border-radius: 6px 0 0 6px;width: 62px;}
.fix-sns li:after {cursor: pointer;z-index: 33;content: '';background:#2a2a2a url(../Images/fix_sns.png);width: 62px;height: 100%;position: absolute;top: 0;right: 0;border-radius: 6px 0 0 6px;}
.fix-sns .s2:after {background-position:0 -68px;}
.fix-sns .s3:after {background-position:0 -128px;}
.fix-sns .s4:after {background-position:0 -192px;}
.fix-sns li a {display: block;height: 100%;color: #fff;}
.fix-sns img {position: absolute;right: -150px;transition:.5s;z-index: 0;}
.fix-sns .s3:hover img {right: 80px;}
.fix-sns li>a {position: relative;z-index: 55;}
.fix-sns p {white-space:nowrap;line-height: 62px;background: #2a2a2a;font-size: 18px;padding:0 22px 0 11px;color: #fff;position: absolute;right: -190px;border-radius: 6px 0 0 6px;}
.fix-sns li:hover p {right: 50px;transition:.5s;background-color: #6991e1;}
.fix-sns li:hover:after {background-color: #6991e1;transition:.5s;}


.partner {padding-bottom: 12px;}
.partner li {margin-right: 11px;border: 1px solid #c9c9c9;width:151px}
.partner h3 {font-size: 16px;line-height: 1;padding: 21px 0 15px;font-weight: bold;}









.main * {box-sizing:border-box;}
.tit {text-align: center;font-size: 26px;color: #707070;line-height: 1;}
.tit b {color: #5985de;}
.tit2 {color: #bbbbbb;padding: 48px 0 20px;line-height: 1;text-transform: uppercase;}
.tit2 b {color: #636363;font-size: 24px;margin-right: 6px;}


.main1 .info {background:url(../Images/i1.png) no-repeat left 0 ;
font-family: "微软雅黑";
padding-left: 54px;color: #707070;font-size: 14px;line-height: 1.2;margin-bottom: 23px;}
.main1 .info h3 {font-size: 18px;line-height: 1;margin-bottom: 10px;}
.main1 .info b {font-size: 20px;margin-right: 15px;}
.main1 ul {margin-left: -12px;}
.main1 li {transition:.5s;    width: 165px;
    height: 230px;text-align: center;font-size: 16px;color: #fff;line-height: 1;padding-top: 150px;
}
.main1 li  a {color: #fff;}
.main1 li:hover {opacity: .8;}

.main2 {background: #ccc;padding-bottom: 30px;    margin-top: 28px;}
.main2 .hd {line-height: 1;margin-bottom: 29px;font-size: 16px;color: #fff;
    margin: 0 auto;
        margin-bottom: 25px;

}
.main2 .hd li {
	width: 140px;
	text-align: center;
	background: url(../images/bai.jpg) right top  no-repeat;
}
.main2 .hd li.on {color: #fff;
	background: url(../Images/on.jpg) no-repeat center center;
}

.main2 .bd ul {margin-left: -27px;}
.main2 .bd li {margin:0 0 28px 27px;width: 315px;}
.main2 .bd li p {line-height: 33px;font-size: 14px;color: #727272;background:#fff url(../Images/arr1.png) no-repeat 9px -19px;padding-left: 21px;}
.main2 .bd li > a {display: block;position: relative;overflow: hidden;}
.main2 .bd li > a:before {content: '';position: absolute;width: 100%;height: 100%;left: 0;top: -100%;background: url(../Images/fdj.png);transition:.3s;}
.main2 .bd li:hover > a:before {top: 0;}
.main2 .bd li:hover p {background: #5985de;background-position: 9px 12px;}
.main2 .bd li:hover p a {color: #fff;}

.main3 {padding-bottom: 45px;}
.main3 .news-box {width: 450px;float: left;}
.main3 .news-box + .news-box {float: right;}
.main3 dl {position: relative;padding-left: 157px;}
.main3 dl img {position: absolute;left: 0;top: 0;}
.main3 .news-hot {padding-bottom: 5px;border-bottom: 1px solid #e7e7e7;margin-bottom: 8px;line-height: 18px;color: #a8a8a8;}
.main3 .news-hot h3 {line-height: 1;font-size: 14px;color: #5985de;padding:0 0 11px 15px;background: url(../Images/arr1.png) no-repeat 0 -29px;}
.main3 .news-hot h3:hover {text-decoration: underline;}
.main3 .news-hot p + a {display: block;padding-top: 8px;color: #999;}
.main3 dd {line-height: 21px;font-size: 14px;color: #6f6f6f;background: url(../Images/arr1.png) no-repeat 0 -57px;padding-left: 15px;}










.topp{
	    line-height: 25px;
	    margin-right: 10px;
	    font-family: "微软雅黑";
	    font-size: 16px;
	    margin-top: 9px;
	}
.cl{
	clear: both;
}
.ggbg{
	width: 100%;
	height: 45px;
	background: #666;
	line-height: 45px;
}
.fix1 li{
	height: 53px;
	line-height: 50px;

}
.jj{
	width: 100%;
	background: url(../Images/jjbg.jpg) no-repeat center center;
	height: 453px;
}
.jjnr{
	padding-top: 75px;
}
.jjnr p{
	width: 540px;
	line-height: 25px;
	font-size: 14px;
	font-family: "微软雅黑";
	color: #fff;
	text-indent: 25px;
}
.hximg li{
	float: left;
}
.hximg img{
	border: 1px solid #ccc;
	margin: 5px 10px 10px 0;
	height: 66px;
width: 150px;
}
.foot{
	width: 100%;
	background: url(../Images/footbg.jpg) no-repeat center center;
	height: 362px;
}
.center{
	text-align: center;
	line-height: 25px;
	font-size:14px;
	font-family: "微软雅黑";
	margin-top: 10px;
	color: #fff;

}
.navaa li>a {
    font-size: 16px;
    display: block;
    color: #fff;
    line-height: 1;
    padding: 36px 20px 0 !important;
    position: relative;
}















@charset "utf-8";
.header {position: relative;}

.banner { position:relative; width:100%; height:450px;overflow: hidden;text-align: center;}
.banner .bd {width: 1920px;position: relative;left: 50%;margin-left: -960px;}
.banner .bd li {width: 100%;}

.container { padding-bottom:100px; }
/*.container .wrap {position: relative;padding-top: 50px; width:1000px; min-height:500px; margin:-500px auto 0;z-index: auto;}*/
.sidebar { width:100%;position: relative;}
.sidebar:before {position: absolute;content: '';width: 100%;height: 1px;background: #d8d8d8;top: 107px;}
.side-wrap { margin: 0 auto; width: 1000px;overflow-y:visible; }
.breadcrumbs { float:left; margin: 15px 0 25px; padding-left: 25px; width: 700px; height: 31px; background: url(../images/mb-icon-2.png) no-repeat left center; color:#5a86df; font-size: 14px; line-height: 31px; }
.breadcrumbs a { color:#9f9f9f;}
.breadcrumbs a:after { content: ">"; padding: 0 5px;}
.breadcrumbs a:hover { color:#5a86df;}
.slide-menu {position: relative;}
.menu { position: relative; clear: both;}
.menu ul:after {content: '';display: block;clear: both;overflow: hidden;height: 0;}
.menu li { position: relative; float: left; width: 166px;}
.menu li>a { box-sizing:border-box;border-left: 1px solid #d8d8d8;white-space: nowrap;padding:0 15px;display: block; line-height: 36px; color: #4e4e4e; font-size: 14px;overflow: hidden;text-overflow:ellipsis;}
.menu li.current>a,.menu li:hover>a { color: #5a86df;}
.menu li:hover {z-index: 3;}
.menu li:hover>a {transition:.2s;overflow:visible;text-overflow:inherit;width: auto;padding-right: 40px;display: inline-block;opacity: .9}
.menu dl { display: none; position: absolute; left: 0; top: 36px; width: 100%; background: #fff; border-top: 4px solid #5a86df; z-index: 999;}
.menu dd a { position: relative;display: block; padding: 11px 19px; border: 1px solid #b5b5b5; border-top: 0; color: #848484; font-size: 12px; line-height: 18px;}
.menu dd a.current,.menu dd:hover a { background: #f2f2f2;}




.tempWrap + .menu-prev,.tempWrap + .menu-prev  + .menu-next {position: absolute; top: -42px;width: 17px;background: #e60012; color: #fff; text-align: center;font-size: 14px; height: 19px;font-family: 'SimSun';}
.tempWrap + .menu-prev:before,.tempWrap + .menu-prev  + .menu-next:before {text-align: center;position: absolute; top: 0;left: 0;width: 100%;height: 100%;line-height: 19px;}
.tempWrap + .menu-prev:before {content: '<'}
.tempWrap + .menu-prev  + .menu-next:before {content: '>'}
.tempWrap + .menu-prev {right: 25px;}
.tempWrap + .menu-prev  + .menu-next {right: 0;}
.tempWrap + .menu-prev:hover,.tempWrap + .menu-prev  + .menu-next:hover {background: #e60012;}
.tempWrap + .prevStop,.tempWrap + .menu-prev  + .nextStop {background: #c6c6c6 !important;cursor: default;}



/* search */
.search-form { float:right; margin: 15px 0 25px; width:234px; height:31px; overflow:hidden; }
.search-form .text { float: left; margin-right: 3px; outline: none; padding: 5px;  width:174px; height:19px; color:#333; border: 1px solid #d3d3d3; background: #f7f7f7; line-height:19px; vertical-align:middle; }
.search-form .submit{ float: left; width:45px; height:31px; border:none; background:url(../images/mb-icon-1.png) no-repeat center #5a86df; cursor:pointer; text-indent:-999em; }

/* article */
.article { line-height:200%; word-wrap:break-word; text-align:justify; }
.article img,.article table { max-width: 100%;/*margin-left: 175px;*/}
#dituContent img {max-width: 1500px;}

/* news */
/*.news { margin-top: -30px;}*/
.news li { clear: both; padding: 30px 0 24px; border-bottom: 1px dotted #949494;}
.news li img { float: left; padding-right: 30px;}
.news li h2 a { color: #535962; font-size: 14px; line-height: 14px; font-weight: normal; display: block; padding: 7px 0 10px}
.news li h2 a:hover {color: #5a86df;}
.news li em { color: #a2a2a2; font-size: 12px; line-height: 12px; display: block; padding-bottom: 20px;}
.news li p { height: 67px; color: #a2a2a2; font-size: 12px; line-height: 20px;}
.news li a.more { color: #a2a2a2; font-size: 12px;}
.news li a.more:hover {color: #5a86df;}

.news-tittle { margin-bottom: 25px; padding: 15px 0 35px; width: 100%; border-top: 4px solid #bebebe; border-bottom: 1px dotted #949494;}
.news-tittle h2 { float: left; color: #5e5e5e; font-size: 16px; line-height: 16px; font-weight: normal;}
.news-tittle p { float: right; color: #939393; font-size: 14px; line-height: 14px;}
.news-tittle a { padding: 0 30px 0 24px; background: url(../images/mb-icon-4.png) no-repeat left center;}
.news-tittle a:hover {color: #5a86df;}
.news-tittle .date { padding: 0 30px 0 27px; background: url(../images/mb-icon-5.png) no-repeat left center; background-size: auto 16px;}
.news-tittle .yd { padding-left: 30px; background: url(../images/mb-icon-6.png) no-repeat left center;}
.news-page { margin-top: 40px; padding-top: 32px; border-top: 1px solid #bebebe;}
.news-page a { float: left; display: block; width: 131px; height: 35px; border: 1px solid #d6d6d6; color: #5e5e5e; font-size: 14px; line-height: 35px;}
.news-page a:hover { border: 1px solid #5a86df;}
.news-page a.np-prev:before { padding: 0 44px 0 15px; content: "<";}
.news-page a.np-next { float: right; text-indent: 23px;}
.news-page a.np-next:after { padding-left: 45px; content: ">";}
/* page */
.page { color:#000; line-height:24px; clear:both; display:table; margin:50px auto 0;  }
.page a.noBo { border:0;}
.page a { float:left; padding:0 15px; color:#b7b7b7; margin-top: 3px; font-size: 12px; line-height: 12px; border-left:1px solid #b7b7b7; display:table-cell; }
.page a.prev { background: #b7b7b7; width:24px; height:17px; line-height: 17px; color: #fff; text-align: center; display:block; border:0; padding:0; margin:0;}
.page a.next { background: #b7b7b7; width:24px; height:17px; line-height: 17px; color: #fff; text-align: center; display:block; border:0; padding:0; margin:0;}
.page a:hover,.page a.current { color:#5a86df; }


/* product-info */
.product-info h2 { color: #757575; font-size: 14px; line-height: 14px; font-weight: normal; padding: 65px 0 8px; border-bottom: 1px solid #dcdcdc; margin-bottom: 20px;}
.product-info-list { position: relative; overflow: hidden;}
.product-info-list .slide {width: 900px;margin:0 auto;overflow: hidden;}
.product-info-list li { float: left; width: 316px; height: 107px; margin-right:10px;}
.product-info-list a.prev,.product-info-list a.next { font-family: 'SimSun';line-height: 30px;text-align: center;color: #fff;font-size: 20px;border-radius: 50%;position:absolute; left:0; top:50%;margin-top: -15px; display:block; width:30px; height:30px; background:#bcbcbc; cursor:pointer; }
.product-info-list a.next { right:0; left:auto;}
.product-info-list a.prev:hover { background:#5a86df;}
.product-info-list a.next:hover { background:#5a86df;}
.product-info-list li .text { float: left; width: 155px; height: 81px; padding: 26px 0 0 21px; background: #dddddd;}
.product-info-list li .text h3 { color: #5a5a5a; font-size: 12px; line-height: 12px; padding-bottom: 20px;}
.product-info-list li .text a.more { color: #5a86df; font-size: 12px; line-height: 12px;}
.product-info-list li .text a.more:before { display: block; float: left; margin-top: 5px; content: ""; width: 0; height: 0; border-style: solid; border-width: 4px; border-color: transparent transparent transparent #5a86df;}
/* productlist */

.productlist {}
.productlist .pic { width:475px; float: left;margin-right: 30px;}
.productlist .text { float: left; width: 240px; line-height:200%; word-wrap:break-word; text-align:justify;}
.productlist .picList { width:475px; height:323px; overflow:hidden; }
.productlist .picList ul { width:475px; height:323px; overflow:hidden; }
.productlist .picList li { width:475px; height:323px; overflow:hidden; cursor: pointer; }
.soldWrap { position: relative; width:475px; height:59px;}
.soldWrap a.prev,.soldWrap a.next { position:absolute; left:0px; top:4px; display:block; width:15px; height:51px; background:url(../images/prev1.jpg) no-repeat; cursor:pointer; }
.soldWrap a.next { right:0px; left:auto; background:url(../images/next1.jpg) no-repeat; }
.sold { width:384px; height:auto; margin:24px auto 0; overflow:hidden; }
.sold ul { overflow:hidden; height:auto; }
.sold li { float:left; width:85px; height:59px; margin: 0 5px; display:inline; cursor: pointer; }
.tab-pro { padding-top:58px; }
.tab-pro .hd { border-bottom:1px solid #e3e3e3; }
.tab-pro .hd li { float:left; width:108px; height:28px; text-align:center; line-height:28px; border:1px solid #e3e3e3; border-bottom:none; margin-right:5px; display:inline; background:#e3e3e3; cursor:pointer; }
.tab-pro .hd li.on { background:#fff; border-bottom:1px solid #fff; margin-bottom:-1px; }
.tab-pro .txt { padding:20px; }


/* product-info-C */
.prod-c {position: relative;}
.prod-c .bd {margin-bottom: 20px;}
.prod-c .bd li {height: 480px;}
.prod-c .phd .tempWrap {margin-left: 17px;}
.prod-c .phd li {width: 100px;float: left;margin-left:16px;border:1px solid transparent;opacity:0.7;filter:alpha(opacity=70);cursor:pointer;}
.prod-c .phd li.on {border:1px solid #2b49e4;opacity:1;filter:alpha(opacity=100);}
.prod-c .prev,.prod-c .next {position: absolute;width: 30px;height: 30px;}
.prod-c a.prev,.prod-c a.next { z-index: 99;position:absolute; left:0px; bottom:8px; display:block; width:15px; height:51px; background:url(../images/prev1.jpg) no-repeat; cursor:pointer; }
.prod-c a.next { right:0px; left:auto; background:url(../images/next1.jpg) no-repeat; }

/*hr*/
.hr { width: 100%; border: 1px solid #e0e0e0;}
.hr thead th { height: 45px; color: #7c7c7c; font-size: 12px; font-weight: normal; text-align: center; vertical-align: middle !important;}
.hr td {padding: 0 0.7rem !important; height: 45px; color: #7c7c7c; font-size: 12px; text-align: center; vertical-align: middle !important;}
.hr td a.more { display: block; margin: 0 auto; padding-left: 16px; width: 60px; height: 45px; background: url(../images/mb-icon-10.png) no-repeat left center; color: #7c7c7c; line-height: 45px;}
.hr td:hover a.more { background: url(../images/mb-icon-10-on.png) no-repeat left center; color: #5a86df;}

/*hr-detail*/
.hr-detail-text { padding: 30px 0 80px; border-bottom: 1px dotted #c6c6c6; overflow: hidden;}
.hr-detail-text h2 { margin-bottom: 10px; color: #4e4e4e; font-size: 20px;}
.hr-detail-text dl { float: left; width: 500px;}
.hr-detail-text dl dt { margin-bottom: 10px; color: #4e4e4e; font-size: 14px; font-weight: bold;}
.hr-detail-text dl dd { color: #4e4e4e; font-size: 12px; line-height: 24px;}
.hr-form { padding-top: 50px;}
.hr-form label { display: block; float: left; padding: 0 15px; margin-top: 14px; height: 16px; border-right: 1px solid #c7c7c7; color: #5a5a5a; font-size: 14px; line-height: 16px;}
.hr-form .input { float: left; margin-bottom: 20px; width: 488px; height: 45px; background: #fff; border: 1px solid #d4d4d4;}
.hr-form .input .text { float: left; padding: 0 10px; width: 350px; margin-top: 14px; height: 16px; border: 0; color: #5a5a5a; font-size: 14px; line-height: 16px; outline: none;}
.hr-form p { float: left; margin-bottom: 20px; padding-left: 15px; width: 293px; height: 45px; background: #fff; border: 1px solid #d4d4d4; color: #5a5a5a; font-size: 14px; line-height: 45px;}
.hr-form .input1 { clear: both; width: 100%; background: #fff; border: 1px solid #d4d4d4; overflow: hidden;}
.hr-form .input1 .textarea { float: left; padding: 0 10px; margin: 14px 0; width: 910px; height: 250px; border: 0; outline: none; resize: none;}
.hr-form .input2 { float: right; margin-bottom: 20px; width: 664px; height: 45px; background: #fff; border: 1px solid #d4d4d4;}
#fileToUpload { display: none;}
.hr-form .input2 .text { float: left; padding: 0 10px 0 21px; width: 530px; margin-top: 14px; height: 16px; background: #fff; border: 0; color: #5a5a5a; font-size: 14px; line-height: 16px; outline: none;}
.hr-form .input2 button { float: right; margin-right: 8px; margin-top: 5px; width: 66px; height: 34px; border: 0; border-radius: 4px; background: #5a86df; color: #fff; font-size: 14px; line-height: 34px; cursor: pointer; outline: none;}
.hr-form .input2 button:hover { opacity: 0.8;}
.hr-form .submit { display: block; margin-top: 40px; width: 167px; height: 50px; border: 0; border-radius: 4px; background: #5a86df; color: #fff; font-size: 14px; line-height: 50px; cursor: pointer; outline: none;}
.hr-form .submit:hover { opacity: 0.8;}
.hr-form .input:hover,.hr-form .input1:hover,.hr-form .input2:hover { border: 1px solid #5a86df;}

/* form */
.form-panel label { display: block; float: left; padding: 0 15px; margin-top: 14px; height: 16px; border-right: 1px solid #c7c7c7; color: #5a5a5a; font-size: 14px; line-height: 16px;}
.form-panel .input { float: left; margin-bottom: 20px; width: 488px; height: 45px; background: #fff; border: 1px solid #d4d4d4;}
.form-panel .input .text { float: left; padding: 0 10px; width: 370px; margin-top: 14px; height: 16px; border: 0; color: #5a5a5a; font-size: 14px; line-height: 16px; outline: none;}
.form-panel p { float: left; margin-bottom: 20px; padding-left: 15px; width: 293px; height: 45px; background: #fff; border: 1px solid #d4d4d4; color: #5a5a5a; font-size: 14px; line-height: 45px;}
.form-panel .input1 { clear: both; width: 100%; background: #fff; border: 1px solid #d4d4d4; overflow: hidden;}
.form-panel .input1 .textarea { float: left; padding: 0 10px; margin: 14px 0; width: 910px; height: 250px; border: 0; outline: none; resize: none;}
.form-panel .input2 { clear: both; margin-bottom: 20px; width: 1000px; height: 45px; background: #fff; border: 1px solid #d4d4d4;}
#fileToUpload { display: none;}
.form-panel .input2 .text { float: left; padding: 0 10px 0 21px; width: 900px; margin-top: 14px; height: 16px; background: #fff; border: 0; color: #5a5a5a; font-size: 14px; line-height: 16px; outline: none;}
.form-panel .submit { display: block; margin-top: 40px; width: 167px; height: 50px; border: 0; border-radius: 4px; background: #5a86df; color: #fff; font-size: 14px; line-height: 50px; cursor: pointer; outline: none;}
.form-panel .submit:hover { opacity: 0.8;}
.form-panel .input:hover,.form-panel .input1:hover,.form-panel .input2:hover { border: 1px solid #5a86df;}

.form-panel h3 {font-size: 16px;line-height: 1;margin-bottom: 30px;}
.form-panel h4 {font-size: 14px;line-height: 40px;}
.form-panel .checkbox span {margin-right: 30px;}
.form-panel .checkbox input {margin-right: 5px;vertical-align: middle;}
.form-panel b {font-size: 14px;font-weight: normal;color: red;display: block;padding-top: 20px;}
.form-panel .notice .txt {margin-bottom: 20px;width: 100%;resize:none;height: 200px;padding: 10px;border: 1px solid #d4d4d4;box-sizing:border-box;overflow: auto;}


/*contact*/
.map { margin-bottom: 33px; width: 1000px; height: 370px;}
.contact { border-top: 3px solid #949494;}
.contact li { height: 50px; line-height: 50px; background: #f7f7f7; border-bottom: 1px solid #dedede;}
.contact li span { display: block; float: left; padding-left: 42px; width: 120px;}
.contact li em { padding-left: 26px;}
.contact li.i1 span { background: url(../images/mb-c1.png) no-repeat 13px center #ededed;}
.contact li.i2 span { background: url(../images/mb-c2.png) no-repeat 16px center #ededed;}
.contact li.i3 span { background: url(../images/mb-c3.png) no-repeat 13px center #ededed;}
.contact li.i4 span { background: url(../images/mb-c4.png) no-repeat 12px center #ededed;}
.contact li.i5 span { background: url(../images/mb-c5.png) no-repeat 14px center #ededed;}
.contact li.i6 span { background: url(../images/mb-c6.png) no-repeat 16px center #ededed;}
.contact li.i7 span { background: url(../images/mb-c7.png) no-repeat 13px center #ededed;}
.contact li.i8 span { background: url(../images/mb-c8.png) no-repeat 14px center #ededed;}

/*download*/
.download li { padding: 24px 0 18px 34px; background: url(../images/mb-icon-3.png) no-repeat left 30px; border-bottom: 1px dotted #949494; color: #4f4f4f; font-size: 14px; line-height: 27px; overflow: hidden;}
.download li p { float: left;}
.download li a.more { display: block; float: right; width: 104px; height: 27px; background: #848484; color: #fff; font-size: 12px; text-align: center;}
.download li span { float: right; display: block; padding-right: 20px; margin-right: 22px; border-right: 1px solid #cbcbcb; color: #9c9c9c;}
.download li a.more:hover { background: #5a86df;}



/*    pic-list    */
.pic-list ul {margin:-19px 0 0 -14px;}
.pic-list li {float: left;margin:35px 0 0 14px;position: relative;overflow: hidden;padding-bottom: 60px;}
.pic-list li img{
	width: 100% !important;
}
.pic-list li .txt {background: #fff;line-height: 20px;color: #9d9d9d;position: absolute;width: 100%;transition:top .25s;height: 100%;top:100%;margin-top: -60px;}
.pic-list li .txt .content {padding: 0 13px;}
.pic-list li .txt h3 {color: #828181;font-size: 14px;font-weight: normal;border-bottom: 1px solid #ccc;margin-bottom: 10px;position: relative;}
.pic-list li .txt h3 a {display: block;line-height: 60px;padding-right: 20px;}
.pic-list li .txt i {font:normal 24px/1 'SimSun';color: #B2B2B2;position: absolute;right: -12px;transition:.3s;top: 18px;}
.pic-list li .txt h3 a:hover i {transform:rotate(90deg);}
.pic-list li .txt .more {bottom:10%;line-height: 28px;border: 1px solid #dbdbdb;padding-left:11px;position: absolute;}
.pic-list li .txt .more span {font-family: 'SimSun';margin:0 20px 0 8px;display: inline-block;}
.pic-list li:hover .txt {top: 0;margin-top: 0;opacity: .85;}
.pic-list li:hover h3 a {color: #5a86df;line-height: 20px;padding: 15px 20px 15px 0;}
.pic-list li:hover span {animation:arrMove 1.5s infinite;color: #5a86df;}
.pic-list li .txt .more:hover {border-color: #5a86df;color: #5a86df;}
.prod-c {margin-bottom: 30px;}
@keyframes arrMove {0 {opacity: 1;transform:translateX(0);}100% {opacity: 0;transform:translateX(24px);}}



.article {
    line-height: 30px;
    font-size: 14px;
    font-family: "微软雅黑";
}