@charset "utf-8";
/* =======================  global ================== */
/*色标方案的控制：*/

/*字体*/
.font-warp{
    color: rgba(255,255,255,1);
}
.font-nav{
    color:  #FFFF26;
}
.font-navD{
    color: #434343;
}
.font-banner{
    color:  rgb(0, 127, 198);
}
.font-red{
    color:  rgb(185, 28, 35);
}
.font-redD{
    color:#FF4900;
}
/*背景*/
.bg-w{
    background-color: rgba(255,255,255,1);
}
.bg-nav{
    background-color: #257ED9;
}
.bg-nava{
    background-color: #1F2B6B;
}
.bg-navD{
    background-color: #172361;
}
.bg-blue{
    background-color:  #0e2744;
}
.bg-blueD{
    background-color:  rgb(5, 177, 227);
}
.bg-blueDD{
    background: rgb(0, 69, 139);
}
.bg-blueT{
    background-color:  rgb(125, 173, 251);
}
.bg-banner{
    background-color: #F1F3F5;
}
.bg-bannerT{
    background-color:  rgb(11, 173, 177);
}
.bg-green{
    background-color:  rgb(125, 213, 171);
}
.bg-greenD{
    background-color:  rgb(207, 197, 27);
}
.bg-greeny{
    background-color:  rgb(249, 187, 53);
}


/*色标方案的控制完*/

/* =======================  reset ================== */

*,*:before,*:after{
    box-sizing: border-box;
}

body{
    background: rgba(255,255,255,1);
    color: rgba(0,0,0,1);
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
/*    font-size: 16px; */
    line-height: 2;
    background: url(../img/onebg.png) repeat-y center top;
}

ul,li,h1,h2,h3,h4,h5,h6,p,dd,dl,ol{
    list-style: none;
    margin: 0;
    padding: 0;
}
a{
    color: #555;
    text-decoration: none;
    cursor: pointer;
}
a:hover,a:focus{
	text-decoration: none;
}
.left{
    float: left;
}
.right{
    float: right;
}
.block{
    display: block;
}
.none{
    display: none;
}
.normal{
    font-weight: normal;
    font-style: normal;
}
.indent{
    text-indent: 2em;
}
.text-left{
    text-align: left;
}
.text-right{
    text-align: right;
}
.text-center{
    text-align: center;
}
.text-nowrap{
    white-space: nowrap;
}
.container:after,.clearfix:after{
    content: '';
    display: table;
    clear: both;
}
.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{
    float: left;
}
.col-1{
    width: 8.33333%;
}
.col-2{
    width: 16.33333%;
}
.col-3{
    width: 25%;
}
.col-4{
    width: 33.33333%;
}
.col-5{
    width: 41.66666%;
}
.col-6{
    width: 50%;
}
.col-7{
    width: 58.33333%;
}
.col-8{
    width: 66.66666%;
}
.col-9{
    width: 75%;
}
.col-10{
    width: 83.33333%;
}
.col-11{
    width: 91.66666%;
}
.col-12{
    width: 100%;
}
.container{
    width: 1300px;
    margin: 0 auto;
}
input:focus{
    outline: none;
}
button{
    border: none;
}

.imgbox>img{
	display: block;
	width: 100%;
}
/* =======================  reset end ================== */
/* =======================  public module ================== */

/*sitenav*/
.header .navtop{
    background: url(../img/nav.png) no-repeat center top;
    height: 48px;
    line-height: 48px;
    font-size: 14px;
}
.sitenav{
    position: relative;
    z-index: 2;
    background: #fff;
}
.sitenav #sitelogo{margin: 20px 0 10px;}
/*nav*/
.sitemenu{position:relative; z-index:1;}
.nav {display: flex;justify-content: space-between;margin-top: 30px}
.nav .nLi{position:relative;}
.nav .nLi h3 a{color:#333;font-size:18px;font-weight: normal;display: block;}
.nav .sub{ display:none; width:100%; left: 0px;top: 50px; position:absolute; background:rgba(255,255,255,.8);  line-height:30px; color: #fff;text-align: center;}
.nav .sub li{ zoom:1; }
.nav .sub a{ display:block;color: #333;font-size: 14px;}
.nav .sub a:hover{ color:#BD0000; background:#fff;  }
.nav .on h3 a{ color: #BD0000;}
/*nav end*/
.sitenav .inputbox{
    border: 1px solid #ccc;
    color: #333;
    font-size: 12px;
    line-height: 28px;
    margin-top: 10px;
    padding: 0 10px;
}
.sitenav .inputbox input{
    border: none;
    width: 110px;
    color: #999;
}
.sitenav .inputbox .icon-jiantou1{
    font-size: 12px;
    margin: 0 5px;
}
.sitenav dl{
    display: flex;
    justify-content: space-between;
}
.sitenav dl a{
    font-size: 14px;
}
.sitenav dl a img{
    vertical-align: middle;
    margin-right: 10px;
}
/*sitenav*/
.product ul li,.product ul li a,.product ul li a img,.service .textbox a,.Join_in .iconlist li a,.Join_in .iconlist li a img,.Join_in .Join a span,.Join_in .Join a,.Join_in a.Joinbtn,.provide .textbox ul li,.exhibition ul li,.exhibition ul li img,.exhibition .Join a,.exhibition .Join a span,.exhibition .spbox .lissp img,.exhibition .spbox .lissp,footer form input[type=submit],.exhibition .swiper-slide a img,.exhibition .swiper-slide a span{-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
/*banner*/
.banner{
   display: block;
   width: 100%;
   /* height: 900px; */
   position: relative;
   overflow: hidden;
   /*background: url(../img/banner.png) center top no-repeat;*/
   z-index: 1;
}
/*banner end*/
/*one*/
.product{
    width: 100%;
    min-height: 415px;
    position: relative;
}
.product .container{position: relative;}
.product .img_box{position: absolute;top: -70px;left: 0;width: 619px;height: 338px;}
.product .video{position: absolute;top: -70px;right: 0;}
.product .video video{width: 619px;height: 360px;background: #F8E2E2;padding: 10px;}
.product .video img{position: absolute;z-index: 2;left: 278px;top: 149px;display: none;}
/*one*/
/*tow*/
.service{
    width: 100%;
    min-height: 1110px;
}
.service .textbox{
}
.service .textbox h3{
    margin-bottom: 55px;
}
.service .textbox h3 a{
   font-size: 26px;
    color: #D21414;
}
/*tow end*/
/*three*/
.Join_in{
    width: 100%;
    padding: 80px 0 0;
    background: url(../img/threebg.png) no-repeat center top;
    background-size: 100% 100%;
    min-height: 915px;
    position: relative;
}
.Join_in h2{font-size: 60px;color: #fff;}
.Join_in h3{font-size: 24px;color: #fff;line-height: 24px;}
.Join_in .iconlist{margin: 59px 0 60px;position: relative;}
.Join_in .iconlist .sp{position: absolute;top: 135px;left: 850px}
.Join_in .iconlist .sp:hover{left: 855px;}
.Join_in .iconlist .sp1{left: 415px}
.Join_in .iconlist .sp1:hover{left: 420px}
.Join_in .iconlist li.col-4{padding: 0 30px}
.Join_in .iconlist li .imgbox{width: 314px;height: 314px;background: #fff;padding: 5px;border-radius: 50%;margin: 0 auto 20px;}
.Join_in .iconlist li h4{font-size: 28px;line-height: 28px;}
.Join_in .iconlist li h5{font-weight: normal;font-size: 18px;font-family: Arial;margin-bottom: 15px;}
.Join_in .iconlist li p{font-weight: normal;font-size: 15px;}
/*three end*/
/*four*/
.provide{padding:220px 0 65px;}
.provide .container{position: relative;}
.provide .container .center{position: absolute;left: 50%;transform: translate(-48%,0);top: -161px;}
.provide ul li{margin-bottom: 20px;}
.provide ul li a{width: 400px;height: 145px;background: #FFC926;display: block;text-align: center;padding: 30px 40px;}
.provide ul li a:hover{border-radius: 10px;}
.provide ul li a h2{font-size: 36px;color: #CC1312;line-height: 36px;margin-bottom: 10px}
.provide ul li a h2 img{vertical-align: middle;margin-right: 10px;}
.provide ul li a p{font-size: 16px;color: #000;line-height: 1.5}
/*four end*/
/*案例展示*/
.exhibition h3{margin-bottom: 60px;font-size: 24px;color: #000000;}
.exhibition .swiper-container {
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 80px;
}

.exhibition .swiper-slide {
    font-size: 15px;
    height: 326px;
}
.exhibition .swiper-slide .imgbox{width: 100%;height: 225px;position: relative;overflow: hidden;}
.exhibition .swiper-slide .imgbox span{position: absolute;left: 0;bottom: 0;background: #D71616;color: #fff;font-size: 16px;padding: 2px 10px;}
.exhibition .swiper-slide a:hover img{ -moz-transform:scale(1.1);-o-moz-transform:scale(1.1);-o-moz-transform:scale(1.1);-webkit-moz-transform:scale(1.1);transform:scale(1.1);}
.exhibition .swiper-slide a:hover span{color: #D71616;background: #fff;}
.exhibition .swiper-slide h2{color: #333333;font-size: 18px;line-height: 18px;margin: 15px 0 5px;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.exhibition .swiper-slide p{color: #666666;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.exhibition .swiper-pagination-bullet-active{background: #D71616;}
.exhibition .swiper-pagination-bullet{width: 12px;height: 12px;}
/*six*/
.six_section{padding: 40px 0;}
.six_section h1{color: #D71616;font-size: 60px;margin-bottom: 50px}
.certify{padding-top:130px}
.certify .swiper{margin:0 auto;position:relative}
.certify .current-swiper{width:1000px;height:455px;margin:0 auto;position:relative;z-index:99}
.certify .left-swiper{position:absolute;left:0px;top:112px;z-index:1}
.certify .right-swiper{position:absolute;right:0px;left:auto;top:112px;z-index:1}
.certify .nocurrent-swiper{width:704px;height:320px;}
.certify .nocurrent-swiper:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(60, 60, 60, 0.5);z-index:99}
.certify .slide1{background:url(../img/certify01.png) no-repeat right 50%/auto 100% #fff}
.certify .slide2{background:url(../img/certify01.png) no-repeat right 50%/auto 100% #333}
.certify .slide3{background:url(../img/certify01.png) no-repeat right 50%/auto 100% #333} 

.certify .title{padding-top:70px;margin-left:45px;height:29px;line-height:29px;font-size:18px;color:#666}
.certify .nocurrent-swiper .title{padding-top:44px;margin-left:30px;font-size:16px;height:25px;line-height:25px}
.certify .name{margin-left:45px;height:55px;display:inline-block;position:relative;line-height:55px;padding-bottom:9px;padding-right:55px;border-bottom:1px solid #dddddd;font-size:36px;color:#333}
.certify .nocurrent-swiper .name{height:46px;line-height:46px;font-size:30px;padding-right:46px;margin-left:30px}
.certify .name:before{content:'';position:absolute;width:30px;height:30px;right:10px;top:0;bottom:0;margin:auto;background:red}
.certify .nocurrent-swiper .name:before{width:26px;height:26px;background-size:100% 100%}
.certify .detail{margin-left:45px;width:275px;margin-top:30px;padding-right:5px;line-height:24px;color:#bbb;font-size:14px}
.certify .nocurrent-swiper .detail{font-size:12px;line-height:20px;width:235px;margin-left:30px}
.certify .swiper-button-prev{width:46px;height:46px;background:url(../img/curr_prev.png) no-repeat center center}
.certify .swiper-button-next{width:46px;height:46px;background-size:auto;background-image:url(../img/curr_next.png)}
/*six end*/
/*Seven*/
.Seven_section{padding: 98px 0;position: relative;}
.Seven_section .icate{position: absolute;top: -40px;right: -140px}
.Seven_section .textbox{padding-right: 20px}
.Seven_section h1{color: #D71616;font-size: 60px;}
.Seven_section h2{background:#D71616;font-size: 22px;color: #fff;text-align: center;height: 54px;margin-top: 30px;line-height: 1.8;}
.Seven_section h2 p{font-size: 14px;font-weight: normal;line-height: 0;}
.Seven_section .textbox>p{overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;font-size: 16px;color: #333333;margin-top: 30px}
.Seven_section .more{border: 2px solid #D71616;color: #BD0A08;font-size: 16px;text-align: center;line-height: 44px;display: block;width: 150px;margin-top: 65px}
.Seven_section .more:hover{border-radius: 10px;background: #BD0A08;color: #fff;}
.Seven_section .more b{margin-left:5px;}
.Seven_section .certificate {padding-left:10px;position: relative;}
.picScroll-top{width:300px;overflow:hidden; position:relative; top: 146px}
.picScroll-top .hd{ overflow:hidden;  height:56px; background:#f4f4f4;position: absolute;width: 24px;right: 0;bottom: 0;}
.picScroll-top .hd .prev,.picScroll-top .hd .next{display:block; width:24px; height:24px; overflow:hidden;cursor:pointer;background: #BD0A08}
.picScroll-top .hd .next{background:#BD0A08 url(../img/next.png) no-repeat center center;}
.picScroll-top .hd .prev{background:#BD0A08 url(../img/prev.png) no-repeat center center;margin-bottom: 8px;}
.picScroll-top .hd .next:hover,.picScroll-top .hd .prev:hover{background-color: #333}
.picScroll-top .bd{ padding:10px;border:1px solid #ccc;background: #fff;width:260px;}
.picScroll-top .bd ul{ overflow:hidden; zoom:1;}
.picScroll-top .bd ul li{ text-align:center; zoom:1;}
.picScroll-top .bd ul li .pic{ text-align:center; }
.picScroll-top .bd ul li .pic img{ width:242px; height:351px; display:block; }
.picScroll-top .bd ul li .pic a:hover img{}

/*Seven end*/
/*<!--    Eight-->*/
.Eight_section{
    width: 100%;
    padding: 80px 0 0;
    background: url(../img/Sevenbg.png) no-repeat center top;
    background-size: 100% 100%;
    min-height: 1308px;
    position: relative;
}
.Eight_section h1{font-size: 60px;margin-bottom: 50px;}
.Eight_section .fication{width: 1175px;margin: 0 auto;}
.Eight_section .fication h2{color: #fff;width: 40px;font-size: 36px;line-height: 1}
.Eight_section .fication ul{width: 1130px;overflow: hidden;}
.Eight_section .fication ul li{text-align: center;color: #fff;font-size: 17px;display: inline-block;margin: 0 0px 0 39px;}
.Eight_section .fication ul li p{color: #fff;font-size: 17px;}
.Eight_section .Eight_2{width: 1000px;height: 100px;background: url(../img/towt3.png) no-repeat center center;margin: 60px auto;line-height: 100px;}
.Eight_section .Eight_2 p{font-size: 36px;font-weight: bold;}
.Eight_section .Eight_2 p span{font-size: 44px;color: #BD0A07;line-height: 100px;}
.Eight_section .Eight_2 p em{width: 12px;height: 1px;line-height: 100px;margin: 0 30px;}
.Eight_section .Eight_2 p em img{vertical-align: middle;}
.Eight_section h3{background: url(../img/lin.png) no-repeat center center;text-align: center;color: #fff;font-size: 32px;margin-bottom: 35px;}
.Eight_section h3 em{color: #FFBF00;font-weight: bold;}
.Eight_section .input{width: 272px;height: 48px;border-radius: 50px;color: #fff;background-color: transparent;border: 1px solid #fff;padding-left: 15px;margin-right: 14px;}
.Eight_section input::-webkit-input-placeholder {color: #fff;}
.Eight_section input[type=submit]{color: #BD0A08;width: 138px;height: 48px;background: #fff;border: none;border-radius: 50px;cursor: pointer;font-size: 20px;}
.Eight_section input[type=submit]:hover{border-radius: 5px;}
.Eight_section hr{line-height: 1px;background-color: rgba(255,255,255,.5);height: 1px;border: none;margin: 75px 0;}
.Eight_section .EighB{width: 1208px;margin: 0 auto;}
.Eight_section .EighB section{float: left;}
.Eight_section .EighB section p{font-size: 32px;color: #fff;width: 484px;font-weight: bold;line-height: 1.5}
.Eight_section .EighB section h4{font-size: 48px;color: #fff;width: 484px;font-weight: bold;line-height: 1.6;}
.Eight_section .EighB section p em{color: #FFFF00;font-style: normal;}
.Eight_section .EighB section h5{background: #FFFF00;color: #BD0A08;font-size: 124px;line-height: 148px;margin:8px 0 0 19px;}
.Eight_section .EighB section img{margin-right: 48px;}
.Eight_section .EighB h6{background: url(../img/lin_.png) no-repeat center center;font-size: 28px;    margin-top: 20px;}
.Eight_section .EighB .telbox{width: 872px;margin: 0 auto;color: #FFFF00;}
.Eight_section .EighB .telbox em{display: inline-block;width: 58px;font-style: normal;font-weight: bold;line-height: 1.2;font-size: 18px;text-shadow:5px 5px 4px rgba(0, 0, 0,.5);}
.Eight_section .EighB .telbox b{font-size: 46px;text-shadow: 5px 4px 2px rgba(0, 0, 0,0.2);}
/*<!--    Eight end-->*/
/*Nine*/
.Nine_section{padding: 80px 0 0 0;}
.Nine_section h2{font-size: 60px;color: #DB0A09;}
.Nine_section h3{font-size: 24px;color: #333333;line-height: 24px;margin-bottom: 66px;}
.picScroll-left{ overflow:hidden; position:relative;width: 560px;float: left;}
.picScroll-left .hd{ overflow:hidden;  height:24px;width: 70px;margin-top: 30px}
.picScroll-left .hd .prev,.picScroll-left .hd .next{display:inline-block; width:24px; height:24px; overflow:hidden;cursor:pointer;background: #BD0A08}
.picScroll-left .hd .next{background:#BD0A08 url(../img/next_.png) no-repeat center center;}
.picScroll-left .hd .prev{background:#BD0A08 url(../img/prev_.png) no-repeat center center;margin-right: 8px;}
.picScroll-left .hd .prev:hover,.picScroll-left .hd .next:hover{background-color: #333;}
.picScroll-left .bd{width: 100%}
.picScroll-left .bd ul{ zoom:1; }
.picScroll-left .bd ul li{float:left;}
.picScroll-left .bd ul li .imgbox{ width: 100%; height:420px; display:block;overflow: hidden;}
.picScroll-left .bd ul li img{ width: 100%;}
.picScroll-left .bd ul li:hover .imgbox img{-moz-transform:scale(1.1);-o-moz-transform:scale(1.1);-o-moz-transform:scale(1.1);-webkit-moz-transform:scale(1.1);transform:scale(1.1);}
.picScroll-left .bd ul li .title h4{color: #C10907;font-size: 18px;font-weight: normal;width: 100%;margin: 10px 0;}
.picScroll-left .bd ul li .title p{color: #666666;font-size: 14px;width: 100%; overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;}
.Nine_section .listbox{width: 692px;}
.Nine_section .listbox ul li {padding: 20px 0;border-bottom: 1px dotted #DDDDDD;}
.Nine_section .listbox ul li:first-child{padding-top: 0px;}
.Nine_section .listbox ul li .text h2{font-size: 18px;color: #333;}
.Nine_section .listbox ul li .fot_box{position: relative;}
.Nine_section .listbox ul li .fot_box span{display: block;color: #999;font-size: 14px;}
.Nine_section .listbox ul li .fot_box span.time {background: url(../img/icon_time.png) left center no-repeat;padding-left: 20px;}
.Nine_section .listbox ul li .fot_box span.read {position: absolute;left: 220px;top: 0px;background: url(../img/icon_read.png) left center no-repeat;padding-left: 20px;color: #979798;}
.Nine_section .listbox ul li p{color: #858585;font-size: 14px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.Nine_section .listbox ul li:hover{border-color: #c4c4c4;background: #fcfcfc;}
.Nine_section .listbox ul li:hover .text h2{color: #D71616;}
/*Nine end*/
/*footer*/
footer{
    width: 100%;
    min-height: 308px;
    background: url(../img/footbg.png) no-repeat center top;
    background-size: 100% 100%;
    margin-top: 50px;
    padding-top: 70px;
}
footer hr{line-height: 1px;background-color: rgba(255,255,255,.3);height: 1px;border: none;margin: 43px 0;}
footer .footer2{color: #fff;}
footer .footer2 .box1 p{font-size: 14px;}
footer .footer2 .box1 p a{color: #fff;}
footer .nav_fot a {color: #fff;cursor: pointer;margin: 0 8px;font-size: 14px;}
/*首页飘窗*/
.sidelin{position: fixed;right: 3%;top: 40%;background: #fff;z-index: 999;border-bottom: 1px solid #BD0A08;}
.sidelin a{display: block;border: 1px solid #BD0A08;height: 54px;line-height: 54px;width: 54px;text-align: center;color: #BD0A08;border-bottom: none;}
/*.sidelin a img{vertical-align: middle;transition:.5s}*/
.sidelin a i{font-size: 28px;}
.sidelin a:hover{background: #BD0A08;color: #fff;}
.sidelin .rexians{position: absolute;top:40px;right:60px;display: none;z-index: 999999;}
.sidelin .rexiansy{position:absolute;top:109px;right:55px;display:none;z-index:999999;background-color:#fff;width:120px;text-align:left;padding:6px 8px;}
.sidelin .rexiansy ul{width:120px;color:#333;line-height:26px;}
.sidelin .rexiansyx{position: absolute;top:218px;right:60px;display:none;z-index:999999;color:#333;background-color:#fff;width:155px;}
/*首页飘窗*/
/*footer end*/
/* =======================  layout  end================== */