a{color:inherit;text-decoration:inherit;cursor:inherit;color:#0096ce;cursor:pointer}
a:active,a:focus{outline:none}
a,div{-webkit-tap-highlight-color:rgba(255,255,255,0)}
body{overflow-y:visible !important}
.c{clear:both;font-size:0;line-height:0;height:0;visibility:visible;}
.h{display:none;visibility:visible;}
.wrap{border:0;padding:0;width:1200px;margin:0 auto;*zoom:1;}
.wrap:after{clear:both;content:"";display:table;}
.fix{*zoom:1;}
.fix:after{clear:both;content:"";display:table;}
.fl{float:left;}
.fr{float:right;}
.posr{position:relative;}
.btn{font-family:"宋体";font-weight:normal;}
.px20{height:20px;line-height:20px;}
.starcms_header.hide{background-color:rgba(0,0,0,0.6);}
.starcms_header{display:block; position:fixed; width:100%; height:100px; background-color:rgba(0,0,0,0.3); top:0; left:0; z-index:99999; -webkit-transition:0.2s linear; -o-transition:0.2s linear; transition:0.2s linear;}
.starcms_header.black{background-color:#333; background-color:rgba(0,0,0,0.6); border-bottom:none;}
.starcms_main{float:left; width:100%; min-width:1200px;}
.starcms_footer{float:left; width:100%; min-width:1200px; margin-top:40px;}


.w_0100{float:left; width:100% !important; height:auto; min-width:1200px;}
.w_1200{width:1200px; height:auto; margin:0 auto; padding:0 auto;border:0;*zoom:1;}
.w_1200:after{clear:both;content:"";display:table;}

.bg_service{float:left; width:100%; height:auto; background:#f9f9f9;}
.bg_gray{float:left; width:100%; height:auto; background:#0096ce; margin-top:40px;}
.bg_footer{float:left; width:100%; height:auto; background:#0096ce; margin-top:40px;}
.bg_blogroll{float:left; width:100%; height:auto; background:#f1f1f1;}
.inside_banner_about{background:url("../images/about_banner.jpg") no-repeat center;height:500px;}
.inside_banner_service{background:url("../images/service_banner.jpg") no-repeat center; height:500px;}
.inside_banner_case{background:url("../images/banner_case.jpg") no-repeat center;height:500px;}
.inside_banner_news{background:url("../images/n_banner.jpg") no-repeat top;height:500px;}
.inside_banner_contact{background:url("../images/c_banner.jpg") no-repeat top;height:500px;}

.title{float:left; width:100%; height:auto; margin:15px 0;}
.title .title_img{width:400px; height:78px; margin:15px auto;}
.title .title_tit{width:100%; height:auto; line-height:25px; font-size:14px; color:#999; text-align:center; display:block;}

.home_more{float:left; width:100%; height:auto;}
.btn_more {border:1px solid #0096ce; margin:50px auto; text-align:center;	width:120px;}
.btn_more a {line-height:36px; color:#0096ce; font-size:12px; font-family:"宋体";	width:120px; height:36px; display:block; transition:all 0.5s; -moz-transition: all 0.5s; /* Firefox 4 */ -webkit-transition: all 0.5s; /* Safari and Chrome */ -o-transition: all 0.5s; /* Opera */}
.btn_more a:hover {background-color:#0096ce;}
.btn_more a:hover {color:#fff;}

/* header */
.header{float:left; width:100%; height:100px;}
.header h1{width:154px; height:76px;}
.header h1 img{width:100%; height:100%;}
.header .logo{padding-top:14px;}
.header .logo_text{width:163px;margin-top:34px;margin-left:12px;padding-left:12px;color:#fff; font-size:18px;font-weight:350; line-height:40px;border-left:1px solid #eeeeee;}
.header .logo_text a{color:#eee; font-family:"华文新魏";}
.header .top{text-align:right;color:#fff;padding-top:12px;*position:relative;*z-index:2;}
.header .top a{color:#fff;margin-left: 8px;}
.header .top .call{background:url("../images/sprite.png") no-repeat 0 0;display:inline-block;width:20px;height:16px;vertical-align:bottom;margin-right:4px;}
.header .top .call_tel{color:#fff;}
.header .top .email{display:inline-block;width:18px;height:16px;background:url("../images/sprite.png") no-repeat -20px 0;vertical-align:bottom;margin-right:4px;}
.header .top .weixin{display:inline-block;width:18px;height:16px;background:url("../images/sprite.png") no-repeat -36px 0;vertical-align:bottom;margin-right:4px;}
.header .top .ewm{position:relative;z-index:10000;}
.header .top .ewm img{position:absolute;width:200px;right:0;top:30px;z-index:999;border:1px solid #ddd;padding:4px;background:#fff;display:none;z-index:10000;}
.header .nav{margin-top:18px;position:relative;}
.header .nav li{float:left;padding-left:40px;}
.header .nav li a{font-size:14px;color:#fff;line-height:24px;display:inline-block;}
.header .nav .nav_icon{background:#0096ce;height:1px;line-height:1px;display:inline-block;position:relative;top:-6px;*top:0px;}

/* banner */
.banner{display:block; position:absolute; width:100%; top:0; left:0; z-index:0;height:600px;overflow:hidden;cursor:w-resize}
@media only all and (max-width: 1440px){.banner{height:550px}}
@media only all and (max-width: 768px){.banner{height:400px}}
@media only all and (max-width: 640px){.banner{height:240px}}
.banner .b-link{width:100px;margin:0 auto;display:block;padding:5px;position:absolute;border:1px solid #868482;border-radius:50px;text-align:center;font-size:14px;text-decoration:none;color:#868482}
@media only all and (max-width: 768px){
	.banner .b-link{font-size:12px;padding:2px;width:80px}
}
.banner .b-link:hover{color:#fff;border:1px solid #fff}
@media only all and (max-width: 768px){
	.banner .jb-banner .title{width:25% !important;background-size:100%;margin-left:-12.5% !important}
}
@media only all and (max-width: 640px){
	.banner .jb-banner .title{width:30% !important;height:30px !important;background-size:100%;margin-left:-15% !important}
}
.banner .banner1{width:100%;height:600px;background:url(../images/images/jb-kv.jpg) no-repeat top center;position:relative}
.banner .banner1 .banner-bg-video{position:absolute;top:0;left:0;z-index:10;width:100%;height:100%}
.banner .banner1 .title{width:575px;height:75px;background:url(../images/jb/jb-title.png) no-repeat center center;position:absolute;top:43%;left:50%;margin-left:-287.5px}
.banner .banner1 .b-link{bottom:35%;left:50%;margin-left:-50px}
.banner .banner1 .title,.banner .banner1 .b-link{z-index:99999999}
@media only all and (max-width: 768px){
	.banner .banner1 .title{width:50%;background-size:100%;margin-left:-25%}
	.banner .banner1 .b-link{margin-left:-40px;bottom:34%}
}
@media only all and (max-width: 640px){
	.banner .banner1 .title{width:280px;height:20px;margin-left:-140px;top:42%}
	.banner .banner1 .b-link{bottom:30%}
}
@media only all and (max-width: 320px){
	.banner .banner1 .title{width:250px;margin-left:-120px}
}
.banner .banner2{width:100%;height:600px;background:url(../images/banner2.jpg) no-repeat top center;position:relative;-webkit-perspective:1200px;-moz-perspective:1200px;-ms-perspective:1200px;perspective:1200px}
.banner .banner2 .center{width:1000px;height:100%;margin:0 auto;position:relative}
.banner .banner2 .title{width:50%;min-width:180px;height:180px;background:url(../images/banner2_font.png) no-repeat center center;background-size:100%;-ms-behavior:url(../css/backgroundsize.min.htc);behavior:url(../css/backgroundsize.min.htc);position:absolute;top:30%;left:0%}
.banner .banner2 .b-link{bottom:31%;left:1%}
.banner .banner2 .phone{width:313px;height:641px;background:url(../images/phone_3.png) no-repeat center top;position:absolute;bottom:-150px;right:0%}
.banner .banner2 .phone .pic1,.banner .banner2 .phone .pic2{width:271px;height:402px;position:absolute;left:50% !important;top:50% !important;bottom:10px;margin-left:-135.5px;margin-top:-70%}
@media only all and (max-width: 1280px){
	.banner .banner2 .b-link{left:5%}
	.banner .banner2 .title{width:40%;left:5%}
	.banner .banner2 .phone{right:6%}
}
@media only all and (max-width: 1024px){
	.banner .banner2 .phone{right:10%}
	.banner .banner2 .title{width:35%;left:5%}
	.banner .banner2 .b-link{left:6%}
}
@media only all and (max-width: 960px){
	.banner .banner2 .phone{right:16%}
}
@media only all and (max-width: 870px){
	.banner .banner2 .phone{width:280px;height:601px;bottom:-110px;background-size:100%;right:25%}
	.banner .banner2 .phone .pic1,.banner .banner2 .phone .pic2{width:200px;height:402px;background-size:100%;margin-left:-100px;margin-top:-80%}
	.banner .banner2 .phone .pic1 img,.banner .banner2 .phone .pic2 img{width:200px}
}
@media only all and (max-width: 768px){
	.banner .banner2 .center{width:520px}
	.banner .banner2 .title{width:35%;left:-8%}
	.banner .banner2 .b-link{left:-6%}
	.banner .banner2 .phone{width:213px;height:441px;bottom:-125px;background-size:100%;right:0%}
	.banner .banner2 .phone .pic1,.banner .banner2 .phone .pic2{width:200px;height:300px;background-size:100%;margin-left:-100px;margin-top:-80%}
	.banner .banner2 .phone .pic1 img,.banner .banner2 .phone .pic2 img{width:200px}
}
@media only all and (max-width: 640px){
	.banner .banner2 .center{width:300px}
	.banner .banner2 .title{left:0;height:70px;top:35%}
	.banner .banner2 .b-link{bottom:26%;left:3%}
	.banner .banner2 .phone{width:100px;height:205px;bottom:-25px}
	.banner .banner2 .phone .pic1,.banner .banner2 .phone .pic2{width:200px;height:300px;background-size:100%;margin-left:-100px;margin-top:-65%}
	.banner .banner2 .phone .pic1 img,.banner .banner2 .phone .pic2 img{width:86px}
}
.banner .slick-active .banner2 .title{animation:flipInX 1.2s;-moz-animation:flipInX 1.2s;-webkit-animation:flipInX 1.2s;-ms-animation:flipInX 1.2s}
.banner .slick-active .banner2 .b-link{animation:fadeIn 1s;-moz-animation:fadeIn 1s;-webkit-animation:fadeIn 1s;-ms-animation:fadeIn 1s}
.banner .slick-active .banner2 .phone{animation:filpZUp 1s;-moz-animation:filpZUp 1s;-webkit-animation:filpZUp 1s;-ms-animation:filpZUp 1s}
.banner .banner3{width:100%;height:600px;background:url(../images/banner3.jpg) no-repeat top center;position:relative}
.banner .banner3 ul{width:803px;height:418px;position:absolute;top:50%;left:50%;margin-left:-401.5px;margin-top:-209px}
.banner .banner3 ul li{position:absolute;top:0;left:0}
@media only all and (max-width: 768px){
	.banner .banner3 ul{width:380px;height:210px;margin-left:-190px;margin-top:-105px}
	.banner .banner3 img{width:100%}
}
@media only all and (max-width: 640px){
	.banner .banner3 ul{width:280px;height:140px;margin-left:-140px;margin-top:-55px}
}
.banner .slick-active .banner3 .scene{animation:bounceInDown 1s;-moz-animation:bounceInDown 1s;-webkit-animation:bounceInDown 1s;-ms-animation:bounceInDown 1s}
.banner .banner4{width:100%;height:600px;background:url(../images/images/sanling-bg.jpg) no-repeat top center;position:relative}
.banner .banner4 .center{width:100%;max-width:1400px;height:100%;position:relative;margin:0 auto}
.banner .banner4 .oil{width:721px;height:338px;background:url(../images/images/sanling-1.png) no-repeat center center;position:absolute;top:24%;right:0%}
.banner .banner4 .title{position:absolute;top:40%;left:0%;font-weight:bolder;font-size:42px;color:#fff;font-family:"Microsoft Yahei", "黑体";margin-bottom:10px}
.banner .banner4 .title img{margin:0px}
@media only all and (max-width: 768px){
	.banner .banner4 .title img{width:65%}
}
.banner .banner4 .b-link{bottom:38%;left:1%;color:#b7c6db;border:1px solid #b7c6db}
.banner .banner4 .b-link:hover{color:#fff;border:1px solid #fff}
@media only all and (max-width: 1366px){
	.banner .banner4 .oil{background-size:90%;right:3%;width:50%}
	.banner .banner4 .title{font-size:40px;left:5%}
	.banner .banner4 .b-link{left:6%}
}
@media only all and (max-width: 1024px){
	.banner .banner4 .title{font-size:35px;left:10%}
	.banner .banner4 .oil{background-size:80%;right:5%;top:23%}
	.banner .banner4 .b-link{left:11%}
}
@media only all and (max-width: 768px){
	.banner .banner4 .center{width:100%}
	.banner .banner4 .oil{top:15%}
	.banner .banner4 .title{font-size:24px}
}
@media only all and (max-width: 640px){
	.banner .banner4 .oil{width:140px;height:180px;top:20%;right:25%;background-size:100%}
	.banner .banner4 .b-link{bottom:24%}
}
@media only all and (max-width: 414px){
	.banner .banner4 .oil{right:5%}
	.banner .banner4 .title{font-size:18px;top:46%}
	.banner .banner4 .title img{width:50%}
	.banner .banner4 .b-link{left:13%}
}
@media only all and (max-width: 375px){
	.banner .banner4 .title{font-size:15px}
}
@media only all and (max-width: 320px){
	.banner .banner4 .title{left:2%}
	.banner .banner4 .b-link{left:3%}
	.banner .banner4 .oil{right:0%}
}
.banner .slick-active .banner4 .title{animation:fadeInLeft 1.2s;-moz-animation:fadeInLeft 1.2s;-webkit-animation:fadeInLeft 1.2s;-ms-animation:fadeInLeft 1.2s}
.banner .slick-active .banner4 .oil{animation:fadeInRight 1.2s;-moz-animation:fadeInRight 1.2s;-webkit-animation:fadeInRight 1.2s;-ms-animation:fadeInRight 1.2s}
.banner .slick-active .banner4 .b-link{animation:fadeInLeft 0.9s;-moz-animation:fadeInLeft 0.9s;-webkit-animation:fadeInLeft 0.9s;-ms-animation:fadeInLeft 0.9s}
.banner .banner8{width:100%;height:600px;background:url(../images/banner8-bg.jpg) no-repeat top center;position:relative}
.banner .banner8 .center{width:1400px;height:100%;margin:0 auto;position:relative;overflow:hidden;clear:both;*zoom:1}
.banner .banner8 .title{left:0;bottom:275px}
.banner .banner8 .title .b-link{margin-top:25px;border:1px solid #fff;color:#fff !important}
.banner .banner8 .pro{width:70%;bottom:43px;right:0}
.banner .banner8 .pro,.banner .banner8 .title{position:absolute}
.banner .banner8 .pro img,.banner .banner8 .title img{width:100%;display:block}
.banner .banner5{width:100%;height:600px;background:url(../images/banner5.jpg) no-repeat center center;position:relative;overflow:hidden}
.banner .banner5 .title{margin-top:200px}
.banner .banner5 p{text-align:center;font-family:"Microsoft Yahei", "黑体"}
.banner .banner5 .main-title{font-size:50px;color:#fff;font-weight:bolder}
.banner .banner5 .intro{visibility:hidden;font-size:22px;color:#fff;padding:5px;border:1px solid #949494;border-radius:50px;width:450px;margin:25px auto;letter-spacing:5px}
.banner .banner5 .slogan{font-size:22px;color:#fff}
.banner .banner5 .slogan span{color:#9d9d9d}
@media only all and (max-width: 768px){
	.banner .banner5 .main-title{font-size:22px}
	.banner .banner5 .title{margin-top:165px}
	.banner .banner5 .slogan{font-size:14px}
	.banner .banner5 .intro{font-size:14px;width:280px;margin:10px auto}
}
@media only all and (max-width: 640px){
	.banner .banner5 .title{margin-top:80px}
	.banner .banner5 .intro{letter-spacing:2px;width:230px}
}
.banner .slick-active .banner5 .main-title,.banner .slick-active .banner5 .slogan{animation:fadeInDown 1.2s;-moz-animation:fadeInDown 1.2s;-webkit-animation:fadeInDown 1.2s;-ms-animation:fadeInDown 1.2s}
.banner .slick-active .banner5 .intro{visibility:visible;animation:flipInX 1.2s forwards;-moz-animation:flipInX 1.2s forwards;-webkit-animation:flipInX 1.2s forwards;-ms-animation:flipInX 1.2s forwards}
.banner .banner1,.banner .banner2,.banner .banner3,.banner .banner4,.banner .banner5,.banner .banner8{overflow:hidden}
@media only all and (max-width: 1440px){
	.banner .banner1,.banner .banner2,.banner .banner3,.banner .banner4,.banner .banner5,.banner .banner8{height:550px}
}
@media only all and (max-width: 768px){
	.banner .banner1,.banner .banner2,.banner .banner3,.banner .banner4,.banner .banner5,.banner .banner8{height:400px}
}
@media only all and (max-width: 640px){
	.banner .banner1,.banner .banner2,.banner .banner3,.banner .banner4,.banner .banner5,.banner .banner8{height:240px;background-size:auto 300px}
}
@media only all and (max-width: 1440px){
	.banner .banner8 .center{width:1100px}
	.banner .banner8 .title{width:380px}
	.banner .banner8 .pro{width:75%}
}
@media only all and (max-width: 768px){
	.banner .banner8 .center{width:100%}
	.banner .banner8 .title{width:300px;bottom:170px;left:50%;margin-left:-150px;position:absolute}
	.banner .banner8 .pro{display:none}
}
@media only all and (max-width: 640px){
	.banner .banner8 .center{width:100%}
	.banner .banner8 .title{width:250px;bottom:90px;margin-left:-125px}
	.banner .banner8 .pro{width:75%}
}
.banner .slick-dots{bottom:12px !important}
@media only all and (max-width: 640px){
	.banner .slick-dots{bottom:5px !important}
}
.banner .slick-dots li{width:60px;height:20px;background:url(../images/b_g.jpg) center center repeat-x}
@media only all and (max-width: 1440px){
	.banner .slick-dots li{width:40px}
}
@media only all and (max-width: 640px){
	.banner .slick-dots li{width:30px;margin:0 2px}
}
.banner .slick-dots li button{width:60px;height:2px;padding:10px 0}
@media only all and (max-width: 1440px){
	.banner .slick-dots li button{width:40px}
}
@media only all and (max-width: 640px){
	.banner .slick-dots li button{width:30px}
}
.banner .slick-dots li button:before{content:no-close-quote}
.banner .slick-dots .slick-active{background:url(../images/b_r.jpg) center center repeat-x}
.banner .slick-dots .slick-active button:before{width:60px;height:2px}
@media only all and (max-width: 640px){
	.banner .slick-dots .slick-active button:before{width:30px}
}
.banner.slick-slider{margin-top:0;margin-bottom:0px !important}

/* service */
.home_service{float:left; width:100%; height:auto; margin-top:40px;}
.service_list{float:left; width:100%; height:auto; margin:20px 0;}
.service_list ul li{float:left; width:280px; height:auto; height:auto; margin:0 10px; background:#f9f9f9;}
.service_list ul li .img{float:left; width:100%; height:220px; border:#f9f9f9 solid 1px; overflow:hidden;}
.service_list ul li img{width:100%; height:100%; cursor:pointer; transition:all 0.6s;}
.service_list ul li img:hover{transform:scale(1.4);}
.service_list ul li .title{float:left; width:100%; height:30px; line-height:30px;text-align:center;}
.service_list ul li .title h2{font-size:16px;}
.service_list ul li a{color:#000;}
.service_list ul li a:hover{color:#0096ce;}
.service_list ul li p{float:left; width:92%; height:auto; line-height:20px; text-indent:2em; color:#666; padding:15px;}

/* search */
.consultation{position:relative;height:56px;padding:40px 0 10px;}
.consultation .txt_name,.consultation .txt_tel{float:left;height:56px;border:none;color:#fff;font-size:16px;line-height:56px;}
.consultation .txt_name{width:366px;padding:0 10px 0 76px;background:#0096ce url(../images/name.png) no-repeat 20px 20px;}
.consultation .txt_tel{width:382px;padding:0 10px 0 60px;margin:0 10px;background:#0096ce url(../images/tel.png) no-repeat 20px 20px;}
.consultation .subBtn{float:right;width:270px;height:56px; text-align:center; background:#ff7e46;border:none;color:#fff;font-size:16px;line-height:56px;transition:all .3s;}
.consultation .subBtn:hover{background-color:#f7520b; cursor:pointer;}

/* case */
.home_case{float:left; width:100%; height:auto; margin:30px 0;}
.case_list{float:left; width:100%; overflow:hidden;}
.case_list ul{float:left; margin:0 -8px;}
.case_list ul li{float:left; width:25%; margin-bottom:16px;}
.case_list li .content{display:block; padding:0 8px;}
.case_list li .content .pic{display:block; overflow:hidden;	position:relative;}
.case_list li .content .pic img{display:block; width:100%; height:auto; -webkit-transition:0.5s ease-in-out; -o-transition:0.5s ease-in-out; transition:0.5s ease-in-out; transform-origin:50% 50%;}
.case_list li .content:hover .pic img{-webkit-transform:scale(1.1);	-ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1);}
.case_list li .content .pic .icon{position:absolute; display:block;	width:80px; height:100px; top:50%; margin-top:-25px; left:50%; margin-left:-40px; opacity:0; filter:alpha(opacity=0);	-webkit-transform:scale(2); -ms-transform:scale(2);	-o-transform:scale(2); transform:scale(2); -webkit-transition:0.5s linear; -o-transition:0.5s linear; transition:0.5s linear;}
.case_list li .content:hover .pic .icon{-webkit-transform:scale(1);	-ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); opacity:1; filter:alpha(opacity= 100);}
.case_list li .content .info{display:block; height:60px; line-height:60px; padding:0 20px 0 10px; background-color:#f1f1f1; -webkit-transition:0.3s linear; -o-transition:0.3s linear; transition:0.3s linear;}
.case_list li .content:hover .info{background-color:#0096ce;}
.case_list li .content .info h4{display:block; float:left;}
.case_list li .content .info h4 a{color:#333; font-size:16px; -webkit-transition:0.3s linear; -o-transition:0.3s linear; transition:0.3s linear;}
.case_list li .content:hover .info h4 a{color:#fff;}
.case_list li .content .info .enter{position:relative; display:block; float:right;}
.case_list li .content .info .enter a{display:block; float:left; width:31px; height:31px; border:1px solid transparent;	border-radius:50%; margin-top:14px;	margin-left:10px; -webkit-transition:border 0.3s linear; -o-transition:border 0.3s linear; transition:border 0.3s linear;}
.case_list li .content .info .enter a:hover{border:1px solid #fff;}
.case_list li .content .info .enter .computer-icon{background:url(../images/icon.png) no-repeat -1px -301px;}
.case_list li .content:hover .info .enter .computer-icon{background:url(../images/icon.png) no-repeat -1px -367px;}
.case_list li .content .info .enter .mobel-phone-icon{background:url(../images/icon.png) no-repeat -1px -268px;}
.case_list li .content:hover .info .enter .mobel-phone-icon{background:url(../images/icon.png) no-repeat -1px -334px;}
.case_list li .content .info .enter .case-ewm{display:none;	position:absolute; padding:6px;	border:1px solid #e0e0e0; bottom:47px; right:-20px;	background-color:#fff; z-index:10;}
.case_list li .content .info .enter .case-ewm img{display:block; width:140px; height:140px;}
.case_list li .content .info .enter .case-ewm p{display:block; padding:10px; line-height:1; text-align:center; color:#383838; white-space:nowrap;}
.case_list li .content .info .enter .case-ewm .arrow{display:block;	position:absolute; width:0;	height:0; border:8px solid transparent;	border-top:8px solid #fff; bottom:-16px; right:30px;}

/*我们的优势*/
.counter_item{float:left; width:25%; height:80px; padding:15px auto; color:#fff;}
.counter_item .counter__number{float:left; width:100%; margin:8px auto;text-align:center;}
.counter_item .counter__number .counter{font-size:28px;}
.counter_item .counter_title{float:left; width:100%; height:auto; text-align:center; font-size:18px;}

/* home solutions */
.solutions_bg{float:left; width:100%; height:auto; background:url(../images/solutions_bg.jpg) no-repeat top center;}
.home_solutions {float:left; width:100%; height:707px;}
.solutions_list {width:1200px;	margin:30px auto; overflow:hidden;}
.solutions_list_inner {width:1400px;}
.solutions_list dl {float:left; width:204px; margin-right:63px; padding:25px; text-align:center; padding-top:54px; padding-bottom:35px; position:relative; z-index:3;}
.solutions_list dt {z-index:1; position:relative; margin-left:32px;}
.solutions_list dd.bg {position:absolute; z-index:0; left:0; right:0; bottom:0; height:0; width:100%; transition:all 0.5s; -moz-transition:all 0.5s; /* Firefox 4 */ -webkit-transition:all 0.5s; /* Safari and Chrome */ -o-transition:all 0.5s; /* Opera */}
.solutions_list dd.t {line-height:30px; height:30px; margin:16px 0px; z-index:1; position:relative;}
.solutions_list dd.t a {color:#000000;	font-size:18px; transition-delay:0.2s;}
.solutions_list dd.spec {color:#666666; font-size:12px; font-family:"宋体"; line-height:24px; width:204px; z-index:1; position:relative; transition-delay:0.2s;}
.solutions_list dl:hover {}
.solutions_list dl:hover dd.t a {color:#fff;}
.solutions_list dl:hover dd.bg {height:370px;}
.solutions_list dl:hover dd.spec {color:#fff;}
dl.solu_dl_0 dd.bg {background-color:#0096ce;}
dl.solu_dl_1 dd.bg {background-color:#5ea927;}
dl.solu_dl_2 dd.bg {background-color:#1a8fd1;}
dl.solu_dl_3 dd.bg {background-color:#b57dd1;}
dl.solu_dl_0 dt a {display:block; width:140px; height:140px; background:url(../images/s_1.png) no-repeat 0 0; transition:all 0.5s; -moz-transition:all 0.5s; /* Firefox 4 */ -webkit-transition:all 0.5s; /* Safari and Chrome */; -o-transition:all 0.5s; /* Opera */ transition-delay:0.3s;}
dl.solu_dl_0:hover dt a {background:url(../images/s_1.png) no-repeat 0 -140px;}
dl.solu_dl_1 dt a {display:block; width:140px; height:140px; background:url(../images/s_2.png) no-repeat 0 0; transition:all 0.5s; -moz-transition:all 0.5s; /* Firefox 4 */ -webkit-transition:all 0.5s; /* Safari and Chrome */; -o-transition:all 0.5s; /* Opera */ transition-delay:0.3s;}
dl.solu_dl_1:hover dt a {background:url(../images/s_2.png) no-repeat 0 -140px;}
dl.solu_dl_2 dt a {display:block; width:140px; height:140px; background:url(../images/s_3.png) no-repeat 0 0; transition:all 0.5s; -moz-transition:all 0.5s; /* Firefox 4 */ -webkit-transition:all 0.5s; /* Safari and Chrome */; -o-transition: all 0.5s; /* Opera */ transition-delay: 0.3s;}
dl.solu_dl_2:hover dt a {background:url(../images/s_3.png) no-repeat 0 -140px;}
dl.solu_dl_3 dt a {display:block; width:140px; height:140px; background:url(../images/s_4.png) no-repeat 0 0; transition:all 0.5s; -moz-transition: all 0.5s; /* Firefox 4 */ -webkit-transition:all 0.5s; /* Safari and Chrome */; -o-transition:all 0.5s; /* Opera */ transition-delay:0.3s;}
dl.solu_dl_3:hover dt a {background:url(../images/s_4.png) no-repeat 0 -140px;}

/*home_news*/
.news_bg{float:left; width:100%; height:auto; background:rgba(241,241,241,0.8);}
.news_title{text-align:center;padding-top:55px;}
.news_text{color:#222222;font-size:14px;text-align:center;line-height:30px;margin-top:12px;}
.news_list{margin-top:34px;padding-bottom:10px;padding-top:44px;}
.news_list_inner{width:1400px;}
.news_item{width:334px;height:140px;padding:0 25px;margin-top:20px;margin-bottom:10px;float:left;border:1px solid #666;margin-right:20px;overflow:hidden;position:relative;z-index:2;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;}
.news_item dl{text-align:center;position:absolute;top:0;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;}
.news_item dl dt{background:url(../images/index201601/news_ico_time.png) no-repeat center 20px;padding-top:58px;font-size:12px;font-family:"宋体";color:#444444;}
.news_item dl dd.t{margin:10px 0;width:334px;height:46px;line-height:46px;overflow:hidden;}
.news_item dl dd.t a{color:#000;font-size:18px;text-align:center;}
.news_item dl dd.spec{width:334px;overflow:hidden;}
.news_item dl dd.spec a{color:#666;font-size:12px;font-family:"宋体";line-height:24px;}
.news_item:nth-child(4){clear:both;}

.news_item:hover{border:1px solid #0096ce;padding:10px 25px;margin-top:10px;margin-bottom:0;}
.news_item:hover dl{top:-70px;}
.news_item:hover dl dd.t a{color:#0096ce;}
.news_item:hover dl dt{}

/* home partner */
.home_partner{float:left; width:100%; height:auto; overflow:hidden;}
.partner_list ul {float:left;}
.partner_list ul li{float:left; width:238px; height:138px; border:1px solid #e6e6e6;}
.partner_list ul li.partner_box {width:150px; height:100px; padding:19px 44px;	position:relative; z-index:1;}
.partner_list ul li .partner_box2:hover {border:8px solid #f6f6f6; padding:11px 36px;}
.partner_list ul li:first-child,
.partner_list ul li:nth-child(9n+2),
.partner_list ul li:nth-child(9n+3),
.partner_list ul li:nth-child(9n+4){border-right:none;}
.partner_list ul li:nth-child(9n+6),
.partner_list ul li:nth-child(9n+7),
.partner_list ul li:nth-child(9n+8),
.partner_list ul li:nth-child(9n+9){border-top:none; border-right:none;}
.partner_list ul li:nth-child(9n+10){border-top:none;}
.partner_box .cont1 {width:150px; height:100px; position:absolute; top:19px; left:44px;	z-index:2; filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6;}
.partner_box .cont2 {width:150px; height:100px; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; position:absolute; top:19px; left:44px; z-index:1; transform:rotateY(180deg); -ms-transform:rotateY(180deg); -moz-transform:rotateY(180deg);-webkit-transform:rotateY(180deg); -o-transform:rotateY(180deg);}
.partner_box:hover .cont1 {transform:rotateY(180deg); z-index:1; alpha(opacity=0); -moz-opacity:0; opacity:0; -ms-transform:rotateY(180deg); -moz-transform:rotateY(180deg); -webkit-transform:rotateY(180deg);	-o-transform:rotateY(180deg);}
.partner_box:hover .cont2 {transform: rotateY(360deg);z-index:2; filter:alpha(opacity=100); -moz-opacity:1; opacity:1; -ms-transform:rotateY(360deg);	-moz-transform:rotateY(360deg); -webkit-transform: rotateY(360deg);	-o-transform:rotateY(360deg);}
.partner_box:hover .cont2 {z-index:2;}
.partner_box .cont1 {transition:all .5s linear 10ms;}
.partner_box .cont2 {transition:all .5s linear 10ms;}

.footer{float:left; width:100%; height:auto; margin:40px 0;}
.footer h2{margin-bottom:28px;}
.footer h2 a{font-size:18px;color:#fff;font-weight:normal;}
.footer .about{width:250px;}
.footer .about .content{color:#fff;line-height: 28px;font-family: "宋体";}
.footer .about .more{color: #fff;display: inline-block;border: 1px solid #fff;line-height: 38px;padding: 0 24px;margin-top: 12px;}
.footer .about .more:hover{border-color: #fff;}

.footer .case{width:300px;margin-left:45px;}

.footer .case li{border-top:1px solid #fff;height:52px;padding:14px 0;}
.footer .case li:first-child{border:0;padding-top:3px;}
.footer .case li img{float: left;margin-right: 18px;}
.footer .case h5{margin-top:-5px;line-height:28px;}
.footer .case h5 a{font-size:14px;color:#fff;font-weight:normal;}
.footer .case .text{line-height:22px;}
.footer .case .text a{color:#fff;font-family:"宋体";}
.footer .case .label{color: #fff;line-height: 28px;}

.footer .service{width: 230px;margin-left:45px;}
.footer .service a.sub{font-size: 12px;color: #fff;line-height: 38px;width: 98px;display: inline-block;border: 1px solid #fff;text-align: center;margin-right: 12px;margin-bottom: 12px;margin-top: 3px;}
.footer .service a.sub:hover{border-color: #fff;}
.footer .contact{margin-left:40px;}
.footer .contact li{color: #fff;margin-bottom: 14px;}
.footer .contact li i{display:inline-block;width:18px;height:18px;margin-right: 10px;vertical-align: middle;}
.footer .contact li .addres{background: url("../images/sprite.png") no-repeat 0 -20px  ;}
.footer .contact li .weibo{background: url("../images/sprite.png") no-repeat -20px -20px  ;}
.footer .contact li .email{background: url("../images/sprite.png") no-repeat -40px -20px  ;}
.footer .contact li .weixin{background: url("../images/sprite.png") no-repeat -80px -20px  ;}
.footer .contact li .call{background: url("../images/sprite.png") no-repeat -0px -0px  ;}
.footer .contact li a{color: #fff;}

.blogroll{line-height:20px;color:#0096ce;text-align: center;padding:10px 0;}
.blogroll a{color:#0096ce;display:inline-block;}
.blogroll a:hover{color:#0096ce;}
.blogroll .copyright{margin-top:16px;}

.about_tab {width:1200px; margin:0 auto; position:relative;	height:100%;}
.about_tab ul {position:absolute; bottom:0;	left:0; font-size:0;}
.about_tab li {display:inline-block; width:100px; text-align:center; vertical-align:bottom; *display:inline; zoom:1;}
.about_tab li a {font-size:14px; color:#fff; line-height:40px;}
.about_tab li.on a {line-height:100px;}
.about_tab .about_bg1 {background:#43bcc7;}
.about_tab .about_bg2 {background:#a6d250;}
.about_tab .about_bg3 {background:#eab055;}
.about_tab .about_bg4 {background:#e9d356;}
.about {width:100%;	overflow:hidden;}
.about_title {text-align:center; padding-top:60px; padding-bottom:32px;}
.new_title{width:300px;margin:0 auto;height:54px;color:#555;}
.new_title_left{float:left;font-size:60px;line-height:54px;font-weight:100;padding-right:5px;color:#666;}
.new_title_right{float:left;text-align:left;}
.new_title_right h3{font-size:30px;line-height:32px;font-weight:lighter;font-weight:100;}
.new_title_right h1{font-size:30px;line-height:32px;font-weight:lighter;font-weight:300;}
.new_title_spec{font-family:Arial;font-size:18px;font-weight:100;color:#888;}
.about_main{width:600px;position: relative;}
.about_pic{position: relative;width: 490px;}
.about_pic img{position: absolute;}
.about_cont{padding-bottom: 30px;margin-bottom: 30px;position: relative;}
.about_main .about_cont:first-child{border-bottom: 1px dashed #d3d3d3; }
.about_cont h2{font-size: 26px;color: #333;font-weight: normal;margin-bottom: 5px;}
.about_cont h4{font-size: 16px;color: #333;font-weight: normal;background: url("../images/a03.jpg") no-repeat left bottom;padding-bottom: 8px;margin-bottom: 30px;white-space: nowrap;}
.about_cont .text{font-size: 14px;color: #333;line-height: 28px;}
.about_cont li{margin-bottom: 14px;width:300px;float:left;}
.about_cont li span{background:#0096ce;color: #fff;font-size: 10px;padding:0 4px;margin-right: 8px;line-height: 12px;*padding: 2px 4px;}
.culture{background: url("../images/a04.jpg") no-repeat center;min-height: 540px; }
.zhizi{background: #f7f7f7;text-align: center;padding-bottom: 74px;}
.zhizi ul{display: inline-block;*display: inline;zoom: 1;}
.zhizi li{float: left;margin: 0 13px;}
.jion{background: url("../images/a14.jpg") no-repeat center;min-height: 720px;}
.jion .test{border-width: 78px 0;border-style: solid;border-color:#0096ce transparent transparent transparent;width: 0;height: 0;  }
.jion .about_title{position: relative;z-index: 3;}
.jion_box{width: 1200px;margin: 0 auto;position: relative;}
.jion_img{position: absolute;top:15px;left: 0;}
.jion_img>img{position:relative;top:-1px;margin-left:3px;}
.jion_img>img:first-child{position:relative;top:151px;margin-left:0px;margin-right:-3px;}

.jion_tab{position: absolute;top:151px;left: 75px;}
.jion_tab li{float: left;width: 150px;height:150px;line-height:150px;text-align:center;font-size: 20px;color: #fff;text-align: center;background: url("../images/a19.png") no-repeat;cursor: pointer;}
.jion_tab .post{display: none;}
.jion_tab li:hover{background: url("../images/a18.png") no-repeat;}
.jion_tab li:hover .post{display: block;}
.jion_tab li:hover .icon{display: none;}
.jion_tab li.on{background: url("../images/a18.png") no-repeat;}
.jion_tab li.on .post{display: block;}
.jion_tab li.on .icon{display: none;}
.jion_info{margin-left: 250px;margin-top: 260px;}
.jion_info dl{display: none;}
.job_tab{display: none;width: 540px;}
.job_tab li{float:left;font-size:20px;color:#333;border-left:2px solid #d9d9d9;margin-right: 16px;padding-left:16px;line-height:20px;}
.job_tab li:first-child{border:0;padding-left: 0;cursor: auto;}
.job_tab .on{color:#0096ce;}
.job_tab .intro{font-size: 14px;color: #333;line-height: 28px;margin-top: 16px;display: none;text-align:left;}
.jion .send{font-size: 16px;color: #fff;display: inline-block;width: 160px;line-height: 160px;text-align: center;background: url("../images/a17.png") no-repeat;position: absolute;right: 222px;top: 444px;}

/* case201601 */
.case_t{float:left; width:100%; text-align:center;padding-top:60px;background:url(../images/index201601/case_t_line.jpg) repeat-x 0 128px;}
.case_t_title{color:#000000;font-size:20px;height:56px;line-height:56px;width:72px;text-align:center;background-color:#fff;margin:0px auto;}
.case_t_line{width:42px;height:1px;line-height:1px;background-color:#0096ce;margin:0px auto;}
.case_type201601{margin-top:60px;position:relative;z-index:1;}
.case_type201601 ul{width:800px;margin:0px auto;padding-bottom:20px;}
.case_type201601 li{float:left;width:104px;height:38px;line-height:38px;border:1px solid #fff;text-align:center;margin-right:20px; border:1px solid #eee;}
.case_type201601 li a{font-size:14px;color:#000;}
.case_type201601 li:hover{border:1px solid #0096ce;}
.case_type201601 li:hover a{color:#0096ce;}
.case_type201601 li.sel{border:1px solid #0096ce;}
.case_type201601 li.sel a{color:#0096ce;}

.page{text-align:center;margin-top:20px;}
.page a,.page span{display:inline-block;padding:5px 10px;margin-right:10px;color:#fff;border:1px solid #0096ce;color:#0096ce;}
.page a:hover,.page span{background-color:#0096ce;color:#fff;}

/*case*/
.crumbs_bg{float:left; width:100%; height:auto;border-bottom:1px solid #f7f7f7;}
.crumbs{line-height:40px;color:#999999;font-family:"宋体";}
.crumbs .icon{display:inline-block;width:14px;height:14px;background: url("../images/sprite.png") -80px 1px no-repeat; margin-right:4px;}
.crumbs a{color:#999;}
.crumbs a:hover{color:#666;}
.crumbs .on{color:#666;}
.show_case{float:left; width:100%; height:auto; overflow: hidden;}
.case_top{margin-top:40px;}
.case_top h2{margin-bottom:8px;}
.case_top h2 a{font-size:16px;color:#0096ce;font-weight:normal;display:inline-block;margin-right:12px;}
.case_top h1{font-size:20px;color:#333333;font-weight:700;margin-bottom:8px;}
.case_top .date{color:#999;}
.case_top .intro{width:440px;line-height:26px;color:#999;}

.case_sign{margin-top:30px;}
.case_sign .info{line-height:26px;color:#999;margin-top:10px;}
.case_sign .info a{color:#999;margin-top:10px;display:inline-block;text-decoration:underline;}
a.btn_case_see{width:99%;height:32px;line-height:32px;color:#0096ce;font-size:14px;background-color:#fff;border:1px solid #0096ce;text-align:center;display:block;margin:30px auto;}


.fuwu ul{margin:40px auto;width:1200px;}
.fuwu li{float:left;margin-left:40px;position:relative;overflow:hidden;}
.fuwu li:first-child{margin:0;}
.blur{filter: blur(4px); -webkit-filter: blur(4px);  -moz-filter: blur(4px);-ms-filter: blur(4px);
      filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=4, MakeShadow=false); /* IE6~IE9 */}
.blur_shade{background:url("../images/blur.png") no-repeat;position: absolute;top:-600px;left: 0;width: 100%;height: 100%;text-align: center;z-index: 2;opacity: 0;}
.blur_shade h4{font-size: 20px;color: #333;font-weight: normal;padding-top: 100px;}
.blur_shade .text{background: url("../images/s13.jpg") no-repeat center top ;font-size: 14px;color: #333;margin-top: 8px;padding: 8px 10px 0;}

.scope_bg{float:left; width:100%; height:auto; background:#f7f7f7; padding-bottom:70px;}
.picScroll-left{ width:1200px;margin: 0 auto;  overflow:hidden; position:relative; padding-bottom: 40px;}
.picScroll-left .hd{ overflow:hidden; position: absolute;bottom: 0;width: 100%;text-align: center;z-index: 2;}
.picScroll-left .hd a{display: inline-block;font-size: 20px;font-weight: 200;color: #999;line-height: 38px;border: 1px solid #999;width: 38px;text-align: center;margin: 0 5px;cursor: pointer;}
.picScroll-left .hd a:hover{color: #333;border-color: #333;}
.picBox{width:1200px;margin:40px auto;}
.picBox li{float:left;position:relative;width:400px;display:table;}
.picBox .ser_info{position:absolute;font-size:16px;color:#333;line-height:40px;text-align:center;width:100%;left:0;}
.picBox .s1 .ser_info{bottom:0;}
.picBox .s3 .ser_info{top:0;}
.picBox .s5 .ser_info{bottom:0;}
.picBox .ser_shade{background:#fff;opacity:0.6;filter:alhpa(opacity=60);width:100%;height:100%;position:absolute;top:0;left:0;}
.picBox h2{font-size:16px;color:#333;font-weight:normal;position:relative;z-index:2;}
.picBox .s2:after{height: 0; width:0;content: "";position: absolute;left:-20px;top:50%;
                  border-width:10px;
                  border-style: dashed solid   dashed dashed ;
                  border-color:transparent #0096ce   transparent transparent;
}
.picBox .s4:after{height: 0; width:0;content:"";position: absolute;right:-20px;top:50%;z-index: 2;
                  border-width:10px;
                  border-style:  dashed dashed  dashed solid;
                  border-color:  transparent  transparent  transparent #0096ce;
}
.picBox .s6:after{height: 0; width:0;content: "";position: absolute;left:50%;top:-20px;
                  border-width:10px;
                  border-style: dashed    dashed solid dashed ;
                  border-color:transparent  transparent #0096ce transparent;
}
.picBox .intro{position:absolute;left:0;top:0;font-size:14px;line-height:26px;color:#fff;margin:auto 28px;padding-top:36px; }
.picBox dl{position:absolute;left:0;top:0;font-size:14px;line-height:26px;color:#fff;margin:auto 38px;padding-top:36px; }
.picBox dt{font-size:18px;margin-bottom: 8px;}
.picBox dd{display:list-item;list-style-type: circle;white-space: nowrap;}
.picBox li img{width:400px;height:220px;}

.solution_list{width: 1200px;margin: 40px auto;}
.solution_list ul{margin-right: -48px;}
.solution_list li{float: left;width: 370px;margin-right: 46px;margin-bottom: 38px;position: relative;}
.solution_list h2{font-size: 20px;color: #333;font-weight: normal;line-height: 48px;border-bottom: 1px solid #0096ce;}
.solution_list h2 a{color: #333;}
.solution_list h2 a:hover{color:#0096ce;}
.solution_list .intro{line-height:22px;color: #999;margin-top: 4px;}
.solution_list .intro a:hover{color:#0096ce;}
.solution_list .shade{display: block;width: 370px;height: 120px;}
.solution_list .solu_img{width: 370px;height: 120px;overflow: hidden;position: relative;cursor: pointer;}
.solu_img .shade{position: absolute;z-index:3;top:100%;left: 0;width:100%;height: 120px;background:#fff;opacity:0.6;filter:alpha(opacity=60); transition:0.5s all;}
.solu_img:hover .shade{top: 0;transition:0.6s ease-in-out;}
.solu_img .img_icon{transform:rotate(360deg);transition:0.6s ease-in-out;position: absolute;top:50%;left: -100%;margin-left: -20px;margin-top: -20px;display: inline-block;z-index: 3; }
.solu_img:hover .img_icon{left:50%;transform:rotate(3600deg);-webkit-transform:rotate(3600deg);-moz-transform:rotate(3600deg);-o-transform:rotate(3600deg);-ms-transform:rotate(3600deg);transition: .6s ease-in-out;-webkit-transition: .6s ease-in-out;-moz-transition: .6s ease-in-out;-o-transition: .6s ease-in-out;-ms-transition: .6s ease-in-out;}
.solu_img img{
    transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);
    transition:All .6s ease-in-out;-webkit-transition:All .6s ease-in-out;-moz-transition:All .6s ease-in-out;-o-transition:All .6s ease-in-out;-ms-transition:All .6s ease-in-out;
}
.solu_img:hover>img{
    transform:scale(1.4);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);
    transition:All .6s ease-in-out;-webkit-transition:All .6s ease-in-out;-moz-transition:All .6s ease-in-out;-o-transition:All .6s ease-in-out;-ms-transition:All .6s ease-in-out;
}

.news_info{width: 1200px;margin: 0 auto;}
.news_box{width: 840px;}
.news_title{border-bottom: 1px solid #eeeeee;margin-top: 40px;padding-bottom: 18px;}
.news_title h1{font-size:20px;color:#333;font-weight:600;}
.news_title .sign{color: #999;margin-top: 12px;}
.news_title .label{color: #0096ce;}
.news_title .mark{padding-right: 20px;}
.news_page{text-align:center;margin-top:16px;}
.news_page a{display:inline-block;font-size:20px;font-weight:200;line-height:38px;width:38px;text-align:center;margin:0 0px 0 10px;color:#999;border:1px solid #999;}
.news_page a:hover{color:#333;border-color:#333;}
.news_box .demo{font-size: 14px;color: #333;line-height: 30px;margin-top: 30px;}
.news_box .notice{font-size: 12px;color: #999;padding-top:20px;clear:both;}
.page_list{border-top: 1px dashed #d3d3d3;margin-top: 16px;padding-top: 10px;margin-bottom: 30px;}
.page_list li{line-height: 24px;color: #999;}
.page_list li a{color: #999;}
.page_list li a:hover{color: #0096ce;}
.page_list .return{float: right;font-size: 14px;color: #0096ce;border: 1px solid #0096ce;line-height: 38px;padding: 0 20px;margin-top: 6px;}
.news_menu{width: 240px;background: #f7f7f7;padding: 30px;margin-top: 40px;}
.news_menu dt{font-size: 20px;color: #333;margin-bottom: 24px;}
.news_menu dd{border-bottom: 1px dashed #cccccc;margin-bottom: 20px;}
.news_menu dd h3{color: #333;font-size: 16px;font-weight: normal;margin-bottom: 10px;}
.news_menu a:hover{color:#0096ce;}
.news_menu .text{color: #666;line-height: 24px;margin-bottom: 14px;}
.news_menu .time{color: #999999;line-height: 24px;margin-bottom: 6px;}
.news_seek{border:1px solid #fff;display:inline-block;*display:inline;zoom:1;background:none;position:absolute;left:0;top:280px;}
.news_seek input{border: 0;background: none;color:#fff;width: 0;text-indent: 10px;}
.news_seek img{padding: 10px;cursor:pointer;}
.news_img{position: absolute;right: 0;top:76px;}
.form_msg{height:400px;width: 420px;position: relative;padding-left: 40px; top:100px;}
.form_msg dl{position: relative;z-index: 3;}
.form_msg dt{font-size: 18px;color: #fff;padding-top: 40px;}
.form_msg dd{margin-top: 10px;}
.form_msg .text{border:1px solid #cccccc;background:transparent;color:#ccc;height:32px;width:182px;line-height:32px;text-indent:12px;margin-right:14px;}
.form_msg .text:focus{border-color:#fff;color:#fff;}
.form_msg .textarea{color:#ccc;line-height:32px;padding-left:12px;}
.form_msg .sub_btn{font-size:14px;border:1px solid #fff;background:transparent;color:#fff;height:38px;width:118px;line-height:36px;margin-right:14px;*margin-left:12px;filter:chroma(color=#000000);cursor:pointer;}
.form_msg textarea{width:371px;border:1px solid #ccc;background:transparent;height:100px;color: #ccc;resize: none;*margin-left: 12px;overflow:auto;}
.form_msg textarea:focus{color: #fff;border-color: #fff;outline: none;}
.c_shade{position:absolute;top:0;left:0;background: #fff;opacity: 0.3;filter:alpha(opacity=30);width: 100%;height: 100%;}
.connect{background: url("../images/cn01.jpg") no-repeat center;min-height: 500px;}
.connect_column{margin-top: 40px;}
.connect_column li{float: left;text-align: center;width: 285px;height: 218px;margin-left: 20px;position: relative;padding-top: 42px;font-size: 16px;color: #333;line-height: 32px;}
.connect_column li:first-child{margin-left: 0;}
.connect_column h2{font-size: 18px;color: #333;font-weight: normal;margin-top: 10px;margin-bottom: 10px;}
.connect_column .info{position: relative;z-index: 2;}
.connect_column .text{margin: 0 20px;}
.connect_column .s1{position:absolute;top:0;left:0;width:100%;height:100%;background: #de6764;opacity: 0.2;filter:alpha(opacity=20);}
.connect_column .s2{position:absolute;top:0;left:0;width:100%;height:100%;background: #58bec8;opacity: 0.2;filter:alpha(opacity=20);}
.connect_column .s3{position:absolute;top:0;left:0;width:100%;height:100%;background: #9ac047;opacity: 0.2;filter:alpha(opacity=20);}
.connect_column .s4{position:absolute;top:0;left:0;width:100%;height:100%;background: #31a0e1;opacity: 0.2;filter:alpha(opacity=20);}
.connect_column .i1{display: inline-block;width: 36px;height: 46px; background: url("../images/sprite2.png") no-repeat 0 0;}
.connect_column .i2{display: inline-block;width: 42px;height: 46px; background: url("../images/sprite2.png") no-repeat -38px 0;}
.connect_column .i3{display: inline-block;width: 40px;height: 46px; background: url("../images/sprite2.png") no-repeat -83px 0;}
.connect_column .i4{display: inline-block;width: 40px;height: 46px; background: url("../images/sprite2.png") no-repeat -125px 0;}
.connect_column a{ color: #333;}
.connect_share{border-top: 2px solid #43bcc7;width: 120px;margin: 46px auto 0;text-align: center;padding-top: 46px;}
.connect_share .sh1{display: inline-block;width: 40px;height: 40px;background: url("../images/sprite2.png") 0 -48px;margin-right: 9px;}
.connect_share .sh2{display: inline-block;width: 40px;height: 40px;background: url("../images/sprite2.png") -41px -48px;}
.arrive{background: #f7f7f7;padding-bottom: 40px;margin-bottom:-40px;}
.arrive_column_con{width:1150px;overflow:hidden;}
.arrive_column{margin-left:50px;width:1300px;}
.arrive_column dl{float:left;width:318px;margin:40px 90px 0 0px;}
.arrive_column dt{margin-bottom: 20px;}
.arrive_column dd{font-size: 16px;color: #333;line-height: 32px;}
.bus{font-size: 18px;color: #31a0e1;}
.bus dt{margin-left: -50px;}
.bus .icon{display: inline-block;width: 32px;height: 32px;background: url("../images/sprite2.png") 0 -90px;vertical-align: middle;margin-right: 18px;}
.taxi{font-size: 18px;color: #de6764;}
.taxi dt{margin-left: -50px;}
.taxi .icon{display: inline-block;width: 32px;height: 34px;background: url("../images/sprite2.png") -34px -90px;vertical-align: middle;margin-right: 18px;}
.metro{font-size: 18px;color: #9ac047;}
.metro dt{margin-left: -50px;}
.metro .icon{display: inline-block;width: 34px;height: 34px;background: url("../images/sprite2.png") -66px -90px;vertical-align: middle;margin-right: 16px;}

.news_tab {
	width: 1200px;
	margin: 60px auto 0;
}
.news_tab ul {
	margin-right: -40px;
}
.news_tab li {
	float: left;
	width: 205px;
	height: 70px;
	overflow: hidden;
	padding-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
}
.news_tab h2 {
	font-size: 30px;
	color: #fff;
	font-weight: normal;
	padding-top: 12px;
}
.news_tab .eg {
	font-size: 14px;
	color: #fff;
	text-transform: uppercase;
	padding-bottom: 12px;
	font-family: Arial;
}
.news_tab li:hover {
	opacity: 1;
	filter: alpha(opacity=100)
}
.news_tab li.sel {
	opacity: 0.8;
	filter: alpha(opacity=80)
}
.news_tab .backg1 {
	background: #43bcc7;
	opacity: 0.8;
	filter: alpha(opacity=80)
}
.news_tab .backg2 {
	background: #de6764;
	opacity: 0.8;
	filter: alpha(opacity=80)
}
.news_tab .backg3 {
	background: #31a0e1;
	opacity: 0.8;
	filter: alpha(opacity=80)
}
.news_tab .backg4 {
	background: #6a8bd2;
	opacity: 0.8;
	filter: alpha(opacity=80)
}
.news_tab .backg5 {
	background: #9ac047;
	opacity: 0.8;
	filter: alpha(opacity=80)
}
.news_tab .backg6 {
	background: #000000;
}
.news_tab .cyansel {
	background: #43bcc7;
	opacity: 1;
	filter: alpha(opacity=100)
}
.news_tab .redsel {
	background: #de6764;
	opacity: 1;
	filter: alpha(opacity=100)
}
.news_tab .bluesel {
	background: #31a0e1;
	opacity: 1;
	filter: alpha(opacity=100)
}
.news_tab .purplesel {
	background: #6a8bd2;
	opacity: 1;
	filter: alpha(opacity=100)
}
.news_tab .greensel {
	background: #9ac047;
	opacity: 1;
	filter: alpha(opacity=100)
}
.news_list {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}
.news_list li {
	background: #f7f7f7;
	zoom: 1;
	margin-top: 40px;
	position: relative;
}
.news_list .line {
	display: block;
	position: absolute;
	background: #0096ce;
}
.news_list li:after {
	content: "";
	clear: both;
	display: table;
}
.news_time {
	background: #0096ce;
	width: 120px;
	height: 100%;
	padding: 18px 20px 40px 0;
}
.news_time .day {
	display: block;
	font-size: 70px;
	color: #fff;
	font-family: "Impact";
	text-align: right;
}
.news_time .year {
	display: block;
	color: #eee;
	text-align: right;
	line-height: 22px;
}
.news_time .author {
	display: block;
	color: #eee;
	text-align: right;
	line-height: 22px;
}
.news_time .type {
	display: block;
	text-align: right;
	background: url("../images/n01.jpg") no-repeat right top;
	padding-top: 6px;
	margin-top: 4px;
}
.news_time .type a {
	color: #fff;
	font-family: '宋体', Arial;
}
.news_cont {
	width: 980px;
	margin-right: 40px;
}
.news_cont h2 {
	font-size: 20px;
	font-weight: normal;
	padding-top: 26px;
}
.news_cont h2 a {
	color: #333;
}
.news_cont a:hover {
	color: #0096ce;
}
.news_cont .demo {
	line-height: 24px;
	margin-top: 14px;
}
.news_cont .vis {
	color: #999;
	line-height: 38px;
	margin-top: 12px;
}
.news_cont .more {
	float: right;
	color: #0096ce;
	display: inline-block;
	border: 1px solid #0096ce;
	line-height: 38px;
	padding: 0 24px;
}
.news_more {
	width: 1200px;
	margin: 40px auto 80px;
	text-align: center;
}
.news_more a {
	display: block;
	font-size: 14px;
	color: #0096ce;
	border: 1px solid #0096ce;
	line-height: 38px;
}
.backg_new {
	background: #f7f7f7;
	padding: 1px 0 40px;
	margin-bottom: -40px;
}
.news_info {
	width: 1200px;
	margin: 0 auto;
}
.news_box {
	width: 840px;
}
.news_title {
	border-bottom: 1px solid #eeeeee;
	margin-top: 40px;
	padding-bottom: 18px;
}
.news_title h2 {
	font-size: 20px;
	color: #333;
	font-weight: normal;
}
.news_title .sign {
	color: #999;
	margin-top: 12px;
}
.news_title .label {
	color: #0096ce;
}
.news_title .mark {
	padding-right: 20px;
}
.news_page {
	text-align: center;
	margin-top: 16px;
}
.news_page a {
	display: inline-block;
	font-size: 20px;
	font-weight: 200;
	line-height: 38px;
	width: 38px;
	text-align: center;
	margin: 0 0px 0 10px;
	color: #999;
	border: 1px solid #999;
}
.news_page a:hover {
	color: #333;
	border-color: #333;
}
.news_box .demo {
	font-size: 14px;
	color: #333;
	line-height: 30px;
	margin-top: 30px;
}
.news_box .notice {
	font-size: 12px;
	color: #999;
	padding-top: 20px;
	clear: both;
}
.page_list {
	border-top: 1px dashed #d3d3d3;
	margin-top: 16px;
	padding-top: 10px;
	margin-bottom: 30px;
}
.page_list li {
	line-height: 24px;
	color: #999;
}
.page_list li a {
	color: #999;
}
.page_list li a:hover {
	color: #0096ce;
}
.page_list .return {
	float: right;
	font-size: 14px;
	color: #0096ce;
	border: 1px solid #0096ce;
	line-height: 38px;
	padding: 0 20px;
	margin-top: 6px;
}
.news_menu {
	width: 240px;
	background: #f7f7f7;
	padding: 30px;
	margin-top: 40px;
}
.news_menu dt {
	font-size: 20px;
	color: #333;
	margin-bottom: 24px;
}
.news_menu dd {
	border-bottom: 1px dashed #cccccc;
	margin-bottom: 20px;
}
.news_menu dd h3 {
	color: #333;
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 10px;
}
.news_menu a:hover {
	color: #0096ce;
}
.news_menu .text {
	color: #666;
	line-height: 24px;
	margin-bottom: 14px;
}
.news_menu .time {
	color: #999999;
	line-height: 24px;
	margin-bottom: 6px;
}
.news_seek {
	border: 1px solid #fff;
	display: inline-block;
*display:inline;
	zoom: 1;
	background: none;
	position: absolute;
	left: 0;
	top: 280px;
}
.news_seek input {
	border: 0;
	background: none;
	color: #fff;
	width: 0;
	text-indent: 10px;
}
.news_seek img {
	padding: 10px;
	cursor: pointer;
}
.news_img {
	position: absolute;
	right: 0;
	top: 76px;
}
.pay_list{width:1200px;margin:0px auto;}
.pay_list table{border-collapse:collapse;border:1px solid #ddd;padding:0px;margin:0px;width:100%;}
.pay_list table td{padding:12px 0px 20px 10px;margin:0px;border:1px solid #ddd;font-family:"微软雅黑";font-size:14px;color:#333;line-height:31px;}
.pay_list dt{height:80px; text-align:center;}
.pay_list dt.dt2{padding-left:12px;}
.pay_list dd{padding-left:10px;}