.fadeimg{

  display: none;

  width: 100%;

  height: 100%;

  position: fixed;

  z-index: 10000000000;

  left: 0px;

  top: 0px;

}

.fadeimg .bg{

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, .4);

}

.fadeimg .centering{

  position: absolute;

  left: 50%;

  top: 50%;

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

}

.fadeimg .centering i{

  position: absolute;

  font-size: 30px;

  right: -40px;

  top: -40px;

  color: #fff;

}









/* index.html自适应 */

@media (max-width: 765px){

  .iframe-X {

    width: 100% !important;

    height: 740px;

    border: 0;

    margin: 0 auto;

  }

  

}







/* 首页searching */

.searching{

  display: none;

  height: 50px;

  background-color: #fff;

  width: 100%;

  border-bottom: 1px solid #ccc;

}

.searching .container{

  padding: 0px;

  position: relative;

  

}

.searching .container i{

  font-size: 30px;

  position: absolute;

  left: 0px;

  top: 50%;

  transform: translateY(-50%);

}

.searching .container button{

  width: 40px;

  height: 40px;

  background-color: #fff;

  border:none;

  position: absolute;

  right: 0px;

  top: 50%;

  transform: translateY(-50%);

}

.searching input{

  padding-left: 49px;

  line-height: 49px;

  font-size: 20px;

  width: 100%;

}





.mobile-foot {

  background: #2ca9e8;

  padding: 8px 0;

  position: fixed!important;

  bottom: 0!important;

  left: 0!important;

  width: 100%;

  z-index: 9999;

display:none;

}

.mobile-foot a {

  color: #fff;

  height: 35px;

  line-height: 33px;

  border: 1px solid #fff;

  border-radius: 4px;

  text-align: center;

 width:22%;

  padding: 0 15px;

  margin:0 5px;

  transition: .3s;

  -o-transition: .3s;

  -moz-transition: .3s;

  -webkit-transition: .3s;

  padding: 0px;

}

.pull-left {

  float: left!important;

}

.pull-right {

  float: right!important;

}

.btn {

  display: inline-block; 

  margin-bottom: 0;

  font-size: 14px;

  font-weight: 400; 

  text-align: center;

  white-space: nowrap;

  vertical-align: middle; 

  cursor: pointer;  

  border: 1px solid transparent;

  border-radius: 4px;

}



@media(max-width:480px){    .mobile-foot { display:block;}     }



/* 百度地图css */

.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}

.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}

/* 插件中的样式 */

.navbar-default .navbar-nav > li > a {

    color: #777;

    font-size: 14px;

}

.container.navcon.hidden-lg{

  padding: 0px;

  background: #fff;

}

.container.navcon.hidden-lg .navbar {

  position: relative;

  min-height: 50px;

  margin-bottom: 0px;

  border: 1px solid transparent;

}

.navcon{

  padding: 0px;

}

.navbar{

  margin-bottom: 0px;

}

.navbar-header.clearfix{

  padding: 10px 0px;

  position: relative;

  background: #fff;

}

.navbar-header img{

  position: absolute;

  width: 40%;

  left: 15px;

  top:50%;

  -webkit-transform: translateY( -50%);

  -moz-transform: translateY( -50%);

  -ms-transform: translateY( -50%);

  -o-transform: translateY( -50%);

  height: 90%;

}

@charset "utf-8";



/* 这个css是初始化的css，在任何项目里面都可以使用 */



/* 禁用iPhone中Safari的字号自动调整 */

html {

  -webkit-text-size-adjust: 100%;

  -ms-text-size-adjust: 100%;

  /* 解决IOS默认滑动很卡的情况 */

  -webkit-overflow-scrolling : touch;

}



/* 禁止缩放表单 */

input[type="submit"], input[type="reset"], input[type="button"], input {

  resize: none;

  border: none;

}



/* 取消链接高亮  */

a {

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}



/* 设置HTML5元素为块 */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {

  display: block;

}



/* 图片自适应 */

// img {

//  width: 100%;

//  height: auto;

//  width: auto\9; /* ie8 */

//  display: block;

//  -ms-interpolation-mode: bicubic;/*为了照顾ie图片缩放失真*/

// }



/* 初始化 */

body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {

  margin: 0;

  padding: 0;

}

body {

  font: 12px/1.5 'Microsoft YaHei','宋体', Tahoma, Arial, sans-serif;

  color: #555;

  /* background-color: #F7F7F7; */

  background: #fff;

}

em, i {

  font-style: normal;

}

ul,li{

  list-style-type: none;

}

/*strong {

  font-weight: normal;

}*/

.clearfix:after {

  content: "";

  display: block;

  visibility: hidden;

  height: 0;

  clear: both;

}

.clearfix {

  zoom: 1;

}

a {

  text-decoration: none;

  color: #969696;

  font-family: 'Microsoft YaHei', Tahoma, Arial, sans-serif;

}

a:hover {

  text-decoration: none;

}

ul, ol {

  list-style: none;

}

h1, h2, h3, h4, h5, h6 {

  font-size: 100%;

  font-family: 'Microsoft YaHei';

}

img {

  border: none;

}

input{

  font-family: 'Microsoft YaHei';

}



input,button,select,textarea{outline:none}

textarea{resize:none}

/*单行溢出*/

.one-txt-cut{

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}

/*多行溢出 手机端使用*/

.txt-cut{

  overflow : hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    /* -webkit-line-clamp: 2; */

    -webkit-box-orient: vertical;

}

.w50{

  width: 50%;

}

.w25{

  width: 25%;

}

.w20{

  width: 20%;

}

.w60{

  width:60%;

}

.w75{

  width: 75%;

}

.w80{

  width:80%;

}

.w90{

  width: 90%;

}

.w95{

  width:95%;

}

.w100{

  width:100%;

}

.w30{

  width: 30%;

}

.w33{

  width: 33.333333%;

}

.fl{

  float: left;

}

.fr{

  float: right;

}

.db{

  display: block !important;

}

.dn{

  display: none;

}







/* index.html */

.navs{

  

}

.navs .top{

  height: 40px;

  line-height: 40px;

  background: #fff;

  border-bottom: 1px solid #ededed;

}

.navs .top .container>.left{

  font-size: 14px;

  color: rgb( 127, 127, 127 );

  float: left;

}







.navs .top .container>.right{

  float: right;

}

.navs .top .container>.right span{

  display: inline-block;

  height: 100%;

  font-size: 13px;

  color: rgb( 127, 127, 127 );

}

.navs .top .container>.right span i{

  margin-right: 5px;

  color: #7f7f7f;

}

.navs .top .container>.right span:nth-child(2){

  margin: 0px 40px;

}



.navs .top .container>.right span:last-child span a{

  color: #fff;

}

.navs .top .container>.right span:last-child span a:hover{

  color: #0178d5;

}

.navs .bottom{

  height: 105px;

  background: #fff;

}

.navs .bottom .container{

  height: 105px;

  position: relative;

}

.navs .bottom .left{

  position: absolute;

  left: 0px;

  top: 50%;

  -webkit-transform: translateY( -50%);

  -moz-transform: translateY( -50%);

  -ms-transform: translateY( -50%);

  -o-transform: translateY( -50%);

}

.navs .bottom ul{

  position: absolute;

  right: 0px;

  top: 50%;

  -webkit-transform: translateY( -50%);

  -moz-transform: translateY( -50%);

  -ms-transform: translateY( -50%);

  -o-transform: translateY( -50%);

}

.navs .bottom ul li{

  float: left;

  height: 103px;

  padding-top: 30px;

  position: relative;

  /* line-height: 103px; */

}

.navs .bottom ul li i{

  position: absolute;

  bottom: -8px;

  color: #038fd6;

  left: 50%;

  -webkit-transform: translateX( -50%);

  -moz-transform: translateX( -50%);

  -ms-transform: translateX( -50%);

  -o-transform: translateX( -50%);

}



.navs .bottom ul li p{

  cursor: pointer;

  text-align: center;

  color: #c2c2c2;

}

.navs .bottom ul li.active{

  border-bottom: 2px solid #038fd6;

}

.navs .bottom ul li.active p{

  color: #038fd6;

}

.navs .bottom ul li i{

  display: none;

}

.navs .bottom ul li.active i{

  display: block;

}

.navs .bottom ul li.active a{

  color: #038fd6;

}

.navs .bottom ul li a{

  display: inline-block;

  font-size: 16px;

  color: #000000;

  padding: 0px 20px;

}

.navs .bottom ul li:hover{

  border-bottom: 2px solid #038fd6;

}

.navs .bottom ul li:hover p{

  color: #038fd6;

}

.navs .bottom ul li:hover a{

  color: #038fd6;

}

.navs .bottom ul li:hover i{

  display: block;

}

/* .navs .bottom ul li a:hover{

  color: #038fd6;

} */





.banner{



}

.banner .swiper-container{

  overflow: hidden;

  position: relative;

}

.banner .swiper-container .swiper-slide{

  position: relative;

}



.banner .swiper-container .swiper-slide:nth-child(1){

  

}

.banner .swiper-container .swiper-slide .box{

  position: absolute;

  left: 80px;

  top: 23px;

}

.banner .swiper-container .swiper-slide .box .tt{

  font-size: 36px;

  color: rgb( 255, 255, 255 );

  line-height: 1.23;

  padding: 10px;

  background: #00a0ec;

}



.banner .swiper-container .swiper-slide .box .bb{

  padding: 10px 0px;

  border-radius: 0px 0px 30px 30px;

  background: rgba(255, 255, 255, .9);

  text-align: center;

  font-size: 39px;

  color: rgb( 1, 124, 182 );

}







.banner .swiper-container .swiper-slide .boxs{

  position: absolute;

  right: 15%;

  bottom: 30%;

}

.banner .swiper-container .swiper-slide .boxs .tt{

  padding: 10px 0px;

  background: #00a0ec;

  text-align: center;

  font-size: 39px;

  color: #fff;

}



.banner .swiper-container .swiper-slide .boxs .bb{

  border-radius: 0px 0px 30px 30px;

  font-size: 36px;

  color: #000;

  line-height: 1.23;

  padding: 15px;

  background: rgba(255, 255, 255, .9);  

}

.banner .swiper-container .swiper-slide .boxs .tt i{

  color: #fff;

  font-size: 40px;

}





.banner .swiper-container .swiper-slide .rabi{

  text-align: center;

  position: absolute;

  top: 21%;

  /* right: 6%; */

  right: 8%;

  border-top: 3px solid #fff;

  /* border-bottom: 3px solid #fff; */

  font-size: 33px;

  color: rgb( 255, 255, 255 );

}

.banner .swiper-container .swiper-slide .rabi .mm{

  font-size: 79px;

  color: rgb( 255, 255, 255 );

  padding: 42px 0px 50px;

}

.banner .swiper-container .swiper-slide .rabi .mm span{

  display: inline-block;

  width: 20px;

  height: 20px;

  border-radius: 100%;

  background: #fff;

  margin: 0px 18px;

  vertical-align: middle;

}

.banner .swiper-container .swiper-slide .rabi>span:after{

  content:"";

  width: 28%;

  height: 3px;

  background: #fff;

  position: absolute;

  left: 0px;

  top: 50%;

  -webkit-transform: translateY( -50%);

  -moz-transform: translateY( -50%);

  -ms-transform: translateY( -50%);

  -o-transform: translateY( -50%);

  z-index: 10000;

}

.banner .swiper-container .swiper-slide .rabi>span:before{

  content:"";

  width: 28%;

  height: 3px;

  background: #fff;

  position: absolute;

  right: 0px;

  top: 50%;

  -webkit-transform: translateY( -50%);

  -moz-transform: translateY( -50%);

  -ms-transform: translateY( -50%);

  -o-transform: translateY( -50%);

  z-index: 10000;

}

.banner .swiper-container .swiper-slide .rabi>span{

  width: 100%;

  text-align: center;

  position: absolute;

  left: 50%;

  /* background: #fff; */

  bottom: -45px;

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

}











/* .banner .swiper-container .swiper-slide .box .bb span{

  font-size: 55px;

  color: rgb( 1, 124, 182 );

} */







.banner .swiper-container .swiper-slide .box .bb i{

  color: #017cb6;

  font-size: 40px;

}



.banner .swiper-container .swiper-slide:nth-child(2){

  

}



.banner .swiper-container .swiper-slide:nth-child(4){

  

}



.banner img{

  width: 100%;

}

.banner .swiper-pagination{

  

}

.banner .swiper-pagination-bullet {

  position: relative;

  width: 15px;

  height: 15px;

  display: inline-block;

  border-radius: 100%;

  background: transparent;

  border: 2px solid #fff;

  opacity: 1;

}

.banner .swiper-pagination-bullet  i{

  display: none;

  color: #fff;

  font-size: 12px;

  position: absolute;

  left: 50%;

  top: 45%;

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

}

.banner .swiper-pagination-bullet-active i{

  display: block !important;

}

.banner  .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {

  bottom: 30px;

  left: 0;

  width: 100%;

}

.banner .swiper-container .swiper-slide{

  position: relative;

}







@media (max-width: 1500px){



  ul.caseshow li .show{

    padding-left: 15px;

  }

}





.welcome{

  /* padding-top: 25px; */

  background: #fff

}

.welcome .container{

  padding: 0px;

  position: relative;

}



.welcome .container>.in_slogan{

  position: absolute;

  right: 0px;

  /* top: -25px; */

  /* top: -72px; */

  top: 0px;

}



.welcome .container p.title{

  /* font-family: "Century751 SeBd BT"; */

  font-family: "Times New Roman";

  font-size: 68px;

  color: rgb( 3, 143, 214 );

  font-weight: bold;



  line-height: 1;



}

.welcome .container p.sec{

  /* font-family: "Century751 SeBd BT"; */

  font-family: "Times New Roman";

  font-size: 24px;

  color: rgb( 3, 143, 214 );

  font-weight: bold;

  line-height: 1.952;

  padding-left: 207px;

}

.welcome .container p.thr{

  font-size: 17px;

  color: rgb( 61, 61, 61 );

  text-transform: uppercase;

  line-height: 1.412;

  padding-left: 221px;

}

.welcome .container .bottom{

  margin-top: 25px;

}

.welcome .container .bottom .company{



}

.welcome .container .bottom .company .left{

  

}

.welcome .container .bottom .company .left img{

  width: 100%;

} 

.welcome .container .bottom .company .right{

  font-size: 15px;

  color: rgb( 107, 107, 107 );

  line-height: 2.333;

}

.welcome .container .bottom .company .right a{

  margin-top: 35px;

  display: block;

  text-align: center;

  line-height: 40px;

  width: 125px;

  height: 40px;

  background: #c33529;

  font-size: 15px;

  color: rgb( 255, 255, 255 );

}

.welcome .number>div{

  text-align: center;

  line-height: 130px;

  height: 130px;

  position: relative;

}



.welcome .number>div:last-child .left span:nth-child(2){

    font-size: 26px;

}



.welcome .number>div .left{

  /* position: absolute;

  left: 50%;

  top: 50%;

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%); */

}

.welcome .number>div .left span:nth-child(2){

  position: relative;

  /*font-size: 58px;*/

  font-size: 30px;

  color: rgb( 3, 143, 214 );

  margin-left: 5px;

}

.welcome .number>div .left span:nth-child(2) i{

  position: absolute;

  /*top: 0px;*/

  top: -70px;

  right: 0px;



}

.welcome .number>div .left .counter{

  position: relative;

  font-size: 58px;

  color: rgb( 3, 143, 214 );

  font-weight: bold;

}



.welcome .number>div .left .inner{

  font-size: 12px;

  color: #6f6f6f;

  position: absolute;

  /* right: 78px; */

  right: 95px;

  top:50%;

  -webkit-transform: translateY( -50%);

  -moz-transform: translateY( -50%);

  -ms-transform: translateY( -50%);

  -o-transform: translateY( -50%);

  line-height: 1.3;

}

.welcome .number>div:nth-child(2) .left .inner{

  font-size: 12px;

  color: #6f6f6f;

  position: absolute;

  /* right: 63px; */

  right: 88px;

  top:50%;

  -webkit-transform: translateY( -50%);

  -moz-transform: translateY( -50%);

  -ms-transform: translateY( -50%);

  -o-transform: translateY( -50%);

  line-height: 1.3;

}

.welcome .number>div:nth-child(3) .left .inner{

  font-size: 12px;

  color: #6f6f6f;

  position: absolute;

  /* right: 70px; */

  right: 105px;

  top:50%;

  -webkit-transform: translateY( -50%);

  -moz-transform: translateY( -50%);

  -ms-transform: translateY( -50%);

  -o-transform: translateY( -50%);

  line-height: 1.3;

}

.welcome .number>div .left .inner{

  position: absolute;

}

/* .welcome .number>div .right{

  width: 10px;

  line-height: 1.3;

  position: absolute;

  right: 0px;

  top:0px;

} */





.faith{

  background: #f7f7f7;

  height: 227px;

  font-size: 0px;

}

.faith .w20{

  width: 20%;

  height: 227px;

  display: inline-block;

  position: relative;

}

.faith .w20 .box{

  position: absolute;

  left: 50%;

  top: 50%;

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

}

/*.faith .w20 .box:hover{

transform:rotateY(360deg) translate(-50%, -50%);

-ms-transform:rotateY(360deg) translate(-50%, -50%);  

-moz-transform:rotateY(360deg) translate(-50%, -50%);   

-webkit-transform:rotateY(360deg) translate(-50%, -50%); 

-o-transform:rotateY(360deg) translate(-50%, -50%); 

}*/

.faith .w20 .box .inner{

  position: relative;

}

.faith .w20 .box .inner:hover{

  transition: 2s;

  transform:rotateY(360deg);

-ms-transform:rotateY(360deg); 	

-moz-transform:rotateY(360deg); 	

-webkit-transform:rotateY(360deg); 

-o-transform:rotateY(360deg); 

}

.faith .w20 .box .inner i{

  font-size: 35px;

  color: #fff;

  position: absolute;

  left: 50%;

  top: 50%;

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

}

.faith .w20 .box p{

  text-align: center;

  font-size: 16px;

  color: rgb( 49, 49, 49 );

  line-height: 1.875;

  margin-top: 15px;

}

.faith .w20 .box p:hover{

  color: #c33529;

}



.product{

  background: #fff;

  /* padding: 65px 15px 0px; */



  padding: 35px 15px 0px;

}



.product .container{

  position: relative;

}

.product .container .in_slogan{

  position: absolute;

  /* top: -65px; */

  top: -36px;

  left: 0px;

}



.product p.title{

  /* font-family: "Century751 SeBd BT"; */

  font-family: "Times New Roman";

  text-align: center;

  font-size: 68px;

  color: rgb( 3, 143, 214 );

  font-weight: bold;



  line-height: 1;



  margin-bottom: 0px;

}

.product p.sec{

  text-align: center;

  font-size: 24px;

  color: rgb( 61, 61, 61 );

  line-height: 2.158;

}

.product p.sec a{

  font-size: 24px;

  color: rgb( 61, 61, 61 );

}

.product p.sec a:hover{

  color: rgb( 3, 143, 214 );

}

.product p.sec span{

  color: #d9d9d9;

}

.product p.category{

  text-align: center;

  font-size: 0px;

}

.product p.category span{

  cursor: pointer;

  display: inline-block;

  padding: 0px 15px;

  height: 30px;

  line-height: 30px;

  font-size: 15px;

  color: #6b6b6b;

  margin: 0px 5px;

}

.product p.category span.active{

  color: #fff;

  background: #c33529;

}

.product p.category span.active a{

  color: #fff;

}



.product .swiper-containerE{

  overflow: hidden;

  position: relative;

  padding-bottom: 65px;

  margin-top: 30px;

}



/* .product .swiper-containerE:nth-child(1n + 1){

  display: none;

}

.product .swiper-containerE:nth-child:first-child{

  display: block;

} */

.product .swiper-containerE:nth-child(3),

.product .swiper-containerE:nth-child(4),

.product .swiper-containerE:nth-child(5),

.product .swiper-containerE:nth-child(6){

  display: none;

}

.product .swiper-containerE .swiper-slide{

  position: relative;

  overflow: hidden;

}

.product .swiper-containerE .swiper-slide .box{

  position: relative;

  height: 70px;

}

.product .swiper-containerE .swiper-slide img{

  width: 100%;

  transition: 1.2s;

}

.product .swiper-containerE .swiper-slide img:hover{

  transition: 1.2s;

  transform: scale(1.1);

  -webkit-transform: scale(1.1);

  -moz-transform: scale(1.1);

  -ms-transform: scale(1.1);

  -o-transform: scale(1.1);

}

.product .swiper-containerE .swiper-slide .box>span{

  padding-left: 20px;

  line-height: 50px;

  font-size: 16px;

  color: #fff;

  top: 10px;

  left: 30px;

  display: inline-block;

  position: absolute;

  width: 250px;

  /* width: 90%; */

  /* padding-right: 60px; */

  height: 50px;

  background: rgba(3, 143, 214);

}

.product .swiper-containerE .swiper-slide .box>span i{

  display: none;

  color: #fff;

  font-size: 30px;

  position: absolute;

  right: 20px;

  top: 50%;

  -webkit-transform: translateY( -50%);

  -moz-transform: translateY( -50%);

  -ms-transform: translateY( -50%);

  -o-transform: translateY( -50%);

}

.product .swiper-containerE .swiper-slide .box>span a{

  color: #fff;

}

.product .swiper-containerE .swiper-slide:hover .box>span{

  z-index: 10000000;

  transition: 2s;

  width: 90%; 

}

.product .swiper-containerE .swiper-slide:hover .box>span i{

  display: block;

}

/* .product .swiper-containerE .swiper-slide:hover>span{

  display: none;

} */

.product .swiper-containerE .swiper-slide .box{

  /* display: none; */

  position: absolute;

  left: 0px;

  bottom: 0px;

  width: 100%;

  /* height: 20%; */

  /* background: rgba(0, 0, 0, .4); */

  /* background: rgba(3, 143, 214,.5); */

  background: transparent;

}

.product .swiper-containerE .swiper-slide:hover .box{

  display: block;

  background: rgba(3, 143, 214,.5);

}

.product .swiper-containerE .swiper-slide:hover .box span{

  /* display: none; */

}

.product .swiper-pagination-bullet {

  position: relative;

  width: 15px;

  height: 15px;

  display: inline-block;

  border-radius: 100%;

  background: transparent;

  /* border: 1px solid #c33529; */

  opacity: 1;

}

.product .swiper-pagination-bullet  i{

  /* display: none; */

  color: #c33529;

  font-size: 15px;

  position: absolute;

  left: 54%;

  top: 50%;

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

}

.product .swiper-pagination-bullet-active{

  border: 1px solid #c33529;

}

.product .swiper-pagination-bullet-active i{

  display: block !important;

}

.product  .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {

  bottom: 25px;

  left: 0;

  width: 100%;

}



.advantage{

  background: #f7f7f7;

  /* padding: 70px 0px 50px; */

  padding: 35px 0px 50px;

}

.advantage .container{

  padding: 0px;

  position: relative;

}



.advantage .container .in_slogan{

  position: absolute;

  right: 0px;

  /* top: -70px; */

  top: -35px;

}



.advantage p.title{

  /* font-family: "Century751 SeBd BT"; */

  font-family: "Times New Roman";

  text-align: center;

  font-size: 59px;

  color: rgb( 3, 143, 214 );

  font-weight: bold;



  line-height: 1;



}

.advantage a{

  text-decoration: none !important;

}

.advantage p.title a{

  font-size: 59px;

  color: rgb( 3, 143, 214 );

}

.advantage p.sec{

  text-align: center;

  font-size: 24px;

  color: rgb( 61, 61, 61 );

  line-height: 2.158;

}

.advantage p.sec a{

  font-size: 24px;

  color: rgb( 61, 61, 61 );

}

.advantage .adbottom{

  /* margin-top: 60px; */

  margin-top: 25px;

}

.advantage .adbottom .clearfix{

  margin-bottom: 35px;

}

.advantage .adbottom .clearfix>div{

  height: 242px;

}

.advantage .adbottom .clearfix:nth-child(odd) .left{

  position: relative;

}

.advantage .adbottom .clearfix:nth-child(odd) .left .border{

  border: 6px solid #fff;

  border-radius:100%;

  position: absolute;

  right: 0px;

  bottom: -35px;

}

.advantage .adbottom .clearfix:nth-child(odd) .left .border img{

  border-radius:100%;

}

.advantage .adbottom .clearfix:nth-child(odd) .right{

  position: relative;

}

.advantage .adbottom .clearfix:nth-child(odd) .right .box{

  position: absolute;

  left: 45px;

  top: 50%;

  -webkit-transform: translateY( -50%);

  -moz-transform: translateY( -50%);

  -ms-transform: translateY( -50%);

  -o-transform: translateY( -50%);

}

.advantage .adbottom .clearfix:nth-child(odd) .right .box p.first{

  font-size: 36.944px;

  color: rgb( 194, 194, 194 );

  font-weight: bold;

  position: relative;

}

.advantage .adbottom .clearfix:nth-child(odd) .right .box p.first span{

  position: absolute;

  left: -40px;

  top:0px;

  font-size: 54.503px;

  color: rgb( 193, 193, 193 );

  font-weight: bold;

  line-height: 1.344;

}

.advantage .adbottom .clearfix:nth-child(odd) .right .box p.second{

  font-size: 22px;

  color: rgb( 173, 15, 2 );

  font-weight: bold;

  line-height: 1.263;

  margin-bottom: 10px;

}

/*.advantage .adbottom .clearfix:nth-child(odd) .right .box p.detail{

  font-size: 16px;

  color: rgb( 80, 80, 80 );

  line-height: 2;

  width: 370px;

}

*/

.advantage .adbottom .clearfix:nth-child(odd) .right .box .detail{

  font-size: 16px;

  color: rgb( 80, 80, 80 );

  line-height: 2;

  /* width: 400px; */

  width: 480px;

}

.advantage .adbottom .clearfix:nth-child(odd) .right .box .detail li i{

  margin-right: 5px;

  color: rgb( 173, 15, 2 );

}

.advantage .adbottom .clearfix:nth-child(even) .left .box .detail{

  font-size: 16px;

  color: rgb( 80, 80, 80 );

  line-height: 2;

  /* width: 400px; */

  width: 480px;

}

.advantage .adbottom .clearfix:nth-child(even) .left .box .detail li i{

  margin-right: 5px;

  color: rgb( 173, 15, 2 );

}

  



.advantage .adbottom .clearfix:nth-child(even){



}

.advantage .adbottom .clearfix:nth-child(even) .left{

  position: relative;

}

.advantage .adbottom .clearfix:nth-child(even) .left .box{

  position: absolute;

  left: 50%;

  top: 50%;

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

}

.advantage .adbottom .clearfix:nth-child(even) .left .box p.first{

  font-size: 36.944px;

  color: rgb( 194, 194, 194 );

  font-weight: bold;

  position: relative;

}

.advantage .adbottom .clearfix:nth-child(even) .left .box p.first span{

  position: absolute;

  left: -45px;

  top:0px;

  font-size: 54.503px;

  color: rgb( 193, 193, 193 );

  font-weight: bold;

  line-height: 1.344;

}

.advantage .adbottom .clearfix:nth-child(even) .left .box p.second{

  font-size: 24px;

  color: rgb( 173, 15, 2 );

  font-weight: bold;

  line-height: 1.263;

  margin-bottom: 10px;

}

/*.advantage .adbottom .clearfix:nth-child(even) .left .box p.detail{

  font-size: 16px;

  color: rgb( 80, 80, 80 );

  line-height: 2;

  width: 370px;

}*/

.advantage .adbottom .clearfix:nth-child(even) .right {

  position: relative;

}

.advantage .adbottom .clearfix:nth-child(even) .right img{

  float: right;

}

.advantage .adbottom .clearfix:nth-child(even) .right  .border{

  position: absolute;

  left: 0px;

  bottom: -35px;

  /* border: 1px solid #fff; */

  border: 6px solid #fff;

  border-radius: 100%;

}

.advantage .adbottom .clearfix:nth-child(even) .right  .border img{

  border-radius:100%;

}



ul.caseshow{

  font-size: 0px;

}

ul.caseshow .container{

  position: relative;

}

ul.caseshow .container .in_slogan{

  display: none;

  position: absolute;

  bottom: 0px;

  left: 0px;

}

ul.caseshow li{

  vertical-align: top;

  float: left;

  width: 25%;

  display: inline-block;

  position: relative;

}

.caseshow li:nth-child(3),.caseshow li:nth-child(4),.caseshow li:nth-child(5),.caseshow li:nth-child(6),.caseshow li:nth-child(7),.caseshow li:nth-child(8){ float:right;}

ul.caseshow li:nth-child(2){ float:right;}

ul.caseshow li img{

  width: 100%;

}

ul.caseshow li:hover .box{

  display: block;

}

ul.caseshow li .box{

  display: none;

  width: 100%;

  height: 100%;

  position: absolute;

  left: 0px;

  top: 0px;

  padding: 10px;

}

ul.caseshow li .box .inner{

  width: 100%;

  height: 100%;

  /* padding: 10px; */

  background: rgba(3, 143, 214, .5);

}

ul.caseshow li .box .inner .border{

  text-align: center;

  position: absolute;

  left: 50%;

  top: 50%;

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

}

ul.caseshow li .box .inner .border .top{

  display: inline-block;

  width: 61px;

  height: 61px;

  border-radius: 100%;

  border: 1px solid #fff;

  position: relative;

}

ul.caseshow li .box .inner .border .top .yuan{

  width: 50px;

  height: 50px;

  border-radius: 100%;

  background: #fff;

  position: absolute;

  left: 51%;

  top: 51%;

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

}

ul.caseshow li .box .inner .border .top .yuan i{

  font-size: 30px;

  color: #038fd6;

  position: absolute;

  left: 50%;

  top: 50%;

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

}

ul.caseshow li .box .inner .border p{

  margin-top: 20px;

  font-size: 18px;

  color: rgb( 247, 247, 247 );

}

ul.caseshow li .box .inner .border p a{

  font-size: 18px;

  color: rgb( 247, 247, 247 );

}

ul.caseshow li .box .inner .border p a:hover{

  /* color: #038fd6; */

}

ul.caseshow li .show{

  padding-left: 65px;

  width: 100%;

  position: absolute;

  left: 50%;

  top: 50%;

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

}

ul.caseshow li .show p{



}

ul.caseshow li .show p.title{

  /* font-family: "Century751 SeBd BT"; */

  font-family: "Times New Roman";

  font-size: 59px;

  color: rgb( 3, 143, 214 );

  font-weight: bold;

}

ul.caseshow li .show p.sec{

  font-size: 24px;

  color: rgb( 61, 61, 61 );

  line-height: 2.158;

}



ul.caseshow li .show p.sec a{

  font-size: 24px;

  color: #c33529;

}

ul.caseshow li .show p.sec a:hover{

  color: rgb( 3, 143, 214 );

}

ul.caseshow li .show p.sec span{

  color: #c33529;

}

ul.caseshow li .show p.yanfa{

  font-size: 18px;

  color: #000;

  line-height: 3.333;

}



.newscenter{

  background: #fff;

  /* padding: 80px 0px 57px; */

  padding: 40px 0px 57px;

}

.newscenter .container{

  padding:0px;

  position: relative;

}



.newscenter .container .in_slogan{

  position: absolute;

  right: 0px;

  /* top: -80px; */

  top: -50px;

}



.newscenter p.title{

  /* font-family: "Century751 SeBd BT"; */

  font-family: "Times New Roman";

  text-align: center;

  font-size: 59px;

  color: rgb( 3, 143, 214 );

  font-weight: bold;



  line-height: 1;



}

.newscenter p.sec{

  text-align: center;

  font-size: 24px;

  color: rgb( 61, 61, 61 );

  line-height: 2.158;

}

.newscenter p.sec a{

  font-size: 24px;

  color: rgb( 61, 61, 61 );

}

.newscenter p.sec a:hover{

  color: rgb( 3, 143, 214 );

}

.newscenter p.sec span{

  color: #d9d9d9;

}

.newscenter p.category{

  text-align: center;

  margin-top: 10px;

}

.newscenter p.category span{

  display: inline-block;

  height: 30px;

  line-height: 30px;

  padding: 0px 20px;

  color: #6b6b6b;

  font-size: 15px;

}

.newscenter p.category span.active{

  background: #c33529;

  color: #fff;

}



.newscenter .swiper-containerN{

  overflow: hidden;

  position: relative;

  margin-top: 30px;

  padding-bottom: 50px;

}

/* .newscenter .swiper-containerN:nth-child(5), */

.newscenter .swiper-containerN:nth-child(6),

.newscenter .swiper-containerN:nth-child(7){

  display: none;

}

.newscenter .swiper-containerN .swiper-slide{

  padding-bottom: 30px;

  border-bottom: 5px solid #878787;

}

.newscenter .swiper-containerN .swiper-slide .top{

  

}

.newscenter .swiper-containerN .swiper-slide .top a{

  display: block;

  overflow: hidden;

}

.newscenter .swiper-containerN .swiper-slide .top a img{

  width: 100%;

  transition: 1.2s;

}

.newscenter .swiper-containerN .swiper-slide .top a img:hover{

  transition: 1.2s;

  transform: scale(1.1);

  -webkit-transform: scale(1.1);

  -moz-transform: scale(1.1);

  -ms-transform: scale(1.1);

  -o-transform: scale(1.1);

}

.newscenter .swiper-containerN .swiper-slide .bottom{



}

.newscenter .swiper-containerN .swiper-slide .bottom .time{

  height: 63px;

  margin:15px 0px;

}

.newscenter .swiper-containerN .swiper-slide .bottom .time>div{

  padding: 0px;

}

.newscenter .swiper-containerN .swiper-slide .bottom .time>.left{

  border-right: 1px solid #e0e0e0;

}

.newscenter .swiper-containerN .swiper-slide .bottom .time>.left p{

  text-align: center;

}

.newscenter .swiper-containerN .swiper-slide .bottom .time>.left p:nth-child(1){

  font-size: 30px;

  color: #038fd6;

  line-height: 31px;

  margin:0px;

}

.newscenter .swiper-containerN .swiper-slide .bottom .time>.left p:nth-child(2){

  font-size: 15px;

  color: #038fd6;

  line-height: 31px;

  margin:0px;

}

.newscenter .swiper-containerN .swiper-slide .bottom .time>.right{

  line-height: 63px;

  font-size: 16px;

  color: rgb( 0, 0, 0 );

  padding-left: 20px;

}

.newscenter .swiper-containerN .swiper-slide .bottom .time>.right a{

  font-size: 16px;

  color: rgb( 0, 0, 0 );

}

.newscenter .swiper-containerN .swiper-slide .bottom .time>.right a:hover{

  color: #038fd6;

}

.newscenter .swiper-containerN .swiper-slide .bottom .detail{

  font-size: 15px;

  color: rgb( 107, 107, 107 );

  line-height: 2;

}



.newscenter .swiper-pagination-bullet {

  position: relative;

  width: 15px;

  height: 15px;

  display: inline-block;

  border-radius: 100%;

  background: transparent;

  /* border: 1px solid #c33529; */

  opacity: 1;

}

.newscenter .swiper-pagination-bullet  i{

  /* display: none; */

  color: #c33529;

  font-size: 15px;

  position: absolute;

  left: 50%;

  top: 50%;

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

}

.newscenter .swiper-pagination-bullet-active{

  border: 1px solid #c33529;

}

.newscenter .swiper-pagination-bullet-active i{

  display: block !important;

}

.newscenter  .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {

  bottom: 0px;

  left: 0;

  width: 100%;

}



footer{

  height: 345px; 

  background: #303030 url(../images/map.png) center center no-repeat;

}

footer .container{

  padding: 32px 0px 60px;



}

footer .container .w20{

  width: 20%;

  display: inline-block;

  vertical-align: top;

}

footer .container .w47 dt,

footer .container .w33 dt,

footer .container .w20 dt{

  font-size: 17px;

  color: #fff;

  margin-bottom: 37px;

}

footer .container .w47 dt span,

footer .container .w33 dt span,

footer .container .w20 dt span{

  margin-left: 10px;

  font-size: 16px;

  color: #fff;

}

footer .container .w20 dl dd{

  display: inline-block;

  width: 49%;

  font-size: 14px;

  color: rgb( 179, 179, 179 );

  text-decoration: underline;

  line-height: 2.429;

}

footer .container .w20 dl dd a{

  font-size: 14px;

  color: rgb( 179, 179, 179 );

}

footer .container .w20 dl dd a:hover{

  color: #fff;

}



footer .container .w33{

  width: 33.3%;

  display: inline-block;

  vertical-align: top;

}

footer .container .w33 dd{

  line-height: 34px;

  font-size: 14px;

  font-family: "Microsoft YaHei";

  color: rgb( 179, 179, 179 );

  line-height: 2.429;

}

footer .container .w33 dd i{

  margin-right: 15px;

  color: #c33529;

}

footer .container{

  font-size: 0px;

}

footer .container .w47{

  display: inline-block;

  width: 46.6666%;

}

footer .container .w47 form{



}

footer .container .w47 form .left{

  vertical-align: top;

  width: 210px;

  display: inline-block;

}

footer .container .w47 form .left input{

  padding-left: 10px;

  background: transparent;

  width: 210px;

  height: 40px;

  border-bottom: 1px solid #c7c7c7;

  font-size: 13px;

  color: rgb( 179, 179, 179 );

  padding-bottom: 10px;

}

footer .container .w47 form .left input:nth-child(1){

  margin-bottom: 25px;

}



footer input::-webkit-input-placeholder{

  color:rgb( 179, 179, 179 );

}

footer input::-moz-placeholder{   /* Mozilla Firefox 19+ */

  color:rgb( 179, 179, 179 );

}

footer input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */

  color:rgb( 179, 179, 179 );

}

footer input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 

  color:rgb( 179, 179, 179 );

}



footer .container .w47 form textarea{

  padding: 15px;

  background: transparent;

  margin-left: 20px;

  vertical-align: top;

  display: inline-block;

  width: 255px;

  height: 105px;

  border:1px solid #c7c7c7;

  font-size: 13px;

  color: rgb( 179, 179, 179 );

}

footer .container .w47 form button{

  float: right;

  width: 40px;

  height: 105px;

  border: 2px solid #c33529;

  background: transparent;

  font-size: 14px;

  color: #c33529;

}

footer textarea::-webkit-input-placeholder{

  color:rgb( 179, 179, 179 );

  font-size: 13px;

  color: rgb( 179, 179, 179 );

}

footer textarea::-moz-placeholder{ 

  color:rgb( 179, 179, 179 );

  font-size: 13px;

  color: rgb( 179, 179, 179 );

}

footer textarea:-moz-placeholder{   

  color:rgb( 179, 179, 179 );

  font-size: 13px;

  color: rgb( 179, 179, 179 );

}

footer textarea:-ms-input-placeholder{ 

  color:rgb( 179, 179, 179 );

  font-size: 13px;

  color: rgb( 179, 179, 179 );

}



footer>.bottom{

  /*height: 75px;

  line-height: 75px;*/

  height: 58px;

    line-height: 58px;

  text-align: center;

  border-top: 1px solid #565656;

  font-size: 14px;

  color:#aaa;

}

footer>.bottom a{ color: #aaa; }

.bluing{



}



.innertitle{

  position: relative;

  height: 62px;

  /*line-height: 62px;*/

  line-height: 61px;  

  font-size: 15px;

  color: rgb( 255, 255, 255 );

}

.innertitle .container{

   position: relative;

  padding-left: 20px;

  background: #038fd6;

}

.innertitle a{

  font-size: 15px;

  color: rgb( 255, 255, 255 );

}

.innertitle .right{

  width: 50%;

  /*height: 62px;*/

  height: 61px;

  background: #0099e6;

  position: absolute;

  right: 0px;

  top: 0px;

  z-index: -1;

}

.innertitle .slogan{

  width: 1px;

  position: absolute;

  top: 61px;

  right: 0px;

  z-index: 1000000;

}

.innertitle .slogan .top{

  position: absolute;

  top: 0px;

  right: 0px;

  display: inline-block;

  width: 1px;

  height: 43px;

  background: #c9c9c9;

}

.innertitle .slogan .border{

  position: absolute;

  top: 45px;

  right: -2px;

  /*display: inline-block;*/

  width: 5px;

  height: 5px;

  background: #c9c9c9;

}

.innertitle .slogan .bottom{

  width: 100px;

  position: absolute;

  /*bottom: 10px;*/

  bottom: -115px;

  right: -47px;

  /*height: 10px;*/

  color: #c9c9c9;

  transform:rotate(-90deg);

  -ms-transform:rotate(-90deg);   /* IE 9 */

  -moz-transform:rotate(-90deg);  /* Firefox */

  -webkit-transform:rotate(-90deg); /* Safari 和 Chrome */

  -o-transform:rotate(-90deg);  /* Opera */

}







p.intitling{

  font-size: 19px;

  color: rgb( 61, 61, 61 );

  /* line-height: 2.158; */

  line-height: 1.6;

      padding: 2px 0px 34px;

      margin-bottom: 0px;

}

p.intitling span{

  color: #d9d9d9;

  padding: 0px 10px;

}

p.intitling span:nth-child(1){

  font-size: 45px;

  /* font-family: "Century751 SeBd BT"; */

  font-family: "Times New Roman";

  color: rgb( 3, 143, 214 );

  padding: 0px;

}



.Dateless {

  font-size: 45px;

  /* font-family: "Century751 SeBd BT"; */

  font-family: "Times New Roman";

  color: rgb( 3, 143, 214 );

  font-weight: bold;

  line-height: 0.911;

  text-align: right;

  position: absolute;

  left: 373px;

  top: 672.345px;

  z-index: 37;

}







.brand{

  /* padding: 40px 0px 0px; */

  padding: 20px 0px 0px;

}

.brand .container{

  padding: 0px;

}

p.incategory{

  text-align: center;

  margin-bottom: 35px;

}

p.incategory span{

  display: inline-block;

  width: 160px;

  height: 45px;

  background: #fff;

  border: 1px solid #d9d9d9;

  margin: 0px 1px 7px 1px;

  line-height: 45px;

}

p.incategory span:hover{

  background: #c33529;

}

p.incategory span:hover a{

  color: #fff;

}

p.incategory span a{

  font-size: 15px;

  color: #8d8d8d;

}

/* p.incategory span a:hover{

  color: #038fd6;

} */

p.incategory span.active{

  background: #c30d23;

}

p.incategory span.active a{

  color: #fff;

}



.brand .brand_content{

  margin-top: 47px;

  font-size: 15px;

  color: rgb( 107, 107, 107 );

  line-height: 2.333;

  padding-bottom: 190px;

}





.ban{

  position: relative;

} 

.ban .box{

  position: absolute;

  left: 50%;

  top: 50%;

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

}

.ban .box p{

  text-align: center;

}

.ban .box p:nth-child(1){

  font-size: 50px;

  color: rgb( 255, 255, 255 );

  font-weight: bold;

}

.ban .box p:nth-child(2){

  font-size: 26px;

  color: rgb( 255, 255, 255 );

  line-height: 1.731;

}



.news_content{

  margin-top: 30px;

  padding-bottom: 20px;

}

.news_content .inner{

  margin-bottom: 0px;

}

.news_content .inner li{

  vertical-align: top;

  display: inline-block;

  width: 31%;

  margin-right: 20px;

  padding-bottom: 30px;

  border-bottom: 5px solid #878787;

  margin-bottom: 45px;

}

.news_content .inner li:nth-child(3),

.news_content .inner li:nth-child(4),

.news_content .inner li:nth-child(5){

  margin-bottom: 25px;

}





.news_content .inner li .top{

  

}

.news_content .inner li .top a{

  display: block;

  overflow: hidden;

}

.news_content .inner li .top a img{

  width: 100%;

  transition: 1.2s;

  height:246px;

}

.news_content .inner li .top a img:hover{

  transition: 1.2s;

  transform: scale(1.1);

  -webkit-transform: scale(1.1);

  -moz-transform: scale(1.1);

  -ms-transform: scale(1.1);

  -o-transform: scale(1.1);

}

.news_content .inner li .bottom{



}

.news_content .inner li .bottom .time{

  height: 63px;

  margin:15px 0px;

}

.news_content .inner li .time>div{

  padding: 0px;

}

.news_content .inner li .time>.left{

  border-right: 1px solid #e0e0e0;

}

.news_content .inner li .time>.left p{

  text-align: center;

  margin-bottom: 0px;

}

.news_content .inner li .time>.left p:nth-child(1){

  font-size: 30px;

  color: #038fd6;

  line-height: 31px;

}

.news_content .inner li .time>.left p:nth-child(2){

  font-size: 15px;

  color: #038fd6;

  line-height: 31px;

}

.news_content .inner li .time>.right{

  line-height: 63px;

  font-size: 16px;

  color: rgb( 0, 0, 0 );

  padding-left: 20px;

}



.news_content .inner li .time>.right a{

  font-size: 16px;

  /* color: rgb( 0, 0, 0 ); */

  color: #c33529;

}

.news_content .inner li .time>.right a:hover{

  color: #038fd6;

}

.news_content .inner li .detail{

  font-size: 15px;

  color: rgb( 107, 107, 107 );

  line-height: 2;

}



.link{

  /* padding-top: 40px; */

  padding-top: 20px;

  background: #fff;

  padding-bottom: 75px;

}

.link .container{

  padding: 0px;

}

.link_name{

  padding-left: 45px;

  margin: 20px 0px 30px;

}

.link_name p.first{

  color: #565656;

  font-size: 18px;

}

.link_name p.second{

  color: #565656;

  font-size: 18px;

}

.link_method{

  text-align: center;

  margin-bottom: 40px;

}

.link_method>div{

  padding: 0px;

}

.link_method>div:nth-child(1){

  text-align: left;

}

.link_method>div:nth-child(1) p:nth-child(1){

  padding-left: 93px;

}

.link_method>div:nth-child(1) p:nth-child(2){

  padding-left: 35px;

}

.link_method>div p{

  font-size: 14px;

  color: rgb( 86, 86, 86 );

  line-height: 2.143;

}

.link_method>div p i{

  color: #c30d23;

  font-size: 40px;

}



.link_add{

  padding-bottom: 75px;

  border-bottom: 1px solid #ebebeb;

}

.link_add>div{

  height: 200px;

  padding-top: 55px;

  padding-left: 45px;

}

.link_add p.linktit{

  color: #565656;

  font-size: 18px;

  margin-bottom: 10px;

}

.link_add p.common{

  color: #565656;

  font-size: 14px;

  line-height: 2;

}



/* .link_message{

  margin-top: 40px;

}

.link_message>p{

  text-align: center;

  font-size: 19px;

  color: rgb( 61, 61, 61 );

  margin-bottom: 40px;

}



.link_message input{

  font-size: 14px;

  padding-left: 20px;

  width: 100%;

  height: 50px;

  border: 1px solid #e0e0e0;

}

.link_message .top>div:nth-child(odd){

  margin-bottom: 20px;

  padding-left: 0px;

  padding-right: 8px;

}

.link_message .top>div:nth-child(even){

  margin-bottom: 20px;

  padding-left: 8px;

  padding-right: 0px; 

}



.link_message ::-webkit-input-placeholder { /* WebKit browsers */

  color:    #565656;

}

.link_message :-moz-placeholder { /* Mozilla Firefox 4 to 18 */

  color:    #565656;

}

.link_message ::-moz-placeholder { /* Mozilla Firefox 19+ */

  color:    #565656;

}

.link_message :-ms-input-placeholder { /* Internet Explorer 10+ */

  color:    #565656;

}



.link_message textarea{

  color:    #565656;

  font-size: 14px;

  padding: 15px 20px;

  width: 100%;

  height: 180px;

  border: 1px solid #e0e0e0;

}

.link_message .bottom{

  text-align: center;

  margin-top: 30px;

}

.link_message .bottom button{

  display: inline-block;

  width: 150px;

  height: 50px;

  border:none;

  border: 2px solid #c30d23;

  background: transparent;

  color: #c30d23;

  font-size: 14px;

  color: rgb( 195, 13, 35 );

} */



.proin{

  margin-top: 35px;

  padding: 0px 27px;

}

.proin .inner{



}

.proin .inner li{

  vertical-align: top;

  display: inline-block;

  width: 24%;

  margin-right: 13px;

  margin-bottom: 30px;

}

.proin .inner li:nth-child(4n){

  margin-right: 0px;

}

.proin .inner li .top{

  overflow: hidden;

}

.proin .inner li img{

  width: 100%;

  height: 215px;

  transition: 1.2s;

}

.proin .inner li img:hover{

  transition: 1.2s;

  transform: scale(1.1);

  -webkit-transform: scale(1.1);

  -moz-transform: scale(1.1);

  -ms-transform: scale(1.1);

  -o-transform: scale(1.1);

}

.proin .inner li p{

  background: #f7f7f7;

  height: 60px;

  text-align: center;

  line-height: 60px;

  font-size: 16px;

  color: #3c3c3c;

}

.proin .inner li p a{

  font-size: 16px;

  color: #3c3c3c;

}

.proin .inner li p a:hover{

  color: rgb( 195, 13, 35 );

}





.about_company{

  font-size: 15px;

  color: rgb( 107, 107, 107 );

  line-height: 2.333;

  /* margin-top: 35px; */

  margin-top: 17px;

  padding-bottom: 70px;

}

.about_company img{

  float: left;

  margin-right: 35px;

}

.about_company .iner{

  padding-left: 35px;

  float: left;

}





.culture{

  background: #f7f7f7;

  /* padding: 75px 0px; */

  padding: 38px 0px;

}

.culture .container{

  padding: 0px;

  position: relative;

}



.culture .container .in_slogan{

  position: absolute;

  left: 0px;

  /* top: -75px; */

  top: -38px;

}



.culture .top{

  text-align: right;

}

.culture .top p.first{

  /* font-family: "Century751 SeBd BT"; */

  font-family: "Times New Roman";

  font-size: 45px;

  color: rgb( 3, 143, 214 );

  font-weight: bold;

}

.culture .top p.second{

  font-size: 19px;

  color: rgb( 61, 61, 61 );

}

.culture .top p.second span{

  color: #d9d9d9;

  padding: 0px 10px;

}

.culture .bottom{

  margin-top: 40px;

}

.culture .bottom>div{

  text-align: center;

}



.culture .bottom>div .border{

  position: relative;

  display: inline-block;

  width: 110px;

  height: 110px;

  border-radius: 100%;

  background: #038fd6;

}

.culture .bottom>div .border:hover{

  transition: 2s;

  transform:rotateY(360deg);

-ms-transform:rotateY(360deg); 	/* IE 9 */

-moz-transform:rotateY(360deg); 	/* Firefox */

-webkit-transform:rotateY(360deg); /* Safari 和 Chrome */

-o-transform:rotateY(360deg); 

background: #c30d23;

}

/* .culture .bottom>div:nth-child(2) .border{

  background: #c30d23;

} */

.culture .bottom>div .border i{

  font-size: 40px;

  color: #fff;

  position: absolute;

  left: 50%;

  top: 50%;

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

}

.culture .bottom>div p.value{

  font-size: 19px;

  color: rgb( 0, 0, 0 );

  line-height: 3;

}

.culture .bottom>div p.detail{

  font-size: 15px;

  color: rgb( 107, 107, 107 );

  line-height: 2;

}





.honor{

  /* padding: 65px 0px 75px;  */

  padding: 33px 0px 75px; 

}

.honor .container{

  padding: 0px;

  position: relative;

}



.honor .container .in_slogan{

  position: absolute;

  /* top: -65px; */

  top: -33px;

  right: 0px;

}



.honor .top{

  text-align: left;

}

.honor .top p.first{

  /* font-family: "Century751 SeBd BT"; */

  font-family: "Times New Roman";

  font-size: 45px;

  color: rgb( 3, 143, 214 );

  font-weight: bold;

}

.honor .top p.second{

  font-size: 19px;

  color: rgb( 61, 61, 61 );

}

.honor .top p.second span{

  color: #d9d9d9;

  padding: 0px 10px;

}

.honor .bottom{

  margin-top: 43px;

}

.honor .swiper-containerH{

  padding-bottom: 55px;

  overflow: hidden;

  position: relative;

}

.honor .swiper-containerH .swiper-slide{

  /* padding-bottom: 57px; */

  border: 1px solid #e6e6e6;

  height: 425px;

}

.honor .swiper-containerH .swiper-slide>img{

  position: absolute;

  width: 100%;

  left: 50%;

  top: 10px;

  -webkit-transform: translateX( -50%);

  -moz-transform: translateX( -50%);

  -ms-transform: translateX( -50%);

  -o-transform: translateX( -50%);

}

.honor .swiper-containerH .swiper-slide:hover .box{

  display: block;

}

.honor .swiper-containerH .swiper-slide .box{

  display:none;

  position: absolute;

  left: 50%;

  top: 10px;

  -webkit-transform: translateX( -50%);

  -moz-transform: translateX( -50%);

  -ms-transform: translateX( -50%);

  -o-transform: translateX( -50%);

}

.honor .swiper-containerH .swiper-slide .box .border{

  cursor: pointer;

  border-radius: 100%;

  position: absolute;

  left: 50%;

  top: 50%;

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

  width: 53px;

  height: 53px;

  border: 2px solid #fff;

}

.honor .swiper-containerH .swiper-slide .box .border i{

  font-size: 24px;

  color: #fff;

  position: absolute;

  left: 50%;

  top: 50%;

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

}

.honor .swiper-containerH .swiper-slide p{

  font-size: 16px;

  color: rgb( 61, 61, 61 );

  position: absolute;

  bottom: 5px;

  left: 50%;

  -webkit-transform: translateX( -50%);

  -moz-transform: translateX( -50%);

  -ms-transform: translateX( -50%);

  -o-transform: translateX( -50%);

}



.honor .swiper-containerH  .swiper-pagination-bullet {

  position: relative;

  width: 15px;

  height: 15px;

  display: inline-block;

  border-radius: 100%;

  background: transparent;

  /* border: 1px solid #c33529; */

  opacity: 1;

}

.honor .swiper-containerH  .swiper-pagination-bullet  i{

  /* display: none; */

  color: #c33529;

  font-size: 15px;

  position: absolute;

  left: 52%;

  top: 47%;

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

}

.honor .swiper-containerH  .swiper-pagination-bullet-active{

  border: 1px solid #c33529;

}

.honor .swiper-containerH  .swiper-pagination-bullet-active i{

  display: block !important;

}

.honor .swiper-containerH   .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {

  bottom: 0px;

  left: 0;

  width: 100%;

}





.envir{

  /* padding-top: 80px; */

  padding-top: 40px;

  background: #f7f7f7;

}



.envir .container{

  position: relative;

}

.envir .container .in_slogan{

  position: absolute;

  left: 0px;

  /* top: -80px; */

  top: -40px;

}



.envir .top{

  text-align: right;

}

.envir .top p.first{

  /* font-family: "Century751 SeBd BT"; */

  font-family: "Times New Roman";

  font-size: 45px;

  color: rgb( 3, 143, 214 );

  font-weight: bold;

}

.envir .top p.second{

  font-size: 19px;

  color: rgb( 61, 61, 61 );

}

.envir .top p.second span{

  color: #d9d9d9;

  padding: 0px 10px;

}

.envir .swiper-containerD{

  overflow: hidden;

}

.envir .swiper-containerD .swiper-slide img{

  width: 100%;

}

.envir ul{

  margin-top: 45px;

  font-size: 0px;

}

.envir ul li{

  width: 20%;

  display: inline-block;

}

.envir_nav{

  height: 72px;

  background: #038fd6;

}

.envir_nav .container{

  padding: 0px;

  height: 72px;

  position: relative;

}

.envir .swiper-containerD{

  margin-top: 45px;

}

.envir .swiper-pagination{

  left: 50%;

  top: 50%;

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

  

}



.envir_nav  .swiper-pagination-bullet {

  margin: 0px 3px;

  position: relative;

  width: 15px;

  height: 15px;

  display: inline-block;

  border-radius: 100%;

  background: transparent;

  /* border: 1px solid #c33529; */

  opacity: 1;

}

.envir_nav  .swiper-pagination-bullet  i{

  /* display: none; */

  color: #fff;

  font-size: 15px;

  position: absolute;

  left: 52%;

  top: 47%;

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

}

.envir_nav  .swiper-pagination-bullet-active{

  border: 1px solid #fff;

}

.envir_nav .swiper-pagination-bullet-active i{

  display: block !important;

}

.envir_nav   .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {

  bottom: 0px;

  left: 0;

  width: 100%;

}



.envir_nav .swiper-button-prev, .envir_nav .swiper-container-rtl .swiper-button-next {

  background-image: none;

  left: 10px;

  right: auto;

}

.envir_nav .swiper-button-next, .envir_nav .swiper-container-rtl .swiper-button-prev {

  background-image: none;

  right: 10px;

  left: auto;

}

.envir_nav .swiper-button-next i , .envir_nav .swiper-button-prev i{

  color: #fff;

  font-size: 30px;

}



.sevicer{

  padding-bottom: 25px;

}

.sevicer .container{

  /* padding: 30px 0px 25px; */

  padding: 15px 0px 13px;

  font-size: 19px;

  color: rgb( 61, 61, 61 );

  line-height: 2.158;

}

.sevicer .container span{

  color: #d9d9d9;

  padding: 0px 10px;

}



.sevicer .container span:nth-child(1){

  font-size: 45px;

  /* font-family: "Century751 SeBd BT"; */

  font-family: "Times New Roman";

  color: rgb( 3, 143, 214 );

}



.sevicer .bottomer{

  font-size: 0px;

}

.sevicer .bottomer>div{

  vertical-align: bottom;

}

.sevicer .bottomer>.left{ 

  padding-right: 45px;

  width: 19.5%;

  vertical-align: top;

  display: inline-block;

}

.sevicer .bottomer>.left ul{

  text-align: right;

}

.sevicer .bottomer>.left ul li{

  font-size: 14px;

  color: rgb( 61, 61, 61 );

  line-height: 2;

}

.sevicer .bottomer>.left ul li a{

  font-size: 15px;

  color: rgb( 61, 61, 61 );

}

.sevicer .bottomer>.left ul li a:hover{

  color: #337ab7;

}

.sevicer .bottomer>.left ul li i{

  visibility: hidden;

  font-size: 20px;

  color: #000;

  margin-left: 25px;

}

.sevicer .bottomer>.left ul li.active i{

  visibility: visible;

}







.sevicer .bottomer>.right{

  width: 80.5%;

  vertical-align: top;

  display: inline-block;

}

.sevicer .bottomer>.right .one{

  padding: 0px 5px 0px 0px;

}

.sevicer .bottomer>.right .one .top{

  position: relative;

  transition: 2s;

  /* height: 275px; */

  margin-bottom: 7px;

}

.sevicer .bottomer>.right .one .top img{

  width: 100%;

  /* height: 100%; */

}

.sevicer .bottomer>.right .one .top .box{

  display: none;

  position: absolute;

  left: 0px;

  top: 100%;

  width: 100%;

  height: 100%;

  /* height: 0; */

  background: #c30d23;

  transition: 2s;

}

.sevicer .bottomer>.right .one .top:hover .box{

  transition: 2s;

  top: 0;

  display: block;

}



.jrdp > div:nth-child(1){

  padding-top: 35px;

}



.sevicer .bottomer>.right .one .top .box .plus{

  position: absolute;

  left: 15px;

  top: 15px;

} 

.sevicer .bottomer>.right .one .top .box .plus i{

  color: #fff;

  font-size: 20px;

}

.sevicer .bottomer>.right .one .top .box .name{

  position: absolute;

  left: 25px;

  bottom: 30px;

  font-size: 15px;

  color: rgb( 255, 255, 255 );

}

.sevicer .bottomer>.right .one .bottom{



}

.sevicer .bottomer>.right .one .bottom .left{

  padding-right: 2.5px;

}

.sevicer .bottomer>.right .one .bottom .right{

  padding-left: 2.5px;

}

/* 第一个 */

.sevicer .bottomer>.right .one{

  margin-bottom: 0px;

}

.sevicer .bottomer>.right .one .bottom{

  

}

.sevicer .bottomer>.right .one .bottom>div{

  padding: 0px;

  position: relative;

  /* height: 275px; */

}



.sevicer .bottomer>.right .one .bottom>div .box{

  display: none;

  position: absolute;

  left: 0px;

  top: 100%;

  width: 100%;

  height: 100%;

  /* height: 0; */

  background: #c30d23;

  transition: 2s;

}

.sevicer .bottomer>.right .one .bottom>div:hover .box{

  transition: 2s;

  top: 0;

  display: block;

}

.sevicer .bottomer>.right .one .bottom>div .box .plus{

  position: absolute;

  left: 15px;

  top: 15px;

} 

.sevicer .bottomer>.right .one .bottom>div .box .plus i{

  color: #fff;

  font-size: 20px;

}

.sevicer .bottomer>.right .one .bottom>div .box .name{

  position: absolute;

  left: 25px;

  bottom: 30px;

  font-size: 15px;

  color: rgb( 255, 255, 255 );

}

.sevicer .bottomer>.right .one .bottom>div img{

  width: 100%;

  height: 100%;

}

/* 第二个 */

.sevicer .bottomer>.right .two{

  padding:0px 5px 0px 0px;

  /* margin-bottom: 8px; */

}

.sevicer .bottomer>.right .two>div{

  padding: 0px;

  position: relative;

}

.sevicer .bottomer>.right .two>div>div{

  position: relative;

}

.sevicer .bottomer>.right .two>.left{



}

.sevicer .bottomer>.right .two>.left .box{

  display: none;

  position: absolute;

  left: 0px;

  top: 100%;

  width: 100%;

  height: 100%;

  /* height: 0; */

  background: #c30d23;

  transition: 2s;

}

.sevicer .bottomer>.right .two>.left:hover .box{

  transition: 2s;

  top: 0;

  display: block;

}

.sevicer .bottomer>.right .two>.left .box .plus{

  position: absolute;

  left: 15px;

  top: 15px;

} 

.sevicer .bottomer>.right .two>.left .box .plus i{

  color: #fff;

  font-size: 20px;

}

.sevicer .bottomer>.right .two>.left .box .name{

  position: absolute;

  left: 25px;

  bottom: 30px;

  font-size: 15px;

  color: rgb( 255, 255, 255 );

}







.sevicer .bottomer>.right .two>.right>div .box{

  display: none;

  position: absolute;

  left: 0px;

  top: 100%;

  width: 100%;

  height: 100%;

  /* height: 0; */

  background: #c30d23;

  transition: 2s;

}

.sevicer .bottomer>.right .two>.right>div:hover .box{

  transition: 2s;

  top: 0;

  display: block;

}

.sevicer .bottomer>.right .two>.right .box .plus{

  position: absolute;

  left: 15px;

  top: 15px;

} 

.sevicer .bottomer>.right .two>.right .box .plus i{

  color: #fff;

  font-size: 20px;

}

.sevicer .bottomer>.right .two>.right .box .name{

  position: absolute;

  left: 25px;

  bottom: 30px;

  font-size: 15px;

  color: rgb( 255, 255, 255 );

}





.sevicer .bottomer>.right .two>div .box{



}





.sevicer .bottomer>.right .two .left{

  padding: 0px 3px 0px 0px;

}

.sevicer .bottomer>.right .two .left img{

  width: 100%;

  display: block;

  height: auto;

}

.sevicer .bottomer>.right .two .right{

  padding-left: 3px;

}

.sevicer .bottomer>.right .two .right .top{

  margin-bottom: 8px;

}

.sevicer .bottomer>.right .two .right img{

  width: 100%;

}



/* 第三个 */

.sevicer .bottomer>.right .three{

  padding: 0px 5px 0px 0px;

  position: relative;

}

.sevicer .bottomer>.right .three .box{

  padding-right: 10px;

  display: none;

  position: absolute;

  left: 0px;

  top: 100%;

  width: 100%;

  height: 100%;

  /* height: 0; */

  background: #038fd6;

  transition: 2s;

}

.sevicer .bottomer>.right .three:hover .box{

  transition: 2s;

  top: 0;

  display: block;

}

.sevicer .bottomer>.right .three .box .plus{

  position: absolute;

  left: 15px;

  top: 15px;

} 

.sevicer .bottomer>.right .three .box .plus i{

  color: #fff;

  font-size: 20px;

}

.sevicer .bottomer>.right .three .box .name{

  position: absolute;

  left: 25px;

  bottom: 30px;

  font-size: 15px;

  color: rgb( 255, 255, 255 );

}



.sevicer .bottomer>.right .three img{

  width: 100%;

}





/* 第四个 */

.sevicer .bottomer>.right .four{

  padding: 0px 5px 0px 0px;

}

.sevicer .bottomer>.right .four .top{

  margin-bottom: 10px;

  position: relative;

}

.sevicer .bottomer>.right .four .top img{

  width: 100%;

}

.sevicer .bottomer>.right .four .middle{

  margin-bottom: 10px;

  position: relative;

}

.sevicer .bottomer>.right .four .middle img{

  width: 100%;

}

.sevicer .bottomer>.right .four .bottom{

  

}



.sevicer .bottomer>.right .four .bottom>div{

  padding: 0px;

  position: relative;

}

.sevicer .bottomer>.right .four .bottom>div img{

  width: 100%;

}

.sevicer .bottomer>.right .four .bottom .left{

  padding-right: 3px;

}

.sevicer .bottomer>.right .four .bottom .right{

  padding-left: 3px;

}



.sevicer .bottomer>.right .four .middle .box,

.sevicer .bottomer>.right .four .top .box,

.sevicer .bottomer>.right .four .bottom>div .box{

  padding-right: 10px;

  display: none;

  position: absolute;

  left: 0px;

  top: 100%;

  width: 100%;

  height: 100%;

  /* height: 0; */

  background: #038fd6;

  transition: 2s;

}

.sevicer .bottomer>.right .four .middle:hover .box,

.sevicer .bottomer>.right .four .top:hover .box,

.sevicer .bottomer>.right .four .bottom>div:hover .box{

  transition: 2s;

  top: 0;

  display: block;

}





.sevicer .bottomer>.right .four .middle .box .plus,

.sevicer .bottomer>.right .four .top .box .plus,

.sevicer .bottomer>.right .four .bottom>div .box .plus{

  position: absolute;

  left: 15px;

  top: 15px;

} 

.sevicer .bottomer>.right .four .middle .box .plus i,

.sevicer .bottomer>.right .four .top .box .plus i,

.sevicer .bottomer>.right .four .bottom>div .box .plus i{

  color: #fff;

  font-size: 20px;

}

.sevicer .bottomer>.right .four .middle .box .name,

.sevicer .bottomer>.right .four .top .box .name,

.sevicer .bottomer>.right .four .bottom>div .box .name{

  position: absolute;

  left: 25px;

  bottom: 30px;

  font-size: 15px;

  color: rgb( 255, 255, 255 );

}







.spebottom{

  margin-top: 10px;

}









.sevicer .bottomer>.right.caselist{

  padding-right: 235px;

}

.sevicer .bottomer>.right.caselist .swiper-containerT{

  

}

.sevicer .bottomer>.right.caselist .swiper-containerT .swiper-slide{

  

}

.sevicer .bottomer>.right.caselist .swiper-containerT .swiper-slide .top{

  position: relative;

  cursor: pointer;

}

.sevicer .bottomer>.right.caselist .swiper-containerT .swiper-slide .top:hover .box{

  display: block;

}

.sevicer .bottomer>.right.caselist .swiper-containerT .swiper-slide .top .box{

  display: none;

  position: absolute;

  left: 0px;

  top: 0px;

  width: 100%;

  height: 100%;

  background: #c30d23;

 /* background: rgba(193, 13, 35, .8);*/

}

.sevicer .bottomer>.right.caselist .swiper-containerT .swiper-slide .top .box .plus{

  position: absolute;

  left: 15px;

  top: 15px;



}

.sevicer .bottomer>.right.caselist .swiper-containerT .swiper-slide .top .box .plus i{

  font-size: 20px;

  color: #fff;

}

.sevicer .bottomer>.right.caselist .swiper-containerT .swiper-slide .top .box div{

  position: absolute;

  left: 15px;

  bottom: 15px;

}

.sevicer .bottomer>.right.caselist .swiper-containerT .swiper-slide .top .box .name{

  font-size: 15px;

    color: rgb( 255, 255, 255 );

}

.sevicer .bottomer>.right.caselist .swiper-containerT .swiper-slide .top img{

  width: 100%;

  cursor: pointer;

}

.sevicer .bottomer>.right.caselist .swiper-containerT .swiper-slide .bottom{



}

.sevicer .bottomer>.right.caselist .swiper-containerT .swiper-slide .bottom p.first{

  font-size: 16px;

  text-align: center;

  line-height: 20px;

  padding-top: 20px;

  color: #000;

}

.sevicer .bottomer>.right.caselist .swiper-containerT .swiper-slide .bottom p.second{

  font-size: 12px;

  border-top: 1px solid #e0e0e0;

  width: 94px;

  padding-bottom: 20px;

  line-height: 40px;

  margin: 0 auto;

  text-align: center;

  display: block;

  color: #828282;

  font-style: normal;

}

.sevicer .bottomer>.right.caselist .swiper-containerT .swiper-slide .bottom p.second a{

  color: #828282;

  font-size: 14px;

}

.sevicer .bottomer>.right.caselist .swiper-containerT .swiper-slide .bottom p.second a:hover{

  color: #c30d23;

}





.prodetail{

  background: #fff;

}

.prodetail .container{

  padding: 0px;

}

.prodetail p.tit{

  height: 65px;

  line-height: 65px;

  font-size: 19px;

  color: rgb( 61, 61, 61 );

  border-bottom: 1px solid #ebebeb;

}

.prodetail p.tit span{

  display: inline-block;

  padding: 0px 23px;

  line-height: 58px;

  border-bottom: 3px solid #038fd6;

}

.prodetail .container .top.clearfix{



}

.prodetail .container .top.clearfix>div{  padding: 0px;  height: 400px; overflow: hidden; }



.prodetail .container .top.clearfix .hotline{

  padding-left: 45px;

}

.prodetail .container .top.clearfix .hotline p.first{

  font-size: 19px;

  color: rgb( 61, 61, 61 );

  line-height: 2.158;

  margin-bottom: 35px;

  font-weight: bold;

}

.prodetail .container .top.clearfix .hotline ul{

  

}

.prodetail .container .top.clearfix .hotline ul li{

  font-size: 15px;

  color: rgb( 107, 107, 107 );

  line-height: 2.267;

}

.prodetail .container .top.clearfix .hotline ul li:last-child {



}

.prodetail .container .top.clearfix .hotline ul li:last-child span{

  font-weight: bold;

  color: #c30d23;

}

.prodetail .container .top.clearfix .hotline .comeback{

  display: inline-block;

  position: absolute;

  left: 45px;

  bottom: 0px;

}

.prodetail .container .top.clearfix .hotline .comeback .fanhui{

  bottom: 0px;

  width: 120px;

  height: 43px;

  background: #c30d23;

  border-radius: 20px;

  text-align: center;

  line-height: 43px;

  font-size: 19px;

  color: #fff;

}

.prodetail .container .top.clearfix .hotline .comeback .fanhui i{

  margin-right: 5px;

}

.prodetail .content{

  padding: 30px 0px 70px;

  font-size: 15px;

  color: rgb( 109, 109, 109 );

  line-height: 2.2;

}



.related{

  padding: 60px 0px 55px;

  background: #f7f7f7;

}

.related .top{

  text-align: left;

}

.related .top p.first{

  /* font-family: "Century751 SeBd BT"; */

  font-family: "Times New Roman";

  font-size: 45px;

  color: rgb( 3, 143, 214 );

  font-weight: bold;

}

.related .top p.second{

  font-size: 19px;

  color: rgb( 61, 61, 61 );

}

.related .top p.second span {

  color: #d9d9d9;

  padding: 0px 10px;

}

.related .swiper-containerR{

  margin-top: 40px;

  position: relative;

  overflow: hidden;

  padding-bottom: 50px;

}

.related .swiper-containerR .swiper-slide{



}

.related .swiper-containerR .swiper-slide img{

  width: 100%;

  height: 280px;

}

.related .swiper-containerR .swiper-slide .top{

  overflow: hidden;

}

.related .swiper-containerR .swiper-slide .top img{

  transition: 1.2s;

}

.related .swiper-containerR .swiper-slide .top img:hover{

  transition: 1.2s;

  transform: scale(1.1);

  -webkit-transform: scale(1.1);

  -moz-transform: scale(1.1);

  -ms-transform: scale(1.1);

  -o-transform: scale(1.1);

}

.related .swiper-containerR .swiper-slide .bottom{

  text-align: center;

  padding-top: 20px;

}

.related .swiper-containerR .swiper-slide .bottom a{

  font-size: 16px;

  color: rgb( 60, 60, 60 );

}

.related .swiper-containerR .swiper-slide .bottom a:hover{

  color: #038fd6;

}





.related .swiper-containerR  .swiper-pagination-bullet {

  position: relative;

  width: 15px;

  height: 15px;

  display: inline-block;

  border-radius: 100%;

  background: transparent;

  /* border: 1px solid #c33529; */

  opacity: 1;

}

.related .swiper-containerR  .swiper-pagination-bullet  i{

  /* display: none; */

  color: #c33529;

  font-size: 15px;

  position: absolute;

  left: 50%;

  top: 47%;

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

}

.related .swiper-containerR  .swiper-pagination-bullet-active{

  border: 1px solid #c33529;

}

.related .swiper-containerR  .swiper-pagination-bullet-active i{

  display: block !important;

}

.related .swiper-containerR   .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {

  bottom: 0px;

  left: 0;

  width: 100%;

}





.fading{

  position: fixed;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  display: none;

  z-index: 999999999;

}

.fading .bg{

  width: 100%;

  height: 100%;

  background: #000;

  filter: alpha(opacity=80);

  opacity: 0.8;

}

.fadecontent{

  position: absolute;

  height: 740px;

  width: 1310px;

  left: 50%;

  top: 50%;

  margin: -370px 0 0 -691px;

}

.fadecontent a {

  display: block;

  overflow: hidden;

}

.closed {

  color: #ccc;

  display: block;

  position: absolute;

  right: 30px;

  top: -17px;

  width: 45px;

  height: 45px;

  /* text-indent: -9999em; */

}

.closed i{

  font-size: 26px;

  color: #fff;

}

.iframe-X{

  width: 1382px;

  height: 740px;

  border: 0;

  margin: 0 auto;

}



@media (max-width: 1895px){



  .banner .swiper-container .swiper-slide .rabi .mm {

    font-size: 60px;

    color: rgb( 255, 255, 255 );

    padding: 42px 0px 50px;

  }

  .banner .swiper-container .swiper-slide .rabi>span:after{

    content:"";

    width: 22%;

    height: 3px;

    background: #fff;

    position: absolute;

    left: 0px;

    top: 50%;

    -webkit-transform: translateY( -50%);

    -moz-transform: translateY( -50%);

    -ms-transform: translateY( -50%);

    -o-transform: translateY( -50%);

    z-index: 10000;

  }

  .banner .swiper-container .swiper-slide .rabi>span:before{

    content:"";

    width: 22%;

    height: 3px;

    background: #fff;

    position: absolute;

    right: 0px;

    top: 50%;

    -webkit-transform: translateY( -50%);

    -moz-transform: translateY( -50%);

    -ms-transform: translateY( -50%);

    -o-transform: translateY( -50%);

    z-index: 10000;

  }



  .banner .swiper-container .swiper-slide .box{

    position: absolute;

    left: 80px;

    top: 23px;

  }

  .banner .swiper-container .swiper-slide .box .tt{

    font-size: 31px;

    color: rgb( 255, 255, 255 );

    line-height: 1.23;

    padding: 10px;

    background: #00a0ec;

  }

  

  .banner .swiper-container .swiper-slide .box .bb{

    padding: 0px 0px;

    border-radius: 0px 0px 30px 30px;

    background: rgba(255, 255, 255, .9);

    text-align: center;

    font-size: 32px;

    color: rgb( 1, 124, 182 );

  }

}



@media (max-width: 1655px){



  .banner .swiper-container .swiper-slide .rabi .mm {

    font-size: 49px;

    color: rgb( 255, 255, 255 );

    padding: 30px 0px 40px;

  }

  .banner .swiper-container .swiper-slide .rabi>span:after{

    content:"";

    width: 22%;

    height: 3px;

    background: #fff;

    position: absolute;

    left: 0px;

    top: 50%;

    -webkit-transform: translateY( -50%);

    -moz-transform: translateY( -50%);

    -ms-transform: translateY( -50%);

    -o-transform: translateY( -50%);

    z-index: 10000;

  }

  .banner .swiper-container .swiper-slide .rabi>span:before{

    content:"";

    width: 22%;

    height: 3px;

    background: #fff;

    position: absolute;

    right: 0px;

    top: 50%;

    -webkit-transform: translateY( -50%);

    -moz-transform: translateY( -50%);

    -ms-transform: translateY( -50%);

    -o-transform: translateY( -50%);

    z-index: 10000;

  }



  .banner .swiper-container .swiper-slide .boxs{

    position: absolute;

    right: 15%;

    bottom: 30%;

  }

  .banner .swiper-container .swiper-slide .boxs .tt{

    padding: 10px 0px;

    background: #00a0ec;

    text-align: center;

    font-size: 39px;

    color: #fff;

  }

  

  .banner .swiper-container .swiper-slide .boxs .bb{

    border-radius: 0px 0px 30px 30px;

    font-size: 30px;

    color: #000;

    line-height: 1.23;

    padding: 10px;

    background: rgba(255, 255, 255, .9);  

  }

  .banner .swiper-container .swiper-slide .boxs .bb i{

    color: #017cb6;

    font-size: 40px;

  }



  .sevicer .bottomer>.right .four .top{

    margin-bottom: 9px;

  }

  .sevicer .bottomer>.right .four .top img{

    width: 100%;

  }

  .sevicer .bottomer>.right .four .middle{

    margin-bottom: 9px;

  }

  .banner .swiper-container .swiper-slide .box{

    position: absolute;

    left: 80px;

    top: 23px;

  }

  .banner .swiper-container .swiper-slide .box .tt{

    font-size: 28px;

    color: rgb( 255, 255, 255 );

    line-height: 1.23;

    padding: 10px;

    background: #00a0ec;

  }

  

  .banner .swiper-container .swiper-slide .box .bb{

    padding: 0px 0px;

    border-radius: 0px 0px 30px 30px;

    background: rgba(255, 255, 255, .9);

    text-align: center;

    font-size: 32px;

    color: rgb( 1, 124, 182 );

  }



}



@media (max-width: 1920px){

.proin .inner li img{

  width: 100%;

  height: 285px;

  transition: 1.2s;

}

.product .swiper-containerE .swiper-slide img{ height:340px;}

}

@media (max-width: 1655px){

.proin .inner li img{

  width: 100%;

  height: 225px;

  transition: 1.2s;

}

.product .swiper-containerE .swiper-slide img{ height:215px;}

}

@media (max-width: 1440px){

.proin .inner li img{

  width: 100%;

  height: 185px;

  transition: 1.2s;

}

.product .swiper-containerE .swiper-slide img{ height:185px;}

}

@media (max-width: 1200px){

.proin .inner li img{

  width: 100%;

  height: 155px;

  transition: 1.2s;

}

.product .swiper-containerE .swiper-slide img{ height:165px;}

}

@media (max-width: 980px){

.proin .inner li img{

  width: 100%;

  height: 115px;

  transition: 1.2s;

}

.product .swiper-containerE .swiper-slide img{ height:140px;}

}

@media (max-width: 768px){

.proin .inner li img{

  width: 100%;

  height: 195px;

  transition: 1.2s;

}

.product .swiper-wrapper { width:100% !important;}

.product .swiper-containerE .swiper-slide img{ height:190px;}

.product .swiper-containerE .swiper-slide{ margin-bottom:15px;}

}

@media (max-width: 640px){

.proin .inner li img{

  width: 100%;

  height: 175px;

  transition: 1.2s;

}

}

@media (max-width: 460px){

.proin .inner li img{

  width: 100%;

  height: 125px;

  transition: 1.2s;

}

}



@media (max-width: 1440px){



  .banner .swiper-container .swiper-slide .rabi .mm {

    font-size: 40px;

    color: rgb( 255, 255, 255 );

    padding: 10px 0px 30px;

  }

  .banner .swiper-container .swiper-slide .rabi>span:after{

    content:"";

    width: 20%;

    height: 3px;

    background: #fff;

    position: absolute;

    left: 0px;

    top: 50%;

    -webkit-transform: translateY( -50%);

    -moz-transform: translateY( -50%);

    -ms-transform: translateY( -50%);

    -o-transform: translateY( -50%);

    z-index: 10000;

  }

  .banner .swiper-container .swiper-slide .rabi>span:before{

    content:"";

    width: 20%;

    height: 3px;

    background: #fff;

    position: absolute;

    right: 0px;

    top: 50%;

    -webkit-transform: translateY( -50%);

    -moz-transform: translateY( -50%);

    -ms-transform: translateY( -50%);

    -o-transform: translateY( -50%);

    z-index: 10000;

  }



  .banner .swiper-container .swiper-slide .box{

    position: absolute;

    left: 80px;

    top: 23px;

  }

  .banner .swiper-container .swiper-slide .box .tt{

    font-size: 25px;

    color: rgb( 255, 255, 255 );

    line-height: 1.23;

    padding: 10px;

    background: #00a0ec;

  }

  

  .banner .swiper-container .swiper-slide .box .bb{

    padding: 0px 0px;

    border-radius: 0px 0px 30px 30px;

    background: rgba(255, 255, 255, .9);

    text-align: center;

    font-size: 32px;

    color: rgb( 1, 124, 182 );

  }

}





@media (max-width: 1366px){



  .banner .swiper-container .swiper-slide .boxs .bb{

    border-radius: 0px 0px 30px 30px;

    font-size: 24px;

    color: #000;

    line-height: 1.23;

    padding: 15px;

    background: rgba(255, 255, 255, .9);  

  }

  .banner .swiper-container .swiper-slide .boxs .tt i {

    color: #fff;

    font-size: 34px;

  }

  .banner .swiper-container .swiper-slide .boxs .tt {

    padding: 0px 0px;

    background: #00a0ec;

    text-align: center;

    font-size: 30px;

    color: #fff;

  }



  .banner .swiper-container .swiper-slide .box{

    position: absolute;

    left: 80px;

    top: 23px;

  }

  .banner .swiper-container .swiper-slide .box .tt{

    font-size: 20px;

    color: rgb( 255, 255, 255 );

    line-height: 1.23;

    padding: 10px;

    background: #00a0ec;

  }

  

  .banner .swiper-container .swiper-slide .box .bb{

    padding: 0px 0px;

    border-radius: 0px 0px 30px 30px;

    background: rgba(255, 255, 255, .9);

    text-align: center;

    font-size: 24px;

    color: rgb( 1, 124, 182 );

  }

  .banner .swiper-container .swiper-slide .box .bb i {

    color: #017cb6;

    font-size: 34px;

  }

}







@media (max-width: 768px){

  .newscenter p.title,

  .advantage p.title,

  .product p.title,

  .welcome .container p.title {

    padding-left: 15px;

    font-size: 38px;

    color: rgb( 3, 143, 214 );

    font-weight: bold;

  }

  .advantage p.title a{

    font-size: 38px;

    color: rgb( 3, 143, 214 );

    font-weight: bold;

  }

  .advantage {

    background: #f7f7f7;

    padding: 20px 0px 20px;

  }

  .advantage p.sec a{

    font-size: 18px;

    color: rgb( 61, 61, 61 );

  }

  .advantage p.sec {

    text-align: center;

    font-size: 18px;

    color: rgb( 61, 61, 61 );

    line-height: 2;

  }

  .welcome .container p.sec {

    font-size: 18px;

    color: rgb( 3, 143, 214 );

    font-weight: bold;

    line-height: 1.952;

    padding-left: 15px;

  }

  .welcome .container p.thr {

    font-size: 15px;

    color: rgb( 61, 61, 61 );

    text-transform: uppercase;

    line-height: 1.412;

    padding-left: 15px;

  }

  .welcome .container .bottom .company .right {

    font-size: 14px;

    color: rgb( 107, 107, 107 );

    line-height: 2;

  }

  .welcome .container .bottom .company .right a{

    margin-top: 15px;

  }

  .welcome .number>div .left .counter{

    font-size: 24px;

  }

  .welcome .number>div .left span:nth-child(2) {

    font-size: 18px;

    color: rgb( 3, 143, 214 );

  }

  .welcome .number>div .left .inner {

    right: 0px;

  }

  .welcome .number>div:nth-child(2) .left .inner{

    right: 0px;

  }

  .welcome .number>div:nth-child(3) .left .inner{

    right: 5px;

  }

  .welcome .number>div{

    height: 110px;

  }

  .faith .container{

    padding: 0px;

  }

  .faith {

    background: #f7f7f7;

    height: 180px;

    font-size: 0px;

  }

  .faith .w20 {

    width: 20%;

    height: 180px;

    display: inline-block;

    position: relative;

  }

  .faith .w20 .box{

    width: 100%;

  }

  .faith .w20 .box img{

    width: 100%;

  }

  .product {

    background: #fff;

    padding: 25px 15px 0px;

  }

  .advantage .adbottom .clearfix .left img{  

    width: 100%;

  }

  .advantage .adbottom .clearfix .detail{

    padding-right: 10px !important;



    width: 100% !important;

  }



  p.incategory span a {

    font-size: 12px;

    color: #8d8d8d;

  }



  .advantage .adbottom .clearfix:nth-child(odd) .right .box{

    width: 100%;

    padding: 0px 15px;

    left: 0px;

  }

  .advantage .adbottom .clearfix:nth-child(odd) .right .box p.first{

    padding-left: 46px;

    margin-bottom: 10px;

  }

  .advantage .adbottom .clearfix:nth-child(odd) .right .box p.first span{

    left: 0px;

  }

  .advantage .adbottom .clearfix:nth-child(odd) .right .box p.detail {

    font-size: 16px;

    color: rgb( 80, 80, 80 );

    line-height: 2;

    width: 100%;

  }

  .advantage .adbottom .clearfix:nth-child(even) .left .box{

    width: 100%;

    padding: 0px 15px;

  }

  .advantage .adbottom .clearfix:nth-child(even) .left {

    position: relative;

    /*height: 190px;*/

    height: 325px;

  }

  .advantage .adbottom .clearfix {

    margin-bottom: 15px;

  }

  .advantage .adbottom .clearfix:nth-child(even) .left .box p.first{

    padding-left: 46px;

    margin-bottom: 10px;

  }

  .advantage .adbottom .clearfix:nth-child(even) .left .box p.first span{

    left: 0px;

  }

  .advantage .adbottom .clearfix:nth-child(even) .right img{

    width: 100%;

  }

  .advantage .adbottom .clearfix:nth-child(even) .left .box p.detail{

    width: 100%;

  }

  .advantage .adbottom .clearfix:nth-child(even) .right{

    margin-bottom: 60px;

  }

  .advantage .adbottom{

    margin-top: 10px;

  }

  .advantage .adbottom .clearfix:nth-child(odd) .right{

    /*height: 190px;*/

    height: 300px;

  }

  ul.caseshow li{

    width: 50%;

  }

  ul.caseshow li .show {

    padding-left: 10px;

    width: 100%;

    position: absolute;

    left: 50%;

    top: 50%;

    -webkit-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

  }

  ul.caseshow li .show p.title {

    font-size: 22px;

    color: rgb( 3, 143, 214 );

    font-weight: bold;

    margin-bottom: 0px;

  }

  ul.caseshow li .show p.sec {

    font-size: 20px;

    color: rgb( 61, 61, 61 );

    line-height: 1.58;

    margin-bottom: 0px;

  }

  ul.caseshow li .show p.sec a {

    font-size: 17px;

    color: rgb( 61, 61, 61 );

  }

  ul.caseshow li .show p.yanfa {

    font-size: 13px;

    color: rgb( 107, 107, 107 );

    line-height: 2;

    margin-bottom: 0px;

  }

  .newscenter {

    background: #fff;

    padding: 20px 0px 20px;

  }

  .newscenter .swiper-containerN{

    padding: 0px 15px 50px;

  }

  .newscenter .swiper-containerN .swiper-slide .bottom .time>.right {

    line-height: 20px;

    font-size: 16px;

    color: rgb( 0, 0, 0 );

    padding-left: 20px;

  }

  footer .container {

    padding: 20px 10px 20px;

  }

  footer .container .w20 {

    width: 50%;

    display: inline-block;

    vertical-align: top;

  }

  footer .container .w33 {

    width: 50%;

    display: inline-block;

    vertical-align: top;

  }

  footer .container .w47 dt span, footer .container .w33 dt span, footer .container .w20 dt span {

    margin-left: 5px;

    font-size: 13px;

    color: #fff;

  }

  footer .container .w47 dt, footer .container .w33 dt, footer .container .w20 dt {

    font-size: 16px;

    color: #fff;

    margin-bottom: 15px;

  }

  footer .container .w47 {

    display: inline-block;

    width: 100%;

  }

  footer {

    height: auto;

    background: #303030 url(../images/map.png) center center no-repeat;

  }

  footer .container .w47 form textarea{

    margin-top: 10px;

    margin-left: 0px;

  }

  footer .container .w47 form button{

    margin-top: 10px;

  }

  footer>.bottom {

    padding: 10px;

    height: auto;

    line-height: 2;

    text-align: center;

    border-top: 1px solid #565656;

    font-size: 13px;

    color: rgb( 175, 175, 175 );

  }



  .ban .box p:nth-child(1){

    font-size: 22px;

    color: rgb( 255, 255, 255 );

    font-weight: normal;

    margin-bottom: 0px;

  }

  .ban .box p:nth-child(2) {

    font-size: 18px;

    color: rgb( 255, 255, 255 );

    line-height: 1.5;

  }

  .innertitle .right{

    display: none;

  }

  .innertitle {

    position: relative;

    height: 45px;

    line-height: 45px;

    font-size: 14px;

    color: rgb( 255, 255, 255 );

  }

  .brand {

    padding: 20px 0px 0px;

  }

  .brand .container{

    padding: 0px 15px;

  }

  p.intitling span:nth-child(1) {

    font-size: 28px;

    color: rgb( 3, 143, 214 );

    font-weight: bold;

    padding: 0px;

  }

  p.intitling {

    font-size: 16px;

    color: rgb( 61, 61, 61 );

    line-height: 2.158;

    /* margin-bottom: 66px; */

    margin-bottom: 15px;





    /* padding: 2px 0px 34px; */

    padding: 2px 0px 15px;

  }

 

  p.incategory {

    text-align: left;

  }

  p.incategory span {

    display: inline-block;

   

    height: 45px;

    background: #fff;

    border: 1px solid #d9d9d9;

    margin: 0px 0px 5px;

    line-height: 45px;

    text-align: center;

    margin-right: 3px;

  }

  .brand .brand_content {

    margin-top: 15px;

    font-size: 14px;

    color: rgb( 107, 107, 107 );

    line-height: 2;

    padding-bottom: 30px;

  }

  .link_method>div:nth-child(1) p:nth-child(1) {

    padding-left: 0px;

    text-align: center;

  } 

  .link_method>div:nth-child(1) p:nth-child(2) {

    padding-left: 0px;

    text-align: center;

  }

  .link_method>div p {

    font-size: 14px;

    color: rgb( 86, 86, 86 );

    line-height: 1.5;

  }

  .link_add>div {

    height: 180px;

    padding-top: 15px;

    padding-left: 15px;

  }

  .link_add {

    padding-bottom: 25px;

    border-bottom: 1px solid #ebebeb;

  }

  /* .link_message {

    margin-top: 20px;

    padding: 0px 10px;

  }

  .link_message>p {

    text-align: center;

    font-size: 19px;

    color: rgb( 61, 61, 61 );

    margin-bottom: 10px;

  }

  .link_message .top>div:nth-child(odd){

    padding-right: 0px;

  }

  .link_message .top>div:nth-child(even){

    padding-left: 0px;

  }

  .link_message input{

    height: 45px;

  }

  .link_message textarea{

    height: 135px;

  }

  .link_message .bottom {

    text-align: center;

    margin-top: 10px;

  } */

  .link .container {

    padding: 0px 10px;

  }

  .jrdp {

    margin-top: 30px;

  }

  .news_content .inner li {

    vertical-align: top;

    display: inline-block;

    width: 48%;

    margin-right: 5px;

    padding-bottom: 30px;

    border-bottom: 5px solid #878787;

    margin-bottom: 45px;

  }

  .news_content .inner li .time>.right {

    line-height: 30px;

    font-size: 16px;

    color: rgb( 0, 0, 0 );

    padding-left: 0px;

  }

  .news_content .inner li .bottom .time {

    height: auto;

    margin: 15px 0px;

  }

  .news_content .inner li .detail {

    font-size: 13px;

    color: rgb( 107, 107, 107 );

    line-height: 1.8;

  }

  .news_content {

    margin-top: 20px;

    padding-bottom: 25px;

  }

  .proin .inner li {

    vertical-align: top;

    display: inline-block;

    width: 47%;

    margin-right: 5px;

    margin-bottom: 30px;

  }

  .sevicer .bottomer>.right.caselist .swiper-containerT .swiper-slide .bottom p.first{

    height: 60px;

  }

  .proin .inner li p {

    background: #f7f7f7;

    height: 45px;

    text-align: center;

    line-height: 45px;

    font-size: 12px;

    color: #3c3c3c;

  }

  .proin .inner li p a {

    font-size: 16px;

    color: #3c3c3c; 

    font-size: 12px;

  }

  .prodetail .container {

    padding: 0px 10px;

  }

  .related {

    padding: 20px 0px 20px;

    background: #f7f7f7;

  }

  .related .top p.first {

    font-size: 26px;

    color: rgb( 3, 143, 214 );

    font-weight: bold;

  }

  .related .top p.second {

    font-size: 17px;

    color: rgb( 61, 61, 61 );

  }

  .related .swiper-containerR {

    margin-top: 20px;

    position: relative;

    overflow: hidden;

    padding-bottom: 50px;

  }

  .prodetail .content {

    padding: 20px 0px 40px;

    font-size: 14px;

    color: rgb( 109, 109, 109 );

    line-height: 2;

  }

  .prodetail p.tit {

    margin-top: 20px;

    height: 45px;

    line-height: 45px;

    font-size: 18px;

    color: rgb( 61, 61, 61 );

    border-bottom: 1px solid #ebebeb;

  }

  .prodetail p.tit span {

    display: inline-block;

    padding: 0px 20px;

    line-height: 45px;

    border-bottom: 3px solid #038fd6;

  }

  .prodetail .container .top.clearfix .hotline {

    padding-left: 0px;

  }

  .prodetail .container .top.clearfix .hotline p.first {

    font-size: 18px;

    color: rgb( 61, 61, 61 );

    line-height: 2;

    margin-bottom: 0px;

  }

  .prodetail .container .top.clearfix .hotline ul li {

    font-size: 14px;

    color: rgb( 107, 107, 107 );

    line-height: 2;

  }

  .prodetail .container .top.clearfix>div {

    padding: 0px;

    height: 350px;

  }

  .prodetail .container .top.clearfix .hotline .comeback {

    display: inline-block;

    position: absolute;

    left: 0px;

    bottom: 0px;

  }

  .about_company {

    font-size: 15px;

    color: rgb( 107, 107, 107 );

    line-height: 2.333;

    margin-top: 15px;

    padding-bottom: 30px;

  }

  .about_company img{

    width: 100%;

  }

  .about_company .inner{

    line-height: 1.6;

  }

  .culture {

    background: #f7f7f7;

    padding: 25px 0px;

  }

  .honor .top,

  .culture .top {

    padding-left: 10px;

    text-align: left;

  }

  .culture .top p.second,

  .honor .top p.second {

    font-size: 17px;

    color: rgb( 61, 61, 61 );

  }

  .honor .top p.first,

  .culture .top p.first {

    font-size: 28px;

    color: rgb( 3, 143, 214 );

    font-weight: bold;

  }

  .culture .bottom>div .border {

    position: relative;

    display: inline-block;

    width: 115px;

    height: 115px;

    border-radius: 100%;

    background: #038fd6;

  }

  .culture .bottom>div p.value {

    font-size: 17px;

    color: rgb( 0, 0, 0 );

    line-height: 2;

  }

  .culture .bottom>div p.detail {

    font-size: 13px;

    color: rgb( 107, 107, 107 );

    line-height: 2;

  }

  .culture .bottom>div{

    margin-bottom: 10px;

  }

  .honor {

    padding: 25px 10px 25px;

  }

  .honor .swiper-containerH .swiper-slide img{

    width: 100%;

  }

  .honor .swiper-containerH .swiper-slide {

    /* padding-bottom: 57px; */

    border: 1px solid #e6e6e6;

    height: 300px;

  }

  .envir {

    padding: 20px 10px 20px;

    background: #f7f7f7;

  }

  .envir .top p.first {

    font-size: 28px;

    color: rgb( 3, 143, 214 );

    font-weight: bold;

  }

  .envir .top p.second {

    font-size: 17px;

    color: rgb( 61, 61, 61 );

  }

  .envir .swiper-containerD {

    margin-top: 25px;

  }

  .culture .bottom {

    margin-top: 20px;

  }

  .sevicer .container span:nth-child(1) {

    font-size: 28px;

    /* font-family: "Century751 SeBd BT"; */

    font-family: "Times New Roman";

    color: rgb( 3, 143, 214 );

    font-weight: bold;

  }

  .sevicer .container {

    padding: 0px;

    font-size: 17px;

    color: rgb( 61, 61, 61 );

    line-height: 2;

  }

  .sevicer .bottomer>.left {

    padding-right: 15px;

    width: 100%;

    vertical-align: top;

    display: inline-block;

  }

  .sevicer .bottomer>.left ul li {

    text-align: left;

    padding-left: 15px;

    display: inline-block;

    width: 100%;

    font-size: 13px;

    color: rgb( 61, 61, 61 );

    line-height: 1.5;

  } 

  .spectop.clearfix{

    padding: 0px 10px;

  }

  .spectop.clearfix img{

    width: 100%;

    margin: 5px 0px;

  }

  .sevicer .spectop  div{

    padding: 0px !important;

  }

  .sevicer .bottomer>.right {

    width: 100%;

    padding: 0px 10px;

    vertical-align: top;

    display: inline-block;

  }

  .spebottom.clearfix{

    padding: 0px 10px;

  }

  .sevicer .spebottom  div{

    padding: 0px !important;

  }

  .sevicer .bottomer>.right .two{

    height: auto !important;

  }

  .sevicer .bottomer>.right.caselist {

    padding-right: 15px;

  }

  .sevicer .bottomer>.right .three img{

    margin-bottom: 10px;

  }

  .sevicer .bottomer>.right .four .bottom .left img{

    margin-bottom: 10px;

  }

  .fadecontent {

    position: absolute;

    height: 100%;

    width: 100%;

    left: 50%;

    top: 50%;

    -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

    margin: 20px 0px;

  }

  .sevicer .bottomer>.right.caselist .swiper-containerT{

    margin-top: 10px;

  }

}











#one .modal-dialog,.main-one .modal-dialog{

  width: 1095px;

}



@media (max-width: 765px){

  .intel-sider{

    display: none !important;

  }

  #one .modal-dialog,.main-one .modal-dialog{

    position: fixed;

    /* top: 20px; */

    top: 0px;

    left: 0px;

    width: 100%;

    /* margin: 30px auto; */

    margin: 0 auto;

  }

  #gallery {

    width: 100% !important;

    text-align: left;

    margin: 0 auto;

    padding: 0 0;

  } 

  .right_btn a{

    height: 20px !important;

  }







  .slider {

    width: 100%;

    height: 124px;

    background: #fff !important;

  }

  #intel_main {



    width: 100% !important;



    overflow: hidden;

    padding: 0;

    margin-left: 10px;

  }

  

  #intel-sider {

    padding-right: 15px;

    width: 300px;

    /* height: 580px; */

    height: auto !important;

    /* height: auto; */

    background: #fff;

    float: left;

    position: relative;

    overflow: auto;



    /* display: none; */



  }

  .logo-2 {

    position: absolute;

    right: 20px;

    top: 15px;

  }

  .contact {

    margin-top: 40px;

    margin-bottom: 40px;

  }

  .block-50 {

    width: 180px;

    float: left;

  }

  .block-45 {

    width: 100px;

    float: right;

  }

  

  #intel-switch {



    width: 100% !important;



    height: 480px !important;

    float: left;

  }

  #gallery {



    width: 100%;



    text-align: left;

    margin: 0 auto;

    padding: 0 0;

  }

  #bigPic {

    height: 255px;

  }

  .pro-img {

    height: 255px;

  }

  .pro-list-img {

    height: 120px;

    width: 100%;

  }

  .slider {

    width: 100% !important;

    background: #000;

    float: left;

    overflow: auto !important;

    height: 158px;

  }

  .slider ul{

    min-width: 100% !important;

    width: 100% !important;

    overflow: auto !important;

  }

  .slider li.current{



  }

  #bigPic {

    text-align: center;

    overflow-x: hidden;

    min-height: 251px !important;

    _height: 200px;

    padding-top: 0;

    height: 300px !important;

  }

  .slider li{

    width: 50% !important;

  }

}





#wrap {

  width: 100%;

  overflow: hidden;

  background: none;

}

#intel_main {

  width: 1130px;

  overflow: hidden;

  padding: 0;

  margin-left: 0px;

}

/*intel-sider*/



#intel-sider {

  padding-right: 15px;

  width: 275px;

  height: 650px;

  background: #fff;

  float: left;

  position: relative;

  overflow: auto;

}

.logo-2 {

  position: absolute;

  right: 20px;

  top: 25px;

}

.contact {

  margin-top: 0px;

}

.block-50 {

  width: 180px;

  float: left;

}

.block-45 {

  width: 100px;

  float: right;

}

/*intel-switch*/



#intel-switch {

  width: 788px;

  height: 650px;

  float: left;

}

#bigPic {

  height: 465px;

}

.pro-img {

  /* height: 580px; */

  /* height: 480px; */

  /* height: 468px; */

}

.pro-list-img {

  height: 154px;

}

.right_btn {

  width: 70px;

  height: 264px;

  font-size: 18px;

  position: fixed;

  right: 30px;

  bottom: 159px;

  z-index: 99999;

}

.right_btn a {

  /* color: #fff; */

  color: #c33529;

  display: block;

  font-size: 14px;

  width: 70px;

  text-indent: 0;

  background: none;

  text-align: right;

  border: 0;

  /* height: 66px; */

  margin: 0;

}

.right_btn a span {

  display: block;

  width: 70px;

  height: 2px;

  filter: alpha(opacity=50);

  opacity: 0.5;

  -webkit-transition: all 0.5s ease-in-out;

  -moz-transition: all 0.5s ease-in-out;

  -o-transition: all 0.5s ease-in-out;

  -ms-transition: all 0.5s ease-in-out;

  transition: all 0.5s ease-in-out;

}

.right_btn a:hover span {

  background-position: -110px 0

}

.right_btn a.ss span {

  background-position: 62px 0

}

/* @media screen and (max-width: 1380px) {

  .slider {

    width: 100%;

    height: 124px;

    background: #fff !important;

  }

  #intel_main {



    width: 100%;



    overflow: hidden;

    padding: 0;

    margin-left: 10px;

  }

  

  #intel-sider {

    padding-right: 15px;

    width: 300px;

    height: 580px;

    background: #fff;

    float: left;

    position: relative;

    overflow: auto;



    display: none;



  }

  .logo-2 {

    position: absolute;

    right: 20px;

    top: 15px;

  }

  .contact {

    margin-top: 40px;

    margin-bottom: 40px;

  }

  .block-50 {

    width: 180px;

    float: left;

  }

  .block-45 {

    width: 100px;

    float: right;

  }

  

  #intel-switch {



    width: 100%;



    height: 480px;

    float: left;

  }

  #gallery {



    width: 100%;



    text-align: left;

    margin: 0 auto;

    padding: 0 0;

  }

  #bigPic {

    height: 255px;

  }

  .pro-img {

    height: 255px;

  }

  .pro-list-img {

    height: 120px;

    width: 100%;

  }

  .slider {

    width: 100% !important;

    background: #000;

    float: left;

    overflow: auto !important;

    height: 158px;

  }

  .slider ul{

    min-width: 100% !important;

    width: 100% !important;

    overflow: auto !important;

  }

  .slider li.current{



  }

  #bigPic {

    text-align: center;

    overflow-x: hidden;

    min-height: 251px !important;

    _height: 200px;

    padding-top: 0;

  }

  .slider li{

    width: 50% !important;

  }

} */





.newsin{

  background: #fff;

  padding: 50px 0px 100px;

}

.newsin h2{

  text-align: center;

  font-size: 26px;

  color: rgb( 49, 49, 49 );

}

.newsin .time{

  text-align: center;

  padding: 20px 0px 25px;

  border-bottom: 1px solid #eaeaea;

}

.newsin .time span{

  text-align: center;

  font-size: 14px;

  color: rgb( 113, 113, 113 );

}

.newsin .time span:nth-child(1){

  margin-right: 28px;

}



.newsin p.body{

  text-indent: 2em;

  margin-top: 15px;

  font-size: 14px;

  color: rgb( 96, 96, 96 );

  line-height: 2.5;

  padding-bottom: 50px;

}

.newsin .back{

  margin-top: 25px;

  float: right;

  width: 100px;

  height: 35px;

  line-height: 35px;

  background-color: #42bae6;

  color: #fff;

  text-align: center;

  border-radius: 30px;

  font-size: 16px;

}



.newsin .bottom{

  padding-top: 15px;

  border-top: 1px solid #eaeaea;

}

.newsin .bottom .nextprev{

  float: left;

  font-size: 15px;

  color: rgb( 96, 96, 96 );

}

.newsin .bottom .nextprev a{

  color: #42bae6;

}

.newsin .bottom .nextprev a:hover{

  color: #eea430;

}

.newsin .bottom .back{

  float: right;

}



@media (max-width: 765px){

  .newsin {

    background: #fff;

    padding: 20px 0px 30px;

  }

  .newsin h2 {

    text-align: center;

    font-size: 22px;

    color: rgb( 49, 49, 49 );

  }

  .newsin .time {

    text-align: center;

    padding: 15px 0px 20px;

    border-bottom: 1px solid #eaeaea;

  }

  .newsin .time span {

    text-align: center;

    font-size: 13px;

    color: rgb( 113, 113, 113 );

  }

  .newsin .back {

    margin-top: 0px;

    float: right;

    width: 90px;

    height: 30px;

    line-height: 30px;

    background-color: #42bae6;

    color: #fff;

    text-align: center;

    border-radius: 30px;

    font-size: 15px;

  }

}





#one1{

  padding-right: 0px !important;

}

#one1 .modal-body {

  position: relative;

  padding: 15px 15px 15px 15px;

}

#wrap .right_btn {

  display: none;

  width: 70px;

  height: 264px;

  font-size: 18px;

  position: fixed;

  right: 3px;

  bottom: 159px;

  z-index: 99999;

}





.link_message{

  margin-top: 0px;

}

.link_message>div{

  padding: 0px;

}

.link_message>div:nth-child(1){

  padding-right: 15px;

}

.link_message>div:nth-child(2){

  padding-left: 15px;

}

.link_message>div:nth-child(2)>div{

  padding-top: 20px;

  height: 100px;

  background: #efedee;

  font-size: 14px;

  color: rgb( 124, 124, 124 );

  line-height: 2.143;

}

.link_message>div:nth-child(2)>div i{

  display: inline-block;

  font-size: 30px;

  color: #b4b4b4;

  margin-bottom: 10px;

}



.link_message form{



}

.link_message form .top{

  margin-top: 20px;

}

.link_message form .top>div{

  width: 100%;

  padding: 0px;

  margin-bottom: 20px;

}

.link_message form .top input{

  padding-left: 15px;

  height: 42px;

  width: 100%;

  border: 1px solid #e0e0e0;

}

.link_message form .top textarea{

  width: 100%;

  border: 1px solid #e0e0e0;

  height: 105px;

  padding: 10px 15px;

}

.link_message form .bottom{

  /* text-align: center; */

}

.link_message button[type="submit"]{

  width: 150px;

  height: 40px;

  line-height: 40px;

  text-align: center;

  border: 1px solid #c30d23;

  font-size: 14px;

  color: rgb( 195, 13, 35 );

  background: transparent;

  margin-right: 15px;

}

.link_message button[type="reset"]{

  width: 150px;

  height: 40px;

  line-height: 40px;

  text-align: center;

  border: 1px solid #7c7c7c;

  font-size: 14px;

  color: #7c7c7c;

  background: transparent;

}

@media (max-width: 765px){







  .product .container .in_slogan {

    display: none;

  }

  .advantage .container .in_slogan {

    display: none;

  } 

  .newscenter .container .in_slogan {

    display: none;

  }

  .culture .container .in_slogan {

    display: none;

  } 

  .honor .container .in_slogan {

    display: none;

  }

  .envir .container .in_slogan {

    display: none;

  }



  .ban .box {

    width: 100%;

    position: absolute;

    left: 50%;

    top: 50%;

    -webkit-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

  }

  .innertitle .slogan{

    display: none;

  }

  .link_message img{

    width: 100%;

  }

  .link_message>div:nth-child(1) {

    padding-right: 0px;

  }

  .link_message>div:nth-child(2) {

    padding-left: 0px;

  }

  .link_message .col-xs-11{

    padding-left: 20px;

    line-height:1.4 !important; 

  }

  .news_content .inner li .top a img{

  width: 100%;

  transition: 1.2s;

  height:110px;

}

}











.innertitle .slogan{

  width: 1px;

  position: absolute;

  top: 61px;

  right: 0px;

  z-index: 1000000;

}

.innertitle .slogan .top{

  position: absolute;

  top: 0px;

  right: 0px;

  display: inline-block;

  width: 1px;

  height: 43px;

  background: #c9c9c9;

}

.innertitle .slogan .border{

  position: absolute;

  top: 45px;

  right: -2px;

  /*display: inline-block;*/

  width: 5px;

  height: 5px;

  background: #c9c9c9;

}

.innertitle .slogan .bottom{

  width: 100px;

  position: absolute;

  /*bottom: 10px;*/

  bottom: -115px;

  right: -47px;

  /*height: 10px;*/

  color: #c9c9c9;

  transform:rotate(-90deg);

  -ms-transform:rotate(-90deg);   /* IE 9 */

  -moz-transform:rotate(-90deg);  /* Firefox */

  -webkit-transform:rotate(-90deg); /* Safari 和 Chrome */

  -o-transform:rotate(-90deg);  /* Opera */

}





#page p,#page a,.page_jump{ display:inline-block; margin:0; height:36px; font-size:13px; line-height:36px; background:#eee; border:1px solid #eee; cursor:pointer; vertical-align:middle; padding:0 14px;}

#page a{ color:#666; margin-left:5px;}

#page a.cur,#page a:hover{ color:#fff; font-size:13px; background:#083c9c;}





.jrdp{



}

.jrdp>div:last-child {

  padding: 15px 0px;

}

.jrdp .clearfix{

  

}

.jrdp .clearfix span{

  display: inline-block;

  padding-left: 10px;

}

.jrdp .clearfix p{

  line-height: 2;

  margin:0px;

  /* display: inline-block;

  padding-left: 20px; */

  vertical-align: top;

  display: inline-block;

  width: 95%;

  padding-left: 10px;

}





@media (max-width: 768px){



  .link_message>div:nth-child(2)>div{

    /* height: auto; */

    height: 140px;

    padding: 20px 0px;

    font-size: 0px; 

    position: relative;

  }



  .link_message>div:nth-child(2)>div .left{

    /* float: left;

    width: 20%; */

    position: absolute;

    left: 10px;

    top: 5px;

  }

  .link_message>div:nth-child(2)>div .right{

    text-indent: 3em;

    float: left;

    /* width: 80%; */

    width: 100%;

    line-height: 2 !important;

  }



  .link_message>div:nth-child(2)>div>div{

    float: none;

  }



  body{

    min-width: 100% !important;

  }



  .jrdp .clearfix p {

    line-height: 2;

    margin: 0px;

    vertical-align: top;

    display: inline-block;

    width: 90%;

    padding-left: 10px;

  }

}





.bans{



}

.bans img{

  width: 100%;

}