@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,* { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6{font-weight: normal;}
BODY {FONT:14px/1.75 "Microsoft YaHei", arial,sans-serif; COLOR: #666;  background:#fff;min-width: 1200px; overflow-x: hidden;}
A {COLOR: #333; TEXT-DECORATION: none}
P{COLOR: #666;}
A:hover {TEXT-DECORATION: none}
A IMG {BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-TOP-STYLE: none; BORDER-LEFT-STYLE: none}
DIV {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
UL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
LI {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
P {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
EM {FONT-STYLE: normal; FONT-WEIGHT: normal}
TABLE {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DT {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DD {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
TR {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
input,textarea{outline: none;}
body{width:auto}
.cl{HEIGHT: 0px; CLEAR: both;}
.jz{margin:0 auto;}
.fl{FLOAT: left}
.fr{FLOAT: right}
.container{width:1200px; margin:0 auto}
.container-s{max-width:1720px; margin:0 auto;}
.c{*zoom:1;}
.c:after{content: ""; display: block; height: 0; clear: both;}
.txt-c{text-align: center;}
.txt-r{text-align: right;}
.col-white{color: #fff;}
.blue{background: #16477f;}




/*内页*/
.ny-main{margin: 30px 0 20px;}
.ny-hd{height: 450px;}


.ny-left{width:260px;}
.column-title{width:260px; background: #16477f;height:90px;padding-top:20px;}
.column-title{color:#fff;font-size:30px;}
.column-title:after{content: '';display: block; background: #fff;width:70px;height:3px;margin-left:20px;margin-top:10px;}
.column-title span{padding-left:20px}
.column-title em{font-size:12px;color:#fff;padding-left: 10px; text-transform: uppercase;}

.ctitle1{background: #eee;width:238px;padding:20px 20px 20px; height:804px;}
.ctitle1>li{float: left; width: 238px; margin-bottom: 10px;}
.ctitle1>li>a{display: block; background: url(../images/jt.png) no-repeat 196px center #26344f; font-size: 15px; line-height: 48px; border-radius:15px; color: #fff; padding-left: 15px; transition:0.3s; text-align:left;}
.ctitle1 .ctitle2{ display: none; background:#fff;}

.menu_head{ display:block; height:45px; line-height:45px; text-align:center;background: url(../images/cbg.jpg) no-repeat bottom; font-size:14px;}
.menu_head a{ display:block; height:45px; line-height:45px; text-align:center;color:#16477f;}
.menu_head a:hover{ display:block; background:#26344f; color:#fff;}

.ctitle1>li.on>a,.ctitle1>li:hover>a{background: url(../images/jt.png) no-repeat 196px center #26344f; color: #fff; text-align:left;}
.ny-left .ctitle1 li.on .ctitle2{background:#fff; padding-bottom:10px;}
.ny-left .ctitle1 li.on .ctitle2 li{ display:block; height:45px; line-height:45px; text-align:center;background: url(../images/cbg.jpg) no-repeat bottom; font-size:14px;}
.ny-left .ctitle1 li.on .ctitle2 li a{ display:block; height:45px; line-height:45px; text-align:center;color:#16477f;}
.ny-left .ctitle1 li.on .ctitle2 li a:hover{ display:block; background:#26344f; color:#fff;}
.ctitle1 .ctitle2 li.on a,.ctitle1 .ctitle2 li:hover a{background: url(../images/ctitle2-on.png) # no-repeat left center; color: #fff;display:block; height:45px; line-height:45px;}

.ny-contact{margin-top:20px;border-bottom:8px solid #16477f;border-radius:10px;padding-bottom:10px;}
.ny-contact .info span{ display: block;margin:10px 0;font-size:15px;}


.ny-right{width:900px;}
.position{display: block;margin-top: 30px; margin-bottom: 20px; border-bottom: solid 1px #ddd;position: relative;}
.position span{display: block; padding-left:33px; font-size: 13px;line-height: 40px;background: url(../images/ny-home.png) no-repeat 5px center;border-bottom: solid 1px #16477f; z-index: 0;position: absolute;bottom: -1px;left: 0;}
.position span a.on{color: #16477f;}
.position span a:hover{color: #16477f;}


/*内页产品列表*/
.product-list ul{width: 930px;}
.product-list ul li{float: left; width: 280px; margin-right: 30px; margin-bottom: 30px;}
.product-list ul li .pic{width: 278px; height: 205px; position: relative; overflow: hidden; border: solid 1px #ccc;}
.product-list ul li h3{display: block;font-size: 15px; line-height: 45px; color: #666; border-bottom: 1px solid #ccc; background: url(../images/link.png) no-repeat right center; position: relative;}
.product-list ul li h3:after{position: absolute; content: ''; width: 0; height: 1px; bottom: -1px; background: #16477f; left: 0; transition:0.6s;}
.product-list ul li:hover h3{color: #16477f}
.product-list ul li:hover h3:after{width: 100%;}