/**DingYan**/
.clear { clear: both; }
.clear:after { clear: both; content: ""; display: block; visibility: hidden; height: 0; }
.fl { float: left; }
.fr { float: right; }
.tar { text-align: right; }
.mt20 { margin-top: 20px; }
.pt20 { padding-top: 20px; }
.ml220 { margin-left: 220px; }
.pl10 { padding-left: 10px; }
.pt12 { padding-top: 12px; }
.zt3 { font-size: 16px; color: #565e6b; font-weight: bold; line-height: 46px; font-family: Microsoft Yahei; }
.zt4 { font-size: 26px; color: #c0c0c0; font-weight: 100; line-height: 48px; font-family: Microsoft Yahei; }
.h30 { height: 30px; font-size: 1px; }
@font-face { font-family: 'HELVETICANEUELTPRO-THEX'; src: url('../font/HELVETICANEUELTPRO-THEX.OTF'); font-weight: normal; font-style: normal; }
.bt1 { font: bold 16px/30px '微软雅黑'; color: #dadada; padding-right: 10px; }
.within { width: 1200px; margin: 0 auto; }
.subbaner { background: url(../sub/subbaner.jpg) no-repeat center top; width: 100%; height: 400px; }
.tit2 { background: #f3f9ff; line-height: 42px; height: 42px; font-family: '微软雅黑'; overflow: hidden; border-bottom: 1px solid #d3e7fc; margin-bottom: 30px; text-align: right; color: #6e6e6e; }
.tit2 a { color: #6e6e6e; }
.subtopbg { width: 1200px; height: 250px; margin: 0 auto; }
.subtopbg h2 { position: absolute; z-index: 2; margin-left: 40px; width: 150px; height: 60px; line-height: 60px; text-align: left; font-family: '微软雅黑'; font-size: 24px; color: #fff; top: 30px; z-index: 3; border-bottom: 1px solid #fff; }
.subtopbg p { position: absolute; z-index: 2; margin-left: 40px; width: 550px; height: 40px; line-height: 40px; text-align: left; font-family: '微软雅黑'; font-size: 16px; color: #fff; top: 100px; z-index: 3; border-bottom: 1px solid #fff; }
.subtop { position: absolute; width: 1140px; z-index: 2; height: 36px; text-align: center; bottom: 30px; padding: 0 30px; }
.subnav li { width: 124px; height: 38px; float: left; margin: 0 8px; overflow: hidden; }
.subnav li.on { background: #565e6b; width: 120px; height: 36px; display: block; color: #fff; border-radius: 15px; -webkit-border-radius: 15px; border: 1px solid #000; }
.subnav li.on em { background: none; border: none; }
.subnav li em { background: #565e6b; width: 120px; height: 36px; position: absolute; z-index: 2; left: 0px; display: block; transition: all 0.5s; -webkit-transition: all 0.5s; border-radius: 0px; -webkit-border-radius: 0px; border: 1px solid #000; }
.subnav li:hover em { border-radius: 15px; -webkit-border-radius: 15px; overflow: hidden; background: #565e6b; }
.subnav li a { width: 120px; height: 36px; line-height: 36px; position: absolute; z-index: 3; left: 0; color: #fff; font-family: '微软雅黑'; font-size: 14px; text-decoration: none; }
.side { float: left; position: relative; width: 270px; margin-bottom: 5px; }
.side .bigtit { position: absolute; top: -70px; left: 0; width: 270px; height: 70px; background: url(../sub/menuhover.jpg) repeat-x 0 0; border-radius: 10px 10px 0 0; color: #fff; -webkit-box-shadow: 0 0 9px #fff; box-shadow: 0 0 9px #fff; overflow: hidden; cursor: pointer; -webkit-transition: all .6s ease-in; transition: all .6s ease-in; }
.side .bigtit em { position: absolute; top: -100px; left: -560px; width: 560px; height: 426px; display: block; background: url(../sub/h-xshot-mask.png) no-repeat 0 0; -webkit-transition: all .6s ease-in; transition: all .6s ease-in; }
.side .bigtit h2 { position: absolute; top: 14px; left: 20px; font-size: 24px; }
.side .bigtit p { position: absolute; top: 40px; left: 20px; font-size: 14px; font-family: '微软雅黑'; }
.side .bigtit i { position: absolute; top: 10px; left: 0; font-size: 70px; font-style: normal; font-family: '微软雅黑'; width: 1000px; opacity: .1; filter: alpha(opacity=10); }
.side .bigtit:hover { -webkit-box-shadow: 0 0 9px #3565a2; box-shadow: 0 0 9px #3565a2; height: 100px; top: -100px; }
.side .bigtit:hover em { left: 0; }
.lie { height: 48px; margin-top: 13px; padding: 0 15px; }
.lie a { color: #4776b1; }
.lie a:hover { color: #2c8aff; }
.lef, .lefprod { width: 270px; background: #f7f6f2; box-shadow: 0px 2px 3px #ccc; -webkit-box-shadow: 0px 2px 3px #ccc;/*border:10px solid #72a0da*/ border: 1px solid #f3f3f3; margin-top: 59px; }
.lef .tit, .lefprod .tit { background: #4776b1; height: 50px; line-height: 50px; color: #fff; font-family: '微软雅黑'; font-size: 18px; text-indent: 15px; }
.lef ul li a { width: 240px; line-height: 40px; height: 40px; font-family: '微软雅黑'; font-size: 13px; display: block; padding: 0px 15px; text-decoration: none; border-bottom: 1px solid #dedede; background: #f7f6f2; transition: all 0.3s; -webkit-transition: all 0.3s; overflow: hidden; }
.lef ul li:hover a { background: #72a0da; color: #fff; border-bottom: 1px dashed #72a0da; }
.lef li a.on, .lefprod li a.on { background: #3565a2; color: #fff; border-bottom: 1px solid #72a0da; }
.lef .cont, .lefprod .cont { background: #72a0da; color: #fff; padding: 0px 10px; font-family: '微软雅黑'; font-size: 12px; line-height: 26px; padding-top: 10px; }
.rig { width: 850px; background: #f7f6f2; box-shadow: 0px 2px 8px #ccc; -webkit-box-shadow: 0px 2px 8px #ccc; padding: 0px 20px 30px; border: 1px solid #f3f3f3; }
.rig .tit, .casetit { border-bottom: 1px solid #ccc; height: 60px; line-height: 60px; font-family: '微软雅黑'; overflow: hidden; }
.rig .tit .but, .casetit .but { border: 1px solid #ccc; width: 80px; height: 30px; line-height: 30px; text-align: center; margin-top: 15px; font-family: '微软雅黑'; border-radius: 10px; -webkit-border-radius: 10px; }
.rig .tit .but:hover, .casetit .but:hover { color: #fff; background: #2674d4; }
.within h1 { margin: 0; }
.within a { text-decoration: none; margin: 0; font-family: '微软雅黑';color:#444; }
.within .h1 { background: url(../sub/tu01.png) no-repeat left center; padding-left: 35px; font-family: '微软雅黑', "黑体"; vertical-align: middle; font-size: 20px; color: #444; font-weight: bold; text-align: left; }
.within .h1 span { font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: 100; }
.company, .yewu, .news, .case, .prodone, .prodcon, .downmain, .jobs, .feedback, .contact { border-top: 1px solid #ccc; margin-top: 2px; padding-top: 20px; }
.company p, .company { line-height: 24px; font-size: 13px; text-indent: 2em; color: #6e6e6e; font-family: '微软雅黑'; }
.yewu { line-height: 28px; font-size: 14px; color: #6e6e6e; margin-bottom: 18px; font-family: '微软雅黑'; }
.company p { margin-bottom: 18px; }
.news .hotnews { height: 160px; }
.news .hotnews li { position: relative; width: 265px; height: 150px; margin-right: 18px; float: left; }
.news .hotnews li img { display: block; width: 265px; height: 150px; position: absolute; z-index: 1; }
.news .hotnews li .p1 { height: 30px; line-height: 30px; position: absolute; z-index: 3; bottom: 0px; overflow: hidden; color: #fff; }
.news .hotnews li .p2 { width: 265px; height: 30px; position: absolute; z-index: 2; bottom: 0px; background: #000; filter: alpha(opacity=60); -moz-opacity: 0.6; -webkit-opacity: 0.6; opacity: 0.6; }
.news .newslist li:after { clear: both; content: ""; display: block; visibility: hidden; height: 0; }
.news .newslist li { border-bottom: 1px solid #ccc; }
.news .newslist li:hover { background: #f5f5f5; }
.news .p1 { font: 14px/50px '微软雅黑'; display: block; color: #4c6da2; padding: 0 3px; }
.news .p2 { font-size: 12px; line-height: 50px; font-family: '微软雅黑'; width: 100px; color: #777; }
.news .span1 { background: url(../sub/zt1.png) no-repeat left center; margin-right: 15px; padding-left: 16px; color: #b7b7b7; }
.news .span2 { background: url(../sub/zt2.png) no-repeat left center; padding-left: 16px; color: #b7b7b7; }
.news h3 { font-size: 20px; text-align: center; line-height: 40px; }
.news .p3 { text-align: center; }
.news .summary { background: url(../sub/zt3.png) no-repeat 30px 10px; border: 1px dashed #ccc; height: 60px; margin: 20px 0 10px; font-size: 14px; line-height: 28px; padding: 35px 50px 20px 75px; color: #c6c6c6; font-family: '微软雅黑'; }
.news .news_show p { text-indent: 2em; line-height: 28px; margin: 13px 0px; color: #6e6e6e; font-family: '微软雅黑'; }
.news .news_show p { text-indent: 2em; line-height: 28px; margin: 13px 0px; }
.video { font: bold 30px/360px '微软雅黑'; text-align: center; }
.prodtop .one { font: 14px/32px '微软雅黑'; background: #f7f6f2; background-size: 12px 6px; padding-left: 16px; overflow: hidden; border-bottom: 1px dashed #ccc; display: block; transition: all 0.3s; -webkit-transition: all 0.3s; }
.prodtop .one:hover { background: #72a0da; color: #fff; border-bottom: 1px dashed #72a0da; text-indent: 5px; }
.prodtop .two {background: #6096cb; }
.prodtop .two li a { font-size: 12px; font-family: '微软雅黑'; line-height: 28px; color: #fff; display: block; border-bottom: 1px solid #3f7bb5; padding-left: 18px; }
.prodtop .two li:hover a { color: #fff; background: #3f7bb5; }
.prodtop .two li:hover a { color: #fff; }
.prodone { }
.prodone li { border: 1px solid #ccc; float: left; line-height: 26px; width: 250px; padding: 2px; text-align: center; margin: 12px 13px; overflow: hidden; }
.prodone li p { background: #f0f0f0; font: 14px/34px '微软雅黑'; }
.prodone li:hover { border: 1px solid #565e6b; box-shadow: 0px 0px 10px #343434; -webkit-box-shadow: 0px 0px 10px #343434; }
.prodone li:hover p { background: #565e6b; color: #fff; }
.prodone li a div { display: block; width: 250px; height: 160px; overflow: hidden; }
.prodone li img { display: block; width: 250px; height: 160px; transition: all 0.5s; -webkit-transition: all 0.5s;}
.prodone li:hover img { transform: scale(1.0, 1.0); -webkit-transform: scale(1.0, 1.0); }
.prodshow { font: 14px/30px '微软雅黑'; color: #6e6e6e; }
.prodshow h2 { font-size: 18px; height: 40px; text-align: center; }
.ptu { width: 460px; overflow: hidden; }
.project { width: 380px; }
.project li { float: left; width: 110px; height: 85px; padding: 2px; border: 1px solid #ccc; text-align: center; position: relative; margin: 4px 5px; }
.project li img { width: 110px; height: 85px; display: block; position: absolute; z-index: 2; }
.project li:hover { border: 1px solid #72a0da; cursor: pointer; }
.projshow { margin-top: 20px; line-height: 24px; }
.projtu { font: 14px/28px '微软雅黑'; }
.projtu li { float: left; width: 267px; padding: 8px 2px; border: 1px solid #ccc; text-align: center; position: relative; margin: 5px; }
.projtu li a:link    {color:#444;}
.projtu li a:visited {color:#3a75c1;font-weight:bold;}
.projtu li a:hover   {color:#444;}
.projtu li a:active  {color:#444;}
.projtu li a { font-size: 14px; color: #444; }
.projtu li:hover { border: 1px solid #72a0da; cursor: pointer; }
.projtu li:hover a { color: #72a0da; }
.projlist { overflow: hidden; position: relative; }
.projlist .hd { overflow: hidden; height: 30px; background: #f4f4f4; padding: 0 10px; }
.projlist .hd .prev, .projlist .hd .next { display: block; width: 9px; height: 5px; float: right; margin-right: 5px; margin-top: 10px; overflow: hidden; cursor: pointer; background: url("../sub/arrow2.png") 0 -100px no-repeat; }
.projlist .hd .next { background-position: 0 -140px; }
.projlist .hd .prevStop { background-position: -60px -100px; }
.projlist .hd .nextStop { background-position: -60px -140px; }
.projlist .hd ul { float: right; overflow: hidden; zoom: 1; margin-top: 10px; }
.projlist .hd ul li { float: left; width: 9px; height: 9px; overflow: hidden; margin-right: 5px; text-indent: -999px; cursor: pointer; background: url("../sub/icoCircle.gif") 0 -9px no-repeat; }
.projlist .hd ul li.on { background-position: 0 0; }
.projlist .bd { padding: 15px 0; }
.projlist .infoList li { height: 24px; line-height: 24px; }
.projlist .infoList li .date { float: right; color: #999; }
/*
.project li:hover i{width:150px;height:110px;display:block;position:absolute;z-index:3;background:#72a0da;filter:alpha(opacity=50);-moz-opacity:0.5;-webkit-opacity:0.5;opacity:0.5;}*/

.downmain { width: 870px; overflow: hidden; }
.downmain ul li { width: 400px; line-height: 40px; background: #f0f0f0 url(../sub/down.png) no-repeat 395px center; padding: 0px 18px 0px 8px; margin: 5px 4px; float: left; }
.downmain ul li:hover { background: #2674d4 url(../sub/downon.png) no-repeat 395px center; }
.downmain ul li:hover a { color: #fff; display: block; }
/*.download{height:100px;border-bottom:1px solid #f5f5f5;margin-bottom:15px;padding-top:30px;}
.download:hover{background:#f5f5f5;}
.download .time {width:120px;}
.download .time .year{font-family:'HELVETICANEUELTPRO-THEX';font-size:14px;}
.download .time .yt{font-size:30px;color:#555;font-family:'HELVETICANEUELTPRO-THEX';}
.download .down{width:630px;color:#555;line-height:32px;margin-left:30px;}
.download .down p{color:#555;}
.download:hover .time .yt{color:#333;}
.download:hover .time .year{color:#333;}
.download:hover .down p{color:#333;}
.download .down h3{font-size:16px;}
.download:hover .down h3{color:#72a0da;}
.download .butdown{margin-right:15px;background:url(../sub/down.png) no-repeat center;width:50px;height:50px;display:block;}
.download:hover .butdown{background:url(../sub/downon.png) no-repeat center;}
*/


.case { background: #fff; box-shadow: 0px 2px 8px #ccc; -webkit-box-shadow: 0px 2px 8px #ccc; padding: 0px 20px 30px; border: 1px solid #f3f3f3; }
.casecon { min-height: 600px; margin-bottom: 20px; }
.casetop { border: 1px solid #f2f2f2; border-right: none; border-left: none; height: 34px; line-height: 34px; padding: 0 10px; margin-bottom: 20px; }
.casetop h3 { font-size: 16px; float: left; font-weight: 100; }
.casetop a { display: block; float: right; }
.caselist .hd { width: 860px; margin: 0 auto; }
.caselist .hd .prev, .caselist .hd .next { display: block; width: 20px; height: 44px; overflow: hidden; cursor: pointer; background: url("../sub/arrow.png") no-repeat 0 0; float: left; margin-top: 60px; }
.caselist .hd .next { background-position: -20px 0px; float: right; }
.caselist .bd { width: 800px; margin: 0 auto; }
.caselist li { float: left; width: 150px; height: 140px; text-align: center; position: relative; margin: 5px 5px; }
.caselist li .img { width: 150px; height: 113px; display: block; border: 1px solid #ccc; overflow: hidden; }
.caselist li img { width: 150px; height: 113px; display: block; transition: all .5s; -webkit-transition: all .5s; }
.caselist li:hover img { transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); }
.caselist li p { height: 28px; line-height: 28px; }
.feedback { font-size: 14px; font-family: "微软雅黑", "Microsoft YaHei"; }
.feedback p { line-height: 32px; font-size: 14px; color: #999; margin: 5px 0; font-family: Microsoft Yahei; }
.feedback p span { font-size: 20px; color: #6e6e6e; font-family: Microsoft Yahei; }
.feedback input { height: 34px; margin: 10px 15px; width: 390px; padding-left: 5px; outline: none; border: 1px solid #ccc; font-family: Microsoft Yahei; color: #6e6e6e; }
.feedback input:hover { border: 1px solid #72a0da; }
.feedback textarea { height: 34px; margin: 0px 15px; width: 78%; height: 90px; padding: 3px; outline: none; border: 1px solid #ccc; font-family: Microsoft Yahei; color: #6e6e6e; }
.feedback textarea:hover { border: 1px solid #72a0da; }
.feedback .tij { width: 250px; line-height: 38px; height: 38px; text-align: center; background: #0d4fa2; display: block; margin: 20px 0px; cursor: pointer; font-size: 16px; color: #fff; font-family: Microsoft Yahei; }
.feedback .tij:hover { background: #1b6fd8; color: #fff; }
.feedback b { color: #f00; }
.jobs {/*background:#fff;*/ height: 100%; }
.jobs table td { font-size: 14px; text-align: left; line-height: 42px; font-family: "微软雅黑", "Microsoft YaHei"; background: #f0f0f0; border-bottom: 1px solid #ccc; padding-left: 8px; cursor: pointer; }
.jobs .jobcon { font-size: 14px; line-height: 30px; display: none; padding: 18px 12px; font-family: "微软雅黑", "Microsoft YaHei"; background: #fcfcfc; }
.jobs .jobcon strong { font-size: 14px; font-weight: blod; line-height: 30px; color: #565e6b; }
.jobs .jobcon a.but { background: #72a0da; width: 120px; line-height: 32px; height: 32px; text-align: center; display: block; cursor: pointer; color: #fff; font-size: 14px; font-family: "微软雅黑", "Microsoft YaHei"; margin: 20px 0px; }
.contact h2 { font-size: 22px; color: #565e6b; height: 50px; line-height: 50px; font-family: "微软雅黑", "Microsoft YaHei"; }
.contact p { font-size: 14px; color: #343434; line-height: 28px; font-family: "微软雅黑", "Microsoft YaHei"; }
.page { width: 100%; height: 40px; margin-top: 20px; }
.page .butt { width: 120px; height: 30px; line-height: 30px; text-align: center; font-family: "微软雅黑", "Microsoft YaHei"; font-size: 15px; border: 1px solid #c5c5c5; display: block; }
.page .butt:hover { border: 1px solid #2674d4; color: #2674d4; }
.fenye { height: 28px; marign: 30px auto 20px; text-align: center; }
.fenye .butt { width: 30px; height: 28px; line-height: 28px; text-align: center; margin: 0 6px; display: block; float: left; border: 1px solid #c5c5c5; background: #fff; }
.fenye a:hover { border: 1px solid #2674d4; color: #2674d4; }
.fenye .on { border: 1px solid #2674d4; color: #2674d4; text-decoration: underline; }
.fenye a, .fenye p { float: left; line-height: 28px; }
.fenye .padeinput { width: 44px; height: 24px; padding: 2px 3px; border: 1px solid #c5c5c5; outline: none; margin: 0px 3px; }
.fenye .que { width: 58px; height: 28px; line-height: 28px; text-align: center; margin: 0 6px; display: block; float: left; border: 1px solid #c5c5c5; background: #f7f7f7; text-decoration: none; }
.fenye .que:hover { background: #2674d4; color: #fff; }

.bgtable{border:1px solid #ccc;border-top:none;border-right:none;width:99%;}
.bgtable td{border:1px solid #ccc;border-bottom:none;border-left:none;line-height:40px;padding-left:8px;color:#444;font-size:14px; font-family: "微软雅黑", "Microsoft YaHei";}