﻿.banner{position: relative;}
.banner img{width: 100%;}
.banner .words{position: absolute;width:1200px;margin:0 auto;left: 50%;margin-left: -600px;top: 50%;transform: translateY(-50%);color:#fff;}
.banner .words .className{font-size: 50px;}
.banner .words .enName{font-size: 26px;text-transform: uppercase;}

.Box{width:100%;/* padding: 0px 0px 60px 0px; *//* overflow-x: hidden; */}
/* 公司介绍 */
.twoNav{width:1200px;margin:-42px auto 0px;height:85px;line-height:85px;background: #fff;box-shadow: 0px 3px 10px 0px #ddd;position: relative;z-index: 99999;flex-direction: column;display: flex;flex-wrap: wrap;}
.twoNav a{color:#333333;font-size:14px;text-align: center;}
.twoNav a.active{background:#004e9d;color:#fff;}
.about{background:#f3f2ed;}
.about1{width:1200px;margin:40px auto 0px;}
.Box .C_name{text-align:center;font-size:30px;color:#333333;margin: 0px 0px 20px 0px;}
.about{/*! padding:0px 0px 60px 0px; */}
.about1 .A_sum{font-size:14px;color:#333333;line-height:30px;margin: 0px 0px 60px 0px;}
.about1 .C_name1{margin:0px 0px 50px 0px;}
.about2{background:#fff;border-top:1px solid #0153a4;padding: 0px 0px 60px 0px;}
.about2Box{width:1200px;margin: -9px auto 70px;padding: 0px 0px 15px 0px;}
.about2Box1{width:1260px;margin:0 auto;position:relative;}
.about2Box li .cen{box-shadow: 0px 10px 10px 2px #eee;padding: 0px 0px 20px 0px;}
.about2Box li .circle{display:block;width:18px;height:18px;border-radius:50%;background:#004e9d;margin: 0px 0px 30px 0px;}
.about2Box li .year{color:#004e9d;font-size:24px;margin: 0px 0px 15px 0px;}
.about2Box li .Img{height:180px;border:1px solid #e5e5e5;overflow:hidden;}
.about2Box li img{width:100%;height:100%;}
.about2Box li .tit{color:#004e9d;font-size:16px;height: 44px;overflow:hidden;margin:25px 0px 10px 0px;font-weight:bold;line-height:22px;padding: 0px 15px;}
.about2Box li .sum{color:#666666;font-size:14px;height:40px;overflow:hidden;padding: 0px 15px 0px 15px;}
.about2Box1 .swiper-button-prev{background:url(../images/icon-left.png) center center no-repeat;opacity: 1;width:70px;height:100px;left: -10px;}
.about2Box1 .swiper-button-next{background:url(../images/icon-right.png) center center no-repeat;opacity: 1;width:70px;height:100px;right: -10px;}
.about2Box1 .swiper-button-prev:hover{background:url(../images/icon-left1.png) center center no-repeat;}
.about2Box1 .swiper-button-next:hover{background:url(../images/icon-right1.png) center center no-repeat;}

/* 公司文化 */
.culture{background:url(../images/icon-culturebg.png) center bottom no-repeat;}
.Box .C_name2{margin:50px 0px 60px 0px;}
.culturebox{margin: 55px auto 0px;}
.culturebox li{float:left;width:295px;}
.culturebox ul{width:1200px;margin:0 auto;padding: 0px 0px 240px 0px;}
.culturebox ul li{width:293px;height:385px;margin:0px 8px 9px 0px;position:relative;}
.culturebox ul li:nth-child(4n){margin:0px 0px 9px 0px;}
.culturebox ul li .Img{height:330px;}
.culturebox ul li .Img img{height:100%;width:100%;}
.culturebox ul li .sum{height:55px;overflow:hidden;background:#fff;font-size:14px;color:#333333;padding: 0px 10px;position: absolute;bottom: 0px;width: 273px;text-align: left;/* margin: 0 11px; *//* width: 89%; */}
.culturebox ul li .sum .tt1{line-height:20px;top:50%;transform:translateY(-50%);position: absolute;width: 100%;left: 0px;}
.culturebox ul li .words{position:absolute;top:0px;height: 100%;text-align:center;width: 100%;}
.culturebox ul li .tit{font-size:18px;color:#fff;margin: 40px 0px 28px 0px;}
.culturebox ul li .icon2{display:none;}
.culturebox ul li:hover .icon2{display:inline-block;}
.culturebox ul li:hover .icon1{display:none;}
.culturebox ul li:hover .words{background:rgba(8,78,157,0.8);}
.culturebox ul li:hover .sum{bottom:100px;background:unset;color:#fabc00;}
.culturebox ul li:hover .tit{color:#fabc00;}
.culturebox ul li:hover .Img{height:385px;}

/*创新科技*/
.technolog1{width:1200px;margin: 60px auto 100px;}
.technolog1 .C_name{margin:0px 0px 30px 0px;}
.technologyL{width:630px;float:left;}
.technologyL li{margin:0px 0px 50px 0px;}
.technologyL li .tit{font-size:18px;color:#333333;}
.technologyL li .tit::before{display:inline-block;width:8px;height:20px;background:#fdd56a;content:"";border-radius:20px;margin:0px 10px 0px 0px;position:relative;top:2px;}
.technologyL li .sum{font-size:14px;color:#333333;line-height:24px;margin:26px 0px 0px 0px;}
.technologyL li .mobileImg{display:none;}
.technologyR{width:515px;float:right;}
.technologyR img{margin:0px 4px 7px 0px;width:253px;height:215px;}
.technologyR img:nth-child(1){margin-right:0px;width:100%;}
.technologyR img:nth-child(3){margin-right:0px;}


/* 公司实力 */
.strength1{width:1200px;margin: 0 auto 140px;}
.strength1 .className{font-size:24px;color:#333;margin:60px 0px 10px 0px;}
.strength1 .className:before{display:inline-block;width:8px;height:20px;background:#fdd56a;content:"";border-radius:20px;margin:0px 10px 0px 0px;position:relative;top:2px;}
.strength1 .classEn{font-size:18px;color:#cccccc;text-transform:uppercase;}
.strength1 .classEn:after{background:#cccccc;width:962px;height:1px;display:inline-block;content:"";margin:0px 0px 0px 15px;position:relative;top:-7px;}
.strength1 .strength1List1 .classEn:after{width:1033px;}
.strength1 .sum{font-size:14px;color:#333;margin: 16px 0px 50px 0px;line-height: 22px;}
.strength1List1 li{float:left;margin: 0px 95px 20px 0px;}
.strength1List1 li .Img{height:120px;overflow:hidden;}
.strength1List1 li:nth-child(5){margin-right:0px;}
.strength1List1 li .title{font-size:16px;color:#333333;text-align:center;margin: 10px 0px 0px 0px;}
.strength1List2 .sum{margin: 20px 0px 30px 0px;}
.strength1List2 li{float:left;margin: 0px 13px 20px 0px;width:160px;height:157px;box-shadow:4px 4px 10px 2px #eee;}
.strength1List2 li .Img{height:100%;overflow:hidden;text-align:center;line-height:157px;}
.strength1List li img{vertical-align: middle;max-width: 100%;max-height: 100%;}
.strength1List2 li:nth-child(7n){margin-right:0px;}
.strength1List2 li .title{display:none;}


/* 新闻资讯 */
.NewsBox{margin: 50px auto 100px;}
.NewsBox .C_name{margin:0px 0px 50px 0px;}
.News{margin:0px 0px 100px 0px;}
.News ul{margin:0px 0px 45px 0px;}
.News li{width:580px;height:510px;float:left;margin:0px 40px 40px 0px;}
.News li:nth-child(2n){margin-right:0px;}
.News li .Img{height:345px;overflow:hidden;position:relative;}
.News li .Img img{transform:scale(1.0);transition:1s all ease;width: 100%;}
.News li .time{position:absolute;bottom:0px;width:98px;height:98px;background:#004e9d;color:#fff;text-align: center;}
.News li .day{font-size:24px;letter-spacing: 2px;margin: 22px 0px 12px 0px;}
.News li .years{font-size:12px;letter-spacing:2px;}
.News li .words{background:#f8f8f8;height:165px;box-shadow:0px 5px 8px 4px #eee;padding:0px 20px;color:#333333}
.News li .title{font-size:18px;padding:25px 0px 20px 0px;height:22px;overflow:hidden;}
.News li .sum{line-height:24px;font-size:12px;}
.News li:hover .Img img{transform:scale(1.3);}
#pages {text-align:center;}
#pages a{width:38px;height:38px;border:1px solid #c8cecf;display:inline-block;line-height:38px;text-align:center;font-size:12px;color:#666666;}
#pages a.perv{font-size:0px;position:relative;top:-5px;background: url(../images/prev.png) center center no-repeat;}
#pages a.next{font-size:0px;position:relative;top:-5px;background: url(../images/next.png) center center no-repeat;}
#pages a.currentpage{background:#004e9d;color:#fff;}


.articleInfo{width:1200px;margin:0 auto 150px;min-height: 300px;}
.articleInfo .title{margin:50px auto 30px;font-size:18px;color:#333;text-align:center;}
.articleInfo .Infos{line-height:22px;font-size:14px;color:#333;}
.articleInfo img{max-width:100%;}

/* 产品中心 */
.Product1{margin: 45px auto 100px;}
.Product1 .C_name{margin:0px 0px 55px 0px;}
.Product{margin:0px 0px 100px 0px;}
.Product ul{margin:0px 0px 45px 0px;}
.Product li{width:282px;height:340px;float:left;margin:0px 24px 50px 0px;box-shadow:0px 5px 10px 5px #eee;}
.Product li:nth-child(4n){margin-right:0px;}
.Product li .Img{height: 280px;overflow:hidden;position:relative;line-height: 280px;}
.Product li .Img img{transform:scale(1.0);transition:1s all ease;width: 100%;height: 100%;vertical-align: middle;}
.Product li .words{color:#333333;text-align:center;height:60px;}
.Product li .title{font-size:18px;padding:10px 0px 3px 0px;height:22px;overflow:hidden;}
.Product li .sum{line-height:20px;font-size:12px;}
.Product li:hover .Img img{transform:scale(1.3);}
.Product li:hover .words{background:#004e9d;color:#fff;}

/* 产品详情 */
.ProductInfo{width:1200px;margin: 80px auto 0px;}
.productTitle{font-size:30px;color:#333333;}
.productTitle:before{display:inline-block;width:8px;height:20px;background:#fdd56a;content:"";border-radius:20px;margin:0px 13px 0px 0px;position:relative;top:-2px;}
.ProductInfos{margin:25px 0px 0px 0px;}
.ProductInfo1{float:left;width:283px;margin:0px 85px 0px 0px;}
.ProductInfo1 img{width:100%;}
.ProductInfo2{width:380px;float: left;font-size:14px;color:#333333;line-height: 24px;}
.ProductInfos .p1{color: #004e9d;font-size: 18px;background: url(../images/icon-arrow.png) left center no-repeat;padding: 0px 0px 0px 15px;/* font-weight:bold; */margin: 25px 0px 15px 0px;}
.ProductInfo3{width:310px;float: left;font-size:14px;color:#333333;line-height: 24px;margin:0px 0px 0px 75px;}
.ProductInfo3 .p1{margin: 0px 0px 15px 0px;}
.ProductInfo3 .performance{margin: 0px 0px 30px 0px;}
.NextTitle{border-top:1px solid #d1d1d1;margin: 65px 0px 140px 0px;}
.PrevTitle{width:1200px;margin:25px auto 0px;}
.PrevTitle .Pre{color:#004e9d;;font-size:18px;font-weight:bold;width:50%;float: left;}
.PrevTitle .Pre a{font-size:14px;color:#333;padding:15px 0px 0px 20px;display:block;font-weight:normal;}
.PrevTitle .Next{text-align:right;}

/*行业应用*/
.Industry{margin:70px 0px 50px 0px;}
.Industry li{width: 584px;height:238px;border: 1px solid #bfbfbf;float: left;margin:0px 27px 27px 0px;}
.Industry li .words{float:left;width:334px;padding:0px 25px;color:#333333;position:relative;height:100%;transition:0.3s all ease;line-height:24px;}
.Industry li .Img{float:right;width:200px;height:100%;overflow:hidden;}
.Industry li .Img img{width:100%;height:100%;transform:scale(1.0);transition:1s all ease;}
.Industry li:hover img{transform:scale(1.3);}
.Industry li .words .tit{margin:17px 0px 35px 0px;font-size:18px;font-weight: bold;}
.Industry li .words .sum{font-size:14px;color:#666666;width:270px;}
.Industry li .more{color:#004e9d;font-size:14px;font-weight:bold;position:absolute;bottom:45px;border-bottom:3px solid #004e9d;padding:0px 0px 10px 0px;}
.Industry li:nth-child(2n){margin:0px 0px 27px 0px;}
.Industry li:hover .more{color:#fdd56a;border-bottom:3px solid #fdd56a;}
.Industry li:hover .words{background:#004e9d;color:#fff;}
.Industry li:hover .words .sum{color:#fff;}

/*行业应用子页*/
.filed{width:1200px;margin:75px auto 140px;}
.filed1L{width:450px;height:270px;float: left;}
.filed1L img{width:100%;height:100%;}
.filed1R{width: 689px;height: 268px;border:1px solid #bfbfbf;float: right;border-left:0;padding:0px 30px;font-size:14px;color:#333;}
.filed1R .F_name{color:#004e9d;font-size:18px;margin:30px 0px 18px 0px;font-weight:bold;}
.filed1R .F_sum{color:#333;font-weight:bold;margin:0px 0px 25px 0px;}
.filed1R .F_info{color:#666666;line-height:22px;}
.filed1R .F_name:before{display:inline-block;width:7px;height:18px;background:#fdd56a;content:"";border-radius:20px;margin:0px 12px 0px 0px;position:relative;top:1px;}
.filed2{margin:50px 0px 0px 0px;}
.filed2 .F_name{color:#004e9d;font-size:18px;margin:30px 0px 18px 0px;font-weight:bold;}
.filed2 .F_name:before{display:inline-block;width:7px;height:18px;background:#fdd56a;content:"";border-radius:20px;margin:0px 12px 0px 0px;position:relative;top:1px;}
.filed2 ul{margin:40px 0px 0px 0px;}
.filed2 li{float:left;width:160px;height:160px;box-shadow:0px 5px 10px 4px #eee;margin:0px 10px 0px 0px;text-align:center;line-height:155px;}
.filed2 li:nth-child(7n){margin-right:0px;}
.filed2 li img{vertical-align:middle;width: 100%;max-height: 100%;}


/* 色彩研究 */
.color{width:1200px;margin: 95px auto 140px;}
.color li{height:340px;margin:0px 0px 40px 0px;}
.color .Img{width:295px;height:100%;float:left;box-shadow: 6px 6px 10px 5px #eee;overflow:hidden;border-radius:10px;}
.color .Img img{width:100%;/* height:100%; */transform:scale(1.0);transition:1s all ease;}
.color .words{width: 695px;height: 299px;float:right;border-radius:10px;box-shadow: 0px 5px 10px 3px #eee;background:url(../images/icon-color.png) #fff center center no-repeat;padding: 20px 130px 20px 65px;color: #333333;}
.color .words .title{font-size:18px;margin:10px 0px 0px 0px;}
.color .words .sum{font-size:14px;line-height: 32px;margin: 35px 0px 0px 0px;}
.color .words .title:before{display:inline-block;width:7px;height:18px;background:#fdd56a;content:"";border-radius:20px;margin:0px 12px 0px 0px;position:relative;top:1px;}
.color li:hover .words{color:#004e9d} 
.color li:hover img{transform:scale(1.3);} 


/*联系我们*/
.Contact .banner .words{display: none;}
.contactBox{width:1200px;margin: 95px auto 175px;}
.contactBox ul{padding:0px 0px 25px 0px;border-bottom:1px dashed #c1c1c1;margin: 0px 0px 55px 0px;}
.contactBox li{float:left;font-size:16px;color:#000000;line-height: 22px;padding: 0px 0px 0px 35px;width: 220px;margin: 0px 110px 15px 0px;}
.contactBox li.li1{width:390px;margin:0px 150px 0px 0px;line-height: 30px;}
.contactBox li.li1 .in{position:relative;top:-5px;}
.contactBox li label{color:#004e9d;font-weight:bold;}
.contactBox li.li3{margin-right:0px;}
.contactBox li.li5{margin-right:0px;}
#maps{height:440px;width:100%;position:relative;margin:0px 0px 85px 0px;}
.map{height:440px;width:100%;}
#maps .Mask{width:320px;height:44px;padding:6px 20px 6px 30px;;background:#0153a4;color:#fff;line-height:22px;position:absolute;bottom:20px;}
.contact1L{width:300px;float: left;margin: 90px 0px 0px 0px;}
.contact1L .code{width:110px;}
.contact1L .code img{width:110px;height:110px;}
.contact1L .code p{text-align:center;line-height:30px;color:#4c4c4c;font-size:21px;margin:5px 0px;}
.contact1L .shared{margin: 110px 0px 0px 0px;}
.contact1L .shared img{margin:0px 15px 0px 0px;}
.contact1R{width:855px;float:right;}
.contact1R p{color: #535353;font-size: 32px;margin:0px 0px 5px 0px;}
.contact1R em{font-size:12px;color:#535353;}
.contact1R form input[type='text']{width:266px;height:42px;border: 1px solid #dfdfdf;background: #f4f4f4;text-indent: 1em;margin: 30px 20px 0px 0px;line-height: 44px;}
.contact1R form input[type='text']:nth-child(3){margin-right:0px;}
.contact1R form textarea{width:853px;height: 115px;border: 1px solid #dfdfdf;background: #f4f4f4;text-indent: 1em;margin: 30px 20px 0px 0px;padding: 10px 0px;}
.contact1R form input.vc{width: 210px;margin: 20px 15px 0px 0px;}
.contact1R form input[type='button']{width:375px;height:46px;line-height:46px;text-align:center;background:#0153a4;color:#fff;border-radius:5px;float:right;margin: 20px 0px 0px 0px;font-size:16px;cursor: pointer;}
.contact1R form img{width: 100px;height:40px;border:1px solid #dfdfdf;background:#dcddde;margin: 0px 10px 0px 0px;}


/* 搜索 */
.Mobile1{display:none;}
.Search{width:1200px;margin:55px auto 150px;}
.Search li{line-height:40px;border-bottom:1px dashed #ccc;height:40px;}
.Search li a{font-size:14px;color:#333;}
.Search ul{margin:0px 0px 40px 0px;}


/*色彩研究心切图*/
.colorResearch{width:1200px;margin:110px auto 150px;position:relative;}
.colorResearch .p1{color:#333;font-size:30px;}
.colorResearch form{width:285px;height:48px;border:2px solid #e1e1e1;box-sizing:border-box;float:right;position:absolute;top: 2px;right:0px;}
.colorResearch input[type='text']{color:#999999;font-size:14px;height:100%;width:230px;text-indent:15px;}
.colorResearch input.btn-save{height:100%;width:50px;float:right;background:url(../images/icon-search1.png) center center no-repeat;cursor:pointer;}
.colorResearch1{/* width:1115px; */margin:0 auto;position: relative;}
.colorResearch1 .colorlist{font-size:0px;margin: 45px 0px 0px 0px;}
.colorResearch1 .colorlist a{width: calc(100% / 10);height: 110px;display:inline-block;background:#e4032f;position:relative;}
.colorResearch1 .colorlist .color2{background:#f28e16;}
.colorResearch1 .colorlist .color3{background:#ffec00;}
.colorResearch1 .colorlist .color4{background:#b7ce0d;}
.colorResearch1 .colorlist .color5{background:#3f993f;}
.colorResearch1 .colorlist .color6{background:#2faf9f;}
.colorResearch1 .colorlist .color7{background:#4376a3;}
.colorResearch1 .colorlist .color8{background:#745184;}
.colorResearch1 .colorlist .color9{background:#c1b28b;}
.colorResearch1 .colorlist .color10{background:#404040;}
.colorResearch1 .colorlist .color11{background:#f2f2f2;}
.colorResearch1 .colorlist a:after{width: 36px;height:27px;background:url(../images/icon-check.png) center center no-repeat;position:absolute;left:50%;top:50%;content:'';transform:translate(-50%,-50%);display: none;background-size:cover;}
.colorResearch1 .colorlist a.on:after{display:block;}
.colorResearch1 .colorlist a:hover:after{display:block;}
.colorResearch1 .colorlist a:hover{transform:scale(1.3);z-index:9999;border-top-right-radius:8px;border-bottom-left-radius:8px;box-shadow: 0px 1px 5px #9d9494;}
.colorResearch1 .colorlist a.on{transform:scale(1.3);z-index:9999;border-top-right-radius:8px;border-bottom-left-radius:8px;box-shadow: 0px 1px 5px #9d9494;}
.colorResearch1 .colorlist a:first-child.on,.colorResearch1 .colorlist a:first-child:hover{transform:scale(1.3) translateX(13px)}
.colorResearch1 .colorlist a:last-child.on,.colorResearch1 .colorlist a:last-child:hover{transform:scale(1.3) translateX(-13px)}
.colorResearch2{margin:60px 0px 45px 0px;font-size: 0;}
.colorResearch2 .box{display:inline-block;vertical-align: top;margin: 0px 15px 0px 0px;}
.colorResearch2 .box:nth-child(4n){margin-right:0}
.colorResearch2 .select{font-size:16px;color:#333333;font-weight:bold;width:285px;height:55px;line-height:55px;border:1px solid #e1e1e1;text-indent:20px;background:url(../images/icon-down.png) 250px center no-repeat;appearance: none;/* margin: 0px 15px 0px 0px; */outline: none;vertical-align: top;width: 288.5px;box-sizing: border-box;}
.colorResearch2 .select:nth-child(4n){margin:0;}
.colorResearch2 .select option:first-child{display:none;}
.colorResearch2 .box input{display:none}
.colorResearch2 .box .slide{width:285px;padding: 10px 20px;box-sizing:border-box;border:1px solid #e1e1e1;border-top:0;box-shadow:0 1px 5px rgba(0,0,0,.1);width: 288.5px;display: none;width: 100%;}
.colorResearch2 .box .slide label{padding-left:30px;position:relative;line-height:30px;font-size:14px;height: 30px;display: block;}
.colorResearch2 .box .slide label:after{content:"";width:14px;height:14px;border:1px solid #ccc;display:block;border-radius:50%;left:0;position:absolute;top:calc(50% - 7px);box-sizing: border-box;}
.colorResearch2 .box .slide p:first-child label{font-size:12px;color:#666}
.colorResearch2 .box .slide input:checked+label:after{border-color: #08c459;}
.colorResearch2 .box .slide input:checked+label:before{content:""; position:absolute;width: 6px; height: 6px; background: #08c459;border-radius:50%;left:4px;top:calc(50% - 3px);box-sizing: border-box;}
.colorResearch2 .box4 select,.colorResearch2 .box4 .slide{margin-right:0;}

.colorResearch .p2{font-size:26px;color:#666666;padding:0px 0px 15px 0px;border-bottom:1px solid #e1e1e1;}
.colorResearch ul{margin:30px 0px 0px 0px;}
.colorResearch ul li{width: 232px;height:120px;background:#b5043a;position:relative;margin:0px 10px 10px 0px;float:left;background-size: cover;background-repeat: no-repeat;background-position: center center;}
.colorResearch ul li .title{color:#fff;font-size:14px;position:absolute;bottom: 12px;width: 100%;text-indent: 15px;overflow: hidden;text-shadow: 0px 0px 2px #555;}
.colorResearch ul li:nth-child(5n){margin-right:0;}
.colorResearch ul li a{display:block;width: 100%;height: 100%;}


.colorResearchInfo{margin:130px auto 145px;width:1200px;}
.colorResearchInfo1{padding:0px 0px 60px 0px;border-bottom:1px solid #f0f0f0;}
.colorResearchInfo1L{width:580px;height:520px;float:left;background:#e4032f;border-top-right-radius:15px;border-bottom-left-radius:15px;overflow: hidden;position:relative;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.colorResearchInfo1L img{width:100%;height:100%;border-top-right-radius:15px;border-bottom-left-radius:15px;}
.colorResearchInfo1L .title{color:#fff;font-size:30px;position:absolute;left:35px;bottom:35px;text-shadow: 0px 0px 2px #555;}
.colorResearchInfo1R{width:570px;float:right;border-top:1px solid #f0f0f0;padding:25px 0px 0px 0px;}
.colorResearchInfo1R .c1{border-bottom:1px solid #f0f0f0;color:#333333;font-size:26px;padding:0px 0px 25px 0px;margin: 0px 0px 24px 0px;float:left;width:100%;}
.colorResearchInfo1R label{font-size:26px;color:#333333;font-weight:bold;}
.colorResearchInfo1R .c2{width:50%;}
.colorResearchInfo2 .name{color:#333;font-size:24px;text-align:center;font-weight: bold;margin: 56px 0px 28px 0px;}
.colorResearchInfo table{border:1px solid #efefef;width:100%;}
.colorResearchInfo table tr td:nth-child(1){width:213px;font-weight:bold;}
.colorResearchInfo tr td{line-height: 44px;box-sizing:border-box;color:#333333;font-size:16px;text-align:center;border-left: 1px solid #e0e0e0;}
.colorResearchInfo tr{box-sizing:border-box;/* height: 52px; *//* padding: 0px 2px; */}
.colorResearchInfo tr:nth-child(2n){background:#dce6f0;}
.colorResearchInfo tr:nth-child(2n) td{border-left:1px solid #fff;}
.colorResearchInfo tr:nth-child(2n) td:first-child{border-left: 1px solid #e0e0e0;}
.colorResearchInfo tr .td2{/* width:328px; */}
.colorResearchInfo tr .td3{/* width:328px; */}
.colorResearchInfo tr .td4{/* width: 41%; */}



@media(max-width:1024px){
.banner .words{width:80%;left:10%;margin-left: 0px;top: 50%;transform: translateY(-50%);}
.banner .words .className{font-size: 32px;}
.banner .words .enName{font-size: 18px;}
.twoNav{width:95%;display: block;flex-direction: unset;flex-wrap: unset;height: auto;line-height: 40px;margin: -40px auto 0px;font-size: 0px;padding: 0px;}
.twoNav a{display: block;width: 33.33%;margin: 0px;float: left;}

/*关于我们*/

.about1{width:95%;}
.Box .C_name{font-size: 20px;margin: 0px 0px 15px 0px;}
.about1 .A_sum{line-height:24px;margin: 0px 0px 8vw 0px;}
.about2Box1{width:100%;}
.about2Box{width:95%;margin: -9px auto 30px;}
.about2Box li .Img{height:30vw;}
.about2Box li .circle{margin: 0px 0px 18px 0px;}
.about2Box li .cen{padding:0px 0px 10px 0px;}
.about2{margin:30px 0px 0px 0px;padding: 0px;}
.about2Box li .year{font-size:18px;margin: 0px 0px 10px 0px;}
.about2Box li .tit{line-height: 20px;font-size: 14px;margin: 10px 0px;padding: 0px 7px;height: 40px;}
.about2Box li .sum{padding:0px 7px;}
.about2Box1 .swiper-button-prev{opacity: 1;width: 45px;height: 60px;left: 0px;background-size: 44px;}
.about2Box1 .swiper-button-next{width: 45px;height: 60px;right: 0px;background-size: 44px;}
.about2Box1 .swiper-button-prev:hover{background-size: 44px;}
.about2Box1 .swiper-button-next:hover{background-size: 44px;}

/*公司文化*/
.culturebox{margin:35px auto 0px;}
.culturebox .C_name{margin:0px 0px 20px 0px;}
.culture{background: url(../images/icon-culturebg1.png) left bottom no-repeat;background-size: contain;}
.culturebox ul{width:95%;padding: 0px 0px 50px 0px;}
.culturebox ul li{width: 49%;height: calc(52vw + 40px);margin: 0px 0px 9px 0px;box-shadow: 0px 0px 5px 1px #ccc;overflow: hidden;}
.culturebox ul li:nth-child(2n){margin-right:0px;float: right;}
.culturebox ul li .Img{height:52vw;}
.culturebox ul li .words .sum{width: calc(100% - 20px);padding: 0px 10px;height: 65px;line-height: 30px;font-size: 10px;}
.culturebox ul li .sum .tt1{line-height: 18px;}
.culturebox ul li .tit{margin: 25px auto 15px;font-size: 16px;}
.culturebox ul li .icon img{max-width:30px;}
.culturebox ul li:hover .Img{height:calc(52vw + 40px)}
.culturebox ul li:hover .words .sum{bottom: 60px;}


/* 公司实力 */
.strength1{width:95%;margin: 0 auto 25px;}
.strength1 .className{font-size:20px;margin: 30px 0px 10px 0px;}
.strength1 .classEn{font-size:16px;}
.strength1 .strength1List1 .classEn:after{width:calc(100% - 150px);top: -4px;}
.strength1 .sum{margin: 15px 0px 20px 0px;}
.strength1List1 li{width: 32%;margin: 0px 2% 5px 0px;}
.strength1List1 li .Img{height:20vw;}
.strength1List li img{width:100%;}
.strength1List1 li:nth-child(3n){margin-right:0px;}
.strength1List1 li .title{display: none;}
.strength1 .classEn:after{width:calc(100% - 215px);top:-4px;}
.strength1List2 li{width:23.5%;height:22vw;line-height:22vw;margin:0px 2% 10px 0px;}
.strength1List2 li:nth-child(7n){margin:0px 2% 10px 0px;}
.strength1List2 li:nth-child(4n){margin-right:0px;}
.strength1List2 li .Img{line-height:22vw;}

/* 新闻资讯 */
.technolog1{width:95%;margin: 30px auto;}
.News li{width:100%;height: auto;float: unset;margin: 0px 0px 30px 0px;}
.News li .Img{height:auto;}
.News li .time{width:60px;height:60px;}
.News li .day{font-size:18px;letter-spacing: 2px;margin: 10px 0px 5px 0px;line-height: 20px;}
.News li .years{font-size:12px;letter-spacing: 1px;}
.News li .words{height:auto;padding: 0px 10px 15px 10px;}
.News li .title{padding:15px 0px 10px 0px;}
.News ul{margin:0px 0px 10px 0px;}
#pages a{width:30px;height:30px;line-height:30px;}
.News{margin: 0px 0px 0px 0px;}
.NewsBox .C_name{display:none;}
.articleInfo{width:95%;margin: 0 auto 50px;min-height: 100px;}
.articleInfo .title{margin:40px auto 20px;}

/* 产品中心 */
.Product{margin: 25px auto 0px;}
.Product1{margin:30px auto 10px;}
.Product li{width:48.5%;margin: 0px 0px 17px 0px;height: calc(45vw + 55px);}
.Product li:nth-child(2n){float:right;}
.Product li .Img{height:45vw;line-height: 45vw;}
.Product li .words{height:50px;}
.Product li .title{font-size:16px;padding: 8px 0px 0px 0px;line-height: 20px;}
.Product li .sum{line-height:16px;}
.Product ul{margin:0px;}


/* 产品详情 */
.ProductInfo{width:95%;margin: 30px auto 0px;}
.productTitle{font-size:20px;}
.ProductInfos{margin:15px auto 0px;}
.productTitle:before{top:2px;}
.ProductInfo1{float:unset;width:100%;}
.ProductInfo2{width: 100%;float: none;margin: 40px 0px 0px 0px;}
.ProductInfos .p1{margin: 15px 0px 10px 0px;font-size: 16px;}
.ProductInfo3 .performance{margin:0px 0px 15px 0px;}
.ProductInfo3{width:100%;float:none;margin:0px;}
.NextTitle{width: 100%;margin: 30px auto;}
.PrevTitle{width:95%;margin: 10px auto 0px;}
.PrevTitle .Pre{font-size:16px;}
.PrevTitle .Pre a{padding: 7px 0px 0px 0px;font-size: 12px;}


/* 行业应用 */
.Industry{margin:35px auto 0px;}
.Industry li{width:48%;margin: 0px 0px 15px 0px;height: auto;border: 0;box-shadow: 0px 0px 13px 1px #bfbfbf;}
.Industry li .Img{float:none;height:45vw;width: 100%;}
.Industry li:nth-child(2n){float:right;margin: 0px 0px 15px 0px;}
.Industry li .Img img{width:100%;height:100%;}
.Industry li .words{width:100%;padding:0px;height: 50px;}
.Industry li .words .sum{display:none;}
.Industry li .words .tit{margin: 5px 0px 5px 0px;padding: 0px 10px;font-size: 16px;text-align: center;height: 24px;overflow: hidden;}
.Industry li .more{bottom: 3px;border-bottom: 0;padding: 0px;left: 50%;margin-left: -22px;font-size: 12px;font-weight: normal;}
.Industry li:hover .more{border-bottom:0;}

.filed{width:100%;margin: 35px auto 50px;}
.filed1 {width:95%;margin:0 auto;}
.filed1L{float:none;width:100%;height:auto;}
.filed1R{width: calc(100% - 22px);float:none;padding: 0px 10px 15px 10px;border-left: 1px solid #bfbfbf;height: auto;}
.filed1R .F_name{margin:20px 0px 10px 0px;font-size:16px;}
.filed1R .F_sum{margin:0px 0px 15px 0px;}
.filed2{width:95%;margin:0 auto;}
.filed2  li{width:23.5%;height:22vw;line-height: 21vw;margin:0px 2% 10px 0px;}
.filed2  li:nth-child(7n){margin:0px 2% 10px 0px;}
.filed2  li:nth-child(4n){margin-right:0px;}
.filed2  li .Img{line-height:22vw;}
.filed2 .F_name{font-size:16px;}
.filed2 ul{margin:20px 0px 0px 0px;}

/* 色彩研究 */
.color{width:95%;margin:35px auto 0px;}
.color li{height:auto;margin: 0px 0px 40px 0px;}
.color .words{width: calc(100% - 20px);float:none;padding: 10px 10px 20px 10px;height: auto;box-shadow: 0px 0px 10px 2px #eee;}
.color .words .sum{margin:25px 0px 0px 0px;line-height:24px;}
.color .Img{width:100%;margin: 20px 0px 0px 0px;float: none;height: 60vw;}


/* 联系我们 */
.contactBox{width: 100%;margin: 40px auto 0px;}
.contactBox ul{border: 0;width: 95%;margin: 0 auto;overflow: hidden;}
.contactBox li{width: calc(50% - 25px);padding: 0px 0px 0px 25px;background-size: 15px!important;margin: 0px 0px 5px 0px;font-size: 10px;line-height: 20px;}
.contactBox li.li1{width:100%;margin: 0px 0px 20px 0px;line-height: 20px;}
.contactBox li.li1 .in{top:-2px;}
#maps{height:59vw;margin: 0px 0px 30px 0px;}
.map{height:59vw;}
#maps .Mask{width: 250px;padding: 6px 10px 6px 10px;font-size: 12px;line-height: 18px;height: auto;}
.contact1{width:95%;margin:0 auto;}
.contact1L{display:none;}
.contact1R{width:100%;float:none;margin: 0px 0px 35px 0px;}
.contact1R p{font-size:18px;}
.contact1R form input[type='text']{width:100%;margin: 15px 0px 0px 0px;height: 40px;line-height: 40px;}
.contact1R form textarea{width:100%;margin:15px 0px 0px 0px;}
.contact1R form input.vc{width:calc(100% - 100px);margin: 12px 0px 0px 0px;}
.contact1R form img{width:90px;}
.contact1R form input[type='button']{width:100%;float: none;}


/* 创新科技 */
.technologyL{width:100%;float:none;margin: 30px 0px 0px 0px;}
.technologyL li .sum{margin: 10px 0px 0px 0px;}
.technologyR{display:none;}
.technologyL li .mobileImg{display:block;margin:15px 0px;}
.technologyL li img{width:49%;}
.technologyL li img:nth-child(2n){float:right;}
.technologyL li.li1 .mobileImg img{width:100%;}



.PC1{display:none;}
.Mobile1{display:block;}
.Search{width:95%;margin:20px auto 30px;}


.colorResearch{width:95%;margin: 30px auto 50px;}
.colorResearch1{width:97%;}
.colorResearch .p1{font-size: 16px;}
.colorResearch form{width: 175px;height: 38px;border: 1px solid #e1e1e1;top: -5px;}
.colorResearch form input[type='text']{width: calc(100% - 30px);text-indent: 8px;font-size: 13px;}
.colorResearch form input.btn-save{width: 30px;}
.colorResearch1 .colorlist{margin:30px auto 0px;}
.colorResearch1 .colorlist a{width:calc(100% / 5);height: 63px;}
.colorResearch1 .colorlist a:hover{transform:scale(1.2);}
.colorResearch1 .colorlist a:after{width:30px;height:20px;}
.colorResearch1 .colorlist a.on{transform:scale(1.2);}
    .colorResearch1 .colorlist a:first-child.on,.colorResearch1 .colorlist a:first-child:hover{transform:scale(1.3) translateX(0)}
.colorResearch1 .colorlist a:last-child.on,.colorResearch1 .colorlist a:last-child:hover{transform:scale(1.3) translateX(0)}

.colorResearch2{margin: 40px 0px 20px 0px;}
.colorResearch2 .select{/* width: 48%; *//* margin: 0px 0px 15px 0px; */font-size: 14px;height: 45px;line-height: 45px;background: url(../images/icon-down.png) 95% center no-repeat;width: 100%;}
.colorResearch2 .select:nth-child(2n){float:right;}
    .colorResearch2 .box{width:48%;margin-bottom: 15px;margin-right: 3%;}
    .colorResearch2 .box:nth-child(2n){margin-right:0}
    
.colorResearch .p2{font-size:22px;}
.colorResearch ul li{width:48%;margin:0px 0px 15px 0px;height: 115px;}
.colorResearch ul li:nth-child(2n){float:right;}

.colorResearchInfo1{padding: 0px 0px 30px 0px;}
.colorResearchInfo{width:95%;margin: 25px auto;}
.colorResearchInfo1L{width:100%;float:none;height:75vw;}
.colorResearchInfo1L .title{font-size:20px;bottom:20px;left:20px;}
.colorResearchInfo1R{float:none;width:100%;}
.colorResearchInfo1R .c1{float:none;width:100%;font-size: 16px;padding: 0px 0px 12px 0px;margin: 0px 0px 11px 0px;}
.colorResearchInfo1R .c1 label{font-size: 16px;}
.colorResearchInfo2 .name{margin: 30px auto 20px;font-size: 18px;}
.colorResearchInfo tr td{font-size: 14px;padding: 1px;}
/*.colorResearchInfo table .td1{width: 25%;} 
.colorResearchInfo tr{padding:1px;}
.colorResearchInfo tr .td2{}
.colorResearchInfo tr .td3{width:25%;}
.colorResearchInfo tr .td4{}*/
.colorTable{overflow-x:scroll;}
.colorTable table{width:800px;} 
.colorResearchInfo table tr td:nth-child(1){width:16%;}

}

















