

.inbanner{ width: 100%; height: 400px; position: relative; z-index: 1; overflow: hidden;}
.inbanner img{ position: absolute; left:50%; margin-left: -960px; top:0; height: 100%;}

.main{ margin: 0 auto; width: 1200px; max-width: 100%;}
.cate{ width: 100%; height: 40px; margin-top: 42px; border-bottom: 1px solid #e0e0e0;
	 line-height: 40px; font-size: 20px; color: #333; font-weight: bold; position: relative;}
.cate2{ width: 100%; height: 40px; margin-top: 20px; position: relative; line-height: 40px;}
.cateen{ color: #666; font-size: 16px; font-weight: normal;}
.tree{ position: absolute; right:0; top:0; z-index: 1;
	 font-weight: normal; color: #666; font-size: 14px; }
.tree a{ color: #666; padding: 0 5px;}
.tree a.leaf{ color: #0096ff;}




.yeji-out{ width: 100%; margin: 38px auto 0; overflow: hidden;}
.yejilist{ width: 1220px; overflow: hidden; padding-bottom: 25px;}
.yejilist li{ float: left; width: 283px; border: 1px solid #e8e8e8; margin: 0 20px 20px 0;}
.yejilist li a{ display: block; background-color: #f1f1f1; text-align: center;}
.yejilist li div{ padding-top: 7px;}
.yejilist li img{ width: 260px; height: 180px;}
.yejilist li h3{ font-size: 16px; color: #333; line-height: 3em;}
.yejilist li h3,.yejilist li a,.yejilist li{ -webkit-transition: .6s; 
	-moz-transition: .6s; -ms-transition: .6s; -o-transition: .6s; transition: .6s;}

.yejilist li:hover{ border-color: #0096ff;}
.yejilist li:hover a{ background-color: #0096ff;}
.yejilist li:hover h3{ color: #fff;}




.case-out{ width: 100%; margin: 0 auto;overflow: hidden;}
.caselist{ width: 1230px; overflow: hidden; padding: 25px 0;}
.caselist li{ float: left; width: 378px; border: 1px solid #e8e8e8; margin: 15px 30px 15px 0;}
/* .caselist li:hover{ box-shadow: 0 0 8px 0 #888;} */
.caselist li a{ display: block; padding: 9px 15px 5px; background-color: #f1f1f1; text-align: center;}

.caselist li .casep{ width: 348px; position: relative; margin: 0 auto;}
.caselist li .casetxt{ position: absolute; top:0; left:0; z-index: 1; width: 100%; height: 100%;
	background:url('../image/op0-40.png'); opacity: 0;}
.casetxt label{ display: block; padding-bottom: 12px; margin-top: 70px; position: relative;
	color: #fff; font-size: 16px; line-height: 30px;}
.casetxt label:after{ content: ''; width: 40px; height: 2px; background-color: #0350a0;
	position: absolute; bottom: 0; left:50%; margin-left: -20px;}
.casetxt p{ font-size: 18px; color: #fff; margin-top: 10px; line-height: 30px; padding: 0 24px;}

.caselist li img{ width: 348px; height: 240px;}
.caselist li h3{ margin-top: 10px; height: 56px; overflow: hidden;
	 font-size: 16px; color: #333; line-height: 28px;}
.caselist li,.caselist li .casetxt{ -webkit-transition: .6s;
	 -moz-transition: .6s; -ms-transition: .6s; -o-transition: .6s; transition: .6s;}
.caselist li:hover .casetxt{ opacity: 1;}

.main2{ width: 100%; background-color: #f1f1f1;}
.project-out{ width: 1200px; overflow: hidden; margin: 0 auto;padding-top: 45px; padding-bottom: 40px;}
.projectlist{ height: 596px; width: 1200px;  overflow-y: auto; border-bottom: 1px solid #e0e0e0;}
.projectlist li{ float: left; width: 340px; height: 50px; padding-left: 40px; margin-right: 30px;
	background:url('../image/doc.png') 15px 2px no-repeat; overflow: hidden; line-height: 22px;}
.projectlist li a{ font-size: 16px; color: #666;}
.projectlist li:hover{ background-image:url('../image/doc2.png')}
.projectlist li:hover a{ color: #0096ff;}
.projectlist table{ margin: 0 auto; width: 100%!important;}
.project-out table td{border: 1px solid #999 !important; padding: 5px 10px;  width: 50%;}
.project-out table th{border: 1px solid #999 !important; padding: 5px 10px;  width: 50%;}
.project-out table.xm{width: 1183px;}

.atc{ padding: 20px 0 60px;}
.atc-h{ padding: 10px 0; border-bottom: 1px solid #c5c5c5; text-align: center;}
.atc-h h1{ font-size: 20px; color: #333; line-height: 30px; font-weight: bold;}

.atc-date{ color: #666; line-height: 2em; margin-top: 14px; text-align: center;}
.atc-date span{ margin: 0 20px;}

.atc-con{ padding: 40px 170px; font-size: 16px; color: #666; line-height: 26px;}
.atc-con h4{ color: #000; font-size: 16px;}
.atc-con img{ max-width: 100%;}

.atc-pn{ background-color: #f1f1f1; overflow: hidden;}
.atc-pn a{ float: left; height: 40px; line-height: 40px; color: #666;}
a.atc-ret{ width: 10%; text-align: center; text-decoration: underline;}

a.atc-prev,a.atc-next{ width: 45%; height: 40px; overflow: hidden;}
a.atc-prev label{ float: left; width: 90px; height: 40px;
	 background-color: #045f9e; text-align: center; color: #fff;}
a.atc-prev span{ float: left; width: 440px; margin-left: 10px; font-size: 12px; }
a.atc-next label{ float: right; width: 90px; height: 40px;
	 background-color: #045f9e; text-align: center; color: #fff;}
a.atc-next span{ float: right; width: 440px; margin-right: 10px; font-size: 12px; }

.atc-pn a:hover{ color: #072a7e;}




.hd-out{ width: 100%; margin: 0 auto;overflow: hidden;}
.hdlist{ width: 1230px; overflow: hidden; padding: 25px 0;}
.hdlist li{ float: left; width: 378px; border: 1px solid #e8e8e8; margin: 15px 30px 15px 0;}
.hdlist li a{ display: block; padding: 9px 15px 5px; background-color: #f1f1f1; text-align: center;}

.hdlist li .hdp{ width: 348px; position: relative; margin: 0 auto;}
.hdlist li .hdp img{ width: 100%;}
.hdlist li .hdtxt{ position: absolute; top:0; left:0; z-index: 1; width: 100%; height: 100%;
	background:url('../image/op0-40.png'); opacity: 0; overflow: hidden;}
.hdtxt label{ display: block; position: relative; border: 1px solid #fff; margin: 0 auto;
	width: 138px; color: #fff; font-size: 16px; line-height: 38px; top:67px;}

.hdlist li img{ width: 348px; height: 240px;}
.hdlist li h3{ margin-top: 10px; height: 56px; overflow: hidden;
	 font-size: 16px; color: #333; line-height: 28px;}
.hdlist li a,.hdlist li .hdtxt,.hdlist li h3,.hdlist li label{ -webkit-transition: .6s;
	 -moz-transition: .6s; -ms-transition: .6s; -o-transition: .6s; transition: .6s;}

.hdlist li:hover .hdtxt{ opacity: 1;}
.hdlist li:hover a{ background-color: #0096ff;}
.hdlist li:hover h3{ color: #fff;}
.hdlist li:hover label{ top:97px; }

.erji{ width: 100%; max-width: 1200px; margin: 0 auto; height: 40px; overflow: hidden;}
.erjishadow{ width: 100%; height: 40px;}
.erji.on{ position: fixed; width: 1200px; top:70px; z-index: 10;
	 left:50%; margin-left: -600px; box-shadow: 0 0 8px 0 #888;}
.erji li{ float: left;text-align: center; font-size: 16px; line-height: 40px;}
.erji li a{ display: block; border: 1px solid #d4d4d4; background-color: #dfdfdf; color: #666;}
.erji li.on a,.erji li:hover a{ background-color: #0096ff; color: #fff; border-color: #0096ff;}
.erji-1 li{ width: 100%;}
.erji-2 li{ width: 50%;}
.erji-3 li{ width: 33.3%;}
.erji-4 li{ width: 25%;}
.erji-8 li{ width: 12.5%;}



.huaout{ width: 100%; padding: 30px 0 55px; overflow: hidden; height: 330px;}
.huaout img{ width: 590px; height: 330px;}

.fwlist{ width: 1100px; height: 120px; margin: 40px auto 22px; overflow: hidden;}
.fwlist.ffuwu{ margin: -120px auto 0; position: relative; z-index: 2;}
.fwlist a{ float: left; display: block; width: 120px; height: 120px; margin: 0 1px;
	text-align: center; position: relative;}
.fwlist a::before{ content: ""; position: absolute; top: 0; height: 100%; width: 100%; background: #218fff;
    left: 0; -webkit-transition: .5s; -moz-transition: .5s; opacity: 0.8; z-index: 1; 
	-ms-transition: .5s; -o-transition: .5s; transition: .5s;}
.fwlist a.on::before,.fwlist a:hover::before{ background-color: #0064ca;}
.fwlist a p{ font-size: 16px; color: #fff; margin-top: 15px; position: relative; z-index: 2;}
.fwlist a img{ margin-top: 24px; position: relative; z-index: 2;}
.fwlist a:hover img{ -webkit-animation:rotateY360 0.5s linear 1; animation:rotateY360 0.5s linear 1;}

.fwcon{ border: 1px solid #e2e2e2; margin-bottom: 60px; padding: 40px 50px 50px;
	font-size: 16px; color: #666; line-height: 26px;}
.fwcon h4{ position: relative; font-size: 20px; color: #333; font-weight: bold; line-height: 2em; margin-bottom: 15px;}
.fwcon h4:after{ content: ''; width: 84px; height: 2px; background-color: #959595;
	position: absolute; bottom: 0; left:0;}




.news-out{ width: 100%; margin: 0 auto; overflow: hidden;}
.newslist{ width: 1220px; overflow: hidden; padding: 30px 0 10px;}
.newslist li{ float: left; width: 283px; border: 1px solid #e0e0e0; margin: 0 20px 20px 0;}

.newslist li a{ display: block; padding-bottom: 40px; background-color: #fff; text-align: center;}

.newslist li .newsp{ width: 100%;}
.newslist li img{ width: 100%; height: 215px;}
.newslist li i{ display: block; width: 100%; height: 16px; margin-top: 15px; margin-bottom: 10px;
	 background:url('../image/jia.png') center no-repeat;}
.newslist li h3{ margin-top: 18px; height: 48px; padding: 0 15px; overflow: hidden;
	 font-size: 16px; color: #333; line-height: 24px;}
.newslist li .newstxt{ padding: 0 15px; height: 60px; overflow: hidden;
	 font-size: 14px; line-height: 20px; color: #666;}

.newslist li:hover a{ background-color: #0096ff;}
.newslist li:hover h3,.newslist li:hover .newstxt{ color: #fff;}
.newslist li:hover i{ background-image: url('../image/jiah.png');}
.newslist li a,.newslist li .newstxt,.newslist li h3{ -webkit-transition: .6s;
	 -moz-transition: .6s; -ms-transition: .6s; -o-transition: .6s; transition: .6s;}



/* 关于我们 */
.gai{ width: 100%;}
.gaiin{ overflow: hidden; padding: 40px 0 35px;}

.gaibt{ width: 100%; height: 40px; position: relative; text-align: center;
	 line-height: 40px; font-size: 20px; color: #0096ff; font-weight: bold;}
.gaibten{ color: #c6c6c6; font-size: 16px; font-weight: normal;}

.gaicon{ padding-top: 30px; margin-top: 10px; border-top: 1px solid #e0e0e0;}
.gaicon img{ float: left; width: 590px; height: 440px; margin-right: 30px; margin-bottom: 28px;}
.gaicon div{ font-size: 16px; line-height: 26px; color: #666;}



.jiagou{ width: 100%; padding: 60px 0 56px;
	background:url('../image/jiagoubg.jpg') no-repeat;
	-moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover;
    -webkit-background-size: cover; background-size: cover;}

.jiagoupic{ display: block; margin: 30px auto 0; max-width: 100%;}


.zizi{ width: 100%; padding: 80px 0 10px; }
.zizilist{ width: 1220px; padding: 20px 0;}
.zizilist li{ float: left; width: 280px; margin: 10px;}
.zizilist li div{ text-align: center; height: 192px; width: 280px;}
.zizilist li img{ max-width:100%; max-height: 100%;}
.zizilist li img{ -webkit-transition: .5s; -moz-transition: .5s; 
	-ms-transition: .5s; -o-transition: .5s; transition: .5s;}
.zizilist li img.on,.zizilist li:hover img{ -webkit-transform: scale(1.3); -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);  -o-transform: scale(1.3); transform: scale(1.3);}


.cheng{ width: 100%; background:url('../image/chengbg.jpg') top center repeat;}
.chengin{ overflow: hidden; padding: 80px 0 40px;}

.chenglist-out{ margin-top: 30px; padding: 0 0 30px; position: relative;}
.chenglist{ height: 900px; position: relative; overflow: hidden;
	 -webkit-transition: .5s; -moz-transition: .5s; 
	-ms-transition: .5s; -o-transition: .5s; transition: .5s;}
.chenglist-out:before{ content: ''; position: absolute; left:50%; width: 1px; height: 100%;
	 background-color: #0096ff; z-index: 1; top:0;}
.chengbtn{ width: 100%; height: 40px; cursor: pointer;
	background:url('../image/twodown2.png') center no-repeat;}

.chenglist li{ width: 100%; height: 150px; overflow: hidden; position: relative;}
.chenglist li:after{ content: ''; position: absolute; left:50%; width: 16px; height: 16px;
	z-index: 2; top:15px; background:url('../image/dot01.png') center no-repeat; margin-left: -8px;}
.chenglist li .chengp{ float: left; width: 50%; height: 100%; text-align: right;}
.chenglist li img{ margin-right: 25px; margin-top: 14px; width: 180px; height: 130px;}
.chenglist li .chengt{ float: right; width: 50%; height: 100%; text-align: left;}
.chenglist li h3{ padding-left: 25px; height: 48px; font-size: 30px; color: #333; line-height: 48px; font-weight: bold;}
.chenglist li p{ padding-left: 25px; font-size: 16px; color: #333; line-height: 24px;
	height: 72px; overflow: hidden;}

.chenglist li:nth-child(even) .chengp{ float: right; text-align: left;}
.chenglist li:nth-child(even) img{ margin-left: 25px;}
.chenglist li:nth-child(even) .chengt{ float: left; text-align: right;}
.chenglist li:nth-child(even) h3{ padding-right: 25px;}
.chenglist li:nth-child(even) p{ padding-right: 25px;}




form#liuyan{ width: 100%; overflow: hidden;}
.hangout{ width: 100%; height: 40px; margin-bottom: 30px;}
.hang { height: 40px; margin-bottom: 30px; position: relative;}
.hang span.Validform_checktip,.hang2 span.Validform_checktip{ position:absolute; left:0; top:100%; margin-left: 0;
 	padding-left: 20px; line-height: 30px; height: 30px; font-size: 12px; background-position: left center;}
input.srk{ border: 1px solid #e0e0e0; height: 40px; width: 598px; 
	line-height: 40px; font-size: 16px; text-indent: 10px;
	transition: 0.6s; -moz-transition: 0.6s; -webkit-transition: 0.6s; -o-transition: 0.6s;}
input.srk:focus{ border-color:#bbb;}
input.srk.short{ width: 50%;}
input.srk.short2{ width: 288px;}

.hang2{ margin-bottom: 30px; position: relative;}
.hang2 textarea{ border: 1px solid #e0e0e0; resize:none; display: block; width: 578px;
	height: 120px; padding: 5px 10px; line-height: 30px; font-size: 16px;
	transition: 0.6s; -moz-transition: 0.6s; -webkit-transition: 0.6s; -o-transition: 0.6s;}
.hang2 textarea:focus{ border-color:#bbb;}
img.yzmpic{ max-width: 40%; height: 42px; margin-left: 30px; cursor: pointer; vertical-align: top;}


input.dlbtn{ width: 100%; height: 42px; line-height: 42px; background-color: #0096ff;
	display: block; color: #fff; font-size: 16px;}
input.dlbtn.grey{ background-color: #aaa; cursor: default;}
input.dlbtn:hover{ filter:alpha(opacity=80); opacity:0.8;}


.lxcon{ margin-top: 40px; margin-bottom: 55px; overflow: hidden;}
.lxleft,.lxright{ float: left; width: 50%;}

.lxway p{ font-size: 16px; color: #666; line-height: 36px; padding-left: 38px;
	background: url('../image/lx.png') no-repeat}
.lxway p.lx01{ background-position: 0 8px;}
.lxway p.lx02{ background-position: 0 -28px;}
.lxway p.lx03{ background-position: 0 -64px;}
.lxway p.lx04{ background-position: 0 -100px;}
.lxway p.lx05{ background-position: 0 -136px;}
.lxway p.lx06{ background-position: 0 -172px;}
.lxewm{ margin-top: 36px; overflow: hidden; width: 100%; height: 165px;}
.lxewm li{ float: left; width: 135px; height:100%;  margin-right: 28px;}
.lxewm li img{ display: block; border: 4px solid #7e7e7e; width: 127px; height: 127px;}
.lxewm li span{ display: block; font-size: 16px; line-height: 30px; color: #666; text-align: center;}

.mapout{ width: 100%; height: 80px; overflow: hidden; position: relative;}
.mapout,.mapbtn1,.mapbtn2{ transition: 0.6s; -moz-transition: 0.6s; -webkit-transition: 0.6s; -o-transition: 0.6s;}
.mapout.on{ height: 300px;}
#map { width: 100%; height: 300px;}
.mapbtn1{ position: absolute; left:0; top:0; z-index: 1; opacity: 1; width: 100%; cursor: pointer;
	height: 100%; background: url('../image/op0-60.png'); text-align: center; overflow: hidden;}
.mapbtn1 span{ padding-left: 45px; background: url('../image/twoup.png') left no-repeat;
	font-size: 16px; color: #fff; line-height: 80px;}
.mapbtn2{ width: 80px; height: 40px; background: #fff url('../image/twodown.png') center no-repeat;
	border: 1px solid #444; position: absolute; top:-100px; left:50%; z-index: 2; margin-left: -40px;
	cursor: pointer; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;
	box-shadow: 0 2px 5px 0 #5f5f5f;}
.mapout.on .mapbtn1{ opacity: 0; top:100%;}
.mapout.on .mapbtn2{ top:0;}




.zplist{ width: 1200px; overflow: hidden; padding-top: 40px;}
.zplist li{ float: left; width: 300px; border-bottom: 1px dashed #e0e0e0; margin-bottom: 40px; padding: 0 0 43px;}
.zplist li a{ display: block; width: 250px; margin: 0 auto; padding: 5px 15px;}
.zplist li:hover a{ box-shadow: 0 0 5px 0 #ccc;}
.zplist li h3.zp-po{ font-size: 18px; color: #333; height: 54px; line-height: 3em; border-bottom: 1px solid #fff; 
	padding-right: 10px; background: url('../image/dayu02.png') right no-repeat; overflow: hidden;}
.zplist li p.zp-num{ font-size: 14px; color: #646464; line-height: 54px;}
.zplist li a,.zplist li h3.zp-po{ -webkit-transition: .6s; 
	-moz-transition: .6s; -ms-transition: .6s; -o-transition: .6s; transition: .6s;}

.zplist li:hover h3.zp-po{ color: #0096ff; border-bottom-color: #0096ff;
	background-image: url('../image/dayu02h.png');}


.zpmsgcon-out{ padding: 45px 50px; position: relative;}

.zpmsgcon{ width: 95%; height: 480px; position: relative; overflow: hidden;}
.zpmsgcon-in{ width: 100%; position: absolute; top: 0; left:0; z-index: 1;}
.zpmsgcon-in img{ display: block; max-width: 100%;}


.zpmsgcon-out .scrollbar{ width: 3px; height: 100%; position: absolute; top:45px; right:25px; z-index: 1;}
.zpmsgcon-out .track{ width: 1px; height:100%; background-color: #dcdcdc; position: relative;}
.zpmsgcon-out .thumb{ width: 3px; background-color: #0096ff; position: absolute; left:-1px; top:0;z-index: 1;
	-moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius:1px; cursor: pointer;}


.zpmsgbg{ width: 100%; height: 100%; position: fixed; z-index: 150; left:0; top:0;
	background: url('../image/op0-60.png'); display: none; overflow: hidden; }
.zpmsg{ width: 600px; height: 620px; position: absolute; z-index: 1; background-color: #fff;
	left:50%; top:-50%; margin-top: -310px; margin-left: -300px; font-family: 'Microsoft Yahei';}
.zpmsgbg.on .zpmsg{ top:50%;}
.zpmsgbt{ font-size: 18px; color: #f1f1f1; line-height: 50px; text-indent: 50px;
	 height: 50px; overflow: hidden; background-color: #0096ff; position: relative;}
.zpmsgclose{ width: 50px; height: 50px; position: absolute; top:0; right: 0; z-index: 1;
	cursor: pointer; background: url('../image/close2.png') center no-repeat;}



.chinamain{ width: 100%; background: url('../image/chinabg.jpg') top center ;}
.chinatip{ width: 100%; height: 108px; text-align: center;
	 line-height: 108px; font-size: 16px; color: #0096ff;}

.chinabase{ position: relative; width: 100%; height: 674px; padding-bottom: 50px;}
.chinabase img{ display: block; position: absolute;
	top:0; left:143px; z-index: 1;}

.shenlist{ position: relative; z-index: 2; width: 100%; height: 100%;}
.shenlist li{ position: absolute; padding-left: 16px; z-index: 2; cursor: pointer;
	background: url('../image/dot02.png') left center no-repeat; left:0; top:0;}
.shenlist li:first-child{ background-image: url('../image/wuxin.png');}
.shenlist li:first-child h3{ font-weight: bold;}
.shenlist li:hover,.shenlist li.on{ background-image: url('../image/dot02h.png');}
.shenlist li h3{ color: #005a99; font-size: 16px; line-height: 20px; height: 20px;}
.shenlist li p{ display: none;}


/* 弹层 */
.shenpage{ position: absolute; z-index: 3; bottom:0; left:0; width: 300px; padding-bottom: 22px;
	background: url('../image/shadow.png') bottom center no-repeat; display: none;
	-webkit-transition: .6s; -moz-transition: .6s; -ms-transition: .6s; -o-transition: .6s; transition: .6s;}
.shenpage h4{ width: 100%; height: 45px; background-color: #0096ff; position: relative;}
.shenpage h4 a{ width: 44px; height: 44px; position: absolute; top:0; right: 0; z-index: 1;
	cursor: pointer; background: url('../image/close3.png') center no-repeat;}

.shencon{ padding: 0 10px 30px; background-color: #fff;}
.shen-name2{ font-size: 16px; color: #0096ff; font-weight: bold; text-align: center;
	line-height: 40px; border-bottom: 1px solid #0096ff;}
.shen-tel2{ padding-left: 50px; font-size: 20px; color: #333; line-height: 46px; font-weight: bold;
	background: url('../image/tel.png') 6px center no-repeat; height: 46px;}
.shen-addr2{ font-size: 14px; color: #666; line-height: 20px; padding: 0 5px; margin-top: 5px;}











/* 首页 */
.ffri{ width: 100%; background-color: #fff;}
.ffriin{ overflow: hidden; padding: 28px 0;}
.ffriin a{ margin-bottom: 10px; float: left; width: 180px; height: 42px; border: 1px solid #dfdfdf;
	font-size: 16px; line-height: 42px; text-align: center; color: #666; margin-left: 28px;}
.ffriin a:hover{ box-shadow: 0 0 8px 0 #ccc;}

.fcate2{ float: left; height: 42px; line-height: 42px; font-size: 20px; color: #007eff; font-weight: bold;}
.fcateen2{ color: #c5c5c5; font-size: 16px; font-weight: normal;}



.fyeji{ background-color: #f3f3f3;}
.fyejiin{ overflow: hidden; padding: 30px 0 40px;}

.fcate3{ width: 100%; height: 40px; position: relative;
	 line-height: 40px; font-size: 20px; color: #333; font-weight: bold; }
.fcateen3{ color: #c5c5c5; font-size: 16px; font-weight: normal;}
.catemore3{ position: absolute; right:0; top:0; z-index: 1; 
	 color: #666; font-weight: normal; font-size: 14px;}
.catemore3:hover{ color: #007eff;}

.fyeji-out{ width: 100%; overflow: hidden;}
.fyejilist{ width: 1220px; overflow: hidden; padding: 5px 0 10px;}
.fyejilist li{ float: left; width: 283px; border: 1px solid #e5e5e5; margin: 10px 20px 10px 0;}
.fyejilist li a{ display: block; background-color: #fff; text-align: center;}
.fyejilist li div{ padding-top: 7px;}
.fyejilist li img{ width: 260px; height: 180px;}
.fyejilist li h3{ font-size: 16px; color: #666; line-height: 3em;}
.fyejilist li h3,.fyejilist li a,.fyejilist li{ -webkit-transition: .6s; 
	-moz-transition: .6s; -ms-transition: .6s; -o-transition: .6s; transition: .6s;}

.fyejilist li:hover{ border-color: #0096ff;}
.fyejilist li:hover a{ background-color: #0096ff;}
.fyejilist li:hover h3{ color: #fff;}




.fthree{ width: 1200px; margin: 0 auto; padding: 40px 0 34px; overflow: hidden;}
.fgai{ float: left; width: 580px; height: 230px;}
.fhua{ float: right; width: 580px; height: 230px;}

.fcate{ width: 100%; height: 40px; position: relative; border-bottom: 1px solid #e2e2e2;
	 line-height: 40px; font-size: 20px; color: #333; font-weight: bold; }
.fcateen{ color: #c5c5c5; font-size: 16px; font-weight: normal;}
.catemore{ position: absolute; right:0; top:0; z-index: 1; 
	 color: #666; font-weight: normal; font-size: 14px;}
.catemore:hover{ color: #007eff;}


.fgaicon{ padding-left: 245px; margin-top: 16px;}
.fgaicon img{ float: left; margin-left: -245px; width: 225px; height: 168px;}
.fgaicon p{ color: #666; line-height: 26px; height: 105px; overflow: hidden;}
.fgaicon a.mo{ margin-top: 38px; display: block; line-height: 26px; color: #007eff; text-indent: 10px;}


.fhuacon{ padding-left: 238px; margin-top: 16px;}
.fhuacon img{ float: left; margin-left: -238px; width: 225px; height: 168px;}

.fhualist li{ height: 40px; border-bottom: 1px dashed #e0e0e0; padding-left: 20px;
	padding-right: 70px; position: relative;
	background: url('../image/kuai01.jpg') left no-repeat;}
.fhualist li:hover{ background-image: url('../image/kuai01h.jpg')}
.fhualist li a{ display: block; height: 40px; color: #666; line-height: 40px; overflow: hidden;}
.fhualist li:hover a{ color: #007eff;}
.fhualist li i{ position: absolute; width: 70px; right: 0; top:0; z-index: 1;
	font-style: normal; font-size: 12px;}

.ftongcon{ padding: 20px 0 20px 265px; border-bottom: 1px solid #e0e0e0;}
.ftongcon img{ float: left; margin-left: -265px; width: 245px; height: 185px;}
.ftongcon h3{ font-size: 16px; line-height: 24px; color: #333; 
	height: 48px; overflow: hidden; padding-top: 10px; margin-bottom: 10px;}
.ftongcon h3 a{ color: #333;}
.ftongcon h3:hover a{ color: #007eff;}
.ftongcon p{    -webkit-transition: all .3s; color: #666; line-height: 24px; height: 50px; padding-top: 10px;
		 overflow: hidden; border-top: 1px solid #e0e0e0; margin-bottom: 15px;}
.ftongcon p:hover{color: #007eff;    -webkit-transition: all .3s;}

.ftongcon div{ height: 40px; color: #666; line-height: 40px;}
.ftongcon div span{ font-size: 24px; text-decoration: underline;}
.ftongcon div a{ float: right; color: #007eff;}

.fnews{ width: 1200px; margin: 0 auto; padding: 27px 0 25px; overflow: hidden;}
.fnewsl{ float: left; width: 580px;}
.fnewsr{ float: right; width: 580px;}

.fnewslist{ margin-top: 7px;}
.fnewslist li{ height: 50px; border-bottom: 1px dashed #e0e0e0; padding-left: 20px;
	padding-right: 70px; position: relative;
	background: url('../image/kuai01.jpg') left no-repeat;}
.fnewslist li:hover{ background-image: url('../image/kuai01h.jpg')}
.fnewslist li a{ display: block; height: 50px; color: #666; line-height: 50px; overflow: hidden;}
.fnewslist li:hover a{ color: #007eff;}
.fnewslist li i{ position: absolute; width: 70px; right: 0; top:0; z-index: 1;
	font-style: normal; font-size: 12px;}






.fzizi{ width: 100%; background: url('../image/zzbg.jpg') center;}
.fziziin{ overflow: hidden; padding: 24px 0 50px;}
.fcate4{ width: 100%; height: 40px; position: relative;
	 line-height: 40px; font-size: 20px; color: #fff; font-weight: bold;}
.fcateen4{ color: #c1c1c1; font-size: 16px; font-weight: normal;}

.fzizilist{ overflow: hidden;}
.fzizilist li{ float: left; margin-right: 12px;}
.fzizilist li a{ width: 276px; height: 192px; display: block; text-align: center; background-color: #fff;}
.fzizilist li img{ max-width: 100%; max-height: 100%;}


.fzizibtn{ text-align: center; position: absolute; top:5px; right: 5px; z-index: 1;}
.fzizibtn a{ display: inline-block; width: 40px; height: 40px; margin-left: 20px;}
.fzizibtn a:hover{ box-shadow: 0 0 5px 0 #aaa;}
.fzizibtn a.fnewsprev{ background-image: url('../image/toleft.png');}
.fzizibtn a.fnewsnext{ background-image: url('../image/toright.png');}


.picScroll-left{ width:1200px; padding-top: 70px; margin-top: -40px;
	 overflow:hidden; position:relative;}
.picScroll-left .bd{  }
.picScroll-left .bd ul{ overflow:hidden; zoom:1;}
.picScroll-left .bd ul li{ _display:inline;}
