@charset "utf-8";
html{color:#000;background:#FFF; }
body { color:#666;font:12px/1.231 arial,helvetica,clean,sans-serif,"宋体";} /*网站字体颜色*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;} 
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}
i,em{ font-style:normal;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;}
h3 { font-size:20px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:10px;}

.mt10{ margin-top:10px;}

a { color:#666; text-decoration:none;}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
.vam { vertical-align:middle;}
.clear{ clear:both; height:0; line-height:0; font-size:0;}
.clearfix:after{ content:""; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1}
p{ word-spacing:-1.5px;}
.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
/* -- 购物车外部框架 -- */
.cart_header , .cart_content , .cart_footer { width:760px; margin:0 auto;}


/* -- 页面整体布局 -- */
.header , .content { width:1200px; margin:0 auto;  }
.left,.leftr{ width:244px; float:left; overflow:hidden;}
.leftr{ float:left;}
.left2 { width:930px; float:left; overflow:hidden; margin-top:15px;}
.left3 { width:244px; float:left; overflow:hidden; color:#666;}
.lefttop {height:0px; font-size:0; overflow:hidden; margin-top:10px;}
.leftbot { height:0px; font-size:0; overflow:hidden;  margin-bottom:10px;}
.left2bot { height:0px; font-size:0; overflow:hidden; margin-bottom:10px; }

.right,.rightl{ width:930px; float:right; display:inline;overflow:hidden;}
.rightl{ float:right;}
.right2 { width:244px;  float:right; overflow:hidden;margin-top:15px;}
.right3 { width:244px; float:right; overflow:hidden; color:#666;}
.rightbot { height:0px; font-size:0; overflow:hidden; margin-bottom:10px;}
.right2bot { height:0px; font-size:0; overflow:hidden; margin-bottom:10px;}

.right_main { width:930px; overflow:hidden; }
.right2_main { width:244px;overflow:hidden;}
.left2_main { width:930px;overflow:hidden;}

.h_nav li a:-webkit-any-link{ display:block;}


/*头部开始*/
.top{ height:252px; overflow:hidden; background:url(../images/h_top_bg.png) repeat-x center top;}
.top2{ height:193px; overflow:hidden;}
.top2 h2{ width:714px; height:153px; overflow:hidden; float:left; overflow:hidden;     padding-right: 70px;}
.top2 h2 img{ display:block;width:714px; height:153px;     padding-top: 20px;}
.top3{ width:255px; float:left; overflow:hidden;}
.top3 h5{ height:35px; overflow:hidden; font:14px "Microsoft YaHei"; line-height:35px; color:#35291d;}
.top3 h5 span{ color:#35291d; display:inline-block;}
.top3 h5 span a{ display:inline-block; color:#35291d; padding:0 10px;}
.top3 h3{ width:295px; float:left; overflow:hidden; margin-top:20px; font:24px "Microsoft YaHei"; color:#f4be1d;}
.top3 h3 em{ display:block; font:18px "Microsoft YaHei"; color:#35291d; line-height:30px;}
.top3 p{ width:170px; margin-top:35px; background:url(../images/pho.png) no-repeat left 5px; padding-left:60px; float:right; font:16px "Microsoft YaHei"; color:#35291d;}
.top3 p em{ display:block; font:30px Impact; }
.hav li{ font:16px "Microsoft YaHei"; font-weight:bold; line-height:59px; height:59px; overflow:hidden; background:url(../images/nav_line.png) no-repeat right center; float:left;}
.hav li a{ display:inline-block; color:#fff; padding:0 31px;}
.hav li a:hover,.hav .cur a{ background:url(../images/hover.png) no-repeat center 57px;}
.hav .nones{ background:none;}
/*头部结束*/

/*底部开始*/
.footer{height:474px; background:#232324;border-top:8px solid #005bac;}
        .ft-top{padding-top:28px;height:387px;border-bottom:1px solid rgba(255,255,255,0.09); box-sizing: border-box;}
        .ft-top .ft-left{width:278px; height:314px;border-right:1px solid rgba(255,255,255,0.06);}
        .ft-top .ft-left h2{width:209px; height:37px;margin-top: 28px; line-height: 0; overflow: hidden; margin-bottom: 30px;}
        .ft-top .ft-left h2 img{width:100%;}
        .ft-top .ft-left .ft-code span{display: block; height:88px; margin-bottom:26px; }
        .ft-top .ft-left .ft-code span i{display: block; width:88px;height:88px; float:left; line-height: 0; overflow: hidden;}
        .ft-top .ft-left .ft-code span i img{width: 100%;}
        .ft-top .ft-left .ft-code span em{display: block; width:36px; padding:6px 10px 0; box-sizing: border-box;float:left; font-size: 14px; color:rgba(255,255,255,0.53); line-height:14px;}
        .ft-top .ft-cen{width:364px;height:314px;border-right:1px solid rgba(255,255,255,0.06);padding:25px 63px 0 75px; box-sizing: border-box;}
        .ft-top .ft-cen h4{height:54px; line-height: 54px;display: inline-block; border-bottom:1px solid rgba(255,255,255,0.1); font-size: 18px; color:rgba(255,255,255,0.9); font-weight: bold; font-family: "鎬濇簮榛戜綋 CN"; margin-bottom: 16px;}
        .ft-top .ft-cen ul{width:100%;}
        .ft-top .ft-cen ul li{margin-bottom:8px; }
        .ft-top .ft-cen ul li span{display: block; height:24px; line-height: 24px;font-size: 14px; color:rgba(255,255,255,0.5);}
        .ft-top .ft-cen ul li p{height:23px; line-height: 23px;font-size: 14px; color:rgba(255,255,255,0.69);}
        .ft-top .ft-nav{width:556px;padding:25px 0 0 75px; box-sizing: border-box;}
        .ft-top .ft-nav h4{height:54px; line-height: 54px;display: inline-block; border-bottom:1px solid rgba(255,255,255,0.1); font-size: 18px; color:rgba(255,255,255,0.9); font-weight: bold; font-family: "鎬濇簮榛戜綋 CN"; margin-bottom: 6px;}
        .ft-top .ft-nav ul li{float:left;width:215px;height:47px; line-height: 47px;}
        .ft-top .ft-nav ul li a{font-size: 16px; color:rgba(255,255,255,0.69);display: block;background:url(../images/ft-jt.png) no-repeat right;}
        .ft-top .ft-nav ul li:nth-child(2n){float:right;}
        .ft-bot{height:88px;}
        .ft-bot span{display: block; height:88px; float:left;}
        .ft-bot span em{display: inline-block; height:88px; line-height: 88px;font-size: 14px; color:rgba(255,255,255,0.69); margin-right: 10px;}
        .ft-bot span em a{font-size: 14px; color:rgba(255,255,255,0.39);}
        .ft-bot span em.ba a{padding-left:25px; background:url(images/7751ef9a-c6f9-4795-a037-d6173a158f0a.png) no-repeat 0 center;}
        .ft-bot strong{float:right; height:88px;}
        .ft-bot strong i{display: block; height:88px; line-height: 88px; float:left;font-size: 14px; color:rgba(255,255,255,0.69); font-weight: normal; }
        .ft-bot strong a{display: block; height:88px;line-height: 88px;float:left;font-size: 14px; color:rgba(255,255,255,0.69);  margin-right: 15px; font-weight: normal;}
        .ft-bot strong a:last-child{margin-right: 0;}
/*底部结束*/


/*广告图*/
.fullSlide{width:100%;position:relative;height:698px;}
.fullSlide .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul {width:100% !important;}
.fullSlide .bd li {width:100% !important;height:698px;overflow:hidden;text-align:center;background-position:center top;}
.fullSlide .bd li {background:no-repeat center top;}
.fullSlide .bd li a {display:block;height:698px;}

.fullSlide .hd {width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
.fullSlide .prev,.fullSlide .next {display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:5%;z-index:1;width:40px;height:60px;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;width:73px; height:73px;}
.fullSlide .prev{background:url(../images/left1s.png) no-repeat;}
.fullSlide .next {left:auto;right:5%;background:url(../images/right1s.png) no-repeat;}

/*弹出框*/
#mesbook1_c, #mesbook1{display:none;z-index:1001;width:398px;border:1px solid #ccc;background:#fff; padding-bottom:20px;}
#mesbook1_c div, #mesbook1 div{ border:1px solid #E4E3E3; background:#EBECEB;height:18px; padding:4px .5em 0; margin-bottom:10px;}
#mesbook1_c dl.b1, #mesbook1 dl.b1 { width:370px; margin:0 auto;}
#mesbook1_c dl.b1 dt, #mesbook1 dl.b1 dt { float:left; width:105px; overflow:hidden; }
#mesbook1_c dl.b1 dd, #mesbook1 dl.b1 dd { width:265px; float:right;}
#mesbook1_c #mesbook1_cBtns, #mesbook1 #mesbook1Btns{padding-bottom:10px;}
#mesbook1_c #mesbook1_cBtns input, #mesbook1 #mesbook1Btns input {margin-right:20px;}
.b15 {background: url(../images/SkinsVIBtn.jpg) no-repeat; border:0; cursor: pointer; overflow:hidden; }
.b15 { background-position:-79px -650px; width:60px; height:24px; line-height:24px; color:#fff; font-size:14px; font-weight:bold; }

/*在线客服*/
.ImTable *{padding:0px;margin:0px}
.ImTable{border-collapse:collapse;border:none;background:url(../images/bg.gif)}
.ImTable h2{font-size:14px;font-weight:bold;margin-top:5px}
.ImHeader{height:165px;background:url(../images/im_01.jpg)}
.ImRow0{background:url(../images/ico_item1.jpg) no-repeat;margin:10px 10px 0;height:24px;padding-left:10px;padding-top:4px; }
.ImRow1{background:url(../images/ico_item1.jpg) no-repeat;margin:10px 10px 0;height:24px;padding-left:10px;padding-top:4px;}
a.im,a:hover.im{text-decoration:none;height:35px;color:#666; font-size:12px;}
.ImFooter{height:90px;background:url(../images/im_04.jpg) no-repeat; display:inline-block; width:150px;font-family:Arial,Helvetica,sans-serif;}
.ImFooter h5{font-size:14px;font-weight:normal; color:#fff;text-align:center;margin:15px 0 0;font-family:'宋体';}
.ImFooter p{font-size:20px;font-weight:bold;  color:#fff;text-align:center;margin:10px 0;}

/*当前位置*/
.topadcs{width:100%; overflow:hidden; text-align:center;margin:0 auto 0; }
.topadcs a img{ width:100%; height:auto; display:block;}
.topadcs a{display:block;margin:0 auto;}
.topadcs a.fullad{ height:300px;}

.plc,.plc2{ background:url(../images/logo_03.png) no-repeat 5px 5px;height:20px;line-height:24px;padding:7px 8px 8px 35px; position:relative; color:#333; overflow:hidden; font-size:14px; border-bottom:1px solid #888; padding-bottom:8px; font-family:微软雅黑;}
.plc i,.plc2 i,.plc a{ font-style:normal; font-size:14px; color:#333;}
.hp_withs{ width:1000px;}

.t_bgnone{position: fixed;top: 20%;_position: absolute;_margin-top:250px;_top: expression(eval(document.documentElement.scrollTop-880));z-index:10; display:none; left:0.2%; _left:0.2%}
.t_bgnone .leib2,.leib{ width:170px;}
.t_bgnone .leib2 .nr ul li {padding-left: 12px;}

/*rollup.css*/
#roll_top,#fall,#ct{position:relative;cursor:pointer;height:50px;width:20px;}
#roll_top{background:url(../images/top.gif) no-repeat;}
#fall{background:url(../images/top.gif) no-repeat 0 -80px;}
#ct{background:url(../images/top.gif) no-repeat 0 -40px;}
#roll{display:block;width:15px;margin-right:-715px;position:fixed;right:56%;top:86%;_margin-right:-715px;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight*0.8)); z-index:100;}

@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
em,i{ font-style:normal;}




/**/
.banner a{ display:block;  height:698px; overflow:hidden;}

.sou{ height:73px; border-bottom:1px solid #c7c4c2; overflow:hidden;}
.sou p{ width:840px; height:73px; font:16px "Microsoft YaHei"; font-weight:bold; line-height:73px; color:#35291d; overflow:hidden;}
.sou p a{ display:inline-block; color:#35291d; padding:0 15px; font-weight:normal;}
.sou2{ margin-top:18px; width:326px;}
.sou2 input{ width:267px; height:38px; font:14px "Microsoft YaHei"; color:#999; background:url(../images/sou1.gif) no-repeat; border:0; padding-left:20px; line-height:38px;}
.sou2 .ip02{ width:39px; height:38px; background:url(../images/sou2.gif) no-repeat; cursor:pointer;}

.bg01{}
.ser{ height:485px; padding-top:60px; overflow:hidden;}
.ser ul{ height:270px; overflow:hidden;}
.ser li{ width:215px; height:220px; margin:10px 112px 0 0 ; overflow:hidden; float:left;}
.ser li a{ display:block; background:#584022;width:215px; height:190px; padding-top:30px;}
.ser li em{ display:block; width:74px; height:80px; margin:0 auto; overflow:hidden;}
.ser li p{ width:150px; height:34px; margin:30px auto 0; background:url(../images/ser_btn1.png) no-repeat center top; font:18px "Microsoft YaHei"; text-align:center; font-weight:bold; color:#fff; line-height:34px;}
.ser .li01 em{ background:url(../images/ser1.png) no-repeat center top;}
.ser .li02 em{background:url(../images/ser2.png) no-repeat center top;}
.ser .li03 em{background:url(../images/ser3.png) no-repeat center top;}
.ser .li04{ margin-right:0;}
.ser .li04 em{background:url(../images/ser4.png) no-repeat center top;}
.ser li a:hover{ background:#a6866a;}
.ser li a:hover em{ background-position:0 -80px;}
.ser li a:hover p{ background:url(../images/ser_btn2.png) no-repeat center top;}
.ser h5{ background:url(../images/ser_btn.png) no-repeat center top; width:329px; height:44px; text-align:center; margin:0 auto; font:16px "Microsoft YaHei"; line-height:34px; color:#5e4839;}
.ser h5 em{ font:30px "Times New Roman", Times, serif; font-weight:bold; color:#2c2014;}

.tit1{ height:99px; text-align:center; font:38px "Microsoft YaHei"; font-weight:bold;}
.tit1 a{ display:block; color:#191007; background:url(../images/ser_h.png) no-repeat center center;}
.tit1 em{ display:block; font:16px "Times New Roman", Times, serif; letter-spacing:4px; font-weight:bold; text-transform:uppercase; color:#666; line-height:30px;}

.pro{ height:570px; overflow:hidden; padding-top: 60px;}
.fen{ width:295px; margin-top:15px;}
.fen h2 a{ display:block; width:295px; height:59px; background:url(../images/fen_h.gif) no-repeat center top; font:20px "Microsoft YaHei"; text-align:center; line-height:59px; color:#fff;}
.fen2{ }
.fen h3 a{ height:46px; display:block; border-bottom:1px solid #b8b1ab; background:#f2f2f2; padding-left:20px; font:16px "Microsoft YaHei"; line-height:46px; overflow:hidden; color:#191007;}
.fen ul{ padding:17px 0;}
.fen li{ font:14px "Microsoft YaHei"; line-height:32px; height:32px; float:left; overflow:hidden; background:url(../images/fen_dot.gif) no-repeat 20px center;}
.fen li a{ display:block; color:#191007; padding-left:35px;}

.pro2{ width:885px; overflow:hidden;margin-top:15px;}
.prot{ height:59px; overflow:hidden; background:#2c2014; margin-bottom:13px;}
.prot li{ width:33.33%; height:59px; float:left; font:20px "Microsoft YaHei"; text-align:center; line-height:59px; overflow:hidden;}
.prot li a{ color:#fff; display:block;}
.prot li a:hover,.prot .cur a{ background:#a6866a;}
.pro3 li{ width:284px; height:426px; float:left; margin:0 16px 0 0; overflow:hidden;}
.pro3 li img{ display:block;width:284px; height:426px;}
.pro3 .nones{ margin-right:0;}

.ys{ background:#ede7e3 url(../images/ys_bg.jpg) no-repeat center top; height:2908px; overflow:hidden; padding: 60px 0;}
.ys .tit1{height: 20px;}
.ys .tit1 a{color:#fff; background: url(../images/ser_h_w.png) no-repeat center center;}
.ys h2{ text-align:center; height:108px; font:16px "Microsoft YaHei"; line-height:108px;color:#fff;}
.ys .content{ background:url(../images/ys_bg2.jpg) no-repeat center top; height:2737px; padding:30px 30px 0 30px; width:1080px;}
.ys dl{ height:421px; overflow:hidden; margin-bottom:32px;}
.ys dt{ width:807px; height:421px; overflow:hidden;}
.ys dt img{ display:block; width:807px; height:421px;}
.ys dd{ width:270px; padding-top:25px;}
.ys dd em{ display:block; width:97px; height:113px; font:40px Arial; text-align:center; line-height:113px; color:#fff; background:url(../images/ys_01.gif) no-repeat center top; margin:0 auto;}
.ys dd h3{ font:22px "Microsoft YaHei"; text-align:center; font-weight:bold; height:53px; margin-top:45px; color:#342c2a;}
.ys dd h3 i{ display:block; font:12px Arial; color:#bab8b8; text-transform:uppercase;}
.ys dd p{ font:17px "Microsoft YaHei"; line-height:30px; color:#342c2a; padding:0 20px;}

.case{ background:url(../images/case_bg.jpg) no-repeat center top; padding: 60px 0; overflow:hidden;}
.case .tit1{ margin:20px 0;}
.case .tit1 a{color: #fff; background: url(../images/ser_h_w.png) no-repeat center center;}
.case .tit1 em{color: #fff;}
.case1{ height:476px; overflow:hidden;}
.case1 dl{ width:270px; float:left; margin-right:32px; height:405px; background:#f1ebe5; overflow:hidden;}
.case1 dt .cp-tu{ width:270px; height:270px; }
.case1 dt img{ display:block; width:270px; height:270px;}
.case1 dd{ padding:20px 30px 0 30px;}
.case1 dd h3 a{ display:block; font:20px "Microsoft YaHei"; font-weight:bold; line-height:30px; height:30px; color:#342c2a; overflow:hidden; margin-bottom: 20px;}
.case1 dd p{ font:16px "Microsoft YaHei"; line-height:30px; color:#342c2a; height:60px; overflow:hidden; margin:15px 0;}
.case1 dd span a{ display:block; width:75px; height:28px; background:url(../images/case_btn.png) no-repeat; font:14px "Microsoft YaHei"; text-align:center; line-height:28px; color:#fff; overflow:hidden;}
.case1 .nones{ margin-right:0;}
.case h5{ height:14px; overflow:hidden; text-align:center;}
.case h5 a{ display:inline-block; width:15px; height:14px; margin:0 8px; background:url(../images/case_dot1.png) no-repeat;}
.case h5 a:hover,.case h5 a.on{background:url(../images/case_dot2.png) no-repeat;}

.bg02{ padding:60px 0 40px; overflow:hidden;}
.baike{ width:587px; height:480px; overflow:hidden;}
.baike dt img{ display:block; width:588px; height:241px; overflow:hidden; margin-top:27px;}
.baike dd h3 a{ display:block; font:18px "Microsoft YaHei"; line-height:50px; color:#342c2a; margin-top:20px; overflow:hidden;}
.baike dd p{ font:14px "Microsoft YaHei"; line-height:24px; height:48px; color:#342c2a; overflow:hidden;}

.tit2{ height:55px; overflow:hidden; background:url(../images/baike_line.png) no-repeat left bottom; font:22px "Microsoft YaHei"; line-height:55px;}
.tit2 a{ display:block;}
.tit2 em{ font:14px Arial; text-transform:uppercase; color:#342c2a; padding-left:12px;}
.tit2 span{ float:right; font:14px "Microsoft YaHei"; color:#999; display:inline-block; line-height:55px;}

.dy{ width:550px; height:450px; overflow:hidden;}
.dy dl{ height:105px; padding-top:20px; border-bottom:1px dashed #8f8377; overflow:hidden;}
.dy dt{ width:110px; text-align:center; float:left; font:50px Arial; color:#342c2a; overflow:hidden;}
.dy dt em{ display:block; font:16px "Microsoft YaHei";}
.dy dd{ width:423px; float:right; overflow:hidden;}
.dy dd h3 a{ display:block; font:18px "Microsoft YaHei"; line-height:40px; height:40px; color:#342c2a; overflow:hidden;}
.dy dd p{ font:14px "Microsoft YaHei"; line-height:24px; color:#342c2a; height:48px; overflow:hidden;}

.faq{ height:170px; overflow:hidden; position:relative;}
.faq h2{ width:107px; float:left; overflow:hidden; font:20px "Microsoft YaHei"; font-weight:bold;}
.faq h2 a{ color:#f4be1d;}
.faq h2 em{ display:block; font:14px Arial; text-transform:uppercase; color:#b4b4b4;}
.faq h5{ width:105px; height:23px; overflow:hidden; position:absolute; top:83px; left:0;}
.faq h5 a{ display:inline-block; width:51px; height:23px; background:#4a4a4a;}
.faq h5 img{ display:block;width:51px; height:23px;}
.faq h5 a:hover{ background:#a68365;}
.faq2{ width:1045px; float:right; overflow:hidden;}
.faq2 dl{ width:445px; height:101px; padding:15px 30px 0 30px; margin:0 8px;
          overflow:hidden; background:url(../images/faq_alp.png);}
.faq2 dt a{ display:block; font:14px "Microsoft YaHei"; color:#342c2a; background:url(../images/q.png) no-repeat left center; height:22px; line-height:22px; padding-left:35px; font-weight:bold;}
.faq2 dd{ font:14px "Microsoft YaHei"; line-height:24px; color:#342c2a; background:url(../images/a.png) no-repeat left 0; padding-left:35px; margin-top:8px;}

.about{ overflow:hidden; padding: 60px 0 80px;}
.about dl{ height:371px; overflow:hidden; background:#fff; margin-top:15px;}
.about dt{ width:600px; height:371px; float:left; overflow:hidden;}
.about dt img{ display:block;width:600px; height:371px;}
.about dd{ width:510px; padding:30px 40px 0 0; float:right;}
.about dd h3{ font:22px "Microsoft YaHei"; font-weight:bold; letter-spacing: 1px;}
.about dd h3 a{ color:#342c2a;}
.about dd h3 em{ display:block; font:12px Arial; color:#adabaa; text-transform:uppercase; letter-spacing: 0;}
.about dd p{font:14px "Microsoft YaHei"; line-height:28px; color:#342c2a; height:180px; overflow:hidden; padding:15px 0 35px;}
.about dd span a{display:block; width:75px; height:28px; background:url(../images/case_btn.png) no-repeat; font:14px "Microsoft YaHei"; text-align:center; line-height:28px; color:#fff; overflow:hidden;}

.brands-list{
	margin-top: 20px;
}
.brands-list li{
	float:left;
	width:380px;
	margin:0 5px 25px;
	display: inline;
}
 .cp-tu {
                 display: block;
				 width: 380px;
				 height: 284px;
                 position: relative;
                 overflow: hidden;
                 -webkit-transition: all 0.8s ease-out;
                 transition: all 0.8s ease-out;
                }   
.cp-tu  img{
					 width: 100%;
					 height: 100%;
}
.cp-tu:before {
                     content: ' ';
                     position: absolute;
                     background: #fff;
                     width: 50px;
                     height:500px;
                     top: 0;
                     left: -280px;
                     opacity: 0.3;
                     -webkit-transition: all 0.6s ease-out;
                     transition: all 0.6s ease-out;
                     -webkit-transform: skewX(-25deg);
                             transform: skewX(-25deg);
} 
.cp-tu:hover {
                     background: #555;
}
.brands-list li:hover .cp-tu:before {
                     width: 50px;
                     left: 860px;
}
.cpfl-mc{
	width: 380px;
	line-height: 25px;
	padding: 20px 0;
	text-align: center;
	font-size: 16px;
	background: #efefef;
}
.brands-list li:hover .cpfl-mc{
	background: #005bac;
}
.brands-list li:hover .cpfl-mc a{
	color:#fff;
}
.brands-list li:hover .cpfl-mc p{
	color:#fff;
	transition: all 0.6s;
}
.cpfl-mc a{
	color: #202020;
}
.cpfl-mc p{
	font-size: 13px;
	text-transform: uppercase;
	color: #898989;
}

/* -- 实力 -- */
.sl{height: 900px;background: url(../images/sl_1.jpg) repeat-x;position: relative; padding: 60px 0;}
.sl .tit1 a{ background: url(../images/ser_h_c.png) no-repeat center center; }
.sl .tit1 em{ font: 18px "Microsoft YaHei"; letter-spacing: 2px;}
.sl h2{padding-top:88px;text-align: center;}
.sl h2 em{font-size:48px;color:#333333;display: block;line-height:48px;font-weight:bold;}
.sl h2 span{font-size:18px;color:#333333;display: block;line-height:18px;font-weight: normal;padding-top:16px;text-align: center;}

.al_con{margin-top:30px;}
.al_con dl dt{float:right;display: block;height: 680px;width:770px;overflow:hidden;}
.al_con dl dt img{display: block;height: 680px;width:770px;transition: all 0.5s;}
.al_con dl dt:hover img{transform:scale(1.1);}

.al_con dl dd{float: left;width:430px;height: 680px;background: #ffffff;position:relative;}
.al_con dl dd h3{height: 230px;width: 425px;position: relative;float: left;margin-top: 96px;margin-left: 35px;margin-bottom: 21px;}
.al_con dl dd h3 b{font-size:120px;color:#005bac;display: block;line-height:97px;font-weight:bold;}
.al_con dl dd h3 em{font-size:36px;color:#005bac;display: block;line-height:40px;font-weight:bold;padding-top:30px;}
.al_con dl dd h3 span{font-size:22px;color:#333333;display: block;line-height:28px;font-weight:normal;padding-top:6px;}
.al_con dl dd h3 i{display: block;width: 152px;height: 7px;margin-top: 17px;}
.al_con dl dd p{font-size: 15px;line-height: 24px;color: #333333;margin-left: 35px;margin-bottom: 15px;padding-left: 16px;float: left;width: 78%;background: url(../images/sl-d.jpg) no-repeat left 10px;}

.al_con dl dd:after{height:9px;width:336px;display:block;content:"";position:absolute;top:135px;left:221px;background:url(../images/aft-sl.png) no-repeat;}

.sl_nav{height:118px;position: absolute;bottom: 90px;margin-left: 176px;width: 852px;}
.sl_nav li{height:118px;float: left;width:284px;background: #ffffff;position: relative;}
.sl_nav li i{transition: all 0.5s linear;float: left;height:45px;width: 45px;margin-top: 33px;margin-left:60px;}
.sl_nav li h3{float: left;margin-left:8px;margin-top: 40px;}
.sl_nav li h3 em{font-size:20px;color:#323232;display: block;line-height:20px;font-weight:bold;}
.sl_nav li h3 span{font-size:12px;color:#b8b8b8;display: block;line-height:12px;font-weight: normal;padding-top:6px;font-family: "Aria";}


.sl_nav .cur{background: #f4be1d;}
.sl_nav .cur h3 span{color:#323232;}
.sl_nav li:last-of-type::after{display: none;}

.sl_nav li::after{width:1px;height:52px; background: #dcdcdc;content: "";position: absolute;right: 0;top:33px;}
.sl_nav li .cur::after{background: #f4be1d;}
.sl_nav ul .cur:hover i{transform: rotateY(180deg);}

.swiper {width: 100%;height: 100%; position: relative;}
.swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
}
.swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
}
.swiper-pagination-bullet{width: 12px !important;  height: 12px !important;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 20px !important;}
.swiper-button-next, .swiper-button-prev{
    background: rgba(0, 0, 0, 0.4);
    padding: 12px 5px;
    color:#fff !important;
}
.swiper-button-next:after, .swiper-button-prev:after{ font-size:30px !important;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{ left:30px !important;}