html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }

html { line-height: 1; }

ol, ul { list-style: none; }

div, dl, dt, dd, ol, ul, li { *zoom: 1; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

.fl { float: left; display: inline; }

.fr { float: right; display: inline; }

.hide { display: none; }

.mt10 { margin-top: 10px; }

.mb10 { margin-bottom: 10px; }

.mt20 { margin-top: 20px; }

.mb20 { margin-bottom: 20px; }

.clear { clear: both; *height: 0; *font-size: 0; *line-height: 0; }

.clearfix { *zoom: 1; }
.clearfix:after { content: ""; display: table; clear: both; }

body { font-size: 14px; line-height: 20px; color: #333; background-color: #fff; font-family: "Microsoft Yahei"; }

a { text-decoration: none; color: #444; transition:all 0.3s }
a:hover { color: #006dae; text-decoration: none; }

/* layout */
.container, #content { width: 1200px; margin-left: auto; margin-right: auto; }

#wrap, #content { *zoom: 1; }
#wrap:after, #content:after { content: ""; display: table; clear: both; }

.mainContent { float: right; display: inline; width: 740px; }

.side { float: left; display: inline; width: 250px; }

.box .hd .tab a { padding: 0 15px; }
.box .hd .tab .on a { font-weight: bold; }

.row { *zoom: 1; padding:30px 0; }
.row:after { content: ""; display: table; clear: both; }
.row .col { float: left; display: inline; box-sizing: border-box; width: 50%; }
.row .col:nth-child(odd) { padding-right: 15px; }
.row .col:nth-child(even) { padding-left: 15px; }

.mod { max-width: 1200px; margin-bottom: 20px; margin-left: auto; margin-right: auto; background-color: #fafafa; padding: 12px 20px 10px 20px; box-sizing: border-box; }
.mod-hd { *zoom: 1; border-bottom: #eee 1px solid; box-shadow: #fff 0 1px 0; padding-bottom: 10px; margin-bottom: 5px; }
.mod-hd:after { content: ""; display: table; clear: both; }
.mod-hd .title { float: left; display: inline; font-size: 18px; font-weight: 100; color: #578EBE; }
.mod-hd .more { float: right; display: inline; color: #777777; }
.mod-bd { *zoom: 1; padding-top: 8px; padding-bottom: 8px; }
.mod-bd:after { content: ""; display: table; clear: both; }

.focusPic, .focusPic-picTitle { width: 300px; margin-left: auto; margin-right: auto; }

.infoList-col2 { *zoom: 1; margin-right: -30px; *display: inline; }
.infoList-col2:after { content: ""; display: table; clear: both; }
.infoList-col2 li { float: left; display: inline; box-sizing: border-box; width: 50%; *width: 445px; padding-right: 30px; }


/* header */
#header {height: 110px;}
#header .logo { padding-top:27px;}
#header .topbar {float:right;padding-top: 32px;}
#header .topbar dl {float:left;margin-left:20px;display:inline;position:relative;z-index: 1;}
#header .topbar dl dt {width:40px;height:40px;border:1px solid #d3d3d3;border-radius: 50%;}
#header .topbar dl.phone dt { background:url(images/phoneicon.png) no-repeat center;}
#header .topbar dl.srh dt { background:url(images/srhicon.png) no-repeat center; transition:all 0.3s;}
#header .topbar dl.on dt { background-color:#eff6f9; border-color:#b7d4e5;}
#header .topbar dl.srh dd { position:absolute; top:0px; left:50%; margin-left:-170px; padding:8px; width:240px; filter:alpha(opacity=0); *display:none; opacity: 0; background-color:#fff;border:1px solid #eee;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);border-radius:8px; transition:all 0.3s;}
#header .topbar dl.srh.on dd { display:block;  top:42px; filter:alpha(opacity=1); opacity: 1;filter: "alpha(opacity=1)";}
#header .topbar dl.srh dd .keyword { height:14px; padding:8px; border:0; width:184px;}
#header .topbar dl.srh dd .submit {height:30px;width:40px;border:0;background-color:#0770b0;color:#fff;border-radius:5px;cursor: pointer;transition: all 0.5s;}
#header .topbar dl.srh dd .submit:hover { background-color:#468cb7;}

#header .topbar .phone {position:relative;z-index: 11;}
#header .topbar .phone .con {position:absolute;top:45px;right:0;padding:8px;background:#fff;box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); display:none;}
#header .topbar .phone.on .con { display:block;}

#header #topNav {float:right;padding-top: 32px;}

.subBanner { height:330px; background:url(images/pagebanner1.jpg) no-repeat center;}
.subBanner h2 { background:url(images/pageh2line.png) no-repeat left bottom; height:80px; line-height:80px; font-size:35px; padding:105px 0 0 0; margin-left:40px;}
.subBanner .in { height:330px;}

.subMenu { border-bottom:1px solid #e6e6e6; height:55px; line-height:55px; font-size:18px; }
.subMenu li {float:left;}
.subMenu li a { display:block; padding:0 30px;}
.subMenu li.on a { background:#4997c5; color:#fff;}

/* mainNav */
#mainNav .li1 { float: left; display: inline; font-size: 16px; position: relative; z-index: 90; }
#mainNav .a1 { display: block; padding: 0 16px; line-height: 40px; font-weight:bold;}
#header .mainNav .on1 .a1, #mainNav .a1:hover { border-bottom:2px solid #4997c5; color: #006dae; text-decoration: none; }
#mainNav .ul1 { display: none; position: absolute; z-index: 91; background-color: #fff; text-align: center; width: 100px; left: 50%; margin-left: -50px; box-shadow: #999 0 2px 3px; }
#mainNav .a2 { display: block; font-size: 14px; padding: 0 10px; line-height: 30px; }
#header #mainNav { margin: 0 auto; }

.mainBanner { position:relative;}
.mainBanner .bd li .pic .pic_bg {display:block;height:630px;background-position: center center;background-repeat: no-repeat;}
.mainBanner .bd .con { display:none;}
.mainBanner .hd {position:absolute;width:1160px;margin-left:-580px;bottom:40px;text-align: center;left: 50%;}
.mainBanner .hd li {width:12px;height:12px;border-radius: 6px;line-height: 50px; margin:0 5px; overflow:hidden;display:inline-block;float:none;background:#fff; transition:all 0.2s;}
.mainBanner .hd li.on { background:#4997c5; padding:0 10px;}

/*out products */
.row .rowTi { height:60px; line-height:60px; text-align:center; font-size:40px; padding-bottom:5px; background:url(images/hdline.png) no-repeat bottom;}
.row .rowHd {text-align:center;margin: 35px 0;}
.row .rowHd li { display:inline-block; font-size:18px; margin:0 10px;}
.row .rowHd li a { padding:0 23px 0 66px; background:#ebebeb url(images/prodicons.png) no-repeat 20px 11px; line-height:50px; height:50px; display:block; border-radius:5px;}
.row .rowHd li.li2 a {background-position: -160px 10px;}
.row .rowHd li.on a {font-weight:bold;color:#fff;background-color: #ebca1a;background-position: 20px -39px;}
.row .rowHd li.li2.on a {background-position: -160px -39px;}

.prodBox .bd { padding: 10px 0;}
.prodBox .bd ul li { margin: 0 40px 0 0;}
.prodBox .hd { text-align:center; padding:20px 0;}
.prodBox .hd ul li { display:inline-block; width:12px; height:12px; line-height:50px; overflow:hidden; background-color:#dcdcdc; border-radius:6px; margin:0 5px; transition:all 0.3s;}
.prodBox .hd ul li.on { background-color:#4997c5; padding:0 10px;}

/* Development Invention */
#rowB { background:url(images/rowBbg.jpg) no-repeat; min-height:555px;}
#rowB .rowHd { width:216px; float:right;}
#rowB .rowHd li { margin-bottom:20px; }
#rowB .rowHd li a {  width:212px; border:2px solid #8db4cf; color:#467bb5; background:#fff url(images/cxicons.png) 73px 40px; padding:110px 0 36px; height:40px; line-height:40px; position:relative;}
#rowB .rowHd li.li2 a { background-position:73px -170px}
#rowB .rowHd li.on a { background-color:#e7c66c; border:2px solid #e7c66c; color:#fff; font-weight:400; background-position:-127px 40px }
#rowB .rowHd li.li2.on a { background-position:-127px -170px }
#rowB .rowHd li.on a:before { position:absolute; left:-10px; top:50%; margin-top:-10px; content:"";display:block;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-right: 10px solid #e7c66c;}

.yfcxBox { margin-top:50px; position:relative; width:630px; height:400px;}
.yfcxBox li { position:relative; width:630px; height:400px; }
.yfcxBox .prevBtn, .yfcxBox .nextBtn { position:absolute; z-index:2; top:290px; right:0; content:""; display:block; width:40px; height:35px; background:#e7c66c url(images/arricon.png) no-repeat 15px center; cursor:pointer; transition:all 0.3s;}
.yfcxBox .nextBtn {right:-40px; background-color:#dfdfdf; background-position:-25px center}
.yfcxBox .prevBtn:hover, .yfcxBox .nextBtn:hover { background-color:#d8a61e}
.yfcxBox#zycp .pic { padding-left:50px;}
.yfcxBox .con { position:absolute; z-index:1; left:450px; top:100px; width:400px; height:135px; background:url(images/tmb85.png); padding:35px 45px 0 55px; opacity:0; -webkit-transform: translateY(120px);
    -moz-transform: translatex(50px);
    -ms-transform: translatex(50px);
    -o-transform: translatex(50px);
    transform: translatex(50px);transition: all 1.2s !important;}
.yfcxBox li.on .con { opacity: 1;  -webkit-transform: translateY(0);  -moz-transform: translateY(0); -ms-transform: translateY(0);  -o-transform: translateY(0);  transform: translateY(0);}
.yfcxBox .con .title { height:30px; line-height:30px; font-size:18px; font-weight:bold; padding:3px 0 8px;}
.yfcxBox .con .title a { color:#fff;}
.yfcxBox .con .intro { line-height:26px; color:#cce3ed}
.yfcxBox .con .more { display:none;}
.yfcxBox ul { overflow:visible!important;}
.yfcxBox  .hd { display:none}

/* News */
#rowC { background:url(images/rowCbg.jpg) no-repeat;}
#rowC .container { margin-top:50px; background-color:#fff; padding:25px; width:1150px;}
#rowC .focusPic { float:right; width:560px; position:relative; overflow:hidden; margin-left:30px; display:inline;}
#rowC .focusPic .hd { display:none;}
#rowC .focusPic .bd li .con .title { height:40px; line-height:40px;; text-align:left;}
#rowC .focusPic .bd li .con .bg { height:40px; background:rgba(0, 0, 0, 0.5)}
#rowC .focusPic .prev, #rowC .focusPic .next { position:absolute; z-index:19; bottom:40px; right:40px; content:""; display:block; width:40px; height:35px; background:#e7c66c url(images/arricon.png) no-repeat 15px center; cursor:pointer; transition:all 0.3s;}
#rowC .focusPic .next {right:0px; background-color:#dfdfdf; background-position:-25px center}
#rowC .focusPic .prev:hover, #rowC .focusPic .next:hover { background-color:#d8a61e}

#rowC .topNews { overflow:hidden; min-height:350px;}
#rowC .topNews li.t { padding:16px 0 16px 95px; position:relative; border-bottom:1px solid #e7e7e7;}
#rowC .topNews li.t .title { font-size:16px;}
#rowC .topNews li.t .title a { color:#464646; font-weight:bold;}
#rowC .topNews li.t .intro { color:#888; font-size:14px; line-height:26px;}
#rowC .topNews li.t .more { display:none;}
#rowC .topNews li.t .date { position:absolute; left:0; width:75px; text-align:center;; line-height:36px;}
#rowC .topNews li.t .date i { font-style:normal; font-size:30px; display:block; line-height:}

#rowC .topNews li.t.on .title a { color:#006cae}
#rowC .topNews li.t.on .intro { color:#809fbb; }
#rowC .topNews li.t.on .date { color:#809fbb}
#rowC .topNews li.t.on .date i{ color:#006cae}

/* otherLink */
.otherLink { padding:0 20px; text-align:center;}
.otherLink li { display:inline-block;height:40px; line-height:40px; border-right:1px solid #ececec; font-size:20px; padding:0 50px;}
.otherLink li .pic { display:inline-block; margin-right:20px;}
.otherLink li img {vertical-align:top;}
.otherLink li:hover .pic { transform:scale(-1,1)}
.otherLink li.li3 { border:0;}


.channel{ font-size:16px; max-width:1920px; margin:0 auto; line-height:1.8; }
.channel .row{padding: 30px 0 0;}
.channel .mTitle{font-size:50px;text-align:center;color:#299DE9;font-weight: lighter;margin-bottom:10px;}
.channel .mIntro{text-align:center; line-height:30px;}
.channel .eTitle{ font-size:24px; font-weight:100; text-align:center; color:#666666; line-height:1.1; margin:-15px 0 12px 0; }
#rcln{background:url(../images/channel4-pic1.jpg) center 0 no-repeat;padding-bottom: 50px;}
#rcln .mTitle{ color:#fff; padding:10px 0 20px 0}
#rcln .mIntro{color:#fff;height: 467px;line-height:30px;}
#zyfz{padding:30px 0 0 0}
#zyfz .img{height:512px;background:url(images/channel4-pic2.png) center 0 no-repeat;}
#xjhxc .bdsharebuttonbox{position:absolute; right:0; top:-40px;}
#xjhxc{ background:#F3FAFE; padding:60px 0}
#xjhxc .eTitle{margin-bottom:90px;}
.zpxjh{ width:100%; }
.zpxjh th,.zpxjh td{padding: 12px 5px;text-align:center;background:#E2E8EC;border-right:1px solid #fff;width:20%;}
.zpxjh th{ background:#169DF0; color:#fff; font-size:18px;}
.zpxjh .even td{ background:#fff }
.moreBtn{height:60px;line-height:60px;border:1px solid #ccc;width:295px;display:block;text-align:center;font-size:22px;background:#FFFFFF;color:#666; margin:20px auto}
.moreBtn:hover{ background:#E9F5FD; text-decoration:none; color:#299DE9}
#rczxlc{ background:#169DF0; color:#fff;}
#rczxlc .mTitle,#rczxlc .eTitle{ color:#fff; }
#rczxlc .img{height:372px; background:url(images/channel4-pic3.png) center 0 no-repeat; margin:80px 0 60px 0}
#shzpzw{padding: 40px 0;}
#shzpzw .eTitle{margin-bottom:50px;}
.zpzwTable{width:100%;}
.zpzwTable th,.zpzwTable td{ padding:5px; background:#F0F0F0; text-align:center; width:33.33%; background:#fff;}
.zpzwTable th{background:#169DF0; color:#fff; font-weight:normal; font-size:18px;}
.zpzwTable .even td{background:#F0F0F0}
#shzpzw .line{display:block; border:1px solid #D9D9D9; height:1px; border-right:0; border-left:0; font-size:0;line-height:0; overflow:hidden}
#shzpzw .tdjl{ padding:20px 25px; font-size:14px; line-height:36px; color:#666}
/* #shzpzw .moreBtn{margin:45px auto 100px auto} */
.morelist{margin:0 auto;width: 750px;overflow: hidden;}

/* footer */
#footer { text-align: center; background:#4b4c4e; color:#fff; text-align:left;}
#footer .container {  no-repeat right; min-height:110px;}
#footer .copyright { line-height: 30px; padding: 20px 0 20px; font-family: Arial; }