@charset "utf-8";
/* CSS Document */

body{ font-size:12px; color:#666; background:#ccc; font-family:Arial, Helvetica, sans-serif; line-height:24px;}

a { color:#666; font-size:12px; text-decoration:none; }

a:hover {text-decoration:none;}



/***************index css********************/
.top{ width:1200px; height:110px; margin:0 auto}

.logoo{ width:269px; height:110px; float:left}
.top .search{ float:right; margin-top:38px; height:38px;}
.top .search .wbk{ width:287px; height:38px; background:url(../images/wbk.jpg) no-repeat; line-height:38px; text-indent:15px;}


#nav{ width:1200px; height:46px; margin:0 auto; overflow:visible;}
#nav ul{ }
#nav ul li.lim { float:left; display:inline; height:46px; margin-right:5px; position:relative}
#nav ul li.lim a.lima{ display:block; height:46px; line-height:46px; color:#ffffff; font-size:16px; padding-left:40px; padding-right:40px;}
#nav ul li.lim:hover a.lima{ background:url(../images/h.jpg) repeat-x}
#nav ul li.lim a.current{ background:url(../images/h.jpg) repeat-x}
#nav ul li.lim ul{ position:absolute; z-index:999; width:250px; height:auto; display:none; left:0; top:46px; background:#c2401f}
#nav ul li.lim ul li{ width:250px; height:40px; border-bottom:1px solid #e2a18f; line-height:40px; text-indent:15px; color:#fff;}
#nav ul li.lim ul li a{ display:block; width:250px; height:40px; line-height:40px; color:#fff; font-size:14px;}

.flash{ width:1600px; height:540px; margin:0 auto; margin-top:10px;}
.flash .banner{ width:1600px; height:540px   ; margin-left:1600px; opacity:0}

.flashn{ width:1600px; height:179px; background:url(../images/banner-n.jpg) no-repeat; margin-top:10px;}
.flashn .bg{ width:1200px; height:auto; margin:0 auto}
.flashn .name{ height:48px; line-height:48px; padding-top:62px; font-size:34px; color:#5f5f5f}
.flashn .mbx{ height:24px; line-height:24px; padding-top:32px; font-size:14px; color:#5f5f5f}
.flashn .mbx a{ color:#5f5f5f; font-size:14px;}

/******************************** index *********************************/
.side1{ width:1200px; height:275px; margin-left:-1200px; opacity:0}
.side1 .pro{ width:365px; height:275px; float:left;}
.side1 .pro ul li{width:365px; height:275px; position:relative}
.side1 .pro ul li .tu{ width:365px; height:275px; position:relative}
.side1 .pro ul li .tu img{width:365px; height:275px;}
.side1 .pro ul li .name{ width:365px; height:42px; position:absolute; z-index:99; left:0; bottom:0; background:url(../images/png.png); line-height:42px; text-align:center; font-size:16px; color:#fff; overflow:hidden}
.side1 .pro ul li .box{ width:365px; height:275px; position:absolute; z-index:88; left:0; top:0; display:none; background:url(../images/png-h.png);}
.side1 .pro ul li .box h1{ width:330px; height:40px; margin:0 auto; margin-top:20px; line-height:40px; text-align:center; color:#fff;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:16px;}
.side1 .pro ul li .box .memo{ width:330px; height:160px; margin:0 auto; font-size:12px; line-height:28px; margin-top:15px; color:#fff}

.side1 .new{ width:365px; height:275px; float:left; margin-left:53px; position:relative}
.side1 .new .tu{ width:365px; height:275px; position:relative}
.side1 .new .tu img{width:365px; height:275px;}
.side1 .new .name{ width:365px; height:42px; position:absolute; z-index:99; left:0; bottom:0; background:url(../images/png.png); line-height:42px; text-align:center; font-size:16px; color:#fff; overflow:hidden}
.side1 .new .box{ width:365px; height:275px; position:absolute; z-index:88; left:0; top:0; display:none; background:url(../images/png-h.png);}
.side1 .new .box h1{ width:330px; height:40px; margin:0 auto; margin-top:20px; line-height:40px; text-align:center; color:#fff;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:16px;}
.side1 .new .box .memo{ width:330px; height:160px; margin:0 auto; font-size:12px; line-height:28px; margin-top:15px; color:#fff}
.side1 .video{ width:365px; height:275px; float:right; position:relative}
.side1 .video .box{ width:365px; height:275px; position:absolute; background:url(../images/video-png.png) no-repeat; left:0; top:0; z-index:99}
.side1 .video .tu{width:365px; height:275px;}
.side1 .video .tu img{width:365px; height:275px; display:block;transition:all 0.7s ease-in-out; -moz-transition:all 0.7s ease-in-out; -ms-transition:all 0.7s ease-in-out; -o-transition:all 0.7s ease-in-out; -webkit-transition:all 0.7s ease-in-out;}
.side1 .video:hover .tu img{transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -ms-transform:scale(1.2,1.2); -o-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);}


/****************************** ny *************************************/
.ny_left{ width:225px; height:auto; float:left; display:inline; }
.ny_cpfl{ width:225px; height:auto;}
.ny_cpfl .title{ width:225px; height:50px; background:#5f5f5f; text-align:center; line-height:50px; color:#fff; font-size:20px;}
.ny_cpfl .txt{ width:223px; height:auto; border:1px solid #d6d6d6;}

.ny_lxwm{ width:225px; height:auto; margin-top:30px; background:#5f5f5f}
.ny_lxwm .title{ width:225px; height:40px; margin-top:15px; background:url(../images/tel.png) 38px 0 no-repeat; line-height:40px; color:#fff; font-size:20px; text-indent:90px}
.ny_lxwm .txt{ width:185px; height:auto; margin-left:14px; margin-top:10px; font-size:14px; min-height:100px;}

.ny_side{ width:945px; height:auto; float:right; display:inline; min-height:350px}

ul.proul li{ width:456px; height:304px; float:left; position:relative; margin-left:8px; margin-right:8px; margin-bottom:45px; overflow:hidden;}
ul.proul li img{ width:456px; height:304px; display:block}
ul.proul li .name{ position:absolute; width:456px; height:40px; background:url(../images/png-h.png); font-size:14px; text-align:center; line-height:40px; color:#fff; left:0; bottom:0}

ul.news li{ width:100%; height:160px; border-bottom:1px solid #d9d9d9; overflow:hidden; margin-bottom:15px;}
ul.news li .name{ height:32px; width:100%; line-height:32px; color:#666; font-size:16px; font-weight:bold}
ul.news li .memo{ width:100%; height:50px; line-height:25px; margin-top:10px; font-size:14px;}
ul.news li .time{ height:18px; width:100%; line-height:18px; text-align:right; color:#999; margin-top:10px;}
ul.news li .more{ width:112px; height:22px; border:2px solid #aaaaaa; display:block; text-align:center; line-height:22px; color:#999; font-size:14px;}

.feedback{ width:940px; height:auto; margin:0 auto; margin-top:20px;}
.feedback .bt{ width:940px; height:40px;  background:#00ad5b; line-height:40px;}
.feedback .bt .left{ width:189px; height:40px; float:left; background:#5f5f5f; border-right:1px solid #fff; text-align:center; line-height:40px; font-size:16px; color:#fff; text-align:center; line-height:40px;}
.feedback .bt .right{ float:left; margin-left:18px; font-size:16px; color:#fff;}
.feedback  .bg{ width:938px; height:auto; border:1px solid #dbdbdb; border-top:none;}
.feedback  .bg .box{ width:892px; height:auto; margin:30px auto;}
.feedback  .bg .box ul li{ width:892px; min-height:42px; margin-bottom:20px; overflow:hidden}
.feedback  .bg .box ul li .inp{ width:425px; height:40px; border:1px solid #dbdbdb; line-height:40px; text-indent:6px; font-size:14px; color:#919191}
.feedback  .bg .box ul li .tex{ width:870px; height:108px; padding:10px; line-height:24px; border:1px solid #dbdbdb;}
.feedback  .bg .box ul li .btn{ width:92px; height:30px; border:1px solid #dddddd; background:#f0f0f0; display:inline-block; text-align:center; line-height:26px; font-size:14px; margin-left:5px; margin-right:5px; cursor:pointer; color:#666666}

.protop{ width:940px; height:auto;}
.protop .left{ width:460px; height:400px; float:left}
.protop .left .big{ width:460px; height:307px;}
.protop .left .big img{width:460px; height:307px; display:block}
.protop .left .list{ width:460px; height:78px; margin-top:10px;}
.protop .left .list ul li{ width:115px; height:78px; float:left;}
.protop .left .list ul li img{ width:113px; height:76px; display:block; border:1px solid #e5e5e5}
.protop .left .list ul li:hover img{border:1px solid #00ad5b}
.protop .left .list ul li.active img{border:1px solid #00ad5b}
.protop .right{ width:455px; height:400px; float:right}
.protop .right .name{ width:455px; height:45px; border-bottom:1px solid #cccccc; line-height:45px; color:#00ad5b; font-size:28px; text-transform:uppercase;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.protop .right .memo{ width:455px; height:auto; padding-top:15px; font-size:14px; line-height:28px;}

.prosd{ width:940px; height:auto; margin-top:20px;}
.prosd .list{ width:940px; height:40px; background:#00ad5b;}
.prosd .list ul li{ width:312px; height:40px; float:left; border-right:1px solid #fff; cursor:pointer; text-align:center; color:#fff; line-height:40px; font-size:16px; text-transform:uppercase;}
.prosd .list ul li:hover{ background:#5f5f5f}
.prosd .list ul li.active{ background:#5f5f5f}
.prosd .bg{ width:938px; height:auto; border:1px solid #dbdbdb;}
.prosd .bg .box{ width:928px; height:auto; margin:10px auto}
.prosd .bg .box .nr{ width:928px; height:auto; display:none}
.prosd .bg .box .nr td{ border:1px solid #ccc; padding:5px 10px;}
.prosd .bg .box .nr th{ border:1px solid #ccc; padding:5px 10px; font-weight:bold; background:#ddd; font-size:14px;}

.fk-tc{ width:100%; height:auto; background:#fff; margin:0 auto;}
.fk-tc .title{ width:100%; height:32px; background:#edf4fc; line-height:32px; text-indent:11px; font-size:16px; color:#333;}
.fk-tc .txt{ width:650px; height:auto; margin:40px auto;}
.fk-tc .txt ul li{ width:650px; min-height:28px; margin-bottom:10px; overflow:hidden}
.fk-tc .txt ul li .inp{ width:648px; height:26px; border:1px solid #cccccc; line-height:26px; text-indent:5px;}
.fk-tc .txt ul li .tex{ width:638px; height:76px; padding:5px; border:1px solid #cccccc; line-height:28px;}
.fk-tc .txt ul li .btn{ width:109px; height:34px; background:#4f86b8; border:none; display:block; cursor:pointer; text-align:center; line-height:30px; color:#fff; font-size:14px; float:left; margin-right:23px;}
.fancybox-opened{ overflow:visible}
.fancybox-opened div{ overflow:visible}
