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

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

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

a:hover { text-decoration:none;}



/***************index css********************/
.top{ width:100%; height:31px; line-height:31px; background:#f5f5f5}
.top .bg{ width:94%; max-width:1180px; margin:0 auto; line-height:31px; color:#777777}
.top .bg .yy{ float:right; height:21px; margin-top:5px; }
.top .bg .yy ul li{ margin-left:10px; float:left}


.top-logo{ width:94%; margin:15px auto; max-width:1180px;}
.top-logo .logo{ float:left; max-width:526px; width:65%;}
.top-logo .logo img{ width:100%;}
.top-logo .tel{ float:right; height:45px; background:url(../images/tel-ico.jpg) no-repeat; overflow:hidden; padding-left:60px; margin-top:30px;}
.top-logo .tel span{ display:block; height:20px; line-height:20px; color:#777777; font-size:16px;}
.top-logo .tel em{ display:block; height:20px; line-height:20px; color:#c0392f; font-size:20px; padding-top:5px;}
.top-logo .yy{ float:right; display:none}
.top-logo .yy ul li{ margin-bottom:3px;}


.nav-bg{ width:100%; height:45px; background:#f5f5f5; }
.nav-bg .bg{width:94%; max-width:1180px; height:45px; margin:0 auto; position:relative}
.nav-bg .bg #nav{ float:left; height:45px;}
.nav-bg .bg #nav ul{ }
.nav-bg .bg #nav ul li { float:left; display:inline; height:45px; overflow:hidden; margin-right:1px;}
.nav-bg .bg #nav ul li a{ display:block; width:auto; height:45px; line-height:45px; padding-left:18px; padding-right:18px; color:#777777; font-size:14px;}
.nav-bg .bg #nav ul li a:hover{ color:#fff; background:#c0392f}
.nav-bg .bg #nav ul li a.current{ color:#fff; background:#c0392f}
.nav-bg .bg .search{ float:right; height:45px; width:190px;}
.nav-bg .bg .search .wbk{ float:left; width:150px; border:none; background:#e6e6e6; height:45px; line-height:45px; color:#666; text-indent:15px;}
.nav-bg .bg .search .btn{ float:left; width:40px; height:45px; border:none; background:url(../images/an.jpg) no-repeat center #e6e6e6; display:block; cursor:pointer}
.nav-bg .bg .ment{ position:absolute; z-index:999; width:44px; height:34px; top:50%; margin-top:-17px; right:0px; cursor:pointer; display:none; background:url(../images/ment-ico.jpg) no-repeat}


.nav-bgm{ width:100%; height:0; position:relative; overflow:visible;  z-index:999999; }


#navm{ width:100%; height:auto;   padding-bottom:10px;  padding-top:10px; display:none; z-index:9999; position:absolute; left:0; top:0; background:#c0392f}
#navm dl{ width:96%; margin:0 auto; overflow:hidden;}
#navm dl dt{ width:100%; overflow:hidden; border-bottom:1px solid #fff; height:40px; color:#ffffff; text-indent:4px;}
#navm dl dt a{ display:block; width:100%; height:40px; line-height:40px; color:#ffffff; font-size:14px; text-transform:uppercase; text-indent:4px;}
#navm dl dd{width:100%; overflow:hidden; border-bottom:1px solid #bfc9d6; height:auto; border-top:1px solid #bfc9d6; padding-top:8px; padding-bottom:8px; display:none}
#navm dl dd ul.ul1{ display:block}
#navm dl dd ul{ }
#navm dl dd ul li{ width:100%; height:auto; overflow:hidden;}
#navm dl dd ul li a{ width:100%; display:block;  line-height:30px; color:#fff; font-size:14px; text-transform:uppercase; text-indent:14px;}
#navm dl dd ul li ul li a{ text-indent:24px; border-bottom:1px dashed #ccc;}
#navm dl dd ul li ul li ul li a{ text-indent:34px;}


.flash{ width:100%; height:556px; margin:0 auto;}
.flash div{ overflow:visible}
.flash .swiper-slide{ width:100%; height:556px; background-position:center; background-repeat:no-repeat; background-size:cover;}


/******************************** index *********************************/
.about{ width:94%; max-width:1180px; margin:0 auto;}
.about .title{ width:100%; height:40px; line-height:40px; color:#222222; font-size:30px;}
.about .bg{ width:100%; height:auto;}
.about .bg .tu{ float:right; width:48.7%;}
.about .bg .tu img{ width:100%;}
.about .bg .txt{ width:50%; padding-top:20px;}
.about .bg .txt .nr{ width:100%; color:#777777; font-size:14px; padding-top:10px;}
.about .link{ width:100%; height:auto; margin-top:40px;}
.about .link ul li{ float:left; margin-right:20px; margin-bottom:10px; height:33px;}
.about .link ul li img{ height:100%;}

.pro{ width:100%; height:auto; background:#f8f8f8; margin-top:60px;}
.pro .bg{ width:94%; max-width:1180px; margin:80px auto;}
.pro .bg .title{ text-align:center; height:50px; line-height:50px; color:#1e1e1e; font-size:30px;}
.pro .bg .txt{ width:100%; height:auto; margin:0 auto; margin-top:40px;}
.pro .bg .txt ul li{ width:30.4%; margin:0 auto; overflow:hidden; position:relative; margin-bottom:30px; background:#eeeeee; float:left; margin-left:1.3%; margin-right:1.3%}
.pro .bg .txt ul li .tu{ width:100%; height:auto; position:relative; z-index:6; left:0; top:0;}
.pro .bg .txt ul li .tu img{ width:100%; display:block; opacity:1;}
.pro .bg .txt ul li .box{ width:100%; height:100%; position:absolute; z-index:9; left:0; top:0}
.pro .bg .txt ul li .box table{ width:100%; height:100%;}
.pro .bg .txt ul li .box table tr td{ width:100%; height:100%; text-align:center; vertical-align:middle}
.pro .bg .txt ul li .box .name{ width:90%; margin:0 auto; text-align:center; line-height:34px; color:#494949; font-size:20px;}
.pro .bg .txt ul li .box .nr{ width:90%; margin:0 auto; line-height:24px; max-height:96px; padding-top:30px;}
.pro .bg .txt ul li .box .more{ text-align:center; width:90%; margin:0 auto; color:#777777; padding-top:10px;}
.pro .bg .txt ul li:hover{ background:#fff;}
.pro .bg .txt ul li:hover .box .more{ color:#c0392f}
.pro .bg .btn{ width:162px; height:42px; display:block; text-align:center; line-height:42px; background:#c0392f; margin:0 auto; overflow:hidden; color:#fff; margin-top:30px;}

.case{ width:94%; max-width:1180px; margin:0 auto; margin-top:100px;}
.case .title{ text-align:center; height:50px; line-height:50px; color:#1e1e1e; font-size:30px;}
.case .txt{ width:100%; height:auto; margin-top:50px;}
.case .txt div{ overflow:visible}
.case .txt img{ width:100%; display:block}
.case .txt .name{ width:100%; text-align:center; line-height:30px; padding-top:8px;}

.yyly{ width:100%; height:auto; background:#f8f8f8; margin-top:80px;}
.yyly .bg{ width:100%; margin:80px auto;}
.yyly .bg .title{ text-align:center; height:50px; line-height:50px; color:#1e1e1e; font-size:30px;}
.yyly .bg .txt{ width:100%; height:auto; margin:0 auto; margin-top:40px;}
.yyly .bg .txt .swiper-slide{ float:left; width:100%; position:relative; overflow:hidden}
.yyly .bg .txt .swiper-slide .tu{ width:100%;}
.yyly .bg .txt .swiper-slide .tu img{ width:100%; display:block;}
.yyly .bg .txt .swiper-slide .box{ width:100%; height:100%; position:absolute; z-index:99; left:0; top:0; background:url(../images/hs-png.png); display:none}
.yyly .bg .txt .swiper-slide .box table{width:100%; height:100%;}
.yyly .bg .txt .swiper-slide .box table tr td{ width:100%; height:100%; text-align:center; vertical-align:middle}
.yyly .bg .txt .swiper-slide .box i{ width:60px; height:60px;}
.yyly .bg .txt .swiper-slide .box .name{ width:100%; height:34px; text-align:center; line-height:34px; color:#fff; font-size:18px; padding-top:12px;}
.yyly .bg .txt .swiper-slide .box div{ overflow:visible}
.yyly .bg .txt .swiper-slide:hover .box{ display:block}
.yyly .bg .btn{ width:162px; height:42px; display:block; text-align:center; line-height:42px; background:#c0392f; margin:0 auto; overflow:hidden; color:#fff; margin-top:30px;}

.new{ width:94%; max-width:1180px; margin:0 auto; margin-top:80px;}
.new .title{ text-align:center; height:50px; line-height:50px; color:#1e1e1e; font-size:30px;}
.new .txt{ width:100%; height:auto; margin-top:50px;}
.new .txt .swiper-container div{ overflow:visible}
.new .txt .swiper-slide{ width:100%; height:auto;}
.new .txt .swiper-slide .time{ float:left; width:82px; height:76px; border:1px solid #e9e9e9}
.new .txt .swiper-slide .time span{ display:block; width:100%; height:30px; line-height:30px; text-align:center; padding-top:12px; color:#222222; font-size:22px;}
.new .txt .swiper-slide .time em{ display:block; width:100%; height:24px; line-height:24px; text-align:center; color:#777777; font-size:14px;}
.new .txt .swiper-slide .box{ width:auto; margin-left:84px;}
.new .txt .swiper-slide .box img{ width:100%; display:block;}
.new .txt .swiper-slide .box .name{ width:100%; line-height:30px; color:#222222; padding-top:15px; font-size:20px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.new .txt .swiper-slide .box .memo{ width:100%; padding-top:10px; font-size:14px; line-height:24px; color:#777777; max-height:48px; overflow:hidden}
.new .txt .swiper-slide .box .more{ width:108px; height:38px; border:1px solid #c0392f; overflow:hidden; text-align:center; line-height:38px; display:block; cursor:pointer; color:#c0392f; margin-top:20px;}
.new .txt .swiper-slide:hover .box .more{ background:#c0392f; color:#fff;}
.new .txt .swiper-container{ padding-bottom:40px;}
.new .txt .swiper-container .swiper-pagination-bullet{ background:#fff; border:1px solid #cccccc; opacity:1}
.new .txt .swiper-container .swiper-pagination-bullet-active{ background:#cccccc}

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

.mbx{ width:100%; height:30px; background:url(../images/home-ico.jpg) no-repeat left center; padding-left:22px; line-height:30px; color:#777777}

.centern{ width:100%; background:#f5f5f5; margin-top:15px;}

.listn{ width:100%; height:auto; border-bottom:1px solid #eeeeee; margin-top:10px; margin-bottom:10px;}
.listn ul li{ float:left; margin-left:10px; height:38px; overflow:hidden; margin-bottom:10px;}
.listn ul li a{ display:block; height:38px; line-height:38px; padding-left:15px; padding-right:15px; color:#1e1e1e; font-size:16px; border-radius:5px;}
.listn ul li a:hover{ color:#fff; background:#c0392f}
.listn ul li a.dz{ color:#fff; background:#c0392f}


.ny_side{ width:96%; margin:35px auto; min-height:350px;}

dl.newsdl{ width:100%; height:162px; overflow:hidden; margin-bottom:30px;}
dl.newsdl dt{ width:257px; height:162px; float:left}
dl.newsdl dt img{width:257px; height:162px; display:block;}
dl.newsdl dd{ margin-left:275px; overflow:hidden; display:block; height:162px;}
dl.newsdl dd .name{ height:32px; width:100%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-top:18px; color:#222222; font-size:20px;}
dl.newsdl dd .memo{ width:100%; height:48px; line-height:24px; padding-top:5px; font-size:14px;}
dl.newsdl dd .time{ height:20px; line-height:20px; color:#777777; padding-top:10px;}

table.protb{ width:96%; margin:0 auto; }
table.protb tr{ width:100%;}
table.protb tr.first{ background:#e9e9e9; text-align:center; font-weight:bold}
table.protb tr td{border:1px solid #000; line-height:24px; padding:5px; color:#1e1e1e}
table.protb tr td.first{text-align:center; min-width:40px;}
table.protb tr td a{ color:#1e1e1e}

ul.picul li{ float:left; width:25%; overflow:hidden; margin-bottom:20px;}
ul.picul li .box{ width:92%; margin:0 auto}
ul.picul li .box img{ width:100%; display:block}
ul.picul li .box .name{ width:100%; height:30px; line-height:30px; text-align:center;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

ul.feedback li{ width:100%; overflow:hidden; margin-bottom:10px;}
ul.feedback li .name{ width:90px; float:left; line-height:32px;}
ul.feedback li .nr{ margin-left:100px; width:auto}
ul.feedback li .nr .inp{ width:90%; border:1px solid #ccc; height:30px; display:block; background:#fff; line-height:30px; text-indent:10px; font-size:12px; max-width:500px;}
ul.feedback li .nr .tex{ width:90%; border:1px solid #ccc; height:90px; display:block; background:#fff; line-height:30px; text-indent:10px; font-size:12px;}
ul.feedback li .nr .btn{ width:162px; height:30px; display:block; text-align:center; line-height:30px; background:#c0392f; overflow:hidden; color:#fff; }

.pclx{ display:block}
.mlx{ display:none}