/* CSS Document */

body{ font-size:14px; color:#4b4b4b; background:#fff; line-height:24px; font-family:'微软雅黑'}

a { color:#4b4b4b; font-size:14px; text-decoration:none; }

a:hover { text-decoration:none;}



/***************index css********************/
.tops{ width:100%; height:110px; background:#212225; overflow:visible; position:fixed; left:0; top:0; z-index:9999;}
.tops .bg{ width:1200px; height:110px; margin:0 auto; overflow:visible}
.tops .bg .logo{ float:left;}
.tops .bg .yy{ float:right; padding-top:45px;}
.tops .bg .yy .inp{ width:104px; height:20px; border:1px solid #ccc; line-height:16px; background:#fff}

.top{ width:100%; height:109px; border-bottom:1px solid #d9d9d9; overflow:visible; position:fixed; left:0; top:0; z-index:9999; background:#fff}
.top .bg{ width:1200px; height:109px; margin:0 auto; overflow:visible}
.top .bg .logo{ float:left;}
.top .bg .yy{ float:right; padding-top:45px;}
.top .bg .yy .inp{ width:104px; height:20px; border:1px solid #000; line-height:16px;  background:#fff}

#nav{ width:685px; height:109px; float:right; overflow:visible; margin-right:20px;}
#nav ul li.lim{ width:135px; height:109px; float:left; overflow:visible; margin-left:2px;}
#nav ul li.lim a.lima{ display:block; width:135px; height:109px; text-align:center; line-height:109px; color:#fff}
#nav ul li.lim a.lima span{ display:inline-block; height:109px; font-size:14px;}
#nav ul li.lim a.lima i{ display:inline-block; width:11px; height:109px; background:url(../image/xl-icoh.png) no-repeat center}
#nav ul li.lim:hover a.lima{ background:#fb8a0b; color:#fff}
#nav ul li.lim:hover a.lima i{ display:inline-block; width:11px; height:109px; background:url(../image/xl-icoh.png) no-repeat center}
#nav ul li.lim:hover a.current{ background:#fb8a0b; color:#fff}
#nav ul li.lim:hover a.current i{ display:inline-block; width:11px; height:109px; background:url(../image/xl-icoh.png) no-repeat center}
#nav ul li.lim .box{ width:100%; position:absolute; display:none; z-index:999; left:0; top:109px; background:#f4f4f4; height:80px; text-align:center;  border-top:1px solid #d9d9d9;}
#nav ul li.lim .box ul{ margin-left:0px;}
#nav ul li.lim .box ul li{ text-align:center; display:inline-block; height:80px; margin-left:20px; margin-right:20px;}
#nav ul li.lim .box ul li a{ display:block; height:80px; line-height:80px; color:#3a3a3a; font-size:18px; font-weight:bold; text-transform:uppercase}
#nav ul li.lim .box ul li a:hover{ text-decoration:underline}

#navn{ width:685px; height:109px; float:right; overflow:visible; margin-right:20px;}
#navn ul li.lim{ width:135px; height:109px; float:left; overflow:visible; margin-left:2px;}
#navn ul li.lim a.lima{ display:block; width:135px; height:109px; text-align:center; line-height:109px; color:#2a2a2a}
#navn ul li.lim a.lima span{ display:inline-block; height:109px; font-size:14px;}
#navn ul li.lim a.lima i{ display:inline-block; width:11px; height:109px; background:url(../image/xl-ico.png) no-repeat center}
#navn ul li.lim:hover a.lima{ background:#fb8a0b; color:#fff}
#navn ul li.lim:hover a.lima i{ display:inline-block; width:11px; height:109px; background:url(../image/xl-icoh.png) no-repeat center}
#navn ul li.lim:hover a.current{ background:#fb8a0b; color:#fff}
#navn ul li.lim:hover a.current i{ display:inline-block; width:11px; height:109px; background:url(../image/xl-icoh.png) no-repeat center}
#navn ul li.lim .box{ width:100%; position:absolute; display:none; z-index:999; left:0; top:109px; background:#f4f4f4; height:80px; text-align:center;  border-top:1px solid #d9d9d9;}
#navn ul li.lim .box ul{ margin-left:0;}
#navn ul li.lim .box ul li{ text-align:center; display:inline-block; height:80px; margin-left:20px; margin-right:20px;}
#navn ul li.lim .box ul li a{ display:block; height:80px; line-height:80px; color:#3a3a3a; font-size:18px; font-weight:bold; text-transform:uppercase}
#navn ul li.lim .box ul li a:hover{ text-decoration:underline}

.flash{ width:100%; height:auto; margin:0 auto; padding-top:110px;}
.flashn{ width:100%; height:230px; background:url(../image/bt-bg.jpg) no-repeat center top; margin-top:110px;}
.flashn .txt{ width:1200px; height:52px; margin:0 auto; line-height:52px; padding-top:126px; color:#3e4146; font-size:30px; text-transform:uppercase}
/******************************** index *********************************/
.about{ width:1200px; height:auto; margin:0 auto; position:relative; z-index:999; margin-top:-83px;}
.about .txt{ float:left; width:600px; height:auto; padding-top:94px;}
.about .txt .title{ height:56px; line-height:56px; color:#fb8a0a; font-size:32px; text-transform:uppercase}
.about .txt .nr{ padding-top:25px; min-height:220px;}
.about .txt .more{ display:block; width:121px; height:43px; background:#fb8a0a; display:block; text-align:center; line-height:43px; color:#fff; text-transform:uppercase; overflow:hidden; margin-top:30px;}
.about .tu{ width:579px; height:460px; float:right}

.advant{ width:100%; clear:both; margin-top:60px; height:775px;  background-repeat:no-repeat; background-position:center; background-image:url(../image/bg1.jpg)}
.advant .bg{ width:820px; margin:0 auto; margin-top:80px;}
.advant .bg .title{height:56px; line-height:56px; color:#fb8a0a; font-size:32px; text-transform:uppercase}
.advant .bg .txt{ width:820px; height:auto; min-height:400px; margin-top:30px; color:#fff;}
.advant .bg .fx{ width:255px; height:auto; float:right; padding-top:20px; color:#fff}
.advant .bg .fx .xian{ width:60px; height:1px; background:#dfdfdf; float:right}
.advant .bg .fx .bt{ clear:both; height:20px; line-height:20px; color:#e6e6e6; font-weight:bold; text-align:right; padding-top:14px;}
.advant .bg .fx .list{ padding-top:10px;}
.advant .bg .fx .list a{ float:left; margin-left:5px;}

.mach{ width:1200px; height:auto; margin:0 auto; margin-top:-54px;}
.mach .txt{ float:right; width:560px; height:auto; padding-top:115px;}
.mach .txt .title{ height:56px; text-align:right; line-height:56px; color:#fb8a0a; font-size:32px; text-transform:uppercase}
.mach .txt .nr{ padding-top:25px; min-height:220px;}
.mach .txt .more{ display:block; width:121px; height:43px; background:#fb8a0a; display:block; text-align:center; line-height:43px; color:#fff; text-transform:uppercase; overflow:hidden; margin-top:30px; float:right}
.mach .tu{ width:579px; height:460px; float:left}

.hydr{ clear:both; margin-top:60px;  width:100%; height:488px; background-position:center; background-repeat:no-repeat; background-image:url(../image/bg2.jpg)}
.hydr .bg{ width:820px; margin:0 auto; margin-top:70px;}
.hydr .bg .title{ height:46px; width:100%; text-align:center; line-height:46px; color:#fff; font-size:32px; text-transform:uppercase}
.hydr .bg .txt{ width:820px; height:auto; margin:0 auto; color:#fff; margin-top:36px;}

.contact{ width:1200px; height:auto; margin:0 auto; margin-top:58px;}
.contact .title{height:56px; line-height:56px; color:#fb8a0a; font-size:32px; text-transform:uppercase; text-align:center}
.contact .txt{ width:100%; height:auto; margin-top:50px; color:#4b4b4b}

/****************************** ny *************************************/



.ny_side{ width:1200px; height:auto; margin:50px auto;}
.ny_side .title{ height:56px; text-align:right; line-height:56px; color:#252525; font-size:30px; text-transform:uppercase; text-align:center}
.ny_side .txt{ width:1200px; height:auto; margin:0 auto; min-height:300px; margin-top:30px;}
.ny_side .type{ width:1200px; text-align:center;}
.ny_side .abouttype ul li{ float:left; width:420px; height:auto; margin-left:90px; margin-right:90px; overflow:hidden;}
.ny_side .abouttype ul li .tu{ width:420px; height:420px; display:block}
.ny_side .abouttype ul li .name{ width:100%; height:45px; text-align:center; line-height:45px; color:#3a3a3a; font-size:18px; font-weight:bold; text-transform:uppercase; margin-top:20px;}


.ny_side .protypefl ul li{ float:left; width:370px; height:auto; margin-left:15px; margin-right:15px; overflow:hidden; margin-bottom:30px;}
.ny_side .protypefl ul li img{ width:370px; height:370px; display:block}
.ny_side .protypefl ul li .name{ width:100%; height:45px; text-align:center; line-height:45px; color:#3a3a3a; font-size:16px; font-weight:bold; text-transform:uppercase; margin-top:20px;}


.proname{ width:100%; height:auto; line-height:30px; font-size:20px; padding-bottom:10px; clear:both; text-align:center; font-weight:bold}
.ny_side .protype{ text-align:center; width:800px; margin:0 auto; margin:0 auto; overflow:hidden; padding-bottom:20px;}
.ny_side .protype ul li{ display:inline-block; width:224px; height:auto;  margin-left:6px; margin-right:6px; overflow:hidden; margin-bottom:15px;}
.ny_side .protype ul li img{ width:222px; height:222px; display:block; border:1px solid #dadada;}
.ny_side .protype ul li .name{ width:100%; height:30px; text-align:center; line-height:30px; color:#3a3a3a; font-size:14px; font-weight:bold; text-transform:uppercase; margin-top:5px;}