@charset "utf-8";

*{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:#03a9f4;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;}

img{max-width:100%; border:0; height:auto;}

.mmap{ overflow:hidden;}

.mmap dd{ width:48%; float:left; margin:0 1%; }



@font-face {

  font-family: 'iconfont';  /* project id 1085137 */

  src: url('../t/font_1085137_e71fhyt79ss.eot');

  src: url('../t/font_1085137_e71fhyt79ss.eot?#iefix') format('embedded-opentype'),

  url('../t/font_1085137_e71fhyt79ss.woff2') format('woff2'),

  url('../t/font_1085137_e71fhyt79ss.woff') format('woff'),

  url('../t/font_1085137_e71fhyt79ss.ttf') format('truetype'),

  url('../t/font_1085137_e71fhyt79ss.svg#iconfont') format('svg');

}

.iconfont{

    font-family:"iconfont" !important;

    font-size:16px;font-style:normal;

    -webkit-font-smoothing: antialiased;

    -webkit-text-stroke-width: 0.2px;

    -moz-osx-font-smoothing: grayscale;}



.wrap,.container{ width:1200px; margin:0 auto;}



.header{width: 100%; padding:20px 0; overflow:hidden;}

.header .logo{ float:left;}

.header .tmid{ float:left;}

.header .tel{ float:right;}

.nav{ clear:both; width:100%; height:50px; background-color:#03a9f4;}

.nav li{ float:left; width:14.2%; text-align:center; line-height:50px; position:relative; border-left:1px #01854a solid; box-sizing:border-box; font-size:16px;}

.nav li a{ display:block; color:#ffffff; }

.nav li:last-child{border-right:1px #01854a solid; }

.nav li a:hover{ background-color:#ee8400;}



#sjbanner_tabs{ display:none;}

.banner{ width:100%;position: relative; clear:both; margin-bottom:50px;}

.index_banner{margin:0px auto; width:100%; height:auto; position:relative; display:block;}

.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; }



.mrt{ background:url(../images/mrt.jpg) repeat-x; height:50px; border:1px #dddddd solid; line-height:50px; padding-left:15px; font-size:16px; margin-bottom:30px; border-left:8px #03a9f4 solid;}

.mrt h2{ font-size:18px;}

.mrt span{ float:right; padding-right:15px; font-size:14px; font-weight:normal;}

.mnews{ margin-bottom:50px;}



#allplist{width:100%;}

	#allplist .title{background:#03a9f4 url(../images/ciye_05.png) 22px 22px no-repeat;height:84px;}

	#allplist .item{ padding:10px; background-color: #F4F4F4;}

	#allplist .item li{clear:both; border-bottom:1px #dddddd solid; line-height:39px;background:url(../images/ciye_12.jpg) 5px 10px no-repeat;text-indent:25px;overflow:hidden;} 

        #allplist .item li.xiliebg{background-color:#b7b7b7;}

	#allplist .item a{font-size:14px;}

#allplist .item li b{ font-size:17px; color:#03a9f4;}





.cpzs{ overflow:hidden;}

.cpzs li{ /*width:270px;*/ width:23%; border:1px #dddddd solid; float:left; padding:4px;  text-align:center; display:inline; margin:0 1% 2%; box-sizing:border-box;}

.cpzs li img{/* height:200px;*/}

.cpzs li:hover{ border:1px #03a9f4 solid;}

.cpzs p{ font-size:16px; text-align:center; line-height:40px;overflow:hidden;

    text-overflow:ellipsis;

    white-space:nowrap}

.cpzs .imgZoom{ position:relative;}

.imgMask {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    transition: all .36s ease;

}

.cpzs li:hover .imgMask {

    background: rgba(75, 155, 4, 0.47);

}

.imgIcon {

    position: absolute;

    top: -30%;

    left: 50%;

    margin-top: -22px;

    margin-left: -28px;

    transition: all .6s ease;

	color:#fff;

	

}

.cpzs li:hover .imgIcon {

    top: 50%

}

.imgIcon .iconfont{font-size:50px;}



.sycp li{ width:31.333333%; float:left; margin:0 1% 2%;}



.mat{ text-align:center; margin-bottom:30px;}

.mat h2{font-size:26px; font-weight:bold;}

.mat h2 span{ color:#ff6637;}

.mat p{ font-size:14px; text-transform:uppercase;}

.mat div{ width:30px; height:3px; background-color:#03a9f4; margin:8px auto;}



.gsjj{ width:100%; /*float:left;*/ background:url(../images/body.jpg) #f6f6f6 no-repeat center bottom; padding:80px 0;}

.gsjjt{ background:url(../images/gsjjt.png) no-repeat center center; height:100px; margin-bottom:50px;}



.gsimg{ width:45%; float:left; margin-right:2%;}

.conp{ width:53%; float:left;}

.gstit{ margin-bottom:30px;}

.gstit h2{ font-size:24px;}

.gstit div{ width:40px; height:3px; background-color:#03a9f4; margin-top:6px;}

.gstit span{ font-size:12px; text-transform:uppercase; color:#666;}

.conp p{ text-indent:28px; line-height:30px;}

.jjgd{ width:140px; height:40px; line-height:40px; background-color:#03a9f4; text-align:center; text-indent:0; margin-top:35px;}

.jjgd a{ color:#ffffff;}



.tab2li{ overflow:hidden; background-color:#03a9f4; margin-bottom:50px;}

.tab2li li{

    float: left;

    width: 25%;

    background: url(../images/tab1.jpg) no-repeat left bottom;

    font-size: 28px;

    color: #fff;

    text-align: center;

    line-height: 60px;

    position: relative;

    z-index: 999;

	padding:40px 0;

}

.tab2li li p{

    width: 42px;

    height: 38px;

    position: relative;

    overflow: hidden;

    margin: 0 auto;

}

.tab2li li p img{

    position: absolute;

    left: 0px;

    top:-38px;

}

.tab2li li.cur{

    background: url(../images/tab2.png) #fff no-repeat left bottom;

    color: #333;

}

.tab2li li.cur p img{

    top:0px;

}





.ys{ background:url(../images/ys.jpg) no-repeat center center; height:308px; }



.mnews{ margin-bottom:50px; overflow:hidden; }

.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:25px; line-height:25px; background-color:#03a9f4; color:#fff; text-align:center; font-style:italic; font-size:12px;}

.mnews li h2{ font-size:16px; margin:10px 0;overflow:hidden;

    text-overflow:ellipsis;

    white-space:nowrap}

.mnews li p{ line-height:20px; font-size:12px;}

.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:#03a9f4;}





.picMarquee-left{ width:100%; position:relative; margin:0 auto 20px; overflow:hidden;}

		.picMarquee-left .hd{ overflow:hidden;  margin-top:30px; width:100%; display:none;}

		.picMarquee-left .hd .prev,.picMarquee-left .hd .next{ display:block;  width:50%; height:41px;overflow:hidden;cursor:pointer; float:left;}

		.picMarquee-left .hd .prev{  text-align:left;}

		.picMarquee-left .hd .next{text-align:right; }



		.picMarquee-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; display:none; }

		.picMarquee-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer;}

		.picMarquee-left .hd ul li.on{ background-position:0 0; }

		.picMarquee-left .bd{   }

		.picMarquee-left .bd ul{ overflow:hidden; zoom:1; margin:0 -10px; }

		.picMarquee-left .bd ul li{ /**/margin:0 20px 0 0;float:left; _display:inline; overflow:hidden; text-align:center;  width:330px; background-color:#03a9f4; border:1px #ddd solid;  }

		.picMarquee-left .bd ul li .pic{ text-align:center; position:relative; }

		.picMarquee-left .bd ul li .pic img{ display:block; }		

		.picMarquee-left .bd ul li h3{ font-size:16px; width:100%; margin:0 auto;  height:45px; line-height:45px; font-weight:normal; color:#ffffff;}	

		.picMarquee-left .bd ul li .title{  text-align:center; }

		.picMarquee-left .bd ul li:hover{ background-color:#ee8400;}

.picMarquee-left .hd .pageState{ display:none;}





.flink{ background-color:#eeeeee; padding:8px 0;}

.flink b{ font-size:18px;}



.foot{ padding:40px 0px 30px; background-color:#03a9f4; color:#fff; overflow:hidden; line-height:26px;}

.foot .fcp{ width:50%; float:left;}

.foot .fcp dl{ width:33%; float:left;}

.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:32px;}

.foot a,.bq a{ color:#fff;}

.flx{ float:left;width: 30%;}

.fwx{ width:20%; float:left; text-align:center;}

.fwx img{ width:150px;}

.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;}

.nybancon p{ display:none;}



.gyban{  background:url(../images/gyban.jpg) no-repeat center center;}

.lxban{  background:url(../images/lxban.jpg) no-repeat center center;}

.xwban{  background:url(../images/xwban.jpg) no-repeat center center;}





.nydh{ overflow:hidden; margin-bottom:30px; border-bottom:1px #dddddd solid;}

.nydh li{ float:left; margin-right:5%;}

.cp{ margin-bottom:5%;}

.mcon { line-height:32px; margin-bottom:50px; font-size:16px;}

.mgy p{ margin-bottom:8px; text-indent:32px;}

.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:#03a9f4; margin:30px auto;}

.prenext .pre{float:left;width:50%}

.prenext .next{text-align:right;float:right;width:50%} 

.prenext a{ color:#666666;}

.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:#03a9f4;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:#03a9f4;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:#03a9f4; margin-right:10px;}

.nycontact .dt{ float:right; text-align:center; width:50%;}



.xgxw{ margin-bottom:30px; margin-top:50px;}

.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:280px; 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) #03a9f4 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:35px; height:35px; overflow:hidden; border-bottom:1px #9d9d9d dashed;}



.mright{ width:880px; float:left;margin-bottom:40px;}

/*.mright .mat{ text-align:left;}

.mright .mat div{ margin-left:0;}*/

@-webkit-keyframes aase{

	0%{-webkit-transform: rotateY(0deg);}

	100%{-webkit-transform: rotateY(360deg);}

}

@-moz-keyframes aase{

	0%{-moz-transform: rotateY(0deg);}

	100%{-moz-transform: rotateY(360deg);}

}

@keyframes aase{

	0%{transform: rotateY(0deg);}

	100%{transform: rotateY(360deg);}

}



.main5{ margin:0px auto 60px; overflow:hidden;}

.main5 ul{margin-left:-2.5%; margin-bottom:10px;}

.main5 ul li{ width:22.5%; margin:0 0 0px 2.5%; text-align:center; float:left;overflow:hidden; }

.main5 ul li span{ width:90%; max-width:120px; height:auto; display:block; margin:0 auto; padding:15px; box-sizing:border-box; background-color:#03a9f4; border-radius:50%; overflow:hidden;}

.main5 ul li span img{ width:100%; height:auto;}

.main5 ul li h4{ font-size:22px; height:1.5em; line-height:1.5em; text-align:center; font-weight:normal; margin:18px 15px 8px; white-space:nowrap; text-overflow:ellipsis;overflow:hidden;}

.main5 ul li p{ color:#999999;}

.main5 ul li:hover span img{ -webkit-animation: aase 0.8s 1; -moz-animation: aase 0.8s 1; animation: aase 0.8s 1;}





@media screen and (max-width: 1200px) {

.wrap,.container{ width:100%; margin:0 0%;}

.nav .wrap{ width:100%; margin:0 auto;}

.mleft,.header .tmid{ display:none;}

.mright{ width:100%;}

.banner,.nyban{ margin-bottom:5%;}

.ys{ display:none;}

}

@media screen and (max-width: 980px) {

.nycontact .dt{ float:none; text-align:center; width:100%; display:none;}

.header .tmid{ display:none;}

}



@media screen and (max-width: 900px) {

	.header{ height:auto; overflow:hidden;position:relative; padding:10px 0;}

.header .logo{ width:100%; text-align:center;}

.header .tel{ display:none;}

.nyban .container{ width:100%; margin:0 auto;}

.nybancon{ width:auto; padding-left:5%; padding-right:5%;}

.foot{ padding:5% 0 0;}

.foot .f1{ display:none;}

.foot .fcp{ 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: 768px) {



.header img{ height:auto;}

#banner_tabs{ padding-top:0; display:none;}

#sjbanner_tabs{ display:block;}

.nav{ height:80px; overflow:hidden;}

.nav li{ width:33.3333333%; line-height:39px;border-bottom: 1px #01854a solid;}

.nav li:first-child{ display:none;}

.cpzs li{ width:48%;}

.gsjj{ padding:4% 0;}

.gsimg{ display:none;}

.conp{ width:98%; margin:0 1%;}

.gstit{ text-align:center; margin-bottom:10px;}

.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 .flx div{ margin:0 auto;}

	.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:#03a9f4; 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%;}

.mmap dd{ width:98%;}

.picMarquee-left .bd ul li{ width:180px; margin:0 10px;}



}



@media screen and (max-width: 580px) {

	#divMainTab li{ width:48%; margin:1%;}

	#divMainTab ul{ width:100%;}

	.nyban{ height:auto;}

	.nyban h2{ display:none;}

.tab2li{ display:none;}

.gsjj{ margin-bottom:5%;}

.foot .footc{ width: 100%;}

}



