@charset "utf-8";
html,body{height:100%;}


body{padding:0px; margin:0px auto; font-size:16px; line-height:30px; color:#000000; width:100%; min-width:1200px; zoom:1;font-family: "HanSans","Arial","Microsoft YaHei","宋体",sans-serif; background: #fff;}
ul,li,form, dl,dt,dd,div,ul,li,p,em,i,address{ font-style:normal; list-style:none; padding: 0px; margin: 0px;}
h1,h2,h3,h4,h5,h6{ padding:0px; margin:0px;}
select,input,textarea,button{ font-size:16px; border-radius:0; -webkit-border-radius:0; color:#545454; font-family: "HanSans","Arial","Microsoft YaHei","宋体",sans-serif;}
input:focus { outline: none;}
input,button,select,textarea{ border:0px;outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/}
button{ cursor:pointer;}
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/}
textarea,input,select { background:none; border:none; margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,figure,fxigcaption,address{ display: block;} /*html5设置*/
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
img{ max-width:100%; border:none; border:0;  vertical-align:top;}
a{ color:#000; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);transition: all ease 0.3s;}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none; color:#d02826;}
/**:hover{transition: all ease 0.3s;}*/
.fl{ float:left;}.fr{ float:right;}.tr{ text-align:right;}.tc{ text-align:center;}
.hide{ display:none;}
.clear{ clear:both;}
.clearfix{overflow:hidden;_zoom:1;}
.clearfix:after{ content: ''; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix{*zoom:1;}
:-moz-placeholder {color: #808080;}
::-moz-placeholder {color: #808080;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color: #808080;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color: #808080;}
::-webkit-scrollbar{
            width: 3px;-webkit-overflow-scrolling : touch;
            background-color: #e6e6e6;}
::-webkit-scrollbar-track{
            background-color: #e6e6e6;}
::-webkit-scrollbar-thumb{
            border-radius: 10px;
            background-color: #333;}
::-webkit-scrollbar-button{
            height: 0px;
            background-color: #B0AEDA;}
			
select {
	/*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
	/*很关键：将默认的select选择框样式清除*/
	appearance: none; color:#666666;
	-moz-appearance: none;
	-webkit-appearance: none;
	/*在选择框的最右侧中间显示小箭头图片*/
	background: url(../images/ico/selectarr.png) no-repeat scroll 94% center transparent;
	/*为下拉小箭头留出一点位置，避免被文字覆盖*/
	padding-right: 14px; text-indent:0.5em;
}
		

.relative{ position:relative;}
.bodyon{ overflow:hidden;}
.Contain{ position:relative; clear:both; max-width:1380px; margin:0px auto;}
.block{ display:block;}

@media ( max-width:1440px){
.Contain{ max-width:90% !important; margin:0px auto;}
}

@media ( max-width:1024px){
.Contain{ max-width:auto !important; margin:0 14px;min-width:300px;}
body{ font-size:14px;line-height:22px;min-width:300px;}	
select,input,textarea,button{ font-size:14px;}
}

/*font*/
.f_red{ color:#ff0000;}
.tit{ display:block;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:100%;}
.p{overflow: hidden;word-break:normal;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;}

/*effict*/
.Scale-img {overflow: hidden;cursor: pointer; zoom:1; overflow: hidden;}
.Scale-img img,.Scale-img span {opacity: 1;-webkit-transition: opacity 0.6s, -webkit-transform 0.6s;transition: opacity 0.6s, transform 0.6s;}
.Scale-img:hover img,.Scale-img:hover span {opacity: 1;-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1); top:0px; left:0px;}
.effict{transition: all ease 0.3s;}
.imgbox{ overflow:hidden; position:relative;}
.imgbox span{ background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0px; top:0px; width:100%; height:100%;}


/*pages*/
.Pages{ zoom:1; overflow:hidden;text-align:center; color:#a3a3a3; clear:both; line-height:36px;}
.Pages span{ padding:0px 0px; display:inline-block; vertical-align:middle;}
.Pages .input{margin:0 6px; vertical-align:middle; width:21px; height:22px; line-height:22px; text-align:center; border:1px solid #e2e2e2; border-radius:4px;}
.Pages .btnok{  vertical-align:middle; width:32px; height:21px; cursor:pointer; color:#a3a3a3;}
.Pages .p_page a{ display:inline-block; vertical-align:middle;}
.Pages .p_page .a_prev{ background:url(../images/ico/pageleft.gif); width:18px; height:23px;}
.Pages .p_page .a_next{background:url(../images/ico/pageright.gif); width:18px; height:23px;}
.Pages .p_page .num{ padding:0 13px; vertical-align:middle;}
.showMorehandle{ text-align:center; margin:0px auto; width:150px; line-height:48px; color:#fff; font-size:18px; background:#d02826; clear:both;}
/*pages end*/


/*Top*/
.Header{ padding-top:20px; height:87px;}
.Header .Logo{ float:left;}
.Header .Search{float:right; width:180px; border-bottom:1px solid #d9d9d9;}
.Header .Searchico{ cursor:pointer; text-align:center; color:#fff; display:inline-block;*display:inline;zoom:1; vertical-align:middle; width:37px; height:37px;line-height:37px; border-radius:50%; background:#f7a12a; position:relative; margin-left:20px; display:none;}
.Header .searchbox{ margin:31px 0 0 37px;width:95px; background:#e9e9e9; position:relative; line-height:24px;display:; float:left;}
.Header .searchbox .input{width:100%; height:24px; line-height:20px; text-indent:1em;}
.Header .searchbox .input::-webkit-input-placeholder {color: #919191; font-size:12px;}
.Header .searchbox .btn { position:absolute; right:10px; top:4px; height:15px; width:15px; background:url(../images/searchico.png);}
.Header .tel { float:right; margin-top:32px; line-height:24px; background:url(../images/ico/tel.png) 0px center no-repeat; padding-left:23px; color:#000000; font-size:20px;}

.MainNav{ padding:19px 0 0 25px; float:left;}
.MainNav li{ float:left; margin-left:42px;position:relative; z-index:999;}
.MainNav li span a{ z-index:2; position:relative;display:block; color:#000000; height:68px; line-height:47px; font-size:20px;transition: all ease 0.3s;}
.MainNav li span a img{ display:inline-block; vertical-align:middle; margin-right:8px;}
.MainNav .bg{ position:absolute; left:50%; bottom:21px; height:3px; background:#d02426; width:0%; z-index:0;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.MainNav .arr{ display:none;}
.MainNav li:hover span a,.MainNav li.onnav span a,.MainNav li span a.sele{ color:#d02426;}
.MainNav li:hover span .bg,.MainNav li.onnav span .bg,.MainNav li span a.sele .bg{ width:100%; left:0;}

.NavPull{display:none; position:absolute; top:47px; padding-top:21px; text-align:center; left:-34px;width:150px;}
.NavPull dl{ background:#fff; box-shadow:0 3px 5px #ddd;}
.NavPull.null{background:none; padding:0; box-shadow: 0 0px 0px none;}
.NavPull dd { position:relative;}
.NavPull a{ display:block; color:#333; padding:8px 0;}
.NavPull a:hover{ background:#d02426; color:#fff;}

.mstbg{ position:fixed; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.4); z-index:886; display:none;}
.openbtn{ cursor:pointer; display:none;width:26px; position:absolute; right:12px; top:15px; z-index:999;}
.closebtn{ position:fixed; left:0px; top:46px; width:100%; height:100%; z-index:887; display:none; background:#fff;}
.openbtn span{ display:block; height:3px; background:#1b1b1b; margin:4px 0px;transition: all ease 0.3s;}
.openbtn.on .sp1 {
	-webkit-transform: translate(0, 3px) rotate(45deg) !important;
	-moz-transform: translate(0, 3px) rotate(45deg) !important;
	-ms-transform: translate(0, 3px) rotate(45deg) !important;
	-o-transform: translate(0, 3px) rotate(45deg) !important;
	transform: translate(0, 3px) rotate(45deg) !important;}
.openbtn.on .sp2 {
	-webkit-transform: translate(0, -3px) rotate(-45deg) !important;
	-moz-transform: translate(0, -3px) rotate(-45deg) !important;
	-ms-transform: translate(0, -3px) rotate(-45deg) !important;
	-o-transform: translate(0, -3px) rotate(-45deg) !important;
	transform: translate(0, -3px) rotate(-45deg) !important;}	
.openbtn.on .sp3 { display:none;}

@media ( max-width:1440px){
.MainNav{ padding-left:15px;}
.MainNav li{margin-left:36px;}
.Header .searchbox{ margin-left:25px;}
}
@media ( max-width:1400px){
.MainNav li{margin-left:30px;}
}
@media ( max-width:1366px){
.MainNav li{margin-left:26px;}
}
@media ( max-width:1365px){
.MainNav li{margin-left:20px;}
}
@media ( max-width:1280px){
.MainNav li{margin-left:12px;}
}
@media ( max-width:1278px){
.Header .tel { padding-left:15px; font-size:18px;}
}@media ( max-width:1024px){
.Header{height:46px; padding:0;}
.Header .Logo{ padding-top:5px;}
.Header .Logo img{ height:30px;}
.Header .tel{ margin:15px 40px 0 0;}
.Header .searchbox{ display:none;}
.Header .openbtn{ display:block;}

.MainNav{ position:fixed; height:auto; max-height:100%; overflow-y:auto; z-index:999; width:100%; padding:0; left:0;background: #fff;top:46px; display:none;}
.MainNav ul{ margin-top:0px;}
.MainNav li{ display:block; position:relative; cursor:pointer; float:none; border-bottom:1px solid #f3f3f3; width:auto; margin:0 10px;}
.MainNav li span a{ font-size:18px; text-align:left; height:auto; display:block; line-height:45px; height:45px; padding-left:15px; color:#999999 !important; border:0;}
.MainNav .bg{ display:none}
.MainNav li:hover span .line,.MainNav li.onnav span .line,.MainNav li span a.sele .line{ width:100%; margin:0; left:0px; bottom:-1px;}
.MainNav .arr{ display:inline-block; position:absolute; z-index:2; width:100%; height:46px; left:0px; top:0px;}
.MainNav .arr img{ position:absolute; width:17px; height:auto; background:none; right:20px; top:16px;transition: all ease 0.3s;}
.MainNav li.onnav .arr img{dis-moz-transform: translate(0, -3px) rotate(-180deg) !important;
	-ms-transform: translate(0, -3px) rotate(-180deg) !important;
	-o-transform: translate(0, -3px) rotate(-180deg) !important;
	transform: translate(0, -3px) rotate(-180deg) !important;}

.NavPull { display:none; position:static; background:none; text-align:left; width:100% !important; border-radius:0; padding-top:0;}
.NavPull dl{box-shadow:0 0px 0px #fff; margin-left:37px;}
.NavPull dd a{ display:block;padding:7px 0px 7px 0px; color:#999999; font-size:16px; border-bottom:1px solid #f3f3f3;}
.NavPull dd a:hover{ color:#cc0000; background:none;}
.NavPull dd:last-child a{ border-bottom:0;}
.showMorehandle{width:110px; line-height:40px; font-size:16px;}
}
/*Top*/


/*Bottom*/
.Footer{ padding:4.5% 0 2.8%; background:#d02826 url(../images/bottombg.png) right bottom no-repeat; background-size:contain; text-align:center; color:#fff;}
.Footer .auto{ max-width:828px; margin:0px auto; padding:0 15px;}
.Footer .logo{ padding-bottom:55px; width:30%; margin:0px auto;}
.Footer .nav{ line-height:47px; font-size:20px;}
.Footer .nav i{ display:inline-block; vertical-align:middle; height:20px; width:40px; background:url(../images/lineb.gif) center center no-repeat;}
.Footer .nav i:last-child{ display:none;}
.Footer .tip{ opacity:0.59;}
.Footer a{ color:#fff;}.Footer a:hover{ color:#ffcc00;}
.Footer .share{ margin:37px 0 28px;}
.Footer .share a{ border:1px solid #fff; position:relative; border-radius:50%; display:inline-block; width:44px; height:44px; vertical-align:middle; margin:0 21px;}
.Footer .share a.wx{ background:url(../images/ico/ico_wx.png) center center no-repeat;}
.Footer .share a.wb{ background:url(../images/ico/ico_wb.png) center center no-repeat;}
.Footer .share a.link{ background:url(../images/ico/ico_link.png) center center no-repeat;}
.Footer .share a:hover{ border:1px solid #890200; background-color:#890200;}
.Footer .share .img{transition: all ease 0.3s; max-width:none; width:0; height:0; opacity:0; border:5px solid #fff; position:absolute; bottom:44px; left:0px;}
.Footer .share a:hover .img{width:115px; height:115px; left:-45px; opacity:1;}

.Footer .nav2{ font-size:15px;}
.Footer .nav2 i{ display:inline-block; vertical-align:middle; height:20px; width:29px; background:url(../images/lineb.gif) center center no-repeat;}
.Footer .copyright{ border-top:1px solid #dd6261; padding-top:32px; margin-top:22px;}

.totop{text-align: center; cursor: pointer;overflow: hidden;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s; position:fixed; right:0; bottom:10px; z-index:99; width:40px; height:40px; background:#999 url(../images/ico/top.png) center center no-repeat; border-radius:10px;}
.totop.cd-is-visible {visibility: visible;opacity: 1; cursor:pointer;}

@media ( max-width:1024px){
.Footer .nav{ line-height:30px; font-size:16px; padding-bottom:6px;}
.Footer .nav i{width:20px;}
.Footer .logo{ padding-bottom:20px;}
.Footer .share{ margin:20px 0 20px;}
.Footer .share a{ width:35px; height:35px; margin:0 15px;}
.Footer .copyright{padding-top:15px; margin-top:15px;}
.totop.cd-is-visible { width:30px; line-height:30px;height:30px;}
}

/*Bottom*/

/*首页 s*/
.activehover{-webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.5);
	box-shadow: 0 15px 30px rgba(0,0,0,0.1);
	-webkit-transform: translate3d(0, -3px, 0);
	transform: translate3d(0, -3px, 0);}
	
.HomeBan {overflow:hidden; clear:both; position:relative;background:url(../images/loading.gif) center center no-repeat;}
.HomeBan .slides li{ position:relative;}
.HomeBan .flex-control-nav{bottom:15px; z-index:10;}
.HomeBan .flex-control-nav li{ margin:0 7px 0 6px; vertical-align:middle;}
.HomeBan .flex-control-nav li a{ opacity:1; width:12px; height:12px; background:#fff; border-radius:50%;}
.HomeBan .flex-control-nav li a.flex-active{opacity:1; background:#d02426; width:15px; height:15px;}
.HomeBan .flex-direction-nav a { opacity: 0; border:2px solid #fff; color:#fff;}
.HomeBan .flex-direction-nav .flex-prev {left:-50px;}
.HomeBan .flex-direction-nav .flex-next {right:-50px;}
.HomeBan:hover .flex-direction-nav .flex-prev { opacity:1; left:1%;}
.HomeBan:hover .flex-direction-nav .flex-next { opacity:1; right:1%;}
.HomeBan .sj{ display:none;}

@media ( max-width:1024px){
.HomeBan .flex-control-nav{bottom:10px; z-index:10;}
.HomeBan .flex-direction-nav{ display:none;}
}
@media ( max-width:768px){
.HomeBan .pc{ display:none;}.HomeBan .sj{ display:block;}
.HomeBan .flex-control-nav li a{width:8px; height:8px;}
.HomeBan .flex-control-nav li a.flex-active{width:12px; height:12px;}
}

.HomeTit{ color:#000000; line-height:48px; text-align:center; padding-bottom:4%;}
.HomeTit p{ font-size:28px; padding-bottom:13px;}
.HomeTit p.en{ font-size:24px; text-transform:uppercase;}
.HomeTit h2{ font-size:40px; line-height:48px; padding:0px 0 20px; font-weight:normal;}
.HomeTit .line{ width:26px; height:14px; border-bottom:2px solid #d02426; margin:0px auto;}

.HomePro{ padding-top:6.5%; padding-bottom:3%;}
.HomePro.Contain{ max-width:1536px;}
.HomePro ul{ margin-left:-2.5%;}
.HomePro li{ position:relative; width:30.833%; float:left; margin:0 0 2.5% 2.5%;transition: all ease 0.3s;}
.HomePro .imgbox{ padding-top:96%;}
.HomePro .info{ padding:10% 10%; position:absolute;color:#fff; font-size:22px; line-height:25px; left:0; bottom:0; width:80%; z-index:2;}
.HomePro .info i{ display:block; line-height:33px; font-size:26px;}
.HomePro li.li1,.HomePro li.li2{ width:47.5%;}
.HomePro li.li1 .info,.HomePro li.li2 .info{ padding:6%;}
.HomePro li.li1 .imgbox,.HomePro li.li2 .imgbox{ padding-top:65%;}

.HomeNum{ height:286px; background: url(../images/numbg.jpg) center center no-repeat; background-size:cover; margin-bottom:1px; text-align:center; font-size:22px;}
.HomeNum li{ display:inline-block;*display:inline;zoom:1; width:20%; padding-top:79px; color:#fff;}
.HomeNum li span{ display:block; line-height:69px; font-size:48px;}
.HomeNum li span i{ display:inline-block; font-size:14px; margin-left:8px; vertical-align:top; line-height:48px;}

.HomeAbout{ overflow:hidden; background:#eeeeee; padding:51px 0;}
.HomeAbout .Contain{ max-width:1536px;}
.HomeAbout .info{ width:40%; float:left;}
.HomeAbout .img{ width:52%; float:right;}
.HomeAbout .HomeTit{ text-align:left; padding:30px 0 25%;}
.HomeAbout .HomeTit .line{ margin:0;}
.HomeAbout .HomeTit p{ padding-bottom:8px;}
.HomeAbout .txt{ color:#000000; font-size:14px;}

.HomeBrand{ padding-top:6.5%; padding-bottom:4%;}
.HomeBrand .Contain{ max-width:1075px; margin:0px auto;}
.HomeBrand ul{overflow:hidden;}
.HomeBrand li{ width:33.333%; float:left; text-align:center;}
.HomeBrand li .imgbox{display:block; margin:-1px 0 0 -1px; border-top:1px solid #e4e4e4; border-left:1px solid #e4e4e4; height:166px;}
.HomeBrand li .imgbox img{ max-height:166px; display:block; margin:0px auto;}
.HomeBrand li a{ height:166px;display: flex;align-items: center;justify-content: center;}
.HomeBrand.ner { padding-top:0; padding-bottom:6.5%; text-align:center;}
.HomeBrand.ner li{ width:27%; display:inline-block;*display:inline;zoom:1; float:none;}
.HomeBrand.ner:last-child { padding-bottom:1%;}
.HomeBrand.ner li:nth-child(1) .imgbox{ border-left:0;}
@media ( max-width:1600px){
.HomePro.Contain,.HomeAbout .Contain{ max-width:90%;}
}
@media ( max-width:1024px){
.HomeTit{ color:#000000; line-height:24px;}
.HomeTit p{ font-size:16px; padding-bottom:8px;}
.HomeTit p.en{ font-size:14px;}
.HomeTit h2{ font-size:20px; line-height:24px; padding:0px 0 0px;}
.HomePro .info{ font-size:18px;}
.HomePro .info i{ line-height:28px; font-size:16px;}
.HomeNum{ height:auto; padding-bottom:5%;}
.HomeNum li{ width:25%; float:left; padding-top:24px;}
.HomePro.Contain,.HomeAbout .Contain{ max-width:100%;}
}
@media ( max-width:768px){
.HomePro li{ width:47.5% !important;}
.HomePro .imgbox{ padding-top:68% !important;}
.HomePro .info{ font-size:16px;}
.HomePro .info i{ line-height:14px; font-size:12px;}
.HomeNum { font-size:16px;}
.HomeNum li span{line-height:35px; font-size:24px;}
.HomeNum li span i{ font-size:9px;line-height:24px;}
.HomeBrand li .imgbox,.HomeBrand li a{height:100px;}
.HomeBrand li .imgbox img{ max-height:100px;}
.HomeBrand.ner li{ width:30%;}
}
@media ( max-width:560px){
.HomeNum { font-size:14px;}
.HomeNum li span{line-height:35px; font-size:16px;}
.HomeNum li span i{ font-size:9px;line-height:24px;}
.HomeAbout{  padding:30px 0;}
.HomeAbout .info{ width:auto; float:none;}
.HomeAbout .img{ width:auto; float:none; padding-top:20px;}
.HomeAbout .HomeTit{padding:0px 0 20px;}
}

/*首页 end*/


/*栏目页公用样式 s*/
.SubPage{ height:auto !important; min-height:255px; height:255px; padding-bottom:6%;}
.SubBan{ background-position:center center; background-repeat:no-repeat; background-size:cover; margin-bottom:38px;}
.SubBan img{ width:100%;}
.SubBan .sj{ display:none;}
.Position{ line-height:78px; color:#8b8e92;}
.Position a{color:#8b8e92;}.Position a:hover,.Position span{color:#d02426;}
.Position i{ display:inline-block; margin-right:32px;}
.Menuleft{ position:absolute; left:0; top:78px; width:134px;}
.Menuleft ul{ display:inline-block;*display:inline;zoom:1;}
.Menuleft li a{ text-align:center; display:block;line-height:45px; border-bottom:1px solid #aaaaaa; color:#8b8e92; font-size:20px;}
.Menuleft li a:hover,.Menuleft li a.on{ color:#d02426;}

.SubTit{ clear:both; text-align:center; padding-bottom:5%;}
.SubTit h2{ font-weight:normal; color:#000000; font-size:40px; line-height:49px;}
.SubTit h2 i{ display:block; margin:0px auto; width:26px; height:17px; border-bottom:2px solid #d02426;}

.SinglePage{word-wrap:break-word;word-break:normal;text-align:justify; font-size:18px;}

@media ( max-width:1024px){
.SubBan{margin:0px;}
.SubBan .pc{ display:none;}.SubBan .sj{ display:block;}
.Position{ line-height:47px;}.Position i{margin-right:13px;}
.Menuleft{ position:static; text-align:center; width:auto !important;}
.Menuleft ul{ display:block;}
.Menuleft li{ display:inline-block;*display:inline;zoom:1; margin:0 2%;}
.SinglePage{font-size:16px;}
}
@media ( max-width:768px){
.Menuleft li a{font-size:16px;}
.SubTit h2{font-size:20px; line-height:24px;}
.SubTit h2 i{height:10px;}
}
/*栏目页公用样式 end*/


/*企业介绍 s*/
.AboutInfo{ padding:5% 134px 6.5% 134px; font-size:18px; color:#000000;}

.scrollimg{ margin-bottom:6%;}
#bigimg { margin-bottom:7px;}
#bigimg .slides li{ position:relative;}
#bigimg .tit{ z-index:2; background:rgba(61,56,172,0.9); position:absolute; right:0; bottom:0; width:300px; padding:0 10px; height:100px; color:#fff; font-size:18px; display:table; text-align:center;}
#bigimg .tit span{ display:table-cell; vertical-align:middle;}
#bigimg .imgbox{ padding-top:55%;}

#smallimg { overflow:hidden;}
#smallimg .flex-viewport{ margin-left:-7px;}
#smallimg .slides li{ position:relative; cursor:pointer;}
#smallimg .imgbox{ margin-left:7px; padding-top:64%;}
#smallimg .bg{ z-index:2; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.4); position:absolute;}
#smallimg li.flex-active-slide .bg{ display:none;}
#smallimg .flex-direction-nav a { opacity:0.8;width:23px; height:45px; text-indent:999em;}
#smallimg .flex-direction-nav a:hover {opacity:1;}
#smallimg .flex-direction-nav .flex-prev {left:20px; background:url(../images/ico/arrleft.png); background-size:contain;}
#smallimg .flex-direction-nav .flex-next {right:20px; background:url(../images/ico/arrright.png); background-size:contain;}

.History{ background:#f2f2f2; padding:2% 0;}
.History .content{ max-width:1018px; margin:0px auto;}
.History .content ul{ position:relative;padding-left:400px; background:url(../images/line.gif) 361px top repeat-y;}
.History .content li{ position:relative; height:192px; color:#000000; font-size:18px; line-height:24px;}
.History .content .imgbox{ position:absolute; width:198px; left:-272px;}
.History .content .imgbox img{/* filter:Gray; -webkit-filter: grayscale(100%);*/ }
.History .content .year{ line-height:62px;font-family: 'square'; color:#acacac; font-size:36px;}
.History .content .dot{ position:absolute; background:url(../images/dot.png); width:20px; height:20px; left:-48px; top:22px;}
.History .content li:hover .dot{ background:url(../images/dot2.png);}
.History .content li:hover .year{ color:#d02426;}
.History .content li:hover .imgbox img{ /*filter:Gray; -webkit-filter: grayscale(0);*/ }
.History .content .blank{ position:absolute; background:#f2f2f2; width:20px; height:22px; left:350px; top:0px;}

.Partner{ padding:6% 0 6%;}
.Partner ul{ overflow:hidden;}
.Partner li{ width:25%; float:left; text-align:center;}
.Partner li .imgbox{display: flex;align-items: center;justify-content: center; height:139px; border-right:1px solid #eeeeee;}
.Partner li .imgbox img{ display:block; margin:0px auto; max-height:139px;}
.Partner li .info{ font-size:18px;border-top:1px solid #eeeeee;border-right:1px solid #eeeeee; line-height:25px; padding:43px 8px 0;}
.Partner li .info b{ display:block;}
.Partner li:last-child .imgbox,.Partner li:last-child .info{ border-right:0;}

@media ( max-width:1024px){
.AboutInfo{ padding:5% 0 6.5% 0; font-size:16px;}
#smallimg .flex-direction-nav a {width:16px; height:31px; margin-top:-14px;}
#smallimg .flex-direction-nav .flex-prev {left:5px;}
#smallimg .flex-direction-nav .flex-next {right:5px;}
}
@media ( max-width:768px){
.History .content ul{padding-left:140px; background-position:111px top;}
.History .content .imgbox{ width:100px; left:-158px;}
.History .content .year{ line-height:40px;font-size:24px;}
.History .content .dot{top:11px; left:-39px;}
.History .content li{font-size:16px; height:auto; padding-bottom:30px;}
.Partner li{ width:50%;}
.Partner li .info{padding:0px 8px 25px; border-top:0; font-size:16px;}
.Partner li .imgbox{border-top:1px solid #eeeeee; margin-top:-1px;}
.Partner li:nth-child(2n+2) .imgbox,.Partner li:nth-child(2n+2) .info{ border-right:0;}
.Partner li:nth-child(2n+1){ clear:both;}
}

/*企业定位 s*/
.SubTit2{ line-height:41px; padding-bottom:70px; color:#000;}
.SubTit2 .en{ font-size:24px; text-transform:uppercase;}
.SubTit2 h2{font-size:40px; font-weight:normal;}
.SubTit2 h2 i{ display:block; width:26px; height:18px; border-bottom:2px solid #d02426;}
.SubTit2.tc { text-align:center;}
.SubTit2.tc h2 i{ margin:0px auto;}

.SubContent{ padding:10px 0 8% 134px; height:auto !important; height:250px; min-height:250px;}

.Qytxt{ margin-bottom:8px; position:relative;}
.Qytxt .img{ float:left;}.Qytxt .img img{ width:100%;}
.Qytxt .info{ position:absolute; height:100%; font-size:18px; background:#eeeeee; top:0;}
.Qytxt .box{ padding:60px 50px 0;}
.Qytxt.q1 .img{ width:78%; float:right;}
.Qytxt.q1 .img span{ display:block; margin-left:7px;}
.Qytxt.q1 .info{ left:0; width:22%;}
.Qytxt.q1 .info .p2{ display:block;}

.Qytxt.q2 .img{ width:61%; float:left;}
.Qytxt.q2 .img span{ display:block; margin-right:7px;}
.Qytxt.q2 .info{ right:0; width:39%;}

.Qytxt.q3 .img{ width:72%; float:right;}
.Qytxt.q3 .img span{ display:block; margin-left:7px;}
.Qytxt.q3 .info{ left:0; width:28%;}


/*企业愿景 s*/
.Visioning{ margin:0 0 0 -1.5%;}
.Visioning li{ box-shadow:0 0 15px #f1f0f0; line-height:36px; width:27.333333%; float:left; margin:0 0 0 1.5%; text-align:center; font-size:20px; padding:6% 2% 0; height:512px;}
.Visioning li .ico{ width:40%; margin:0px auto 16%;}
.Visioning .SubTit2{ text-align:center; padding-bottom:38px;}
.Visioning .SubTit2 h2 i{ margin:0px auto;}
.Visioning .dis{ display:block;}

/*荣誉资质 s*/
.Ryimg{ margin-bottom:5%;}
.RyList{ margin:0 0 0 -2%;}
.RyList li{ text-align:center; width:31.3333%; float:left; padding:0 0 4% 2%;}
.RyList .imgbox{ background:#eeeeee;display: flex;align-items: center;justify-content: center; height:262px; margin-bottom:35px;}
.RyList .imgbox img{max-height:262px; display:block; margin:0px auto;}
.RyList .ti{ height:84px; line-height:28px; overflow:hidden; padding:0 20px; font-size:18px;}

@media ( max-width:1440px){
.SubTit2{ line-height:30px; padding-bottom:50px;}
.SubTit2 .en{ font-size:18px;}
.SubTit2 h2{font-size:28px;}

.Qytxt .box{ padding:40px 20px 0;}
.Qytxt .info{font-size:16px;}

.Visioning li{font-size:17px; line-height:28px;}
}
@media ( max-width:1024px){
.SubContent{ padding:25px 0 8% 0 !important;}
.RyList .imgbox{margin-bottom:20px;}
.RyList .ti{ height:60px; line-height:20px;font-size:16px;}
.Visioning li{font-size:16px;}
}
@media ( max-width:768px){
.SubTit2{ text-align:center; line-height:24px; padding-bottom:20px;}
.SubTit2 .en{ font-size:14px;}
.SubTit2 h2{font-size:20px; }
.SubTit2 h2 i{ margin:0px auto;}

.Qytxt .box{ padding:25px 0 0;}
.Qytxt{ margin-bottom:13px;}
.Qytxt .img{ float:auto !important; text-align:center;  width:auto !important;}
.Qytxt .img span{ margin:0 !important;}
.Qytxt .info{ position:static; width:auto !important; text-align:center; padding:0px 20px 20px;}

.Visioning li{ height:auto; float:none; width:auto; padding:8%; text-align:left; margin-bottom:7%; padding-right:8%; position:relative;}
.Visioning li .ico{ position:absolute; right:5%; top:18%; width:16%; text-align:right;}
.Visioning .SubTit2{ text-align:left; padding-bottom:20px;}
.Visioning .SubTit2 h2 i{ margin:0;}
.RyList{ margin:0 0 0 -3%;}
.RyList li{width:47%; padding-left:3%; padding-bottom:6%;}
.RyList .imgbox{height:150px;}
.RyList .imgbox img{max-height:150px;}
.RyList .ti{ font-size:14px;}
}

.swiper1{ position:relative;}

/*新闻中心 s*/
.NewsList{ padding-bottom:2%;}
.NewsList li{ margin-bottom:4%;transition: all ease 0.3s; background:#f2f2f2; height:420px; position:relative; padding-left:420px;}
.NewsList .imgbox{ height:420px; width:420px; position:absolute; left:0; top:0;}
.NewsList .info{ border-left:8px solid #fff; height:420px; padding:0 6%; line-height:32px;}
.NewsList .tit{ font-weight:bold; padding-top:44px; line-height:75px; font-size:30px;}
.NewsList .date{ color:#000; font-size:14px;}
.NewsList .p{ color:#000; font-size:18px;-webkit-line-clamp: 3; height:96px; margin:31px 0 64px;}
.NewsList .other{ font-size:14px; color:#9a9a9a;}
.NewsList .other img{ display:inline-block; vertical-align:middle; margin-right:11px;}
.NewsList .other span{ display:inline-block; margin-right:44px;}
.NewsList .other span img{ width:24px;}
.NewsList .other a img{ width:18px;}
.NewsList .other .z2{ display:none;}
.NewsList .other a.on { color:#cc0000;}
.NewsList .other a.on .z1{ display:none;}
.NewsList .other a.on .z2{ display:inline-block;}

.NewsInfo{ max-width:830px; margin:0px auto;}
.TitleInfo{ border-bottom:1px solid #a0a0a0; margin-bottom:23px; text-align:center;}
.TitleInfo h2{ font-size:24px; line-height:35px; padding-bottom:11px;}
.TitleInfo .other{ position:relative; line-height:41px; color:#b0b0b0; font-size:12px;}
.TitleInfo .other .sp{ margin-left:22px; display:inline-block; vertical-align:middle;}
.TitleInfo .other img{ display:inline-block; width:18px; vertical-align:middle; margin-right:10px;}
.TitleInfo .other .z2{ display:none;}
.TitleInfo .other a { margin-left:12px; width:16px;}
.TitleInfo .other a img{ width:15px;}
.TitleInfo .other a.on { color:#cc0000;}
.TitleInfo .other a.on .z1{ display:none;}
.TitleInfo .other a.on .z2{ display:inline-block;}

.TitleInfo .share{ bottom:10px; color:#000000; position:absolute; right:0;}
.TitleInfo .share a{ margin:0; width:auto;}
.TitleInfo .date2{ display:none;}

.PrevNextBox{ padding:7% 0;}
.PrevNextBox{ line-height:33px; font-size:18px;}

.RecNews{ font-size:13px;}
.RecNews .ti{padding-bottom:10px;}
.RecNews ul{ margin-left:-5%;}
.RecNews li{ width:20%; float:left; padding-left:5%; line-height:20px;}
.RecNews .imgbox{ padding-top:107px; margin-bottom:13px;}
.RecNews .tit{ font-weight:bold; line-height:28px; font-size:15px;}
.RecNews .p{ height:60px;-webkit-line-clamp: 3; color:#000000;}
.RecNews .other{ color:#898989;}
.RecNews .other img{display:inline-block; vertical-align:middle; margin-right:5px;}

@media ( max-width:1024px){
.NewsList li{height:250px;padding-left:250px;}
.NewsList .imgbox{ height:250px; width:250px;}
.NewsList .info{ height:250px;line-height:24px;}
.NewsList .tit{ padding-top:20px; line-height:40px; font-size:18px;}
.NewsList .p{ font-size:14px; height:72px; margin:15px 0 15px;}
.NewsList .date{ color:#9a9a9a;}
.TitleInfo .other{color:#898989;}
.TitleInfo .share{ position:static; display:block; padding-bottom:13px;}
.TitleInfo .date{ display:none;}.TitleInfo .date2{ display:inline-block; margin-left:20px;}
.PrevNextBox{ line-height:28px; font-size:16px;}
}
@media ( max-width:768px){
.NewsList li{height:150px;padding-left:150px;}
.NewsList .imgbox{ height:150px; width:150px;}
.NewsList .info{ height:150px;line-height:20px;}
.NewsList .tit{ padding-top:10px; line-height:30px; font-size:16px;}
.NewsList .p{ height:40px;-webkit-line-clamp: 2; margin:10px 0;}
.NewsList .other{ font-size:12px;}
.NewsList .other img{margin-right:4px;}
.NewsList .other span{ margin-right:15px;}
.NewsList .other span img{ width:18px;}
.NewsList .other a img{ width:13px;}
.TitleInfo h2{ font-size:20px; line-height:25px; padding:12px 0 0;}
.RecNews li{ width:45%; padding-bottom:5%;}
.RecNews .imgbox{ padding-top:70%;}
}


/*汽车玻璃窗膜 s*/
.probody .Menuleft{ width:160px;}
.ProInfo{ padding:3% 210px 7% 210px; height:auto !important; height:200px; min-height:200px; font-size:22px; color:#7e7e7e; line-height:36px;}
.Proimg{ overflow:hidden;}

.Proimg .swiper{overflow: hidden;width: 100%; margin-bottom:10px; background-size:contain !important;cursor: move;}
.Proimg .swiper .swiper-slide img{width: 100%;}
.Proimg .swiper .swiper-slide{position: relative;line-height: 0px; background-repeat:no-repeat; background-position:center center; background-size:contain !important;cursor: move;}
.Proimg{position: relative;}


.sixnav{ text-align:center; padding-bottom:6.8%;}
.sixnav li{ display:inline-block;*display:inline; color:#7e7e7e; font-size:20px;zoom:1; width:12%;}
.sixnav li .ico{ width:55%; margin:0px auto 19px;}
.sixList{ margin:0 0 5% -2.5%;}
.sixList li{ width:47.5%; float:left; margin:0 0 2.5% 2.5%; position:relative; overflow:hidden;}
.sixList .info{transition: all ease 0.3s; opacity:0; position:absolute; left:0; bottom:-20px; padding:0 8%; height:100%; width:84%; height:100%; background:rgba(0,0,0,0.63); color:#fff; font-size:20px;}
.sixList .info .ti{ text-align:center; line-height:51px; padding:14% 0 32px; font-size:32px;}
.sixList .info .ti b{ display:inline-block; border-bottom:1px solid #fff;}
.sixList li:hover .info{ opacity:1; bottom:0;}

.Formbox{ max-width:516px; margin:0px auto; text-align:center;}
.Formbox .item{ font-size:18px; margin-bottom:18px; position:relative; border:1px solid #dcdcdc; padding:0 19px;}
.Formbox .input{ width:100%; height:47px; line-height:47px; font-size:18px;}
.Formbox .input::-webkit-input-placeholder{color: #000;}
.Formbox .btn{ padding-top:50px;}
.Formbox .sex{ position:absolute; right:0; top:8px;}
.Formbox .sex label{ display:inline-block; margin-right:16px;}
.Formbox .sendbtn{ color:#fff; cursor:pointer; font-size:24px; width:196px; height:60px; background:#d02426;}

.Proimg #slider { margin-bottom:20px;}
.Proimg #slider .slides li{ position:relative;}
.Proimg #slider .flex-direction-nav{ display:none;}
.Proimg #carousel .flex-viewport{ margin-left:-20px;}
.Proimg #carousel li div{ margin-left:20px; cursor:pointer; opacity:0.5;}
.Proimg #carousel li.flex-active-slide div{opacity:1;}
.Proimg .flex-direction-nav a { width:20px; height:40px; background-color:rgba(0,0,0,0.5); background-position:center center; text-indent:999em; background-repeat:no-repeat; border-radius:0;}
.Proimg .flex-direction-nav .flex-prev {left:0px; background-image: url(../images/ico/arrleft1.png);}
.Proimg .flex-direction-nav .flex-next {right:0px; background-image: url(../images/ico/arrright1.png);}
.Proimg .flex-direction-nav .flex-prev:hover {}
.Proimg .flex-direction-nav .flex-next:hover {}

@media ( max-width:1024px){
.ProInfo{ padding:3% 0 7% 0; font-size:14px;line-height:24px;}
.sixnav li{width:14.666%; padding:0 1%; float:left; font-size:16px;}
.sixList .info{padding:0 5%; width:90%; font-size:16px; bottom:0; opacity:1;}
.sixList .info .ti{line-height:40px; padding:6% 0 15px; font-size:20px;}
}
@media ( max-width:768px){
.sixList li{ width:auto; float:none; margin-bottom:16px;}
.sixList .info{display:flex;justify-content:center;align-items:center;flex-direction: column;}
.sixList .info .ti{ padding-top:0; line-height:30px;}
.Formbox .item{ font-size:16px}
.Formbox .input{ height:40px; line-height:40px; font-size:16px;}
.Formbox .btn{ padding-top:0px;}
.Formbox .sendbtn{font-size:16px; width:110px; height:35px;}
.sixnav li{width:30%; padding-bottom:4%;}

.Proimg #slider { margin-bottom:10px;}
.Proimg #carousel .flex-viewport{ margin-left:-10px;}
.Proimg #carousel li div{ margin-left:10px;}
}
.Proimg .swiper .swiper-slide{ height:;}
.Proimg .swiper .swiper-slide img{ height:; margin-top:;}



/*漆面/表面保护膜*/
.Qmhistory{height: 700px; background: url(../images/arrow-bg.png) center top no-repeat; max-width:1200px; margin:0px auto 4.5%;}
.Qmhistory li{ color:#757575;padding-right: 20px;box-sizing: border-box; float: left;width: 21%;height: 400px;position: relative;}
.Qmhistory li .img-box{width: 150px;height: 150px;border-radius: 50%; position:relative; z-index:3;}
.Qmhistory li i{position: absolute;width: 1px;height: 220px;left: 75px;background: #7e7e7e;bottom: 0px;}
.Qmhistory li h4{font-size: 24px;}
.Qmhistory li .titl{font-size: 22px;margin-top: 268px;}
.Qmhistory ul li:nth-child(1){margin-top:269px;animation-delay: 1.1s;}
.Qmhistory ul li:nth-child(2){margin-top:222px;animation-delay: 0.9s;}
.Qmhistory ul li:nth-child(2) .titl{ margin-top:225px;}
.Qmhistory ul li:nth-child(3){margin-top:145px;animation-delay: 0.7s;}
.Qmhistory ul li:nth-child(4){margin-top:25px;animation-delay: 0.5s;}
.Qmhistory ul li:nth-child(4) .img-box{padding: 7px;background: #b50014;box-sizing: border-box; margin-top:20px;}
.Qmhistory ul li:nth-child(4) .titl{color: #b50014; font-size:28px;}

@media(max-width:1200px){
.Qmhistory{background-size: 100% 100%;height: 520px;margin-bottom: 60px;}
.Qmhistory li{height: 300px; width:22%;}
.Qmhistory li .img-box{height: 120px;width: 120px;}
.Qmhistory li i{left: 60px;height: 160px;}
.Qmhistory li h4{font-size: 16px;}
.Qmhistory ul li:nth-child(4){margin-top:35px;}
.Qmhistory ul li:nth-child(3){margin-top:120px;}
.Qmhistory ul li:nth-child(2){margin-top:170px;}
.Qmhistory ul li:nth-child(1){margin-top:210px;}
.Qmhistory li .titl{font-size: 16px;margin-top: 200px;}
.Qmhistory ul li:nth-child(2) .titl{margin-top: 135px;}
.Qmhistory ul li:nth-child(4) .titl{ font-size:16px;}
}
@media(max-width:768px){
.Qmhistory{padding-left: 50px;}
.Qmhistory ul li:nth-child(4){margin-top:20px;}
.Qmhistory ul li:nth-child(3){margin-top:105px;}
.Qmhistory ul li:nth-child(2){margin-top:155px;}
.Qmhistory ul li:nth-child(1){margin-top:195px;}
}
@media(max-width:620px){
.Qmhistory{padding-left: 0px;height: 240px;}
.Qmhistory li{height: 150px;width: 24%; margin-left:-1%;padding-right: 6px;}
.Qmhistory li .img-box{height: 50px;width: 50px;}
.Qmhistory li i{left: 25px;height:57px;}
.Qmhistory li h4{font-size: 12px;
transform: scale(0.7); width:130%; margin-left:-14%;}
.Qmhistory li p{font-size: 12px;line-height: 14px;
transform: scale(0.7); width:130%; margin-left:-14%; margin-bottom:5px;}
.Qmhistory ul li:nth-child(4){margin-top:0px;}
.Qmhistory ul li:nth-child(3){margin-top:33px;}
.Qmhistory ul li:nth-child(2){margin-top:63px;}
.Qmhistory ul li:nth-child(1){margin-top:81px;}
.Qmhistory li .titl{font-size: 14px;margin-top: 200px;}
.Qmhistory ul li:nth-child(2) .titl{margin-top: 135px;}
.Qmhistory ul li:nth-child(4) .img-box{padding: 2px;}
.Qmhistory li .titl{font-size: 14px;margin-top: 112px;line-height: 14px;}
.Qmhistory ul li:nth-child(2) .titl{margin-top:80px;width:120px;margin-left:-32px;}
.Qmhistory ul li:nth-child(4) .titl{margin-top:77px;width:100px;margin-left:-10px; font-size:14px;}
.Qmhistory li:nth-child(4) i{ bottom:27px;}
}

.hotSpot{position: relative; height: 800px;max-width: 1200px;margin: 20px auto 4%;}
.hotSpot .hotmsg li{display:none; position: absolute; background: url(../images/ico/hotbg.png)top center no-repeat; width: 250px;height: 100px;}
.hotSpot .hotmsg li i{display:block;position: absolute;left: 50%; width: 1px;height: 140px;background: #c5a380;}
.hotSpot .hotmsg li h4{padding-top: 10px; font-size: 28px;line-height: 35px;color: white;text-align: center;}
.hotSpot .hotmsg li p{font-size: 16px;color: white;line-height: 30px;text-align: center;}
.hotSpot .dot li{width: 40px;height: 40px;display: block;position: absolute;cursor: pointer; background: url(../images/ico/dot.png)center no-repeat;background-size: 100%;}
.hotSpot .dot .li1{left: 220px;top: 260px;}
.hotSpot .dot .li2{left: 308px;top: 600px;width: 25px;height: 25px;;}
.hotSpot .dot .li3{left: 480px;top: 380px;}
.hotSpot .dot .li4{left: 750px;top: 330px;width: 25px;height: 25px;}
.hotSpot .dot .li5{left: 779px;top: 508px;width: 25px;height: 25px;}
.hotSpot .dot .li6{left: 990px;top: 400px;}
.hotSpot .dot .li7{left: 1040px;top: 360px;width: 25px;height: 25px;}
.hotSpot .dot .li8{left: 1040px;top: 240px;width: 25px;height: 25px;}
.hotSpot .dot .li9{left: 976px;top: 180px;width: 25px;height: 25px;}
.hotSpot .dot .li10{left: 875px;top: 147px;width: 25px;height: 25px;}
.hotSpot .dot .li11{left: 880px;top: 120px;width: 25px;height: 25px;}
.hotSpot .dot .li12{left: 900px;top: 60px;width: 25px;height: 25px;}
.hotSpot .hotmsg .li1{top: 50px;left: 117px;}
.hotSpot .hotmsg .li2{top: 392px;left: 195px;}
.hotSpot .hotmsg .li3{top: 180px;left: 375px;}
.hotSpot .hotmsg .li4{top: 124px;left: 638px;}
.hotSpot .hotmsg .li5{top: 243px;left: 676px;}
.hotSpot .hotmsg .li6{top: 194px;left: 885px;}
.hotSpot .hotmsg .li7{top: 153px;left: 928px;}
.hotSpot .hotmsg .li8{top: 37px;left: 928px;}
.hotSpot .hotmsg .li9{top: -23px;left: 863px;}
.hotSpot .hotmsg .li10{top: -53px;left: 763px;}
.hotSpot .hotmsg .li11{top: -50px;left: 767px;}
.hotSpot .hotmsg .li12{top: -139px;left: 788px;}	


@media(max-width:1198px){
    .hotSpot{width: 100%;height: auto;}
}
@media(max-width:1198px){
    .hotSpot .dot li{width: 25px;height: 25px;}
    .hotSpot .dot .li1{left: 18%;top: 28%;}
    .hotSpot .dot .li2{left: 28%;top: 68%;width: 15px;height: 15px;}
    .hotSpot .dot .li3{left: 38%;top: 43%;}
    .hotSpot .dot .li4{left: 60%;top: 48%;width: 15px;height: 15px;}
    .hotSpot .dot .li5{left: 65%;top: 50%;width: 15px;height: 15px;}
    .hotSpot .dot .li6{left: 80%;top: 41%;}
    .hotSpot .dot .li7{left: 87%;top: 35%;width: 15px;height: 15px;}
    .hotSpot .dot .li8{left: 88%;top: 25%;width: 15px;height: 15px;}
    .hotSpot .dot .li9{left: 95%;top: 22%;width: 15px;height: 15px;}
    .hotSpot .dot .li10{left: 82%;top: 19%;width: 15px;height: 15px;}
    .hotSpot .dot .li11{left: 72%;top: 15%;width: 15px;height: 15px;}
    .hotSpot .dot .li12{left: 75%;top: 5%;width: 15px;height: 15px;}
    .hotSpot .hotmsg .li1{top: -6%;left: 5%;}
    .hotSpot .hotmsg .li2{top: 28%;left: 13%;}
    .hotSpot .hotmsg .li3{top: 9%;left: 25%;}
    .hotSpot .hotmsg .li4{top: 13%;left: 46%;}
    .hotSpot .hotmsg .li5{top: 16%;left: 51%;}
    .hotSpot .hotmsg .li6{top: 8%;left: 67%;}
    .hotSpot .hotmsg .li7{top: 0%;left: 72.5%;}
    .hotSpot .hotmsg .li8{top: -10%;left: 74.5%;}
    .hotSpot .hotmsg .li9{top: -12%;left: 81.5%;}
    .hotSpot .hotmsg .li10{top: -16%;left: 68.5%;}
    .hotSpot .hotmsg .li11{top: -19%;left: 58.5%;}
    .hotSpot .hotmsg .li12{top: -29%;left: 61.5%;}
}
@media(max-width:768px){
    .hotSpot .hotmsg li h4{padding-top: 0px;}
    .hotSpot .dot li{width: 25px;height: 25px;}
    .hotSpot .dot .li1{left: 18%;top: 28%;}
    .hotSpot .dot .li2{left: 28%;top: 68%;width: 15px;height: 15px;}
    .hotSpot .dot .li3{left: 38%;top: 43%;}
    .hotSpot .dot .li4{left: 60%;top: 48%;width: 15px;height: 15px;}
    .hotSpot .dot .li5{left: 65%;top: 50%;width: 15px;height: 15px;}
    .hotSpot .dot .li6{left: 80%;top: 41%;}
    .hotSpot .dot .li7{left: 87%;top: 35%;width: 15px;height: 15px;}
    .hotSpot .dot .li8{left: 88%;top: 25%;width: 15px;height: 15px;}
    .hotSpot .dot .li9{left: 95%;top: 22%;width: 15px;height: 15px;}
    .hotSpot .dot .li10{left: 82%;top: 19%;width: 15px;height: 15px;}
    .hotSpot .dot .li11{left: 72%;top: 15%;width: 15px;height: 15px;}
    .hotSpot .dot .li12{left: 75%;top: 5%;width: 15px;height: 15px;}
    .hotSpot .hotmsg .li1{top: -11%;left: 1%;}
    .hotSpot .hotmsg .li2{top: 27%;left: 9%;}
    .hotSpot .hotmsg .li3{top: 8%;left: 21%;}
    .hotSpot .hotmsg .li4{top: 8%;left: 41%;}
    .hotSpot .hotmsg .li5{top: 10%;left: 47%;}
    .hotSpot .hotmsg .li6{top: 5%;left: 61%;}
    .hotSpot .hotmsg .li7{top: 10%;left: 54%;}
    .hotSpot .hotmsg .li8{top: 7%;left: 54%;}
    .hotSpot .hotmsg .li9{top: 3%;left: 54%;}
    .hotSpot .hotmsg .li10{top: 0;left: 50%;}
    .hotSpot .hotmsg .li11{top: -15%;left: 50%;}
    .hotSpot .hotmsg .li12{top: -15%;left: 50%;}
    .hotSpot .hotmsg li{width: 160px;height:auto;padding: 10px 5px; background-size: 100%;}
    .hotSpot .hotmsg li i{display:none;}
    .hotSpot .hotmsg li h4{font-size: 16px;line-height: 20px;}
    .hotSpot .hotmsg li p{font-size: 12px;line-height: 18px;}
    .hotSpot{width: 100%;}
}
@media(max-width:400px){
    .hotSpot .dot .li4{top: 38%;}
    .hotSpot .dot .li5{top: 61%;}
    .hotSpot .dot .li6{top: 47%;}
}


.eightys{ max-width:1110px; margin:0px auto 4%;}
.eightys ul{ margin:0 0 0 -8%;}
.eightys li{ width:42%; float:left; padding-left:8%; height:187px;}
.eightys li .ico{ width:25%; float:left;}
.eightys li .info{ width:70%; float:right; color:#757575; font-size:22px;}
.eightys li .ti{ line-height:46px; padding-top:8px; font-size:26px;}
.eightys.td .ico{ width:20%;}
.eightys.td li{ height:145px;}
.eightys.td li .ti{ font-weight:bold; padding-top:0; line-height:25px; font-size:24px; padding-bottom:8px;}
.eightys.td li .info{ width:78%;}

@media(max-width:1024px){
.eightys li .info{ font-size:14px; width:auto !important;}
.eightys li .ti{ line-height:30px; font-size:18px !important;}
}
@media(max-width:768px){
.eightys ul{ margin:0 0 0 0;}
.eightys li{ width:auto; float:none; padding-left:104px; position:relative; height:125px;}
.eightys li .ico{ position:absolute; left:0; top:0; width:80px;}
.eightys li .info{ width:auto; float:none;}
.eightys.td li { padding-left:90px; height:110px;}
}


/*建筑玻璃功能膜*/
.ProInfo2{ padding:8% 129px 6% 129px; height:auto !important; height:200px; min-height:200px; font-size:24px; color:#000000; line-height:36px;}
.effect{ position:relative; text-align:center; background-position:center center; background-size:contain; background-repeat:no-repeat;}
.cover{
    position: absolute; z-index:1; top:0;
    background: url(../images/ff_paint2.png) center no-repeat;
    background-size: 240px 310px;
    width: 240px;
    height: 310px;
    padding: 2px;
    box-sizing: border-box;
}
.cover .coverImg{
    height: 260px;
    width: 100%;
}
.Proimg1 li .cover {background: url(../images/ff_paint.png) center no-repeat;
background-size: 240px 310px;
    width: 240px;
    height: 310px;
    padding: 2px;
    box-sizing: border-box;}


.tdtit{ margin-bottom:8%; text-align:center; background:url(../images/linebg.gif) center center repeat-x; line-height:52px;}
.tdtit span{ display:inline-block; padding:0 24px; background:#fff; color:#757575; font-size:36px;}

.jzbox{ background:#f7f7f7; padding:4% 0; margin-bottom:6%; text-align:center;}
.jzbox .ti{ font-size:24px; margin-bottom:50px;}
.jzbox .content{ height:416px; position:relative; text-align:center; max-width:965px; margin:0px auto;}
.jzbox .img{ width:65%; margin:0px auto;}
.jzbox li{ position:absolute; font-size:24px;}
.jzbox li span{ display:block; color:#d02426; font-size:72px; line-height:92px;}
.jzbox li.li1{ left:0; top:5%;}
.jzbox li.li2{ right:46px; top:5%;}
.jzbox li.li3{ left:0; bottom:5%;}
.jzbox li.li4{ right:0; bottom:5%; width:275px;}
.jzbox li.li4 i{ width:197px; display:inline-block; text-align:right;}

.SubTit3{ text-align:center;}
.SubTit3 h2{ font-weight:normal; font-size:30px; padding-bottom:5%;}

.PhotoList{ margin:0 0 6.5% -2%;}
.PhotoList li{ width:31.3333%; float:left; text-align:center; padding-left:2%;}
.PhotoList li .box{transition: all ease 0.3s; padding:12px; line-height:45px; font-size:24px;}
.PhotoList li .imgbox{ padding-top:77%; margin-bottom:12px;}
.PhotoList li a{ color:#989898;}
.PhotoList li:hover .box{ background:#d02426;}
.PhotoList li:hover a{ color:#fff;}

.sqbox{ background:#eeeeee; padding:5% 0;}

@media(max-width:1024px){
.ProInfo2{ padding:8% 0 6% 0; font-size:15px;line-height:24px;}
.jzbox .content{ margin:0 20px;}
.jzbox li{font-size:16px;}
.jzbox li span{font-size:32px; line-height:50px;}
.jzbox li.li2{ right:-8px;}
.jzbox li.li4 { width:130px; right:-8px;}.jzbox li.li4 i{ width:88px;}
.PhotoList{ margin-left:0;}
.PhotoList li{ width:33.333%; padding-left:0%;}
.PhotoList li .box{padding:6px;font-size:18px;}
}
@media(max-width:768px){
.tdtit span{ padding:0 14px; font-size:24px;}
.jzbox .img { width:60%; padding-top:10%;}
.SubTit3 h2{ font-size:20px;}
.jzbox .ti{ font-size:16px; margin-bottom:25px;}
.jzbox li span{font-size:24px;}
.jzbox li.li4 i{ width:66px;}
.PhotoList li .box{font-size:16px;}
.PhotoList li .imgbox{margin-bottom:0px;}
.cover{
        width: 120px !important;
        height: 155px !important;
        background-size: 120px 155px !important;
    }
	.cover .coverImg{background-size: 400px 233px !important; height:130px;}
}
@media(max-width:560px){
.jzbox .content{ height:320px;}
.swiper-button-next, .swiper-button-prev{ margin-top:88px;background-size: 14px 44px;}
}
@media(max-width:414px){
	.cover .coverImg{background-size: 373px 210px !important; height:120px;}
}
@media(max-width:375px){
	.cover .coverImg{background-size: 338px 190px !important;}
}
@media(max-width:360px){
	.cover .coverImg{background-size: 324px 182px !important;}
}



/*特种功能膜*/
.probody .SubContent{ padding-left:200px;}
.GnmList{}
.GnmList .item{padding-bottom:7%;}
.GnmList .item .imgbox{ width:49%; float:left; text-align:center;}
.GnmList .item .info{ line-height:40px;  width:48%; float:right; font-size:24px;}
.GnmList .item .ti{ font-size:40px; padding-top:4px;}
.GnmList .item .ti i{ display:block; width:27px; height:27px; border-bottom:2px solid #d02426;}
.GnmList .item .p1{ margin:21px 0 45px; font-weight:bold;}

@media(max-width:1366px){
.GnmList .item{ line-height:32px;}
.GnmList .item .ti{ font-size:30px;}
.GnmList .item .info{font-size:20px;}
.GnmList .item .p1{ margin:15px 0 25px;}
}
@media(max-width:1024px){
.GnmList .item .imgbox{ width:auto; float:none;}
.GnmList .item .info{ width:auto; float:none; font-size:16px; line-height:24px; padding-bottom:18px;}
.GnmList .item .ti{ text-align:center;}
.GnmList .item .ti i{ margin:0px auto; height:12px;}
.GnmList .item .p1{ text-align:center;}
}
@media(max-width:768px){
.GnmList .item .ti{ font-size:20px;}
.GnmList .item .p1{ margin-bottom:15px;}
.GnmList .item .info{ font-size:14px;}
}


/*合作模式*/
.HzList{}
.HzList .item{padding:2% 0 5%;}
.HzList .item .imgbox{ width:49%; float:right; text-align:center;}
.HzList .item .info{ line-height:40px;  width:46%; padding-top:2%; float:left; color:#7d7d7d; font-size:24px;}
.HzList .SubTit2{ padding-bottom:50px;}
.Hzform{ box-shadow:0 0 15px #efeded; background:#fff; padding:4.5%;}
.Hzform .form{ max-width:847px; margin:0px auto;}
.Hzform .form .item{ padding-bottom:54px; line-height:35px; position:relative;}
.Hzform .form .item dt{ position:absolute; left:0; top:0; font-size:30px;}
.Hzform .form .item dd{ margin-left:180px;}
.Hzform .form .item .select{text-align:center;text-align-last:center; text-indent:0; border:1px solid #b5b5b5; width:179px; height:35px; text-align:center; color:#b5b5b5; font-size:22px;}
.Hzform .form .item .select.auto{ width:100%;}
.Hzform .form .item.xm select{text-align:center;text-align-last:center; text-indent:0; border:1px solid #b5b5b5; width:100%; height:35px; text-align:center; color:#b5b5b5; font-size:22px;}
.Hzform .form .item .input{ border:1px solid #b5b5b5; width:99.5%; height:33px; line-height:33px; font-size:22px;}
.Hzform .form .btn{ text-align:center; padding-top:15px;}
.Hzform .form .sendbtn{ color:#fff; width:200px; height:55px; cursor:pointer; background:#d02826; font-size:30px;}

.JoinList{ margin:0 0 0 -8px;}
.JoinList li{ width:20%; float:left;}
.JoinList .box{ padding-left:8px;}
.JoinList .ti{ cursor:pointer; color:#b3b3b3; font-size:19px; border:1px solid #e5e5e5; height:213px;display:flex;justify-content:center;align-items:center;flex-direction: column }
.JoinList .ico{ display:block; margin:0px auto 23px; width:56px; height:51px; background-position:center center; background-repeat:no-repeat; background-size:contain;}
.JoinList .info{ display:none; font-size:18px; padding:58px 0 0;}

.JoinList .li1 .ico{ background-image:url(../images/ico/jmico1.png);}
.JoinList .li2 .ico{ background-image:url(../images/ico/jmico2.png);}
.JoinList .li3 .ico{ background-image:url(../images/ico/jmico3.png);}
.JoinList .li4 .ico{ background-image:url(../images/ico/jmico4.png);}
.JoinList .li5 .ico{ background-image:url(../images/ico/jmico5.png);}
.JoinList li.on .ti{ background-color:#eeeeee !important; border:1px solid #eeeeee;}
.JoinList li.on .ti{ color:#000;}
.JoinList li.on.li1 .ti{ background:url(../images/ico/01.png) center center no-repeat; background-size:contain;}
.JoinList li.on.li1 .ico{ background-image:url(../images/ico/jmico01.png);}
.JoinList li.on.li2 .ti{ background:url(../images/ico/02.png) center center no-repeat; background-size:contain;}
.JoinList li.on.li2 .ico{ background-image:url(../images/ico/jmico02.png);}
.JoinList li.on.li3 .ti{ background:url(../images/ico/03.png) center center no-repeat; background-size:contain;}
.JoinList li.on.li3 .ico{ background-image:url(../images/ico/jmico03.png);}
.JoinList li.on.li4 .ti{ background:url(../images/ico/04.png) center center no-repeat; background-size:contain;}
.JoinList li.on.li4 .ico{ background-image:url(../images/ico/jmico04.png);}
.JoinList li.on.li5 .ti{ background:url(../images/ico/05.png) center center no-repeat; background-size:contain;}
.JoinList li.on.li5 .ico{ background-image:url(../images/ico/jmico05.png);}
.JoinList li.on .info{ display:block;}

.JoinTel{ text-align:center; background:#eeeeee; padding:5% 0 6%;}
.JoinTel .Tel{ display:inline-block;*display:inline;zoom:1; border-radius:50px; background:#d02426; line-height:100px; font-size:58px; font-family:Arial, Helvetica, sans-serif;}
.JoinTel .Tel img{ display:inline-block; vertical-align:middle; margin-right:10px;}
.JoinTel .Tel a{ display:block; color:#fff; padding:0 60px;}
.joinbody .sqbox{ background:none;}

@media(max-width:1366px){
.HzList .item .info{font-size:20px;line-height:32px;}
}

@media(max-width:1024px){
.HzList .item .imgbox{ width:auto; float:none;}
.HzList .item .info{ width:auto; float:none; font-size:15px; line-height:24px; padding-bottom:18px;}
.HzList .SubTit2{ text-align:center; padding-bottom:20px;}
.HzList .SubTit2 h2 i{ margin:0px auto;}
.Hzform .form .item dt{font-size:20px;}
.Hzform .form .item dd{ margin-left:120px;}
.Hzform .form .item{ padding-bottom:20px;}
.JoinTel .Tel{line-height:60px; font-size:32px;}
.JoinTel .Tel a{padding:0 20px;}
.Hzform .form .item.xm select{font-size:16px;}
}
@media(max-width:768px){
.Hzform .form .item dt{font-size:16px;}
.Hzform .form .item dd{ margin-left:80px;}
.Hzform .form .item{ float:none !important;}
.Hzform .form .item .select{ width:100%; font-size:16px;}
.Hzform .form .item .input{ font-size:16px;}
.Hzform .form .sendbtn{width:120px; height:35px;font-size:18px;}

.JoinList li{ width:auto; float:none; margin-bottom:10px;}
.JoinList .ico{ margin-bottom:15px;}
.JoinList .box{ padding:25px 10px 25px 0; border:1px solid #e5e5e5;display: flex;align-items: center;justify-content: center;}
.JoinList li .ti{ height:auto; border:0px;}
.JoinList li.on .ti{ width:28%; padding-right:2%; float:left; font-size:16px;}
.JoinList li.on .ti{ color:#000;}
.JoinList li.on { background:#eeeeee; }
.JoinList li.on .info{ border-left:1px solid #fff; padding:0 0 0 2%; width:67%; float:right; font-size:16px;}
.JoinTel .Tel img{ width:28px;}
.JoinTel .Tel{line-height:50px; font-size:24px;}
}


/*职业生涯 s*/
.Jobtxt{ text-align:center; color:#7d7d7d; font-size:24px; line-height:45px; padding-bottom:6.6%;}
.jobmail{ text-align:center; color:#555555; font-size:24px; padding-bottom:22px;}
.JobList {display: table;width: 100%;border-collapse: collapse; font-size:30px;}
.table-tr {display: table-row;border-bottom: 1px solid #e5e5e5;}
.table-th {display: table-cell;font-weight: bold;padding-top:19px; height:91px;text-align: center;vertical-align: middle; color:#a3a3a3;}
.table-td {display: table-cell;height: 110px;text-align: center;vertical-align: middle;}
.table-td.b { font-weight:bold;}
.table-td .yq { display:none;}

@media(max-width:1024px){
.Jobtxt{font-size:20px; line-height:38px;}
.jobmail{font-size:20px; padding-bottom:15px;}
.JobList {font-size:24px;}
}
@media(max-width:768px){
.Jobtxt{  font-size:16px; line-height:24px;}
.Jobtxt div{ padding:0 30px 15px;}

.JobList {font-size:16px;}
.table-th { height:60px;}
.table-td { font-size:14px; height:80px;}
.table-th:nth-child(3),.table-td:nth-child(3) { display:none;}
.table-td .yq { display:block; color:#a3a3a3; margin-top:5px; font-weight:normal;}
}


/*联系追得 s*/
.Contact{ text-align:center; padding:1% 0 3%;}
.Contact .ico{ width:50%; margin:0px auto;}
.Contact li{ vertical-align:top; display:inline-block;*display:inline;zoom:1; padding:0 3%; background:url(../images/line2.gif) right 46px no-repeat;}
.Contact .ti{ line-height:46px; padding:15px 0 15px; font-size:24px;}
.Contact .ti .en{ display:block; text-transform:uppercase; font-size:10px; color:#737373; line-height:14px;}
.Contact .p{ color:#535353; font-size:22px;}
.Contact .p a{ color:#535353;}
.Contact li:last-child{ background:none;}
.Contact li:nth-child(1){ width:18.333%;}
.Contact li:nth-child(2){ width:18.333%;}
.Contact li:nth-child(3){ width:30.333%;}

#dituContent{ height:700px;}


/*其它 s*/
.SubTit4{ text-align:center; padding-bottom:4%;}
.SubTit4 h3{ font-weight:normal; line-height:47px; font-size:30px;}
.SubTit4 p{ line-height:21px; color:#9a9a9a; font-size:14px; text-transform:uppercase;}
.Mapbox{ background:#e9e9e9; padding:6% 0; font-size:24px;}
.Mapbox dl{ height:auto !important; height:46px; min-height:46px; line-height:46px; padding-bottom:27px; position:relative;}
.Mapbox dl dt{ position:absolute; left:0; top:0;}
.Mapbox dl dd{ margin-left:138px;}
.Mapbox dl dd a{ display:inline-block; margin-right:46px;}
.Mapbox dl:last-child{ padding-bottom:0;}
.mapbody .SubBan{ display:none;}

.box404{ background:url(../images/bg404.jpg) center top no-repeat; padding:8% 0 0 0;}
.box404 .txt{ float:left; color:#949494; font-size:24px;}
.box404 .txt h2{ color:#000; line-height:88px; font-size:36px;}
.box404 .txt a.home{ color:#d02826;}
.box404 .img{ float:right; width:40%; text-align:right;}
.box404 .si{ line-height:200px; color:#c8cacb;font-size:214px; padding-top:126px;}


@media(max-width:1024px){
.Contact .p{ font-size:17px;}
.Contact .ti{ line-height:32px; padding:15px 0 15px; font-size:20px;}
#dituContent{ height:400px;}
.mapbody .SubBan{ display:block;}
.Mapbox{ background:#fff; font-size:18px;}
.Mapbox dl{ height:32px; min-height:32px; line-height:32px; padding-bottom:18px;}
.Mapbox dl dd{ margin-left:100px;}
.box404 .txt{ font-size:18px;}
.box404 .txt h2{line-height:40px; font-size:24px;}
.box404 .si{ line-height:100px;font-size:100px; padding-top:50px;}
}

@media(max-width:768px){
.Contact li{padding:0 1%; width:30.5% !important;}
.Contact .p{ font-size:16px;}
.Contact .ti{font-size:18px;}
#dituContent{ height:300px;}
.SubTit4 h3{line-height:24px; font-size:18px;}
.SubTit4 p{ font-size:12px;}
.Mapbox{font-size:16px;}
.Mapbox dl{padding-bottom:10px;}
.Mapbox dl dd a{ margin-right:20px;}
.box404 .txt{ float:none; text-align:center;}
.box404 .si{ line-height:80px;font-size:80px; padding-top:35px;}
.box404 .img{ margin-top:-50px; width:70%; float:right;}
}
@media(max-width:480px){
.Contact li{ width:47% !important; background:none; border-bottom:1px solid #d9d9d9; padding-bottom:15px; margin-bottom:15px;}
.Contact li:last-child{ border-bottom:0; display:block; width:auto !important;}
.Contact .ico{ width:45px;}
}