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

body{ font-size:14px; color:#4c4b4b; background:#fff; font-family:Arial, Helvetica, sans-serif; line-height:24px;}

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

a:hover { text-decoration:none;}



/***************index css********************/
.top{ width:100%; height:41px; background:#e1e1e1;}
.top .bg{ width:96%; max-width:1200px; margin:0 auto; height:41px;}
.top .bg .wel{ float:left; height:41px; background:url(../images/wel-ico1.jpg) no-repeat left center; line-height:41px; padding-left:30px; color:#272727; font-size:14px;}
.top .bg .right{ float:right; height:41px;}
.top .bg .right ul li{ float:left; height:41px; margin-left:14px; overflow:hidden; background:url(../images/wel-ico2.jpg) no-repeat left center; line-height:41px; padding-left:30px; color:#272727}
.top .bg .right ul li a{ color:#272727}
.top .bg .right ul li.li2{ background:url(../images/wel-ico3.jpg) no-repeat left center;}
.top .bg .yy{ float:right; height:41px; line-height:41px; font-size:14px; color:#272727; margin-left:10px;}
.top .bg .yy a{ color:#272727}



.nav-bg{ width:96%; max-width:1200px; height:94px; margin:0 auto; position:relative}
.nav-bg .logo{ float:left; height:100%;}
.nav-bg .logo img{ height:100%;}

.nav-bg .ment-ico{ display:none; height:18px; line-height:18px; background:url(../images/ment-ico.png) no-repeat right; padding-right:50px; font-size:14px; text-transform:uppercase; color:#000; cursor:pointer; position:absolute; z-index:999; top:50%; margin-top:-9px; right:0px;}
.nav-bg .ment-ico img{ height:45px;}


#nav{ width:auto; height:94px; float:right;}
#nav ul{ }
#nav ul li { float:left; display:inline; height:94px; margin-left:1px; position:relative}
#nav ul li a{ display:block; height:94px; line-height:104px; color:#222222; font-size:16px; padding-left:15px; padding-right:15px; overflow:hidden; position:relative}
#nav ul li a i{ position:absolute; z-index:99; width:19px; height:19px; display:none; left:50%; margin-left:-10px; top:16px;}
#nav ul li a:hover{ background:#46a7f8; color:#fff;}
#nav ul li a:hover i{ display:block}
#nav ul li a.current{ background:#46a7f8; color:#fff;}
#nav ul li a.current i{ display:block}

#navm{ width:60%; max-width:320px; position:fixed; z-index:9998; height:100%; overflow-y:auto; background:url(../images/nav-bg.png); right:-100%; top:0;}
#navm ul{ width:70%; margin-left:10%; overflow:hidden; margin-top:70px; }
#navm ul li { width:100%; height:auto; border-bottom:1px solid #fff; margin-bottom:10px; position:relative; overflow:hidden}
#navm ul li a{ display:block; width:100%; height:60px; line-height:60px; font-size:14px; color:#fff;}
#navm ul li .box{ width:100%; height:auto; display:none}
#navm ul li .box a{ display:block; width:100%; font-size:14px; height:34px; line-height:34px; border-bottom:1px dashed #fff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#fff}
#navm .xx{ position:absolute; z-index:999; right:5px; top:15px; width:30px; height:30px; display:block; cursor:pointer}
#navm .xx img{ width:100%;}


.flash{ width:100%; height:auto; margin:0 auto;}
.flash img{ width:100%; display:block}

.flashn{ width:100%; height:300px; background-image:url(../images/banner-n.jpg); background-position:center; background-repeat:no-repeat; background-size:cover;}

/******************************** index *********************************/
.titles{ text-align:center;}
.titles span{ display:block; height:36px; line-height:36px; color:#000000; font-size:30px;  font-family:Arial, Helvetica, sans-serif;}
.titles .xian{ width:58px; height:5px; margin:0 auto; background:#46a7f8; margin-top:7px;}
.titles em{ display:block; height:34px; line-height:34px; color:#707070; font-size:24px; font-family:Arial, Helvetica, sans-serif; padding-top:5px;}

.pro{ width:100%;}
.pro .bt{ width:100%; height:auto; background:#f0f0f0; overflow:visible}
.pro .bt .box{ width:94%; max-width:1200px; margin:0 auto; padding-top:24px; overflow:visible}
.pro .bt .box .list{ width:100%; overflow:visible; padding-top:50px;}
.pro .bt .box .list div{ overflow:visible}
.pro .bt .box .list .swiper-container{ width:100%; overflow:hidden;}
.pro .bt .box .list .swiper-container .swiper-slide{ width:auto}
.pro .bt .box .list dl{ width:auto; height:auto; position:relative; padding-left:10px; padding-right:10px; position:relative}
.pro .bt .box .list dl dt{ width:76px; margin:0 auto}
.pro .bt .box .list dl dt img{ width:100%;}
.pro .bt .box .list dl dt img.img1{ display:block}
.pro .bt .box .list dl dt img.img2{ display:none}
.pro .bt .box .list dl dd{ width:auto; text-align:center; height:46px; line-height:46px; color:#707070; font-size:16px; padding-top:15px;}
.pro .bt .box .list dl i{ display:none; position:absolute; z-index:999; width:37px; height:32px; left:50%; margin-left:-18px; bottom:-32px; background:url(../images/fl-ico.png) no-repeat bottom center}
.pro .bt .box .list dl:hover dd{ color:#46a7f8}
.pro .bt .box .list dl:hover img.img1{ display:none}
.pro .bt .box .list dl:hover img.img2{ display:block}

.pro .bt .box .list dl.dz img.img1{ display:none}
.pro .bt .box .list dl.dz img.img2{ display:block}
.pro .bt .box .list dl.dz dd{ color:#46a7f8}
.pro .bg{ width:94%; max-width:1200px; margin:0 auto; margin-top:75px; margin-bottom:50px;}
.pro .bg .nr{ display:none;}
.pro .bg .nr ul li{ width:33.33%; float:left;}
.pro .bg .nr ul li dl{ width:94%; margin:0 auto; border:1px solid #d2d2d2; overflow:hidden}
.pro .bg .nr ul li dl dt{ width:100%; overflow:hidden; border-bottom:1px solid #d2d2d2; position:relative}
.pro .bg .nr ul li dl dt .png{ width:100%; height:100%; position:absolute; display:none; z-index:7; left:0; top:0; background:url(../images/pro-png.png)}
.pro .bg .nr ul li dl dt .png-box{ width:80%; height:80%; transform:scale(0,0); -moz-transform:scale(0,0); -ms-transform:scale(0,0); -o-transform:scale(0,0); -webkit-transform:scale(0,0); position:absolute; z-index:8; left:10%; top:10%;transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
.pro .bg .nr ul li dl dt .png-more{ width:90px; height:22px; z-index:99; left:50%; margin-left:-45px; top:50%; margin-top:-11px; transform:scale(0,0); -moz-transform:scale(0,0); -ms-transform:scale(0,0); -o-transform:scale(0,0); -webkit-transform:scale(0,0); background:url(../images/pro-more.png); display:block; position:absolute; text-align:center; line-height:22px; color:#fff;transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
.pro .bg .nr ul li dl dt img{ width:100%; display:block;}
.pro .bg .nr ul li dl dd{ width:100%; height:60px; overflow:hidden; text-align:center; line-height:60px; color:#46a7f8; font-size:16px;}
.pro .bg .nr ul li dl:hover{ background:#46a7f8}
.pro .bg .nr ul li dl:hover dd{ color:#fff;}
.pro .bg .nr ul li dl:hover dt .png{ display:block}
.pro .bg .nr ul li dl:hover dt .png-box{transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1); -o-transform:scale(1,1); -webkit-transform:scale(1,1);}
.pro .bg .nr ul li dl:hover dt .png-more{transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1); -o-transform:scale(1,1); -webkit-transform:scale(1,1);}
.pro .bg .nr .more{ display:block; max-width:364px; height:60px; width:60%; margin:0 auto; text-align:center; line-height:60px; border:1px solid #d2d2d2; color:#46a7f8; font-size:20px; overflow:hidden; margin-top:38px; clear:both}


.about{ width:100%; height:600px; position:relative; overflow:visible; background:url(../images/about-bg.jpg) no-repeat center top;}
.about .bg{ width:94%; max-width:1200px; height:500px; background:#46a7f8; position:relative; margin:0 auto; top:auto; bottom:-187px; z-index:99; overflow:visible}
.about .bg .box{ width:94%; margin:0 auto; overflow:visible; position:relative}
.about .bg .box .tu{ width:569px; height:495px; border:5px solid #fff; border-radius:5px; float:left; margin-top:-65px;}
.about .bg .box .tu img{ width:100%;}
.about .bg .box .txt{ width:auto; margin-left:615px; color:#fff; padding-top:25px;}
.about .bg .box .txt .titles{ text-align:left}
.about .bg .box .txt .titles span{color:#fff;}
.about .bg .box .txt .titles .xian{ background:#fff; margin-left:0 }
.about .bg .box .txt .titles em{ color:#fff;}
.about .bg .box .txt .tu2{ width:100%; height:auto; display:none; border-radius:5px; margin-top:10px;}
.about .bg .box .txt .tu2 img{ width:100%;}
.about .bg .box .txt .nr{ padding-top:20px;}
.about .bg .box .txt .more{ width:120px; height:37px; overflow:hidden; background:#ffffff; float:right; overflow:hidden; display:block; text-align:center; line-height:37px; color:#46a7f8; margin-top:25px;}

.new{ width:94%; max-width:1200px; margin:0 auto; clear:both; margin-top:140px;}
.new .title{ width:319px; height:383px; float:left; background:url(../images/news-title.jpg) no-repeat; display:block; overflow:hidden}
.new .title .box{ padding-left:40px; padding-top:60px;}
.new .title .box span{ display:block; height:36px; line-height:36px; color:#000000; font-size:30px;}
.new .title .box .xian{ width:58px; height:5px; background:#46a7f8; margin-top:7px;}
.new .title .box em{ display:block; height:34px; line-height:34px; color:#707070; font-size:24px; font-family:Arial, Helvetica, sans-serif; padding-top:8px;}
.new .txt{ margin-left:370px;}
.new .txt dl{ width:100%; height:159px; border-bottom:1px solid #e8e8e8; overflow:hidden; margin-bottom:28px;}
.new .txt dl dt{ width:180px; height:140px; float:left;}
.new .txt dl dt img{ width:160px; height:120px; border:1px solid #d0d0d0; padding:8px;}
.new .txt dl dd{ overflow:hidden; margin-left:194px;}
.new .txt dl dd .name{ height:28px; line-height:28px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#4c4b4b; font-size:18px; padding-top:5px;}
.new .txt dl dd .time{ height:18px; line-height:18px; padding-top:7px; color:#777777; font-size:12px;}
.new .txt dl dd .memo{ width:100%; height:60px; padding-top:12px; line-height:20px; font-size:12px; color:#4c4b4b}

.why{ width:100%; height:auto; background:#fafbfd; margin-top:40px;}
.why .bg{ width:94%; max-width:1200px; margin:0 auto; margin-top:35px;}
.why .bg .txt{ width:100%; height:auto; margin-top:55px;}
.why .bg .txt ul li{ float:left; width:50%; overflow:hidden; margin-bottom:50px;}
.why .bg .txt ul li dl{ width:94%; height:100px; margin:0 auto; overflow:hidden;}
.why .bg .txt ul li dl dt{ width:100px; height:100px; float:left}
.why .bg .txt ul li dl dt img{ width:96px; height:96px; border:2px solid #f1f1f1;}
.why .bg .txt ul li dl dt img.img1{ display:block}
.why .bg .txt ul li dl dt img.img2{ display:none}
.why .bg .txt ul li dl dd{ margin-left:115px; height:100px; overflow:hidden}
.why .bg .txt ul li dl dd .name{ height:26px; line-height:26px; color:#000000; font-size:18px;}
.why .bg .txt ul li dl dd .xian{ width:58px; height:5px; background:#46a7f8; margin-top:7px;}
.why .bg .txt ul li dl dd .memo{ width:100%; height:48px; line-height:24px; padding-top:8px; color:#707070;}
.why .bg .txt ul li dl:hover dt img.img1{ display:none}
.why .bg .txt ul li dl:hover dt img.img2{ display:block}


.hzhb{ width:94%; max-width:1200px; height:auto; margin:30px auto;}
.hzhb .title{ width:100%; height:36px; background:url(../images/hzhb-title.jpg) no-repeat left; line-height:36px; color:#fff; font-size:20px; text-indent:15px; text-transform:uppercase}
.hzhb .txt{ width:100%; height:auto; margin-top:30px;}
.hzhb .txt div{ overflow:visible}
.hzhb .txt  .swiper-container{ width:100%; overflow:hidden;}
.hzhb .txt  .swiper-container .swiper-slide{ width:auto}


@media screen and (max-width: 1200px) {
#nav ul li a{ font-size:14px; padding-left:15px; padding-right:15px;}	
.about .bg .box .tu{ width:400px; height:auto; margin-top:-65px;}
.about .bg .box .txt{ width:auto; margin-left:425px; color:#fff; padding-top:25px;}
	}


/****************************** ny *************************************/
.ny_left{ width:220px; height:auto; float:left; display:inline; }
.ny_cpfl{ width:100%; height:auto; background:#a8a8a8}
.ny_cpfl .title{ width:100%; height:120px; background:#46a7f8; border-bottom:1px solid #fff;}
.ny_cpfl .title .bt{ padding-left:10px; padding-top:17px;}
.ny_cpfl .title .bt span{color:#fff; font-size:24px; display:block; height:36px; line-height:36px;}
.ny_cpfl .title .bt .xian{ background:#fff; width:58px; height:5px; margin-left:0; margin-top:5px;}
.ny_cpfl .title .bt em{ color:#fff; font-size:18px; height:26px; line-height:26px; display:block; margin-top:7px;}
.ny_cpfl .txt{ width:100%; height:auto; border:1px solid #ececec; border-top: none;}



.dym{ width:100%; height:auto;}
.dym .txt{width:100%; height:auto; min-height:300px; margin-top:30px;}
.dym .txt img{ width:100%;}


.ny_side{ width:auto; height:auto; margin-left:260px;}
.ny_side .title{ width:100%; height:42px; border-bottom:1px solid #100d0e; line-height:42px; color:#232323; font-size:20px;}

.ny_side .txt{ width:100%; height:auto; min-height:300px; margin-top:40px;}


ul.proul li{ width:33.33%; float:left; margin-bottom:20px; overflow:hidden}
ul.proul li dl{ width:94%; margin:0 auto; border:1px solid #d2d2d2; overflow:hidden}
ul.proul li dl dt{ width:100%; overflow:hidden; border-bottom:1px solid #d2d2d2; position:relative}
ul.proul li dl dt .png{ width:100%; height:100%; position:absolute; display:none; z-index:7; left:0; top:0; background:url(../images/pro-png.png)}
ul.proul li dl dt .png-box{ width:80%; height:80%; transform:scale(0,0); -moz-transform:scale(0,0); -ms-transform:scale(0,0); -o-transform:scale(0,0); -webkit-transform:scale(0,0); position:absolute; z-index:8; left:10%; top:10%;transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
ul.proul li dl dt .png-more{ width:90px; height:22px; z-index:99; left:50%; margin-left:-45px; top:50%; margin-top:-11px; transform:scale(0,0); -moz-transform:scale(0,0); -ms-transform:scale(0,0); -o-transform:scale(0,0); -webkit-transform:scale(0,0); background:url(../images/pro-more.png); display:block; position:absolute; text-align:center; line-height:22px; color:#fff;transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
ul.proul li dl dt img{ width:100%; display:block;}
ul.proul li dl dd{ width:100%; height:60px; overflow:hidden; text-align:center; line-height:60px; color:#46a7f8; font-size:16px;}
ul.proul li dl:hover{ background:#46a7f8}
ul.proul li dl:hover dd{ color:#fff;}
ul.proul li dl:hover dt .png{ display:block}
ul.proul li dl:hover dt .png-box{transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1); -o-transform:scale(1,1); -webkit-transform:scale(1,1);}
ul.proul li dl:hover dt .png-more{transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1); -o-transform:scale(1,1); -webkit-transform:scale(1,1);}


.dym .txt dl.newsdl{ width:100%; height:159px; border-bottom:1px solid #e8e8e8; overflow:hidden; margin-bottom:28px;}
.dym .txt dl.newsdl dt{ width:180px; height:140px; float:left;}
.dym .txt dl.newsdl dt img{ width:160px; height:120px; border:1px solid #d0d0d0; padding:8px;}
.dym .txt dl.newsdl dd{ overflow:hidden; margin-left:194px;}
.dym .txt dl.newsdl dd .name{ height:28px; line-height:28px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#4c4b4b; font-size:18px; padding-top:5px;}
.dym .txt dl.newsdl dd .time{ height:18px; line-height:18px; padding-top:7px; color:#777777; font-size:12px;}
.dym .txt dl.newsdl dd .memo{ width:100%; height:60px; padding-top:12px; line-height:20px; font-size:12px; color:#4c4b4b}

.prosd-top{ width:100%; height:auto}
.prosd-top .tu{ width:46%; margin:0 auto; border:1px solid #ccc}
.prosd-top .tu img{ width:100%; }
.prosd-top .right{ width:46%; float:right; display:none}
.prosd-top .right .name{ width:100%; height:auto; line-height:28px; border-bottom:1px solid #ccc; padding-bottom:5px; padding-top:5px; font-size:18px;}
.prosd-top .right .memo{ width:100%; height:auto; padding-top:20px;}

.prosd{ width:100%; height:auto; clear:both; padding-top:30px;}
.prosd img{ width:100%;}