body{font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:12px; color:#666;width:expression(document.body.clientWidth <= 1200? "1200px": "auto"); min-width:1200px;}
a,a:hover{ text-decoration:none;}
.wrap{ width:1200px; margin:0 auto;}
.bgf8{ background:#f8f8f8}
a.col62{ color:#626262}
a.col62:hover{ color:#fff}

.bannerbox{ width:100%; height:auto;/* 910px */ position:relative}
.subbanner{ width:100%; height:890px; position:relative}
.header{ background:#fff; width:100%; position:absolute; left:0; top:0; height:90px; z-index:10}
.header2{ position:relative}
a.logo{ float:left; display:block; background:url(../images/logo.png) no-repeat left center; width:160px; height:90px;}

.nav {position: relative;z-index: 99999; float:right; width:890px;}
.nav li.back {background: #0076ca;height: 4px;margin-left: 0;margin-top: 86px;overflow: hidden;position: absolute;z-index: 1;}
.nav ul li {float: left;margin: 0 15px;padding: 0 20px;}
.nav a {color: #333; font-size:17px;display: block;line-height: 90px;position: relative;z-index: 2;}
.nav a:hover, .nav .hover a, .nav .current-cat a {color: #0076ca;}
.slideBox {height:auto;/* 910px */overflow: hidden;position: relative;width: 100%;z-index: 1;}
.slideBox .hd { background:rgba(255,255,255,0.1); height:30px; line-height:30px; text-align:center; width:110px;bottom: 10px; border-radius:15px;left: 50%;margin-left: -55px;overflow: hidden;position: absolute;z-index: 1;}
.slideBox .hd ul {margin-top:7px;overflow: hidden;}
.slideBox .hd ul li { display:inline-block;border: 3px solid none; background:#fff;border-radius: 50%;cursor: pointer;height: 10px;width: 10px; margin:0 3px; font-size:0}
.slideBox .hd ul li.on {background:none; border:3px solid #267fbc;}
.slideBox .banner {height: 100%;position: relative;text-align: center;z-index: 0;}
.slideBox .banner li {height: auto;/* 910px */vertical-align: middle;}
.slideBox .banner li a {display: block;height:auto;/* 910px */position: relative;width: 100%}
.slideBox .banner li a img {width: 100%;}
.xzyy{ float:right; border:1px solid #0076ca;height:36px; border-radius:18px; color:#0076ca; font-size:14px; line-height:36px; width:110px; background:url(../images/icon1.png) no-repeat 85px center; position:relative; z-index:10; margin-top:26px;}
.xzyy span{ display:inline-block; line-height:36px; padding-left:20px; width:100px; cursor:pointer}
.xzyyb{ position:absolute; left:-1px; top:37px;  background:#fff; width:100%; display:none}
.xzyyb a{ display:block; width:100%; line-height:35px; color:#0076ca; font-size:14px; text-align:center}
.xzyyb a:hover{ background:#f4f4f4}

.jdal{ width:100%; height:860px; background:url(../images/img2a.jpg) no-repeat center center; position:relative}
.jdalm{ position:absolute; width:100%; left:0; height:738px; top:50%; margin-top:-369px;}
.title{ text-align:center;font-size:40px; color:#333; padding-bottom:23px; background:url(../images/icon2a.jpg) no-repeat center bottom}
.title2{ text-align:center;font-size:40px; color:#fff; padding-bottom:23px; background:url(../images/icon2b.jpg) no-repeat center bottom}
.alm{ padding:45px 0 60px; width:1200px; margin:0 auto}
.alm li{ float:left; margin:1px; display:inline-block; width:198px; height:100px; background:#fff;}
.alm li a{ display:table-cell; width:198px; height:100px; text-align:center; vertical-align:middle;    opacity: 0.5;    transition: all 0.3s ease 0s;}
.alm li a:hover{filter: none;    opacity: 1;    transform: scale(0.9) translateY(-8px);}
a.more{ display:inline-block; border:1px solid #0195ff; width:154px; height:45px; line-height:45px; text-align:center; color:#0195ff; font-family:Arial; font-size:16px; border-radius:24px;}
a.more:hover{ color:#fff; background:#0195ff}
.cpin{width:100%; padding:75px 0 40px; background:#324558; position:relative}
.cpm{ width:1200px; margin:0 auto; position:relative}
.cpm .title2{background:url(../images/csicon4.png) no-repeat center bottom}
.pos{ width:1200px; margin:0 auto; padding:15px 0 0}
.pos ul{ width:1255px;}
.pos li{ float:left; margin:15px 70px 15px 0; width:135px; height:135px; border:2px solid rgba(255,255,255,1); color:#fff; line-height:22px; font-size:15px;transition: all 0.3s ease 0s;}
.pos li span{ display:block; width:135px; height:105px; text-align:center; padding-top:30px}
.pos li:hover{border:2px solid rgba(255,255,255,1);}
.pos li:hover span{animation:bounce 1s;}
.ypt{ border:2px solid #fff; text-align:center}
.ypt span{ display:inline-block; line-height:65px; background:url(../images/csicon3.png) no-repeat left center; padding-left:90px; color:#fff; font-size:26px;}
.csicon1{ display:inline-block; width:129px; height:164px; background:url(../images/csicon1.png) no-repeat center center; position:absolute}
.allb2{ margin:0 auto; padding:50px 0 75px; width:1200px;}
.allb2 ul{ width:1220px}
.allb2 li{ display:block; float:left; width:386px; height:386px; margin:0 20px 20px 0; overflow:hidden}
.default {
    background: rgba(0, 0, 0, 0) url("../images/caseConBg.png") no-repeat scroll 0 0;
    display: block;
    height: 254px;
    margin: 26px;
    padding: 40px 48px;
    text-align: center;
    width: 240px;
}
.default img {
    height: 77px;
    margin-bottom: 30px;
}
.default p.text {
    border-top: 1px solid #c6c6c6;
    color: #212121;
    font-size: 24px;
    font-weight: lighter;
    line-height: 40px;
    padding-top: 20px;
}
.hover2 {
    background: rgba(0, 0, 0, 0) url("../images/alphaBg.png") repeat scroll 0 0;
    display: none;
    height: 340px;
    padding: 23px 25px;
    width: 336px;
}
.hover2 .userHeader {
    border-radius: 110px;
    height: 110px;
    margin: 0 auto 16px;
    overflow: hidden;
    text-align: center;
    width: 110px;
}
.hover2 .userHeader img {
    min-height: 110px;
    min-width: 110px;
}
.hover2 .text1 {
    color: #fff;
    font-size: 18px;
    font-weight: lighter;
    line-height: 24px;
    padding-bottom: 10px;
    text-align: center;
}
.hover2 .text2 {
    background: rgba(0, 0, 0, 0) url("../images/yinhao5.png") no-repeat scroll 0 0;
    color: #f4efec;
    font-size: 16px;
    font-weight: lighter;
    height: 152px;
    line-height: 24px;
    text-align: justify;
    text-indent: 3em;
}

@-webkit-keyframes bounce{
	0% {		-webkit-transform: scale(.3);	}
	
	50% {		-webkit-transform: scale(1.05);	}
	
	70% {		-webkit-transform: scale(.9);	}
	
	100% {		-webkit-transform: scale(1);	}
}

@-moz-keyframes bounce{
	0% {		-webkit-transform: scale(.3);	}
	
	50% {		-webkit-transform: scale(1.05);	}
	
	70% {		-webkit-transform: scale(.9);	}
	
	100% {		-webkit-transform: scale(1);	}
}

@-o-keyframes bounce{
	0% {		-webkit-transform: scale(.3);	}
	
	50% {		-webkit-transform: scale(1.05);	}
	
	70% {		-webkit-transform: scale(.9);	}
	
	100% {		-webkit-transform: scale(1);	}
}

@keyframes bounce{
	0% {		-webkit-transform: scale(.3);	}
	
	50% {		-webkit-transform: scale(1.05);	}
	
	70% {		-webkit-transform: scale(.9);	}
	
	100% {		-webkit-transform: scale(1);	}
}

.bounce{
	-webkit-animation-name: bounceIn;
	-moz-animation-name: bounceIn;
	-o-animation-name: bounceIn;
	animation-name: bounceIn;
}
.xwzx{ background:#f6f6f6; padding:70px 0;}
.xwlb{ width:1200px; margin:0 auto; padding:50px 0 60px;}
.xwlb ul{ width:1220px;}
.xwlb li{ float:left; margin-right:20px; width:285px; background:#fff;}
.xwlb li a{ display:block; width:285px; height:342px;}
.xwlbt{width:285px; height:200px; margin-bottom:20px; overflow:hidden}
.xwlb li a img{ vertical-align:top;width:285px; height:200px; transform: translate3d(0px, 0px, 0px);transition: all 0.3s ease 0s;}
.xwlb li a:hover img{transform: scale(1.1);}	
.xwlb li a p{ background:url(../images/icon4.png) no-repeat 25px center; padding-left:50px; line-height:20px; margin-bottom:15px; color:#999; font-family:Arial; font-size:15px;}
.xwlb li a h1{ line-height:28px; padding:0 25px; color:#333; font-size:16px;}
.xwlb li a:hover h1{ color:#0195ff}
.img2c{width:100%; height:380px; background:url(../images/img2c.jpg) no-repeat center center; position:relative}
.img2d{width:100%; padding:75px 0 110px; background:url(../images/img2d.jpg) no-repeat center top; position:relative}
.zxly{ padding:105px 0 0; width:1200px; margin:0 auto}
.zxly ul{ width:1228px;}
.zxly li{ float:left; width:279px; margin-right:28px;}
.ly_input{ border:1px solid #d3d3d3; height:45px; line-height:45px; width:100%; text-indent:15px; color:#999; font-size:20px; font-family:Arial}
.ly_input:focus{ border:1px solid #0076ca}
.ly_btn{ border:none; background:#0076ca; color:#fff; text-align:center; width:100%; height:47px; font-size:20px; font-family:Arial; cursor:pointer}
.footer{ padding:60px 0; background:#1a1a1a}
.footerm{ width:1200px; margin:0 auto; position:relative}
.footerb{ text-align:center; line-height:25px; font-size:14px; color:#626262}
.footerb img{ vertical-align:top; margin-bottom:25px;}
a.icon5b{ background:url(../images/icon5b.png) no-repeat center center; display:inline-block; width:50px; height:35px;}
a.icon5b:hover{background:url(../images/icon5bb.png) no-repeat center center;}
a.icon5c{ background:url(../images/icon5c.png) no-repeat center center; display:inline-block; width:50px; height:35px;}
a.icon5c:hover{background:url(../images/icon5cb.png) no-repeat center center;}
a.icon5d{ background:url(../images/icon5d.png) no-repeat center center; display:inline-block; width:50px; height:35px;}
a.icon5d:hover{background:url(../images/icon5db.png) no-repeat center center;}
a.icon5e{ background:url(../images/icon5e.png) no-repeat center center; display:inline-block; width:50px; height:35px;}
a.icon5e:hover{background:url(../images/icon5eb.png) no-repeat center center;}
a.icon5f{ background:url(../images/icon5f.png) no-repeat center center; display:inline-block; width:50px; height:35px;}
a.icon5f:hover{background:url(../images/icon5fb.png) no-repeat center center;}
.phone{ font-family:Arial; font-size:20px; color:#999;}
.footerbl{ float:left; width:220px; margin-right:175px;}
.footerbr{ float:right; width:250px}
.footerbm{ width:380px; float:left}
.img5a{ background:url(../images/img5a.jpg) no-repeat center center}
.img5b{ width:100%; height:800px; position:relative; background:url(../images/img5b.jpg) no-repeat center center}
.img5j{ width:100%; height:930px; position:relative; background:url(../images/img5j.jpg) no-repeat center center}
.cyxt{ height:632px; width:100%; position:absolute; left:0; top:50%; margin-top:-316px;}
.title3{ text-align:center; color:#333; font-size:48px; line-height:55px; font-weight:100}
.img5c{width:100%; height:800px; position:relative; background:url(../images/img5c.jpg) no-repeat center center}
.img5d{width:100%; height:800px; position:relative; background:url(../images/img5d.jpg) no-repeat center center}
.img5e{width:100%; height:800px; position:relative; background:url(../images/img5e.jpg) no-repeat center center}
.img5i{width:100%; height:800px; position:relative; background:url(../images/img5i.jpg) no-repeat center center}
.cptxt{ padding:15px 0 45px; width:1200px; margin:0 auto}
.cptxt ul{ width:1260px;}
.cptxt li{ float:left; margin-right:60px; width:360px;}
.cptxt li h1{ line-height:30px; padding:30px 0 15px; color:#333; font-size:20px;}
.cptxt li p{ color:#777; font-size:16px; line-height:25px; text-align:left; text-align:justify;}
.jcxt{ width:100%; height:788px; position:absolute; left:0; top:50%; margin-top:-384px;}
.img5g{width:100%; height:800px; position:relative; background:url(../images/img5g.jpg) no-repeat center center}
.jhpt{ width:100%; height:638px; position:absolute; left:0; top:50%; margin-top:-319px;}
.img6{ background:url(../images/img6.jpg) no-repeat center top; width:100%; height:1080px; position:relative}
.img7{ background:url(../images/img7.jpg) no-repeat center top; width:100%; height:785px; position:relative}
.img8{ background:url(../images/img8.jpg) no-repeat center top; width:100%; height:580px; position:relative}
.zscs{ width:1200px; margin:0 auto; padding:75px 0 65px;}
.zscs h1{ color:#333; font-size:28px; line-height:40px; padding-bottom:45px;}
.zscs li{ margin-bottom:25px; color:#666; font-size:16px; line-height:30px;}
.zscs li h2{ line-height:30px; padding-bottom:5px; color:#333; font-size:20px;}
.img7b{ background:url(../images/img7b.jpg) no-repeat center top; width:100%; height:620px; position:relative}
.gsjj{ font-size:16px; color:#666; line-height:30px; text-align:center; width:100%; height:440px; position:absolute; left:0; top:50%; margin-top:-220px;}
.gsjjt{ background:url(../images/icon2a.jpg) no-repeat center bottom; padding-bottom:50px; line-height:25px; text-align:center; color:#666; font-size:16px; margin-bottom:65px;}
.gsjjt h1{ text-align:center; color:#333; font-size:36px; line-height:45px; padding-bottom:15px;}
.img7c{width:100%; height:360px; position:relative; background:url(../images/img7c.jpg) no-repeat center center}
.img7d{width:100%; height:360px; position:relative; background:url(../images/img7d.jpg) no-repeat center center}
.dsjbox{position:relative; width:1200px; margin:0 auto; padding-bottom:80px;}
.dsj{ padding:60px 0 0; }
.dsj h1{ display:block; border:1px solid #e5e5e5; width:120px; height:38px; line-height:38px; text-align:center; font-weight:bold; font-family:Arial; font-size:24px; color:#666; margin:0 auto 40px; border-radius:19px; background:#fff; position:relative; z-index:10}
.dsj li{ width:600px; position:relative;}
.dsj li p{ display:inline-block; padding:10px 20px 10px 30px; width:480px; background:#f1f1f1; line-height:40px; border-radius:5px; color:#666; font-size:16px;}
.dsj li:hover p{ color:#fff; background:#0076ca}
.icon7{ display:inline-block; width:11px; height:11px; background:url(../images/icon7a.png) no-repeat center center; position:absolute; top:50%; margin-top:-5.5px; z-index:10}
.dsj li:hover .icon7{background:url(../images/icon7b.png) no-repeat center center;}
a.ckgd{ display:inline-block; width:160px; height:40px; line-height:40px; text-align:center; color:#fff; border-radius:20px; font-size:16px; background:#0076ca}
.icon6{ display:inline-block; width:23px; height:63px; position:absolute; background:url(../images/icon6.png) no-repeat center center; left:50%; margin-left:-11px; bottom:0;}
.icon8{ width:1px; position:absolute; left:50%; top:0; background:url(../images/icon8.png) repeat-y; height:100%; display:inline-block; z-index:1}
.zyry{ padding:55px 0 105px; width:1200px; margin:0 auto}
.zyry li{background:url(../images/icon9.png) no-repeat left center; padding-left:50px; line-height:45px; color:#666; font-size:16px;}
.subnav{ text-align:center; width:1200px; position:absolute; left:50%; margin-left:-600px; bottom:-1px;}
.subnav a{ display:inline-block; width:200px; height:55px; line-height:55px; text-align:center; background:rgba(0,118,202,0.8); color:#fff; font-size:17px;}
.subnav a:hover,.subnav a.now{ background:#fff; height:60px; line-height:60px; color:#0076ca; font-size:19px;}
.jrwm{ padding:50px 0; width:1200px; margin:0 auto}
.jrwm li{ margin-bottom:30px; background:#f8f8f8;}
a.jrwmt{ padding:0 35px 0 40px; height:55px; line-height:55px; color:#333; font-size:16px; display:block; position:relative}
a.jrwmt:hover,.jrwm li.now a.jrwmt{ background:#0076ca; color:#fff;}
.jrwmb{ padding:25px 40px; color:#666; font-size:14px; line-height:25px; display:none}
.jrwmb h1{ line-height:30px; font-size:18px; color:#0076ca}
.icon10a{ display:inline-block; width:34px; height:34px; background:url(../images/icon10a.png) no-repeat center center; position:absolute; right:35px; top:50%; margin-top:-17px;}
.icon10b{ display:none; width:34px; height:34px; background:url(../images/icon10b.png) no-repeat center center; position:absolute; right:35px; top:50%; margin-top:-17px;}
.jrwm li.now .icon10b{ display:block}
.jrwm li.now .icon10a{ display:none}
.lxwm{ padding:50px 0; width:1200px; margin:0 auto}
.lxwmb{padding:15px 0}
.lxwmb li{ float:left; width:530px; padding:25px 35px; border-bottom:1px solid #f2f2f2; color:#666; font-size:14px; line-height:25px;}
.lxwmb li h1{ color:#333; font-size:18px; line-height:30px; padding-bottom:10px;}
.liuy{ padding:65px 0 80px; width:1200px; margin:0 auto}
.liu_input{ border:1px solid #d3d3d3; height:48px; line-height:48px; width:580px; text-indent:20px; color:#999; font-size:16px;font-family:"\5FAE\8F6F\96C5\9ED1";}
.liu_input:focus,.liu_text:focus{ border:1px solid #0076ca}
.liu_text{ border:1px solid #d3d3d3; padding:10px 20px;font-family:"\5FAE\8F6F\96C5\9ED1"; width:1160px; line-height:30px; color:#999; font-size:16px; height:350px;}
.liu_btn{ color:#fff; text-align:center; font-size:20px;font-family:"\5FAE\8F6F\96C5\9ED1"; background:#0076ca; height:65px; cursor:pointer; border:none; width:100%}
.allb{ padding:50px 0 75px; width:1200px; margin:0 auto}
.allb ul{ width:1215px;}
.allb li{ float:left; width:390px; margin:0 15px 20px 0; height:460px; position:relative; cursor:pointer}
.allbmbg{ background:#000; width:100%; height:100%; opacity:0.3; position:absolute; left:0; top:0; z-index:1;}
.allbm{ background:url(../images/icon11a.png) no-repeat center center; width:320px; height:394px; position:absolute; left:50%; top:50%; margin:-197px 0 0 -160px; z-index:2;}
.allbmt{ width:100px; height:100px; border-radius:50%; margin:15px auto; overflow:hidden; }
.allbmt span{width:100px; height:100px;display:table-cell; vertical-align:middle; text-align:center}
.allbmt img{ max-width:100%; max-height:100%}
.allbmb{ padding:20px; color:#666; font-size:13px; line-height:30px;}
.allbmb h1{ color:#333; font-size:18px; padding-bottom:10px; text-align:center}
.allb li:hover .allbmbg{ opacity:0}
.allb li:hover .allbm{background:url(../images/icon11b.png) no-repeat center center;}
.allb li:hover .allbmb,.allb li:hover .allbmb h1{ color:#fff}

#container{width:1200px;margin:50px auto;}
#container ul{width:390px;list-style:none;float:left;margin-right:15px;}
#container ul li{ background:#f6f6f6;  margin-bottom:15px;}
#container ul li img{width:390px;}
.zxb{ padding:20px 25px 15px;}
.zxb h1{ color:#333; font-size:18px; line-height:30px; margin-bottom:10px}
.icon4{ background:url(../images/icon4.png) no-repeat left center}
.zxbb{ line-height:25px; color:#666; font-size:13px; height:100px; overflow:hidden}
.zxbbnow{ height:auto}
.icon12{ background:url(../images/icon12a.png) no-repeat center center; display:inline-block; width:23px; height:23px; cursor:pointer}
.icon12:hover{background:url(../images/icon12c.png) no-repeat center center; }
.icon12b{background:url(../images/icon12b.png) no-repeat center center; }
.icon12b:hover{background:url(../images/icon12d.png) no-repeat center center;}
.img12a{ background:url(../images/img12a.png) no-repeat center center; width:100%; height:616px; position:absolute; left:0; bottom:0;animation:fadeInLeft 2s; z-index:2}
.img12b{ background:url(../images/img12b.png) no-repeat center center; width:100%; height:616px; position:absolute; right:0; bottom:0;animation:fadeInRight 2s; z-index:1}
.cpbanner{ padding:90px 0 0}
.cpbanner img{ max-width:100%; vertical-align:top; height:auto}
.cpbox{ width:1200px; margin:0 auto; padding:75px 0}
.cpl{ float:left; width:300px;}

.cpl h2{  color:#333; font-size:24px; line-height:60px; padding: 0 20px; text-align: left;position: relative; font-size: 24px; text-transform: uppercase; border: 1px solid #333; box-sizing: border-box; cursor: pointer;}
.cpl h2 span{display: inline-block; position: absolute;top: 0; right: 20px; line-height: 60px; color: #333; font-size: 24px;}
.cpl h2 span.jian,.cplsubnow h2 span.jian{display: none;}
.cplsub{margin-bottom: 15px}
.cplsub ul{ display: none; }
.cplsubnow h2{ border: none;background:url(../images/icon13.png) no-repeat center center; color: #fff }
.cplsubnow h2 span{ color: #fff; }
.cplsubnow h2 span.jia{display: none;}
.cplsubnow h2 span.jian{display: block;}
.cpl li{ margin:5px 0}
.cpl li a{ display:block; padding-left:75px; color:#595757; font-size:16px; line-height:40px;}
.cpl li.now a,.cpl li a:hover{ color:#e94709}
.csicon5{ background:url(../images/csicon5a.png) no-repeat left center;}
.cpl li.now .csicon5,.csicon5:hover{background:url(../images/csicon5b.png) no-repeat left center;}
.csicon6{ background:url(../images/csicon6a.png) no-repeat left center;}
.cpl li.now .csicon6,.csicon6:hover{background:url(../images/csicon6b.png) no-repeat left center;}
.csicon7{ background:url(../images/csicon7a.png) no-repeat left center;}
.cpl li.now .csicon7,.csicon7:hover{background:url(../images/csicon7b.png) no-repeat left center;}
.csicon8{ background:url(../images/csicon8a.png) no-repeat left center;}
.cpl li.now .csicon8,.csicon8:hover{background:url(../images/csicon8b.png) no-repeat left center;}
.csicon9{ background:url(../images/csicon9a.png) no-repeat left center;}
.cpl li.now .csicon9,.csicon9:hover{background:url(../images/csicon9b.png) no-repeat left center;}
.csicon10{ background:url(../images/csicon10a.png) no-repeat left center;}
.cpl li.now .csicon10,.csicon10:hover{background:url(../images/csicon10b.png) no-repeat left center;}
.csicon11{ background:url(../images/csicon11a.png) no-repeat left center;}
.cpl li.now .csicon11,.csicon11:hover{background:url(../images/csicon11b.png) no-repeat left center;}
.csicon12{ background:url(../images/csicon12a.png) no-repeat left center;}
.cpl li.now .csicon12,.csicon12:hover{background:url(../images/csicon12b.png) no-repeat left center;}
.csicon13{ background:url(../images/csicon13a.png) no-repeat left center;}
.cpl li.now .csicon13,.csicon13:hover{background:url(../images/csicon13b.png) no-repeat left center;}
.csicon14{ background:url(../images/csicon14a.png) no-repeat left center;}
.cpl li.now .csicon14,.csicon14:hover{background:url(../images/csicon14b.png) no-repeat left center;}
.csicon15{ background:url(../images/csicon15a.png) no-repeat left center;}
.cpl li.now .csicon15,.csicon15:hover{background:url(../images/csicon15b.png) no-repeat left center;}
.csicon16{ background:url(../images/csicon16a.png) no-repeat left center;}
.cpl li.now .csicon16,.csicon16:hover{background:url(../images/csicon16b.png) no-repeat left center;}
.csicon17{ background:url(../images/csicon17a.png) no-repeat left center;}
.cpl li.now .csicon17,.csicon17:hover{background:url(../images/csicon17b.png) no-repeat left center;}
.csicon18{ background:url(../images/csicon18a.png) no-repeat left center;}
.cpl li.now .csicon18,.csicon18:hover{background:url(../images/csicon18b.png) no-repeat left center;}
.csicon19{ background:url(../images/csicon19a.png) no-repeat left center;}
.cpl li.now .csicon19,.csicon19:hover{background:url(../images/csicon19b.png) no-repeat left center;}
.csicon20{ background:url(../images/csicon20a.png) no-repeat left center;}
.cpl li.now .csicon20,.csicon20:hover{background:url(../images/csicon20b.png) no-repeat left center;}

.cpr{ float:right; width:910px; min-height:875px}
.jdan{ width:1200px; margin:0 auto; padding:60px 0}
.jdanl{ float:left; width:160px;}
.jdanl h2{ text-align:center; color:#3e3a39; line-height:70px; margin-bottom:25px; font-size:24px;}
.jdanl li{ text-align:center; margin:5px 0}
.jdanl li a{ line-height:40px; display:block; text-align:center; color:#595757; font-size:16px;}
.jdanl li a:hover,.jdanl li a.now{ color:#e94709}
.jdanr{ float:right; width:910px;}
.jdanr img{ max-width:100%}

@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-200px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-moz-transform: translateX(-200px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-o-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-o-transform: translateX(-200px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		transform: translateX(-200px);
	}
	
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	-moz-animation-name: fadeInLeft;
	-o-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(200px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes fadeInRight {
	0% {
		opacity: 0;
		-moz-transform: translateX(200px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-o-keyframes fadeInRight {
	0% {
		opacity: 0;
		-o-transform: translateX(200px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		transform: translateX(200px);
	}
	
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.fadeInRight {
	-webkit-animation-name: fadeInRight;
	-moz-animation-name: fadeInRight;
	-o-animation-name: fadeInRight;
	animation-name: fadeInRight;
}