@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{padding:0;margin:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
:focus{outline: 0;} 
ol,ul{list-style:none;}
/*base css*/
body { background:url(../images/bg.jpg) repeat-x; font-size:12px; color:#494848; font-family:"微软雅黑",arial; margin:0px; padding:0px; overflow:hidden; overflow-y:visible;}
body,td,th {font-size: 12px;}
hr{ border:0; padding:0; margin:0; display:block}
a{color:#8c8c8c;text-decoration:none;}
a:hover{text-decoration:none;}


/*read页CSS*/
.nread { width:100%; height:auto; overflow:hidden; margin-bottom:10px;}
.nread .title {font-size:16px; font-weight:bold; text-align:center; line-height:30px}
.nread .come {border:1px #CCCCCC dotted; font-size:13px; text-align:center; line-height:30px; height:30px}
.nread .pic { padding:10px 0px; text-align:center}
#newscontent { min-height:200px; _height:200px; padding-bottom:10px; border-bottom:#CCCCCC dotted 1px; line-height:180%; margin-top:10px}
#newscontent .b { font-size:14px; display:block; border-bottom:1px solid #CCCCCC}
.nread .close { text-align:center; height:30px; line-height:30px}
.nread dl { width:auto; height:auto; overflow:hidden}
.main .neiye dd .nread dl dt { height:30px; line-height:30px; font-size:14px; font-weight:bold; border-bottom:#CCCCCC 1px solid; padding:0px; margin:0px;}
.main .neiye dd .nread dl dd { overflow:hidden; width:100%; height:auto; overflow:hidden; margin:0px;}
.nread dl dd p { line-height:28px; height:28px; overflow:hidden; border-bottom:1px dashed #CCCCCC; float:left; width:100%}
.nread dl dd p a { float:left}
.nread dl dd p span { float:right; margin-right:10px}


.head { overflow:hidden; width:1002px; height:105px; margin:0 auto;}
.head .logo { overflow:hidden; width:208px; height:105px; float:left;}
.head .nav { overflow:hidden; width:752px; height:105px; float:left; margin-left:40px;}
.head .nav ul { overflow:hidden; width:752px; height:105px; float:left;}
.head .nav ul li { width:82px; height:105px; line-height:105px; font-size:15px; float:left; text-align:center;}
.head .nav ul li a { color:#ffffff; height:102px; line-height:102px; border-top:#2b2b2b 3px solid; display:block;}
.head .nav ul li a:hover,.head .nav ul .on a { background:#000000; color:#e60012; border-top:#e60012 3px solid;}

.banner{width:1583px; height:644px; overflow:hidden; position:relative; z-index:999; left:50%; margin-left:-791px;}
#focus {width:1583px; height:644px; overflow:hidden; position:relative; z-index:999}
#focus ul {height:644px; position:absolute;}
#focus ul li {float:left; width:1583px; height:644px; overflow:hidden; position:relative; background:#000;}
#focus ul li div {position:absolute; overflow:hidden;}
#focus .btnBg {position:absolute; width:1583px; height:20px; left:0; bottom:0; background:#000; display:none;}
#focus .btn {position:absolute; height:10px; padding:5px 10px; right:50%; margin-right:-79px; bottom:30px; text-align:right;}
#focus .btn span {display:inline-block; _display:inline; _zoom:1; width:55px; height:4px; _font-size:0; margin-left:5px; cursor:pointer; background:#fff;}
#focus .btn span.on {background:#e60012;}
#focus .preNext {width:45px; height:100px; position:absolute; top:90px; background:url(../images/sprite.png) no-repeat 0 0; cursor:pointer; display:none;}
#focus .pre {left:0;}
#focus .next {right:0; background-position:right top;}


.main { overflow:hidden; width:100%; height:auto;}
.main .ts { width:100%; height:auto;  background:#f4f4f4;}
.main .ts .tel { width:1002px; height:203px; overflow:hidden; margin:0 auto;}
.main .ts .about { overflow:hidden; width:1002px; height:auto; margin:0 auto;}
.main .ts .about h2 { width:1002px; height:168px; background:url(../images/about.jpg) no-repeat center; text-indent:-999999px;}
.main .ts .about p { color:#777777; text-align:center; margin-top:20px; overflow:hidden;}
.main .ts .about .nr { overflow:hidden; height:auto;}
.main .ts .about .nr p { float:left; width:530px; height:auto; overflow:hidden; line-height:200%; font-size:14px; text-align:left;}
.main .ts .about .nr div { float:left; margin-left:20px; margin-top:20px; background:url(../images/flash_bg.jpg) no-repeat right; width:416px; height:345px;}
.main .ts .about .nr div img { margin-left:18px; margin-top:18px;}
.main .ts .about a { display:block; text-align:center;}
.main .ts .about a img { float:none; margin:0px;}

.main .cases { overflow:hidden; width:100%; height:auto; background:#cc0213;}
.main .cases h2 { width:1002px; height:172px; background:url(../images/case.jpg) no-repeat center; text-indent:-999999px; margin:0 auto; margin-top:65px;}
.main .cases p { overflow:hidden; text-align:center; color:#FFFFFF; margin-top:30px;}
.main .cases .top { overflow:hidden; width:1002px; height:510px; margin:0 auto; margin-top:45px; position:relative;}
.main .cases .top li { overflow:hidden; width:123px; height:39px; line-height:39px; margin-left:10px; text-align:center; float:left;}
.main .cases .top li a { color:#FFFFFF; display:block;}
.main .cases .top li a:hover,.main .cases .top .on a { background:url(../images/dt2.jpg) no-repeat center;}

.main .cases .top li .pic { display:none; overflow:hidden; width:1002px; height:auto; position:absolute; left:0px; top:50px;}
.main .cases .top .on .pic { display:block;}
.main .cases .top .on .pic li { width:501px; height:206px; overflow:hidden; float:left; margin-left:0px; position:relative;}
.main .cases .top .on .pic li img { width:501px; height:206px;margin:10px 40px 10px 10px;}
.main .cases .top .on .pic li .ycbg { position:absolute; top:0px; left:0px; width:501px; height:206px; display:none;}
.main .cases .top .on .pic li .ycbg i { background:url(../images/icon-play.png) no-repeat center; float:left; width:250px; height:206px;}
.main .cases a { display:block; text-align:center;}
.main .cases .top .on .pic li .ycbg .text-bd { float:left; width:250px; height:200px; margin-top:10px;overflow:hidden; background:rgba(255, 0, 255, 0.17) none repeat scroll 0 0 !important;/*实现FF背景透明，文字不透明*/ }
.main .cases .top .on .pic li .ycbg .text-bd h3 { margin-top:20px; font-size:20px; display:block; }
.main .news { overflow:hidden; width:1002px; height:auto; margin-top:40px; margin:0 auto;}
.main .news h2 { width:1002px; height:176px; background:url(../images/news.jpg) no-repeat center; text-indent:-999999px; margin-top:37px;}
.main .news .djs { overflow:hidden; color:#777777; text-align:center; margin-top:20px; margin-bottom:70px;}
.main .news ul { overflow:hidden; width:1002px; height:auto; margin:0 auto;}
.main .news ul li { overflow:hidden; height:112px; border-bottom:#c8c8c8 1px dashed; color:#807f7f; padding-bottom:4px;}
.main .news ul li .bkx { overflow:hidden; height:auto;}
.main .news ul li .bkx span { overflow:hidden; width:103px; height:66px; border-right:#bfbfbf 1px solid; display:block; float:left; text-align:center; font-size:17px; font-weight:bold; color:#c1c1c1; margin-top:18px; padding-top:10px;}
.main .news ul li .bkx div { overflow:hidden; width:883px; height:112px; float:left; padding-left:15px;}
.main .news ul li .bkx div a { font-size:16px; color:#333333; float:left; display:block; margin-top:22px;}
.main .news ul li .bkx div p { overflow:hidden;  width:883px; height:45px; line-height:200%; display:block;} 
.main .news ul .on .bkx { background:#cc0213; color:#ffd8db;}
.main .news ul .on .bkx span { color:#feabb2;}
.main .news ul .on .bkx div a { color:#ffd8db;}
.main .news a { display:block; text-align:center; margin-top:100px;}

.main .service { overflow:hidden; width:100%; height:auto; margin-top:35px; background:#f4f4f4;}
.main .service h2 { width:1002px; height:176px; margin:0 auto; overflow:hidden; background:url(../images/service.jpg) no-repeat center; text-indent:-999999px; margin-top:56px;}
.main .service p { overflow:hidden; color:#777777; text-align:center; margin-top:20px;}
.main .service div { width:1002px; height:173px; overflow:hidden; background:url(../images/aa.jpg) no-repeat center; margin:0 auto; margin-top:75px;}
.main .service div a { display:block; width:145px; height:166px; float:left; margin-right:69px; text-indent:-999999px;}
.main .service div .ak { margin-right:0px;}

.main .bug { width:100%; height:80px; background:#f4f4f4; overflow:hidden; color:#f4f4f4;}

.main .contact { overflow:hidden; width:100%; height:auto; background:#f4f4f4;}
.main .contact h2 { width:1002px; height:176px; margin:0 auto; overflow:hidden; background:url(../images/contact.jpg) no-repeat center; text-indent:-999999px;}
.main .contact p { overflow:hidden; color:#777777; text-align:center; margin-top:20px;}
.main .contact img { overflow:hidden; width:1583px; height:464px; margin-top:50px;}

.links { overflow:hidden; width:100%; height:400px; background:#3c3c3c;}
.links .wk { overflow:hidden; width:1002px; height:400px; margin:0 auto;}
.links .wk .lj { overflow:hidden; width:168px; float:left; height:auto; margin-top:45px;}
.links .wk .lj ul { overflow:hidden; height:auto; margin-top:30px;}
.links .wk .lj ul li { font-size:14px; line-height:250%;}
.links .wk .lj ul li a { color:#8c8c8c;}

.links .wk .dh{ overflow:hidden; width:200px; float:left; height:auto; margin-top:45px;}
.links .wk .dh ul { overflow:hidden; height:auto; margin-top:30px;}
.links .wk .dh ul li { font-size:14px; line-height:250%;}
.links .wk .dh ul li a { color:#8c8c8c;}

.links .wk .lx{ overflow:hidden; width:300px; float:left; height:auto; margin-top:45px;}
.links .wk .lx div { overflow:hidden; height:auto; margin-top:30px; font-size:14px; line-height:250%; color:#8c8c8c;}

.links .wk .ewm{ overflow:hidden; width:300px; float:left; height:auto; margin-top:45px;}
.links .wk .ewm div { overflow:hidden; height:auto; margin-top:30px;}
.links .wk .ewm div img { width:200px;}

.foot { overflow:hidden; width:100%; height:auto; background:#252525; text-align:center; color:#989898; padding:24px 0px;}

/*about*/
.main .neiye { overflow:hidden; width:100%; height:auto; margin:0 auto; background:url(../images/dtbj.jpg) repeat-x;}
.main .neiye dt { overflow:hidden; width:1002px; height:102px; margin:0 auto;}
.main .neiye dt h2 { overflow:hidden; width:127px; height:46px; float:left; margin-top:35px;}
.main .neiye dt h2 span { font-size:20px; color:#444343; height:38px; line-height:38px; margin-top:0px; float:left;}
.main .neiye dt h2 img { width:127px; height:8px; float:left;}
.main .neiye dt span { overflow:hidden; width:auto; height:46px; line-height:46px; float:right; font-size:14px; color:#6e6e6e; margin-top:35px;}

.main .neiye dd { width:1002px; height:auto; overflow:hidden; margin:0 auto; margin-top:60px; padding-bottom:45px;}
.main .neiye dd .jj { height:auto; line-height:250%; color:#6d6d6d; font-size:14px; padding-left:18px; text-indent:25px;}
.main .neiye dd .gy { overflow:hidden; margin-top:55px; width:1002px; height:auto;}
.main .neiye dd .gy li { margin:0px 12px 8px 0px;; float:left;}
.main .neiye dd .gy li img { width:326px; height:210px; overflow:hidden;}
.main .neiye dd .gy .last { margin-right:0px;}

/*case*/
.main .neiye dd .zp { height:39px; width:auto; overflow:hidden; margin-left:8px;}
.main .neiye dd .zp li { font-size:17px; width:123px; height:39px; line-height:39px; text-align:center; float:left;}
.main .neiye dd .zp li a { color:#434040; display:block;}
.main .neiye dd .zp li:hover,.main .neiye dd .zp .on a { background:url(../images/dt3.jpg) no-repeat center;}

.main .neiye dd .al { overflow:hidden; width:1002px; height:auto; margin-top:45px;}
.main .neiye dd .al li { width:334px;height:auto overflow:hidden; float:left;margin-bottom:10px}
.main .neiye dd .al li a { color:#302f2f;}
.main .neiye dd .al li a img { width:324px; margin:0 auto; height:192px; overflow:hidden; margin:0px 5px; display:block;}
.main .neiye dd .mxyl_list li a img { width:324px; height:478px;}
.main .neiye dd .al li a span { text-align:center; font-size:15px; display:block; line-height:25px; height:25px;}

/*contact*/
.main .neiye .lx { overflow:hidden; width:1002px; height:auto; line-height:300%; font-size:15px; color:#6e6e6e;}
.main .neiye .lx span { margin-left:60px;}
.main .neiye .lx img { width:1002px; height:305px; overflow:hidden; margin-top:70px;}


/*news*/