﻿@charset "UTF-8";
*{padding: 0;margin: 0;box-sizing: border-box;}
/*初始化样式*/
body{min-width: 320px; margin:0; padding:0; zoom:1;
    /*设置字体*/
    font-size:12px;
    line-height: 1.42857143;
    font-family:Regular, "微软雅黑";
    color:#666;height: 100%;}

ul,li,form, dl,dt,dd, div{ padding: 0px; margin: 0px;list-style: none;}
.ul,.ul li{ list-style:none;}
.h1,.h2,.h3,.h4,.h5,.h6,.p{ padding:0px; margin:0px;}
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#414446;}
input:focus { outline: none;}

/*强制去除表单自带的样式*/
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*/}

/*强制去除textarea自带的样式*/
textarea{resize:none;/*-webkit-appearance:none;*/}

textarea,input,select { background:none; border:none; margin:0; padding:0;}
/*html5设置*/
article, aside, footer, header, hgroup, nav, section, figure, figcaption, address {display: block;}
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
em,i{font-style: normal;}
img{ border:none; border:0; vertical-align:bottom; font-size: 0;}
a{ color:#414446; text-decoration:none;}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none;}
*{transition: all 0.4s;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4s;}

/*页面框架结构*/
.Contain{width:100%;max-width: 1200px;min-width: 320px;margin: 0 auto;}
.SinglePage{ /*单片*/ text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; clear:both; overflow:hidden;}
.SinglePage img{ max-width:1200px;width: 100%;}
.fl{float: left;}
.fr{float: right;}
.clear{ clear:both;}
.clearfix{*zoom: 1}
.clearfix:after,.clearfix after{content:".";height:0;clear: both;visibility:hidden;display: block;}
.por{position: relative;}
.p50{padding: 50px 0px;}
.mat20{margin-top: 20px;}
.img-box{line-height: 0px;position: relative;overflow: hidden;line-height: 0px;}
.img-box img{width: 100%;transition: all ease 0.5s;}
.SubPage{ padding:0px 0px 40px;height:auto !important; height:280px; min-height:280px; background:#fff;}
/*当宽度为1200px的时候的样式*/
@media only screen and (max-width:1200px) {
    .Contain{padding: 0 10px;}
    .SubPage{padding:0px 0px 40px;}
}
.scale:hover{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);}

.Scale-img {overflow: hidden;text-align: center;cursor: pointer; zoom:1; overflow: hidden;}
.Scale-img img {opacity: 1;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}
.Scale-img:hover img,.Scale-img:hover span {opacity: 1;-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1); top:0px; left:0px;}

.imgbox{ overflow:hidden; position:relative;}
.imgbox span,.img-box img{ background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0px; top:0px; width:100%; height:100%;}



/*header*/

@keyframes run{

    from{  bottom: 30px; }
    to{  bottom: 20px; opacity: 0; }
}  
 

.img02{ display: none; }
.head.active .logo_name_w:before{ background: #dcdcdc;height: 23px; } 
.more{ text-align: center; margin-top: 20px;}
.more a{ display: inline-block; color: #991e27; border-radius: 3px; padding: 10px 20px; margin-right: 10px; }
.more_name,.more_name:hover{ color: #b61a29; }
.more a:hover{background: #991e27; color: #fff;}  
.head{  background: #fff;    position: relative; z-index: 10;  border-bottom: 1px solid #eee; }
.logo_w{ margin-top: 15px;  }
.logo_name_w{ position: relative; display: inline-block; padding-left: 20px; margin-left: 20px;}
.logo_name_w:before{ position: absolute; top: 0px; left: 0px;  content: ""; display: inline-block; width: 1px; height: 35px; background: #fff;   }
 

 /*.head_ul{margin:30px 0; }*/
.head_ul li{ float: left;  position: relative;padding-left: 20px;background-repeat: no-repeat;background-position: left center;}
.head_ul li a{ font-size: 16px; color: #22252e;  display: block;}   
.head_ul > li > a{color: #333;padding: 22px 20px 22px 0;font-size: 16px;line-height: 36px;background-repeat: no-repeat;background-position: right center;}
.head_ul li:nth-child(1) >  a{ cursor:pointer; }
.head_ul li.active>a,.head_ul li:hover>a{ color: #181b85;background-image: url(../images/in_11.png); }
.head_ul li.active,.head_ul li:hover{background-image: url(../images/in_09.png);}
.logo_w_foot{ margin-top: 0px; } 
.head_phone,.h3_p,.tse02,.swiper-button-next01,.swiper-button-prev01,.menu_p{ display: none; }  
.menu_p{  position: fixed; top: 60px;  width: 100%; right: -100%;transition: all .2s ease-in-out; background: #f7f6f4; bottom: 0px; z-index: 100; padding: 0px 10px; }
.menu_ul_p li{ float: none; border-bottom: 1px solid #cecdc9; padding: 10px 0px; position: relative;}
.menu_ul_p li a{ color: #484a51; }
.menu_ul_p li span{ float: right; background: #dfdeda; width: 50px; text-align: center; line-height: 37px; top: 0px; right: 0px;  height: 37px; display: inline-block; position: absolute;}
.menu_ul_p li span i{ color: #181817; }
.head .menu_ul_p li.active span{ background: #005bea; }
.menu_ul_p li.active span i{ color: #fff; }
.menu_p.active{ right: 0px; }   
.JJFA-Box{display: none;position: absolute;width: 150px;top: 80px;left: 50%;margin-left: -75px;padding: 10px 0;background: rgba(57,127,148,.8);z-index: 1000;transition: all 0s;-webkit-transition: all 0s;-moz-transition: all 0s;-ms-transition: all 0s;}
.head_ul li .JJFA-Box a{display: block;padding: 10px 0;color: #fff;font-size: 14px;text-align: center;}
.sec_ul_p{display: none;}
.head_ul li .JJFA-Box a:hover{background-color: #35abe0;}

.head.active{ background: #fff; position: fixed; top: 0; left: 0; right: 0; z-index: 10; }
 
@keyframes run{
   
   from{ bottom: 10px;}
   to{ bottom:  25px;}
}



.ban_arr{animation: run 1s infinite linear;  }

.top_right{  font-size: 16px; color: #22252e;  margin-top: 20px; margin-left: 20px;}
.Search{display: inline-block;width: 35px;height: 35px;background-image: url("../images/search.png");background-repeat: no-repeat;background-position: center;}
.searchBox{position: absolute;top: 80px;right: 20px;z-index: 10;display:none; width: 240px;height: 40px;background: white;border-radius: 10px;padding: 0px 10px;transition: all 0s;-webkit-transition: all 0s;-moz-transition: all 0s;-ms-transition: all 0s;}
.searchBox input{vertical-align: middle; width: 185px;display: inline-block;line-height: 40px;}
.searchBox span{vertical-align: middle; display: inline-block;cursor: pointer; width: 30px;height: 40px;background: url(../images/search.png)center no-repeat;}

.menu_p .searchBox{display: block;position: static;}
.menu_p .searchBox span{position: static;vertical-align: middle; display: inline-block;cursor: pointer; width: 30px;height: 40px;background: url(../images/search.png)center no-repeat;}




.phone_foot span img{ max-width: 100%; }



/*banner*/
.Index_Banner .owl-dots{position: absolute;bottom: 20px;width: 100%;text-align: center;}
.Index_Banner  button.owl-dot{display: inline-block;width: 14px;height: 14px;margin: 0 10px;border-radius: 50%;border:2px solid #fff;}
.Index_Banner  button.owl-dot.active{background-color: #fff;}



.Sec{padding: 80px 0 0;}
.Ind_Title{text-align: center;}
.Ind_Title h3{font-size: 24px;line-height: 26px;color: #222;font-weight: normal;}
.Ind_Title p{display: inline-block;text-transform:Uppercase;font-size: 14px;line-height: 26px;padding-left: 35px;background-image: url(../images/in_03.png);background-repeat: no-repeat;background-position: left center;}
.Ind_Title p span{display: inline-block;padding-right: 35px;background-image: url(../images/in_05.png);background-repeat: no-repeat;background-position: right center;}


.CP_Ind .owl-stage-outer{padding: 15px;}
.CP_Ind .item{padding: 20px;}
.CP_Ind .item .imgbox{padding-top: 60%;}
.CP_Ind .item .imgbox span{background-size: auto;}
/*.In_Img1 span{background-image:url(../images/in_18.png);}
.In_Img2 span{background-image:url(../images/in_21.png);}
.In_Img3 span{background-image:url(../images/in_23.png);}
.In_Img4 span{background-image:url(../images/in_26.png);}
*/
.CP_InName{font-size: 16px;color: #333333;padding-bottom: 15px;background-image: url(../images/index_02.jpg);background-repeat: no-repeat;background-position: bottom center;text-align: center;font-weight: bold;margin-top:10px;}
.CP_InCont{margin-top: 20px;font-size: 14px;line-height: 26px;color: #666;height:52px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;text-align: center;margin-bottom: 40px;}

.CP_Ind .item:hover{-moz-box-shadow:0px 0px 15px #EFEFF6; -webkit-box-shadow:0px 0px 15px #EFEFF6; box-shadow:0px 0px 15px #EFEFF6;}
/*.CP_Ind .item:hover .In_Img1 span{background-image:url(../images/in_19.png);}
.CP_Ind .item:hover .In_Img2 span{background-image:url(../images/in_22.png);}
.CP_Ind .item:hover .In_Img3 span{background-image:url(../images/in_24.png);}
.CP_Ind .item:hover .In_Img4 span{background-image:url(../images/in_27.png);}*/
.CP_Ind .item:hover .CP_InName{color: #181b85;background-image: url(../images/index_03.jpg);}
.CP_Ind .item .In_Img span{display: flex;align-items: center;justify-content: center;}
.CP_Ind .item .In_Img span img{width: auto;}
.CP_Ind .item .In_Img span .img2{display: none}
/* .CP_Ind .item:hover .In_Img span .img2{display: inline-block;}
.CP_Ind .item:hover .In_Img span .img1{display: none;} */

.CP_Ind .owl-dots{width: 100%;text-align: center;margin-top: 15px;}
.CP_Ind  button.owl-dot{display: inline-block;width: 14px;height: 14px;margin: 0 10px;border-radius: 50%;border:2px solid #ff900b;}
.CP_Ind  button.owl-dot.active{background-color: #181b85;border: 2px solid #181b85;}


.CP_Ind .owl-nav button.owl-next, .CP_Ind .owl-nav button.owl-prev{width: 40px;height: 40px;position: absolute;top: 50%;margin-top: -20px;background-repeat: no-repeat;background-position: center;color: transparent;}
.CP_Ind .owl-nav button.owl-next{right: -50px;background-image: url(../images/in_33.png);}
.CP_Ind .owl-nav button.owl-prev{left: -50px;background-image: url(../images/in_32.png);}
.CP_Ind .owl-nav button.owl-prev:hover{background-image: url(../images/in_34.png);}
.CP_Ind .owl-nav button.owl-next:hover{background-image: url(../images/in_35.png);}




.JJFA_Box{margin-top: 50px;}
.FA_Left{width: 60%;float: left;}
.FA_Left li{position: relative;border: 2px solid #fff;}
.FA_Left li img{width: 100%;}
.FA_LI1{width: 66.2%;float: right;}
.FA_LI2{width: 33.3%;float: left;}
.FA_LI3{width: 33.3%;float: right;}
.FA_LI4{width: 66.2%;float: left;}

.FA_Name{position: absolute;bottom: 0;padding-bottom:15px;text-align: center;width: 100%;}
.FA_Name h3{font-size: 16px;line-height: 24px;color: #fff;}
.FA_Name p{font-size: 14px;line-height: 20px;color: #fff;}

.FA_Right{width: 40%;float: right;}
.FA_Right li{position: relative;border: 2px solid #fff;}
.FA_Right li img{width: 100%;}
.FA_R1{width: 50%;float: left;}
.FA_R2{width: 50%;float: right;}
.FA_R3{width: 50%;float: right;}



.HZ_Ind .owl-dots{width: 100%;text-align: center;margin-top: 15px;}
.HZ_Ind  button.owl-dot{display: inline-block;width: 14px;height: 14px;margin: 0 10px;border-radius: 50%;border:2px solid #ff900b;}
.HZ_Ind  button.owl-dot.active{background-color: #181b85;border: 2px solid #181b85;}


.HZ_Ind .owl-nav button.owl-next, .HZ_Ind .owl-nav button.owl-prev{width: 40px;height: 40px;position: absolute;top: 50%;margin-top: -20px;background-repeat: no-repeat;background-position: center;color: transparent;}
.HZ_Ind .owl-nav button.owl-next{right: -50px;background-image: url(../images/in_33.png);}
.HZ_Ind .owl-nav button.owl-prev{left: -50px;background-image: url(../images/in_32.png);}
.HZ_Ind .owl-nav button.owl-prev:hover{background-image: url(../images/in_34.png);}
.HZ_Ind .owl-nav button.owl-next:hover{background-image: url(../images/in_35.png);}
.HZ_Ind .imgbox{position: relative;}
.HZ_AL{position: absolute;top: 100%;width: 100%;height: 100%;background:rgba(0,0,0,.4);padding: 10px;}
.HZ_Border{width: 100%;height: 100%;border: 1px solid #ff8b00;border-radius: 3px;}
.HZ_Search{position: absolute;top: 50%;left: 50%;margin-top: -26px;margin-left: -26px;width: 52px;height: 52px;border-radius: 3px;background-color: #ff8b00;background-image: url(../images/in_65.png);background-repeat: no-repeat;background-position: center;}

.HZ_Ind .item:hover .tit{background-color: #181b85;}
.HZ_Ind .item:hover .tit p{color: #fff;}
.HZ_Ind .item:hover .HZ_AL{top: 0;}




.Sec2{background-color: #fafafa;padding: 50px 0 80px;}
.JJ_Img{float: left;width: 38.3333%;}
.JJ_Img img{width: 100%;}
.JJ_Txt{width: 54.1667%;float: right;padding-right: 20px;padding-top: 45px;}
.JJ_Name{margin-top: 30px;font-size: 24px;line-height: 26px;color: #181b85;}
.JJ_Cont2{font-size: 14px;line-height: 30px;color: #666666;margin-top: 15px;}


.RU_Banner{width: 72.5%;position: absolute;bottom: 50px;z-index: 999;right: 0;}
.RU_Banner .imgbox{padding-top: 65%;}
.RU_Banner .item:hover .HZ_AL{top: 0;background:rgba(24,27,133,.8); }

.RU_Banner .owl-dots{width: 100%;text-align: center;margin-top: 50px;}
.RU_Banner  button.owl-dot{display: inline-block;width: 14px;height: 14px;margin: 0 10px;border-radius: 50%;border:2px solid #ff900b;}
.RU_Banner  button.owl-dot.active{background-color: #181b85;border: 2px solid #181b85;}

.RU_Banner .owl-nav button.owl-next,.RU_Banner .owl-nav button.owl-prev{width: 24px;height: 10px;position: absolute;bottom: 0;background-repeat: no-repeat;background-position: center;}
.RU_Banner .owl-nav button.owl-prev{background-image: url(../images/in_70.png);right: 75px;}
.RU_Banner .owl-nav button.owl-next{background-image: url(../images/in_72.png);right: 0;}





/*Foot*/
.Foot_Top{background-color: #242527;padding: 35px 0;}
.Foot_logo{display: inline-block;height: 53px;}
.Foot_LeftUL{display: inline-block;font-size: 16px;line-height: 30px;color: #fff;margin-left: 35px;}

.Foot_Left{float: left;}

.Foot_Right{float: right;}
.Foot_fx{margin-top: 10px;}
.Foot_fx a{display: inline-block;width: 40px;height: 40px;margin-left: 16px;border-radius: 50%;background-color: #313234;background-repeat: no-repeat;background-position: center;}
.wb{background-image: url(../images/in_86.png);}
.wx{background-image: url(../images/in_82.png);position: relative;}
.WX_Img{display: none;position: absolute;width: 140px;height: 141px;padding: 10px 10px 19px 10px;top: -145px;left: 50%;margin-left: -70px;z-index: 9999;background-repeat: no-repeat;background-position: center;background-image: url(../images/bg1_03.png);}
.Foot_fx a:hover{background-color: #fff;}
.wb:hover{background-image: url(../images/in_87.png);}
.wx:hover{background-image: url(../images/in_83.png);}

.Foot_fx a:hover .WX_Img{display: block;}


.Foot_But{padding:18px 0;font-size: 16px;border-top:1px solid #2d2d2e;background-color: #242527;color: #fff;}
.Fppt_xx a{color: #fff;}





/*资讯中心*/
.Main_Banner{height: 350px;width: 100%;background-repeat: no-repeat;background-position: center;}
.Main_Left{width: 17.5%;float: left;}
.Left_Top{line-height: 90px;font-size: 28px;color: #fff;text-align: center;background-color: #181b85;}
.Main_Nav li a{display: block;background-color: #fbfbfb;text-align: center;font-size: 16px;color: #3b3b3b;line-height: 60px;border:1px solid #ebebeb;}

.Main_Nav li:hover a,.Main_Nav li.cur a{background-color: #ff8b00;color: #fff;border:1px solid #ff8b00;}


.Main_Right{width: 80%;float: right;}
.Right_Top{line-height: 60px;text-align: right;border-bottom: 1px solid #e6e6e6;font-size: 14px;}
.Right_Top a{display: inline-block;padding: 0 5px;}

.ZX_UL li{padding: 20px 0;border-bottom: 1px solid #e6e6e6;}
.ZX_Img{display: block;width: 21.875%;float: left;}
.ZX_Img img{width: 100%;max-height: 145px;}

.ZX_Txt{width: 75%;float: right;padding-top: 2%;}
.ZX_Time{float: right;font-size: 14px;color: #949494;}
.ZX_Name{display: block;font-size: 18px;color: #212121;margin-right: 90px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.ZX_Cont{margin-top: 25px;font-size: 14px;line-height: 21px;color: #5f5f5f;height: 42px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}



/*pages*/
.Pages{ zoom:1;margin: 40px 0; overflow:hidden;text-align:center; color:#555; font-size:14px; clear:both; line-height:30px;}
.Pages span{ padding:0px 0px; display:inline-block; vertical-align:middle; padding:0 6px; margin-left:-5px;}
.Pages .total{ border:1px solid #e6e6e6;}
.Pages .p_page > a{ display:inline-block; margin:0px 2px; border:1px solid #cdcdcd;text-align:center; color:#666666;}
.Pages .p_page a{ display:inline-block; vertical-align:middle;}
.Pages .p_page .a_prev,.Pages .p_page .a_next,.Pages .p_page .a_first,.Pages .p_page .a_end{ display:inline-block; vertical-align:middle; padding:0 13px;}
.Pages .p_page .a_prev:hover,.Pages .p_page .a_next:hover,.Pages .p_page .a_first:hover,.Pages .p_page .a_end:hover{background:#181b85; color:#fff;}
.Pages .p_page .num a{vertical-align:middle; padding: 0 5px;color: #818181;}
.Pages .p_page .num a:hover,.Pages .p_page a.a_cur{color:#181b85;}

@media ( max-width:768px){
.Pages{ line-height:22px;}
.Pages .p_page .a_prev,.Pages .p_page .a_next,.Pages .p_page .a_first,.Pages .p_page .a_end{padding:0 4px;}
.Pages .p_page .num a{ width:22px;}
.Pages .total{ margin-top:5px;}
}
/*pages end*/



/*意见反馈*/
.FK_Box{margin-top: 75px;margin-bottom: 80px;padding: 50px 10% 0;background-repeat: no-repeat;background-position: top center;background-image: url(../uploadfiles/images/fk_05.jpg);}
.FK_Title{text-align: center;}
.FK_Title h2{font-size: 36px;line-height: 48px;color: #fff;}
.FK_Title p{font-size: 14px;line-height: 36px;color: #fff;text-transform:Uppercase;}

.KZ_Form{margin-top: 50px;-moz-box-shadow:0px 0px 15px #F3F3F3; -webkit-box-shadow:0px 0px 15px #F3F3F3; box-shadow:0px 0px 15px #F3F3F3;background-color: #fff;border-radius: 5px;padding: 6.7% 7.8%;}

.FK_UL li{border:2px solid #e5e5e5;position: relative;}
.FK_UL li + li{margin-top: 34px;}
.FK_Inp{display: block;width: 100%;font-size: 14px;line-height: 54px;text-indent: 100px;}
.FK_Span{font-size: 21px;line-height: 54px;color: #333;position: absolute;left: 10px;top: 0;}
.FK_UL li textarea{height: 210px;text-indent: 180px;}

.FK_But{float: right;width: 185px;height: 52px;line-height: 52px;text-align: center;font-size: 22px;color: #fff;background-color: #ff8b00;margin-top: 25px;}




/*荣誉资质*/
.RY_UL{margin-top: 30px;}
.RY_UL li{width: 31.58%;margin-right: 2.63%;margin-top: 25px;float: left;padding: 10px;background-color: #f6f6f6;}
.RY_UL li .imgbox{padding-top: 68%;}
.RY_UL li .tit{margin-top: 15px;text-align: center;font-size: 16px;color: #454545;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.RY_UL li:hover .tit{color: #181b85;}

.RY_UL li:nth-child(3n){margin-right: 0;}



/*企业文化*/
.WH_Box{margin-top: 60px;margin-bottom: 70px;}
.WH_Box .FK_Title h2{color: #181b85;}
.WH_Box .FK_Title p{color: #dadada;}

.WH_Cont{margin-top: 40px;background-color: #f7f7f7;}
.WH_Cont .imgbox{width: 50%;float: left;}
.WH_Top .imgbox{padding-top: 33%;}
.WH_Txt{width: 50%;float: left;padding: 0 2.5%;}

.WH_Foot .imgbox{float: right;padding-top: 40%;}

.WH_List{margin-top: 8%;}
.WH_List h3{font-size: 18px;line-height: 38px;color: #2c2c2c;}
.WH_Cont2{font-size: 16px;line-height: 24px;color: #727272;margin-top: 10px;}



/*联系方式*/
.LX_Box{margin-top: 34px;margin-bottom: 70px;}
.DT_Box img{width: 100%;}
.DT_Box #dituContent{height: 362px;}

.LX_UL li{width: 49%;margin-right: 2%;margin-top: 2%;float: left;height: 330px;background-color: #f5f5f5;padding: 35px 25px 0;overflow-y:auto;}
.LX_UL li:nth-child(2n){margin-right: 0;}

.LX_UL li h3{font-size: 24px;color: #1a1a1a;font-weight: normal;line-height: 51px;background-image: url(../images/lx_07.jpg);background-repeat: no-repeat;background-position: left bottom;}
.LX_UL li p{margin-top: 20px;line-height: 1.2;font-size: 16px;color: #3b3b3b;}


/*解决方案详情*/
.XQ_Box{padding-top: 55px;}
.XQ_Top{text-align: center;padding-bottom: 10px;border-bottom: 1px dashed #dedede;}
.XQ_Top h3{font-size: 24px;line-height: 38px;color: #333333;}
.XQ_XX{margin-top: 15px;font-size: 14px;line-height: 28px;color: #666666;}
.XQ_XX span{display: inline-block;margin: 0 10px;}

.XQ_Cont{padding: 30px 20px 50px;font-size: 16px;line-height: 28px;color: #666;}
.XQ_Cont img{max-width: 100%;display: block;margin: 0 auto;}

.XQ_FY{padding: 20px 0;margin-top: 20px;border-top: 1px dashed #dedede;font-size: 16px;line-height: 30px;}



/*合作案例*/
.HZ_Top{margin-top: 50px;}
.HZ_Top h2{color: #181b85;}
.HZ_Top p{color: #e4e4e4;}

.HZ_UL{margin-top: 20px;}
.HZ_UL li{width: 23.3333%;float: left;margin-right: 2.2222%;margin-top: 2.2222%;}
.HZ_UL li:nth-child(4n){margin-right: 0;}

.HZ_UL .imgbox{padding-top: 83%;}
.HZ_UL .tit{background-color: #f8f8f8;padding: 10px 20px;}
.HZ_UL .tit p{font-size: 16px;color: #333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.HZ_UL .tit span{display: block;font-size: 14px;line-height: 26px;color: #999;height:26px;overflow:hidden;}
.HZ_UL li:hover .tit{background-color: #181b85;}
.HZ_UL li:hover .tit p{color: #fff;}


/*公司简介*/
.JJ_Box{padding-top: 65px;}
.JJ_TopL{width: 60%;float: left;}
.JJ_TopL img{max-width: 100%;}
.JJ_TopL h2{font-size: 32px;line-height: 53px;color: #202020;}
.JJ_SJ{margin-top: 40px;}
.JJ_SJ li{display: inline-block;padding: 0 10px;border-right: 1px solid #eaeaea;}
.JJ_SJ li h3{font-size: 60px;line-height: 60px;color: #ff8b00;}
.JJ_SJ li h3 span{font-size: 14px;color: #ff8b00;font-weight: normal;}
.JJ_SJ li p{font-size: 14px;color: #343434;}
.JJ_SJ li:last-child{border-right: none;}

.JJ_TopR{float: right;width: 39%;}

.JJ_Cont{margin-top: 35px;padding-bottom: 60px;font-size: 16px;line-height: 40px;color: #343434;vertical-align: middle;}
.JJ_Cont img{max-width: 100%;vertical-align: middle;}




/*发展历程*/
.LC_Top{margin: 50px auto 0;width: 21px;height: 25px;background-image: url(../images/lc_03.png);background-repeat: no-repeat;background-position: bottom center;}
.LC_UL{width: 100%;background-image: url("../images/lc_07.jpg");background-repeat: repeat-y;background-position: center top;overflow: hidden;padding-top: 25px;margin: 0 auto;}
.LC_UL li{margin-bottom: 15px;position: relative;}
.LC_UL li{margin-left: 50%;padding-left: 26px;}
.LC_UL li i{display: inline-block;width: 17px;height: 17px;background-repeat: no-repeat;background-position: left center;position: absolute;top: 12px;left: -8px;background-color: #fff;background-image: url(../images/lc_11.png);}
.LC_UL li.odd{margin-right: 50%;margin-left: 0;padding-left: 0;padding-right: 26px;text-align: right;}
.LC_UL li.odd i{display: inline-block;width: 17px;height: 17px;background-repeat: no-repeat;background-position: right center;position: absolute;top: 12px;left: auto;right: -8px;background-color: #fff;}
.LC_UL li b{font-size: 30px;color: #ff8b00;}

.LC_DL dd{text-align: left;font-size: 16px;line-height: 30px;color: #666666;padding-left: 10px;background-image: url(../images/lc_15.png);background-repeat: no-repeat;background-position: left 13px;}




/*产品中心*/
.CP_UL{margin-top: 15px;}
.CP_UL li{width: 30.526%;margin-right: 4.211%;margin-top: 4.211%;float: left;position: relative;overflow: hidden;}
.CP_UL li .imgbox{padding-top: 93%;}
.CP_UL li .tit{position: absolute;bottom: -100%;left: 0;padding: 0 10%;width: 100%;height: 100%;background:rgba(0,0,0,.6);transform:translateY(-35px);-ms-transform:translateY(-35px);-webkit-transform:translateY(-35px);}
.CP_UL li .tit .CP_Name{line-height: 35px;font-size: 16px;text-align: center;color: #fff;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.CP_JS{margin-top: 20px;color: #fff;font-size: 13px;line-height: 24px;}

.CP_UL li:hover .tit{bottom: 0;padding: 10%;background:rgba(0,0,0,.8);transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);}
.CP_UL li:nth-child(3n){margin-right: 0;}





































@media ( max-width:1200px){

.top_right{margin-left: 10px;}
.head_ul li{margin-left: 30px;}

.Foot_Right{margin-right: 60px;}

.RU_Banner{bottom: 0;}
.RU_Banner .owl-dots{margin-top: 15px;}






}

@media ( max-width:998px){

.head_ul li{margin-left: 8px;}

.RU_Banner{width: 100%;position: static;margin-top: 30px;}
}


@media ( max-width:777px){
    body {padding-top: 60px;padding-bottom: 0px;}
   .head,.h3_pc,.more,.ban_arr,.tse01,.logo_w_foot,.new_inne_w,.rightfix,.foot,.banner a{ display: none; }
   .menu_p,.h3_p{ display: block; } 
   .head_phone{ display: block; position: fixed; top: 0px; left: 0px; right: 0px; z-index: 100; padding: 10px; background: #fff; height: 60px;}
   .logo_p{ position: absolute; left: 10px; right: 0;  text-align: center;    top: 9px; }
   .logo_p img{ display: inline-block; width: 140px;}
   .menu_span{ float: right; position: absolute; top: 9px; right: 10px;z-index: 20; line-height: 1.42857143;}
   .menu_span i{ color: #666; font-size: 30px; } 


.Main_Left{display: none;}
.Main_Right{width: 100%;}















}

@media ( max-width:640px){

.FK_Box{padding: 50px 3% 0;}
.KZ_Form{padding: 6% 3%;}

.Foot_LeftUL{display: block;margin-left: 0;margin-top: 30px;}

.WH_Cont .imgbox{width: 100%;float: none;}
.WH_Txt{width: 100%;float: none;padding-bottom: 30px;}
.WH_Foot{margin-top: 30px;}

.LX_UL li{width: 100%;margin-right: 0;height: auto;padding: 35px 25px;}

.HZ_UL li{width: 48%;margin-right: 4%;}
.HZ_UL li:nth-child(2n){margin-right: 0;}

.JJ_TopR{width: 100%;margin-top: 20px;}
.JJ_TopL{width: 100%;}

.CP_UL li{width: 48%;margin-right: 4%;}
.CP_UL li:nth-child(3n){margin-right: 4%;}
.CP_UL li:nth-child(2n){margin-right: 0;}

.FA_Left{width: 100%;}
.FA_Right{width: 100%;}
.FA_LI4,.FA_LI1{width: 100%;}
.FA_LI2,.FA_LI3{width: 50%;}

.JJ_Img{width: 100%;}
.JJ_Img img{width: auto;max-width: 100%;}
.JJ_Txt{width: 100%;}


}
@media ( max-width:550px){








}

@media ( max-width:460px){







}


@media ( max-width:350px){








}


/*
 .Other000485 为demo编号
 */
/*.Other000485 { position:fixed; top:30%; right:0; _position:absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.bottom,10)||0)-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); z-index:9999;}
.Other000485 .icon_kefu{display:none!important; width:30px; height:104px; float:left; background:url(../images/Other000485-keifu.png) 0 0; position:relative; display:none; cursor:pointer;}
.Other000485 .box_kefu{ float:left; width:130px;}
.Other000485 .box_kefu .box{ border: 7px solid #ff900b;}
.Other000485 .close{ height:41px; background:url(../images/Other000485-keifu.png); background-position: 0 -104px; font-size:0; line-height:0; position:relative;}
.Other000485 .close a:link,
.Other000485 .close a:visited{ display:none; width:11px; height:11px; background:url(../images/Other000485-keifu.png) -42px 0; position:absolute; top:0px; right:0px;}
.Other000485 .close a:hover{ background-position:-60px 0;}
.Other000485 ul{ padding:10px 0; background:rgb(250, 250, 250);}
.Other000485 ul li{height:33px; line-height:33px; padding-left:12px;}
.Other000485 .ewm{ text-align:center;background:#fff;}
.Other000485 .ewm img{width:110px; height:110px;}

*/

.FastRight{width:80px; position:fixed; z-index:999; right:10px; top:50%;transform:translate(0,-50%);}
.FastRight li{ position:relative; cursor:pointer; margin-bottom:1px; line-height:15px;}
.FastRight .ico{ height:80px;display:flex;justify-content:center; color:#fff;align-items:center;flex-direction: column; font-size:11px; background:#5457cc;}
.FastRight .ico em{font-size:12px;color:#fff;margin-top:5px;}


.FastRight .info{ display:none; position:absolute; top:0; right:80px; font-size:12px; padding:10px; text-align:center; color:#fff; background:#ff900b; box-shadow:0 0 10px rgba(0,0,0,0.15);}
.FastRight .info img{ border:5px solid #fff; max-width:none; width:90px; height:90px;}

.FastRight .info a{ color:#fff;}



@media ( max-width:1440px){
.FastRight{right:1px;}
}

@media ( max-width:1024px){
.FastRight{ width:35px;}
.FastRight .ico{ height:35px;}
.FastRight .info img{ border:2px solid #fff;width:82px; height:82px;}
.FastRight em{ display:none;}
.FastRight .info{ right:40px;}
.FastRight .ico img{width:18px;}
}


