/*banner*/
.none{display:none;}
.banner{min-width:1200px;height:535px;position:relative;margin:0 auto;overflow:hidden;z-index:1;}
.banner_show{width:100%;text-align:center;height:535px;overflow:hidden;position:relative;}
.bannger_inbox{position:absolute;left:0%;top:0;}

/*翻页*/
.banner_pre_next{position:relative;z-index:105;top:306px;width: 1500px;left:0%;height:37px;margin-left: 195px;}
.banner_pre_next a{width:37px;height:37px;background:url(../images/btn.png) no-repeat;text-indent:-999em;}
.banner_pre_next .banner_btn_left{position:absolute;left:-37px;background-position:0px 0px;}
.banner_pre_next .banner_btn_right{position:absolute;right:-37px;background-position:-37px 0px;}




.top201 .zc201 {
    float: left;
    color: #666;
    font-size: 14px;
}
.top201 .r201 {
    float: right;
    color: #666;
}
.w201 {
    width: 1200px;
    margin: 0 auto;
}
.top201 {
    z-index: 10;
    height: 25px;
    padding-top: 6px;
    line-height: 20px;
    font-size: 12px;
    border-bottom: 1px solid #e5e5e5;
    font-size: 14px;
}
.top201 .r201 li {
    display: inline;
    padding: 0 5px;
}
.top201 .r201 li:first-child {
    padding-right: 0;
    
}
.top201 .r201 li a:hover {
    color: #05469a;
}
.top201 .r201 li a {
    color: #666;
    position: relative;
    z-index: 10;
    font-size: 14px;
}
.h201_main {
    position: relative;
    width: 100%;
    z-index: 100;
    background: #fff;
}
.h201_main .head201 {
    position: relative;
    height: 110px;
}
.h201_main .logo201 {
    display: block;
    margin-top: 0px;
    float: left;
}
.h201_main .logo201 img {
    display: block;
}
.h201_main .ss201 {
    /*width: 300px;*/
    height: 30px;
    line-height: 30px;
    /*margin-top: 20px;*/
    position: relative;
    float: right;
}
.h201_main .ss201 * {
    font-family: arial;
}
.h201_main .ss201 .sbtn201 {
    width: 35px;
    height: 30px;
    position: absolute;
    border-radius: 0;
    background-position: -52px -3px;
    background-color: #dcdcdc;
    cursor: pointer;
    border:none;
}
.h201_main .ss201 .stxt201 {
    width: 150px;
    padding-left: 10px;
    height: 30px;
    line-height: 30px;
    border: 0px;
    background: #ececec;
    outline: none;
    color: #999;
    border-radius: 0;
}
.h201_main .link {
    position: absolute;
    right: 0;
    bottom: 15px;
}
.h201_main .link li {
    float: left;
    margin-right: 20px;
}
.h201_main .link li:last-child {
    margin-right: 0;
}
.h201_main .link li a {
    color: #999;
}
.h201_main .link li a s {
    display: inline-block;
    width: 30px;
    height: 22px;
    vertical-align: bottom;
    background-repeat: no-repeat;
}
.h201_main .link li a s.oa {
    background-position: -282px 0;
}
.h201_main .link li a s.yx {
    background-position: -312px 0;
}
.h201_main .link li a s.sp {
    background-position: -343px 0;
}
.h201_main .link li a s.hc {
    background-position: -371px 0;
}
.nav201 {
    width: 100%;
    height: 70px;
    background: #05469a;
    position: relative;
    z-index: 3;
}
.na201 .list201 {
    width: 100%;
    margin: 0 auto;
    position: relative;
}
.nav201 .na201 {
    width: 1200px;
    margin: 0 auto;
}
.nav201 .na201 li {
    float: left;
    width: 150px;
    display: block;
    position: relative;
    z-index: 10;
    font-size: 16px;
    text-align: center;
}
.nav201 .na201 li a {
    display: block;
    color: #fff;
    font-size: 16px;
    line-height: 45px;
    height: 70px;
}
.nav201 .na201 li a span {
    display: block;
    font-size: 13px;
    line-height: 10px;
    text-transform: uppercase;
    color: #fff;
}
.nav201 .na201 li a i {
    width: 1px;
    height: 28px;
    background-color: #7d9fca;
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -14px;
}
.nav201 .na201 li:last-child a i {
    display: none;
}
.nav201 .na201 li a:hover, .nav201 .na201 li a.hover, .nav201 .na201 li #hover2 {
    background: #ff7800;
}
.nav201 .na201 dl {
    width: 100%;
    background: #05469aa6;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 12;
}
.nav201 .na201 dl {
    position: absolute;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5);
    opacity: 0;
    visibility: hidden;
    transition: all .6s ease 0s;
    transform: translate3d(0, 10px, 0);
    -moz-transform: translate3d(0, 10px, 0);
    -webkit-transform: translate3d(0, 10px, 0);
}
.nav201 .na201 li:hover dl {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
}
.nav201 .na201 dl dd {
    border-top: 1px solid #003b88;
    text-align: left;
    position: relative;
    z-index: 12;
    display: block;
    width: 100%;
}
.nav201 .na201 dl dd:first-child {
    border: none;
}
.nav201 .na201 dl dd a {
    color: #fff;
    font-size: 14px;
    line-height: 45px;
    height: 45px;
    width: 100%;
    text-align: center;
}
.nav201 .na201 dl dd a:hover, .nav201 .na201 dl dd a.hover {
    background: #ff7800;
}
.icon201 {background-image: url(../images/icon201.png");display: inline-block;vertical-align: middle;}


.about290 {
    background: url(../images/bj290.jpg) no-repeat center top #fff;
}
.about290 {
    width: 100%;
}
.about290 .ab290 {
    padding: 80px 0;
    overflow: hidden;
}
.about290 .ab290 .icon {
    background: url(../images/icon290.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
}
.w290 {
    width: 1200px;
    margin: 0 auto;
}
.about290 .ab290 .part3 {
    width: 1200px;
    height: 368px;
    background: #05469a;
    position: relative;
}
.about290 .ab290 .part3 .img {
    width: 500px;
    height: 374px;
    overflow: hidden;
    position: relative;
    top: -30px;
    margin-left: 25px;
    float: left;
}
.about290 .ab290 .part3 .img img {
    width: 100%;
    height: 100%;
    display: block;
    transition: all 0.3s ease-out 0s;
}
.about290 .ab290 .part3 .img:hover img {
    transform: scale(1.05, 1.05);
}
.about290 .ab290 .part3 .txt {
    padding-right: 50px;
    width: 570px;
    padding-top: 50px;
    line-height: 28px;
    float: right;
}
.about290 .ab290 .part3 .txt a {
    display: block;
    color: #fff;
}
.about290 .ab290 .part3 .txt h3 {
    font-size: 35px;
    color: #fff;
    padding-bottom: 10px;
    font-weight: normal;
}
.about290 .ab290 .part3 .txt h4 {
    font-size: 16px;
    display: block;
    text-transform: uppercase;
     color: #fff;
     font-weight: normal;
}
.about290 .ab290 .part3 .txt p {
    padding-top: 25px;
    color: #ffffff;
    padding-bottom: 20px;
    text-indent: 2em;
}
.about290 .ab290 .part3 .txt span {
    width: 68px;
    height: 36px;
    border: 1px solid #fed5d5;
    display: block;
    line-height: 36px;
    text-align: center;
}
.about290 .ab290 .part3 .txt span em {
    width: 22px;
    margin: 14px auto 0;
    height: 8px;
    background-position: -60px -100px;
    display: block;
    vertical-align: middle;
}
.about290 .ab290 .part3 .txt a:hover span {
    border: 1px solid #fff;
}
.about290 .ab290 .part3 .txt a:hover span em {
    background-position: -60px -120px;
}



.yw203 .w203 {
    width: 1200px;
    margin: 0 auto;
    padding-top: 30px;
}
.yw203 .ipro203 {
    position: relative;
    margin-top: 30px;
}
.yw203 .ipro203 .bd203 {
    overflow: hidden;
}
.yw203 .ipro203 .list203 {
    width: 100%;
}
.yw203 .ipro203 .list203 li {
    position: relative;
    display: block;
    float: left;
    width: 228px;
    height: 460px;
    margin-right: 12px;
}
.yw203 .ipro203 .list203 li a {
    width: 100%;
    height: 100%;
    display: block;
    background: #05469a;
    transition: all ease .5s;
}
.yw203 .ipro203 .list203 li a .img203 {
    width: 100%;
    height: 335px;
    overflow: hidden;
}
.yw203 .ipro203 .list203 li a .img203 img {
    width: 100%;
    height: 100%;
    display: block;
    transition: all ease .5s;
}
.yw203 .ipro203 .list203 li a .txt203 {
    color: #fff;
    height: 110px;
    text-align: center;
}
.yw203 .ipro203 .list203 li a .txt203 h3 {
    font-size: 20px;
    line-height: 65px;
    color: #fff;
}
.yw203 .ipro203 .list203 li a .txt203 p {
    font-size: 14px;
    font-weight: 300;
    color: #fff;
}
.yw203 .ipro203 .list203 li a:hover {
    background: #ff7800;
}
.yw203 .ipro203 .list203 li:hover a .img203 img {
    transform: scale(1.1);
}
.yw203 .ipro203 .list203 li:hover a .ic203 {
    opacity: 1;
    background:  url(../images/youshixbg.png) no-repeat;
}
.yw203 .ipro203 .hd203 {
    position: absolute;
    width: 100%;
}
.yw203 .ipro203 .hd203 .prev, .yw203 .ipro203 .hd203 .next {
    width: 30px;
    height: 156px;
    cursor: pointer;
    position: absolute;
    top: -310px;
    transition: all ease .5s;
    background-color: #fff;
    border: 1px solid #44a7f8;
    opacity: .5;
}
.yw203 .ipro203 .hd203 .prev s, .yw203 .ipro203 .hd203 .next s {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -14px;
    margin-left: -8px;
    width: 15px;
    height: 28px;
    background-repeat: no-repeat;
}
.yw203 .ipro203 .hd203 .prev {
    left: -80px;
}
.yw203 .ipro203 .hd203 .next {
    right: -80px;
}
.yw203 .ipro203 .hd203 .prev s {
    background-position: -241px -49px;
}
.yw203 .ipro203 .hd203 .next s {
    background-position: -270px -49px;
}
.yw203 .ipro203 .hd203 .prev:hover, .yw203 .ipro203 .hd203 .next:hover {
    opacity: 1;
}
.yw203 .bt203 {
    padding-top: 0;
}
.yw203 .bt203 .en203 {
    font: 300 16px "AvantGarde Bk BT";
    color: #666;
    text-align: center;
    text-transform: uppercase;
}
.yw203 .bt203 .tit203 {
    width: 330px;
    margin: 0 auto;
    font-size: 40px;
    line-height: 50px;
    text-align: center;
    color: #333;
    padding-bottom: 25px;
}
.yw203 .bt203 .tit203 span {
    float: left;
    margin: 0 20px;
}
.yw203 .bt203 .tit203 em {
    display: block;
    
    height: 1px;
    margin-top: 15px;
    margin-bottom: 15px;
    background: #ccc;
}
.yw203 .icon203 {
    background-image: url(.../images/icon203.png);
    display: inline-block;
    vertical-align: middle;
}
.yw203 {
    padding-top: 30px;
    padding-bottom: 70px;
    background: url(.../images/bg203.jpg) no-repeat center top;
    overflow: hidden;
}
.yw203 .ipro203 .list203 li a .ic203 {
    position: absolute;
    width: 100%;
    height: 350px;
    left: 0;
    top: 0;
    opacity: 0;
    background: rgba(0,0,0,.5) url(.../images/tb203.png) no-repeat center;
    transition: all ease .5s;
}



.link192 {
    padding: 15px 0;
}
.link192 .w192 {
    width: 1200px;
    margin: 0 auto;
}
.link192 .web192 {
    padding: 20px 0;
}
.link192 .web192 h4 {
    border-bottom: 1px solid #ddd;
    margin: 0;
    font-size: 18px;
    color: #05469a;
    padding-bottom: 15px;
}
.link192 .web192 h4 small {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: normal;
    color: #999;
}
.link192 .web192 ul {
    margin-left: -20px;
}
.link192 .web192 li {
    float: left;
    margin-left: 20px;
    margin-top: 20px;
}

.news {padding:60px 0;overflow:hidden;background:url(../images/xinwenbg.jpg);}
.news .ns_con {margin:0 auto;width:1200px;}
.news .ns_con .wrap-tit{margin-bottom:30px;text-align:center;line-height:1.5;overflow:hidden;animation:fadeinT 1s ease-out backwards;}
.news .ns_con .wrap-tit h2{font-size:40px;color:#333;font-weight:normal;}
.news .ns_con .wrap-tit h2 a{color:#333;}
.news .ns_con .wrap-tit p{font-size:18px;color:#666;}
.news .ns_con .wrap-tit.white {color:#fff;}
.news .ns_con .ns-group {width:1230px;overflow:hidden;}
.news .ns_con .ns-group .ns-itemm{float:left;margin-right:15px;width:500px;overflow:hidden;border:#eee solid 1px;background:#ffffffd6;border-radius:5px;}
.news .ns_con .ns-group .ns-item{float:left;margin-right:15px;width:330px;overflow:hidden;border:#0c4da2 solid 1px;background:#05469ad6;border-radius:5px;}
.news .ns_con .ns-group .ns-itemm .hd{padding:0 15px;height:55px;line-height:55px;overflow:hidden;}
.news .ns_con .ns-group .ns-item .hd{padding:0 19px;height:55px;line-height:55px;overflow:hidden;}
.news .ns_con .ns-group .ns-itemm .hd a{display:block;}
.news .ns_con .ns-group .ns-item .hd a{display:block;}
.news .ns_con .ns-group .ns-itemm .hd em{float:right;font-size:14px;color:#999;text-transform:uppercase;}
.news .ns_con .ns-group .ns-itemm .hd span{font-size:20px;color:#333;}
.news .ns_con .ns-group .ns-item .hd em{float:right;font-size:14px;color:#fff;text-transform:uppercase;}
.news .ns_con .ns-group .ns-item .hd span{font-size:20px;color:#fff;}
.news .ns_con .ns-group .ns-item .bd{padding:0 19px;overflow:hidden;}
.news .ns_con .ns-group .ns-item .hotNews{position:relative;width:300px;height:400px;overflow:hidden;}
.news .ns_con .ns-group .ns-item .hotNews .pic{display:block;width:300px;height:200px;overflow:hidden;}
.news .ns_con .ns-group .ns-item .hotNews .pic img{display:block;width:300px;height:200px;transition: all 1s;}
.news .ns_con .ns-group .ns-item .hotNews .tit{display:block;position:absolute;left:0;bottom:0;width:100%;height:190px;line-height:40px;color:#ffffff;font-size:16px;text-indent:0px;}
.news .ns_con .ns-group .ns-item .hotNews:hover .pic img{transform:scale(1.1);}
.news .ns_con .ns-group .ns-item .hotNews:hover .tit{text-shadow:0 0 2px #fff;}
.news .ns_con .ns-group .ns-item:hover{box-shadow:0 0 20px #ccc inset}
.news .ns_con .ns-group .ns-list{margin:0px 15px;height:400px;overflow:hidden;}
.news .ns_con .ns-group .ns-list li{height:40px;line-height:40px;font-size:14px;overflow:hidden;}
.news .ns_con .ns-group .ns-list li a{display:block;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news .ns_con .ns-group .ns-list li a:hover{color:#05469a;}
.t_ser {
	max-width: 1200px;
	margin: 0 auto;
	padding-top: 75px;
	text-align: center;
}
.t_ser_top {
	width: 100%;
	text-align: center;
}
.t_sert_0l {
	width: 100%;
	float: left;
	padding-bottom: 20px;
}
.t_sert_l001 {
	width: 100%;
	font-size: 40px;
	color: #333;
}
.t_sert_l002 {
	width: 100%;
}
.t_sert_l003 {
	width: 80px;
	border-bottom: 1px solid #ffffff;
	float: left;
	padding-top: 15px;
	margin: auto 555px;
}
.t_sert_l004 {
	width: 100%;
	float: left;
	font-size: 15px;
	color: #666;
	line-height: 1.6;
	padding-top: 15px;
}
/* 颜色 */
.case199 .it199 .en199 {
    font: 300 16px "AvantGarde Bk BT";
    color: #666;
    text-align: center;
    text-transform: uppercase;
}
.case199 .it199 .tit199 {
    width: 330px;
    margin: 0 auto;
    font-size: 30px;
    line-height: 50px;
    text-align: center;
    color: #333;
}
.case199 .it199 .tit199 em {
    display: block;
    width: 85px;
    height: 1px;
    margin-top: 25px;
    background: #ccc;
}
.case199 {
    padding-top: 60px;
    padding-bottom: 45px;
    background: #f6f6f6;
}
.case199 .pro199 .list199 li {
    position: relative;
    display: block;
    float: left;
    width: 390px !important;
    height: 340px;
    margin-right: 30px;
    border: 1px solid #ddd;
}
.case199 .pro199 .list199 li .tit199 {
    font-size: 20px;
    color: #333;
}
.case199 .pro199 .list199 li .cont199 {
    margin-top: 12px;
    font-size: 14px;
    font-weight: 300;
    line-height: 28px;
    color: #666;
    text-align: justify;
}
.case199 .pro199 .list199 li .view199 {
    position: absolute;
    bottom: 30px;
    left: 30px;
    display: block;
    width: 120px;
    height: 32px;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    background: #05469a;
    color: #fff;
    transition: all ease .5s;
}
.case199 .pro199 .list199 li .view199:hover {
    background: #009924;
}
.case199 .pro199 .hd199 .prev, .case199 .pro199 .hd199 .next {
    width: 30px;
    height: 40px;
    cursor: pointer;
    position: absolute;
    top: -260px;
    transition: all ease .5s;
    background-color: #05469a;
    background-repeat: no-repeat;
}
.case199 .pro199 .hd199 .prev:hover, .case199 .pro199 .hd199 .next:hover {
    background-color: #009924;
}
.case199 .more199 a {
    display: block;
    width: 198px;
    height: 48px;
    color: #666;
    font-size: 16px;
    line-height: 48px;
    text-align: center;
    border: 1px solid #ccc;
    transition: all ease .5s;
}
.case199 .more199 a:hover {
    background: #05469a;
    color: #fff;
    transition: all .5s;
    border: 1px solid #05469a;
}
.case199 .join p {
    color: #666;
    font-size: 14px;
    line-height: 45px;
}
.case199 .join a {
    position: relative;
    display: inline-block;
    width: 160px;
    height: 45px;
    background: #05469a;
    transition: all ease 600ms;
}
.case199 .join a:hover {
    background: #009924;
    width: 180px;
}
/* 颜色 end*/
.case199 .w199 {
    width: 1200px;
    margin: 0 auto;
}
.case199 .icon199 {
    background-image: url("../images/icon199.png");
    display: inline-block;
    vertical-align: middle;
}
.case199 .it199 {
    padding-top: 0;
}
.case199 .it199 .tit199 span {
    float: left;
    margin: 0 20px;
}
.case199 .pro199 {
    position: relative;
    margin-top: 30px;
}
.case199 .pro199 .list199 {
    width: 106%;
}
.case199 .pro199 .list199 li a {
    display: block;
    padding: 30px;
    padding-bottom: 80px;
}
.case199 .pro199 .list199 li a img {
    display: block;
    width: 320px;
    height: 240px;
}
.case199 .pro199 .list199 li .title199 {
    margin-top: 20px;
}
.case199 .pro199 .hd199 {
    position: absolute;
    width: 100%;
}
.case199 .pro199 .hd199 .prev {
    background-position: -340px -43px;
    left: -80px;
}
.case199 .pro199 .hd199 .next {
    background-position: -370px -43px;
    right: -80px;
}
.case199 .more199 {
    margin-top: 40px;
}
.case199 .more199 .line199 {
    display: block;
    width: 500px;
    height: 1px;
    margin-top: 24px;
    background: #ccc;
}
.case199 .join {
    margin-top: 60px;
    margin-bottom: 50px;
}
.case199 .join h3 {
    font-size: 26px;
    font-weight: bold;
    padding-bottom: 20px;
}
.case199 .join h3 s {
    display: inline-block;
    width: 42px;
    height: 31px;
    margin-right: 10px;
    background-position: -295px -49px;
}
.case199 .join a s {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -10px;
    margin-left: -35px;
    width: 70px;
    height: 10px;
    background-position: -329px -23px;
}

<script type="application/javascript">
$('.pro199').slide({ titCell:'.hd199 ul', mainCell:'.bd199 ul', autoPlay:true, autoPage:true, delayTime:500,interTime:2000, effect:'leftLoop',trigger:"click",vis:3})
</script>