<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">

/*-----------------------------------------------------------*/

/*copyright by 鍔ㄥ姏鏃犻檺  www.btoe.cn*/

/*閭 btoe@btoe.cn*/

/*鍚堜綔鐢佃瘽 400-0599-360*/

/*鐗堟潈鎵€鏈夎繚鑰呭繀绌�*/

/*-----------------------------------------------------------*/



/* banner 寮€濮� */

.fullSlide {

 width: 100%;

 position: relative;

 height: 850px;

}



.fullSlide .bd {

 height: 850px;

 margin: 0 auto;

 position: relative;

 z-index: 1;

 overflow: hidden;

}



.fullSlide .bd ul {

 width: 100% !important;

}



.fullSlide .bd li {

 width: 100% !important;

 height: 850px;

 overflow: hidden;

 text-align: center;

}



.fullSlide .bd li a {

 display: block;

 height: 850px;

}





.fullSlide .hd_shu {

 width: 80px;

 height: 30px;

 position: absolute;

 left: 58px;

 bottom: 25px;

 z-index: 5;

}





.fullSlide .hd_shu ul{

 height: 30px;

 overflow: hidden;

}



.fullSlide .hd_shu ul li{

 font-size: 16px;

 line-height: 30px;

}



.fullSlide .hd_shu ul li b{

 font-size: 28px;

}



.fullSlide .hd_shu ul li.on{

}











.fullSlide .prev, .fullSlide .next {

 height: 50px;

 position: absolute;

 bottom: 28px;

 z-index: 4;

 -webkit-transition: all .3s linear;

 transition: all .3s linear;

 cursor: pointer;

}





.fullSlide .prev i, .fullSlide .next i{

 display: block;

 font-size: 12px;

 line-height: 50px;

 color: #fff;

 text-transform:uppercase;

}







.fullSlide .prev {

 left: 170px;

 width: 64px;

 text-align: right;

 background: url(../images/banner_l.png) no-repeat 0;

}





.fullSlide .next {

 left: 389px;

 width: 55px;

 margin-right: 522px;

 background: url(../images/banner_r.png) no-repeat right;

}





.fullSlide .next:hover {

 left: 399px;

}





.fullSlide .prev:hover {

 left: 160px;

}





.fullSlidebg_l{

 width: 312px;

 height: 107px;

 position: absolute;

 z-index: 3;

 left: 0;

 bottom: 0;

 background: #dd9914;

}





.fullSlidebg_r{

 width: 312px;

 height: 107px;

 position: absolute;

 z-index: 3;

 left: 312px;

 bottom: 0;

 background: #1e1e1e;

}





.slide_bar {

 position: absolute;

 z-index: 2;

 width: 183px;

 height: 705px;

 left: 0px;

 bottom: 0px;

 background:url(../images/ba_zhubg.png) no-repeat 40px 51px #fff;

 box-sizing: border-box;

 transition: all 0.3s ease-in-out;

 overflow: hidden;

}





.slide_bar_a{

 width: 20px;

 padding-top: 50px;

 text-align: center;

 font-size: 16px;

 color: #333333;

 padding-left: 82px;

 line-height: 18px;

}







/* banner 缁撴潫 */





/* animated home */



.animated {

 -webkit-animation-duration: 1s;

 animation-duration: 1s;

 -webkit-animation-fill-mode: both;

 animation-fill-mode: both

}



.animated.infinite {

 -webkit-animation-iteration-count: infinite;

 animation-iteration-count: infinite

}



.animated.hinge {

 -webkit-animation-duration: 2s;

 animation-duration: 2s

}



@-webkit-keyframes fadeInUp {

 0% {

  opacity: 0;

  -webkit-transform: translate3d(0, 100%, 0);

  transform: translate3d(0, 100%, 0)

 }

 100% {

  opacity: 1;

  -webkit-transform: none;

  transform: none

 }

}



@keyframes fadeInUp {

 0% {

  opacity: 0;

  -webkit-transform: translate3d(0, 100%, 0);

  transform: translate3d(0, 100%, 0)

 }

 100% {

  opacity: 1;

  -webkit-transform: none;

  transform: none

 }

}



.fadeInUp {

 -webkit-animation-name: fadeInUp;

 animation-name: fadeInUp

}



.animated_1 {

 animation-delay: 0.3s;

}



.animated_2 {

 animation-delay: 0.6s;

}



.animated_3 {

 animation-delay: 0.9s;

}



.animated_4 {

 animation-delay: 1.2s;

}



.animated_5 {

 animation-delay: 1.5s;

}



.animated_6 {

 animation-delay: 1.8s;

}



.animated_7 {

 animation-delay: 2.1s;

}



.animated_8 {

 animation-delay: 2.4s;

}



.animated_9 {

 animation-delay: 2.7s;

}



.animated_10 {

 animation-delay: 3s;

}



.animated_11 {

 animation-delay: 3.3s;

}



.animated_12 {

 animation-delay: 3.6s;

}



/* animated end */





.a_tite_box{

 width: 1200px;

 margin: 0 auto;

}





.a_tite {

 width: 310px;

 float: left;

}





.a_tite h3 {

 line-height:1;

 font-size: 22px;

 color: #102540;

 margin-top: 12px;

 background:url(../images/in_x1.png) no-repeat 103px;

}



.advantage_t2 .a_tite h3{

 background:url(../images/in_x1.png) no-repeat 127px;

}







.a_tite h4{

 height: 26px;

 line-height: 26px;

 font-size: 28px;

 color: #102540;

 text-transform:uppercase;

 font-family: Impact;

}











.a_tite_more {

 width: 185px;

 height: 52px;

 float: right;

 z-index: 5;

 -webkit-transition: all .3s ease-out;

 transition: all .3s ease-out;

}





.a_tite_more a{

 display: block;

 line-height: 52px;

 font-size: 16px;

 color: #fff;

 text-transform:uppercase;

 padding-left: 23px;

 background:url(../images/cp_more.png) no-repeat 137px #102540;

}





.a_tite_more a:hover{

 padding-left: 30px;

 background:url(../images/cp_more.png) no-repeat 144px #102540;

}







/*绠€浠�*/





.in2_about {

 width: 100%;

 background: url(../images/ab_bg.jpg) no-repeat center top;

 overflow: hidden;

 padding-top: 100px;

 height: 616px;

}







.in2_about_1 {

 width: 1200px;

 margin: 0 auto;

 position: relative;

}





.in2_about_pic{

 width: 100%;

 height: 268px;

 margin-top: 29px;

 -webkit-transition: all .3s ease-out;

 transition: all .3s ease-out;

}





.in2_about_pic img{

 width: 100%;

 height: 268px;

}



.in2_about_pic:hover{

 box-shadow: 0 8px 8px 0px rgba(0, 0, 0, 0.15);

 transform: translateY(-3px);

}







.in2_about_2_t {

 height: 40px;

 color: #d1d1d1;

 font-size: 36px;

 text-transform: uppercase;

}







.in2_about_3 {

 line-height: 30px;

 height: 120px;

 overflow: hidden;

 padding: 32px 0 0 0;

 color: #263e5c;

}





.in2_about_5 {

 height: auto;

 float: right;

 width: 840px;

}







/*绠€浠媏nd*/





.rongyu{

 width: 304px;

 height: 407px;

 background: #102540;

 float: left;

 margin-top: 42px;

 overflow: hidden;

}



.in_rong_t{

 font-size: 20px;

 color: #fff;

 text-align: center;

 font-weight: bold;

 line-height: 1;

 padding-top: 38px;

}





.in_rong_cont {

 width: 304px;

 margin: 0 auto;

 position: relative;

 padding-top: 20px;

}





.in_rong {

 width: 193px;

 margin: 0 auto;

}





.in_rong_li {

 float: left;

 width: 193px;

 height: 308px;

 -webkit-transition: all .3s ease-out;

 transition: all .3s ease-out;

 position: relative;

}





.rong_imgscale_x {

 width: 100%;

 height: 270px;

 position: relative;

 overflow: hidden;

 -webkit-box-sizing: border-box;

 -moz-box-sizing: border-box;

 box-sizing: border-box;

 border: 5px solid #506d93;

 background: #fff;

}





.rong_imgscale {

 width: 100%;

 height: 100%;

}





.rong_imgscale img {

 width: 100%;

 height: 100%;

}





.in_rong_txt{

 height: 34px;

 line-height: 34px;

 text-align: center;

 padding-top: 8px;

}



.in_rong_txt a{

 display: block;

 padding: 0 5px;

 color: #fff;

 overflow:hidden;white-space:nowrap;text-overflow:ellipsis;

}





.in_rong_li:hover .in_rong_txt a {

 color: #fff;

}







.fill {object-fit: fill;}

.contain {object-fit: contain;}

.cover {object-fit: cover;}

.scale-down {object-fit: scale-down;}

.none {object-fit: none;}





.rong_lefts {

 background: url(../images/ry_l.png) no-repeat center;

 width: 18px;

 height: 32px;

 color: #fff;

 position: absolute;

 top: 135px;

 left: 16px;

 cursor: pointer;

 z-index: 20;

}





.rong_rights {

 background: url(../images/ry_r.png) no-repeat center;

 width: 18px;

 height: 32px;

 position: absolute;

 top: 135px;

 right: 16px;

 cursor: pointer;

 z-index: 20;

}



/*鑽ｈ獕end*/







.b_tite_box{

 width: 1200px;

 margin: 0 auto;

}





.b_tite {

 width: 340px;

 float: left;

}





.b_tite h3 {

 line-height:1;

 font-size: 22px;

 color: #FFFFFF;

 margin-top: 12px;

 background:url(../images/td_line.png) no-repeat 148px;

}





.b_tite h4{

 height: 26px;

 line-height: 26px;

 font-size: 28px;

 color: #FFFFFF;

 text-transform:uppercase;

 font-family: Impact;

}





.td_tel{

 float: right;

 color: #fff;

 text-align: right;

}





.td_tel h4{

 line-height: 26px;

}



.td_tel h5{

 line-height: 26px;

 font-size: 24px;

 padding-top: 8px;

}







/*鐗圭偣*/



.td_bg{

 width: 100%;

 height: 727px;

 background: url(../images/td_bg.jpg) no-repeat center;

}





.td_cent{

 width: 1200px;

 margin: 0 auto;

 padding-top: 92px;

}



.td_box{

 padding-top: 129px;

}



.td_boxleft{

 float: left;

 width: 600px;

}



.td_boxleft h3{

 font-size: 18px;

 font-weight: bold;

 color: #263e5c;

}



.td_boxleft h4{

 line-height: 30px;

 font-size: 14px;

 color: #263e5c;

 padding-top: 18px;

}



.td_boxleft h5{

 border-top: 1px dashed #c4d0df;

 margin-top: 30px;

 padding-top: 39px;

}







/*鐗圭偣*/





.zizhi_bg {

 width: 590px;

 height: 340px;

 float: right;

 position: relative;

}





.zizhi_bg .hd {

 width: 4px;

 height: 170px;

 overflow: hidden;

 position: absolute;

 right: -58px;

 top: 0px;

 z-index: 10;

 background: #c4d0df;

 border-radius: 2px;

}





.zizhi_bg .hd ul {

 text-align: center;

}



.zizhi_bg .hd ul li {

 display: block;

 width: 4px;

 height: 85px;

 -webkit-transition: all .3s ease-out;

 transition: all .3s ease-out;

 overflow: hidden;

 cursor: pointer;

 font-size: 0px;

}





.zizhi_bg .hd ul li.on {

 background:#102540;

}









.zizhi_cent{

 height: 340px;

 overflow: hidden;

}





.zizhi_r {



}





.in_zizhi_thr {

 width: 240px;

 height: 330px;

 float: left;

 text-align: center;

 -webkit-transition: all .3s ease-out;

 transition: all .3s ease-out;

 margin-left: 53px;

 border: 1px solid #c4d0df;

}





.in_zizhi_thr h6 {

 font-size: 18px;

 height: 20px;

 line-height: 20px;

 color: #263e5c;

 padding-top: 30px;

 font-weight: bold;

}





.in_zizhi_thr  h4{

 line-height: 20px;

 margin-top: 6px;

 font-size: 12px;

 color: #263e5c;

}





.in_zizhi_thr span{

 display: block;

 line-height: 24px;

 font-size: 14px;

 color: #263e5c;

 text-transform:uppercase;

 padding: 22px 28px 0 28px;

}







.in_zizhi_tow {

 margin: 0 auto;

 margin-top: 30px;

 width: 73px;

 height: 73px;

 display: block;

 -webkit-transition: all .3s ease-out;

 transition: all .3s ease-out;

 overflow: hidden;

 position: relative;

 z-index: 3;

 padding: 9px;

 border: 1px solid #c4d0df;

 border-radius: 50%;

}





.in_zizhi_tow i {

 width: 73px;

 height: 73px;

 display: block;

 border-radius: 50%;

}





.in_zizhi_tow i.d1{

 background:url(../images/td_d1.png) no-repeat center #102540;

}



.in_zizhi_tow i.d2{

 background:url(../images/td_d2.png) no-repeat center #102540 ;

}



.in_zizhi_tow i.d3{

 background:url(../images/td_d3.png) no-repeat center #102540 ;

}



.in_zizhi_tow i.d4{

 background:url(../images/td_d4.png) no-repeat center #102540 ;

}





.in_zizhi_thr:hover .in_zizhi_tow {

 background: #fff;



}





.in_zizhi_thr:hover h6{

 color: #fff;

}



.in_zizhi_thr:hover h4{

 color: #fff;

}



.in_zizhi_thr:hover span{

 color: #fff;

}





.in_zizhi_thr:hover{

 background: #102540;

 border: 1px solid #102540;

}





/*鐗圭偣end*/





/*浜у搧*/



.in_products_xx {

 width: 100%;

 height: auto;

 padding-top: 60px;

}







.in_pfl_bg {

 width: 880px;

 height: 38px;

 float: right;

 padding-top: 30px;

}





.in_pfl {

 height: 38px;

 text-align: right;

}





.in_pfl ul li {

 display: inline-block;

 height: 38px;

 margin-left: 54px;

}





.in_pfl ul li a {

 display: block;

 height: 38px;

 line-height: 38px;

 overflow: hidden;

 font-size: 16px;

 color: #102540;

}



.in_pfl ul li a:hover {

text-decoration: underline;

}







.in_products_r {

 padding-top: 34px;

 overflow: hidden;

}





.in_products_r .tab_box {

 width: 92%;

 height: auto;

 margin: 0 auto;

}





.in_products_pro {

 position: relative;

}





.in_pro_2 {

 float: left;

 width: 23%;

 margin: 0 1% 40px 1%;

 overflow: hidden;

 position: relative;

 -webkit-transition: all .3s linear;

 transition: all .3s linear;

 -webkit-box-sizing: border-box;

 -moz-box-sizing: border-box;

 box-sizing: border-box;

}





.in_pro_2 .in_pro_1picbox{

background: #edf1f5;

 padding: 5px;

 position: relative;

 -webkit-transition: all .3s linear;

 transition: all .3s linear;

}





.in_pro_2 .in_pro_1pic {

 width: 100%;

 overflow: hidden;

 padding-top: 62.8%;

 position: relative;

}





.in_pro_2 .in_pro_1pic img {

 position: absolute;

 left: 0;

 top: 0;

 width: 100%;

 height: 100%;

 -webkit-transition: all .3s ease-out;

 transition: all .3s ease-out;

}





.in_pro_txtcc {

 height: 57px;

 -webkit-transition: all .3s linear;

 transition: all .3s linear;

 border-bottom: 1px solid #edf1f5;

 padding: 0 50px 0 9px;

 background:url(../images/cp_cd1.png) no-repeat right;

}





.in_pro_txtcc h6{

 height: 24px;

 line-height: 24px;

 font-size: 14px;

 -webkit-transition: all .3s linear;

 transition: all .3s linear;

 padding-top: 9px;

}





.in_pro_txtcc h6 a {

 color: #102540;

 display: block;

 overflow: hidden;

 white-space: nowrap;

 text-overflow: ellipsis;

}



.in_pro_txtcc h6 a:hover{

 padding-left: 5px;

}



.in_pro_txtcc h5{

 line-height: 14px;

 font-size: 12px;

 color: #859cb9;

}



.in_pro_2:hover{

 background: #102540;

 box-shadow: 0 8px 8px 0px rgba(36, 62, 96, 0.16);

}





.in_pro_2:hover .in_pro_1picbox{

 background: #102540;

}





.in_pro_2:hover .in_pro_txtcc {

 background:url(../images/cp_cd2.png) no-repeat right;

}





.in_pro_2:hover .in_pro_txtcc h6 a{

 color: #fff;

}



.in_pro_2:hover .in_pro_txtcc h5 {

 color: #859cb9;

}









.cp_more {

 width: 185px;

 height: 52px;

 margin: 0 auto;

 margin-top: 10px;

}





.cp_more a{

 display: block;

 line-height: 52px;

 font-size: 16px;

 color: #fff;

 text-transform:uppercase;

 padding-left: 23px;

 background:url(../images/cp_more.png) no-repeat 137px #102540;

}





.cp_more a:hover{

 padding-left: 30px;

 background:url(../images/cp_more.png) no-repeat 144px #102540;

}





/*浜у搧end*/





/*妗堜緥*/





.case_bg {

 width: 100%;

 overflow: hidden;

 background:#f6f8f9;

 padding-top: 98px;

 margin-top: 100px;

}





.case_pro {

 width: 1200px;

 height: 497px;

 margin: 0 auto;

 position: relative;

 margin-top: 28px;

}



.case_pro .hd_shu {

 width: 80px;

 height: 30px;

 position: absolute;

 left: 0px;

 top: 29px;

 z-index: 5;

}



.case_pro .hd_shu ul{

 height: 30px;

 overflow: hidden;

}



.case_pro .hd_shu ul li{

 font-size: 16px;

 line-height: 30px;

}



.case_pro .hd_shu ul li b{

 font-size: 28px;

}



.case_pro .hd_shu ul li.on{

}







.case_pro .hd {

 width: 4px;

 height: 210px;

 position: absolute;

 left: 33px;

 top: 84px;

 z-index: 5;

 background: #c4d0df;

 border-radius: 2px;

}





.case_pro .hd ul {



}





.case_pro .hd ul li {

 height: 70px;

 cursor: pointer;

 position: relative;

 -webkit-transition: all .3s ease-out;

 transition: all .3s ease-out;

 font-size: 0px;

}





.case_pro .hd ul li.on {

background: #102540;

 border-radius: 2px;

}







.case_pro .tab_box_2 {

 height: 497px;

 margin-left: 80px;

 overflow: hidden;

}





.case_pro .tab_box_2 .hide {

 display: none;

}



.case_pro_caa{

 height: 497px;

 position: relative;

}







.case_pro_cent{

 height: 497px;

}







.case_pro_1 {

 width: 510px;

 float: left;

 margin-left: 49px;

}





.case_pro_1_l {

 width: 100%;

 height: 315px;

 -webkit-transition: all .3s ease-out;

 transition: all .3s ease-out;

 -webkit-box-sizing: border-box;

 -moz-box-sizing: border-box;

 box-sizing: border-box;

}





.case_pro_1_l img {

 width: 100%;

 height: 100%;

}





.case_pro_2a {

 width: 100%;

 padding-top: 6px;

}





.case_pro_2a h6 {

 height: 46px;

 line-height: 46px;

 font-size: 16px;

 color: #FFF;

border-bottom: 1px dashed #c4d0df;

 background:url(../images/al_d1.png) no-repeat right;

 padding-right: 38px;

}





.case_pro_2a h6 a{

 display: block;

 color: #102540;

 overflow:hidden;white-space:nowrap;text-overflow:ellipsis;

}



.case_pro_2a h6 a:hover{

 padding-left: 5px;

}



.case_pro_2a h4{

 height: 20px;

 line-height: 20px;

 font-size: 14px;

 color: #102540;

 padding-top: 10px;

 overflow:hidden;white-space:nowrap;text-overflow:ellipsis;

}





.case_pro_1:hover .case_pro_2a h6 a:hover{

 padding-left: 5px;

}





/*妗堜緥end*/









/*浼樺娍*/





.advantage {

 width: 100%;

 height: 420px;

 margin-top: 100px;

 -webkit-box-sizing: border-box;

 -moz-box-sizing: border-box;

 box-sizing: border-box;

}





.advantage_p {

 width: 1200px;

 height: 420px;

 margin: 0 auto;

 position: relative;

}





.advantage_t2 {

 position: absolute;

 left: 0px;

 top: 0;

 width: 688px;

 z-index: 3;

}







.advantage_p .hd_shu {

 width: 80px;

 height: 30px;

 position: absolute;

 left: 0px;

 top: 379px;

 z-index: 5;

}



.advantage_p .hd_shu ul{

 height: 30px;

 overflow: hidden;

}



.advantage_p .hd_shu ul li{

 font-size: 16px;

 line-height: 30px;

}



.advantage_p .hd_shu ul li b{

 font-size: 28px;

}



.advantage_p .hd_shu ul li.on{

}









.advantage_p .advantage_cent{

 width: 1324px;

 height: 420px;

 overflow: hidden;

 display: block;

 position: relative;

 margin-left: 130px;

}





.advantage_p .tab_box_2 {



}





.advantage_p .ys_aaa{

 width: 670px;

 height: 410px;

 overflow: hidden;

 float: right;

}





.advantage_p .ys_bbb{

 width: 560px;

 height: 170px;

 overflow: hidden;

 float: left;

 margin-top: 115px;

}





.youshi_pro_1_l {

 width: 670px;

 height: 410px;

}





.youshi_pro_1_l img {

 width: 670px;

 height: 410px;

 transition: all 0.5s;

 transform: scale(1);

}







.youshi_pro_2a {



}





.youshi_pro_2a h5 {

line-height: 1;

 z-index: 5;

 font-size: 18px;

 font-weight: bold;

}







.youshi_pro_2_1 {

 line-height: 36px;

 padding: 15px 0 0 0;

 color: #102540;

 font-size: 14px;

}







.advantage_p .hd {

 width: 4px;

 height: 240px;

 position: absolute;

 left: 33px;

 top: 115px;

 z-index: 5;

 background: #c4d0df;

 border-radius: 2px;

}





.advantage_p .hd ul {



}



.advantage_p .hd ul li {

 height: 60px;

 cursor: pointer;

 position: relative;

 -webkit-transition: all .3s ease-out;

 transition: all .3s ease-out;

 font-size: 0px;

}



.advantage_p .hd ul li.on {

 background: #102540;

 border-radius: 2px;

}





.in_banner1_2 {

 width: 560px;

 position: absolute;

 left: 130px;

 top: 268px;

}



.in_banner1_2c{

 width: 32px;

 height: 3px;

 background: #102540;

}



.in_banner1_2a{

color: #102540;

 font-size: 22px;

 line-height: 1;

 margin-top: 27px;

 font-weight: bold;

}





.in_banner1_2b{

 font-size: 12px;

 color: #425772;

 line-height: 18px;

 padding-top: 5px;

}







.in_banner1_3 {

 color: #102540;

 height: 30px;

 line-height: 30px;

 font-size: 20px;

 padding-left: 38px;

 background:url(../images/ys_tel.png) no-repeat 0;

 margin-top: 18px;

}





.in_banner1_3 span {

 font-size: 30px;

}





.in_banner1_6 {

 float: right;

 width: 136px;

 height: 40px;

 font-size: 16px;

 -webkit-transition: all .3s ease-out;

 transition: all .3s ease-out;

}



.in_banner1_6 a {

 color: #fff;

 display: block;

 line-height: 40px;

 text-align: center;

 background: #102540;

}





.in_banner1_6 a:hover {

 color: #fff;

border-radius: 20px;

}





/*----*/

.c_tite {

 width: 310px;

 float: left;

}





.c_tite h3 {

 line-height:1;

 font-size: 22px;

 color: #FFFFFF;

 margin-top: 12px;

 background:url(../images/in_x2.png) no-repeat 103px;

}



.c_tite h3 a{

 color: #fff;

}



.c_tite h4{

 height: 26px;

 line-height: 26px;

 font-size: 28px;

 color: #FFFFFF;

 text-transform:uppercase;

 font-family: Impact;

}











/*鏂伴椈*/





.chaungye{

 width: 100%;

 margin: 0 auto;

 position: relative;

 overflow: hidden;

 padding-top: 96px;

 height: 645px;

 background:url(../images/news_bg.jpg) no-repeat center top ;

 -webkit-box-sizing: border-box;

 -moz-box-sizing: border-box;

 box-sizing: border-box;

 margin-top: 90px;

}





.chaungye_cent{

 width: 1200px;

 margin: 0 auto;

 position: relative;

}



.chaungye_t{

 position: absolute;

 left: 0;

 top: 0;

}













.chaungye_tab {

 width: 1200px;

 height: 52px;

 margin: 0 auto;

 padding-top: 8px;

}



.chaungye_tab ul{

 padding-left: 660px;

}



.chaungye_tab ul li {

 float: left;

 width: 70px;

 height: 52px;

 line-height: 52px;

 font-size: 16px;

 color: #fff;

 cursor: pointer;

 margin-right: 40px;

 text-align: center;

}





.chaungye_tab ul li span{



}





.chaungye_tab ul li.on {

 border-bottom: 1px solid #fff;

}











.chaungye_box {

 width: 1200px;

 margin: 0 auto;

 padding-top: 114px;

}





.chaungye_box .hide{

 display: none;

}





.chaungye_one {



}





.chaungye_more{

 height: 52px;

 line-height: 52px;

 width: 185px;

 position: absolute;

 right: 0;

 top: 8px;

}





.chaungye_more a{

 display: block;

 color: #22344c;

 font-size: 16px;

 background:url(../images/news_more.png) no-repeat 138px #edf1f5;

 padding-left: 24px;

 text-transform:uppercase;

}





.chaungye_more a:hover{

 padding-left: 30px;

 background:url(../images/news_more.png) no-repeat 144px #FFFFFF;

}



/*---*/





.in_newss_4aa{

 width: 1200px;

 height: 264px;

 overflow: hidden;

 margin: 0 auto;

 position: relative;

}





.in_newss_4aa .hd {

 width: 45px;

 height: 4px;

 overflow: hidden;

 position: absolute;

 right: 45px;

 top: 50px;

 z-index: 10;

 border-radius: 2px;

background: #c4d0df;

}





.in_newss_4aa .hd ul li {

 float: left;

 width: 15px;

 height: 4px;

 -webkit-transition: all .3s ease-out;

 transition: all .3s ease-out;

 line-height: 50px;

 overflow: hidden;

 border-radius: 2px;

}





.in_newss_4aa .hd ul li.on {

 cursor: pointer;

 background:#102540;

}





.in_newss_4bb{

 width: 1200px;

 height: 264px;

 overflow: hidden;

 margin: 0 auto;

}





.in_newss_4 {

 width: 1200px;

 height: 264px;

 position: relative;

 overflow: hidden;

 background: #edf1f5;

}





.in_newss_4_1 {

 float: left;

 width: 464px;

 height: 254px;

 overflow: hidden;

 margin: 5px 0 0 5px;

}





.in_newss_4_1 img {

 width: 464px;

 min-height: 254px;

 transition: all 0.5s;

 transform: scale(1);

}





.in_newss_4_2 {

 float: right;

 width: 648px;

 margin-right: 38px;

 overflow: hidden;

 -webkit-transition: all .3s ease-out;

 transition: all .3s ease-out;

}





.in_newss_4_2 h6 {

 font-size: 18px;

 color: #23364e;

 height: 30px;

 line-height: 30px;

 overflow: hidden;

 padding-top: 15px;

}





.in_newss_4_2 h6 a{

 display: block;

 color: #23364e;

 overflow:hidden;white-space:nowrap;text-overflow:ellipsis;

}





.in_newss_4_2 span{

 display: block;

 font-size: 16px;

 color: #102540;

 line-height: 33px;

 padding-top: 31px;

}



.in_newss_4_2 span b{

 font-size: 32px;

 color: #23364e;

}



.in_newss_4_2 h6 a:hover{

 padding-left: 5px;

}



.in_newss_4_2 h5 {

 color: #23364e;

 line-height: 30px;

 height: 90px;

 font-size: 14px;

 margin-top: 15px;

 overflow: hidden;

}







.in_news_pro_5 {



}



.in_news_pro_5 ul{

 width: 105%;

}



.in_news_pro_5 ul li {

 float: left;

 width: 360px;

 height: 34px;

 line-height: 34px;

 overflow: hidden;

 border-bottom: 1px dashed #c4d0df;

 margin-top: 20px;

 margin-right: 60px;

}





.in_news_pro_5 ul li a {

 display: block;

 padding: 0 10px 0 18px;

 color: #1c3048;

 font-size: 14px;

 overflow: hidden;

 white-space: nowrap;

 text-overflow: ellipsis;

 background: url(../images/news_d1.png) no-repeat 0;

}





.in_news_pro_5 ul li a:hover {

 padding-left: 23px;

 background: url(../images/news_d1.png) no-repeat 5px;

}





.in_news_pro_5 ul li span {

 float: right;

 color: #1c3048;

 font-size: 12px;

}







/*鏂伴椈end*/



































</pre></body></html>