body{ width: 100%; overflow-x: hidden;}
.wrap{ width: 1200px; margin: 0 auto;}
.grayBg{width: 100%;min-width: 1200px; background-color: #f5f5f6;}
/*header*/
.header{position: fixed;top: 0;left: 0;z-index: 40; width:100%; height: 69px; line-height: 69px;  background: rgba(255,255,255,0.1); font-size: 18px;border-bottom: 1px solid; border-bottom-color: rgba(255,255,255,0.1);}
.logo {display:inline-block; float: left; width: 137px;height: 28px; background: url(../images/logo.png); margin-top: 21px;}
.menu {float:right;}
.menu li {float: left; margin-left: 50px; height: 70px; line-height:70px;}
.menu a {display: inline-block;color: #fff; height: 55px; border-top: 0; bottom: 0;}
.menu li.current a, .menu li:hover a{border-bottom: 2px solid #fff;}
.menu .current a, .menu li:hover a{ color: #fff;}
.mob-header{display: none;}

.pos{position: relative; }
.product{position: absolute;top: 70px; right: -65px; width: 240px;height: 204px;background: #fff; display: none; box-shadow: 0 2px 24px 0 rgb(19 46 81 / 10%); padding: 15px 0;}
.product div{height: 50px; line-height: 50px;text-align: center;}
.product div a{color: #111; font-size: 16px;}
.product:hover div a{color: #111;}

.tel{display: inline-block; min-width: 200px; float: right; padding: 0 25px; line-height: 1.5; border: 1px solid; height: 69px;border-color: rgba(255,255,255,0.1); border-bottom: 0; margin-left: 40px;color: #fff;}
.tel .fl{display: inline-block;}
.tel img{float: left; margin: 23px 15px 0 0 ;}
.tel h3{font-size: 24px;font-weight: bold;line-height: 1;margin-top: 13px; }
.tel p{font-size: 14px; color: #f2f2f2;}
.tel span{display: inline-block; float: left; width: 25px;height: 24px; background: url(../images/tel.png); margin: 23px 15px 0 0;}
.active .menu a,.active .tel,.active .tel p{color: #333;}

.active{background: #fff; color: #333;box-shadow: 0 2px 24px 0 rgb(19 46 81 / 10%);}
.active .tel{border-left: 1px solid #f5f5f5;border-right: 1px solid #f5f5f5;}
.active .logo{background: url(../images/red_logo.png);}
.active .tel span{background: url(../images/balck_tel.png);}
.active .menu .current a, .active .menu li:hover a{border-bottom: 2px solid #cc162e; color: #cc162e;}
.active .menu .current, .active .menu li:hover,.pos .cur a{color: #cc162e;}

 li.pos:hover .product a{color: #333!important; border: 0!important;}
.menu .product a{border: 0; color: #333;}
.product .menu li:hover a{border: 0;color: #cc162e;}
.product .cur a{border-bottom:0; color: #cc162e !important;}
.product div:hover a{border-bottom:0!important; }
 li.pos .product a:hover,li.pos:hover .product .cur a{color: #cc162e !important;}
.swiper-slide{ background-repeat: no-repeat; background-position: center; background-size: cover;}
.index-banner{width:100%; min-width: 1200px; height:800px; background:url(../images/index_banner01.jpg) no-repeat center;}
@font-face {font-family: myFirstFont; src:url(index.ttf);}
.index01{color: #fff; text-align: center;font-size: 24px;}
.index01 h1{font-family: myFirstFont;font-size: 80px; /*margin: 330px 0 10px;*/}

.index h1{padding: 330px 0 10px;}
.prev,.next{width:44px;height:44px;position:absolute;z-index:222;top:50%;margin-top:-22px;overflow:hidden;cursor:pointer;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);_border:1px solid none;display:block;}
.prev{left:70px;}
.next{right:70px;}
.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}

.index-data{height: 240px; width: 100%; background: url(../images/data_bg.png) 100% 100%;}
.index-data ul{width: 1200px; margin: 0 auto;}
.index-data li{display: inline-block; width: 300px; float: left; text-align: center; margin-top: 40px;}
.index-data span{position: relative; font-size: 72px; font-family: Impact;color: #cc162e;}

.index-data i{position: absolute; top: 0; right: -12px; font-size: 18px;font-family:PingFang SC,Helvetica,"思源黑体 CN",Arial,Hiragino Sans GB,Microsoft YaHei,Heiti SC,WenQuanYi Micro Hei,sans-serif; color: #cc162e;}
.index-data i.pl10{right: -30px;}
.index-data div{color: #888; font-size: 16px;}

/*bigTitle*/
.bigTitle{font-size: 36px; color: #111; text-align: center;margin: 80px 0 20px;font-weight: 600;}
.gray_8{color: #888; text-align: center; font-size: 16px;}
.index-con{margin-top: 60px;}
.index-con li{width: 500px; height: 206px; padding: 45px 40px 5px; float: left;background: url(../images/index01.jpg); margin-bottom: 20px; color: #fff;}
.index-con li.con2{background: url(../images/index02.jpg); margin-left: 20px;}
.index-con li.con3{background: url(../images/index04.jpg);}
.index-con li.con4{background: url(../images/index03.jpg); margin-left: 20px;}
.index-con h2{font-size: 24px; font-weight: bold; margin-bottom: 20px;} 
.index-con li.con4{word-break:break-all;}
.index-con a{color: #fff; display: block; margin-top: 55px;}
.index-con a:hover{font-weight: bold;}
.index-con a img{-webkit-transition: all .3s linear;
 -moz-transition: all .3s linear;-o-transition: all .3s linear;-webkit-transition: all .3s linear;-ms-transition: all .3s linear;transition: all .3s linear;}
.index-con a:hover img{margin-left: 35px;}

.index-con img{margin-left: 25px;}
.chose{width: 100%;height: 770px;background: url(../images/chose_bg.jpg); margin-top: 70px; color: #fff;}
.index-con p{width: 335px;}
.chose .bigTitle{margin-top: 0; color: #fff; padding-top: 90px;}
.mob-p{display: none;}
.tabArea{position: relative; width: 1200px; background: rgba(0,0,0,0.01); height: 446px; margin: 50px auto; background: url(../images/c_bg.png);}
.tab{padding: 25px 20px 0;float: left;}
.tab li{height: 48px; width: 240px;}
.tab li a{display:block;line-height: 48px;  color: #fff;}
.tab li a:hover{ text-decoration: none; background:#cc162e;}
.tab li.current a{background:#cc162e; border-radius: 2px;}
.tab i{display: inline-block; width: 20px;height: 20px; margin:14px 10px 0 30px; background: url(../images/i_icon.png); float: left;}
.tab i.icon2{background-position: 0 -20px;}
.tab i.icon3{background-position: 0 -60px;}
.tab i.icon4{background-position: 0 -80px;}
.tab i.icon5{background-position: 0 -100px;}
.tab i.icon6{background-position: 0 -120px;}
.tab i.icon7{background-position: 0 -140px;}
.tabContent{position: absolute; top: 0; right: 0; display: none; width: 810px; padding: 45px 55px; float: right;}
.t-title{font-size: 24px; font-weight: bold; margin-bottom: 15px;}
.t-title span{display:inline-block; font-size: 14px; border-radius: 4px;border: solid 1px #fff;padding: 5px 10px;}
.line{border: 1px solid #232323; margin-top: 35px;}
.partners{margin-bottom: 100px; text-align: center;}
.partners img{margin-top: 50px;}

.trea-bg{width: 100%; height: 480px; background: url(../images/treas.jpg);  text-align: center; font-size: 18px;background-position: center; background-size: cover;}
.trea-bg h2{font-size: 60px; font-weight: bold; padding-top: 180px; margin-bottom: 20px; vertical-align: text-bottom;color: #fff;}
.trea-bg p{margin-bottom: 5px;color: #fff;}
.supply{background: url(../images/supply.jpg);}
.int-bg{background: url(../images/int.jpg)}
.ment{background: url(../images/ment.jpg)}
.prsolve{font-size: 16px; margin: 120px 0 120px;}
.ps-title{font-size: 36px;margin-bottom: 25px; font-weight: 600;}
.ps-title span{font-size: 24px;color: #222; margin-left: 20px;    vertical-align: bottom;}
.p-des{width: 555px;line-height: 1.75;}
.use-title{font-size: 18px; margin-top:35px;}
.use li{display: inline-block; text-align: center; margin: 25px 75px 0 12px; font-size: 14px; float: left;}
.use p{margin-top: 5px;}
.p-img{float: right;}
.muse{display: none;}

.chara{ width: 100%; height: 600px; background: #f8fafe; margin-bottom: 90px;background-size:cover;}
.chara .wrap{position: relative; height: 600px; }
.c-img{position: absolute; top: 0; left: -137px;}
.chara .char-con{position: absolute; right: 0; top: 100px; width: 600px; display: inline-block;}
.char-con{font-size: 16px;}
.char-con img{display: none;}
.char-con li{width: 100%; margin-bottom: 25px; line-height: 30px;}
.char-con i{display: inline-block; width: 24px;height: 24px; background: url(../images/tre_icon.png); float: left; margin: 5px 20px 0 0;}
.char-con i.c2{background-position: 0 -24px;}
.char-con i.c3{background-position: 0 -48px;}
.char-con i.c4{background-position: 0 -72px;}
.char-con i.c5{background-position: 0 -96px;}
.char-con i.c6{background-position: 0 -120px;}
.char-con i.c7{background-position: 0 -144px;}
.char-con span{font-weight: bold;}
.char-con p{float: left; width: 556px;}
.chara .char-con {top: 75px;}
.sup i{background: url(../images/sup_icon.png);}
.sup li{margin-bottom: 20px;}
.cment i{background: url(../images/ment_icon.png);}
.int-con i{background: url(../images/ind_icon.png);}

/*.int-chara .char-con{top: 70px;}
.int-chara li{margin-bottom: 20px;}*/
.ind-chara .char-con{top: 60px;}
.ind-chara li{margin-bottom: 20px;}

.case{margin-bottom: 105px;}
.case ul{width: 1280px;}
.case li{display: inline-block; float: left;}

.redbg{height: 200px; background: url(../images/red_bg.png); font-size: 36px; color: #fff; text-align: center; line-height: 200px; margin-top: 65px;}

.contact{background: url(../images/contact.jpg);background-position: center;background-size: cover;}
.map img{display: none;}
.map .wrap{width: 1250px; height: 611px; background: url(../images/map.gif) no-repeat; background-position: top left; background-size:cover; padding-left: 50px;}
.cont{padding-top: 110px;}
.cont .bigTitle{text-align: left;}
.cont h2{font-size: 22px;color: #111; font-weight: bold;line-height: 1; margin-bottom: 15px;}
.mt5{margin-top: 5px;}

.about-bg{position: relative; height: 480px; background: url(../images/about_bg.jpg);}
.abo-con{position: absolute; bottom: -173px;left: 0; width: 100%; color: #fff;}
.mb-about,.mob-des{display: none;}

.abo-box{padding: 25px 30px; width: 300px;height: 370px; float: left; margin-right:48px;text-align: center; background: -moz-linear-gradient(135deg,#d71831 0%, #be1329 100%), -moz-linear-gradient(#d71831, #d71831);
background: -webkit-linear-gradient(135deg,#d71831 0%, #be1329 100%), -webkit-linear-gradient(#d71831, #d71831);
background: -o-linear-gradient(135deg,#d71831 0%, #be1329 100%), -o-linear-gradient(#d71831, #d71831);
background: -ms-linear-gradient(135deg,#d71831 0%, #be1329 100%), -ms-linear-gradient(#d71831, #d71831);}
.abo-box h2{font-size: 48px; font-weight: bold;margin: 20px 0 10px;}
.becom{font-size: 26px; font-weight: bold; margin: 85px 0 25px;}
p.des{padding-top: 60px; font-size: 18px;}
.vision{font-size: 20px; width: 160px;border-top: 2px solid #fff; padding-top: 15px; margin: 0 auto;}
.abolist{margin: 40px auto 120px;}
.abolist h3{font-size: 24px; font-weight: bold; color: #cc162e; margin-bottom: 10px;}
.abolist p{font-size: 16px; color: #333;}
.abolist ul{float: right;}
.abolist li{display: inline-block;width: 200px; margin-left: 60px;}


/*发展历程*/
.history{margin-bottom: 140px;}
.history .bigTitle{margin-bottom: 40px;}
.history img{margin-top: 42px;}
.w360{width: 360px;}
.history span{display: inline-block;width: 105px;height: 35px;background: url(../images/his_title.png); color: #fff;font-size: 18px; line-height: 35px; padding-left: 15px;}
.history i{font-size: 20px;color: #111; font-weight: bold; border-left: 2px solid #ca2629;padding-left: 20px; margin-left: 20px;}
.w360,.w650,.w440{float: left;}
.w440,.w295{margin-top: 30px;}
.w650{width: 650px;margin-left: 85px;}
.w440{width: 440px; margin-left: 250PX;}
.w295{width: 295px; float: right; margin-right: 50PX;}
.h-line{position: relative;}
.h-line ul{list-style: disc; padding-left: 25px;line-height: 1.5; margin-top: 10px;}
.h-line li{margin-top: 3px;}
.l_bg{position: absolute; top: 0; left: 0; width: 2px; margin: 35px 5px 0 0;}
.w360 .l_bg,.w650 .l_bg{background: url(../images/h2.png); height: 239px;}
.w440 .l_bg{background: url(../images/h1.png); height: 190px;}
.w295 .l_bg{background: url(../images/h3.png);height: 150px;}

.BMap_cpyCtrl {display: none;}
.BMapLabel{padding: 5px !important; border-radius: 4px;}

/*foot*/
.foot{ width: 100%; min-width: 1200px; background: #181921; overflow: hidden; font-size: 14px; color: #85868a;}
.foot .wrap{padding: 65px;}
.ftmenu{float: left;}
.t-time{color: #f2f2f2; margin: 15px 0 25px;}
.t-time span{font-size: 20px;font-weight: bold; }
.int{float: right;}
.int li{display: inline-block; margin: 20px 0 0 45px; text-align: center; }
.int p{margin-top: 10px;}
.foot .copyRight{ border-top:1px solid #232323; line-height: 70px; color: #85868a; text-align: center;}
.copyRight a{color: #d3d3d3; margin-left: 10px;}
.copyRight a:hover{color: #e64733;}
.telnum{font-size: 16px;color:#c6c7c8;}