@charset "gb2312";
*{word-break:break-all;margin:0;padding:0;}
body{font-size:14px;color:#1f1f1f; font-family:'΢ÈíÑźÚ',Verdana,Georgia,SimSun,Arial,Helvetica,'sans-serif';padding:0px;margin:0px auto;background-color:#FFF; overflow-x: hidden; width:100%;}
a{ color:#333333; text-decoration:none;}
a:hover{color:#009933;text-decoration:none}
:hover{transition: all ease-in .3s;}
h1,h2,h3,h4,h5,p,ul,li,dl,dt,dd{ margin:0; padding:0;}
ul,li,dl,dt,dd{ list-style:none;}
.imgZoom { overflow:hidden; }
.imgZoom img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s; display:block;}
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.c{ clear:both;}
.about{ float:right; margin-left:50px;}
img{max-width:100%; border:0; height:auto;}


.wrap,.container{ width:1200px; margin:0 auto;}

.header{width: 100%; padding:20px 0; overflow:hidden;}
.header .logo{  float:left;}

.header .tel{ float:right;}
.nav{ clear:both; width:100%; height:60px; background-color:#009933;}
.nav li{ float:left; width:14.28%; text-align:center; line-height:60px; position:relative;}
.nav li a{ display:block; color:#ffffff; font-size:16px; border-left:1px #23b554 solid;}
.nav li a:hover{ background-color:#23b554;}
.nav li:first-child a{ border:0;}
.nav li .sub{ display:none; position:absolute; z-index:999; left:0; top:60px; width:200px; background-color:#017327;}
.nav li:hover .sub{ display:block;}

.nav li .sub a{ display:block; height:45px; line-height:45px; }


#sjbanner_tabs{ display:none;}
.banner{ margin-bottom:50px;}
.index_banner{margin:0px auto; width:100%; height:auto; position:relative;}
.index_banner ul{overflow:hidden;}
.index_banner li{position: absolute; top: 0; left: 0;overflow: hidden; width: 100%;}
.index_banner li a{display:block;margin:0 auto;}
.index_banner cite{position: absolute; bottom: 15px; left: 45%; z-index: 9999; display: block; width: 188px; height: 20px; _display: none;}
.index_banner cite span{float: left; display: block; width: 1em; height: 1em; text-indent: -999em; opacity: .8; cursor: pointer; background-image: url(../images/tg_flash_p2.png); background-repeat: no-repeat; margin-top: 0; margin-right: 5px; margin-bottom: 0; margin-left: 5px; }
.index_banner cite span:hover{background-color:#f5f5f5;}
.index_banner cite span.cur{ cursor: default; background-image: url(../images/tg_flash_p.png); background-repeat: no-repeat; }

.mcp,.mnews{ margin-bottom:50px; overflow:hidden;}
.cp{ overflow:hidden; margin-bottom:30px;}
#divMainTab{ width:100%; margin-bottom:20px; }
#divMainTab ul{ overflow:hidden;} 
#divMainTab li{ float:left; margin:0 1%; text-align:center; font-size:16px; cursor:pointer; width:23%;height:45px; line-height:45px; box-sizing:border-box; }
#divMainTab .normal { border:1px #009933 solid; box-sizing:border-box;}
#divMainTab .selected { background-color:#009933; color:#fff; border:1px #009933 solid;}
.cpzs{ overflow:hidden;}
.xgcp{ padding:30px 0;}
.cpzs li{ /*width:270px;*/ width:31.33333%; border:1px #dddddd solid; float:left; padding:4px;  text-align:center; display:inline; margin:0 1% 2%; box-sizing:border-box;}
.xgcp .cpzs li{width:23%;}
.cpzs li img{/* height:200px;*/}
.cpzs li:hover{ border:1px #009933 solid; background-color:#009933; color:#fff;}
.cpzs li:hover p{ color:#fff;}
.cpzs p{ font-size:16px; text-align:center; line-height:40px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.cpzs .imgZoom{ position:relative;}
.imgMask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 153, 51, 0);
    transition: all .36s ease;
	display:none;
}
.cpzs li:hover .imgMask {
    background: rgba(0, 153, 51, 0.47);
}
.imgIcon {
    position: absolute;
    top: -30%;
    left: 50%;
    margin-top: -22px;
    margin-left: -28px;
    transition: all .6s ease;
	color:#fff;
	display:none;
	
}
.cpzs li:hover .imgIcon {
    top: 40%
}
.imgIcon .iconfont{font-size:50px;}

.mat{ text-align:center; margin-bottom:30px;}
.mat h2{font-size:30px; font-weight:400;}
.mat h2 span{ color:#ff6637;}
.mat p{ font-size:12px; margin-top:10px; text-transform:uppercase;}
.mat div{ width:30px; height:3px; background-color:#009933; margin:10px auto auto;}

.gsjj{ display:none; width:100%; /*float:left;*/ background:url(../images/body.jpg) no-repeat center bottom; margin-bottom:40px; padding:80px 0;}
.gsjjt{ background:url(../images/gsjjt.png) no-repeat center center; height:100px; margin-bottom:50px;}
.conp{}
.gstit{ margin-bottom:30px; text-align:center;}
.gstit h2{ font-size:24px;}
.gstit div{ width:40px; height:3px; background-color:#009933; margin:6px auto;}
.gstit span{ font-size:12px; text-transform:uppercase; color:#666;}
.conp p{ text-indent:28px; line-height:30px; margin-bottom:40px;}
.jjgd{ width:140px; height:40px; line-height:40px; background-color:#009933; text-align:center; text-indent:0; margin:15px auto;}
.jjgd a{ color:#ffffff;}

/*about*/

.mabout{width: 100%;padding-bottom: 50px;}

.mabout .mainCon{width: 100%;margin-top: 32px;}

.mabout .mainCon dl{width: 100%;height: 379px;position: relative;}

.mabout .mainCon dt{width: 642px;height: 379px;}

.mabout .mainCon dd{width: 632px;height: 252px;border: 2px solid #009933;position: absolute;top: 35px;right: 0;background: #fff;padding: 46px 56px 0 60px;}

.mabout .mainCon dd h3{font-size: 18px;color: #333333;font-weight: bold;}

.mabout .mainCon dd h3 a{color: #333333;}

.mabout .mainCon dd p{font-size: 14px;color: #666666;line-height: 25px;margin-top: 30px;}

.mabout .mainCon dd .more{display: block;width: 129px;height: 79px;text-align: center;line-height: 79px;font-size: 14px;color: #fff;text-decoration: none;position: absolute;left: 267px;bottom: -44px;background: #009933;text-transform: uppercase;}

.mabout .mainCon i{display: block;border-top: 1px dotted #f3f3f3;border-bottom: 1px dotted #d9d9d9;margin: 30px 0;}

.mabout .mainCon ul{width: 100%;}

.mabout .mainCon li{float: left;width: 292px;height: 191px;position: relative;margin-left: 10px;}

.mabout .mainCon li img{display: block;}

.mabout .mainCon li span{display: block;width: 100%;height: 44px;line-height: 44px;text-align: center;font-size: 14px;color: #fff;position: absolute;bottom: 0;left: 0;background: url(aboutBg02.png);}

.mabout .mainCon li:first-child{margin-left: 0;}

/*adv*/

.adv{width: 100%; margin-bottom:50px;}

.adv .title{width: 100%;text-align: center;padding-top: 82px;background: url(../images/advBg_01.jpg) no-repeat center;height: 148px;}

.adv .title h3{font-size: 45px;color: #fff; background:url(../images/adv_title.png) no-repeat center center;}

.adv .title h3 img{position: relative;top: 10px;}

.adv .title p{font-size: 20px;color: #999999;text-transform: uppercase;margin-top: 12px;}



.adv .title i{display: block;margin: 14px auto 0;width: 131px;height: 22px;}

.adv .mainCon{width: 100%;}

.adv .mainCon .con1{background: url(../images/advBg_02.jpg) no-repeat center;height: 415px;}

.adv .mainCon .con2{background: url(../images/advBg_03.jpg) no-repeat center;height: 350px;}

.adv .mainCon .con3{background: url(../images/advBg_04.jpg) no-repeat center;height: 373px;}

.adv .mainCon .con4{background: url(../images/advBg_05.jpg) no-repeat center;height: 439px;}

.adv .mainCon .con .box{width: 558px;}

.adv .mainCon .con.dif .box{width: 540px;margin-left: 648px;}

.adv .mainCon .con .box dt{width: 68px;height: 68px;text-align: center;line-height: 68px;font-size: 32px;color: #fff;font-weight: bold;float: left;background: url(../images/adv_y.png) no-repeat center;}

.adv .mainCon .con .box dd{width: 463px;}

.adv .mainCon .con.dif .box dd{width: 449px;}

.adv .mainCon .con .box dd{float: left;margin-left: 22px;}

.adv .mainCon .con .box dd h3{font-size: 30px;color: #333333;}

.adv .mainCon .con .box dd span{display: block;font-size: 18px;color: #333333;}

.adv .mainCon .con .box dd p{font-size: 14px;color: #666666;line-height: 24px;margin-top: 24px;}

.adv .mainCon .con .box dd p em{font-weight: bold;}

.adv .mainCon .con .box dd a{display: block;width: 178px;height: 40px;line-height: 40px;text-align: center;background: url(../images/productBg02.png) no-repeat center;font-size: 14px;color: #666666;float: left;text-decoration: none;margin-top: 26px;}

.adv .mainCon .con .box dd a:hover{background: url(../images/productBg03.png) no-repeat center;color: #fff;}

.adv .mainCon .con1 .box{padding-top: 118px;}

.adv .mainCon .con2 .box{padding-top: 78px;}

.adv .mainCon .con3 .box{padding-top: 78px;}

.adv .mainCon .con4 .box{padding-top: 68px;}

.mnews ul{ }
.mnews li{ width:48%; float:left; margin:1%;}
.mnews li a{ display:block; box-sizing:border-box;-moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s; padding:20px; border:1px #ddd solid;}
.mnews li .time{ width:100px; height:80px; line-height:25px; background-color:#009933; color:#fff; text-align:center;float:left; margin-right:20px;font-size:16px;}
.mnews li .time span{ display:block;  font-size:24px; padding-top:15px; }
.mnews li h2{ font-size:16px; margin:0px 0 10px;overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap}
.mnews li p{ line-height:20px; font-size:12px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.mnews li a:hover{-moz-box-shadow:0px 0px 10px #d0d0d0; -webkit-box-shadow:0px 0px 10px #d0d0d0; box-shadow:0px 0px 10px #d0d0d0; background-color:#ffffff;transform:translateY(-10px);}
.mnews li a:hover .time{ background-color:#009933;}

.mcgal{ margin-bottom:3em;}
.mcgalt{ height:132px; background:url(../images/malt.jpg) no-repeat center center;}
#gundong1 {margin:0 auto;}
#gundong1 .content {width: 100%;  overflow: hidden;}
#gundong1 .content #marquee1 { width:98%;display: inline; float: left; height: 273px; overflow: hidden; margin:1%;}
#gundong1 .content #marquee1 li { padding:3px; text-align: center; float: left; margin-right:20px; overflow: hidden; background-color:#eeeeee; border:1px #ddd solid;}
#gundong1 .content #marquee1 img {width: 300px; }
#gundong1 .content #marquee1 li .ctxt{ height:40px; text-align:center; line-height:40px; width:100%; }
#gundong1 .content #marquee1 li:hover{ background-color:#009933;}
#gundong1 .content #marquee1 li:hover a{ color:#fff;}

.flink{ background-color:#eeeeee; padding:8px 0;}
.flink b{ font-size:18px;}

.foot{ padding:30px 0px 20px; background-color:#009933; color:#fff; overflow:hidden; line-height:26px;}
.mmlx{}
.mmlx ul{ overflow:hidden; margin:0 -2%; padding:20px 0;}
.mmlx li{ float:left; width:29.333333%; border-right:1px #fff solid; box-sizing:border-box; margin:0 2%; font-size:16px; text-align:center;}
.mmlx li:last-child{ border:0;}
.mmlx li span{ width:63px; height:63px; margin:0 auto 20px; display:block;}
.mmlx1{ background:url(../images/mmlx1.png) no-repeat left center;}
.mmlx2{ background:url(../images/mmlx2.png) no-repeat left center;}
.mmlx3{ background:url(../images/mmlx3.png) no-repeat left center;}
.mmlx li em{ font-style:normal; font-size:26px; }


.foot dl{ width:20%; float:left; line-height:26px;}
.foot dt{ font-size:18px; margin-bottom:8px;}
.foot dl div{ width:20px; height:2px; background-color:#ffffff;margin-bottom:8px; }
.foot dd{ line-height:26px;}
.foot a,.bq a{ color:#fff;}
.fwx{ width:20%; float:left; text-align:right;}
.bq{  background-color:#222222; text-align:center; line-height:40px; color:#fff;}
.fdh{ display:none;}
.nyban{ width:100%; height:300px; background:url(../images/nyban.jpg) no-repeat center center; margin-bottom:50px; color:#fff; }
.nyban a{color:#fff;}
.nyban .container{ position:relative;top:30%;}
.nyban h2{ font-size:30px; margin-bottom:10px;}
.nybancon{ background:url(../images/tm.png); width:40%;padding:40px 70px;}

.nydh{ overflow:hidden; margin-bottom:30px; border-bottom:1px #dddddd solid;}
.nydh li{ float:left; margin-right:5%;}

.mcon { line-height:30px; margin-bottom:50px;}
.info{text-align:center;line-height:30px;color:#666;padding-right:18px; border-top:1px #dddddd solid;  border-bottom:1px #dddddd solid; margin-bottom:20px;}
.page{ line-height: normal; font-size: 14px; }
.page a,.page span{display:block;color:#390;font-weight:normal;text-decoration:none;letter-spacing:0px;border:1px solid #ccc;padding-top:3px;float:left;margin-top:5px;margin-right:2px;margin-bottom:5px;margin-left:2px;text-align:center;padding-right:5px;padding-left:5px;} 
.page a:hover, .page a.current{color:#F44;border:1px solid #F44} 
.page input{padding:0px;color:#390;height:16px;width:25px;border:0px solid #fff;text-align:center;margin-top:0px;margin-right:-5px;margin-bottom:0px;margin-left:-5px;vertical-align:middle;font-size:12px}

.prenext{line-height:40px;border-top:1px dashed #ccc;padding-right:10px;padding-left:10px; white-space:nowrap;text-overflow:ellipsis;overflow:hidden; color:#009933;}
.prenext .pre{float:left;width:50%} /* ÉÏһƪ */
.prenext .next{text-align:right;float:right;width:50%} /* ÏÂһƪ */ 

.news_list li{ width:48%; float:left; margin:0 1% 2%;}
.news_list li{overflow:hidden;border-bottom: 1px #d8d8d8 dashed; margin-bottom:30px; padding-bottom:20px;}
.news_list li ._time{ float:left; font-family:Arial; padding:5px 0; width:14%; margin-right:2%; color:#fff; background:#009933;text-align: center;}  
.news_list li ._time ._ri{ display:block; font-size: 40px;font-weight: 100;color: #fff;text-align:center; line-height:50px;}
.news_list li ._time ._year { display:block; font-size:14px;}
.news_list li ._intnew {float:right;width:84%;}
.news_list li ._intnew ._title{ padding-bottom:10px;font-size: 22px;font-weight: 100;color: #333;overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap}
.news_list li ._intnew ._text a{ line-height:20px; color:#888;}

.nylx{background:url(../images/page3-1.jpg) no-repeat;height:181px;padding:20px 20px 0 250px; margin-bottom:40px;}
.nylx h2{font-size:24px;color:#009933;margin: 10px 0;}
.nycontact{ overflow:hidden;border: 1px solid #ddd;}
.nycontact ul{box-sizing:border-box; padding:20px 0; float:left;}
.nycontact li {text-align: left;line-height:40px;  font-size:16px; padding:0 20px; }
.nycontact i{ font-size:25px; line-height:40px; color:#009933; margin-right:10px;}
.nycontact .dt{ float:right; text-align:center; width:50%;}

.xgxw{ margin-bottom:30px; margin-top:30px;}
.xgxw ul{ overflow:hidden;}
.xgxw li{ width:48%; float:left; border-bottom:1px #dddddd dashed; background:url(../images/mli.jpg) no-repeat left center; line-height:40px; height:40px; overflow:hidden; text-indent:20px; margin:0 1%;}
.xgxw li span{ float:right; color:#999;}

.mleft{ width:250px; float:left; margin-right:40px; display:inline; margin-bottom:40px;}
.cplb{background-color:#dcf0ff;}
.cpt{margin-bottom:10px;}
.cplb dl{margin-bottom:10px; overflow:hidden; width:100%;}
.cplb dt{ font-size:16px; background:url(../images/mrtit.png) #009933 no-repeat 20px center; height:40px; line-height:40px; text-indent:45px;}
.cplb dt a{ color:#ffffff; display:block;}

.cplb dd{ border-bottom:1px #ffffff solid; background:url(../images/m42.png) no-repeat 8px 14px; text-indent:25px;line-height:30px; height:30px; overflow:hidden; border-bottom:1px #9d9d9d dashed; width:120px; float:left;}

.mright{ width:910px; float:left;margin-bottom:40px;}
/*.mright .mat{ text-align:left;}
.mright .mat div{ margin-left:0;}*/
.nyl{ width:45%; float:left; margin-bottom:50px;}
.nyl img{ }
.nyr{ width:51%; float:left; margin-left:4%; display:inline;}
.nyr h2{  font-size:34px; margin-bottom:30px; font-weight:bold;}
.nyr h3{ background:url(../images/nico1.png) no-repeat left center;  font-size:28px; margin-bottom:30px; padding-left:120px; display:none;}
.nytel{ width:100%; display:inline-table; height:60px; font-size:24px; line-height:60px; color:#fff; border-radius:4px; background-color:#009933; text-align:center; overflow:hidden; text-align:center; margin-top:10px;}
.nytel a{ color:#fff;}
.proonedetailfltel{clear:both; display:block; font-size:14px;color:#999; margin: 30px 0;}
.proonedetailfltel strong{font-size:30px;color:#ff0000;vertical-align: text-bottom;display: inline-block;}
.sjtel{ display:none;}

.cp_txt{width: 100%;overflow: hidden;margin-top: 32px;margin-right: auto;margin-left: auto;float: left;}
.cp_txt p{ line-height:35px;color:#333;}
.cp_txt table{ margin-top:10px; }
.txt_name{width: 100%; padding:10px 0 20px 50px;font-size: 26px;font-weight: bold; background:url(../images/nico.png) no-repeat left 12px; }

.nyms{ margin-top:20px; border-bottom:1px #dddddd solid; padding-top:20px; padding-bottom:20px; color:#666;}
.gy{ font-size:16px; line-height:32px; padding-top:50px;}


.cpright{ width:294px; float:left; margin-left:66px;}

.cp_body{width: 840px; float:left;overflow: hidden;margin-top: 0px;margin-right: auto;margin-bottom: 0;margin-left: auto;}
.cp_name{width: 100%;border-bottom: 1px #eaeaea solid;background-color: #00a3ff;float: left; margin-top:20px;}
.cp_erNav{width: 100%;margin-right: auto;margin-left: auto;}
.cp_erNav li{width: 25%;height: 64px;float: left;line-height: 64px;display: inline;text-align: center;}
.cp_erNav li a{color: #FFF;text-decoration: none;float: left;width: 100%; font-size:16px;}
.cp_erNav li a:hover{color: #ffffff;float: left;width: 100%; background-color:#ffad00;}
.cp_txt{width: 100%;overflow: hidden;margin-top: 32px;margin-right: auto;margin-left: auto;float: left;}
.cp_txt p{ line-height:35px;color:#333;}
.cp_txt table{ margin-top:10px; }


@media screen and (max-width: 1200px) {
.wrap,.container{ width:100%;}
.header .logo{ width:40%;}

.cpzs li{ width:23%; margin:1%; box-sizing:border-box;}
.mleft{ display:none;}
.mright{ width:100%;}
.adv{ display:none;}





}
@media screen and (max-width: 980px) {
.nycontact .dt{ float:none; text-align:center; width:100%;}
}

@media screen and (max-width: 900px) {
.nybancon{ width:auto; padding-left:5%; padding-right:5%;}
.foot{ padding:5% 0 0;}
.foot .f1{ display:none;}
.foot .flx{ width:100%; margin-left:0; padding:0; text-align:center;}
.foot .fwx{ width:100%; text-align:center;}
.foot dt{ width:100%; text-align:center;}
.news_list li{ width:98%;}
.news_list li ._time{ width:20%;}
.news_list li ._intnew{ width:78%;}
}
@media screen and (max-width: 800px) {
.nyl{ width:95%; margin:0 auto 20px; box-sizing:border-box; text-align:center; float:none;}
.nyl img{ border:0;}
.nyr{ width: 94%; margin: 0 3% 3%;}
.nyl img{ border-radius:30px;}
.nyms p{ display:block;}
.mcon{ padding:0 10px;}
.mmlx li{ width:46%;}
.mmlx li:nth-child(3){ display:none;}
.mmlx li:nth-child(2){ border:0;}
#sjbanner_tabs{ display:block;}
#banner_tabs{ display:none;}
}

@media screen and (max-width: 768px) {
.header{ height:auto; overflow:hidden;position:relative;}
.header .logo{ width:100%; text-align:center;}
.header .tel{ display:none;}
.banner{ padding-top:0; margin-bottom:25px;}
.nyban{ height:auto;}
.nav li:hover .sub{ display:none;}
.cpzs li,.xgcp .cpzs li{ width:48%;}
.gsjj{ padding:4% 0;}
.gsimg{ display:none;}
.conp{ width:98%; margin:0 1%;}
.gstit{ text-align:center;}
.gstit div{ margin:6px auto 0;}
.jjgd{ margin:15px auto 0;}
.mnews li{ width:98%;}
.foot{ background-size:cover; padding:30px 0 0;}
	.foot .fwx{ width:100%; text-align:center;}
	.foot dt,.foot dd{ width:100%; text-align:center;}
	.foot .flx{ width:100%;margin-left: 0;text-align: center;}
	.foot dl div{ display:none;}
	.flx .p1{ display:none;}
	.bq .fr{ float:none; text-align:center;}
	.bq{ text-align:center;}
	.nylx{ display:none;}
.bq{ margin-bottom:40px;}
.fdh{ line-height:40px; height:40px; background-color:#009933; width:100%; display:block; position:fixed; z-index:99999; bottom:0px; color:#FFF; }
.fdh li{ width:33.33333%; float:left; display:block; text-align:center; border-right:1px #ddd solid; box-sizing:border-box;}
.fdh .li{ background-color:#222222;}
.fdh a{ color:#FFF;}
.about{ display:none;}
.prenext .next,.prenext .pre{ display:block; width:100%; float:none; text-align:left;}
.xgxw li{ width:98%;}
#gundong1 .content #marquee1 li{ width:220px;}
#gundong1 .content #marquee1{ height:213px;}
.mat h2{ font-size:26px;}
.mabout .mainCon{ margin-top:0;}
.mabout .mainCon dt{ width:100%; display:none;}
.mabout .mainCon dd{ width:auto; padding:20px; position:relative; top:0; height:auto;}
.mabout .mainCon dd .more{ left:auto;margin: 0 auto; position:relative; bottom:0; height:40px; line-height:40px;}
.mabout .mainCon dl{ height:auto;}
.mabout .mainCon i{ display:none;}
}

@media screen and (max-width: 580px) {
	.nav{ height:80px;}
	.nav li:first-child{ display:none;}
	.nav li{ width:33.33333%; line-height:40px; border:1px #00c040 solid; box-sizing:border-box; margin-top:-1px; margin-right:-1px;}
	#divMainTab li{ width:48%; margin:1%;}
.mmlx li{ width:96%; border:0; margin-bottom:2%;}
}