@charset "utf-8";

a:active{star:expression(this.onFocus=this.blur());}
a:focus,button:focus{outline:none; -moz-outline:none;}
:focus{outline:none;}
/*Reset Css*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img,area,param{margin:0; padding:0;}
html,body{margin:0; padding:0; height: 100%;}
select{*behavior: url("select.htc");}/*IE6,IE7select*/
ol,ul{padding-left:0; list-style-type:none; list-style:none;}
img{border:none; display:inline-block; vertical-align:middle; *display:inline; *zoom:1;}
th{font-style:normal;font-weight:normal;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
input{display:inline-block; vertical-align:middle; *display:inline; *zoom:1;}
fieldset{border:none;}
legend{display:none;}
/*Clear Css*/
.clear{clear:both; font-size:0px; height:0px; line-height:0;}
.clearfix:after{content:'\20';display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.clearfix{display:block;zoom:1;}
html[xmlns] .clearfix{display:block;}
* html .clearfix{height:1%;}

.fl{float:left; _display:inline;}
.fr{float:right; _display:inline;}








body,html{ overflow-x:hidden;}
body{ color:#3e3a39;  height:auto; box-sizing:border-box; background-color:#f2f2f2; font-size:14px;}
.course{-moz-user-select: none; /*火狐*/
-webkit-user-select: none;  /*webkit浏览器*/
-ms-user-select: none;   /*IE10*/
-khtml-user-select: none; /*早期浏览器*/
user-select: none;}
a{ color:#323235; text-decoration:none;}
a:hover{ text-decoration:none; color:#e50112;}
i,em{ font-style:normal;}
.img_max{ display:block !important;}
.img_min{ display:none !important;}



.brand_service .pd:hover .img i{
-webkit-animation-iteration-count: 1;
-webkit-animation: hover_btn_four 0.5s linear 0s;
animation-iteration-count: 1;
animation: hover_btn_four 0.5s linear 0s;
}
@keyframes hover_btn_four {
from, 20%, 40%, 60%, 80%, to {animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
0% {opacity: 0.8;transform: skew(0deg,0deg);}
20% {transform: skew(5deg,0deg);}
40% {transform: scale3d(1.2, .9, .9);}
60% {opacity: 1;transform: scale3d(0.95, 1.05, 1.03);}
80% {transform: scale3d(1.05, 0.97, .97);}
to {opacity: 1;transform: scale3d(1, 1, 1);}
}


.top_tel span,
.about_con2 .img .h3,
.number_lsit .h3,
.quick_fw .p,
.app_list .img span,
.about_con1 .text .em,
.standard .i,
.banner_contact .text .c,
.tit2 a{font-family:'DIN-Medium';}






.btn{color:#fff;background:#000;position: relative;overflow: hidden; display:block;}
.btn:before{content:attr(data-text);position: absolute;top: 0;left: 0;width: 100%;height: 100%;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
.btn:before,
.btn span{display: block;-webkit-transition: -webkit-transform 0.3s;transition: transform 0.3s;-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); box-sizing:border-box;}
.btn:hover:before {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.btn:hover span {-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}

.btn2{-webkit-transition: background-color 0.3s, color 0.3s;transition: background-color 0.3s, color 0.3s; position:relative;}
.btn2:before{content: '';position: absolute;top: -20px;left: -20px;bottom: -20px;right: -20px;background: inherit;border-radius: 50px;z-index: -1;
opacity: 0.4;-webkit-transform: scale3d(0.8, 0.5, 1);transform: scale3d(0.8, 0.5, 1);}
.btn2:hover {-webkit-transition: background-color 0.1s 0.3s, color 0.1s 0.3s;transition: background-color 0.1s 0.3s, color 0.1s 0.3s;color: #ECEFF1;
background-color: #3f51b5;-webkit-animation: anim-moema-1 0.3s forwards;animation: anim-moema-1 0.3s forwards;}
.btn2:hover:before {-webkit-animation: anim-moema-2 0.3s 0.3s forwards;animation: anim-moema-2 0.3s 0.3s forwards;}

@-webkit-keyframes anim-moema-1 {
60% {-webkit-transform: scale3d(0.8, 0.8, 1);transform: scale3d(0.8, 0.8, 1);}
85% {-webkit-transform: scale3d(1.1, 1.1, 1);transform: scale3d(1.1, 1.1, 1);}
100% {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
}
@keyframes anim-moema-1 {
60% {-webkit-transform: scale3d(0.8, 0.8, 1);transform: scale3d(0.8, 0.8, 1);}
85% {-webkit-transform: scale3d(1.1, 1.1, 1);transform: scale3d(1.1, 1.1, 1);}
100% {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
}
@-webkit-keyframes anim-moema-2 {
to {opacity: 0;-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
}
@keyframes anim-moema-2 {
to {opacity: 0;-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
}

.slick-arrow,
.brand_text .m em,
.btext .m a,
.btext .h3,
.btext .p,
.btext .m,
.iservice_1 .text,
.case_ul .tag,
.case_ul .text,
.case_ul .img img,
.icase_m a,
.header,
.header .wp,
.menu .h3 a,
.logo,
body,
.iservice_2 .pd,
.iservice_2 .img img,
.inews_con .img img,
.iservice_2 .pd .m i,
.iservice_1 .pd,
.case_list .text,
.case_list .b,
.case_m a,
.brand_service .img i,
.btn,
.news_list .img img,
.news_list .pd,
.about_con2 .img .m a,
.tjnews_list .pd,
.news_flip a,
.tj_tag_list a,
.quick_nav2 li,
.quick_nav1 a,
.case_nav,
.logo img,
.case_tj .img img,
.tj_service_list .img img,
.tj_case_list .img img,
.menu .h3 a:after,
.business .img img,
.business .m{
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}

.ibrand .img img{
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}

.fa_right,
.btext_2 .h3,
.btext_2 .p,
.btext_2 .m,
.btext_4 .h3,
.btext_4 .p,
.btext_4 .m{ transform:translate(-100px,0); opacity: 0;transition: all .6s linear;}
.fa_left,
.btext_1 .h3,
.btext_1 .p,
.btext_1 .m{ transform:translate(100px,0); opacity: 0;transition: all .6s linear;}
.fa_bottom{ transform:translate(0,-100%); opacity: 0;transition: all .6s linear;}
.fa_top,
.btext_3 .h3,
.btext_3 .p,
.btext_3 .m{ transform:translate(0,100%); opacity: 0;transition: all .6s linear;}

.btext .h3{ transition-delay:0.7s;}
.btext .p{ transition-delay:0.9s;}
.btext .m{ transition-delay:1.1s;}

.slick-active .btext .h3,
.slick-active .btext .p,
.slick-active .btext .m{
transform:translate(0,0); opacity: 1;
}
.case_ul .img,
.iservice_2 .img,
.inews_con .img,
.news_list .img,
.business .img{ overflow:hidden;}
.case_ul .pd:hover .img img,
.iservice_2 .pd:hover .img img,
.inews_con .pd:hover .img img,
.news_list .pd:hover .img img,
.case_tj .pd:hover .img img,
.tj_service_list .pd:hover .img img,
.tj_case_list .pd:hover .img img,
.business .pd:hover .img img{transform: scale(1.1);}

.business .pd:hover .m{transform:translate(10px,0);}

.ibrand .pd:hover img{transform: scale(0.92,0.9);}

.ibrand .img img{
-webkit-filter: grayscale(100%); 
-moz-filter: grayscale(100%); 
-ms-filter: grayscale(100%); 
-o-filter: grayscale(100%); 
filter: grayscale(100%); 
filter: gray; 
opacity:0.6;
}
.ibrand .pd:hover .img img{
-webkit-filter: grayscale(0%); 
-moz-filter: grayscale(0%); 
-ms-filter: grayscale(0%); 
-o-filter: grayscale(0%); 
filter: grayscale(0%); 
filter: none;
opacity:1;
}

.iservice_1 .pd:hover,
.news_list .pd:hover{transform:translate3d(0,-10px ,0);box-shadow:0 15px 20px rgba(0,0,0,.2);}
.tjnews_list .pd:hover{transform:translate3d(0,-5px ,0);box-shadow:0 5px 15px rgba(0,0,0,.2);}

.menu-link{
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.menu-link *{box-sizing: border-box;}
.menu-link { display:none; border-radius:5px; box-sizing: border-box; position: fixed; top:10px;right:22px;font-size: 11px;z-index: 10;width:40px;height:40px; padding:8px;}
.menu-link:hover,
.menu-link:focus {}
.menu-link span {position: relative;display: block;margin-top:10px;}
.menu-link span,
.menu-link span:before,
.menu-link span:after {background-color: #d1000b;width: 100%;height:3px;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;}
.menu-link span:before,
.menu-link span:after {position: absolute;top: -.55em;content: " ";}
.menu-link span:after {top: .55em;}
.menu-link.active span {background: transparent;}
.menu-link.active span:before {
-webkit-transform: rotate(45deg) translate(.5em, .4em);
-moz-transform: rotate(45deg) translate(.5em, .4em);
-ms-transform: rotate(45deg) translate(.5em, .4em);
-o-transform: rotate(45deg) translate(.5em, .4em);
transform: rotate(45deg) translate(.5em, .4em);
}
.menu-link.active span:after {
-webkit-transform: rotate(-45deg) translate(.4em, -.3em);
-moz-transform: rotate(-45deg) translate(.4em, -.3em);
-ms-transform: rotate(-45deg) translate(.4em, -.3em);
-o-transform: rotate(-45deg) translate(.4em, -.3em);
transform: rotate(-45deg) translate(.4em, -.3em);
}

.menu .h3 em,
.menu .h3 span,
.slick-arrow,
.img_box:before{
font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
text-shadow:0 0 3px rgba(255,255,255,0.3);
}

.wp{ width:1500px; margin:0 auto; position:relative;}

.header{ position:relative; background:#fff; z-index:15; box-shadow:0 0 3px rgba(0,0,0,0.3);-webkit-transform: translateZ(0);}
.header .wp{ width:auto; margin:0 40px; height:100px;}
.logo{ width:190px; display:block; position:absolute; margin-top:-38px; top:50%;}
.logo img{ width:100%; height:auto; display:block;}

.menu{ text-align:center;}
.menu ul{ display:inline-block; vertical-align:bottom;}
.menu li{ float:left; position:relative;}
.menu .h3 a{ display:block; padding:0 20px; margin:0 13px; height:100px; line-height:100px; font-size:16px; color:#323235; position:relative;}
.menu .h3 a:after{ content:'\20'; bottom:20px; position:absolute; height:2px; background:#e50112; left:0px; width:0%;}
.menu .h3 i{ display:none;}
.menu .h3 a:hover,.menu .curr .h3 a{ color:#e50112;}
.menu .h3 a:hover:after{ width:100%;}
.menu .box{ position:absolute; display:none; left:-10px; top:100px; background:#323235; right:-10px; padding:10px 0}
.menu .box a{ display:block; color:#fff; height:36px; line-height:36px; text-align:center;}
.menu .box a:hover{ background:#e50112;}
.menu li:hover .box{ display:block;}



.fixed-nav .box{ top:60px;}
	

.fixed-nav .header{ position:fixed; left:0px; top:-60px; right:0px;}
.fixed-nav .header .wp{ height:60px;}
.fixed-nav .logo{ width:150px; margin-top:-27px;}
.fixed-nav .menu .h3 a{ height:60px; line-height:60px;}
.fixed-nav .menu .h3 a:after{ bottom:10px;}



.top_tel{ position:absolute; right:0px; top:34%; padding-left:40px; margin-top:-16px;}
.top_tel .icon-dianhua{ left:0px; top:0px; font-size:32px; width:32px; height:32px; line-height:32px; text-align:center; position:absolute; color:#e50112;}
.top_tel span{ line-height:32px; height:32px; display:block; color:#e50112; font-size:22px;float: right;}



@media screen and (max-width:1440px){
.menu .h3 a {display: block; padding: 0px 10px;}
.iservice_1 .img { padding: 25px 2px!important;}	
.iservice_1 .img .p {font-size: 15px; color: #000000;line-height: 32px;}
.ipart03 .anli {width: 95%;}
	.ys_con dl {float: left; width: 25%; height: 608px; padding: 127px 26px 0; box-sizing: border-box; position: relative;}
}
@media screen and (max-width:960px){
.top_tel { top: 41%;}


}


.slick-slide{ position:relative; display:block;}
.slick-slide a{ display:block;}
.slick-slide img{ width:100%; height:auto; display:block;}
.ibanner{ padding-bottom:72px; position:relative;}
.ibanner .slick-arrow{font-size:22px; position:absolute; top:50%; z-index:2; height:65px; margin-top:-29px; line-height:58px; width:65px; text-align:center; padding:0px; border:none; color:rgba(255,255,255,1); background:rgba(0,0,0,0); opacity:0; border-radius:50%;}
.ibanner .slick-prev{ left:2%;}
.ibanner .slick-prev:before{/* content: "\e701";*/ background: url("../images/tacn/lefts.png")}

.ibanner .slick-next{ right:2%;}
.ibanner .slick-next:before{/* content: "\e701";*/ background: url("../images/tacn/rights.png")}
.ibanner .single-item:hover .slick-arrow:nth-child(1){ opacity:1;/* background:rgba(0,0,0,0.5);*/background: url(../images/tacn/lefts.png) #0000008c;}
.ibanner .single-item:hover .slick-next{ opacity:1;/* background:rgba(0,0,0,0.5);*/background: url(../images/tacn/rights.png) #0000008c;}

.ibanner .slick-dots{ position:absolute; margin-left:-15px; left:50%; bottom:110px;}
.ibanner .slick-dots li{ float:left; margin:0 6px;}
.ibanner .slick-dots li button{ display:block; border:none; padding:0px; width:12px; height:12px; border-radius:50%; text-indent:-99px; overflow:hidden; background:rgba(255,255,255,1); box-sizing:border-box; border:none;}
.ibanner .slick-dots li.slick-active button{ background:rgba(255,255,255,0); box-shadow:0 0 0 1px rgba(255,255,255,1); }
.ibanner .pd{ background:#000;}
.ibanner video{ position:absolute; left:0px; top:0px; right:0px; bottom:0px; width:100%;}
@media screen and (max-width:960px){

.ibanner .slick-dots { bottom: 22px;}	
.ibanner {padding-bottom: 0px; }
.ipart03 { padding: 60px 0 50px 0;}	
}

.btext{ position:absolute; z-index:2; color:#fff;}
.btext .h3{ font-size:72px; line-height:1; margin-bottom:36px;}
.btext .p{ font-size:45px; font-weight:lighter; line-height:1.2444;}
.btext .m{ padding-top:80px;}
.btext .m a{ width:200px; color:#fff; height:52px; border:1px solid #fff; text-align:center; line-height:52px; font-size:16px; display:block; border-radius:26px;}
.btext .m a:hover{ background:#e50112; border-color:#e50112;}

.btext_1{ left:50%; top:26%;}
.btext_2{ left:11%; top:26%;}
.btext_3{ left:40px; right:40px; top:26%; text-align:center;}
.btext_3 .m a{ display:block; margin:0 auto;}
.btext_4{ left:11%; top:22%;}
.btext_4 .p{ color:#e5b581;}

.icon1{ position:absolute; left:0px; right:0px; bottom:0px;}
.iservice_1 ul{ margin-right:-20px;}
.iservice_1 li{ float:left; width:33.3333%;}
.iservice_1 .pd{ text-align:center; margin-right:20px; position:relative; display:block;}
.iservice_1 .img{ background:#fff; padding:25px;}
.iservice_1 .img .h3{ font-size:22px; line-height:27px; color:#888; margin-bottom:10px;}
.iservice_1 .img .p{ font-size:16px; color:#000000; line-height:32px;}
.iservice_1 .text{ background:#e50112; padding:25px; position:absolute; left:0px; top:0px; right:0px; bottom:0px; opacity:0;}
.iservice_1 .text .h3{ font-size:22px; line-height:27px; color:#fff; margin-bottom:10px;}
.iservice_1 .text .p{ font-size:16px; color:#fff; line-height:32px;}
.iservice_1 .pd:hover .text{ opacity:1;}



.tit1{ text-align:center; }
.tit1 strong{font-size:36px; line-height:1; margin-bottom:25px; font-weight:normal; display:block;}
.tit1 em{ font-size:18px; color:#888888;}
.tit1 span{ color:#323235;}
.icon2{ padding:80px 0 50px 0;}
.icon2 .wp{ width:auto;}


@media screen and (max-width:960px){
.icon1 { display: none;}
}

/*产品*/
.ipart03.tit1{ text-align:center; }
.ipart03.tit1 strong{font-size:36px; line-height:1; margin-bottom:25px; font-weight:normal; display:block;}
.ipart03.tit1 em{ font-size:18px; color:#888888;}
.ipart03.tit1 span{ color:#323235;}
.ipart03{ overflow:hidden; position:relative;/*padding-bottom: 20px;*/padding: 80px 0 50px 0;}
.ipart03 .infor{text-align:center;float:left;width: 26%;background: rgba(0, 0, 0, 0.5294117647058824);height: 100%;position: absolute;}
.ipart03 .infor img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.ipart03 .content .list{padding:45px 11% 0; text-align:center;}

.ipart03 .content .list a{display:inline-block; padding:0 10px; position:relative; font-size:16px; color:#fff; line-height:26px;}
.ipart03 .content .list a:after{content:''; width:1px; height:10px; background:#facd00; position:absolute; right:-1px; top:50%; margin-top:-4px;}
.ipart03 .content .list a.cur{color:#facd00;}
.ipart03 .content .list a:hover{color:#facd00;}
.ipart03 .content .list a:last-child:after{display:none;}
.ipart03 .content .list a.last:after{display:none;}
.ipart03 .anli {width:85%;overflow: hidden; margin: 0 auto;/*padding: 30px 0;*/}
.ipart03 .anul{width:100%; height: auto; overflow: hidden; margin: 0 auto; /*margin-bottom: 60px;*/ margin-top: 10px;}
.ipart03 .anul>li{width:24%; height: auto; margin:0 0.4%; float: left;position: relative; overflow: hidden; margin-bottom: 0.4%;}
.ipart03 .anul>.li{margin-right: 0px; }
.ipart03 .anul>li>a>img{display: block; width: 100%;height:246px;}
.ipart03 .anul>li>a>h2{width: 100%; height: 40px; background:rgba(0,0,0,0.4); text-align: center; line-height: 40px; color:white; font-size: 16px; position: absolute; bottom: 0px; left: 0px; }
.ipart03 .anul>li>a>div{ background:rgba(0,0,0,0.4); position: absolute; top: 0px; left: 0px; transition: all 0.2s ease;-webkit-transition: all 0.2s ease;opacity: 0; width: 70%; padding:15% 0px;}
.ipart03 .anul>li>a>div>h2{font-size: 18px; color:white; margin: auto; text-align: center;margin-top: 20%;}
.ipart03 .anul>li>a>div>img{display: block; margin: 0 auto; margin-top: 5%;}
.ipart03 .anul>li:hover div{height: 70%; padding: 15%; opacity: 1;}
.ipart03 .anul>li:hover .h2{display: none;}
.ipart03 .nav4{width: 100%; overflow:hidden; text-align: center; margin:31px 0;}
.ipart03 .nav4>ul{/*display: inline-block;*/ margin: 0 auto;}
.ipart03 .nav4>ul>li{float: left; width: 12%; margin: 0.5% 1%;}
.ipart03 .nav4>ul>li>a{font-size: 16px; color: #fff;background: #e50112;padding:6px 10px; border-radius: 30px; display: block;}
.ipart03 .nav4>ul>li>.a{background:#000; color: white;}
.ipart03 .anul .p_product{width: 24%; margin: 5px; margin-top: 5px; margin-right: 5px;margin-bottom: 28px;display: inline-block;vertical-align: top;height: inherit;border: none;position: relative;overflow: hidden;margin-left: 5px;}
.ipart03 .anul .p_images{position: relative; width: 100%;text-align: center; font-size: 0;}
.ipart03 .anul .p_images img{max-width: 100%;}
.ipart03 .anul .p_product:hover img {-webkit-transform: scale(1.1,1.1);-moz-transform: scale(1.1,1.1);transform: scale(1.1,1.1);}
.ipart03 .anul .span:hover img {transition: all 0.4s !important;height: 100%!important;left: 50%!important;top: 50%!important;-webkit-transform: translate(-50%,-50%)!important;-ms-transform: translate(-50%,-50%)!important;transform: translate(-50%,-50%)!important;position: absolute!important;}
.ipart03 .anul .p_product:hover .btnc { bottom: 0px;background-color:rgba(229, 1, 18, 0.81);}
.ipart03 .anul .btnc{width: 100%;height: 110px;background-color: rgba(48,48,48,0.7);position: absolute;left: 0px;bottom: -63px;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-ms-transition-duration: 0.3s;transition-duration: 0.3s;}
.ipart03 .anul .btnc h2 {font-weight: normal;font-size: 17px;color: #fff;line-height: 50px;text-align: center;white-space: nowrap;}
.ipart03 .anul .btnc h3 {border: 1px #fff solid;width: 140px;height: 38px;line-height: 38px;font-weight: normal;margin: 0 auto;border-radius: 10px;text-align: center;font-size: 14px;color: #fff;}
@media screen and (max-width:1440px){
.ipart03 .anli {width: 95%;}

}

@media only screen and (max-width:1350px){
	.ipart03 .anul .p_product{ width:23.5%;}
}
@media only screen and (max-width:1350px){
.ipart03 {padding: 60px 0 50px 0;}
}

@media only screen and (max-width:768px){
.ipart03 {padding: 30px 0 0px 0;}	
.ipart03 .nav4>ul>li { width: 23%; margin: 0.5% 1%;}
.ipart03 .anul .p_product {  width: 47.5%;}
.tit1 strong { font-size: 28px; line-height: 1; margin-bottom: 0px;}	
}
@media only screen and (max-width:640px){
.ipart03 .nav4>ul>li { width: 31%; margin: 1% 1%;}
.ipart03 .anul .p_product {  width: 46.5%; margin-bottom: 7px;}
.ipart03 .anul .btnc{height:95px;}	
.ipart03 .anul .btnc h2 { line-height: 36px;}	
	
}

@media only screen and (max-width:425px){

.tit1 strong { font-size: 24px; line-height: 1; margin-bottom: 0px;}	
.ipart03 .nav4 { margin: 18px 0;}
}

input{ display: none;}

/*优势*/
.tit{font-weight: normal;font-size: 0;}
.tit b{display: block;font-size: 42px;color: #333333;line-height: 42px;height: 42px;position: relative;font-weight: bold;}
.tit i{display: block;font-size: 80px;color: #e0e0e0;line-height: 80px;margin-top: 9px;font-family: Impact;position: relative;height: 80px;text-transform: uppercase;}
.tit i em{ position: absolute;left:0;top:0;font-size: 20px;color: #333333;line-height: 80px; }
.ys{margin-top: 12px;padding-top: 108px;height: 913px;background: url("../images/tacn/ys-bj.jpg")no-repeat center;box-sizing: border-box;}
.ys .tit b,.ys .tit i em{ color: #fff;}
.ys .tit i{ color: #4e6076;}
.ys_con{margin-top: 66px;}
.ys_con dl{ float: left;width:25%;height: 608px;padding: 127px 40px 0;box-sizing: border-box; position:relative;}
.ys_con dt{ display: block;width: 218px;height: 138px;overflow: hidden;position: relative;margin: 0 auto; }
.ys_con dt em{  display: block;width: 218px;height: 138px;overflow: hidden;opacity: 0;border-radius: 20px; position:relative;z-index:10; }
.ys_con dt em img{  display: block;width: 218px;height: 138px;  position:relative;z-index:10;}
.ys_con dt span{ display: block;position: absolute;left:0;top:0;width: 100%; font-size: 20px;line-height: 20px;color: #ffffff;font-family: Arial;text-align: center;}
.ys_con dt span img{ display: block;width: 54px;height: 54px;margin:0 auto 64px; }
.ys_con dt span:after{ position: absolute;left:50%;margin-left: -11.5px;width: 23px;height: 23px;top:91px;content: "" ;background: url(../images/ys_yuan.png) no-repeat center;}
.ys_con dl:after{ background: url(../images/tacn/ys-h.jpg) no-repeat center; position:absolute;left:0;bottom:0;width:100%;height:0;content:"";transition:all 0.3s;}
.ys_con dl.cur:after{ height:100%;}
.ys_con dl.cur em{ opacity: 1; }
.ys_con dl.cur span{ display: none; }
.ys_con dd h4{ display: block;font-size:22px;line-height: 40px;font-weight: bold;text-align: center;color: #fff;padding-top: 32px; position:relative;z-index:10;}
.ys_con dd p{ display: none;color: #fff;padding-top: 25px;font-size: 15px;line-height: 28px;text-align: center;margin: 0 5%; }
.ys_con dl.cur dd p{display: block; position:relative;z-index:10;}

@media screen and (max-width:1440px){

	.ys_con dl {float: left; width: 25%; height: 608px; padding: 127px 18px 0; box-sizing: border-box; position: relative;}
	.content {width: 90%!important;}
	.abt dd p{font-size: 16px;line-height:32px;color: #666666;margin-top: 35px;overflow: hidden;text-overflow: ellipsis;white-space: normal;word-wrap: break-word;-webkit-line-clamp: 5;-webkit-box-orient: vertical;display: -webkit-box !important;}
}

@media screen and (max-width: 1200px){
.content { width: 99%!important;}
.ys_con dd h4 { display: block; font-size: 20px;}
}
@media screen and (max-width: 960px){
.ys { padding-top: 50px;}
.ys_con dt { display: none;}
.ys_con dl {float: left; width: 49%;margin: 0.5% 0.5%; background-color: #b12123!important;height: 258px;padding: 0px 18px 0;}
.ys_con dl:after {background-color: #b12123;background: url(../images/tacn/ys-h1.jpg) no-repeat center;}
	.ys_con dd p{display: block}
}

@media screen and (max-width: 768px){
.ys_con dd p { padding-top: 0px;font-size: 15px;line-height: 28px;}
}

@media only screen and (max-width:640px){
.tit i em { font-size: 18px;}
}

@media only screen and (max-width:425px){
.ipart03 .nav4>ul>li>a { font-size: 15px;}
	.ipart03 .anul .btnc h2 { font-size: 16px;}
	}
/*case*/
.case{padding: 123px 0 60px;}

.case_con{ margin-top: 34px; }
.case_l{ float: left;width:30%;border-bottom: 1px solid #DCDCDC; height: 582px;}
.case_l li{ padding:12px 0 13px 13px ;width:100%;height: 132px;box-sizing: border-box; }
.case_l li.cur{ background: #e50112; }
.case_l li i{ display: block;width:34%;height: 107px;overflow: hidden;float: left; }
.case_l li i img{ width:100%;height: 107px; }
.case_l li span{ display: block;margin-left: 16px;font-size: 15px;line-height: 107px;font-weight: bold; float: left;width:60%;transition: all 0.5s;}
.case_l li.cur span{ color: #fff;line-height: 80px;/*background: url(../images/case_jth.png) no-repeat left bottom;*/}
.case_l .more{ display: block;padding-top: 20px;padding-left: 13px;font-size: 14px;line-height: 14px;font-family: Arial;text-transform: uppercase; }
.case_l .more img{ display: inline-block;margin-left: 10px;width: 22px;height: 5px;vertical-align: 4px; }

.case_r{ float: right;width:68%!important;height: 582px; }
.case_r dl{width:100%!important;height: 582px;border-bottom: 1px solid #DCDCDC;}
.case_r dt{ display: block;width:100%;height: 439px;overflow: hidden; }
.case_r dt img{ display: block; width:100%;height: 439px;}
.case_r dd{height:143px;padding-top: 30px;box-sizing: border-box; }
.case_r dd h4 a{ display: block;font-size: 18px;line-height: 2px;color: #333;font-weight: bold; }
.case_r dd h4 em{ font-size: 16px;font-weight: normal; }
.case_r dd p{ display: block;font-size: 15px;line-height: 28px;color: #666;padding-top: 18px; }
@media screen and (max-width: 1200px){
.case{padding: 60px 0 60px;}
.tit b { font-size: 36px; line-height: 36px;}	
}
@media only screen and (max-width:768px){
.tit b {font-size: 30px;line-height: 30px;}	
.ys_con { margin-top: 19px;}
.case { padding: 30px 0 60px;}	
.case_l li i { width: 100%;}	
.case_l li i img {width: 94%;height: 107px;}
.case_l li { padding: 12px 0 13px 13px; width: 100%;height: 146px; box-sizing: border-box;}	
.case_l li.cur span { color: #fff; line-height: 26px;}
.case_l li span { line-height: 25px; width: 100%;}
.ys { height: 760px;}	
.tit i { display: block; font-size: 80px; color: #e0e0e0; line-height: 74px; margin-top: 9px; height: 57px;}	
}
@media only screen and (max-width:640px){
	.tit b {font-size:26px;line-height:26px;	}
.tit i { display: block;font-size: 52px; color: #e0e0e0; line-height: 52px; margin-top: 9px; height: 52px;}
.tit i em { line-height: 49px;}	
.ys { height: 200px;}
.ys_con dl.cur dd p { display: none;}
.ys_con dl { width: 98%; margin: 0.5% 0.5%;background-color: #b12123!important; height: 96px;}
.ys_con dd h4 {  padding-top: 16px;text-align: left;}	
.ys_con dd p { display: none;}	
.case_con { margin-top: 0px;}
.case_l { width: 100%;height: 302px;}
.case_l li {padding: 12px 0 13px 13px;width: 50%;float: right;}	
.case_r { width: 100%!important; height: 280px!important;}
.case_r dt img { height: auto;}	
.case_r dt { height: 139px;}
.ys_con {display: none;}	
	
}
@media only screen and (max-width:425px){
.tit b { font-size: 24px; line-height: 24px;height: 24px;}
.ys {height: 170px;}
}
/*关于我们*/

.bt{font-weight: normal;font-size: 0;}
.bt b{display: block;font-size: 42px;color: #333333;line-height: 42px;height: 42px;position: relative;font-weight: bold;}
.bt i{display: block;font-size: 20px;color: #333333;line-height: 20px;margin-top: 15px;text-transform: uppercase;}

.abt{ padding: 4% 0;background-color: #fff }
.abt dt img{ display: block;width: 100%;height:auto;}
.abt dt{ width: 46%; }
.abt dd{ width: 50%; }
.abt dd p{ font-size: 16px;line-height:32px;color: #666666;margin-top: 35px; }
.abt dd .more{ display: block;width: 140px;/*height: 43px;*/
background: #e50112;font-size: 16px;line-height: 8px;text-transform: uppercase; color: #fff;text-align: center;margin-top: 54px;}
.abt dd .more img{ display: inline-block;margin-left: 10px;width: 22px;height: 5px;vertical-align: 4px; }
.abt li{ float: left;width:18%; margin:0 1%;margin-top: 40px;}
.abt li:nth-child(4n){ margin-right: 0; }
.abt li i{ display: block;width: 100%;height: 219px;overflow: hidden; }
.abt li img{ display: block;width:100%;height: 219px;}
.abt li span{ display: block;height: 55px;line-height: 55px;color: #333;font-size: 18px;text-align: center;border-bottom: 1px solid #bfbfbf; font-weight: bold;}

@media screen and (max-width:1440px){
.abt li i{ display: block;width: 100%;height:190px;overflow: hidden; }
.abt li img{ display: block;width:100%;height:190px;}
}
@media screen and (max-width:1200px){
.bt b { font-size: 36px; line-height: 36px;}
}
@media screen and (max-width:768px){
.abt dt { width: 100%;}	
.abt dd { width: 100%;overflow: hidden;}
.abt dd p { margin-top: 13px;}	
.bt {margin-top: 2%;}
.bt b { font-size: 30px; line-height: 30px;}	
.abt li i {height: 115px;}	
.abt li img {height: 115px;}
.abt dd .more { margin-top: 20px;}	
	
	
}

@media screen and (max-width:640px){
.bt b {font-size: 24px; line-height: 24px;}
.bt i { display: block; font-size: 18px; color: #333333;line-height: 20px;margin-top: 0px;text-transform: uppercase;}
.abt li { float: left;width: 48%;}
}
.more{ padding:25px 0;}
.more a{ width:150px; height:48px; color:#000; line-height:48px; text-align:center; border:1px solid #dbdbdb; background:none; margin:0 auto; }
.more a span{ height:48px; line-height:48px;}
.more a:hover{ background:#e50112; border-color:#e50112; color:#fff;}


@media screen and (max-width:1650px){
.wp{ width:98%;}

}

@media screen and (max-width:1279px){

.header .wp{ margin:0 30px; height:80px; min-width:1000px;}
.menu{ margin:0 215px 0 158px;}
.menu .h3 a{ height:80px; line-height:80px; margin:0 5px;}
.logo{ width:150px; margin-top:-26px;}
.logo img{ width:auto; height:60px;}
.iservice_1 .pd { margin-right: 1%;}
.iservice_1 .img .h3{ font-size:20px; line-height:27px; color:#888; margin-bottom:10px;}
.iservice_1 .img .p{ font-size:14px; color:#000000; line-height:32px;}	

}

@media screen and (max-width:1024px){
body{ padding:60px 0 50px 0;}
.header{ position:fixed; left:0px; top:0px !important; right:0px;}
.header .wp{ min-width:inherit; height:60px;}
.wp{ width:auto; margin:0 30px;}
.top_tel{ right:60px;}
.top_tel span{ font-size:24px;}

.logo{ margin-top:-29px;}
.logo img{ height:55px}
.caseTab{ margin-bottom:0px;}
.caseTabFr{ display:none;}
.menu-link{ display:block;}
.header{ height:60px; box-shadow:0 0 10px rgba(0,0,0,0.1)}
.menu{ padding:0px; margin:0px; display:none; position:fixed; left:100%; top:60px;right:0px; width:100%; background:#f2f2f2; display:block;}
.menu ul{ overflow:hidden; display:block;}
.menu .h3{ border-bottom:1px solid #fff; border-right:1px solid #fff;}
.menu .h3 i{ display:block; font-size:32px; line-height:32px; height:32px;}
.menu li{ width:100%; float:left; margin:0px; padding:0px; text-align:center;} 
.menu li:first-child{ width:100%;}
.menu .h3 a{ line-height:normal; height:auto; padding:20px 0;}
.menu li:hover .h3 a{ color:#323235;}
.menu .h3 i{ display:block; font-size:32px; line-height:32px; height:32px;display: none;}
.menu .h3 strong{ height:32px; line-height:32px; font-weight:normal;}
.menu li:hover .box{ display:none;}


.menu_bg{ display:block; background:#f2f2f2; position:fixed; left:100%; top:0px; right:0px; width:100%;  bottom:0px; z-index:11;}



}

@media screen and (max-width:1200px){
.wp,
.header .wp{ margin:0 25px;}
.menu-link{ right:17px;}
.top_tel{ display:none;}

.tit1 em{ font-size:14px;}
}

@media screen and (max-width:960px){
.top_tel span { font-size: 20px;line-height: 23px;}

}



@media screen and (max-width:480px){
.wp,
.header .wp{ margin:0 25px;}
.menu-link{ right:17px;}
.top_tel{ display:none;}

.tit1 em{ font-size:14px;}
	.menu .h3 a {
    line-height: normal;
    height: auto;
    padding: 10px 0;
}


}

@media screen and (max-width:374px){
body{ font-size:12px;}

.wp,
.header .wp{ margin:0 15px;}


}




.header:after{content:'\20'; position:absolute; top:100%; left:0px; right:0px; height:190px; background:rgba(0,0,0,1); display:none; border-top:1px solid rgba(255,255,255,0.5); box-sizing:border-box;}
.header_after:after{ display:block;}
.menu ul{ position:relative;}
.menu li{ position:static;}
.menu .box{ z-index:2; background:none; padding:25px 0;}
.menu .box a{ width:23%; float:left; background:#3d3d3d; margin:0 1% 15px 1%; height:60px; line-height:60px; position:relative;}
.menu .box a:after{ content:'>>';}
.menu .box a:before{ content:''; position:absolute; right:0px; top:0px; width:34px; height:28px; background:url(nav.png) no-repeat; display:none;}
.menu li:nth-child(4) .box a:nth-child(1):before,
.menu li:nth-child(4) .box a:nth-child(3):before,
.menu li:nth-child(4) .box a:nth-child(4):before,
.menu li:nth-child(4) .box a:nth-child(5):before{ display:block;}









.auto {width: 1400px; margin: 0 auto; position: relative;}


/* -- 新闻资讯 -- */
.news{/*height: 923px;*/background: #f5f5f5;    padding-top: 80px;}
.news h2{text-align: center;display: block;}
.news h2 em{display: block;font-size: 48px;font-weight: bold;color: #333333;line-height: 48px;}
.news h2 span{font-size: 20px;color: #333333;display: block;font-weight: normal;padding-top:15px;}

.news1{margin-top: 36px;height: 662px;}
.dt1{float: left;width: 74%;border: 1px solid #eaeaea;box-sizing: border-box;height: 753px;}

.dt1 .n1{margin:0 2%;padding-top: 42px;height:323px;width:96%;border-bottom: 1px solid #e3e3e3;box-sizing: border-box;}
.dt1 .n1 h3{height: 22px;line-height: 22px;background: url(n_b1.jpg) no-repeat left;padding-left: 19px;}
.dt1 .n1 h3 a{font-size:24px;color:#333333;display: block;font-weight:normal;}
.dt1 .n1 h3 a i{float:right;font-size:16px;color:#333333;display:block;font-weight:normal;line-height:16px;    padding-top: 3px;}
.dt1 .n1 ul{margin-top: 20px;}
.dt1 .n1 ul li{float: left;position: relative;height:260px;width:32.5%;margin-right:1%;}
.dt1 .n1 ul li i{height: 260px;width: 100%;display: block;overflow: hidden;}
.dt1 .n1 ul li i img{height:260px;width: 100%;display: block;}
.dt1 .n1 ul li h4{height: 40px;line-height: 40px;text-align: center;background: rgba(0,0,0,0.5);position: absolute;bottom: 0;width: 100%;}
.dt1 .n1 ul li h4 a{font-size: 15px;color: #ffffff;display: block;font-weight: normal;}
.dt1 .n1 ul li:last-of-type{margin-right: 0;float: right;}


.dt1 .n2{height: 312px;margin-top: 25px;margin-left: 40px;}
.dt1 .n2 h3{height: 22px;line-height: 22px;background: url(n_b1.jpg) no-repeat left;padding-left: 19px;width:96%;}
.dt1 .n2 h3 a i{float:right;font-size:16px;color:#333333;display:block;font-weight:normal;line-height:16px;    padding-top: 3px;}
.dt1 .n2 h3 a{font-size:24px;color:#333333;display: block;font-weight:normal;}
.dt1 .n2 dl{margin-top: 20px;height: 160px;}
.dt1 .n2 dl dt{float: left;width: 28%;height: 160px;display: block;overflow: hidden;}
.dt1 .n2 dl dt img{float: left;width: 100%;height: 160px;display: block;}
.dt1 .n2 dl dd{float: left;margin-left:2%;width:70%;}
.dt1 .n2 dl dd h4{font-size: 18px;color: #333333;display: block;font-weight: normal;line-height: 18px;padding-top: 25px;}
.dt1 .n2 dl dd p{font-size: 16px;color: #666666;display: block;font-weight: normal;line-height:23px;padding-top: 15px;width: 92%;}



.dt1 .x_con{height: 120px;margin-top: 29px;overflow:hidden;}

.dt1 .x_con ul li{float: left;margin-right:2%;width: 48%;}
.dt1 .x_con ul li b{float: left;width: 14%;height: 110px;line-height:90px;text-align: center;border: 3px solid #c9c9c9;box-sizing: border-box;font-size: 40px;font-weight: bold;color: #999999;position: relative;margin-right:2%;}
.dt1 .x_con ul li b::after{height: 2px;width: 36px;background: #999999;display: block;position: absolute;bottom: 30px;left:17px;content: "";}

.dt1 .x_con ul li .desc{float: left;margin-top: 5px;    width:82%;}

.dt1 .x_con ul li .desc h4{font-size: 18px;color: #333333;display: block;font-weight: normal;line-height: 18px;}
.dt1 .x_con ul li .desc p{width:100%;font-size: 16px;color: #666666;display: block;font-weight: normal;line-height:32px;padding-top:7px;}
.dt1 .x_con ul li .desc em{font-size: 14px;line-height: 14px;color: #1a1a1a;display: block;font-weight: normal;margin-top: 8px; margin-left: -6px;}

.dt1 .x_con ul li:last-of-type{margin-right: 0;}
/*.dt1 .x_con ul li:last-of-type .desc{width: 275px;}*/


.dt2{float:right;width:25%;/*height: 662px;*/background: #ffffff;}
.dt2 .n3{padding-top: 40px;}
.dt2 .n3 h3{margin:0 3%;height: 22px;line-height: 22px;background: url(n_b1.jpg) no-repeat left;width:94%;}
.dt2 .n3 h3 a i{float:right;font-size:16px;color:#333333;display:block;font-weight:normal;line-height:16px;    padding-top: 3px;}
.dt2 .n3 h3 a{font-size:24px;color:#333333;display: block;font-weight:normal;}

.n3_con{margin-top: 30px;width: 94%;margin: 3%;}
.n3_con ul li{float: left;margin-top: 3%;width: 100%;}
.n3_con ul li i{width:100%;height: 230px;display: block;overflow: hidden;}
.n3_con ul li i img{width:100%;height: 230px;display: block;overflow: hidden;}
.n3_con .desc1{height:92px;}
.n3_con .desc1 h4{width: 340px;font-size: 14px;color: #666666;display: block;font-weight:bold;line-height: 14px;padding-top: 12px;}
.n3_con .desc1 p{width:91%;font-size: 14px;color: #666666;display: block;font-weight: normal;line-height:23px;padding-top: 5px;}

@media screen and (max-width:1200px){
.news h2 em { font-size: 36px;line-height: 36px;}
}
@media screen and (max-width:960px){
.dt1 { width: 100%;}
.dt2 {width: 100%;}	
.n3_con ul li { margin-top: 3%; width: 48%;margin-right: 1%;}	
}
@media screen and (max-width:768px){
.dt1 .x_con ul li { width: 100%;}
.dt1 {height: 855px;}
.dt2 { height: 532px;}	
.dt1 .x_con { height: 240px; line-height: 130px;margin-top: 15px;}	
.dt1 .x_con ul li:last-of-type { margin-top: 2%;}
.n3_con .desc1 h4 { width: 100%;font-size: 16px; line-height: 32px;}
.n3_con .desc1 p { width: 100%; font-size: 16px;line-height: 32px;}
.news h2 em { font-size: 24px; line-height: 24px;}	
.news { padding-top: 35px;}	
	
	
}
@media screen and (max-width:640px){
.dt1 .n2 dl dd h4 {font-size: 16px;
}	
.dt1 .n1 ul li {  width: 100%; margin-bottom: 2%;}
.dt1 .n2 dl { margin-top: 20px; height: 145px;}
.dt1 {height: 1340px;}
.dt1 .n2 { height: 312px; margin-top:545px;margin-left: 0px;}	
.dt1 .n2 h3 { padding-left: 0px;}
.dt2 { height: 778px; margin-top: 6%;}
.n3_con ul li {width: 100%;}
.n3_con .desc1 { height: 107px;}
.dt1 .n2 dl dt img { height: 130px;}
.dt1 .x_con ul li .desc h4 { font-size: 16px;}
	.news h2 span { font-size: 16px;}
.dt1 .n1 { padding-top: 16px;}
.dt1 .n1 h3 a {font-size: 20px;}
.dt1 .n1 h3 a i { font-size: 14px;}
.dt1 .n2 h3 a {font-size: 20px;}
.dt1 .n2 h3 a i {font-size: 14px;}	
.dt1 .x_con { height: 281px;}
.dt2 .n3 h3 a {font-size: 20px;}
}
/*底部通用*/


    .content{width:85%;margin:0 auto;}
    .footer{height:457px;background-color: #232325;overflow: hidden;margin-top: 2%;}
    .f_nav{height: 98px;}
    .f_nav li{float: left;height: 75px;line-height: 75px;padding-top: 22px;width: 11%;border-bottom: 1px solid #49413f;}
    .f_nav li a{font-size:16px;display:block;color: #ffffff;padding: 0 18px;z-index:1;font-weight:normal;}
    .f_nav li:last-child a{padding-right: 0;}
    .f_nav li:first-child a{padding-left:4px;}



    .f_con{height:284px;}
    .f_logo{ width:27%; float: left;margin-top:54px;position: relative;margin-left: 5px;}
    .f_logo .logos img{display: block; width:116px; height:84px;margin-bottom: 20px;}
    .f_logo p{font-size: 16px;color: #ffffff;line-height: 32px;}
    .f_logo p a{font-size:16px;color:#ffffff;display: block;font-weight:normal;}
    .f_logo p em{font-size:16px;color:#ffffff;display:inline-block;font-weight:normal;margin-left: 20px;}
    .f_logo p i{font-size:16px;color:#ffffff;display: inline-block;font-weight:normal;}
    .f_logo p i a{font-size:16px;color:#ffffff;display: inline-block;font-weight:normal;margin-left: 0;}
    .f_logo p a{font-size:16px;color:#ffffff;display: inline-block;font-weight:normal;/*margin-left: 34px;*/}

    .gsx{float: left;width:44%;margin-top:20px;}
    .gsx p{width:33%;float: left;padding-top:15px;}	
    .gsx p img{width: 37px;height: 37px;float: left;margin-right:7px;}
    .gsx p b{font-size:26px;line-height:37px;color: #ffffff;font-weight: bold;display: block;float: left;font-family: "Arial";}


    .gsx p span{display: block;font-size: 14px;color: #ffffff;line-height: 14px;padding-bottom:4px;font-weight:normal;}
    .gsx p em{font-size: 14px;line-height: 14px;color: #ffffff;font-weight:normal;}
    .gsx p i{font-size: 14px;color: #ffffff;line-height: 14px;font-weight: normal;}
    .gsx p strong{font-size: 18px;color: #ffffff;line-height: 18px;font-weight:bold;}
    .gsx p:last-of-type{width: 500px;}
    .gsx p:first-of-type{width: 500px;}
 

    .sao{float: right;margin-top:54px;height: 168px;width:20%;border: 1px solid #49413f;box-sizing: border-box;padding-top: 19px;padding-left: 29px;}
    .sao p{height: 147px;position: relative;overflow: hidden;float: left;margin-right:16px;width: 108px;}
    .sao p i{display: block;height: 95px;width:95px;background: #ffffff;padding: 8px 7px 7px 7px;}
    .sao p img{display: block;width: 95px;height:95px;}
    .sao p span{display: block;font-size: 14px;color: #ffffff;line-height:14px;text-align: center;padding-top:10px;}
    .sao p:after{display:block;position:absolute;left:0px;top:0;width:100%;height:35px;content:"";animation:light 5s infinite;-webkit-animation:light 5s infinite;}
	.sao .item-1:after{background:url(images/code_shadow1.png) no-repeat 0 0;}
				@keyframes light{
					0%{top:0;}
					50%{top:100%;}
					100%{top:-40px;}
                }
  .sao p:last-child{margin-right: 0;}

    
  .links{height:75px;line-height:75px;overflow: hidden;width: 100%; background-color:#e50112; padding: 0 7%;}
    .links h3{font-size: 14px;color: #ffffff;margin-right:18px;font-weight:normal;float: left;}
    .links a{font-size: 14px;color: #ffffff;margin-right:20px;font-weight:normal;float: left;}
    .links i a{float: right;margin-top: 26px;height: 25px;width: 25px;display: block;background:#ffffff;text-align:center;line-height:25px;color: #333;}


@media screen and (max-width:1440px){
	.f_logo { width: 32%;}
	.gsx { width: 44%;margin-top: 0px;}
	.gsx p { padding-top: 15px;}
	.sao { width: 23%;}
	
}

@media screen and (max-width:1200px){
.gsx { width: 57%; margin-top: 0px;}
.sao {width: 100%;}	
.f_logo { margin-top: 19px; margin-left: 5px;}
.sao {float: right;margin-top: 5px;}	
}



@media screen and (max-width:768px){
.f_nav { display: none!important;}
.gsx {width: 100%; margin-top: 0px;}
.f_logo { width: 100%;}
	}

@media screen and (max-width:640px){
.gsx p { width: 100%; float: left; padding-top: 15px;}
.gsx {display: none;}	
.footer {height: auto;}
	}




/*一键拨号*/
@media(min-width:1000px){

.footbox{display:none;}
.gao{display:none;}
	}
.gao{height:1rem;}

.footbox{height:4rem;background: rgba(0, 0, 0, 0.81);bottom: 0;z-index: 99;left: 0; width: 100%; position: fixed; z-index: 1000;}
.flexbox{/*text-align: center;*/ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;}
.footbox ul li{-webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1;flex: 1; text-align:center;}
.footbox ul li a{ display:block;color:#fff;font-size:1rem;}
.footbox ul li a img{ display:block; width:2rem; height:2rem; margin:0.3rem auto}