@charset "utf-8";
/* CSS Document */
html,body{ width:100%; height:100%;}
body{ font-family:"microsoft yahei", Helvetica, STHeiTi, "helvetica neue", 微软雅黑, SimSun, sans-serif; font-size:14px; line-height:1.5; color:#333; background-color:#fff; overflow-x:hidden;}
a{ text-decoration:none; color:#333;-webkit-tap-highlight-color:transparent;}
*{ list-style:none; margin:0; outline:none; padding:0; border:none;}
.fl{ float:left;}
.fr{ float:right;}
.ov{ overflow:hidden;}
.dis{ display:block !important;}
.dn{ display:none;}
.clear{ clear:both;}
.clear:after{ content:""; display:block; clear:both;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#999;} 
input:-moz-placeholder,textarea:-moz-placeholder{ color:#999;} 
input::-moz-placeholder,textarea::-moz-placeholder{ color:#999;} 
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#999;} 
input,select,textarea{ -webkit-appearance:none;}
input[type=radio]{ -webkit-appearance:radio;}
input[type=checkbox]{ -webkit-appearance:checkbox;}
body::-webkit-scrollbar{ width:2px; height:1px;}
body::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#9b2136;}
body::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0.7);}

/*header*/
.header{ width:100%; height:210px; position:relative; z-index:3; background-color:#fff;}
.header .bg{ width:50%; height:50px; background-color:#9b2136; position:absolute; right:0; bottom:0; z-index:1;}
.header .head{ width:1200px; height:210px; margin:auto; position:relative; z-index:3;}
.header .head .left{ height:170px; float:left; padding:20px 0;}
.header .head .left img{ display:block; height:170px;}
.header .head .right{ width:920px; float:right;}
.header .head .right .logo{ float:left; margin:48px 32px; height:64px;}
.header .head .right .logo img{ display:block; height:64px;}
.header .head .right .tel{ float:right; height:160px; display:flex; flex-direction:column; justify-content:center; align-items:flex-end;}
.header .head .right .tel span{ display:block; padding-left:32px; font-size:18px; line-height:30px; background-image:url(../images/tel_06.jpg); background-position:left center; background-repeat:no-repeat; overflow:hidden;}
.header .head .right .tel p{ display:block; text-align:right; font-size:14px; line-height:24px; overflow:hidden; margin-top:2px;}
.header .head .right .nav{ float:left; height:50px; width:100%; background-image:url(../images/navbg_14.jpg); background-position:left bottom; background-repeat:no-repeat; background-color:#9b2136;}
.header .head .right .nav .yu{ padding-left:28px; background-image:url(../images/yu_14.jpg); background-position:left center; background-repeat:no-repeat; font-size:16px; line-height:50px; height:50px; float:right; color:#fff; font-weight:bold;}
.header .head .right .nav .yu a{ color:#fff;}
.header .head .right .nav .yu a.on{ text-decoration:underline;}
.header .head .right .nav ul{ display:block; height:50px; margin-right:5px; float:right;}
.header .head .right .nav ul li{ display:block; float:left; height:50px; padding:0 25px;}
.header .head .right .nav ul li>a{ font-size:16px; line-height:50px; height:50px; display:block; color:#fff; position:relative;}
.header .head .right .nav ul li>a b{ width:100%; height:2px; display:none; position:absolute; left:0; bottom:0; background-color:#fff; overflow:hidden;}
.header .head .right .nav ul li.on>a b{ display:block;}
.header .head .right .nav ul span{ width:1px; height:12px; background-color:#fff; margin:19px 0; display:block; float:left;}
.header .head .right .nav ul li .down{ width:1920px; position:absolute; left:50%; transform:translateX(-50%); top:100%; background-image:url(../images/navbg.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; box-shadow:0 0 10px rgba(0,0,0,.1); padding:40px 0; display:none; justify-content:center; flex-wrap:wrap;}
.header .head .right .nav ul li:hover .down{ display:flex;}
.header .head .right .nav ul li .down a{ width:275px; height:180px; position:relative; display:block; overflow:hidden; border:5px solid #fff; margin:10px; background-color:#fff;}
.header .head .right .nav ul li .down a p{ width:100%; height:100%; display:block; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.header .head .right .nav ul li .down a:hover p{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
.header .head .right .nav ul li .down a b{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:3; background-color:rgba(0,0,0,.7); display:flex; justify-content:center; align-items:center; font-size:20px; line-height:30px; color:#fff; overflow:hidden; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.header .head .right .nav ul li .down a:hover b{ opacity:0;}

/*banner*/
.banner{ width:100%; height:460px; position:relative; z-index:1;}
.banner .swiper-container{ width:100%; height:100%; position:relative; z-index:1;}
.banner .swiper-slide{ width:100%; height:100%; position:relative; z-index:1;}
.banner .swiper-slide a{ display:block; width:100%; position:relative; overflow:hidden; height:100%;}
.banner .swiper-slide img{ display:block; width:1920px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.banner .swiper-pagination{ position:absolute; bottom:20px; left:50%; transform:translateX(-50%);}
.banner .swiper-pagination span{ width:10px; height:10px; display:block; float:left; margin:0 5px; cursor:pointer; border-radius:100%; background-color:rgba(0,0,0,.7);}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#9b2136;}

/*产品中心*/
.title{ width:1200px; margin:auto; position:relative; z-index:3; text-align:center;}
.title>b{ display:block; font-size:30px; line-height:34px; text-transform:uppercase; color:#9b2136; height:34px; overflow:hidden;}
.title>p{ display:block; font-size:24px; line-height:34px; color:#333; height:34px; overflow:hidden;}
.title>span{ display:block; width:40px; height:2px; background-color:#999; margin:auto; margin-top:5px; overflow:hidden;}

.pbox{ width:100%; padding-top:65px; padding-bottom:70px; background-color:#fff; position:relative; z-index:1;}
.pbox .box{ width:1200px; margin:auto; margin-top:30px;}
.pbox .box .swiper-container{ width:100%; height:320px;}
.pbox .box .swiper-container .swiper-slide{ width:285px; height:320px;}
.pbox .box .swiper-container .swiper-slide a{ display:block; width:283px; height:318px; border:1px solid #eee; border-radius:5px; overflow:hidden; position:relative;}
.pbox .box .swiper-container .swiper-slide .tu{ width:100%; height:210px; display:flex; align-items:center;}
.pbox .box .swiper-container .swiper-slide .tu img{ max-width:100%; max-height:210px; margin:auto; display:block;}
.pbox .box .swiper-container .swiper-slide .duo{ width:30px; height:30px; background-color:#333; background-image:url(../images/duo.png); background-position:center; background-repeat:no-repeat; position:absolute; right:19px; top:195px;}
.pbox .box .swiper-container .swiper-slide:hover .duo{ background-color:#9b2136;}
.pbox .box .swiper-container .swiper-slide .wen{ padding:15px 19px;}
.pbox .box .swiper-container .swiper-slide .wen span{ display:block; font-size:18px; line-height:26px; height:26px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-bottom:4px;}
.pbox .box .swiper-container .swiper-slide .wen p{ display:block; font-size:14px; line-height:24px; height:24px; color:#666; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pbox .box .swiper-container .swiper-slide:hover .wen span{ color:#9b2136;}
.pbox .box .swi{ width:260px; margin:auto; margin-top:30px;}
.pbox .box .swi .swiper-button-white{ float:left; width:38px; height:38px; border-radius:100%; background-color:#fff; border:1px solid #eee; overflow:hidden; background-repeat:no-repeat;}
.pbox .box .swi .swiper-button-prev{ background-image:url(../images/prev.png); background-position:12px center;}
.pbox .box .swi .swiper-button-next{ background-image:url(../images/next.png); background-position:right 12px center;}
.pbox .box .swi .swiper-button-white:hover{ background-color:#9b2136; border:1px solid #9b2136;}
.pbox .box .swi .swiper-button-prev:hover{ background-image:url(../images/prev01.png);}
.pbox .box .swi .swiper-button-next:hover{ background-image:url(../images/next01.png);}
.pbox .box .swi a{ width:158px; height:38px; line-height:38px; border:1px solid #eee; display:flex; align-items:center; justify-content:center; font-size:14px; position:relative; border-radius:40px; overflow:hidden; background-color:#fff; float:left; margin:0 10px;}
.pbox .box .swi a img{ display:block; margin-left:20px;}
.pbox .box .swi a img.img02{ display:none;}
.pbox .box .swi a:hover{ background-color:#9b2136; color:#fff; border:1px solid #9b2136;}
.pbox .box .swi a:hover img.img01{ display:none;}
.pbox .box .swi a:hover img.img02{ display:block;}

/*应用行业*/
.hbox{ width:100%; padding-top:65px; padding-bottom:70px; background-color:#f6f6f6; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative; z-index:1;}
.hbox .box{ width:1200px; margin:auto; margin-top:20px; display:block; height:440px; position:relative;}
.hbox .box dt{ width:655px; height:400px; display:block; overflow:hidden; background-position:center; background-size:100% 100%; background-repeat:no-repeat;}
.hbox .box dd{ width:655px; height:400px; display:block; overflow:hidden; background-position:center; background-size:100% 100%; background-repeat:no-repeat; position:absolute; right:0; bottom:0;}
.hbox .box a{ width:590px; display:flex; align-items:center; justify-content:center; height:100%; overflow:hidden;}
.hbox .box dd a{ float:right;}
.hbox .box a .tu{ width:100px; height:90px; background-image:url(../images/hline.png); display:flex; align-items:center; justify-content:center;}
.hbox .box a .tu img{ display:block; max-height:46px; max-width:46px; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.hbox .box a .wen{ width:340px; margin-left:10px;}
.hbox .box a .wen span{ display:block; font-size:18px; line-height:28px; height:28px; overflow:hidden; color:#fff;}
.hbox .box a .wen p{ display:block; font-size:14px; line-height:20px; height:40px; overflow:hidden; color:#ccc; margin:3px 0;}
.hbox .box a .wen b{ display:flex; align-items:center; font-size:14px; line-height:24px; height:24px; overflow:hidden; color:#ccc; font-weight:normal;}
.hbox .box a .wen b img{ display:block; margin-left:10px;}
.hbox .box a:hover .tu img{ -webkit-transform:rotateY(-360deg);}

/*新闻动态*/
.nbox{ width:100%; padding-top:65px; padding-bottom:70px; background-color:#fff; position:relative; z-index:1;}
.nbox .title{ text-align:left;}
.nbox .title>span{ margin-left:0;}
.nbox .title .right{ position:absolute; right:0; bottom:0;}
.nbox .title .right a{ display:block; float:left; margin-left:20px; overflow:hidden; text-align:center; padding:3px 9px; height:52px; border:1px solid #eee; border-radius:5px;}
.nbox .title .right a span{ display:block; min-width:80px; font-size:14px; line-height:28px; height:28px; overflow:hidden; border-bottom:1px solid #eee;}
.nbox .title .right a b{ width:10px; height:10px; display:block; margin:6px auto; background-image:url(../images/nduo.png); background-position:center; background-repeat:no-repeat;}
.nbox .title .right a.on{ background-color:#9b2136; border:1px solid #9b2136;}
.nbox .title .right a.on span{ color:#fff; border-bottom:1px solid #b96473;}
.nbox .title .right a.on b{ background-image:url(../images/nduo01.png);}
.nbox .box{ width:1200px; margin:auto; margin-top:30px;}
.nbox .box .tabox{ width:100%; overflow:hidden; height:560px;}
.nbox .box .tabox .left{ width:590px; height:560px; padding:35px 30px; background-color:#f6f6f6; box-sizing:border-box; float:left;}
.nbox .box .tabox .left .t01{ height:60px; width:100%;}
.nbox .box .tabox .left .t01 a{ display:block; font-size:20px; line-height:30px; height:60px; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.nbox .box .tabox .left .t01 a:hover{ color:#9b2136;}
.nbox .box .tabox .left .t02{ height:26px; line-height:26px; margin:10px 0; padding-left:25px; background-image:url(../images/time_31.png); background-position:left center; background-repeat:no-repeat;}
.nbox .box .tabox .left .t03{ height:72px; width:100%; font-size:14px; line-height:24px; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.nbox .box .tabox .left .t04{ margin-top:17px; height:220px;}
.nbox .box .tabox .left .t04 img{ display:block; height:220px;}
.nbox .box .tabox .left .t05{ margin-top:30px;}
.nbox .box .tabox .left .t05 a{ width:158px; height:38px; line-height:38px; border:1px solid #333; display:flex; align-items:center; justify-content:center; font-size:14px; position:relative; border-radius:40px; overflow:hidden; float:left;}
.nbox .box .tabox .left .t05 a img{ display:block; margin-left:20px;}
.nbox .box .tabox .left .t05 a img.img02{ display:none;}
.nbox .box .tabox .left .t05 a:hover{ background-color:#9b2136; color:#fff; border:1px solid #9b2136;}
.nbox .box .tabox .left .t05 a:hover img.img01{ display:none;}
.nbox .box .tabox .left .t05 a:hover img.img02{ display:block;}
.nbox .box .tabox .right{ width:560px; display:block; overflow:hidden; margin-top:-4px; float:right;}
.nbox .box .tabox .right li{ width:100%; padding:18px 0; border-bottom:1px solid #eee;}
.nbox .box .tabox .right li .t01{ height:28px; padding-left:20px; background-image:url(../images/li.png); background-position:left center; background-repeat:no-repeat;}
.nbox .box .tabox .right li .t01 a{ display:block; font-size:18px; line-height:28px; height:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.nbox .box .tabox .right li .t02{ font-size:14px; line-height:24px; height:24px; padding-left:20px; color:#666;}
.nbox .box .tabox .right li .t03{ font-size:14px; line-height:24px; height:48px; padding-left:20px; margin-top:4px; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.nbox .box .tabox .right li .t01 a:hover{ color:#9b2136;}

/*联系我们*/
.lbox{ width:100%; padding-top:84px; padding-bottom:79px; background-color:#f6f6f6; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative; z-index:1;}
.lbox .box{ width:1200px; margin:auto; display:flex; flex-direction:column; justify-content:center;}
.lbox .box dt{ padding-left:80px; display:block; background-position:top left; background-repeat:no-repeat; overflow:hidden; margin-bottom:35px;}
.lbox .box dd{ padding-left:80px; display:block; background-position:top left; background-repeat:no-repeat; overflow:hidden;}
.lbox .box dt span,.lbox .box dd span{ display:block; font-size:16px; line-height:24px; height:24px; overflow:hidden;}
.lbox .box dt p{ display:block; font-size:20px; line-height:26px; overflow:hidden; margin-top:5px;}
.lbox .box dd p{ display:block; font-size:18px; line-height:28px; overflow:hidden; margin-top:5px;}

/*搜索*/
.mbox{ display:flex; justify-content:center; align-items:center; width:100%; height:480px; background-color:#fff; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative; z-index:1;}
.mbox .bg{ width:100%; height:100%; background-color:#9b2136; position:absolute; left:0; top:0; z-index:1; opacity:.9;}
.mbox .box{ width:1200px; position:relative; z-index:3;}
.mbox .box .t01{ font-size:44px; line-height:54px; text-align:center; color:#fff;}
.mbox .box .t02{ font-size:16px; line-height:26px; text-align:center; color:#fff; margin-top:20px;}
.mbox .box .t03{ width:690px; margin:45px auto; margin-bottom:5px;}
.mbox .box .t03 p{ display:block; width:598px; height:44px; border:1px solid #fff; float:left; overflow:hidden; border-radius:5px;}
.mbox .box .t03 p input{ width:100%; padding:0 19px; box-sizing:border-box; display:block; font-size:14px; line-height:44px; height:44px; color:#fff; background-color:transparent; overflow:hidden;}
.mbox .box .t03 p input::-webkit-input-placeholder{ color:#fff;} 
.mbox .box .t03 p input:-moz-placeholder{ color:#fff;} 
.mbox .box .t03 p input::-moz-placeholder{ color:#fff;} 
.mbox .box .t03 p input:-ms-input-placeholder{ color:#fff;}  
.mbox .box .t03 span{ display:block; width:80px; height:46px; float:right; overflow:hidden; border-radius:5px;}
.mbox .box .t03 span input{ width:100%; height:46px; line-height:46px; display:block; overflow:hidden; border-radius:5px; background-color:#fff; color:#9b2136; cursor:pointer;}

/*footer*/
.footer{ width:100%; background-color:#111;}
.footer .foot{ width:1200px; margin:45px auto;}
.footer .foot .left{ width:300px; float:left; padding-bottom:5px; margin-right:20px;}
.footer .foot .left .f01{ font-size:18px; line-height:28px; height:28px; color:#fff;}
.footer .foot .left .f02{ display:block; margin-top:-5px;}
.footer .foot .left .f02 li{ display:block; overflow:hidden; margin-top:20px;}
.footer .foot .left .f02 li span{ display:block; float:left; overflow:hidden; border-radius:100%; border:1px solid #333; width:30px; height:30px;}
.footer .foot .left .f02 li span img{ height:14px; display:block; margin:8px auto;}
.footer .foot .left .f02 li p{ display:block; float:left; overflow:hidden; width:calc(100% - 42px); margin-left:10px; margin-top:3px; line-height:24px; font-size:14px; color:#aaa;}
.footer .foot .mil{ width:600px; float:left;}
.footer .foot .mil .f01{ width:100px; display:block; float:left;}
.footer .foot .mil .f03{ width:100%; display:block; float:left; margin-top:21px;}
.footer .foot .mil dt{ display:block; font-size:18px; height:28px; line-height:28px; color:#fff; overflow:hidden;}
.footer .foot .mil dd{ display:block; padding-top:10px; overflow:hidden;}
.footer .foot .mil dd a{ display:block; font-size:14px; line-height:24px; height:24px; overflow:hidden; color:#aaa;}
.footer .foot .mil .f01 dd a{ margin-bottom:6px;}
.footer .foot .mil dd a:hover{ color:#fff;}
.footer .foot .mil .f03 dd{ padding-top:5px;}
.footer .foot .mil .f03 dd a{ margin-right:20px; float:left;}
.footer .foot .right{ width:250px; float:right;}
.footer .foot .right .f01{ font-size:18px; line-height:28px; height:28px; color:#fff;}
.footer .foot .right .f02{ padding:20px 0; margin-top:-5px; margin-bottom:15px; border-bottom:1px solid #333; display:flex; align-items:center;}
.footer .foot .right .f02 p{ font-size:14px; line-height:24px; display:block; color:#aaa; flex:1;}
.footer .foot .right .f02 strong{ width:80px; display:block; overflow:hidden;}
.footer .foot .right .f02 strong img{ width:100%; display:block;}
.footer .foot .right .f03{ padding-bottom:5px; margin-left:-10px;}
.footer .foot .right .f03 a{ display:block; background-color:#fff; width:34px; height:34px; border-radius:100%; float:left; margin-left:10px; margin-top:10px; opacity:0.5; overflow:hidden;}
.footer .foot .right .f03 a img{ height:18px; display:block; margin:8px auto;}
.footer .foot .right .f03 a:hover{ opacity:1;}
.footer .bq{ width:100%; background-color:#090909; height:60px; display:flex; justify-content:center; align-items:center;}
.footer .bq p{ display:block; font-size:14px; line-height:24px; color:#fff; height:24px; overflow:hidden; margin:0 20px;}
.footer .bq p a{ color:#fff;}

/*右侧浮动*/
.onFixed{ position:fixed; right:10px; bottom:10%; z-index:910;}
.onFixed li{ position:relative; margin-top:15px;}
.onFixed li a{ display:block; cursor:pointer;}
.onFixed li a .icon{ display:block; width:44px; height:44px; border-radius:50%; box-shadow:0 0 10px rgba(0, 0, 0, 0.04); background-color:#FFFFFF; background-repeat:no-repeat; background-position:center center; transition:all .3s; background-size:100% 100%;}
.onFixed li a .icon-online-tel{ background-image:url(../images/icon_online_1.png);}
.onFixed li a .icon-online-email{ background-image:url(../images/icon_online_2.png);}
.onFixed li a .icon-online-wx{ background-image:url(../images/icon_online_3.png);}
.onFixed li a .icon-online-kefu{ background-image:url(../images/icon_online_4.png);}
.onFixed li a .icon-online-top{ background-image:url(../images/icon_online_5.png);}
.onFixed li .onCon{ position:absolute; right:100%; top:5px; padding-right:15px; line-height:34px; white-space:nowrap; color:#FFFFFF; font-size:14px; opacity:0; visibility:hidden; transform:translateX(-5px); transition:all .3s;}
.onFixed li .onCon::before{ display:block; content:""; position:absolute; right:10px; top:12px; width:0; height:0; border-left:5px solid #9b2136; border-top:5px solid transparent; border-bottom:5px solid transparent;}
.onFixed li .onCon p{ background-color:#9b2136; padding:0 14px; border-radius:5px;}
.onFixed li .onCon img{ width:80px; border:5px solid #9b2136; border-radius:5px;}
.onFixed li a:hover .icon{ background-color:#9b2136;}
.onFixed li a:hover .icon-online-tel{ background-image:url(../images/icon_online_1_hover.png);}
.onFixed li a:hover .icon-online-email{ background-image:url(../images/icon_online_2_hover.png);}
.onFixed li a:hover .icon-online-wx{ background-image:url(../images/icon_online_3_hover.png);}
.onFixed li a:hover .icon-online-kefu{ background-image:url(../images/icon_online_4_hover.png);}
.onFixed li a:hover .icon-online-top{ background-image:url(../images/icon_online_5_hover.png);}
.onFixed li a:hover .onCon{ opacity:1; visibility:visible; transform:translateX(0);}

/*内页*/
.ban{ width:100%; height:300px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ban div{ width:100%; height:100%; background-color:rgba(0,0,0,.7); display:flex; align-items:center;}
.ban p{ width:1200px; margin:auto; text-align:center;}
.ban p b{ display:block; color:#fff; font-size:30px; line-height:40px; margin-bottom:10px;}
.ban p span{ display:block; color:#fff; font-size:16px; line-height:26px;}

.wei{ width:100%; height:50px; background-color:#fff; background-image:url(../images/ab.jpg); background-position:left bottom; background-repeat:repeat-x;}
.wei .box{ width:1200px; margin:auto;}
.wei .box .left{ float:left; padding-left:26px; background-image:url(../images/home.png); background-position:left center; background-repeat:no-repeat; font-size:14px; line-height:50px;}
.wei .box .right{ float:right;}
.wei .box .right a{ display:block; float:left; font-size:14px; line-height:50px; height:48px;}
.wei .box .right span{ font-size:12px; color:#ccc; display:block; float:left; margin:0 30px; line-height:50px;}
.wei .box .right a:hover{ color:#9b2136;}
.wei .box .right a.on{ color:#9b2136; border-bottom:2px solid #9b2136;}

/*关于我们-集团简介*/
.ab01{ width:100%; padding-top:65px; padding-bottom:70px; background-color:#fff; position:relative; z-index:1;}
.ab01 .box{ width:1200px; margin:auto; margin-top:30px; position:relative; z-index:3; display:flex;}
.ab01 .left{ width:600px;}
.ab01 .left .w01{ font-size:36px; line-height:44px; height:44px; color:#999; text-transform:uppercase;}
.ab01 .left .w02{ width:100%; margin-top:5px;}
.ab01 .left .w02 p{ display:flex; align-items:center; float:left; padding:7px 20px; font-size:14px; line-height:26px; color:#fff; background:linear-gradient(to right,#bc0028,#b3022c);}
.ab01 .left .w02 p img{ display:block; height:16px; margin-right:10px;}
.ab01 .left .w03{ width:100%; font-size:24px; line-height:34px; margin-top:25px; font-weight:bold;}
.ab01 .left .w04{ width:100%; font-size:14px; line-height:24px; margin-top:5px;}
.ab01 .left .w05{ width:100%; display:flex; justify-content:space-between; padding-top:30px;}
.ab01 .left .w05 li{ width:23%; display:block; overflow:hidden;}
.ab01 .left .w05 li span{ display:block; font-size:14px; line-height:24px;}
.ab01 .left .w05 li p{ display:block; font-size:14px; line-height:38px; height:38px; vertical-align:text-top;}
.ab01 .left .w05 li p b{ font-size:36px; color:#9b2136; margin-right:5px;}
.ab01 .right{ width:550px; background-position:center; background-repeat:no-repeat; background-size:cover; border-radius:10px; margin-left:50px;}

/*企业沿革*/
.ab01 .fz{ width:1200px; margin:auto; position:relative; z-index:3;}
.ab01 .fz dl{ width:100%; display:block; position:relative;}
.ab01 .fz dl b{ width:1px; height:100%; background-color:#ddd; position:absolute; left:20px; top:0; z-index:0; display:block;}
.ab01 .fz dl dt{ display:block; position:relative; z-index:9; margin-bottom:30px;}
.ab01 .fz dl dt img{ display:block;}
.ab01 .fz dl dd{ display:block; position:relative; z-index:9; margin-bottom:25px; padding-left:61px; background-image:url(../images/line_03.png); background-position:left 10px; background-repeat:no-repeat; margin-left:15px; overflow:hidden;}
.ab01 .fz dl dd span{ display:block; width:120px; height:31px; margin-bottom:5px; line-height:32px; float:left; text-align:center; font-size:14px; border-radius:30px; background-color:#9b2136; color:#fff;}
.ab01 .fz dl dd p{ font-size:14px; line-height:24px; padding-top:4px; width:calc(100% - 135px); float:right; display:block;}

/*本佳理念*/
.ab02{ width:100%; padding-top:65px; padding-bottom:70px; background-color:#fff; position:relative; z-index:1;}
.ab02 .box{ width:1200px; margin:auto; margin-top:30px; position:relative; z-index:3;}
.ab02 .box .left{ width:550px; float:left;}
.ab02 .box .left img{ width:100%; display:block;}
.ab02 .box .right{ width:580px; float:right;}
.ab02 .box .right ul{ display:block; overflow:hidden; margin-top:-8px;}
.ab02 .box .right ul li{ display:block; overflow:hidden; position:relative; margin-top:25px; padding-left:10px;}
.ab02 .box .right ul li em{ display:block; position:relative; z-index:3; font-size:48px; line-height:45px; height:45px; font-weight:bold; font-family:Arial; color:#9b2136; width:66px; float:left;}
.ab02 .box .right ul li p{ width:calc(100% - 66px); display:block; font-size:18px; font-weight:bold; line-height:28px; margin-top:10px; float:left;}
.ab02 .box .right ul li span{ width:100%; height:10px; border-radius:10px; position:absolute; left:0; bottom:0; z-index:1; background-color:#9b2136; opacity:0.3; display:block; overflow:hidden;}

/*宣传视频*/
.ab03{ width:100%; padding-top:65px; padding-bottom:70px; background-color:#fff; position:relative; z-index:1;}
.ab03 .box{ width:1200px; margin:auto; margin-top:30px; position:relative; z-index:3; font-size:14px; line-height:24px;}
.ab03 .box img{ max-width:100%; height:auto;}
.ab03 .box video{ max-width:100%; height:auto !important; margin:auto; display:block;}
.ab03 .box iframe{ max-width:100%;}

/*本佳产品*/
.main .pro{ width:1200px; margin:auto; margin-top:10px;}
.main .pro p{ display:flex; flex-wrap:wrap; justify-content:center; margin-left:-10px; margin-right:-10px;}
.main .pro p a{ display:block; padding:0 19px; height:38px; line-height:38px; font-size:16px; border:1px solid #eee; border-radius:40px; margin:10px; overflow:hidden; text-align:center;}
.main .pro p a:hover{ border:1px solid #9b2136; color:#9b2136;}
.main .pro p a.on{ border:1px solid #9b2136; color:#fff; background-color:#9b2136;}
.main .pro01{ display:block; width:1200px; margin:auto;}
.main .pro01 li{ width:285px; height:320px; display:block; float:left; margin-left:20px; margin-top:20px;}
.main .pro01 li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.main .pro01 li a{ display:block; width:283px; height:318px; border:1px solid #eee; border-radius:5px; overflow:hidden; position:relative;}
.main .pro01 li .tu{ width:100%; height:210px; display:flex; align-items:center;}
.main .pro01 li .tu img{ max-width:100%; max-height:210px; margin:auto; display:block;}
.main .pro01 li .duo{ width:30px; height:30px; background-color:#333; background-image:url(../images/duo.png); background-position:center; background-repeat:no-repeat; position:absolute; right:19px; top:195px;}
.main .pro01 li:hover .duo{ background-color:#9b2136;}
.main .pro01 li .wen{ padding:15px 19px;}
.main .pro01 li .wen span{ display:block; font-size:18px; line-height:26px; height:26px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-bottom:4px;}
.main .pro01 li .wen p{ display:block; font-size:14px; line-height:24px; height:24px; color:#666; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main .pro01 li:hover .wen span{ color:#9b2136;}

/*本佳产品内页*/
.pro03{ width:1200px; margin:70px auto;}
.pro03 .cl { width:540px; height:355px; padding:9px; border-radius:10px; border:1px solid #eee; float:left;}
.pro03 .cl .swiper-slide a{ width:100%; height:355px;  display:flex; align-items:center; overflow:hidden;}
.pro03 .cl .swiper-slide img{ display:block; max-width:100%; max-height:355px; margin:auto;}
.pro03 .cl .swiper-pagination{ width:100%; position:absolute; right:10px; bottom:10px; text-align:right; z-index:11;}
.pro03 .cl .swiper-button-prev{ width:40px; height:40px; border-radius:100%; overflow:hidden; background-image:url(../images/prev01.png); background-position:center; background-repeat:no-repeat; position:absolute; left:15px; top:50%; margin-top:-20px; z-index:11; background-color:rgba(0,0,0,.7);}
.pro03 .cl .swiper-button-prev:hover{ background-color:#9b2136;}
.pro03 .cl .swiper-button-next{ width:40px; height:40px; border-radius:100%; overflow:hidden; background-image:url(../images/next01.png); background-position:center; background-repeat:no-repeat; position:absolute; right:15px; top:50%; margin-top:-20px; z-index:11; background-color:rgba(0,0,0,.7);}
.pro03 .cl .swiper-button-next:hover{ background-color:#9b2136;}
.pro03 .cr{ width:600px; float:right; padding-top:5px;}
.pro03 .cr .tou{ font-size:20px; line-height:30px; color:#9b2136;}
.pro03 .cr .wen{ font-size:14px; line-height:24px; margin-top:5px; max-height:72px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.pro03 .cr .bt{ font-size:14px; line-height:24px; margin-top:10px; border-top:1px solid #eee; padding-top:10px;}
.pro03 .cr .list{ font-size:14px; line-height:24px;}
.pro03 .cr .cr03{ background-color:#f6f6f6; height:50px; position:relative; background-image:url(../images/tel.png); background-position:20px center; background-repeat:no-repeat; padding:20px; padding-left:70px; margin-top:20px;}
.pro03 .cr .cr03 span{ display:block; font-size:14px; line-height:24px;}
.pro03 .cr .cr03 p{ display:block; font-size:22px; line-height:24px; color:#9b2136;}
.pro03 .cr .cr03 a{ position:absolute; right:20px; top:25px; width:140px; text-align:center; display:block; color:#fff; border-radius:5px; background:#9b2136; font-size:16px; height:40px; line-height:40px; overflow:hidden; cursor:pointer;}

.pro04{ width:100%; padding-top:65px; background-color:#f6f6f6; padding-bottom:70px;}
.pro04 .biao{ width:1200px; margin:auto; text-align:center; position:relative; z-index:3;}
.pro04 .biao span{ display:block; font-size:24px; line-height:34px; margin:auto; color:#333; font-weight:bold;}
.pro04 .biao b{ width:50px; height:2px; background-color:#9b2136; display:block; margin:auto; margin-top:10px;}
.pro04 .box{ width:1200px; margin:auto; margin-top:30px;}
.pro04 .box .left{ width:550px; float:left;}
.pro04 .box .left .bt{ font-size:18px; line-height:28px;  color:#333; font-weight:bold;}
.pro04 .box .left .wen{ font-size:14px; line-height:24px; margin-top:5px;}
.pro04 .box .left .wen img{ max-width:100%; height:auto !important;}
.pro04 .box .left .list{ width:100%; display:block; overflow:hidden; border-bottom:1px solid #ddd; margin-top:15px;}
.pro04 .box .left .list>li{ display:block; overflow:hidden; position:relative;}
.pro04 .box .left .list>li>h5{ width:100%; font-size:16px; height:40px; line-height:40px; background-color:#fff9fa; text-indent:20px; background-image:url(../images/add01.png); background-position:right 20px center; background-repeat:no-repeat; border-top:1px solid #ddd;}
.pro04 .box .left .list>li.on>h5{ background-image:url(../images/add.png);}
.pro04 .box .left .proshow{ background-color:#fff; display:none; padding:15px; border-bottom:none; font-size:14px; line-height:24px;}
.pro04 .box .left .list>li.on .proshow{ display:block;}
.pro04 .box .left .proshow img{ max-width:100%; height:auto !important;}
.pro04 .box .left .proshow table{ width:100% !important; border-collapse:collapse; border:1px solid black; text-align:center;}
.pro04 .box .left .proshow table th,.pro04 .box .left .proshow table td{ padding:10px; border:1px solid black; word-break:break-all;}
.pro04 .box .right{ width:600px; float:right;}
.pro04 .box .right video{ width:100%; height:auto !important; display:block;}

.pro05{ width:100%; padding-bottom:70px; padding-top:65px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.pro05 .bg{ width:100%; height:100%; background-color:#9b2136; position:absolute; left:0; top:0; z-index:1; opacity:.9;}
.pro05 .biao{ width:1200px; margin:auto; text-align:center; position:relative; z-index:3;}
.pro05 .biao span{ display:block; font-size:24px; line-height:34px; margin:auto; color:#fff; font-weight:bold;}
.pro05 .biao b{ width:50px; height:2px; background-color:#fff; display:block; margin:auto; margin-top:10px;}
.pro05 ul{ width:1200px; margin:auto; display:flex; flex-wrap:wrap; overflow:hidden; position:relative; z-index:3;}
.pro05 ul li{ width:49%; margin-left:2%; overflow:hidden; margin-top:30px; background-color:rgba(255,255,255,0.1); border:1px solid rgba(255,255,255,0.7); padding:15px 30px; box-sizing:border-box; text-align:center;}
.pro05 ul li:nth-child(2n+1){ margin-left:0;}
.pro05 ul li .bt{ font-size:18px; line-height:28px; color:#fff; overflow:hidden; font-weight:bold;}
.pro05 ul li .wen{ font-size:14px; line-height:24px; color:#fff; overflow:hidden; margin-top:5px;}

/*技术服务-服务理念*/
.fw01{ width:100%; padding-top:65px; padding-bottom:65px; background-color:#fff; position:relative; z-index:1;}
.fw01 .box{ width:1200px; margin:auto; margin-top:30px; position:relative;}
.fw01 .box .left{ width:670px; height:340px; float:left;}
.fw01 .box .left img{ width:100%; display:block;}
.fw01 .box .right{ width:500px; padding-left:30px; float:right; padding-top:25px;}
.fw01 .box .right .w01{ padding-left:70px; position:relative; font-size:24px; line-height:34px; font-weight:bold; color:#9b2136;}
.fw01 .box .right .w01 b{ width:110px; height:4px; display:block; position:absolute; left:-60px; top:50%; margin-top:-2px; background-color:#9b2136; overflow:hidden;}
.fw01 .box .right .w02{ font-size:18px; line-height:28px; font-weight:bold; color:#666; margin-top:10px;}
.fw01 .box .right .w03{ font-size:14px; line-height:24px; margin-top:20px;}
.fw01 .box01{ width:1200px; margin:auto; margin-top:25px; position:relative;}
.fw01 .box01 .w01{ font-size:20px; line-height:30px; font-weight:bold;}
.fw01 .box01 .w02{ font-size:14px; line-height:24px; margin-top:5px;}

/*技术支持*/
.main{ width:100%; padding-top:65px; padding-bottom:70px; background-color:#fff; position:relative; z-index:1;}
.main .down{ width:1200px; margin:auto; position:relative; display:block; margin-top:5px;}
.main .down li{ width:calc(100% - 150px); overflow:hidden; display:block; padding:20px 0; border-bottom:1px solid #eee; position:relative; padding-right:150px;}
.main .down li .bt{ padding-left:16px; background-image:url(../images/li.png); background-position:left center; background-repeat:no-repeat;}
.main .down li .bt:hover{ background-image:url(../images/li01.png);}
.main .down li .bt a{ font-size:18px; line-height:28px; display:block; height:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main .down li .bt a:hover{ color:#9b2136;}
.main .down li .abstract{ width:calc(100% - 16px); font-size:14px; line-height:24px; display:block; height:48px; margin-left:16px; margin-top:5px; color:#666;}
.main .down li .xz{ position:absolute; right:0; margin-top:-20px; top:50%;}
.main .down li .xz a{ width:126px; height:40px; line-height:40px; display:flex; align-items:center; justify-content:center; overflow:hidden; background-color:#f7f7f7; text-align:center; border-radius:5px; cursor:pointer;}
.main .down li .xz a:hover{ background-color:#9b2136; color:#fff;}

.fanye{ width:100%; margin-top:30px; text-align:center;}
.fanye>div,.fanye>ul{ display:flex; justify-content:center;}
.fanye li{ margin:0 5px; display:block;}
.fanye li a{ width:28px; height:28px; line-height:28px; background-color:#fff; border:1px solid #eee; overflow:hidden; border-radius:3px; display:block;}
.fanye li span{ width:28px; height:28px; line-height:28px; border-radius:3px; display:block; border:1px solid #9b2136; overflow:hidden;}
.fanye li.active span{ color:#fff; background-color:#9b2136;}
.fanye li.disabled span{ color:#aaa; background-color:#f2f2f2; cursor:no-drop;}
.fanye li a:hover{ color:#9b2136; border:1px solid #9b2136;}

/*新闻资讯*/
.main .news{ width:1200px; margin:auto; display:block;}
.main .news li{ display:flex; align-items:center; overflow:hidden; padding:30px 0; border-bottom:1px solid #eee;}
.main .news li .left{ width:300px; height:214px;}
.main .news li .left img{ width:100%; display:block;}
.main .news li .right{ width:calc(100% - 320px); margin-left:20px;}
.main .news li .right .w01{ font-size:18px; line-height:28px; font-weight:bold;}
.main .news li .right .w01 a{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main .news li .right .w01 a:hover{ color:#9b2136;}
.main .news li .right .w02{ font-size:14px; line-height:24px; color:#666;}
.main .news li .right .w03{ font-size:14px; line-height:24px; height:72px; margin-top:10px; padding-top:10px; border-top:1px solid #eee; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;}
.main .news li .right .w04{ padding-top:10px; padding-bottom:5px;}
.main .news li .right .w04 a{ width:130px; display:block; text-align:center; border-radius:36px; background-color:#f7f7f7; font-size:14px; line-height:36px; height:36px; overflow:hidden;}
.main .news li .right .w04 a:hover{ background-color:#9b2136; color:#fff;}

/*新闻资讯内页*/
.ny{ width:1200px; margin:auto; padding:65px 0; position:relative; z-index:1;}
.ny .lbar{ width:890px; float:left;}
.ny .lbar .bt{ color:#9b2136; font-size:24px; line-height:34px;}
.ny .lbar .sj{ color:#999; font-size:14px; line-height:32px; height:37px; border-bottom:1px solid #eee;}
.ny .lbar .wen{ font-size:14px; line-height:24px; margin-top:20px;}
.ny .lbar .wen img{ max-width:100%; height:auto;}
.ny .lbar .back{ margin-top:20px; padding-top:9px; border-top:1px solid #eee; position:relative;}
.ny .lbar .back p{ width:780px; display:block; font-size:14px; height:24px; line-height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:6px;}
.ny .lbar .back p a:hover{ color:#9b2136;}
.ny .lbar .back span{ position:absolute; right:0; top:15px; font-size:14px; height:24px; line-height:24px;}
.ny .lbar .back span a:hover{ color:#9b2136;}

.ny .rbar{ width:258px; border:1px solid #eee; border-top:2px solid #9b2136; float:right; margin-top:5px;}
.ny .rbar .bt{ padding-left:19px; font-size:18px; height:50px; line-height:50px; border-bottom:1px solid #eee;}
.ny .rbar ul{ display:block; padding:4px 19px; padding-bottom:15px;}
.ny .rbar ul li{ display:block; width:100%; margin-top:15px; overflow:hidden;}
.ny .rbar ul li strong{ width:100%; display:block; overflow:hidden;}
.ny .rbar ul li strong img{ width:100%; display:block;}
.ny .rbar ul li p{ display:block; overflow:hidden; font-size:16px; height:26px; line-height:26px; padding-top:5px;}
.ny .rbar ul li span{ display:block; overflow:hidden; font-size:14px; height:22px; line-height:22px; color:#999;}

/*联系我们*/
.main .lx01{ width:1200px; margin:auto; margin-top:30px;}
.main .lx01 .left{ width:600px; height:430px; float:left;}
.main .lx01 .left #map{ width:100%; height:100%;}
.main .lx01 .right{ width:550px; float:right; display:block;}
.main .lx01 .right dt{ display:block; overflow:hidden; margin-top:20px; min-height:48px; background-position:left top; background-repeat:no-repeat; padding-left:68px;}
.main .lx01 .right dt span{ display:block; font-size:14px; line-height:24px; height:24px;}
.main .lx01 .right dt p{ display:block; font-size:16px; line-height:24px;}
.main .lx01 .right dd{ display:flex; align-items:center; margin-top:30px;}
.main .lx01 .right dd strong{ width:108px; height:108px; border:1px solid #ddd; display:flex; align-items:center; overflow:hidden;}
.main .lx01 .right dd strong img{ max-width:100%; display:block; margin:auto;}
.main .lx01 .right dd p{ display:block; font-size:14px; line-height:24px; margin-left:20px;}

.lx02{ width:100%; padding-top:65px; padding-bottom:70px; background-color:#f6f6f6; position:relative; z-index:1;}
.lx02 ul{ width:1200px; margin:auto; display:flex; flex-wrap:wrap;}
.lx02 ul li{ width:380px; background-color:#fff; margin-top:30px; padding:25px; box-sizing:border-box; position:relative; margin-left:30px;}
.lx02 ul li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.lx02 ul li .w01{ height:36px; padding-top:5px;}
.lx02 ul li .w01 img{ display:block; height:36px;}
.lx02 ul li .w02{ font-size:18px; line-height:28px; font-weight:bold; margin-top:15px;}
.lx02 ul li .w03{ font-size:14px; line-height:24px; margin-top:5px; color:#666;}
.lx02 ul li .w04{ position:absolute; right:25px; top:25px;}
.lx02 ul li .w04 strong{ display:block; font-size:16px; line-height:26px; color:#666; text-align:right;}
.lx02 ul li .w04 b{ display:block; font-size:14px; line-height:1.2; color:#999; text-align:right; text-transform:uppercase;}

/*在线留言*/
.lx03{ width:1200px; margin:auto; margin-top:30px; height:500px; position:relative;}
.lx03 .left{ width:500px; position:absolute; left:0; top:0; z-index:0;}
.lx03 .left img{ width:100%; display:block;}
.lx03 .right{ width:780px; padding:30px; padding-top:73px; 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;}
.lx03 .right .r01{ float:left; margin-top:20px; width:360px;}
.lx03 .right .r01 span{ display:block; float:left; text-align:right; width:70px; margin-right:10px; height:44px; line-height:44px; font-size:14px;}
.lx03 .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;}
.lx03 .right .r02{ float:left; margin-top:20px; width:360px; margin-left:60px; position:relative;}
.lx03 .right .r02 span{ display:block; float:left; text-align:right; width:70px; margin-right:10px; height:44px; line-height:44px; font-size:14px;}
.lx03 .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;}
.lx03 .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;}
.lx03 .right .r02 b{ width:10px; height:5px; display:block; background-image:url(../images/xiala_x.png); position:absolute; right:10px; top:50%; margin-top:-3px;}
.lx03 .right .r03{ float:left; margin-top:20px; width:780px;}
.lx03 .right .r03 span{ display:block; float:left; text-align:right; width:70px; margin-right:10px; height:44px; line-height:44px; font-size:14px;}
.lx03 .right .r03 textarea{ display:block; float:left; width:680px; padding:10px; height:100px; line-height:24px; font-size:14px; background-color:#fff; overflow:auto; font-family:inherit;}
.lx03 .right .r05{ float:left; margin-top:20px; width:780px; position:relative;}
.lx03 .right .r05 span{ margin-left:80px; display:block; float:left; height:42px; line-height:42px; font-size:16px;}
.lx03 .right .r05 input{ width:120px; height:42px; line-height:42px; text-align:center; font-size:16px; color:#fff; cursor:pointer; background:#9b2136; display:block; float:right;}
.lx03 .right .r05 input:hover{ background-color:#af0428;}