@media (min-width: 992px){
	.col-md-24 { float: left; width: 20%;}
}
.container { padding-right: 10px; padding-left: 10px;}
.row{padding: 0;margin-right: -10px; margin-left: -10px;}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-sm-21, .col-md-12, .col-md-22, .col-lg-12, .col-lg-13, .col-lg-23
{padding-right: 10px;padding-left: 10px;}



img{vertical-align: top;}

h3{font-size: 18px;}
.more{margin: 30px auto ;}
.more a{width: 240px; text-align: center; box-sizing: border-box; height: 48px; line-height: 48px;  background: #e60012; color: #fff; border-radius: 48px; font-size: 24px; margin: 0 auto; display: block;}

.common_tit{position:relative; max-width: 1200px; margin: 0 auto; padding:30px 0 20px;text-align:center;font-size:1.625rem;line-height:1}
.common_tit h3{font-size: 36px;}
.common_tit h3:after{position:absolute;bottom:0;left:50%;display:block;margin-left:-20px;width:40px;height:3px;background:#e60012;}

.service{padding:60px 0 50px;}
.service ul{margin:30px auto 10px;}
.service li{text-align: center; margin: 20px auto; padding:0;}
.service li a{position: relative; box-sizing: border-box; display: block; overflow: hidden;}
.service li .info{ position: absolute; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.65);}
.service li .icon{width: 68px; height: 68px; border-radius: 60px; margin: 85px auto 0;border-radius: 5px; transform: perspective(800px) rotateY(0deg); transition: all 0.3s ease 0s;}
.service li .icon img{ height:100%; width:auto; box-sizing: border-box;}
.service li .desc{padding: 0 10px;}
.service li h3{font-size: 20px; margin: 15px auto 0;color: #fff; margin-top:25px;}
.service li .line{width: 40px; height:1px; background:#fff;display:block; margin:25px auto 0; 
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    -webkit-transition: .3s;
  transition: .3s;}
.service li p{opacity:0;font-size: 16px; line-height: 22px; color: #fff; margin: 20px auto 0; transition: .3s;}
.service li .btn{ opacity:0; position:absolute; bottom: -22px; left:50%; margin-left: -68px; font-size: 18px; width:136px; height:36px; line-height: 34px; padding: 0; border: 1px solid #fff; color: #fff; border-radius: 35px; opacity: 0;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    -webkit-transition: .3s;
  transition: .3s;}
.service li a:hover .info{background: rgba(230,0,18,0.7);}
.service li a:hover .icon{margin-top:47px;}
.service li a:hover p,
.service li a:hover .btn{opacity:1;bottom: 22px;}
.service li a:hover .line{opacity: 0;margin:0 auto; height:0;}
/*.service li a:hover{box-shadow: 0 0 30px #d2d0d0;}
.service li a:hover .icon{ transform: perspective(800px) rotateY(-180deg);}
.service li a:after {content: ''; position: absolute; bottom: 0; width: 0; height: 1px; background: #e60012; left: 50%; transition: all .6s cubic-bezier(.215,.61,.355,1) 0s}
.service li a:hover:after {width: 100%;left: 0}*/

@media (max-width: 767px){
  .service {paddinb-bottom:20px;}
 .service .common_tit{margin-bottom:20px;}
  .service li{margin:10px auto 0; padding-top:0;}
  .service li a{margin:0 5px;}
  .service li .picfocus img{width:100%;}
  .service li .desc{}
}


.language{background: #f4f4f4; padding-bottom: 30px;}
.language ul{padding: 30px 0; margin-bottom: 0;}
.language li{text-align: center; margin:  30px auto 0;}
.language li a{display:block;}
.language li .item{position: relative; cursor: pointer; max-width: 100%;  margin: 0 auto; overflow: hidden;}
.language li .pic{width: 100%;}
.language li .pic img{width: 100%; max-height: 100%; transition: 0.3s all;}
.language li p{ position: absolute; bottom: 0; left: 0; font-size: 14px; width: 100%; height: 100%; margin: 0; background: rgba(0,0,0,0.5); color: #fff;}
.language li .item:hover img{transform:scale(1.2,1.2);}
.language li p em{width: 100%; position: absolute; top: 50%; left: 0; font-size:16px; height: 30px; line-height: 30px; margin-top: -15px;}

.case{padding:35px 0 104px;}
.case .pic-box{margin:43px auto 54px;}
.case .pic_big{padding:0;}
.case .pic_big img{width:100%;}
.case .pic_small{padding:0;}
.case .tit-item{text-align:center; height:280px; overflow:hidden;}
.case .tit-box ul{display:inline-block;}
.case .pic-box li{padding:0; color:#666;}
.case .tit-box li{line-height: 40px; font-size:18px;text-align:left;}

.partner{ background: #f4f4f4;}
.partner ul{padding: 30px 0 0; margin-bottom: 0;}
.partner li{position: relative; text-align: center; margin:  20px auto 0;}
.partner li .pic{height: 75px; padding: 20px; cursor: pointer; box-sizing: initial; display: block; background: #fff; border: 1px solid rgba(170,170,170,.2);}
.partner li img{height: 75px;/*filter: grayscale(1);opacity: 0.5;*/transition: all 0.3s;}
.partner li .pic:hover{box-shadow: 0 0 30px #d2d0d0;}
.partner li:before {content: ""; position: relative; z-index: 1; top: 0; display: block; width: 0;height: 2px; margin: 0 auto; content: ""; transition: all .6s ease; opacity: 0; background: #e60012;}
.partner li:hover:before {width: 100%;opacity: 1;}
.partner li:hover img{filter: grayscale(0);opacity: 1;} 


.news{margin:0 auto 10px; padding:0 0 55px 0; overflow: hidden;}
.news .row{padding: 30px 0 0; margin-bottom: 0;}
.news .jd{margin:0 auto;background:#fff; overflow: hidden;}
.news .date{width:85px;height:80px;padding:17px 15px;float:left; background: #f1f1f1 ; border-radius: 5px;}
.news .date span{ float: left; color: #777;width: 100%; text-align: center; line-height: 26px;font-family: Arial;}
.news .date .year{font-size:14px;}
.news .date .month{font-size:30px;font-weight: bold;}
.news .info{float:left; width: calc(100% - 85px); padding:14px 15px 0;line-height:30px;}
.news .info .title,
.news .info .desc{width: 100%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.news .info .title a{font-size:14px;}
.news .info .desc{font-size:14px;color:#999;line-height: 22px;}
.news .left{margin-bottom: 15px; margin-top: 30px;}
.news .left .pic{ width: 100%; background: #fff; overflow: hidden;}
.news .left .pic a{float:left;width: 100%; height: 100%; overflow: hidden;}
.news .left .pic img{width: 100%; transition: 0.3s all;}
.news .left .pic a:hover img{transform:scale(1.1,1.1);}
.news .left .info{width:100%; padding: 14px 0 0;}
.news .left .more{margin: 0;}
.news .left .more a{ font-size: 18px; height: 32px; line-height: 32px; text-align: left; background: none; color: #e60012; margin: 22px 0 0;;}
.news .news_ul{height: 460px;  margin-top: 30px;}
.news .news_ul li{width:100%;height:80px;margin:0 0 15px 0;background:#fff;}
.news .news_ul li:last-child{margin-bottom: 0;}

.gywm{ background: url(../img/gywm_bg.jpg) no-repeat center; background-size: cover; padding: 70px 0 32px ;}
.gywm ul{margin-bottom: 0;}
.gywm li {text-align: center;position: relative; color: rgba(255,255,255,0.9); margin: 20px 0; border-right:1px solid #cac9c9;}
.gywm li:last-child{border:none;}
.gywm li .num{text-align: center; font-size: 14px; margin: 0; padding-top:27px; line-height: 1;}
.gywm li .num .timer{ font-size: 80px; font-family: Mongolian Baiti; font-weight: bold; text-align: center;}
.gywm li .num .unit{ font-size: 38px; vertical-align: top; font-weight: bold;}
.gywm li .tit{font-size: 18px; line-height: 30px; margin:8px auto 13px;}

@media(max-width:999px){
	.gywm li .num .timer{ font-size: 30px;}
}

.fuwu{padding:46px 0 50px; background:#f4f4f4;}
.fuwu .container{margin:46px auto 0; background:url(../img/fuwu_bg.png) no-repeat bottom center;}
.fuwu ul{ margin: 0 -20px;}
.fuwu li{text-align: center; margin:  20px auto 0; overflow:hidden;}
.fuwu li .item-box{position:relative; overflow:hidden;}
.fuwu li .picfocus{transform: rotateY(0deg);
transform: rotateY(0deg); 
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-o-transform: rotateY(0deg);}}
.fuwu li .picfocus img{width:100%;}
.fuwu li .info{position:absolute;top:0; color:#fff; left:0; width:100%; height:100%; padding:0 20%; -moz-transition: .3s;opacity: 0;
    -ms-transition: .3s;
    -o-transition: .3s;
    -webkit-transition: .3s;
  transition: .3s;

    z-index:1;transform: rotateY(-180deg);
		transform: rotateY(-180deg);
		-webkit-transform: rotateY(-180deg);
		-moz-transform: rotateY(-180deg);
-ms-transform: rotateY(-180deg);
-o-transform: rotateY(-180deg);}
.fuwu li .info,
.fuwu li .picfocus{ backface-visibility: hidden; transition: 0.6s ease-out;
    -webkit-transition: .6s ease-out; 
    -webkit-transform-style: preserve-3d;
     -moz-transform-style: preserve-3d; 
     -ms-transform-style: preserve-3d;
     -o-transform-style: preserve-3d;
     transform-style: preserve-3d;
}
.fuwu li .tit{font-size: 30px;margin:56px auto 25px;}
.fuwu li .desc{font-size: 17px;line-height:28px;}
.fuwu li .icon{width: 60px; height: 60px; margin: 15px auto;}
.fuwu li .btn{ position: absolute; bottom:27px;left:20%; right:20%; height: 40px; line-height: 40px; border-radius: 40px; font-size: 24px; color: #e60012;  background: #fff;  padding: 0;}
.fuwu li:hover  .info{top:0; background:#e60012;}
.fuwu li:hover .icon{animation:landr .8s ease-in-out;-ms-animation:landr .8s ease-in-out;-moz-animation:landr .8s ease-in-out;-webkit-animation:landr .8s ease-in-out;-o-animation:landr .8s ease-in-out}

.fuwu li:hover .info{  -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); opacity:1; }
.fuwu li:hover .picfocus{-webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg);  -ms-transform: rotateY(180deg);  -o-transform: rotateY(180deg); transform: rotateY(180deg);}

@keyframes landr{
	0%{transform:rotate(0);transform-origin:right bottom 0}
	39%{transform-origin:right bottom 0}
	39%,40%{transform:rotate(5deg)}
	40%{transform-origin:left bottom 0}
	75%{transform:rotate(-10deg);transform-origin:left bottom 0}
	to{transform:rotate(0);transform-origin:left bottom 0}
}
@media(max-width:999px){
    .fuwu .container{background-size:cover;}
	.fuwu ul{ margin: 0 -10px;}
}

.fangan{ }
.fangan ul{padding: 30px 0 0; margin-bottom: 0;}
.fangan li{text-align: center; margin:  20px auto 0; padding: 0 10px;}
.fangan a{position: relative; overflow: hidden; display: block;}
.fangan a .pic{display: block; overflow: hidden;}
.fangan a .pic img{width: 100%; transition: 0.3s all;}
.fangan a:hover .pic img{transform:scale(1.1,1.1);}
.fangan li a .tit{position: absolute; bottom: 0; width: 100%; text-align: center; background: rgba(0,0,0,0.7); color: #fff; line-height: 32px; font-size: 14px;}
@media(max-width:767px){
  .more a{width:120px; height:32px;line-height:32px;margin:0 auto; font-size:14px;}
}


.lxwm {position: fixed; bottom: 0; left: 0; right: 0; height:70px; background:rgba(79,79,79,0.74)  ; }
.lxwm .people{width:130px; height:133px; background: url(../img/lxwm_bg.png) no-repeat top left; position:absolute; left:calc(50% - 730px); top:-63px; z-index: 100;}
.lxwm .container{ }
.lxwm .row{ padding: 14px 0;} 
.lxwm .tit{float: left;  margin-top: -63px; color: #fff;  font-size: 24px;background: url(../img/lxwm_bg.png) no-repeat  left 0;margin-left:80px; padding-left: 117px;}
.lxwm .tit em{margin-top:63px;line-height: 70px; display: block;}
.lxwm .form-group{float: left; width: 62.8%; margin: 0 ;}
.lxwm .form-group_btn{width: 37.2%; margin-right: 0;}
.lxwm .form-horizontal{float:right; width:38.1%;  border-radius: 42px; margin-top: 14px;}
.lxwm .form-control{width: 100%; height: 42px; border: 1px solid #ddd;border-radius: 0; border-radius: 42px 0 0 42px;}
.lxwm .btn-default{ width: 100%; padding: 0; text-align: center; box-sizing: border-box; height: 42px;  line-height: 40px; color: #fff; border:none; background: #e60012; border-radius: 0 42px 42px 0; font-size: 20px; display: block;}
.lxwm .btn-default:hover{background: #c50514; }
.lxwm .close{float:right;width: 28px; height:28px; background:url(../img/icon-close.png) no-repeat top left; display:inline-block; margin: 22px 78px 0 10px;} 

.pc-foot.down .footer{padding-bottom:0;}

.form-control:focus { 
    border-color: none;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}
@media(max-width:1199px) and (min-width: 992px){
	.lxwm .row .tit{ font-size: 21px;}
}
@media (max-width: 768px){
	.lxwm .about{padding-right: 10px;}
}

.main{ }
.news_column{margin-top: 30px;}
.news_column li{margin-bottom: 20px;}
.news_column li .item{transition: all .2s linear; position: relative; display: block;}
.news_column li .item .pic{ width: 100%;display: block; position: relative; overflow: hidden;}
.news_column li .item .date { position: absolute; left: 0; bottom: 0; padding: 10px; background: #fff; font-size: 12px;color: #999; font-family:Arial;}
.news_column li .item .info{ padding: 30px; background-color: #fff;}
.news_column li .item .tit{ font-size: 16px; line-height: 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.news_column li .item .line {position: relative; width: 100%; height: 1px; background: #dbdbdb; margin: 20px 0;}
.news_column li .item .line:after {content: ''; position: absolute; bottom: 0; width: 0; height: 1px; background: #232323; left: 0; transition: all .6s cubic-bezier(.215,.61,.355,1) 0s}
.news_column li a:hover .line:after {width: 100%;}
.news_column li a:hover .tit{color: #333;}
.news_column li .item .desc{ position: relative; font-size: 13px; color: #666; height: 48px; line-height: 24px; overflow: hidden;}
.news_column li a .pic img{width: 100%; transition: 0.3s all;}
.news_column li a:hover .pic img{transform:scale(1.1,1.1);}
.news_column li a:hover{box-shadow: 0 0 30px #d2d0d0;}

/*page*/
.pages{font-size:14px; overflow:hidden; zoom:1; padding:20px 0 ; text-align:center; clear:both;}
.pages li{ vertical-align: top; margin-right: 10px; color: #999; display:inline-block;border-radius: 5px; }
.pages li a{display: block; width:40px; height: 40px; line-height: 40px; font-family: arial; font-size: 14px;  text-decoration: none;}
.pages li:hover{color: #fff;}
.pages li:hover a,
.pages li a:hover{color: #fff;}
.pages li:hover,
.pages .active {background: #e60012;color: #fff;}
.pages .active a{color: #fff;}

/*path*/
.path{background: #f4f4f4; padding: 10px 0; border-bottom: 1px solid #ddd; color: #666;}
.path a{color: #666;}


/******************************* news_info-page *******************************/
.article {padding: 30px 0;}
.article .tit{ text-align: center; font-size: 20px; line-height: 1.8; padding: 30px 0 7px;}
.article .time{ text-align: center; padding: 0 0 10px; border-bottom: 1px solid #ddd; color: #787878; font-size: 12px; line-height: 16px; font-family: arial;}
.article-txt{  padding-bottom: 30px; overflow:hidden;}
.article-txt p{ font-size: 16px;  line-height: 2; margin-bottom: 10px; }
.article-txt p img{padding: 15px 0; width: auto; max-width: 100%;}
.article-txt table{width:100%!important;}

.article-next{border-top: 1px dashed #ccc; border-bottom: 1px dashed #ccc; margin: 27px 10px 50px; position: relative;}
.article-next p{ margin: 15px 0; line-height: 32px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.article-next span{color: #666; margin-right: 30px;}
.article-next a{color: #666;}
.article-next .return {height: 38px; position: absolute; bottom:15px; right: 0;}
.article-next .return a {display: block;float: left; width: 126px; height: 38px; background: #828282;border-radius: 5px; text-align: center; line-height: 35px;color: #fff; font-size: 14px;}
.article-next .return a img { display: inline-block; vertical-align: middle; margin-right: 10px;width:auto;}

.article .pro_l{ margin-bottom: 18px; padding-bottom: 5px; box-shadow: 0 0 30px #d2d0d0;}
.article .commend_tit{font-size: 16px; box-sizing: initial; background: #2e3138; border-top: 3px solid #e60012; line-height: 38px; height: 50px; padding-top: 12px; color: #fff; text-align: center; overflow:hidden; }
.article .pro_l ul{ width:100%; margin:0 auto; padding: 10px; box-sizing: border-box; background: #fff; box-sizing: border-box; overflow: hidden;}
.article .pro_l ul li{float:left; width: 50%;  height:40px; line-height:40px; padding: 0 5px; overflow:hidden;  margin-bottom: 10px;}
.article .pro_l ul li:last-child{border:none}
.article .pro_l ul li a{ font-size:14px; color:#333; display:block;text-align: center; background: #ebeceb;}
.article .pro_l ul li a:hover{color:#0074c5;}
.article .pro_l .nobor{ border:none; background:none;}

.article-cont{box-shadow: 0 0 30px #d2d0d0; padding: 0 20px 30px;}

@media (min-width: 1200px){
	.article .tit{font-size: 26px; line-height: 44px;}
	.article .time{ margin:  0 0 36px;}
}

@media(max-width:767px){
	.article .container{padding: 0;}
}

/******************************* lxwm-page *******************************/
.lxwm_page{ width: 100%; position: relative; background: #fff; padding: 50px 0 30px; overflow: hidden;}
.lxwm_page.bg_white,
.lxwm_page.bg_gray { width: 100%; position: relative; background: #fff; overflow: hidden;}
.lxwm_page.bg_gray{background: #f4f4f4;}
.lxwm_page .tit {font-size:28px;}
.lxwm_page .small-tit{font:14px arial; color: #999; padding: 5px 0 15px;margin-bottom: 15px;}
.lxwm_page .pic{padding-bottom: 20px;}
.stores-info{position: relative;}
.stores-info p{font-size: 16px;border-bottom: 1px dotted #b5b5b5;line-height: 24px;position: relative;padding:18px 0;}
.stores-info p .icon{float: left; width: 24px; height: 24px; margin: 0 12px 0 0; vertical-align: top; display: block; background: url(../images/icon-add.png) no-repeat top left; background-size: 24px;}
.stores-info p .icon-add{background-image:url(../img/icon-add.png);}
.stores-info p .icon-email{background-image:url(../img/icon-email.png);}
.stores-info p .icon-tel{background-image:url(../img/icon-tel.png);}
.stores-info p .icon-fax{background-image:url(../img/icon-fax.png);}
.stores-info p .icon-qq{background-image:url(../img/icon-qq.png);}

/******************************* about-page *******************************/
.about_box{}
.about_box .fl{position:relative;}
.about_box .desc p{font-size: 14px;color: #666;width: 100%;line-height: 2; margin-top: 15px;}
.about_box .fl p a{color:#0c508f;}
.about_box .picfocus{overflow: hidden;}

/******************************* wendang-page *******************************/
.xmjs {margin: 1.8em auto;}
.xmjs img {float: right;width: 25pc;}
.xmjs .xmjsbox{padding: 0 0}
.xmjs .xmjsbox p {text-align: justify;font-size: 16px;line-height: 180%; margin-bottom: 10px;}

.myfw{background: #f4f4f4; }
.myfw .row{ padding: 50px 0 0; margin-bottom: 0;}
.myfw li{ display: inline-block; transition: all 0.6s ease 0s; margin-bottom: 30px;}
.myfw li .item{transition: all 0.6s ease 0s; background: #fff; border-radius: 5px; text-align: center; display: block; overflow: hidden;}
.myfw li .item .pic{width: auto; max-height: 136px; padding-top: 20px;}
.myfw li .item .info{margin-top: 0px; padding: 10px 35px;}
.myfw li .item .tit{ height: 40px; line-height: 40px; transition: all ease-out .2s; display: block; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.myfw li .item .desc{position: relative; width: 100%; height: 50px; box-sizing: initial; display: block; padding-top: 30px; text-align: center;  line-height: 24px; color: #666; font-size: 14px;overflow: hidden; }
.myfw li .item .desc::before{position: absolute; left: 50%; bottom: 70px; content: ""; margin-left: -19px; width: 38px; height: 1px; background: #d5d5d5; }

.myfw li .item .details { display: block; position: relative; border-radius: 20px; width: 0px; height: 38px; margin: 20px auto 30px; padding-right: 38px; text-indent: -999px; overflow: hidden;  background:#e60012; transition: all 0.3s ease-in-out 0s;}
.myfw li .item .details::after,
.myfw li .item .details::before {content: ''; position: absolute;background: #fff;}
.myfw li .item .details::after {  top: 12px; left: 50%; width: 1px; height: 15px;}
.myfw li .item .details::before { top: 19px; left: 50%; width: 15px; height: 1px; margin-left: -7px;}
.myfw li .item:hover { box-shadow: 0 0 30px #d2d0d0; transform: translatey(-20px);}
.myfw li .item:hover .details { width: 140px;}

.myyz{background: #fff;}

.myys{background: #f4f4f4; }
.myys .row{padding-top: 30px; padding-bottom:30px;}
.myys img{width: 100%;}
.myys dd{font-size:16px;line-height: 2;}
.myys dd span{margin-bottom: 30px; display: block;}
.myys dd p{margin-bottom:.4em;padding-left:2em;background:url(../img/ico1.png) no-repeat left .5em}

.mybz{background: url(../img/baozhang_bg.jpg) no-repeat top center; background-size: cover;  color: #fff; padding-bottom: 30px;}
.mybz .common_tit h3:after{background: #fff;}
.mybz .row{padding-top: 30px; padding-bottom:30px;}
.mybz li{ margin:  30px auto 0; text-align: center;}
.mybz .pic{width: 80px; margin: 0 auto;  border-radius: 50%;  background: rgba(255,255,255,.1);transition: 1.5s all ease;}
.mybz .tit{font-size: 16px; padding: 15px 0; font-weight: bold;}
.mybz .info{padding: 0 15px;line-height: 2;}
.mybz li:hover .pic{transform: rotate(360deg);}


.mylc{}
.mylc .row{padding-top: 30px; padding-bottom:30px;}
.mylc li{width: 14.28%; margin-bottom: 20px;}
.mylc li a{position: relative; display: block; width: 90%; margin: 0 auto;}
.mylc li .num{position: absolute; bottom: -5px; left: 0;  font-family: impact; color: rgba(0,0,0,0.3); letter-spacing: 2px; font-size: 50px; text-align: center;  width: 100%;  border-radius: 5px; }
.mylc li .text{position: absolute; top:0; left: 0; right: 0; bottom: 0; line-height:30px; border-radius: 5px; overflow: hidden; background: #f1f1f1; transition:0.36s ease;background-position: 300px 300px;}

.mylc li .text .cell{text-align:center; width:100%; display: table; height: 100%;}
.mylc li .text .cell_item{ font-size:16px;  color: #333; line-height: 26px; margin-bottom: 5px;margin-top: 30px;}
.mylc li .text .cell_item p{display: none;  font-size:14px; color: #666; text-transform:Capitalize; line-height: 18px; }
.mylc li:nth-child(even) .text{background: #c50514; color: #333;}
.mylc li:nth-child(even) .cell_item {color: #fff;}
.mylc li:nth-child(even) .cell_item p {color: #fff;}
.mylc li:nth-child(even) .num{ color: rgba(255,255,255,0.5);}
.ljzx {padding-bottom: 30px;}
.ljzx p{text-align:center;letter-spacing:2px;font-size:18px}
.ljzx .djzx{margin:20px auto;width:130px;height:40px;line-height:40px;background:#257FCB;position:relative;text-align:center;transition:.2s all;-webkit-transition:.2s all;border-radius:5px}
.ljzx .djzx a{display:block;font-size:16px;text-align:center;color:#fff;z-index:9}
.ljzx .djzx:hover{text-indent:5px;filter:alpha(opacity=80);-moz-opacity:.8;-khtml-opacity:.8;opacity:.8}
@media(max-width:1200px){
	.mylc li .num{font-size:40px;}
}
@media (max-width: 991px){
	.mylc li{width: 20%;}
}
@media (max-width: 991px){
	.mylc li{width: 20%;}
}
@media (max-width: 767px){
	.mylc li{width: 33.3%;}
	.mylc li .text .cell_item{line-height: 20px;}
	.mylc li .num{font-size:30px;}
}

/**/
.fybj{}
.fybj .sub-nav{margin-bottom: 30px; margin-top: 30px;}
.fybj .sub-nav ul{display: flex; text-align: center; background: #e60012;}
.fybj .sub-nav li{ flex: 1;}
.fybj .sub-nav li a{font-size: 16px; text-align: center; position: relative; display: block; padding: 15px; color: #fff;}
.fybj .sub-nav li.active a{background: #c50514;}

.tab-content{padding-bottom: 30px;}
.table-cont table{ width: 100%;  border: solid #e60012; text-align: center;}
.table-cont td .jieshao { padding: 10px; text-align: center;}
.table-cont td .jieshao h4 { padding-bottom: 10px; font-weight: 700!important; font-size: 20px;}
.table-cont td .jieshao p { font-size: 16px; line-height: 30px;}
.table-cont td .jieshao p span { font-weight: 700!important; font-size: 20px;}
.table-cont th.at-title {position: relative; padding: 10px; border: 1px solid #ddd; text-align: center; background-color: #e60012; color: #fff; font-weight: normal; font-size: 18px;}
.table-cont .w16 { width: 16%;}
.table-cont td { padding: 10px; border: 1px solid #999; font-size: 16px;}
.table-cont td h4 {font-weight: 700!important; font-size: 20px;}
.table-cont .at-subtitle {background-color: #fed9dc;}
.table-cont tfoot td {padding: 30px;}
.table-cont tfoot .tishi {text-align: left;}
.table-cont tfoot .tishi p {font-size: 16px; line-height: 30px;}
.table-cont tfoot .tishi p span {float: left;color: #d34444;}
.table-cont tfoot .foot-btn {margin-top: 10px;}
.table-cont tfoot .foot-btn .btn {float: left; border-radius: 10px; background-color: #e60012; color: #fff; ont-weight: 700!important; font-size: 18px;}
.table-cont tfoot .foot-btn .btn i {display: inline-block;margin-right: 10px;vertical-align: middle;}
.table-cont tfoot .foot-btn .btn:hover {background-color: #24B2F7; color: #fff;}

/*liucheng*/
.process{padding-bottom: 20px;}
.process .container{padding-top:30px; padding-bottom:30px;}
.process li{margin-top: 20px;}
.process .item{position: relative;padding: 30px 0; border-radius: 5px;background: #fff;box-shadow: 0 3px 14px 0 rgba(0,0,0,.1);text-align: center;cursor: pointer}
.process .item .icon{display: inline-block;width: 65px;height: 65px}
.process .item .icon img{width:100%;height:100%;}
.process .item .tit{font-size: 16px; margin: 15px auto 0;}
.process .item p{ line-height: 24px; color: #666; font-size: 14px; margin: 10px auto 0; padding: 0 25px;}
.process .item em{position: absolute;bottom: 0;left: 50%;display: block;margin-left: -18px;width: 36px;height: 3px;background: #e60012; line-height: 0;}


/* add */
@media (max-width:767px){
  .common_tit{padding-top:10px;padding-bottom: 10px;}
  .common_tit h3 { font-size: 24px;}
  
  .service .common_tit{padding-top:10px;padding-bottom: 10px;}
  .service{padding:20px 0;}
  .service ul{margin-top:0;}
  .service li{max-height:180px; overflow: hidden;}
  .service li .icon{ margin: 30px auto 0; width: 50px; height: 50px;}
  .service li h3{font-size:16px;}
  .service li:nth-of-type(5) .picfocus img{height:180px;}
  .service li a:hover .info{ background: rgba(0,0,0,0.65);}
  .service li a:hover .icon{margin-top:85px;}
  .service li a:hover p,
  .service li a:hover .btn{opacity:0;bottom: -22px;}
  .service li a:hover .line{opacity: 1;margin:25px auto; height: 1px;}

  
  .language{padding: 10px 0 15px;}
  .language ul{padding:20px 0 0;margin:0;}
  .language li{margin: 0 0 15px;padding: 0 8px;}
  .language .more{margin: 15px auto;}
  
  
  .fuwu{padding-top:20px;}
  .fuwu .container{margin-top:0px}
  
  .fangan .common_tit{padding-top: 20px;}
  .fangan ul{padding-top: 0px;}
  
 
  
  .news .common_tit{padding-top:20px;}
  .news .row{padding-top: 0;}
  .news .left{margin-top:20px;}
  
  .case{padding-top: 20px;}
  .case .pic-box{ margin:30px auto;}
  .case .tit-box li{font-size:14px;}
  .case .tit-box ul{width:100%;}
  .case .tit-item{margin: 0 15px 30px;border-radius: 10px;box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.13);}
  .case{padding-bottom:20px;}
  
  .fuwu li .info{top:0;background:#e60012;padding:0 10px;display:flex;align-items:center;justify-content: center;flex-direction: column;-webkit-transform: rotateY(0deg);-moz-transform: rotateY(0deg);-ms-transform: rotateY(0deg);-o-transform: rotateY(0deg);transform: rotateY(0deg);opacity:1;}
  .fuwu li .icon{animation:landr .8s ease-in-out;-ms-animation:landr .8s ease-in-out;-moz-animation:landr .8s ease-in-out;-webkit-animation:landr .8s ease-in-out;-o-animation:landr .8s ease-in-out}
  .fuwu li .picfocus{-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-ms-transform: rotateY(180deg);-o-transform: rotateY(180deg);transform: rotateY(180deg);}
  .fuwu li .tit{font-size:18px;margin-top:10px;margin-bottom:10px;}
  .fuwu li .btn{position:static;width:110px;height:30px;font-size:14px;height:30px;line-height:30px;margin-top:5px;}
  .fuwu li .desc{font-size:13px;line-height:26px;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;height:104px;}
  
  .partner .common_tit{padding-top: 20px;}
  .partner li{margin-top:5px;margin-bottom:5px;margin-top: 5px;margin-bottom: 5px;padding-left: 5px;padding-right: 5px;}
  .partner ul{padding-top: 0px;margin-left:-5px;margin-right:-5px;}
  .article-txt p img{margin:0 auto;display:block;}
}