@charset "utf-8";
/*------------------通用样式-------------------*/

body {font-family: "微软雅黑"; background-color:#FFF;}
* {margin:0;padding:0;}
ul, ol, li {list-style:none}
a {text-decoration: none; font-size:12px; color:#333;}
a:hover {color:#065bcf;}
img {margin:0;padding:0;border:none;}
.clear {clear:both;margin:0px;padding:0px;}
form {display: block;}
#all {width: 100%;margin:0px auto;height: auto;min-width:1200px;overflow:hidden;background-color:#FFF;}
#alla{width: 100%;margin:0px auto;height: auto;min-width:1200px;overflow:hidden;background-color:#f5f6f7;}
.nav ul li h2,.ce_nav li h3{font-weight:normal;}


/*--------------------通用样式结束----------------------*/


/*--------------------头部样式 开始----------------------*/

.header {width:100%; height:215px; margin:0px auto; overflow:hidden; background-color:#FFF;}

.head-top{width:1200px; height:155px; overflow:hidden; margin-left:auto; margin-right:auto;}
.logo{height:150px; overflow:hidden; float:left; margin-top:15px;}
.logo a{ display:block;}
.i-dh{height:40px; float:right; margin-top:-130px; margin-left:40px;}


.head_nav{width:100%; height:60px; background-color:#065bcf;}
.head_nn{width:1200px; height:60px; margin-left:auto; margin-right:auto; overflow:hidden;}
.nav{ height:60px; float:left;}
.nav ul{clear:both; margin-left:2px;}
.nav ul li{float:left; height:60px; padding-right:10px; }
.nav ul li a{height:60px; display:block; color:#FFF; font-size:18px; line-height:60px; padding:0px 30px;}
.nav ul li a:hover{height:60px; background-color:#065bcf; color:#FFF; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;/*过渡效果*/}
.nav ul .nav_Location a{ background-color:#065bcf; color:#FFF;}

/*--------------------头部样式 结束----------------------*/

 

/*--------------------banner样式 开始----------------------*/

.banner{width:100%; height:600px; overflow:hidden; margin:0px auto; position: relative;}

/*-------首页banner特效------*/

.flexslider { margin: 0px auto;position: relative;width: 100%;height:600px;overflow: hidden;zoom: 1;}   
.flexslider .slides li {width: 100%;height: 100%;}
.flex-direction-nav a {width: 70px;height: 70px;line-height: 99em;overflow: hidden;margin: -35px 0 0;display: block;background: url(../images/ad_ctr.png) no-repeat;position: absolute;top: 50%;z-index: 10;cursor: pointer;opacity: 0;filter: alpha(opacity=0);-webkit-transition: all .3s ease;border-radius: 35px;}
.flex-direction-nav .flex-next {background-position: 0 -70px;right: 0;}
.flex-direction-nav .flex-prev {left: 0;}
.flexslider:hover .flex-next {opacity: 0.8;filter: alpha(opacity=25);}
.flexslider:hover .flex-prev {opacity: 0.8;filter: alpha(opacity=25);}
.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {opacity: 1;filter: alpha(opacity=50);}
.flex-control-nav {width: 100%;position: absolute;bottom: 30px;text-align:center;}
.flex-control-nav li {margin: 0 2px;display: inline-block;zoom: 1;*display: inline;}
.flex-control-paging li a {background: url(../images/dot.png) no-repeat 0 -16px;display: block;height: 16px;overflow: hidden;text-indent: -99em;width: 16px;cursor: pointer;}
.flex-control-paging li a.flex-active,
.flex-control-paging li.mbective a {background-position: 0 0;}
.flexslider .slides a img { width: 100%;height: 600px;display: block;}


/*--------------------banner样式 结束----------------------*/


/*--------------------首页-搜索样式----------------------*/

.mbec-search{width:100%; height:40px; padding:15px 0px; margin-left:auto; margin-right:auto; background-color:#F8F6F7;}
.i-search{width:1200px; height:40px;margin-left:auto; margin-right:auto;}
.re-sou{width:800px; height:40px; overflow: hidden; float:left;}
.re-sou p{height:40px; line-height:40px; font-weight:bold; font-size:14px; color:#065bcf; float:left;}
.re-sou a{height:40px; line-height:40px; display:block; font-size:14px; color:#333; float:left; margin-left:20px; margin-right:5px;}
.re-sou a:hover{color:#065bcf; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;/*过渡效果*/}




/*--------------------首页-搜索样式----------------------*/



.main{width:100%; margin:0 auto; clear:both;}



/*--------------------通用标题样式----------------------*/


.same_title{width:1200px; margin-left:auto; margin-right:auto; text-align:center;}
.ch_name{line-height:40px; font-size:24px; color:#333; height:40px; font-weight:bold; background-image:url(tt-bg.png); background-repeat:no-repeat; background-position:center center;}
.en_name{line-height:30px; font-size:14px;  color:#999; height:30px; font-weight:normal;}




/*--------------------首页-关于我们样式----------------------*/


.mbec-about{width:100%; margin-left:auto; margin-right:auto; padding-top:60px;padding-bottom:60px;}
.mbeca-frame{width:1200px; margin-left:auto; margin-right:auto;}
.mbeca-left{width:660px;float:left; padding-top:40px;}
.mbeca-title{ height:40px; line-height:40px; overflow:hidden; font-size:24px; color:#065bcf; font-weight:bold;}
.mbeca-line{width:30px; height:1px; background-color:#065bcf; margin-top:14px;}
.mbeca-jian{height:180px; font-size:14px; color:#333; line-height:30px; overflow:hidden; margin-top:20px;}
.mbeca-more{width:100px; height:30px; line-height:30px; font-size:12px; color:#FFF; background-color:#065bcf; display:block; text-align:center; margin-top:30px;}
.mbeca-more:hover{color:#FFF;}
.mbeca-right{width:430px; height:400px; float:right; background-image:url(gy-bg.png); background-repeat:repeat-y; background-position:right top;}
.mbec-ch{width:160px; height:30px; line-height:30px; font-size:24px; color:#FFF; font-weight:bold; overflow:hidden; margin-left:240px; margin-top:30px;}
.mbec-en{width:160px; height:30px; line-height:30px; font-size:14px; color:#fff; overflow:hidden; margin-left:240px;}
.mbec-pic{width:400px; height:260px; overflow:hidden; margin-top:20px;}




/*--------------------首页-热门产品样式----------------------*/


.mbec-hproduct{width:100%; margin-left:auto; margin-right:auto; padding-bottom:60px;}
.mbechp-nav{width:1200px; height:60px; background-image:url(ht-nav.png); background-repeat:no-repeat; overflow:hidden; margin-left:auto; margin-right:auto;}
.mbeca-frame{width:1200px; margin-left:auto; margin-right:auto;}
.mbechpn-left{width:150px; height:60px; line-height:60px; font-size:20px; color:#FFF; font-weight:bold; text-indent:20px; float:left;}
.mbechpn-mid{width:950px; height:60px; float:left; margin-left:30px; overflow:hidden;}
.mbechpn-name{ height:60px; line-height:60px; font-size:14px; color:#E2E2E2; display:block; float:left; margin-right:30px;}
.mbechpn-right{width:60px; height:60px; line-height:60px; font-size:12px; display:block; color:#E2E2E2; float:right;}



.mbechp-frame{width:1200px; margin-left:auto; margin-right:auto; position:relative; margin-top:40px;}

.mbechp_Ulhp {height:420px; width: 1200px; overflow:hidden; position:relative;}
.mbechp_Ulhp ul li {width:250px; height:394px; float:left; margin-right:32px; padding:13px; background-color:#F8F6F7;}

.mbechp_frBtnL {cursor: pointer; position: absolute;left:0px; top:90px; width:50px; height:40px; background-image:url(left.png); background-repeat:no-repeat; background-position:center center; border:1px solid #dddddd; background-color:#FFF; display:none; z-index:999;}
.mbechp_frBtnR {cursor: pointer; position: absolute;right:0px; top:90px; width:50px; height:40px; background-image:url(right.png); background-repeat:no-repeat; background-position:center center; border:1px solid #dddddd; background-color:#FFF; display:none; z-index:999;}
.mbechp_frBtnL:hover{background-color:#065bcf; background-image:url(lefta.png); bordert:1px solid #065bcf; display:block; z-index:999; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;/*过渡效果*/}
.mbechp_frBtnR:hover{background-color:#065bcf; background-image:url(righta.png); border:1px solid #065bcf; display:block; z-index:999; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;/*过渡效果*/}

.mbechp-frame:hover .mbechp_frBtnL{display:block;}
.mbechp-frame:hover .mbechp_frBtnR{display:block;}

.mbechp-pic{width:250px; height:188px; display:block; overflow:hidden;}
.mbechp-name{width:236px; height:30px; line-height:30px; font-size:16px; color:#333; display:block; overflow:hidden; margin-left:7px; margin-top:20px;}
.mbechp-line{height:1px; width:30px; background-color:#065bcf; margin-top:14px; margin-left:7px;}
.mbechp-text{height:50px; line-height:25px; font-size:12px; color:#666; overflow:hidden; margin-top:15px; margin-left:7px;}
.mbechp-more{width:100px; height:30px; line-height:30px; font-size:12px; color:#777; display:block; border:1px solid #dddddd; text-align:center; overflow:hidden; margin-left:7px; margin-top:30px;}
.mbechp_Ulhp ul li:hover .mbechp-more{border:1px solid #065bcf; background-color:#065bcf; color:#FFF; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;/*过渡效果*/}



/*--------------------首页-选择我们样式----------------------*/


.mbec-choose{width:100%; height:480px; margin-left:auto; margin-right:auto; padding-top:60px;padding-bottom:60px; background-image:url(xz-bg.jpg); background-repeat:no-repeat; background-position:center top;}
.mbecch-frame{width:1200px; margin-left:auto; margin-right:auto;}
.mbecch-left{width:400px; float:left; margin-top:40px;}
.mbecch-name{height:30px; line-height:30px; font-size:24px; color:#FFF; font-weight:bold; overflow:hidden;}
.mbecch-ying{height:30px; line-height:30px; font-size:14px; color:#FFF; overflow:hidden; margin-top:10px;}
.mbecch-wen{height:90px; line-height:30px; font-size:14px; color:#FFF; overflow:hidden; margin-top:20px;}

.mbecch-right{width:600px; float:right;}
.mbecch-single{width:400px; height:80px;}
.mbecchs-pic{width:80px; height:80px; overflow:hidden; float:left;}
.mbecchs-text{width:300px; height:60px;  float:right; line-height:30px; font-size:14px; color:#333; padding-top:10px;}

.mbecch-single.ch1{margin-top:20px;}
.mbecch-single.ch2{ margin-left:50px; margin-top:40px;}
.mbecch-single.ch3{ margin-left:100px; margin-top:40px;}
.mbecch-single.ch4{ margin-left:150px; margin-top:40px;}




/*--------------------首页-产品中心样式----------------------*/


.mbec_product{width:100%; margin-left:auto; margin-right:auto; padding-top:50px;padding-bottom:60px; background-color:#F8F6F7;}
.mbecp-frame{width:1200px; margin-left:auto; margin-right:auto; padding-top:5px;}

.mbecp-left{width:270px; float:left; margin-top:30px;}
.mbecp-top{width:230px; height:80px; padding:0px 20px; background-color:#065bcf; background-image:url(ta-icon.png); background-repeat:no-repeat; background-position:230px 30px; padding-top:10px;}
.mbecp-top p{ line-height:40px; font-size:22px; color:#FFF; font-weight:bold; margin-top:5px;}
.mbecp-top span{ display:block; line-height:20px; font-size:14px; color:#FFF;}
.mbecp-bottom{width:262px; height:480px; overflow:hidden; overflow:hidden; background-color:#FFF; border:4px solid #065bcf; border-top:0px;}
.mbecp-dao{width:262px; height:510px; overflow:hidden;}
.mbecp-dao li{width:262px; height:47px;}
.mbecp-dao li a{width:230px; height:47px; line-height:47px; display:block; font-size:16px; color:#333; font-weight:normal; overflow:hidden; border-bottom:1px solid #dddddd; padding:0 20px;}
.mbecp-dao li a:hover{color:#065bcf; border-bottom:1px solid #065bcf; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;/*过渡效果*/}

.mbecp-lx{width:250px; height:40px; padding:20px 0px; background-color:#065bcf; overflow:hidden; padding-left:20px;}


.mbecp-right{width:921px; float:right;}
.mbecpr-frame{width:921px; overflow:hidden; position:relative;}
.mbecp-single{width:260px; height:294px; padding:8px; float:left; margin-left:31px; margin-top:30px; background-color:#FFF;}
.mbecps-pic{width:260px; height:195px; overflow:hidden; position:relative;}
.mbecphoto_ipro{width:260px;height:195px;overflow:hidden;}
.mbeccover_ipro{width:260px;height:195px;overflow:hidden;position: absolute;top:0px;left:0px;}
.mbectext_ipro{position:absolute;width:260px;height:195px;left:-260px;top:0px;overflow:hidden;}
.mbeclook_ipro{width:260px; height:195px; background-image: url(look.png); background-repeat:no-repeat; background-position:center center; display:block;}

.mbecps-name{ width:236px; height:50px; line-height:50px; font-size:16px; color:#333; display:block; overflow:hidden; margin-left:auto; margin-right:auto; border-bottom:1px solid #dddddd; margin-top:5px;}
.mbecps-more{ width:236px; height:40px; line-height:40px; font-size:12px; color:#999; display:block; overflow:hidden; margin-left:auto; margin-right:auto; margin-top:5px;}




.mbec-xuan{width:100%; height:220px; background-image:url(xc-pic.jpg); background-repeat:no-repeat; background-position:center top;}





/*--------------------首页-公司案例样式----------------------*/

.mbec-case{width:100%; margin-left:auto; margin-right:auto; padding-top:60px; padding-bottom:60px;}
.mbecc-frame{position:relative;width:1200px; height:490px; margin-left:auto; margin-right:auto;background-image:url(al-bg.png); background-repeat:no-repeat; background-position:right top;}

.mbecc-pic{width:245px; height:184px; overflow:hidden; display:block;}
.mbecc-name{width:205px; height:30px; line-height:30px; font-size:14px; color:#333; overflow:hidden; display:block; margin-top:15px; margin-left:auto; margin-right:auto;}
.mbecc-jian{width:205px; height:75px; line-height:25px; font-size:12px; color:#666; overflow:hidden; margin-top:10px; margin-left:auto; margin-right:auto;}

.mbecc-left{position:relative;width:60px; float:left; margin-top:60px;}

.mbecc-right{position:relative;width:1063px; float:right; margin-right:30px; margin-top:40px;}
.ic_Ul {height:332px; width: 1063px; overflow:hidden; position:relative;}
.ic_Ul ul li {width:245px; height:330px; float:left; margin-right:25px; border:1px solid #dddddd; background-color:#F8F6F7;}

.c_frBtnLa {cursor: pointer; position: absolute;left:440px; top:370px; width:50px; height:40px; background-image:url(left.png); background-repeat:no-repeat; background-position:center center; border:1px solid #dddddd; background-color:#FFF; display:block; z-index:999;}
.c_frBtnRa {cursor: pointer; position: absolute;right:440px; top:370px; width:50px; height:40px; background-image:url(right.png); background-repeat:no-repeat; background-position:center center; border:1px solid #dddddd; background-color:#FFF; display:block; z-index:999;}
.c_frBtnLa:hover{background-color:#065bcf; background-image:url(lefta.png); bordert:1px solid #065bcf; display:block; z-index:999; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;/*过渡效果*/}
.c_frBtnRa:hover{background-color:#065bcf; background-image:url(righta.png); border:1px solid #065bcf; display:block; z-index:999; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;/*过渡效果*/}





/*--------------------首页-新闻资讯样式----------------------*/


.inf-title{height:30px;}
.inft-name{height:30px; float:left; line-height:30px; font-size:18px; font-weight:bold; color:#333;}
.inft-more{ width:80px; height:28px; display:block; float:right; line-height:28px; font-size:12px; color:#999; border:1px solid #dddddd; text-align:center; border-radius:30px;}
.inft-more:hover{border:1px solid #065bcf; background-color:#065bcf; color:#FFF; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;/*过渡效果*/}

.mbec_news{width:100%; margin-left:auto; margin-right:auto; padding-top:50px; padding-bottom:60px; border-top:10px solid #F8F6F7;}
.mbecn-frame{width:1200px; margin-left:auto; margin-right:auto; padding-top:40px;}




.inf-left{width:750px; overflow:hidden; float:left;}
.infl-frame{width:750px; padding-top:15px;}
.infl-single1{width:750px; height:120px;overflow:hidden; background-color:#F8F6F7; margin-top:10px;}
.infls-pic{width:180px; height:120px; display:block; overflow:hidden; float:left;}
.infls-text{width:510px; height:120px; display:block; overflow:hidden; float:left; margin-left:30px;}
.infls-name{height:30px; line-height:30px; font-size:16px; color:#333; overflow:hidden; display:block; margin-top:20px;}
.infls-jian{height:50px; line-height:25px; font-size:12px; color:#666666; overflow:hidden; margin-top:5px;}
.inflf-bottom{width:710px; height:230px; padding:20px; background-color:#F8F6F7; margin-top:10px;}
.infl-single2{width:710px; height:109px;overflow:hidden; border-bottom:1px solid #dddddd; margin-bottom:10px;}
.infls2-name{height:30px; line-height:30px; font-size:16px; color:#333; overflow:hidden; display:block;}
.infls2-jian{height:30px; line-height:30px; font-size:12px; color:#666666; overflow:hidden; margin-top:5px;}
.infls2-more{height:30px; line-height:30px; font-size:12px; color:#999; display:block;}
.infl-single3{width:710px; height:40px;overflow:hidden;}
.infls3-name{height:40px; line-height:40px; font-size:14px; color:#333; overflow:hidden; display:block; float:left; background-image:url(dian.png); background-repeat:no-repeat; background-position:left center; text-indent:15px;}
.infls3-time{height:40px; line-height:40px; font-size:12px; color:#999; overflow:hidden; float:right;}

.inf-right{width:420px; float:right;}
.inf-tw{width:380px; height:340px; overflow:hidden; padding:20px; background-color:#F8F6F7; margin-top:25px;}
.inftw-pic{width:380px; height:220px; display:block; overflow:hidden;}
.inftw-name{width:380px; height:30px; line-height:30px; font-size:16px; color:#333; overflow:hidden; display:block; margin-top:20px;}
.inftw-jian{height:50px; line-height:25px; font-size:12px; color:#888888; overflow:hidden; margin-top:10px;}

.infr-bottom{width:380px; height:120px; padding:10px 20px; background-color:#F8F6F7; margin-top:10px;}
.infrs-name{width:380px; height:40px; line-height:40px; font-size:14px; color:#333; overflow:hidden; display:block; background-image:url(dian.png); background-repeat:no-repeat; background-position:left center; text-indent:15px;}


/*--------------------首页脚部----------------------*/


.mbec-foot {width:100%;color:#cccccc; background-color:#322E2F;}

.mbec-foot .top {padding-bottom:20px;padding-top:30px;width:1200px; margin-left:auto; margin-right:auto;}
.mbec-foot .labels {width:100%; height:30px;line-height:30px;color:#e2e2e2;font-size:18px;margin-bottom:20px;}
.mbec-foot .leftul {width:200px;margin-right:40px;float:left; padding-left:49px; border-left:1px solid #595657;}
.mbec-foot .leftul ul {width:200px;}
.mbec-foot .leftul ul li {width:90px;height:40px;line-height:40px;float:left; margin-right:10px;}
.mbec-foot .leftul ul li a {display:block;width:90px;height:40px;line-height:40px;font-size:14px;color:#cccccc;float:left; font-weight:normal;}
.mbec-foot .leftul ul li a:hover{color:#065bcf;}

.mbec-foot .leftul1 {width:360px;float:left; padding-left:49px; border-left:1px solid #595657;}
.mbec-foot .leftul1 ul {width:360px; height:120px; overflow:hidden;}
.mbec-foot .leftul1 ul li {width:110px;height:40px;float:left; margin-right:10px;}
.mbec-foot .leftul1 ul li a {display:block;width:110px;height:40px;line-height:40px;font-size:14px;color:#cccccc;float:left; font-weight:normal; overflow:hidden;}
.mbec-foot .leftul1 ul li a:hover{color:#065bcf;}

.mbec-foot .erwei {float:right;width:120px; padding-left:49px; border-left:1px solid #595657;}
.mbec-foot .erwei .erwei1 {width:120px;height:120px;}

.mbec-foot .left1 {width:300px;float:left;color:#cccccc;font-size:14px;}
.mbec-foot .left1 p { height:40px; line-height:40px;}
.mbec-foot .left1 p span {font-size:16px;color:#f1f1f1; font-weight:bold;}

.mbec-foot .bottom {width:100%;height:100px; background-color:#322E2F;}
.fb-frame{width:1200px; margin-left:auto; margin-right:auto; overflow:hidden;}
.foot_record{ line-height:60px; color:#939393;font-size:12px; float:right;}
.foot_record a{color:#939393;}
.fb-frame span{ line-height:30px; font-size:12px; color:#CCCCCC;}
.fb-frame span a{ color:#FFF;}
.fen_zhan{float:left; height:30px; margin-top:15px;}
.fen_zhan span{ line-height:30px; font-size:12px; color:#CCCCCC;}
.fen_zhan a{ line-height:30px; font-size:12px; color:#CCCCCC; display: inline-block; padding:0px 2px;}
.fen_zhan a:hover{color:#065bcf;}




/*--------------------关于我们页面样式----------------------*/


.ipt-topa{width:270px; height:70px; line-height:70px; font-size:20px; color:#FFF; font-weight:bold; background-color:#065bcf; position:relative; margin-top:-71px; left:0px; z-index:2; text-indent:25px;}

.banner_nei{ width:100%; height:460px; overflow:hidden; margin:0 auto; background-image:url(../images/inside.jpg); background-repeat:no-repeat; background-position:center;}

.mainin{width:100%; padding-bottom:40px;}

.main_top{width:100%; height:40px; padding:15px 0px; background-color:#FFF; border-bottom:1px solid #f1f1f1; margin-left:auto; margin-right: auto; -webkit-box-shadow:0px 3px 3px rgba(0, 0, 0, 0.03); -moz-box-shadow:0px 3px 3px rgba(0, 0, 0, 0.03)); box-shadow:0px 3px 3px rgba(0, 0, 0, 0.03);}
.mt_in{width:1200px; margin-left:auto; margin-right:auto;}


.crumbs{height:20px; float:left; margin-top:10px; text-align:left; background-image:url(home.png); background-repeat:no-repeat; text-indent:15px; background-position:left center;}
.suo{font-size:14px; color:#888; line-height:20px; height:20px;}
.suo a{font-size:14px; color:#333;}
.suo a:hover{color:#065bcf;}
.suo span{padding-right:10px; height:20px;line-height: 20px;display: inline-block;}


.search{ width:270px; height:35px; float:right; margin-top:2px;}
.search form{width:270px; height:35px; display:block; clear:both;}
.sousuo{width:196px!important; height:33px; border:1px solid #ccc; display:block; float:left; padding:0 10px; padding-left:15px; line-height:26px; font-size:12px; color:#666; border-right:0px; border-radius:35px 0px 0px 35px;}
.search_btn{width:48px; height:35px; background-color:#363636; display:block; border:1px solid #363636; border-left:0px; float: left; cursor: pointer; background-image: url(searcha.png); background-repeat:no-repeat; background-position:center center; border-radius:0px 35px 35px 0px;}
.search_btn:hover{background-image: url(searcha.png); background-color:#065bcf;border:1px solid #065bcf; border-left:0px;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;/*过渡效果*/}

.ce-title{width:230px; height:60px; background-color:#F8F6F7; padding-left:19px; padding-right:19px; margin-top:30px; border:1px solid #ddd;}
.cet-name{width:120px; height:30px; line-height:30px; font-size:18px; color:#333; float:left; margin-top:15px; font-weight:bold;}
.cet-more{ height:30px; line-height:30px; font-size:12px; color:#999; display:block; float:right; margin-top:15px;}


.ce_tui{width:270px; overflow:hidden;}

.cep-frame{width:270px; padding-top:5px;}
.cep-single{width:130px; height:98px; position:relative; float:left; margin-right:8px; overflow:hidden; margin-top:10px;}
.cep-single.nom{margin-right:0px;}
.cep-pic{width:130px; height:98px; overflow:hidden; position:relative;}

.cep_ipro{width:130px;height:98px;overflow:hidden;}
.cepc_ipro{width:130px;height:98px;overflow:hidden;position: absolute;background:#333;top:0px;left:0px;}
.cetext_ipro{position:absolute;width:130px;height:98px;left:-130px;top:0px;overflow:hidden;}
.celook_ipro{width:100px; height:50px; display:block; line-height:25px; font-size:12px; overflow:hidden; color:#FFF; text-align:center; padding-left:15px; padding-right:15px; padding-top:24px; padding-bottom:24px;}
.celook_ipro:hover{color:#FFF;}

.ce_tuia{width:240px; overflow:hidden; background-color:#FFF; border:1px solid #dddddd; padding-left:14px; padding-right:14px; border-top:0px;}

.cn_single{width:240px; height:45px; border-bottom:1px solid #dddddd; padding-bottom:9px; padding-top:10px;}
.cn-name{width:240px; height:20px; line-height:20px; font-size:12px; color:#333; display:block; overflow:hidden; font-weight:bold;}
.cn-time{height:20px; line-height:20px; font-size:12px; color:#999; margin-top:5px;}

.ce-dian{width:270px; height:150px; margin-top:30px;}



.main_nei{width:1200px; margin-left:auto; margin-right:auto;}

.main_left{width:270px; float:left; position:relative; z-index:9; padding-top:10px;}
.page_title{width:270px; height:70px; line-height:70px; font-size:20px; color:#FFF; font-weight:bold; text-indent:15px; background-color:#669F58;}
.main_right{width:890px; float:right; margin-top:10px;}

.details{ width:888px; overflow:hidden; padding-bottom:30px; margin-top:30px; border:1px solid #dddddd; background-color:#FFF;}
.details_f{ width:830px; overflow:hidden; margin-left:auto; margin-right:auto; padding-top:25px;}
.details_f p{text-indent:2em; line-height:2em;}
.details_f p a{ font-size:16px;}
.det_title{width:830px; height:60px; line-height:60px; font-size:18px; font-weight:bold; color:#065bcf; padding-left:29px; padding-right:29px; background-color:#F8F6F7; border-bottom:1px solid #ddd;}
.det_titlea{width:830px; height:60px; line-height:60px; font-size:18px; font-weight:bold; color:#333; padding-left:29px; padding-right:29px; background-color:#F8F6F7; border-bottom:1px solid #ddd;}



/*--------------------产品中心页面样式----------------------*/



.product_frame{ width:890px; overflow:hidden; padding-bottom:5px;}


.mbecp-nd{width:270px; margin-top:30px;}
.mbecp-bottoma{width:262px; overflow:hidden; overflow:hidden; background-color:#FFF; border:4px solid #065bcf; border-top:0px;}
.mbecp-daoa{width:262px; overflow:hidden;}
.mbecp-daoa li{width:262px; height:56px;}
.mbecp-daoa li a{width:230px; height:55px; line-height:55px; display:block; font-size:16px; color:#333; overflow:hidden; border-bottom:1px solid #dddddd; padding:0 20px; font-weight:normal;}
.mbecp-daoa li a:hover{color:#065bcf; border-bottom:1px solid #065bcf; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;/*过渡效果*/}


.mbecnp-single{width:250px; height:394px; float:left; margin-right:31px; margin-top:30px; padding:13px; background-color:#F8F6F7;}
.mbecnp-single.nom{margin-right:0px;}
.mbecnp-pic{width:250px; height:188px; display:block; overflow:hidden; position:relative;}
.mbecnp-name{width:236px; height:30px; line-height:30px; font-size:16px; color:#333; display:block; overflow:hidden; margin-left:7px; margin-top:20px;}
.mbecnp-line{height:1px; width:30px; background-color:#065bcf; margin-top:14px; margin-left:7px;}
.mbecnp-text{height:50px; line-height:25px; font-size:12px; color:#666; overflow:hidden; margin-top:15px; margin-left:7px;}
.mbecnp-more{width:100px; height:30px; line-height:30px; font-size:12px; color:#777; display:block; border:1px solid #dddddd; text-align:center; overflow:hidden; margin-left:7px; margin-top:30px;}
.mbecnp-single:hover .mbecnp-more{border:1px solid #065bcf; background-color:#065bcf; color:#FFF; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;/*过渡效果*/}

.mbecnpphoto_ipro{width:260px;height:195px;overflow:hidden;}
.mbecnpcover_ipro{width:260px;height:195px;overflow:hidden;position: absolute;background:#065bcf;top:0px;left:0px;}
.mbecnptext_ipro{position:absolute;width:260px;height:195px;left:-260px;top:0px;overflow:hidden;}
.mbecnplook_ipro{width:260px; height:195px; background-image: url(look.png); background-repeat:no-repeat; background-position:center center; display:block;}




/*-------页码样式-----*/

.ye_ma{text-align: center;margin: 0px;clear: none;float: left;height: 37px;width: 890px;padding-top:30px; font-size:14px; color:#666;}
.ye_ma a{line-height: 35px;clear: none; height: 35px; font-size:14px; color:#333; padding:0 15px; border:1px solid #cccccc; border-radius:6px; display:inline-block; margin:0 3px;}
.ye_ma a:hover{background-color:#065bcf; border:1px solid #065bcf; color:#FFF;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;/*过渡效果*/}

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





/*--------------------产品中心-内页页面样式----------------------*/


/*-----------产品放大镜----------*/

/*正常容器*/
.con-fangDaIMg{
	width: 320px;
	height: 240px;
	position: relative;
	background-color: #454545; z-index:9;
}
.zc_pic{width:320px; height:240px; overflow:hidden;}
.zc_pic img{width:320px; height:240px; display:block;}
.con-fangDaIMg > img{
	width: 100%;
	height:100%
}
/*滑块*/
.magnifyingBegin{
	width: 160px;
	height: 120px;
	left: 0;
	top: 0;
	background-color: #454545;
	opacity: 0.5;
	filter:alpha(opacity=50);
	position: absolute;
	cursor: move;
	display: none;
}
/*放大镜显示区域*/
.magnifyingShow{
	width: 320px;
	height: 240px;
	display: none;
	position: absolute;
	right: -360px;
	top: 0;
	overflow: hidden;
	background-color: #454545;
	border-left:2px solid #999;
	border-right:2px solid #999;
}
.magnifyingShow > img{
	width: 640px;
	height: 480px;
	margin-left:0;
	margin-top: 0;
}

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


.product_profiles{ width:830px; height:240px; overflow:hidden; padding:29px; margin-top:30px; border:1px solid #dddddd; background-color:#f8f6f7}
.mp_pic{width:320px; height:240px; float:left;} 

.pp_right{width:470px; height:240px; overflow:hidden; float:right; padding-left:40px;}
.pp_title{line-height:30px; height:39px; font-size:18px; color:#333; margin-top:10px; border-bottom:5px solid #F8F6F7;}

.buy{width:120px; height:40px; display:block; margin-top:30px; line-height:40px; font-size:14px; color:#FFF; text-align:center; background-color:#065bcf; border-radius:6px; float:left;}
.buy:hover{ color:#FFF; background-color:#005CB7; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;/*过渡效果*/}

.pr_frame{width:850px; height:60px; background-color:#FFF;}

.tagLabel{ margin-top:20px;}
.tag_title{ height:30px; line-height:30px; font-size:18px; color:#333; font-weight:bold; text-indent:20px; background-image:url(tui.png); background-repeat:no-repeat; background-position:left center;}
.tag_frame{ height:30px; margin-top:10px; padding-bottom:14px;  border-bottom:1px solid #dddddd;}
.tag_frame a{height:30px; width:132px; overflow:hidden; display:block; line-height:30px; font-size:14px; color:#333; margin-right:20px; float:left;}
.tag_frame a:hover{color:#065bcf;}

.telephone{width:300px; height:30px; float:right; margin-top:35px;}




/*--------------------新闻资讯页面样式----------------------*/



.news_frame{ width:890px;}
.news-single{width:830px; height:90px; margin-top:30px; overflow:hidden; padding:29px; border:1px solid #dddddd; background-color:#f8f6f7;}

.nf-time{width:85px; height:90px; border-left:1px solid #dddddd; float:right; padding-left:29px;}
.nf-day{line-height:40px; height:40px; font-size:28px; color:#999999;}
.nf-year{line-height:30px; height:30px; font-size:12px; color:#999999;}

.nf-text{width:520px; height:90px; float:left; margin-left:30px;}
.nf-name{height:30px; line-height:30px; font-size:16px; color:#333; font-weight:bold; display:block; overflow:hidden;}
.nf-wen{height:50px; line-height:25px; font-size:12px; color:#666; overflow:hidden; margin-top:8px;}
.nfs-pic{width:135px; height:90px; display:block; overflow:hidden; float:left;}



.change{width:840px; margin-top:40px; border-top:1px solid #dddddd; padding-top:20px; font-size:14px; color:#065bcf; line-height:25px; margin-left:auto; margin-right:auto;}
.change a{line-height:25px; font-size:14px; color:#333; display:inline-block; margin-top:10px;}
.change a:hover{ color:#065bcf;}


.mbecnews_top{width:838px; padding:25px; background-color:#f8f6f7; margin-top:30px; border:1px solid #dddddd;}

.mbecnews_title{ height:30px; line-height:30px; font-size:18px; color:#333; font-weight:bold;}
.mbecnews_time{height:20px; line-height:20px; font-size:12px; color:#999; margin-top:10px;}
.mbecnewsn-pic{width:90px; height:60px; float:right;}

.detailsn{ width:888px; overflow:hidden; padding-bottom:30px; border:1px solid #dddddd; background-color:#FFF; border-top:0px;}



/*--------------------------后添程序样式----------------------*/


.m_inside{width:1200px; margin-top:40px; margin-left:auto; margin-right:auto;}
.tagCon{margin-top:40px;}
.tagCon .title{line-height:40px; font-size:18px; color:#065bcf; font-weight:bold; border-bottom:1px solid #CCC;}
.tagBody{padding-top:10px;}
.tagBody a{line-height:30px; font-size:14px;}
.tagBody a:hover{color:#065bcf;}

.linkbox h3 a{font-size:18px; color:#333; font-weight:bold; line-height:40px;}
.linkbox h3 a:hover{color:#065bcf;}
.linkbox .f6 a{line-height:30px; margin-right:10px; font-size:14px;}

.suo em{color:#C00; font-style:normal;}

.product_framea{ width:922px;}


/*ys*/
.ys_t{height: 260px;background: url(../images/ys_t.jpg) no-repeat center 0;padding-top: 78px;box-sizing: border-box;}
.ys_t h2 b,.ys_t h2 i{color: #fff;}
.ys h3{height: 80px;font-weight: normal;}
.ys h3 img{float: left;margin-right: 30px;}
.ys h3 b{display: block;font-size: 30px;color: #333;line-height: 30px;padding-top: 7px;}
.ys h3 i{display: block;font-size: 18px;color: #999;line-height: 45px;text-transform: uppercase;font-family: Arial;}
.ys h3:hover img{animation: flipInY 1s;}
.ys_desc p{font-size: 15px;color: #666;line-height: 36px;padding-left: 27px;position: relative;}
.ys_desc p:after{position: absolute;width: 10px;height: 10px;content: "";border: 2px solid #DB1922;border-radius: 50%;box-sizing: border-box;top: 13px;left: 0;}
.tit {
    text-align: center;
    font-weight: normal;
    position: relative;
}
.tit b {
    display: block;
    font-size: 42px;
    color: #333;
    line-height: 42px;
}
.tit i {
	display: block;
	font-size: 20px;
	color: #666;
	line-height: 20px;
	padding-top: 22px;
	letter-spacing: 3px;
	font-style: normal;
}
.content {
    width: 1200px;
    margin: 0 auto;
}
.honor{padding: 80px 0 70px;}
.honor dt{float: right;margin-right: -40px;}
.honor dd{float: left;width: 540px;}
.honor .ys_desc{margin: 28px 0 40px;}
.hn_pic p{float: left;overflow: hidden;}
.hn_pic p:nth-child(1){margin-right: 20px;}
.hn_pic p img{display: block;width: 259px;height: 194px;transition: all 0.5s;}
.hn_pic p:hover img{transform: scale(1.05);}

.fact{background: url(../images/fact_bg.jpg) no-repeat center 0;    margin-top: 450px;}
.fact_txt{height: 336px;padding-top: 80px;box-sizing: border-box;}
.fact_txt h3{margin-bottom: 28px;}
.fact_pic li{float: left;width: 24.9%;margin-right: 0.133%;}
.fact_pic li:last-child{margin-right: 0;}
.fact_pic li p{overflow: hidden;position: relative;}
.fact_pic li p img{display: block;width: 100%;transition: all 0.5s;}
.fact_pic li p span{position: absolute;left: 0;bottom: 0;width: 100%;height: 40px;line-height: 40px;text-align: center;font-size: 14px;color: #fff;background: rgba(0,0,0,0.5);}
.fact_pic li p:hover img{transform: scale(1.05);}
.fact_pic li p:nth-child(1){margin-bottom: 0.208vw;}
.clearfix {
    zoom: 1;
}
.ser{height: 919px;background: url(../images/ser_bg.jpg) no-repeat center 0;padding-top: 120px;box-sizing: border-box;    margin-top: 540px;}
.ser_t{height: 80px;margin-bottom: 40px;}
.ser_t h3{float: left;width: 600px;}
.ser_t .tel{float: right;}
.ser_t .tel p{padding-left: 28px;height: 20px;line-height: 20px;font-size: 14px;color: #666;background: url(../images/tel2.png) no-repeat left center;}
.ser_t .tel p em{
	color: #065bcf;
	font-size: 26px;
	vertical-align: top;
	font-weight: bold;
	font-style: normal;
}
.ser_t .tel .zx{float: right;width: 120px;height: 36px;line-height: 36px;text-align: center;font-size: 14px;color: #fff;background: #DB1922;border-radius: 18px;margin-top: 20px;}
.ser_t .tel .zx:hover{animation: shake 1.5s linear;}
.ser_con dl{float: left;width: 375px;margin-right: 37px;transition: all 0.5s;}
.ser_con dl:last-child{margin-right: 0;}
.ser_con dd{height: 215px;background: #fff;padding: 0 40px;}
.ser_con dd h4{padding: 37px 0 17px;position: relative;font-size: 26px;color: #065bcf;line-height: 26px;margin-bottom: 24px;}
.ser_con dd h4:after{position: absolute;width: 60px;height: 2px;content: "";left: 0;bottom: 0;background: #065bcf;}
.ser_con dd p{font-size: 15px;color: #666;line-height: 24px;letter-spacing: 1px;}
.ser_con dl:hover{transform: translateY(-10px);}



/*流程*/
.w1200 {
    width: 1200px;
    margin: 0 auto;
}
.fl {
    float: left;
}
 .floor_3_main {
	 background-color:#065bcf;
	height: 150px;    margin-top: 100px;
}
 .floor_3_main .title2 {
	width: 280px;
	height: 78px;
	border-right: 1px solid #33a169;
	margin-top: 38px;
	color: #fff;
}
 .floor_3_main .title2 h3 {
	font-size: 26px;
}
 .floor_3_main .title2 h3 i {
	font-size: 18px;
	display: inline-block;
	font-style: normal;
}
 .floor_3_main .title2 p {
	font-size: 30px;
	font-family: "AvantGardeITVbyBT Book", arial;
	padding-top: 16px;
}
 .floor_3_main .title2 p em {
	width: 26px;
	height: 28px;
	display: inline-block;
	background-position: 0 -110px;
	margin-right: 18px;
}
 .floor_3_main .liuc {
	width: 888px;
	overflow: hidden;
	padding-left: 30px;
	color: #fff;
	padding-top: 38px;
}
 .floor_3_main .liuc .list {
	width: 108%;
}
 .floor_3_main .liuc li {
	float: left;
	width: 134px;
}
 .floor_3_main .liuc li p {
	width: 80px;
	float: left;
	text-align: center;
	font-size: 16px;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
}
 .floor_3_main .liuc li p img {
	max-width: 100%;
	display: block;
	margin: 0 auto 12px;
	height: 44px;
}
 .floor_3_main .liuc li .jt {
	width: 42px;
	height: 44px;
	float: left;
	display: block;
	background: url(../images/jtou1.png) no-repeat center;
}
 .floor_3_main .liuc li:hover p {
	animation: flipInY 1.2s ease-out forwards;
	-webkit-animation: flipInY 1.2s ease-out forwards;
}

/*浜у搧浼樺娍*/
.four{padding: 50px 0 30px;}
.four_l{width: 305px;}
.four dl{height: 260px;border-bottom: #eaeaea 2px solid;padding: 35px 0 0;}
.four dl dt{font-size: 26px;color: #333;font-weight: bold;height: 140px;background: url(../images/four_line01.png) no-repeat 0 bottom;}
.four dl dt em{width: 56px;height: 60px;display: block;line-height: 0;overflow: hidden;margin-bottom: 20px;}
.four dl dt em img{width: 56px;height: 60px;}
.four dl dd{font-size: 16px;color: #333;line-height: 30px;padding: 15px 0 0;}
.four dl:hover dt{background: url(../images/four_line02.png) no-repeat 0 bottom;}
.four dl:hover dt em,.yous dl dd h5:hover em,.liuc ul li:hover em{-webkit-animation:hvr-buzz-out 0.75s linear;animation:hvr-buzz-out 0.75s linear;}
.four dl.nobor{border-bottom: none;padding-top: 70px;}
.four_r{width: 310px;text-align: right;}
.four .four_r dl dt{background: url(../images/four_line03.png) no-repeat right bottom;}
.four .four_r dl dt em{margin-left: 254px;}
.four .four_r dl:hover dt{background: url(../images/four_line04.png) no-repeat right bottom;}
.four_c{width: 645px;height: 600px;line-height: 0;position: absolute;left: 280px;}
.four_c img{width: 645px;height: 600px;}
.cp_tit {
    font-size: 40px;
    color: #333;
    text-align: center;
    height: 85px;
    line-height: 40px;
    overflow: hidden;
    background: url(../images/cp_tline.png) no-repeat center 60px;
}
.cp_tit span {
    color: #333;
    display: block;
    font-size: 20px;
    font-weight: normal;
    padding: 3px 0 0;
}
.four_l {
    width: 305px;
}

.fr {
    float: right;
}

#ys{height: 759px;
    background: url(../images/ys.jpg) no-repeat center 0;background-position: center;
    background-repeat: no-repeat;    margin-left: auto;
    margin-right: auto;}
	
	#fz{ font-size:16px; padding-left:20px;}
	
	.tit span {
    display: block;
    font-size: 42px;
    color: #333;
    line-height: 42px;
    font-weight: bold;
}
.tit i {
    display: block;
    font-size: 20px;
    line-height: 20px;
    color: #666666;
    margin-top: 14px;
    letter-spacing: 2px;
}
	.pro{ padding-top: 85px;}
.kj{height: 502px;margin-top: 40px;}
.kj dt{ display: block;width: 569px;height: 502px;float: left;}
.kj dt img{ display: block;width: 569px;height: 502px;transition: all 0.5s; }
.kj dd{ float: right;width: 560px; }
.kj dd h3{ display: block;line-height: 80px;height: 80px;border-bottom: 1px solid #e5e5e5; font-size: 30px;color: #333;}
.kj dd p{ font-size: 15px;line-height: 30px;color: #666;padding-top: 24px;height: 118px;box-sizing: border-box; }
.kj dd ul{width: 520px;height: 304px;}
.kj dd li{ float: left;position: relative;width: 260px;height: 152px;border-right: 1px dashed #ededed;border-bottom: 1px dashed #ededed;box-sizing: border-box;}
.kj dd li:nth-child(2n){ border-right: 0; }
.kj dd li:nth-child(3),.kj dd li:nth-child(4){ border-bottom: 0; }
.kj dd li em{ display: block; width: 64px;height: 60px;overflow: hidden;margin: 26px auto 0;}
.kj dd li img{ display: block;width: 64px;height: 60px;transition:all 0.3s;}
.kj dd li.cur{ box-shadow: 0 0 16px rgba(0,0,0,0.12); border-right: 0;border-bottom: 0;}
.kj dd li.cur em img:nth-child(1){margin-top: -60px;}
.kj dd li span{ display: block;font-size: 18px;color: #065bcf;line-height: 18px;margin-top:18px ;text-align: center;font-weight: bold;text-align: center;position: relative;}
.kj dd li.cur span{ color: #065bcf; }
/*.kj dd li span:after{position: absolute;left: 50%;top:28px;background:#5b70b0; width: 22px;height: 2px;content: "";margin-left: -11px;}*/


.pro_con{ margin-top: 70px;padding-bottom: 100px; }
.pro_con li{ float: left;width: 202px;height: 161px;border:2px solid #e5e5e5;box-sizing: border-box;  margin-right: 47.5px;position: relative;}
.pro_con li:last-child{ margin-right: 0; }
.pro_con li em{ display: block;font-size: 42px;color: #999999;height: 36px;padding-top:22px ;text-align: center;position: relative;overflow: hidden;}
.pro_con li b{ display: block;font-size: 18px;color: #333;padding-top:38px ;line-height:18px;text-align: center;position: relative;overflow: hidden;}
.pro_con li b:after{position: absolute;left: 50%;top:19px;background:#f08100; width: 20px;height: 2px;content: "";margin-left: -10px;}
.pro_con li span{ display: block;font-size: 12px;color: #999999;line-height: 12px;padding-top:6px ;text-align: center;text-align: center;font-family: Arial;text-transform: uppercase;}
.pro_con li img{ width: 202px;height: 0;display: block;transition: all 0.5s;position: absolute;left:0;bottom: 0; }
.pro_con li:hover{ border: 0; }
.pro_con li:hover img{ height: 161px;}




/* 优势*/

        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }
        
        .section-title {
            text-align: center;
            margin-bottom: 70px;
            color: #333;
            font-size: 52px;
            margin-top: 70px;
        }
        
        .advantages-wrapper {
            background: white;
            border-radius: 10px;
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
            overflow: hidden;
            padding-bottom: 70px;
            position: relative;
        }
        
        .advantage-content {
            display: flex;
            min-height: 400px;
        }
        
        .advantage-text {
            width: 40%;
            padding: 50px;
            display: none;
            animation: fadeIn 0.5s ease;
        }
        
        .advantage-text.active {
            display: block;
        }
        
        .advantage-text h3 {
            font-size: 30px;
            margin-bottom: 20px;
          height: 167px;
    color: #065bcf;
    background: url(../images/ys_x.png) left bottom no-repeat;
        }
        
        .advantage-text span {
    display: block;
    height: 76px;
    line-height: 76px;
    font-size: 60px;
    color: #21499b;
}
        .advantage-text em {
    display: block;
    height: 54px;
    line-height: 54px;
    font-size: 23px;
    color: #333;
}
        .advantage-text p {
            font-size: 16px;
            line-height: 1.8;
            color: #666;
            margin-bottom: 15px;
        }
        
        .advantage-image {
            width: 50%;
            background-size: cover;
            background-position: center;
            display: none;
            animation: fadeIn 0.5s ease;
        }
        
        .advantage-image.active {
            display: block;
        }
        
        .advantage-buttons {
            position: absolute;
            bottom: 20px;
            left: 0;
            right: 0;
            display: flex;
            justify-content: center;
            gap: 15px;
            padding: 0 20px;
            margin-top: 20px;
        }
        
        .advantage-btn {
            padding: 12px 25px;
            background: #f5f7fa;
            border: none;
           
            cursor: pointer;
            font-size: 16px;
            font-weight: 600;
            color: #666;
            transition: all 0.3s ease;
            min-width: 120px;
            text-align: center;
        }
        
        .advantage-btn li {
    float: left;
    height: 50px;
    width: 200px;
    text-align: center;
}
        .advantage-btn li i {
    display: inline-block;
    width: 42px;
    height: 42px;
    overflow: hidden;
    vertical-align: middle;
    margin-right: 20px;
}
       
       .advantage-btn li span {
    font-size: 28px;
    color: #323232;
    vertical-align: middle;
} 
        
        .advantage-btn:hover, .advantage-btn.active {
            
            color: white;
            transform: translateY(-5px);
            box-shadow: 0 5px 15px rgba(42, 94, 229, 0.3);
        }
        
        @keyframes fadeIn {
            from { opacity: 0; }
            to { opacity: 1; }
        }
        
        /* 响应式设计 */
        @media (max-width: 992px) {
            .advantage-content {
                flex-direction: column;
            }
            
            .advantage-text, .advantage-image {
                width: 100%;
            }
            
            .advantage-text {
                padding: 30px;
                order: 1;
            }
            
            .advantage-image {
                height: 300px;
                order: 2;
            }
            
            .advantage-buttons {
                position: relative;
                bottom: auto;
                margin-top: 30px;
                flex-wrap: wrap;
            }
        }
        
        @media (max-width: 576px) {
            .advantage-buttons {
                gap: 10px;
            }
            
            .advantage-btn {
                min-width: 100px;
                padding: 10px 15px;
                font-size: 14px;
            }
            
            .section-title {
                font-size: 26px;
            }
            
            .advantage-text h3 {
                font-size: 20px;
            }
        }