@charset "utf-8";

/* CSS Document */

html,body{ width:100%;}

body{ font-family:"Microsoft YaHei", Arial, sans-serif; font-size:14px; line-height:1.7; color:#333;}

a{ text-decoration:none; color:#333;}

*{ list-style:none; margin:0; border:none; outline:none; padding:0;}

.fl{ float:left;}

.fr{ float:right;}

.ov{ overflow:hidden;}

.dis{ display:block !important;}

.dn{ display:none;}

.clear{ clear:both;}



.swiper-wrapper{ position:relative; width:100%; height:100%; z-index:1; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-transition-property:-webkit-transform; -moz-transition-property:-moz-transform; -o-transition-property:-o-transform; -ms-transition-property:-ms-transform; transition-property:transform; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}

.swiper-container-android .swiper-slide, .swiper-wrapper{ -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -o-transform:translate(0,0); -ms-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}

.swiper-slide{ 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; -webkit-flex-shrink:0; -ms-flex:0 0 auto; flex-shrink:0; width:100%; height:100%; position:relative;}

.swiper-pagination{ -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s; -webkit-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); transform:translate3d(0,0,0); z-index:10;}

.swiper-container-multirow > .swiper-wrapper{ -webkit-box-lines:multiple; -moz-box-lines:multiple; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;}



/*header*/

.header{ width:100%; position:absolute; left:0; top:0; z-index:99; background-image:url(../images/navbg.png); background-position:left bottom; background-repeat:repeat-x; height:100px; background-color:rgba(0,0,0,0.3);}

.header .head{ width:1200px; margin:auto;}

.header .head .logo{ height:60px; margin:20px 0; float:left;}

.header .head .logo img{ display:block; height:60px;}

.header .head .sc{ float:right; width:120px; height:30px; margin:35px 15px; margin-right:0;}

.header .head .sc a{ display:block; width:100%; height:30px; line-height:30px; overflow:hidden; color:#fff; font-size:14px; text-align:center; background-color:#00b5e4; border-radius:30px;}

.header .head .sc a:hover{ background-color:#0653bb;}

.header .head .nav{ display:block; float:right; height:100px;}

.header .head .nav li{ float:left; display:block; padding-left:34px; padding-right:35px; background-image:url(../images/nav.png); background-position:right center; background-repeat:no-repeat;}

.header .head .nav li:last-child{ padding:0 34px; background-image:none;}

.header .head .nav li a{ display:block; height:100px; line-height:100px; font-size:16px; color:#fff; position:relative;}

.header .head .nav li b{ width:0; height:2px; background-color:#00b5e4; display:block; overflow:hidden; position:absolute; bottom:0; left:50%; transform:translateX(-50%); transition:width 0.5s; -moz-transition:width 0.5s; -webkit-transition:width 0.5s; -o-transition:width 0.5s;}

.header .head .nav li:hover a,.header .head .nav li.on a{ color:#00b5e4;}

.header .head .nav li:hover a b,.header .head .nav li.on a b{ width:100%;}



/*banner*/

.banner{ width:100%; max-height:100%; position:relative; z-index:0;}

.banner .gallery-top{ width:100%; height:100%; position:relative; overflow:hidden;}

.banner .swiper-slide{ width:100%; height:100%; overflow:hidden;}

.banner .swiper-slide img{ width:100%; display:block;}

.banner .swiper-pagination{ -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); transform:rotate(-90deg); width:70px; height:56px; position:absolute; z-index:3; right:50%; top:50%; margin-right:-600px; margin-top:-35px; text-align:center; border-bottom:1px solid rgba(255,255,255,0.2); line-height:56px; font-size:18px; color:#999; font-family:Arial, Helvetica, sans-serif;}

.banner .swiper-pagination span.swiper-pagination-current{ font-size:36px; color:#00b5e4;}

.banner .swiper-button-prev{ width:50px; height:50px; cursor:pointer; background-color:rgba(0,0,0,0.7); position:absolute; right:50%; margin-right:-340px; bottom:45px; z-index:3; background-image:url(../images/left.png);}

.banner .swiper-button-prev:hover{ background-color:#0653bb;}

.banner .swiper-button-next{ width:50px; height:50px; cursor:pointer; background-color:rgba(0,0,0,0.7); position:absolute; right:50%; margin-right:-390px; bottom:20px; z-index:3; background-image:url(../images/right.png);}

.banner .swiper-button-next:hover{ background-color:#0653bb;}

.banner .gallery-thumbs{ width:260px; position:absolute; right:50%; margin-right:-600px; bottom:20px; z-index:2; overflow:hidden;}

.banner .down{ position:absolute; left:50%; margin-left:-16px; bottom:30px; z-index:9;}

.banner .down img{ display:block; width:32px;}



/*产品分类*/

.fbox{ width:100%; position:relative; height:650px; z-index:0;}

.fbox .sec{ width:1920px; position:absolute; left:50%; margin-left:-960px; top:0; height:100%;}

.fbox .tab_menu{ width:710px; float:right; height:100%; position:relative; overflow:hidden;}

.fbox .tab_menu li{ padding-left:29px; padding-top:25px; width:100%; box-sizing:border-box; height:81.25px; border-left:1px solid #f1f1f1; border-bottom:1px solid #f1f1f1; overflow:hidden;}

.fbox .tab_menu li.selected{ border-left:2px solid #00b5e4; padding-left:28px;}

.fbox .tab_menu li .tu{ width:30px; float:left;}

.fbox .tab_menu li .tu img{ width:100%; display:block;}

.fbox .tab_menu li .wen{ float:left; margin-left:10px; width:280px;}

.fbox .tab_menu li .wen a{ display:block; font-size:18px; height:30px; line-height:30px; margin-bottom:8px; overflow:hidden;}

.fbox .tab_menu li .wen p{ display:none; font-size:14px; height:40px; line-height:20px; color:#666; overflow:hidden;}

.fbox .tab_menu li.selected a{ color:#0653bb;}

.fbox .tab_menu li.selected p{ color:#333;}

.fbox .boxss{ width:810px; float:left; margin-left:360px; height:100%;}

.fbox .boxss .box{ width:100%; height:100%; position:relative;}

.fbox .boxss .box .left{ width:240px; float:left; padding-top:110px;}

.fbox .boxss .box .left span{ display:block; padding-left:20px; border-left:5px solid #0653bb; height:30px; overflow:hidden;}

.fbox .boxss .box .left span a{ display:block; font-size:24px; font-weight:bold; line-height:30px; height:30px; overflow:hidden;}

.fbox .boxss .box .left ul{ display:block; overflow:hidden; padding-top:36px;}

.fbox .boxss .box .left ul li{ font-size:14px; line-height:34px; height:34px; overflow:hidden; padding-left:16px; background-image:url(../images/li.jpg); background-position:left center; background-repeat:no-repeat;}

.fbox .boxss .box .left ul li a:hover{ color:#0653bb;}

.fbox .boxss .box .left p{ padding-top:21px; padding-left:50px; display:block; overflow:hidden;}

.fbox .boxss .box .left p img{ display:block;}

.fbox .boxss .box .right{ padding:40px; width:490px; height:570px; float:left; display:table; vertical-align:middle; text-align:center;}

.fbox .boxss .box .right a{ display:table-cell; width:100%; height:100%; overflow:hidden; vertical-align:middle; text-align:center;}

.fbox .boxss .box .right img{ max-width:100%; max-height:100%; display:block;}

.fbox .niu{ width:10px; height:100%; float:left; text-align:center; vertical-align:middle; display:table;}

.fbox .niu ul{ width:100%; height:100%; display:table-cell; text-align:center; vertical-align:middle; overflow:hidden;}

.fbox .niu ul li{ display:block; width:8px; height:8px; border-radius:100%; border:1px solid #00b5e4; margin:10px 0; cursor:pointer;}

.fbox .niu ul li.on{ border:1px solid #0653bb; background-color:#0653bb;}



/*热门产品*/

.pbox{ width:100%; padding-top:65px; padding-bottom:70px; background-color:#eee;}

.pbox .title{ text-align:center; width:1200px; margin:auto; position:relative; text-align:center; padding-bottom:27px;}

.pbox .title a{ width:60px; height:4px; position:absolute; left:50%; margin-left:-30px; bottom:0; background:linear-gradient(to right,#0653bb,#2298d6); display:block; overflow:hidden;}

.pbox .title b{ display:block; font-size:30px; height:38px; line-height:38px; position:relative; z-index:3; letter-spacing:4px; text-indent:4px;}

.pbox .title p{ display:block; text-align:center; font-size:30px; height:40px; line-height:40px; position:absolute; left:0; top:15px; z-index:0; text-transform:uppercase; color:#333; opacity:0.1; font-weight:bold; width:100%;}

.pbox .box{ width:1200px; margin:auto; margin-top:30px; padding-bottom:70px; position:relative;}

.pbox .box .swiper-container{ width:100%;}

.pbox .box .swiper-container .swiper-slide{ display:block; overflow:hidden; position:relative; height:200px;}

.pbox .box .swiper-container .swiper-slide .p05{ width:320px; height:100%; position:absolute; left:0; top:0; z-index:0; background:linear-gradient(to right,#ffffff,#f7f7f7); border-radius:10px;}

.pbox .box .swiper-container .swiper-slide .wen{ position:relative; z-index:2; padding:25px 20px; width:200px;}

.pbox .box .swiper-container .swiper-slide .wen .p01{ display:block; font-size:18px; line-height:28px; height:28px; font-weight:bold;}

.pbox .box .swiper-container .swiper-slide .wen .p02{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; font-size:14px; line-height:24px; margin-top:5px;}

.pbox .box .swiper-container .swiper-slide .wen .p03{ width:120px; display:block; font-size:14px; line-height:34px; height:34px; text-align:center; border-radius:34px; background-color:#eee; margin-top:10px;}

.pbox .box .swiper-container .swiper-slide .p04{ position:absolute; right:0; bottom:20px; z-index:1;}

.pbox .box .swiper-container .swiper-slide .p04 img{ display:block; max-width:150px; max-height:140px;}

.pbox .box .swiper-container .swiper-slide:hover .p05{ background:linear-gradient(to right,#0653bb,#00b5e4);}

.pbox .box .swiper-container .swiper-slide:hover .p01,.pbox .box .swiper-container .swiper-slide:hover .p02{ color:#fff;}

.pbox .box .swiper-container .swiper-slide:hover .p03{ background-color:#fff;}

.pbox .box .swiper-container .swiper-slide .p03:hover{ margin-top:5px;}

.pbox .box .more{ width:130px; height:40px; position:absolute; left:50%; margin-left:-65px; bottom:0;}

.pbox .box .more a{ width:128px; height:38px; border:1px solid #cacaca; text-align:center; font-size:14px; line-height:38px; display:block; overflow:hidden;}

.pbox .box .more a:hover{ color:#0653bb; border:1px solid #0653bb;}

.pbox .box .swiper-button-prev{ width:58px; height:38px; position:absolute; left:50%; margin-left:-135px; bottom:0; border:1px solid #cacaca; background-image:url(../images/left01.png); background-position:center; background-repeat:no-repeat; cursor:pointer;}

.pbox .box .swiper-button-next{ width:58px; height:38px; position:absolute; right:50%; margin-right:-135px; bottom:0; border:1px solid #cacaca; background-image:url(../images/right01.png); background-position:center; background-repeat:no-repeat; cursor:pointer;}

.pbox .box .swiper-button-prev:hover{ background-image:url(../images/left02.png); border:1px solid #0653bb;}

.pbox .box .swiper-button-next:hover{ background-image:url(../images/right02.png); border:1px solid #0653bb;}

.pbox .box .swiper-button-disabled{ cursor:no-drop; opacity:0.3;}

.pbox .box .swiper-button-disabled.swiper-button-prev:hover{ background-image:url(../images/left01.png); border:1px solid #cacaca;}

.pbox .box .swiper-button-disabled.swiper-button-next:hover{ background-image:url(../images/right01.png); border:1px solid #cacaca;}



/*服务支持*/

.sbox{ width:100%; background-position:center; background-repeat:no-repeat; height:650px; position:relative;}

.sbox .mask{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:0; background-image:url(../images/sbg_03.png); background-position:center; background-repeat:no-repeat;}

.sbox .box{ width:1200px; height:650px; position:relative; z-index:9; margin:auto;}

.sbox .box .left{ width:460px; float:left; padding-top:65px;}

.sbox .box .left .title{ width:100%;}

.sbox .box .left .title b{ display:block; text-transform:uppercase; font-size:30px; line-height:40px; color:#fff; opacity:0.7;}

.sbox .box .left .title strong{ display:block; font-size:30px; line-height:50px; color:#fff; letter-spacing:5px;}

.sbox .box .left .title a{ width:60px; height:4px; display:block; margin-top:10px; background:linear-gradient(to right,#0653bb,#2298d6); opacity:0.5;}

.sbox .box .left .wen{ margin-top:44px; font-size:14px; color:#fff; line-height:30px; height:180px;}

.sbox .box .left .more{ margin-top:54px; width:140px; height:34px; border-radius:34px; background:linear-gradient(to right,#0653bb,#2298d6);}

.sbox .box .left .more a{ display:block; width:100%; height:34px; line-height:34px; font-size:14px; vertical-align:middle; color:#fff; text-align:center;}

.sbox .box .left .more a img{ height:10px; display:inline; vertical-align:middle; margin-left:5px;}

.sbox .box .left .more:hover{ margin-top:50px;}

.sbox .box .right{ width:630px; float:right; height:256px; padding-top:394px; position:relative;}

.sbox .box .right .swiper-container{ width:580px; padding-left:50px; height:256px; overflow:hidden;}

.sbox .box .swiper-button-prev{ width:40px; height:40px; position:absolute; right:0; top:190px; background-color:rgba(255,255,255,0.7); border-radius:100%;}

.sbox .box .swiper-button-prev a{ width:100%; height:100%; cursor:pointer; background-image:url(../images/pl.png); background-position:center; background-repeat:no-repeat; display:block;}

.sbox .box .swiper-button-next{ width:40px; height:40px; position:absolute; right:0; top:120px; background-color:rgba(255,255,255,0.7); cursor:pointer; border-radius:100%;}

.sbox .box .swiper-button-next a{ width:100%; height:100%; cursor:pointer; background-image:url(../images/pr.png); background-position:center; background-repeat:no-repeat; display:block;}

.sbox .box .swiper-button-prev:hover{ background:linear-gradient(to top,#0653bb,#2298d6);}

.sbox .box .swiper-button-next:hover{ background:linear-gradient(to top,#0653bb,#2298d6);}

.sbox .box .swiper-button-prev:hover a{ background-image:url(../images/pl01.png);}

.sbox .box .swiper-button-next:hover a{ background-image:url(../images/pr01.png);}

.sbox .box .right .swiper-container .swiper-slide{ width:100%; display:block; position:relative; overflow:hidden;}

.sbox .box .right .swiper-container .swiper-slide .wen{ font-size:14px; line-height:30px; color:#fff; height:150px; margin-bottom:25px;}

.sbox .box .right .swiper-container .swiper-slide .more{ height:20px; float:left; padding:9px 0; width:72px;}

.sbox .box .right .swiper-container .swiper-slide .more a{ width:62px; display:block; height:20px; transition:width 0.5s; -moz-transition:width 0.5s; -webkit-transition:width 0.5s; -o-transition:width 0.5s;}

.sbox .box .right .swiper-container .swiper-slide .more img{ display:block; height:20px; float:right;}

.sbox .box .right .swiper-container .swiper-slide .more:hover a{ width:72px;}

.sbox .box .right .swiper-container .swiper-slide .bt{ height:38px; float:right;}

.sbox .box .right .swiper-container .swiper-slide .bt a{ display:block; color:#fff; font-size:24px; line-height:38px; font-weight:bold;}



/*关于我们*/

.abox{ width:100%; padding-top:65px; height:635px; background-image:url(../images/abg_04.jpg); background-position:bottom center; background-repeat:no-repeat;}

.abox .title{ text-align:center; width:1200px; margin:auto; position:relative; text-align:center; padding-bottom:27px;}

.abox .title a{ width:60px; height:4px; position:absolute; left:50%; margin-left:-30px; bottom:0; background:linear-gradient(to right,#0653bb,#2298d6); display:block; overflow:hidden;}

.abox .title b{ display:block; font-size:30px; height:38px; line-height:38px; position:relative; z-index:3; letter-spacing:4px; text-indent:4px;}

.abox .title p{ display:block; text-align:center; font-size:30px; height:40px; line-height:40px; position:absolute; left:0; top:15px; z-index:0; text-transform:uppercase; color:#333; opacity:0.1; font-weight:bold; width:100%;}

.abox .box{ width:1200px; margin:auto; margin-top:30px;}

.abox .box .left{ width:580px; margin-left:30px; margin-top:124px; float:left;}

.abox .box .left .wen{ font-size:14px; line-height:28px; height:280px;}

.abox .box .left .more{ margin-top:45px; margin-left:45px; height:32px;}

.abox .box .left .more a{ font-size:14px; line-height:32px; color:#0653bb;}

.abox .box .left .more:hover{ margin-left:50px;}

.abox .box .right{ float:right; width:550px;}

.abox .box .right .tu{ width:100%; height:380px;}

.abox .box .right .tu img{ width:100%; display:block;}

.abox .box .right ul{ width:100%; display:block; overflow:hidden; text-align:center; padding-top:39px;}

.abox .box .right ul li{ display:block; float:left; width:25%; overflow:hidden;}

.abox .box .right ul li p{ display:block; font-size:36px; line-height:50px; color:#0653bb;}

.abox .box .right ul li a{ display:block; font-size:14px; line-height:30px;}



/*发展历程*/

.cbox{ width:100%; position:relative; height:810px;}

.cbox .mask{ width:1000px; max-height:100%; position:absolute; left:50%; margin-left:-960px; bottom:0; z-index:0;}

.cbox .mask img{ width:100%; display:block;}

.cbox .box{ width:1200px; position:relative; z-index:3; margin:auto; padding-top:65px;}

.cbox .title{ text-align:center; width:1200px; margin:auto; position:relative; text-align:center; padding-bottom:27px;}

.cbox .title a{ width:60px; height:4px; position:absolute; left:50%; margin-left:-30px; bottom:0; background:linear-gradient(to right,#0653bb,#2298d6); display:block; overflow:hidden;}

.cbox .title b{ display:block; font-size:30px; height:38px; line-height:38px; position:relative; z-index:3; letter-spacing:4px; text-indent:4px;}

.cbox .title p{ display:block; text-align:center; font-size:30px; height:40px; line-height:40px; position:absolute; left:0; top:15px; z-index:0; text-transform:uppercase; color:#333; opacity:0.1; font-weight:bold; width:100%;}

.cbox .box .tu{ position:absolute; right:0; bottom:70px; width:520px;}

.cbox .box .tu img{ width:100%; display:block;}

.cbox .box .swiper-container{ width:100%; z-index:9; margin-top:30px; height:650px;}

.cbox .box .swiper-container .swiper-slide{ display:block; height:405px; background-color:transparent; overflow:hidden;}

.cbox .box .swiper-container .swiper-slide .left{ float:left; background-color:#0653bb; width:240px; height:315px; padding:45px 30px;}

.cbox .box .swiper-container .swiper-slide .left span{ display:block; color:#fff; font-size:18px; line-height:28px;}

.cbox .box .swiper-container .swiper-slide .left b{ display:block; color:#fff; font-size:36px; line-height:78px; font-style:italic;}

.cbox .box .swiper-container .swiper-slide .left a{ display:block; width:40px; height:1px; background-color:#fff; margin:25px 0;}

.cbox .box .swiper-container .swiper-slide .left p{ display:block; color:#fff; font-size:16px; line-height:26px;}

.cbox .box .swiper-container .swiper-slide .right{ width:830px; height:130px; background-color:#fff; float:right; margin:25px 0; position:relative;}

.cbox .box .swiper-container .swiper-slide .right .bt{ font-size:24px; line-height:34px; width:670px;}

.cbox .box .swiper-container .swiper-slide .right .wen{ font-size:14px; line-height:24px; height:72px; margin-top:20px; width:670px;}

.cbox .box .swiper-container .swiper-slide .right .more{ width:130px; height:120px; position:absolute; right:0; top:5px; border-left:1px solid #cacaca;}

.cbox .box .swiper-container .swiper-slide .right .more img{ height:40px; margin:40px auto; display:block;}

.cbox .box .swiper-button-prev{ width:40px; height:40px; position:absolute; left:30px; bottom:315px; background-image:url(../images/pl.png); background-position:center; background-repeat:no-repeat; cursor:pointer; background-color:rgba(255,255,255,0.7); z-index:99; border-radius:100%;}

.cbox .box .swiper-button-next{ width:40px; height:40px; position:absolute; left:100px; bottom:315px; background-image:url(../images/pr.png); background-position:center; background-repeat:no-repeat; cursor:pointer; background-color:rgba(255,255,255,0.7); z-index:99; border-radius:100%;}

.cbox .box .swiper-button-prev:hover{ background-color:#fff;}

.cbox .box .swiper-button-next:hover{ background-color:#fff;}



/*荣誉资质*/

.rbox{ width:100%; background-position:top center; background-repeat:no-repeat; background-attachment:fixed; position:relative;}

.rbox .mask{ width:100%; height:340px; position:absolute; left:0; top:0; z-index:0; background-color:rgba(0,0,0,0.7);}

.rbox .bg{ width:100%; height:calc(100% - 340px); position:absolute; left:0; bottom:0; z-index:0; background-color:#eee;}

.rbox .box{ width:1060px; padding:0 70px; position:relative; z-index:3; margin:auto; padding-top:65px;}

.rbox .title{ text-align:center; width:100%; margin:auto; position:relative; text-align:center; padding-bottom:27px;}

.rbox .title a{ width:60px; height:4px; position:absolute; left:50%; margin-left:-30px; bottom:0; background:linear-gradient(to right,#0653bb,#2298d6); display:block; overflow:hidden; opacity:0.5;}

.rbox .title b{ display:block; font-size:30px; height:38px; line-height:38px; position:relative; z-index:3; letter-spacing:4px; text-indent:4px; color:#fff;}

.rbox .title p{ display:block; text-align:center; font-size:30px; height:40px; line-height:40px; position:absolute; left:0; top:15px; z-index:0; text-transform:uppercase; color:#fff; opacity:0.1; font-weight:bold; width:100%;}

.rbox .box .swiper-container{ width:100%; z-index:9; margin-top:30px;}

.rbox .box .swiper-container .swiper-slide{ display:block; height:240px; overflow:hidden; position:relative;}

.rbox .box .swiper-container .swiper-slide a{ border:1px solid #cacaca; height:238px; display:block; overflow:hidden; position:relative;}

.rbox .box .swiper-container .swiper-slide a img{ width:100%; display:block;}

.rbox .box .swiper-container .swiper-slide p{ display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(6,83,187,0.7); opacity:0;}

.rbox .box .swiper-container .swiper-slide p span{ display:block; color:#fff; text-align:center; font-size:18px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}

.rbox .box .swiper-container .swiper-slide a:hover p{ opacity:1;}

.rbox .box .swiper-button-prev{ width:40px; height:40px; position:absolute; left:0; bottom:100px; background-image:url(../images/pl.png); background-position:center; background-repeat:no-repeat; cursor:pointer; background-color:#fff; z-index:99; border-radius:100%;}

.rbox .box .swiper-button-next{ width:40px; height:40px; position:absolute; right:0; bottom:100px; background-image:url(../images/pr.png); background-position:center; background-repeat:no-repeat; cursor:pointer; background-color:#fff; z-index:99; border-radius:100%;}

.rbox .box .swiper-button-prev:hover{ background-color:#0653bb; background-image:url(../images/pl01.png);}

.rbox .box .swiper-button-next:hover{ background-color:#0653bb; background-image:url(../images/pr01.png);}



/*合作伙伴*/

.hbox{ width:100%; position:relative; background-color:#eee; padding:65px 0;}

.hbox .title{ text-align:center; width:1200px; margin:auto; position:relative; text-align:center; padding-bottom:27px;}

.hbox .title a{ width:60px; height:4px; position:absolute; left:50%; margin-left:-30px; bottom:0; background:linear-gradient(to right,#0653bb,#2298d6); display:block; overflow:hidden;}

.hbox .title b{ display:block; font-size:30px; height:38px; line-height:38px; position:relative; z-index:3; letter-spacing:4px; text-indent:4px;}

.hbox .title p{ display:block; text-align:center; font-size:30px; height:40px; line-height:40px; position:absolute; left:0; top:15px; z-index:0; text-transform:uppercase; color:#333; opacity:0.1; font-weight:bold; width:100%;}

.hbox .box{ width:1080px; padding:0 60px; position:relative; margin:auto; margin-top:20px;}

.hbox .swiper-container{ width:100%;}

.hbox .swiper-container .swiper-slide{ width:100%; display:block; overflow:hidden;}

.hbox .swiper-container .swiper-slide a{ width:160px; margin:10px; height:60px; display:block; overflow:hidden; background-color:#fff; -webkit-transition:-webkit-transform 1s,height 1s,width 1s; float:left;}

.hbox .swiper-container .swiper-slide img{ max-width:100%; max-height:60px; display:block; margin:auto;}

.hbox .swiper-pagination{ width:100%; margin-top:20px; text-align:center; vertical-align:bottom; line-height:10px;}

.hbox .swiper-pagination span{ display:inline-table; width:10px; height:10px; background-color:#999; border-radius:10px; margin:0 5px;}

.hbox .swiper-pagination span.swiper-pagination-bullet-active{ width:60px; background:linear-gradient(to right,#0653bb,#2298d6);}

.hbox .swiper-container .swiper-slide a:hover{ -webkit-transform:rotateY(-360deg);}

.hbox .box .swiper-button-prev{ width:40px; height:40px; position:absolute; left:0; top:50%; margin-top:-40px; background-image:url(../images/pl.png); background-position:center; background-repeat:no-repeat; cursor:pointer; background-color:#fff; z-index:99; border-radius:100%;}

.hbox .box .swiper-button-next{ width:40px; height:40px; position:absolute; right:0; top:50%; margin-top:-40px; background-image:url(../images/pr.png); background-position:center; background-repeat:no-repeat; cursor:pointer; background-color:#fff; z-index:99; border-radius:100%;}

.hbox .box .swiper-button-prev:hover{ background-color:#0653bb; background-image:url(../images/pl01.png);}

.hbox .box .swiper-button-next:hover{ background-color:#0653bb; background-image:url(../images/pr01.png);}



/*新闻中心*/

.nbox{ width:100%; padding-top:65px; padding-bottom:70px; background-color:#fff;}

.nbox .title{ text-align:center; width:1200px; margin:auto; position:relative; text-align:center; padding-bottom:27px;}

.nbox .title a{ width:60px; height:4px; position:absolute; left:50%; margin-left:-30px; bottom:0; background:linear-gradient(to right,#0653bb,#2298d6); display:block; overflow:hidden;}

.nbox .title b{ display:block; font-size:30px; height:38px; line-height:38px; position:relative; z-index:3; letter-spacing:4px; text-indent:4px;}

.nbox .title p{ display:block; text-align:center; font-size:30px; height:40px; line-height:40px; position:absolute; left:0; top:15px; z-index:0; text-transform:uppercase; color:#333; opacity:0.1; font-weight:bold; width:100%;}

.nbox .box{ width:1200px; margin:auto; margin-top:30px; padding-bottom:70px; position:relative;}

.nbox .box .swiper-container{ width:100%;}

.nbox .box .swiper-container .swiper-slide{ display:block; overflow:hidden; position:relative;}

.nbox .box .swiper-container .swiper-slide a{ width:285px; display:block; float:left; margin-right:20px; height:400px; overflow:hidden; position:relative;}

.nbox .box .swiper-container .swiper-slide a .tu{ width:100%; height:240px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}

.nbox .box .swiper-container .swiper-slide a .tu img{ height:100%; display:block;}

.nbox .box .swiper-container .swiper-slide a:hover .tu{ height:100%;}

.nbox .box .swiper-container .swiper-slide a .mask{ width:100%; height:100%; display:block; overflow:hidden; z-index:1; background-color:rgba(0,0,0,0.7); position:absolute; left:0; top:0; opacity:0;  -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}

.nbox .box .swiper-container .swiper-slide a:hover .mask{ opacity:1;}

.nbox .box .swiper-container .swiper-slide a .wen{ padding:20px; position:absolute; left:0; bottom:0; z-index:2;}

.nbox .box .swiper-container .swiper-slide a .wen span{ display:block; font-size:14px; line-height:24px; height:24px; overflow:hidden; color:#666;}

.nbox .box .swiper-container .swiper-slide a .wen p{ display:block; font-size:16px; line-height:26px; height:52px; overflow:hidden; margin:10px 0; font-weight:bold;}

.nbox .box .swiper-container .swiper-slide a .wen b{ display:block; font-size:14px; line-height:24px; height:24px; overflow:hidden; color:#999; font-weight:normal;}

.nbox .box .swiper-container .swiper-slide a:hover span,.nbox .box .swiper-container .swiper-slide a:hover p,.nbox .box .swiper-container .swiper-slide a:hover b{ color:#fff;}

.nbox .box .more{ width:130px; height:40px; position:absolute; left:50%; margin-left:-65px; bottom:0;}

.nbox .box .more a{ width:128px; height:38px; border:1px solid #cacaca; text-align:center; font-size:14px; line-height:38px; display:block; overflow:hidden;}

.nbox .box .more a:hover{ color:#0653bb; border:1px solid #0653bb;}

.nbox .box .swiper-button-prev{ width:58px; height:38px; position:absolute; left:50%; margin-left:-135px; bottom:0; border:1px solid #cacaca; background-image:url(../images/left01.png); background-position:center; background-repeat:no-repeat; cursor:pointer;}

.nbox .box .swiper-button-next{ width:58px; height:38px; position:absolute; right:50%; margin-right:-135px; bottom:0; border:1px solid #cacaca; background-image:url(../images/right01.png); background-position:center; background-repeat:no-repeat; cursor:pointer;}

.nbox .box .swiper-button-prev:hover{ background-image:url(../images/left02.png); border:1px solid #0653bb;}

.nbox .box .swiper-button-next:hover{ background-image:url(../images/right02.png); border:1px solid #0653bb;}

.nbox .box .swiper-button-disabled{ cursor:no-drop; opacity:0.3;}

.nbox .box .swiper-button-disabled.swiper-button-prev:hover{ background-image:url(../images/left01.png); border:1px solid #cacaca;}

.nbox .box .swiper-button-disabled.swiper-button-next:hover{ background-image:url(../images/right01.png); border:1px solid #cacaca;}



/*在线留言*/

.mbox{ width:100%; height:650px; position:relative;}

.mbox .box{ width:1920px; height:650px; position:absolute; left:50%; margin-left:-960px; top:0;}

.mbox .left{ width:660px; padding-left:360px; float:left; background-color:#f2f2f2; padding-top:60px; height:590px;}

.mbox .left .title{ width:540px; text-align:center;}

.mbox .left .title b{ display:block; font-size:30px; height:50px; line-height:50px; overflow:hidden;}

.mbox .left .title p{ display:block; font-size:14px; height:34px; line-height:34px; overflow:hidden; color:#666;}

.mbox .left .x01{ width:470px; margin-top:20px;}

.mbox .left .x01 span{ display:block; float:left; width:70px; font-size:14px; height:44px; line-height:44px;}

.mbox .left .x01 p{ display:block; float:left; width:398px; height:42px; background-color:#fff; border:1px solid #cacaca;}

.mbox .left .x01 p strong{ width:42px; height:42px; float:left; display:block; background-position:center; background-repeat:no-repeat;}

.mbox .left .x01 p input{ width:356px; height:42px; float:left; display:block; font-size:14px; line-height:42px;}

.mbox .left .x01 p select{ width:100%; text-indent:12px; height:42px; float:left; display:block; font-size:14px; line-height:42px; color:#666;}

.mbox .left .x02{ width:470px; margin-top:20px;}

.mbox .left .x02 span{ display:block; float:left; width:70px; font-size:14px; height:44px; line-height:44px;}

.mbox .left .x02 p{ display:block; float:left; width:398px; height:94px; background-color:#fff; border:1px solid #cacaca;}

.mbox .left .x02 p textarea{ width:374px; padding:8px 12px; height:78px; float:left; display:block; font-size:14px; line-height:24px; overflow:auto;}

.mbox .left .x04{ margin-top:20px; margin-left:70px; width:400px;}

.mbox .left .x04 input{ width:100%; height:40px; line-height:40px; background:linear-gradient(to right,#0653bb,#2298d6); color:#fff; cursor:pointer; font-size:14px; text-align:center;}



.mbox .right{ width:900px; float:right; height:479px; padding-top:171px; background-image:url(../images/lx_27.jpg); background-repeat:no-repeat;}

.mbox .right .nei{ width:490px; padding-left:50px; overflow:hidden; text-align:right;}

.mbox .right .nei b{ display:block; overflow:hidden; color:#fff; font-size:30px; height:56px; line-height:56px;}

.mbox .right .nei span{ display:block; overflow:hidden; color:#fff; font-size:16px; height:26px; line-height:26px;}

.mbox .right .nei p{ display:block; overflow:hidden; color:#fff; font-size:16px; height:36px; line-height:36px; margin-top:60px;}

.mbox .right .nei a{ display:block; overflow:hidden; color:#fff; font-size:36px; height:53px; line-height:53px;}



/*.mbox .right{ width:900px; float:right; height:100%; background-position:center; background-image:url(../images/lx_27.jpg); background-repeat:no-repeat; position:relative;}

.mbox .right .nei{ width:430px; padding:30px; position:absolute; left:50px; top:50%; transform:translateY(-50%); overflow:hidden; text-align:center; background-color:rgba(6,83,187,0.7);}

.mbox .right .nei b{ display:block; overflow:hidden; color:#fff; font-size:30px; height:56px; line-height:56px;}

.mbox .right .nei span{ display:block; overflow:hidden; color:#fff; font-size:16px; height:26px; line-height:26px;}

.mbox .right .nei p{ display:block; overflow:hidden; color:#fff; font-size:16px; height:36px; line-height:36px; margin-top:20px;}

.mbox .right .nei a{ display:block; overflow:hidden; color:#fff; font-size:36px; height:53px; line-height:53px;}*/



/*footer*/

.footer{ width:100%; background-color:#252525; padding-top:20px;}

.footer .foot{ width:1200px; margin:30px auto;}

.footer .foot ul{ width:1201px; display:block; overflow:hidden;}

.footer .foot ul li{ width:299.25px; display:block; float:left; height:140px; border-right:1px solid #333; text-align:center; overflow:hidden;}

.footer .foot ul li strong{ width:100%; height:42px; display:block; margin-top:14px;}

.footer .foot ul li strong img{ display:block; height:42px; margin:auto;}

.footer .foot ul li p{ width:100%; height:28px; line-height:28px; font-size:18px; color:#999; display:block; overflow:hidden; margin-top:15px;}

.footer .foot ul li span{ width:100%; height:42px; line-height:42px; font-size:14px; color:#999; display:block; overflow:hidden;}



.footer .mil{ width:1200px; margin:auto; padding:30px 0; height:34px; border-top:1px solid #333;}

.footer .mil dl{ display:block; height:34px; line-height:34px; font-size:14px; float:left;}

.footer .mil dl dt{ display:block; float:left;}

.footer .mil dl dt a{ color:#999;}

.footer .mil dl dd{ margin:0 30px; display:block; float:left; color:#999;}

.footer .mil dl dt a:hover{ color:#fff;}

.footer .mil select{ background-color:#252525; background-image:url(../images/sel_126.png); background-position:189px center; background-repeat:no-repeat; height:34px; line-height:34px; font-size:14px; padding-left:9px; display:block; border:1px solid #333; width:212px; float:right; color:#999;}



.footer .di{ padding:18px 0; width:1200px; margin:auto; border-top:1px solid #333;}

.footer .di p{ display:block; float:left; height:48px; line-height:24px; font-size:14px; color:#999;}

.footer .di p a{ color:#999;}

.footer .di p a:hover{ color:#fff;}

.footer .di ul{ display:block; float:right; height:26px; margin-top:11px; overflow:hidden;}

.footer .di ul li{ display:block; float:left; margin-left:20px; height:26px;}

.footer .di ul li img{ display:block; height:26px;}



/*内页*/

@keyframes scaleDraw {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/

    0%{

        transform:scale(1);  /*开始为原始大小*/

    }

    25%{

        transform:scale(1.1); /*放大1.1倍*/

    }

    50%{

        transform:scale(1);

    }

    75%{

        transform:scale(1.1);

    }

}

.ban{ width:100%; height:460px; position:relative; overflow:hidden; z-index:0;}

.ban .bg{ width:100%; height:100%; background-position:center; background-repeat:no-repeat; animation:scaleDraw 30s ease-in-out infinite; position:relative; z-index:0;}

.ban .box{ width:100%; background-color:rgba(0,0,0,0.5); height:360px; position:absolute; left:0%; bottom:0; z-index:1; text-align:center; display:table; vertical-align:middle; padding-top:100px;}

.ban .box p{ width:100%; display:table-cell; text-align:center; vertical-align:middle; overflow:hidden; height:100%;}

.ban .box p span{ display:block; color:#fff; font-size:36px; height:60px; line-height:60px; overflow:hidden; letter-spacing:5px; text-indent:5px;}

.ban .box p a{ display:block; color:#fff; font-size:24px; height:48px; line-height:48px; overflow:hidden; letter-spacing:5px; text-indent:5px;}



.wbox{ width:100%; height:50px; background-color:#eee;}

.wbox .box{ width:1200px; margin:auto;}

.wbox .box .left{ float:left; font-size:14px; height:50px; line-height:50px;}

.wbox .box .left a:hover{ color:#0653bb;}

.wbox .box .right{ display:block; float:right; overflow:hidden;}

.wbox .box .right li{ float:left; display:block; overflow:hidden; position:relative; height:50px; margin-left:30px;}

.wbox .box .right li a{ height:50px; font-size:14px; line-height:50px; overflow:hidden; display:block;}

.wbox .box .right li:hover a,.wbox .box .right li.on a{ color:#0653bb;}

.wbox .box .right li.on b{ width:100%; height:2px; background-color:#0653bb; display:block; position:absolute; left:0; bottom:0;}



/*关于我们*/

.ab01{ width:1200px; margin:70px auto; position:relative; padding-bottom:50px;}

.ab01 .box{ width:1020px; margin:auto; background-color:rgba(0,0,0,0.5); padding:50px; padding-top:45px;}

.ab01 .title{ text-align:center; width:100%; margin:auto; position:relative; z-index:2; text-align:center; padding-bottom:27px;}

.ab01 .title a{ width:60px; height:4px; position:absolute; left:50%; margin-left:-30px; bottom:0; background:linear-gradient(to right,#0653bb,#2298d6); display:block; overflow:hidden;}

.ab01 .title b{ display:block; font-size:30px; height:38px; line-height:38px; position:relative; z-index:3; color:#fff; letter-spacing:4px; text-indent:4px;}

.ab01 .title p{ display:block; text-align:center; font-size:30px; height:40px; line-height:40px; position:absolute; left:0; top:15px; z-index:0; text-transform:uppercase; color:#fff; opacity:0.1; font-weight:bold; width:100%;}

.ab01 .box .wen{ font-size:14px; line-height:24px; color:#fff; min-height:240px; overflow:auto; margin-top:25px;}

.ab01 .box img{ display:block; margin:auto; margin-top:25px;}

.ab01 .bg{ width:100%; margin-top:60px; height:460px; background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0; bottom:0; z-index:-1;}



.ab02{ background-color:#eee; width:100%;}

.ab02 .box{ width:1200px; margin:auto; position:relative;}

.ab02 .box .left{ width:640px; height:440px; overflow:hidden; float:left; margin:70px 0;}

.ab02 .box .left img{ width:100%; display:block;}

.ab02 .box .right{ width:500px; height:310px; overflow:auto; padding:20px 50px; font-size:14px; line-height:24px; background-color:#0653bb; color:#fff; position:absolute; right:0; bottom:70px;}

.ab02 .box .right .wen{ width:100%;}

.ab02 .box .right span,.ab02 .box .right p{ color:#fff !important; background-color:transparent !important;}

.ab02 .title{ width:510px; margin-top:65px; float:right; position:relative; z-index:2; text-align:right; padding-bottom:27px;}

.ab02 .title a{ width:60px; height:4px; position:absolute; right:0; bottom:0; background:linear-gradient(to right,#0653bb,#2298d6); display:block; overflow:hidden;}

.ab02 .title b{ width:100%; display:block; font-size:30px; height:38px; line-height:38px; position:relative; z-index:3; color:#333; text-indent:4px;}

.ab02 .title p{ display:block; text-align:right; font-size:30px; height:40px; line-height:40px; position:absolute; left:0; top:15px; z-index:0; text-transform:uppercase; color:#333; opacity:0.1; font-weight:bold; width:100%; text-indent:4px;}



.ab03{ width:100%; height:580px; background-position:top center; background-repeat:no-repeat; background-attachment:fixed; position:relative;}

.ab03 .title{ position:absolute; right:50%; margin-right:-600px; top:70px; z-index:2;}

.ab03 .title img{ display:block;}

.ab03 .black{ position:absolute; left:0px; top:0px; width:46.875%; height:100%; background:rgba(0,0,0,0.7); z-index:0;}

.productIList{ display:block; overflow:hidden; position:absolute; width:1920px; height:100%; left:50%; margin-left:-960px; top:0; z-index:3;}

.productIList dd{ color:#fff; position:relative; padding-left:360px; width:900px; height:145px; display:block;}

.productIList .red-bg{ position:absolute; left:0px; top:0px; width:0%; height:100%; background:rgba(6,83,187,0.7); transition:600ms; -webkit-transition:600ms;}

.productIList dd:hover .red-bg{ width:100%;}

.productIList .ico{ width:145px; height:145px; position:absolute; left:0px; top:0px;}

.productIList .ico .bg{ position:absolute; width:100%; height:100%; background:rgba(12,91,151,0.7); left:0px; top:0px; transform:scale(0.5) rotate(0); -webkit-transform:scale(0.5) rotate(0); -moz-transform:scale(0.5) rotate(0); opacity:0; transition:600ms; -webkit-transition:600ms;}

.productIList .ico .i{ width:100%; height:100%; position:relative; z-index:5px; display:block; background-position:center; background-repeat:no-repeat; background-size:60px auto;}

.productIList dd:hover .ico .bg{ transform:scale(1) rotate(180deg); -webkit-transform:scale(1) rotate(180deg); -moz-transform:scale(1) rotate(180deg); opacity:1;}

.productIList .con{ display:block; padding-left:175px; width:725px; position:relative; height:100%;}

.productIList .txt{ width:635px; padding:35px 0; height:75px;}

.productIList .t{ font-size:18px; line-height:75px; height:75px; text-transform:uppercase; overflow:hidden; transition:300ms; -webkit-transition:300ms;}

.productIList .t span{ font-size:14px; color:#fff; float:left; display:block;}

.productIList .t span.zh{ font-size:18px;}

.productIList .t .en i{ width:10px; height:2px; background-color:#fff; display:block; margin:37px 10px; margin-left:20px; float:left; display:block; transition:300ms; -webkit-transition:300ms;}

.productIList .c{ height:32px; line-height:32px; font-size:16px; color:#fff; overflow:hidden; transition:300ms; -webkit-transition:300ms; opacity:0; visibility:hidden;}

.productIList dd:hover .t{ height:43px; line-height:43px;}

.productIList dd:hover .t span.zh{ font-size:24px; line-height:38px;}

.productIList dd:hover .t .en i{ margin-top:21px; width:50px;}

.productIList dd:hover .c{ opacity:1; visibility:visible;}

.productIList .line{ display:block; background:#fff; position:absolute; opacity:0; visibility:hidden;}

.productIList .line_1{ width:31px; height:1px; top:50%; right:30px; margin-top:-1px; transform:translateX(62px); -webkit-transform:translateX(62px);}

.productIList .line_2{ width:1px; height:31px; top:50%; margin-top:-15px; right:45px; transform:translateY(62px); -webkit-transform:translateY(62px);}

.productIList dd:hover .line{ transform:translate(0); -webkit-transform:translate(0); visibility:visible; opacity:1; transition:300ms ease-in 300ms; -webkit-transition:300ms ease-in 300ms;}



.ab04{ width:100%; padding-bottom:70px;}

.ab04 .box{ width:1060px; padding:0 70px; position:relative; z-index:3; margin:auto; padding-top:65px;}

.ab04 .title{ text-align:center; width:100%; margin:auto; position:relative; text-align:center; padding-bottom:27px;}

.ab04 .title a{ width:60px; height:4px; position:absolute; left:50%; margin-left:-30px; bottom:0; background:linear-gradient(to right,#0653bb,#2298d6); display:block; overflow:hidden;}

.ab04 .title b{ display:block; font-size:30px; height:38px; line-height:38px; position:relative; z-index:3; letter-spacing:4px; text-indent:4px; color:#333;}

.ab04 .title p{ display:block; text-align:center; font-size:30px; height:40px; line-height:40px; position:absolute; left:0; top:15px; z-index:0; text-transform:uppercase; color:#333; opacity:0.1; font-weight:bold; width:100%;}

.ab04 .box .swiper-container{ width:100%; z-index:9; margin-top:30px;}

.ab04 .box .swiper-container .swiper-slide{ display:block; height:240px; overflow:hidden; position:relative;}

.ab04 .box .swiper-container .swiper-slide a{ border:1px solid #cacaca; height:238px; display:block; overflow:hidden; position:relative;}

.ab04 .box .swiper-container .swiper-slide a img{ width:100%; display:block;}

.ab04 .box .swiper-container .swiper-slide p{ display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(6,83,187,0.7); opacity:0;}

.ab04 .box .swiper-container .swiper-slide p span{ display:block; color:#fff; text-align:center; font-size:18px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}

.ab04 .box .swiper-container .swiper-slide a:hover p{ opacity:1;}

.ab04 .box .swiper-button-prev{ width:40px; height:40px; position:absolute; left:0; bottom:100px; background-image:url(../images/pl.png); background-position:center; background-repeat:no-repeat; cursor:pointer; background-color:#eee; z-index:99; border-radius:100%;}

.ab04 .box .swiper-button-next{ width:40px; height:40px; position:absolute; right:0; bottom:100px; background-image:url(../images/pr.png); background-position:center; background-repeat:no-repeat; cursor:pointer; background-color:#eee; z-index:99; border-radius:100%;}

.ab04 .box .swiper-button-prev:hover{ background-color:#0653bb; background-image:url(../images/pl01.png);}

.ab04 .box .swiper-button-next:hover{ background-color:#0653bb; background-image:url(../images/pr01.png);}



.ab05{ width:100%; background-position:center; background-size:cover; position:relative; z-index:0;}

.ab05 .box{ width:100%; padding-top:65px; padding-bottom:150px; background-color:rgba(0,0,0,0.7);}

.ab05 .title{ text-align:center; width:1200px; margin:auto; position:relative; z-index:2; text-align:center; padding-bottom:27px;}

.ab05 .title a{ width:60px; height:4px; position:absolute; left:50%; margin-left:-30px; bottom:0; background:linear-gradient(to right,#0653bb,#2298d6); display:block;overflow:hidden;}

.ab05 .title b{ display:block; font-size:30px; height:38px; line-height:38px; position:relative; z-index:3; color:#fff; letter-spacing:4px; text-indent:4px;}

.ab05 .title p{ display:block; text-align:center; font-size:30px; height:40px; line-height:40px; position:absolute; left:0; top:15px; z-index:0; text-transform:uppercase; color:#fff; opacity:0.1; font-weight:bold; width:100%;}



.ab06{ width:1200px; margin:auto; margin-top:-150px; position:relative; z-index:9;}

.ab06 .tu{ width:300px; margin:auto;}

.ab06 .tu img{ width:100%; display:block;}

.ab06 .wen{ width:100%; padding:60px 0; text-align:center;}

.ab06 .wen b{ display:block; overflow:hidden; font-size:30px; height:48px; line-height:48px;}

.ab06 .wen span{ display:block; overflow:hidden; font-size:14px; height:26px; line-height:26px; color:#666; font-family:Arial, Helvetica, sans-serif; background-image:url(../images/ab06.jpg); background-position:center; background-repeat:no-repeat;}

.ab06 .wen p{ display:block; overflow:hidden; font-size:24px; height:44px; line-height:44px; margin-top:12px;}



/*新闻资讯*/

.main{ width:1200px; margin:auto; margin-top:65px;}

.main .title{ text-align:center; width:1200px; margin:auto; position:relative; z-index:2; text-align:center; padding-bottom:27px;}

.main .title a{ width:60px; height:4px; position:absolute; left:50%; margin-left:-30px; bottom:0; background:linear-gradient(to right,#0653bb,#2298d6); display:block;overflow:hidden;}

.main .title b{ display:block; font-size:30px; height:38px; line-height:38px; position:relative; z-index:3; color:#333; letter-spacing:4px; text-indent:4px;}

.main .title p{ display:block; text-align:center; font-size:30px; height:40px; line-height:40px; position:absolute; left:0; top:15px; z-index:0; text-transform:uppercase; color:#333; opacity:0.1; font-weight:bold; width:100%;}

.news{ width:100%; padding-top:10px;}

.news ul{ width:1220px; display:block; overflow:hidden;}

.news ul li{ width:285px; display:block; float:left; margin-right:20px; margin-top:20px; height:400px; overflow:hidden; position:relative;}

.news ul li .tu{ width:100%; height:240px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}

.news ul li .tu img{ height:100%; display:block;}

.news ul li:hover .tu{ height:100%;}

.news ul li .mask{ width:100%; height:100%; display:block; overflow:hidden; z-index:1; background-color:rgba(0,0,0,0.7); position:absolute; left:0; top:0; opacity:0;  -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}

.news ul li:hover .mask{ opacity:1;}

.news ul li .wen{ padding:20px; position:absolute; left:0; bottom:0; z-index:2;}

.news ul li .wen span{ display:block; font-size:14px; line-height:24px; height:24px; overflow:hidden; color:#666;}

.news ul li .wen p{ display:block; font-size:16px; line-height:26px; height:52px; overflow:hidden; margin:10px 0; font-weight:bold;}

.news ul li .wen b{ display:block; font-size:14px; line-height:24px; height:24px; overflow:hidden; color:#999; font-weight:normal;}

.news ul li:hover span,.news ul li:hover p,.news ul li:hover b{ color:#fff;}



.fanye{ width:100%; margin-top:30px; text-align:center; padding-bottom:70px;}

.fanye li{ margin:0 3px; display:inline-block;}

.fanye li a{ width:30px; height:30px; line-height:30px; background-color:#f2f2f2; border-radius:3px; display:block;}

.fanye li span{ width:30px; height:30px; line-height:30px; border-radius:3px; display:block;}

.fanye li.active span{ color:#fff; background-color:#0653bb;}

.fanye li.disabled span{ color:#aaa; background-color:#f2f2f2;}

.fanye li a:hover{ color:#0653bb;}



/*新闻内页*/

.main .lbar{ width:910px; float:left; margin-bottom:70px;}

.main .lbar .bt{ text-align:center; color:#0653bb; font-size:24px; line-height:34px;}

.main .lbar .sj{ text-align:center; color:#999; font-size:14px; line-height:32px; height:37px; border-bottom:1px solid #eee;}

.main .lbar .wen{ font-size:14px; line-height:24px; margin-top:30px;}

.main .lbar .wen img{ max-width:100%; height:auto;}

.main .lbar .wen table{ width:100% !important;}

.main .lbar .back{ margin-top:30px; padding-top:9px; border-top:1px solid #eee; position:relative;}

.main .lbar .back p{ display:block; font-size:14px; height:24px; line-height:24px; overflow:hidden; margin-top:6px;}

.main .lbar .back p a{ max-width:700px; overflow:hidden; display:inline-block; vertical-align:middle; height:24px;}

.main .lbar .back p a:hover{ color:#0653bb;}

.main .lbar .back span{ position:absolute; right:0; top:15px; font-size:14px; height:24px; line-height:24px;}

.main .lbar .back span a:hover{ color:#0653bb;}



.main .rbar{ width:258px; border:1px solid #ddd; border-top:2px solid #0653bb; float:right; margin-top:5px; margin-bottom:70px;}

.main .rbar .titles{ padding-left:19px; font-size:18px; height:50px; line-height:50px; border-bottom:1px solid #ddd;}

.main .rbar ul{ display:block; padding:4px 19px; padding-bottom:15px;}

.main .rbar ul li{ display:block; width:100%; margin-top:15px; overflow:hidden;}

.main .rbar ul li strong{ width:100%; display:block; height:154px; overflow:hidden;}

.main .rbar ul li strong img{ width:100%; display:block;}

.main .rbar ul li p{ display:block; overflow:hidden; font-size:16px; height:26px; line-height:26px; padding-top:5px;}

.main .rbar ul li span{ display:block; overflow:hidden; font-size:14px; height:22px; line-height:22px; color:#999;}

.main .rbar ul li:hover p{ color:#0653bb;}



/*服务支持*/

.main .pro{ width:100%; margin-top:-40px;}

.main .pro dt{ width:100%; display:block; padding:70px 0; overflow:hidden;}

.main .pro dd{ width:100%; display:block; padding:70px 0; background-color:#f2f2f2; overflow:hidden;}

.main .pro .cont{ width:1200px; margin:auto;}

.main .pro dt .tu,.main .pro dd .wen{ float:right;}

.main .pro dd .tu,.main .pro dt .wen{ float:left;}

.main .pro .cont .tu{ width:540px; overflow:hidden; height:360px;}

.main .pro .cont .tu img{ width:100%; display:block;}

.main .pro .cont .wen{ width:570px; overflow:hidden;}

.main .pro .cont .w01{ font-size:24px; height:46px; line-height:46px; padding-top:18px;}

.main .pro .cont .w01 a:hover{ color:#0653bb;}

.main .pro .cont .w02{ font-size:14px; line-height:24px; color:#666;}

.main .pro .cont .w03{ width:50px; height:4px; background-color:#0653bb; margin-top:15px;}

.main .pro .cont .w04{ height:120px; font-size:14px; line-height:24px; margin-top:25px;}

.main .pro .cont .w05{ width:140px; height:40px; margin-top:38px;}

.main .pro .cont .w05 a{ width:100%; height:40px; line-height:40px; font-size:14px; text-align:center; display:block; color:#fff; border-radius:40px; overflow:hidden; background-color:#999;}

.main .pro .cont .w05 a:hover{ background:linear-gradient(to right,#0653bb,#2298d6);}



/*服务支持内页*/

.main .titlet{ text-align:center; width:1200px; margin:auto; position:relative; z-index:2; text-align:center; padding-bottom:27px;}

.main .titlet a{ width:60px; height:4px; position:absolute; left:50%; margin-left:-30px; bottom:0; background:linear-gradient(to right,#0653bb,#2298d6); display:block;overflow:hidden;}

.main .titlet b{ display:block; font-size:30px; line-height:38px; position:relative; z-index:3; color:#333; letter-spacing:4px; text-indent:4px;}

.fw{ width:1200px; margin:30px auto; margin-bottom:70px; font-size:14px; line-height:24px;}

.fw img{ max-width:100%; height:auto;}



/*联系我们*/

.lian01{ width:100%; padding-top:65px;}

.lian01 .title{ text-align:center; width:1200px; margin:auto; position:relative; z-index:2; text-align:center; padding-bottom:27px;}

.lian01 .title a{ width:60px; height:4px; position:absolute; left:50%; margin-left:-30px; bottom:0; background:linear-gradient(to right,#0653bb,#2298d6); display:block;overflow:hidden;}

.lian01 .title b{ display:block; font-size:30px; height:38px; line-height:38px; position:relative; z-index:3; color:#333; letter-spacing:4px; text-indent:4px;}

.lian01 .title p{ display:block; text-align:center; font-size:30px; height:40px; line-height:40px; position:absolute; left:0; top:15px; z-index:0; text-transform:uppercase; color:#333; opacity:0.1; font-weight:bold; width:100%;}

.lian01 .box{ width:1200px; margin:auto; margin-top:30px;}

.lian01 .box ul{ width:1260px; display:block; overflow:hidden;}

.lian01 .box ul li{ width:360px; float:left; display:block; background-color:#f1f1f1; overflow:hidden; margin-right:60px;}

.lian01 .box ul li strong{ padding-top:30px; padding-bottom:15px; display:block; overflow:hidden;}

.lian01 .box ul li strong img{ display:block; height:50px; margin:auto;}

.lian01 .box ul li strong span{ font-size:18px; line-height:28px; height:28px; text-align:center; overflow:hidden; margin-top:5px; display:block;}

.lian01 .box ul li b{ display:block; overflow:hidden; height:2px; width:100%; background-image:url(../images/cline.png); background-position:center; background-repeat:no-repeat;}

.lian01 .box ul li p{ width:320px; height:94px; padding:20px; display:table; text-align:center; vertical-align:middle; overflow:hidden;}

.lian01 .box ul li p span{ width:100%; height:100%; display:table-cell; text-align:center; vertical-align:middle; overflow:hidden; font-size:14px; line-height:24px;}

.lian01 .box ul li p span a{}

.lian01 .box ul li p span img{ max-width:140px; text-align:center;}



.lian03{ width:100%; padding-top:65px; padding-bottom:70px;}

.lian03 .title{ text-align:center; width:1200px; margin:auto; position:relative; z-index:2; text-align:center; padding-bottom:27px;}

.lian03 .title a{ width:60px; height:4px; position:absolute; left:50%; margin-left:-30px; bottom:0; background:linear-gradient(to right,#0653bb,#2298d6); display:block;overflow:hidden;}

.lian03 .title b{ display:block; font-size:30px; height:38px; line-height:38px; position:relative; z-index:3; color:#333; letter-spacing:4px; text-indent:4px;}

.lian03 .title p{ display:block; text-align:center; font-size:30px; height:40px; line-height:40px; position:absolute; left:0; top:15px; z-index:0; text-transform:uppercase; color:#333; opacity:0.1; font-weight:bold; width:100%;}

.lx02{ width:1200px; margin:30px auto; margin-bottom:0; height:500px; position:relative;}

.lx02 .left{ width:500px; position:absolute; left:0; top:0; z-index:0;}

.lx02 .left img{ width:100%; display:block;}

.lx02 .right{ width:780px; padding:30px; padding-top:93px; float:right; background-image:url(../images/lx03.png); background-position:right top; background-repeat:no-repeat; margin-top:17px; overflow:hidden; height:420px; position:relative; z-index:2;}

.lx02 .right .r01{ float:left; margin-top:20px; width:360px;}

.lx02 .right .r01 span{ display:block; float:left; text-align:right; width:70px; margin-right:10px; height:44px; line-height:44px; font-size:14px;}

.lx02 .right .r01 span a{ color:#da0000;}

.lx02 .right .r01 input{ display:block; float:left; width:280px; height:44px; line-height:44px; font-size:14px; background-color:#fff; text-indent:10px; overflow:hidden;}

.lx02 .right .r02{ float:left; margin-top:20px; width:360px; margin-left:60px;}

.lx02 .right .r02 span{ display:block; float:left; text-align:right; width:70px; margin-right:10px; height:44px; line-height:44px; font-size:14px;}

.lx02 .right .r02 input{ display:block; float:left; width:280px; height:44px; line-height:44px; font-size:14px; background-color:#fff; text-indent:10px; overflow:hidden;}

.lx02 .right .r02 select{ display:block; float:left; width:280px; height:44px; line-height:44px; font-size:14px; background-color:#fff; text-indent:10px; overflow:hidden;}

.lx02 .right .r03{ float:left; margin-top:20px; width:780px;}

.lx02 .right .r03 span{ display:block; float:left; text-align:right; width:70px; margin-right:10px; height:44px; line-height:44px; font-size:14px;}

.lx02 .right .r03 textarea{ display:block; float:left; width:680px; padding:10px; height:60px; line-height:24px; font-size:14px; background-color:#fff; overflow:auto;}

.lx02 .right .r05{ float:left; margin-top:20px; width:780px; position:relative;}

.lx02 .right .r05 span{ margin-left:80px; display:block; float:left; height:42px; line-height:42px; font-size:16px;}

.lx02 .right .r05 input{ width:120px; height:42px; line-height:42px; text-align:center; font-size:16px; color:#fff; cursor:pointer; background-color:#0653bb; display:block; float:right;}



/*产品中心*/

.top{ width:100%; height:40px; background-color:#333; text-align:right; line-height:40px;}

.top p{ width:1200px; margin:auto;}

.top a{ height:40px; line-height:40px; font-size:14px; color:#fff; display:inline-block;}

.top span{ height:40px; line-height:40px; font-size:10px; color:#999; display:inline-block; margin:0 20px;}

.top a:hover{ color:#00b5e4;}

.serbox{ width:1200px; margin:20px auto; height:50px;}

.serbox .logo{ float:left; height:50px;}

.serbox .logo img{ height:50px; display:block;}

.serbox .ser{ height:40px; float:right; margin:5px 0;}

.serbox .ser .left{ width:568px; height:38px; border:1px solid #cacaca; float:left;}

.serbox .ser .left select{ width:109px; height:38px; text-indent:10px; line-height:38px; font-size:14px; display:block; float:left;}

.serbox .ser .left .text{ padding:0 15px; border-left:1px dashed #cacaca; height:38px; width:300px; float:left; font-size:14px; line-height:38px;}

.serbox .ser .left .sub{ margin:4px; width:30px; height:30px; float:right; cursor:pointer; background-color:#0653bb; border-radius:3px; background-image:url(../images/ser_06.jpg); background-position:center; background-repeat:no-repeat;}

.serbox .ser .right{ float:left; margin-left:20px;}

.serbox .ser .right span{ display:block; float:left; font-size:14px; line-height:38px; height:38px; color:#0653bb;}

.serbox .ser .right a{ display:block; float:left; font-size:14px; line-height:38px; height:38px; margin-right:12px;}

.serbox .ser .right a:last-child{ margin-right:0;}

.serbox .ser .right a:hover{ color:#0653bb;}



.navbox{ width:100%; position:relative; height:40px; z-index:9;}

.navbox .line{ width:100%; height:1px; background-color:#0653bb; position:absolute; left:0; bottom:0; z-index:0;}

.navbox .box{ width:1200px; margin:auto; position:relative; height:40px;}

.navbox .box .sav{ width:230px; height:40px; background-color:#0653bb; font-size:16px; line-height:40px; color:#fff; text-align:center; vertical-align:middle; float:left;}

.navbox .box .sav img{ display:inline-block; vertical-align:middle; margin-right:10px;}

.navbox .box>p{ display:block; margin-left:20px; float:left;}

.navbox .box>p a{ display:block; float:left; margin-left:50px; font-size:16px; height:40px; line-height:40px;}

.navbox .box>p a:hover,.navbox .box>p a.on{ color:#0653bb;}

.navbox .box>span{ display:block; float:right;}

.navbox .box>span a{ display:block; color:#0653bb; font-size:16px; height:40px; line-height:40px;}



.xbox{ width:100%; height:520px; position:absolute; left:0; top:40px; display:none;}

.xbox .tab_menu{ width:230px; height:100%; background-color:rgba(0,0,0,0.7); display:block; float:left; position:relative;}

.xbox .tab_menu li{ height:50px; border-bottom:1px solid rgba(255,255,255,0.3); padding:7px 20px; display:block;}

.xbox .tab_menu li:last-child{ border-bottom:none;}

.xbox .tab_menu li span{ display:block; font-size:16px; height:26px; line-height:26px; color:#fff;}

.xbox .tab_menu li span a{ display:block; color:#fff; float:left;}

.xbox .tab_menu li span b{ float:right; width:6px; height:26px; display:block; background-image:url(../images/sav.png); background-position:center; background-repeat:no-repeat;}

.xbox .tab_menu li p{ display:block; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#aaa;}

.xbox .tab_menu li p a{ font-size:14px; line-height:24px; color:#aaa; margin-right:10px;}

.xbox .tab_menu li p a:hover{ color:#fff;}

.xbox .tab_menu li:hover{ background-color:#0653bb;}

.xbox .tabox{ position:absolute; left:230px; top:0; display:none;}

.xbox .tabox .cont{ width:910px; padding:25px 28px; padding-right:30px; padding-top:3px; border:2px solid #0653bb; border-left:none; height:488px; overflow:auto; background-color:#fff;}

.xbox .tabox .cont dt{ width:910px; font-size:16px; line-height:36px; border-bottom:1px solid #cacaca; margin-top:20px;}

.xbox .tabox .cont dt a{ display:block; color:#0653bb;}

.xbox .tabox .cont dd{ width:930px; overflow:hidden; display:block; padding-top:10px;}

.xbox .tabox .cont dd a{ display:block; float:left; margin-right:20px; font-size:14px; line-height:24px;}

.xbox .tabox .cont dd a:hover{ color:#0653bb;}

.xbox .tab_menu li:hover .tabox{ display:block;}



.mban{ width:100%; height:520px; position:relative; z-index:0;}

.mban .swiper-slide{ width:100%; height:520px; position:relative; display:block; overflow:hidden;}

.mban .swiper-slide img{ width:1920px; display:block; position:absolute; left:50%; margin-left:-960px; top:0;}



/*产品中心*/

.sect{ width:100%; background-color:#eee;}

.sect .pp{ width:1200px; margin:auto; margin-top:36px;}

.sect .pp:last-child{ margin-bottom:50px;}

.sect .pp .title{ width:100%; height:54px;}

.sect .pp .title b{ font-size:26px; line-height:54px; height:54px; display:block; float:left;}

.sect .pp .title p{ display:block; float:right; padding-top:3px;}

.sect .pp .title p a{ display:block; font-size:14px; line-height:34px; float:left; margin-left:20px;}

.sect .pp .title p a:hover{ color:#0653bb; border-bottom:2px solid #00b5e4;}

.sect .pp .box{ width:100%; background-color:#fff;}

.sect .pp .box dt{ width:600px; padding:10px; box-sizing:border-box; height:220px; border-right:1px solid #eee; border-bottom:1px solid #eee; display:block; float:left; overflow:hidden;}

.sect .pp .box dt a{ width:580px; height:200px; display:block; overflow:hidden;}

.sect .pp .box dt a img{ width:100%; display:block;}

.sect .pp .box dd{ width:300px; height:220px; border-right:1px solid #eee; border-bottom:1px solid #eee; display:block; float:left; overflow:hidden; box-sizing:border-box;}

.sect .pp .box dd strong{ height:120px; display:block; width:259px; margin:20px auto; overflow:hidden;}

.sect .pp .box dd strong img{ max-width:100%; max-height:120px; display:block; margin:auto; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}

.sect .pp .box dd:hover img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}

.sect .pp .box dd span{ height:20px; line-height:20px; font-size:16px; text-align:center; display:block; overflow:hidden; width:259px; margin:auto;}

.sect .pp .box dd p{ height:26px; line-height:26px; font-size:14px; text-align:center; display:block; overflow:hidden; width:259px; margin:auto; color:#999;}

.sect .pp .box dd:hover span{ color:#0653bb;}



/*产品列表*/

.wei{ width:1200px; margin:auto; font-size:14px; height:50px; line-height:50px;}

.wei span{ color:#0653bb;}

.xuan{ width:1198px; margin:auto; border:1px solid #cacaca; border-top:none; background-color:#fff; display:block; overflow:visible;}

.xuan li{ border-top:1px solid #cacaca; display:flex;}

.xuan li>span{ width:118px; border-right:1px solid #cacaca; text-align:center; display:block; background-color:#eee; line-height:44px;}

.xuan li>p{ padding-bottom:9px; padding-left:49px; width:1030px;}

.xuan li>p>a{ min-width:58px; padding:0 15px; display:block; height:24px; line-height:24px; border:1px solid #cacaca; float:left; overflow:hidden; margin-right:20px; margin-top:9px; cursor:pointer;}

.xuan li>p>a:hover{ border:1px solid #0653bb; color:#0653bb;}

.xuan li>p>a.cur{ background-image:url(../images/xuan.png); background-position:right bottom; background-repeat:no-repeat; border:1px solid #0653bb; color:#0653bb;}

.xuan li>p b{ font-weight:normal; display:block; float:left; font-size:14px; line-height:24px; margin-top:9px; margin-right:50px; vertical-align:middle;}

.xuan li>p b input{ display:inline-block; vertical-align:middle; margin-right:5px; line-height:24px;}

.xuan li>p>label{ display:block; float:left; margin-right:20px; margin-top:9px; position:relative; z-index:0;}

.xuan li>p>label>a{ display:block; min-width:58px; padding:0 15px; height:24px; line-height:24px; border:1px solid #cacaca; overflow:hidden;}

.xuan li>p>label:hover>a{ border:1px solid #0653bb; color:#0653bb;}

.xuan li>p>label>a.cur{ background-image:url(../images/xuan.png); background-position:right bottom; background-repeat:no-repeat; border:1px solid #0653bb; color:#0653bb;}

.xuan li>p>label strong{ width:100%; min-width:180px; overflow:hidden; display:none; font-weight:normal; background-color:#eee; position:absolute; left:0; top:26px;}

.xuan li>p>label:hover strong{ display:block;}

.xuan li>p>label:hover{ z-index:9;}

.xuan li>p>label strong a{ display:block; font-size:13px; line-height:20px; margin:0 10px;}

.xuan li>p>label strong a:hover{ color:#0653bb;}

.xuan li>p>label strong a:first-child{ margin-top:10px;}

.xuan li>p>label strong a:last-child{ margin-bottom:10px;}



.cp{ width:1200px; margin:auto; padding-top:65px;}

.cp .title{ text-align:center; width:1200px; margin:auto; position:relative; text-align:center; padding-bottom:27px;}

.cp .title a{ width:60px; height:4px; position:absolute; left:50%; margin-left:-30px; bottom:0; background:linear-gradient(to right,#0653bb,#2298d6); display:block; overflow:hidden;}

.cp .title b{ display:block; font-size:30px; height:38px; line-height:38px; position:relative; z-index:3; letter-spacing:4px; text-indent:4px;}

.cp .title p{ display:block; text-align:center; font-size:30px; height:40px; line-height:40px; position:absolute; left:0; top:15px; z-index:0; text-transform:uppercase; color:#333; opacity:0.1; font-weight:bold; width:100%;}

.cp .box{ width:1230px; display:block;}

.cp .box li{ width:380px; float:left; margin-right:30px; margin-top:30px; display:block; overflow:hidden; position:relative; height:200px;}

.cp .box li .p05{ width:320px; height:100%; position:absolute; left:0; top:0; z-index:0; background:linear-gradient(to right,#ffffff,#f7f7f7); border-radius:10px;}

.cp .box li .wen{ position:relative; z-index:2; padding:25px 20px; width:200px;}

.cp .box li .wen .p01{ display:block; font-size:18px; line-height:28px; height:28px; font-weight:bold;}

.cp .box li .wen .p02{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; font-size:14px; line-height:24px; margin-top:5px;}

.cp .box li .wen .p03{ width:120px; display:block; font-size:14px; line-height:34px; height:34px; text-align:center; border-radius:34px; background-color:#eee; margin-top:10px;}

.cp .box li .p04{ position:absolute; right:0; bottom:20px; z-index:1;}

.cp .box li .p04 img{ display:block; max-width:150px; max-height:140px;}

.cp .box li:hover .p05{ background:linear-gradient(to right,#0653bb,#00b5e4);}

.cp .box li:hover .p01,.cp .box li:hover .p02{ color:#fff;}

.cp .box li:hover .p03{ background-color:#fff;}

.cp .box li .p03:hover{ margin-top:5px;}



.fanye.white li a{ background-color:#fff;}



/*产品内页*/

.rm{ width:1200px; margin:70px auto; margin-top:65px;}

.rm .title{ text-align:center; width:1200px; margin:auto; position:relative; text-align:center; padding-bottom:27px;}

.rm .title a{ width:60px; height:4px; position:absolute; left:50%; margin-left:-30px; bottom:0; background:linear-gradient(to right,#0653bb,#2298d6); display:block; overflow:hidden;}

.rm .title b{ display:block; font-size:30px; height:38px; line-height:38px; position:relative; z-index:3; letter-spacing:4px; text-indent:4px;}

.rm .title p{ display:block; text-align:center; font-size:30px; height:40px; line-height:40px; position:absolute; left:0; top:15px; z-index:0; text-transform:uppercase; color:#333; opacity:0.1; font-weight:bold; width:100%;}

.rm .box{ width:1230px; display:block;}

.rm .box li{ width:380px; float:left; margin-right:30px; margin-top:30px; display:block; overflow:hidden; position:relative; height:200px;}

.rm .box li .p05{ width:320px; height:100%; position:absolute; left:0; top:0; z-index:0; background:linear-gradient(to right,#eee,#f7f7f7); border-radius:10px;}

.rm .box li .wen{ position:relative; z-index:2; padding:25px 20px; width:200px;}

.rm .box li .wen .p01{ display:block; font-size:18px; line-height:28px; height:28px; font-weight:bold;}

.rm .box li .wen .p02{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; font-size:14px; line-height:24px; margin-top:5px;}

.rm .box li .wen .p03{ width:120px; display:block; font-size:14px; line-height:34px; height:34px; text-align:center; border-radius:34px; background-color:#eee; margin-top:10px;}

.rm .box li .p04{ position:absolute; right:0; bottom:20px; z-index:1;}

.rm .box li .p04 img{ display:block; max-width:150px; max-height:140px;}

.rm .box li:hover .p05{ background:linear-gradient(to right,#0653bb,#00b5e4);}

.rm .box li:hover .p01,.rm .box li:hover .p02{ color:#fff;}

.rm .box li:hover .p03{ background-color:#fff;}

.rm .box li .p03:hover{ margin-top:5px;}



.cp01{ width:1200px; margin:auto; background-color:#eee; margin-bottom:70px;}

.cp01 .tu{ width:100%; overflow:hidden; height:490px;}

.cp01 .tu img{ height:100%; display:block; margin:auto;}

.cp01 .bt{ font-size:24px; line-height:34px; padding:25px 30px; padding-bottom:10px;}

.cp01 .bt p{ float:right; position:relative; height:34px; font-size:16px; line-height:34px;}

.cp01 .bt p img{ height:20px; margin:7px 10px; display:block; float:left;}

.cp01 .bt a{ position:absolute; left:0; top:0; width:100%; height:34px; opacity:0;}

.cp01 .wen{ font-size:16px; line-height:26px; padding:25px 30px; padding-top:0;}

.cp01 img{ max-width:100%; height:auto;}



.cp02{ padding:70px 0; width:100%; background-color:#eee;}

.cp02 .box{ width:1200px; margin:auto; display:flex; flex-wrap:wrap;}

.cp02 .left{ padding:30px; padding-top:25px; background-color:#fff; float:left; width:520px; min-height:275px;}

.cp02 .bt{ width:100%; margin-bottom:15px;}

.cp02 .bt b{ display:block; float:left; font-size:24px; line-height:34px; height:34px; color:#0653bb;}

.cp02 .bt p{ display:block; float:left; font-size:14px; line-height:24px; height:24px; color:#999; margin-top:10px; margin-left:10px; text-transform:uppercase;}

.cp02 .left .wenz{ width:100%;}

.cp02 .left .wenz .tu{ width:240px; height:226px; float:left;}

.cp02 .left .wenz .tu img{ width:100%; display:block;}

.cp02 .left .wenz .wen{ width:260px; margin-left:20px; margin-top:20px; font-size:14px; line-height:30px; float:left;}

.cp02 .left .wenz .wen>b{ font-size:18px; line-height:40px; display:block;}



.cp02 .right{ padding:25px 30px; background-color:#fff; float:left; width:520px; min-height:280px; margin-left:40px;}

.cp02 .right .tu{ width:100%; height:120px;}

.cp02 .right .tu img{ width:100%; display:block;}

.cp02 .right .wen{ width:100%; font-size:14px; line-height:24px; margin-top:15px;}



.cp02 .mil{ padding:30px; padding-top:25px; background-color:#fff; float:left; width:1140px; min-height:275px; margin-top:30px;}

.cp02 .mil .wenz{ width:100%;}

.cp02 .mil .wenz .tu{ width:450px; height:226px; float:left;}

.cp02 .mil .wenz .tu img{ width:100%; display:block;}

.cp02 .mil .wenz .wen{ width:660px; margin-left:30px; font-size:14px; line-height:24px; float:left;}

.cp02 .mil .wenz .wen>b{ font-size:18px; line-height:28px; margin:5px 0; display:block;}



/*品牌展示*/

.brand{ width:1200px; margin:auto; margin-top:-20px;}

.brand ul{ width:1220px; display:block; overflow:hidden;}

.brand li{ width:285px; display:block; float:left; height:350px; background-color:#fff; margin-top:20px; margin-right:20px;}

.brand li .left{ width:100%; height:200px; background-color:#fff;}

.brand li .left img{ height:100%; display:block; margin:auto;}

.brand li .right{ width:100%; height:150px;}

.brand li .right .bt{ margin:15px 20px; margin-bottom:5px; font-size:18px; line-height:28px; height:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.brand li .right .wen{ margin:15px 20px; margin-top:0; font-size:14px; line-height:24px; display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:2; overflow:hidden;}

.brand li .right .more{ width:100%; border-top:1px solid #eee;}

.brand li .right .more span{ display:block; float:left; margin-left:20px; height:38px; line-height:38px; font-size:14px;}

.brand li .right .more b{ width:38px; height:38px; display:block; float:right; background-image:url(../images/more01_09.jpg); background-position:center; background-repeat:no-repeat; border-left:1px solid #eee;}

.brand li:hover{ background-color:#0653bb;}

.brand li:hover a{ color:#fff !important;}

.brand li:hover .more{ border-top:1px solid rgba(255,255,255,0.2);}

.brand li:hover .more b{ background-image:url(../images/more02_07.jpg); border-left:1px solid rgba(255,255,255,0.2);}



/*品牌展示内页*/

.sect .chan{ width:1200px; margin:auto;}

.sect .cl{ width:568px; height:348px; float:left; border:1px solid #cacaca;} 

.sect .cl .swiper-container{ width:100%; height:348px; overflow:hidden; position:relative;}

.sect .cl .swiper-wrapper{ position:relative; width:100%; height:100%;}

.sect .cl .swiper-slide a{ width:100%; height:100%; padding:20px; box-sizing:border-box; display:block; overflow:hidden;}

.sect .cl .swiper-slide img{ display:block; margin:auto; max-height:100%; max-width:100%;}

.sect .cl .swiper-pagination{ width:100%; position:absolute; right:10px; bottom:10px; text-align:right; z-index:11; font-size:18px;}

.sect .cl .swiper-pagination span.swiper-pagination-current{ color:#0653bb;}

.sect .cl .swiper-button-next{ width:22px; height:40px; position:absolute; right:10px; top:50%; margin-top:-20px; z-index:11;}

.sect .cl .swiper-button-prev{ width:22px; height:40px; position:absolute; left:10px; top:50%; margin-top:-20px; z-index:11;}



.sect .cr{ width:600px; float:right;}

.sect .cr .tou{ font-size:24px; color:#0653bb; line-height:34px; height:34px; margin-top:15px;}

.sect .cr .list{ display:block; margin:7px 0;}

.sect .cr .list li{ font-size:16px; line-height:30px; display:block; color:#0653bb; overflow:hidden;}

.sect .cr .list li span{ color:#666;}

.sect .cr .wen{ font-size:14px; height:96px; line-height:24px; margin-bottom:30px;}

.sect .cr .cr03{ width:520px; padding:30px 40px; background-color:#f7f7f7; height:40px;}

.sect .cr .cr03 .box{ padding-left:54px; background-image:url(../images/tel_03.jpg); background-position:left center; background-repeat:no-repeat; position:relative; height:40px;}

.sect .cr .cr03 .box span{ display:block; font-size:14px; line-height:14px; height:14px; overflow:hidden;}

.sect .cr .cr03 .box p{ display:block; font-size:24px; line-height:32px; height:32px; overflow:hidden; color:#0653bb;}

.sect .cr .cr03 .box a{ width:120px; height:40px; text-align:center; position:absolute; right:0; top:0; font-size:14px; line-height:40px; border-radius:5px; background:linear-gradient(to right,#0653bb,#2298d6); color:#fff; display:block;}



.sect .cpx{ width:1200px; margin:auto; background-image:url(../images/ptt.jpg); background-position:left bottom; background-repeat:no-repeat; height:44px; padding-top:36px;}

.sect .cpx p{ display:block; text-align:center; font-size:18px; height:44px; line-height:44px; width:120px; font-weight:bold; color:#0653bb;}

.sect .cpx01{ width:1200px; margin:30px auto; text-align:center; font-size:30px; line-height:70px; vertical-align:middle;}

.sect .cpx01 p{ display:inline-block; margin:0 5px; width:50px; height:70px; line-height:70px; text-align:center; color:#0653bb; background-image:url(../images/js_07.jpg); background-position:center; background-repeat:no-repeat;}

.sect .cpx02{ width:1200px; margin:auto; font-size:14px; line-height:24px; margin-top:30px;}

.sect .cpx02 img{ max-width:100%; height:auto;}

.sect .cpx02 table{ width:100% !important;}

.sect .cpx02 table td{ padding:5px 10px;}



/*弹出框*/

#btn1{ cursor: pointer;}

.xcConfirm .xc_layer{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #666666; opacity: 0.5; z-index: 2147000000;}

.xcConfirm .popBox{position: fixed; left: 50%; top: 50%; padding-bottom: 20px; background-color: #ffffff; z-index: 2147000001; width: 570px; margin-left: -285px; margin-top: -160px; border-radius: 5px; font-weight: bold; color: #535e66;}

.xcConfirm .popBox .ttBox{height: 30px; line-height: 30px; padding: 14px 30px; border-bottom: solid 1px #eef0f1;}

.xcConfirm .popBox .ttBox .tt{font-size: 18px; display: block; float: left; height: 30px; position: relative;}

.xcConfirm .popBox .ttBox .clsBtn{display: block; cursor: pointer; width: 12px; height: 12px; position: absolute; top: 22px; right: 30px; background: url(__PUBLIC__/Home/PC/images/icons.png) -48px -96px no-repeat;}

.xcConfirm .popBox .txtBox{margin: 40px 100px; overflow: hidden;}

.xcConfirm .popBox .txtBox .bigIcon{float: left; margin-right: 20px; width: 48px; height: 48px; background-image: url(__PUBLIC__/Home/PC/images/icons.png); background-repeat: no-repeat; background-position: 48px 0;}

.xcConfirm .popBox .txtBox p{ margin-top: 16px; line-height: 26px; overflow-x: hidden; overflow-y: auto;}

.xcConfirm .popBox .btnArea{border-top: solid 1px #eef0f1;}

.xcConfirm .popBox .btnGroup{float: right;}

.xcConfirm .popBox .btnGroup .sgBtn{margin-top: 14px; margin-right: 10px;}

.xcConfirm .popBox .sgBtn{display: block; cursor: pointer; float: left; width: 95px; height: 35px; line-height: 35px; text-align: center; color: #FFFFFF; border-radius: 5px;}

.xcConfirm .popBox .sgBtn.ok{background-color: #0095d9; color: #FFFFFF;}

.xcConfirm .popBox .sgBtn.cancel{background-color: #546a79; color: #FFFFFF;}



.par{ width:1200px; margin:auto;}

.par ul{ width:1230px; display:block; overflow:hidden;}

.par ul li{ width:173px; display:block; float:left; margin-right:30px; margin-top:30px; border:1px solid #cacaca; height:66px;}

.par ul li img{ max-width:100%; max-height:100%; display:block; margin:auto;}

.par ul li:hover{ border:1px solid #0653bb;}



.container:after{content:"";display:block;clear:both;}

.clearfix:after{content:"";display:block;clear:both;}

.suspension{position:fixed;z-index:55;right:0;bottom:85px;width:70px;height:240px;}

.suspension-box{position:relative;float:right;}

.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}

.suspension .a.active,

.suspension .a:hover{background:#0653bb;}

.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}

/* .suspension .a-service .i{background-position:0 0;} */

.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}

.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}

.suspension .a-qrcode .i{background-position:-44px 0;}

.suspension .a-cart .i{background-position:-88px 0;}

.suspension .a-top .i{background-position:-132px 0;}

.suspension .a-top{background:#D2D3D6;display:none;}

.suspension .a-top:hover{background:#c0c1c3;}

.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}

.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}

.suspension .d-service{top:0;}

.suspension .d-service-phone{top:34px;}

.suspension .d-qrcode{top:78px;}

.suspension .d .inner-box{padding:8px 22px 12px;}

.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}

.suspension .d-service .d-service-item{border-bottom:none;}

.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}

.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}

.suspension .d-service-item:hover .i-qq{background-position:center 3px;}

.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}

.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}

.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}

.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}

.suspension .d-service-intro{padding-top:10px;}

.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}

.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}

.suspension .d-qrcode{text-align:center;}

.suspension .d-qrcode .inner-box{padding:20px 0;}

.suspension .d-qrcode p{font-size:16px;color:#93959c;}