@font-face      {font-family:yiyingbao;src:url(../font/iconfonts.ttf?v=1.2) format("truetype")}
.yiyingbaoicon  {font-family:yiyingbao;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

h2.comt{ text-align: center; line-height: 100%;font-weight: bold;}
h2.comt i{ color: #333;display: block; font-size: 1.3rem; line-height: 2rem;padding:2rem 0 40px 0;background: url(../images/comtBg.png) no-repeat center calc(100% - 10px);}
h2.comt em{ display: block; font-weight: normal; text-transform: uppercase; color: #959595; font-size: 0.8rem; line-height: 100%; padding-bottom: 2.2rem;}

.product_ban {width: auto;margin: 0 1rem;}
.product_tit {text-align: center;font-size: 1.5rem;font-weight: bold;color: #333;margin: 2rem 0;}
.product_brief,
.article_info {line-height: 1.6;color: #666;font-size: 1.1rem;margin: 1rem;text-indent: 2em;padding-bottom: 2rem;border-bottom: 1px solid #cccccc;}
.article_info p     {margin: 1rem 0;}
.article_info img {display: block;width: 100%;}
.sx_article    {    margin: 1rem 1rem 5rem;}
.sx_article p {font-size: 0.8rem;color: #000;}
.sx_article p a {color: #666;}

.ys_con5{border-bottom: 2px solid #eee; padding-bottom: 3rem; position: relative;}
.ys_con5 dt     {height: auto;}
.ys_con5 dt img {display: block;height:100%;object-fit: cover;margin: 0 auto;width: 100%;}
.ys_con5  dl    {margin-bottom: 3rem;}
.ys_con5  dl dd h4{ padding-left: 4.3rem;background: url(../images/yio1.png) no-repeat; background-size:3.1rem 2.5rem; height: 2.5rem; line-height: 2.5rem; color: #000; font-size: 1.8rem; margin-bottom: 2rem;}
.ys_con5  dl dd p{ color: #666; font-size: 1.2rem; padding-bottom: 2.5rem;}
.ys_con5  dl dd p span{ display: block; padding-left:1.5rem; margin-bottom: 1.4rem;background: url(../images/yo2.jpg) no-repeat 0 0.65rem; background-size:0.5rem;}
.ys_nav5{ margin: 0 4.8%; overflow: hidden; position: relative; box-sizing: border-box; padding-left: 15%;}
.ys_nav5:before{ content:""; position:absolute;height:1px;width:100%;left:0;top:50%; background:#666;}
.ys_nav5 li{ float: left; height: 2.1rem; line-height: 2.1rem; width: 2.1rem; color: #666; border: 1px solid #666; border-radius: 2.1rem; margin-right:13%; text-align: center; background: #fff;position: relative;}
.ys_nav5 li:hover, .ys_nav5 li.on{color: #134489; border: 1px solid #134489;}
.competeTxt                     {width: 100%;margin-bottom: 20px;}
.competeTxt .name               {height: 50px;line-height: 50px;position: relative;padding:0 20px 0 75px;background: #134489;}
.competeTxt .name .icon         {display: block;width: 50px;height: 50px;position: absolute;left: 15px;top: 0;}
.competeTxt .name .icon1        {background: url("../images/ysIcon1.png") no-repeat center;background-size: 60%;}
.competeTxt .name .icon2        {background: url("../images/ysIcon2.png") no-repeat center;background-size: 60%;}
.competeTxt .name .icon3        {background: url("../images/ysIcon3.png") no-repeat center;background-size: 60%;}
.competeTxt .name .icon4        {background: url("../images/ysIcon4.png") no-repeat center;background-size: 60%;}
.competeTxt .name span          {vertical-align: top;display: inline-block;}
.competeTxt .name .cn           {font-size:1.4rem;color: #fff;}
.competeTxt .name .en           {color:#7f8c8d;font-size: 0.5rem;}
.competeTxt .listTxt            {padding: 10px 20px 0;border-top: 1px solid #fff;}
.competeTxt .listTxt li         {line-height: 25px;color: #666;font-size: 1rem;padding-left: 15px;position: relative;}
.competeTxt .listTxt li i       {position: absolute;display: block;width: 12px;left: 0;top: 0;}
.competeTxt .listTxt li font    {font-weight: bold;color:#e67e22;margin: 0 3px;}
.productList                        {background: #fff;margin-bottom: 50px;}
.productList ul                     {padding: 20px 10px;}
.productList li                     {width: calc((100% - 20px) / 3);float: left;margin-right: 10px;margin-bottom: 10px;}
.productList li:nth-child(3n)       {margin-right: 0;}
.productList li a                   {display: block;}
.productList li .img                {height: 100px;width: 100%;border: 1px solid #ededed;position: relative;overflow: hidden;}
.productList li .img img            {display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;max-width: 100%;max-height: 100%;object-fit: contain;transition: all linear .5s;}
.productList li:hover img           {transform: scale(1.2);}
.productList li .tit                {text-align: center;height: 25px;line-height: 25px;border: 1px solid #ededed;border-top: 2px solid #005cb3;color: #666666;font-size: 12px;margin-top: 5px;}

.page           		{text-align: center;margin: 20px 0;}
.page a,.page b 		{display: inline-block;border: 1px solid #a0a09f;padding: 0 3px;font-size: 14px;min-width: 25px;height: 25px;line-height: 25px;font-weight: normal;background: #efefef;}
.page b,
.page a:hover   		{background: #fff;}

.case-nav ul    				{width: 100%;display: inline-block;padding: 0 5px;box-sizing: border-box;}
.case-nav li    				{width: calc((100% - 10px) / 3);padding: 0 10px 0 45px;height: 40px;line-height: 40px;background: #005cb3;color: #fff;float: left;text-align: center;margin-bottom: 5px;cursor: pointer;box-sizing: border-box;margin-right: 5px;position: relative;}
.case-nav li.on 				{background: #143b73;}
.case-nav li:nth-child(3n)      {margin-right: 0;}
.case-nav li i                  {display: inline-block;width: 35px;height: 40px;position: absolute;left: 5px;top: 0;}
.case-nav li:nth-child(1n) i    {background: url("../images/cIcon1.png") no-repeat center;background-size: 70%;}
.case-nav li:nth-child(2n) i    {background: url("../images/cIcon2.png") no-repeat center;background-size: 70%;}
.case-nav li:nth-child(3n) i    {background: url("../images/cIcon3.png") no-repeat center;background-size: 70%;}
.case-nav li:nth-child(4n) i    {background: url("../images/cIcon4.png") no-repeat center;background-size: 70%;}
.case-nav li:nth-child(5n) i    {background: url("../images/cIcon5.png") no-repeat center;background-size: 70%;}
.case-nav li:nth-child(6n) i    {background: url("../images/cIcon6.png") no-repeat center;background-size: 70%;}
.case-nav li span               {vertical-align: top;display: inline-block;line-height: 40px;width: auto;font-size: 1rem;}

.aboutMain                          {padding: 0 10px;box-sizing: border-box;width: 100%}
.aboutTop 							{margin: 20px 0;}
.aboutImg                           {position: relative;}
.aboutImg img                       {display: block;width: 100%;height: auto;}
.aboutImg span                      {display: inline-block;position: absolute;line-height: 40px;left: 0;bottom: -20px;color: #fff;background: #1375d1;padding: 0 10px;font-size: 1rem;}
.aboutTop p 						{font-size:13px;color:#666666;font-family:Arial;line-height:1.75;margin: 30px 0 20px;}
.aboutTop li						{width: calc((100% - 20px) / 3);margin-right: 10px;float: left;}
.aboutTop li:last-child 			{margin-right: 0;}
.aboutTop li img 					{display: block;width: 100%;height: auto;object-fit: contain;}
.aboutCentinfo                      {margin-bottom: 20px;}
.aboutCentinfo .txt,
.aboutCentinfo .img 				{width: 100%;}
.aboutCentinfo .img  				{overflow: hidden;}
.aboutCentinfo .img img 			{object-fit: cover;display: block;width: 100%;height: 100%;margin: 0 auto;}
.aboutCentinfo .txt 				{padding: 0;}
.aboutCentinfo .tit 			    {position: relative;font-size:1.4rem;color:#000000;line-height: 35px;font-weight: bold;padding-bottom: 10px;padding-left: 20px;background: #e8e4e4;}
.aboutCentinfo .tit::before 	    {content: '';display: block;width: 50px;height: 3px;background: #000;position: absolute;left: 20px;bottom: 5px;}
.aboutCentinfo .txt .brief p 		{color: #555555;line-height:1.75;font-size:14px;text-align: justify;margin: 10px 0;}
.aboutCent .small 					{line-height:1.75;color:#666666;font-size:14px;font-family:Arial;margin: 20px 0 ;padding-top: 20px;border-top: 1px solid #e8e4e4;}
.aboutNav                           {padding: 0 10px;}
.aboutNav a                         {display: block;width: calc((100% - 20px) / 3);margin-right: 10px;float: left;text-align: center;font-size: 1rem;height: 2.5rem;line-height: 2.5rem;border: 1px solid #adadad;box-sizing: border-box;margin-bottom: 10px;color: #333;}
.aboutNav a:nth-child(3n)           {margin-right: 0;}
.aboutNav a.on                      {color: #005cb3;border: 1px solid #005cb3;}

.showmtb                        {margin: 15px auto;}
.showCont                       {text-align: center;font-size: 17px;color: #fff;font-weight: bold;background: #005cb3;line-height: 40px;margin-bottom: 10px;}
.showsjInfo                     {display: flex;align-items: center;justify-items: center;}
.showsjInfo .img                {flex: 2;height: auto;}
.showsjInfo .img img            {display: block;width: 100%;height: 100%;object-fit: cover;}
.showsjInfo .txt                {flex: 1;box-sizing: border-box;padding: 10px;}
.showsjInfo .txt p              {font-size: 0.8rem;line-height: 1.5;}
.showsjInfo .txt .tit           {color:#003399;font-weight: bold;}
.showFx                         {background: #004099;padding: 10px 5px 30px;}
.showFx .showCont               {color: #fff;background: #004099;}
.showFxbox .img                 {height: auto;float: left;margin-left: 10px;width: calc((100% - 10px) / 2)}
.showFxbox .img:first-child     {margin-left: 0;}
.showFxbox .img img             {display: block;width: 100%;height: auto;object-fit: contain;}
.showFxbox .txt                 {width: 100%;border: 15px solid #3366cc;background: #3c78d8;height:auto;float: left;padding: 20px 50px;color:#ffffff;line-height:2;font-size: 15px;box-sizing: border-box;margin-top: 10px;}
.showJgbox                      {height: auto;padding: 0 10px;margin: 30px 0;}
.showJgbox2 .img,
.showJgbox2 .txt                {width: 100%;padding-left: 0!important;}
.showJgbox .img                 {height: auto;width: 100%;}
.showJgbox .img img             {display: block;width: 100%;height:200px;object-fit: cover;margin: 0 auto;}
.showJgbox .txt                 {position: relative;width: 100%;box-sizing: border-box;padding-left: 10px;line-height: 1.2;}
.showJgbox .txt .txtInfo        {width: 100%;}
.showJgbox .txt .b              {font-size:.6rem;color: #000;line-height: 20px;font-weight: bold;}
.showJgbox .txt .s              {font-size:.5rem;color:#999999;margin-bottom: 10px;}
.showJgbox .txt span            {padding-right: 10px;}
.showClinfo                     {position: relative;line-height:1.75;font-size: 16px;padding-left: calc(100% / 2);box-sizing: border-box;height: 350px;margin-bottom: 20px;}
.showClinfo .img1               {position: absolute;left: 0;top: 0;width:calc((100% - 10px) / 2);height: 350px;}
.showClinfo .img2               {position: absolute;right: 0;bottom: 0;width:calc((100% - 10px) / 2);height: 170px;}
.showClinfo img                 {width: 100%;height: 100%;object-fit: cover;}
.showClinfo p                   {font-size: 0.8rem;padding-left: 20px;color: #000;line-height: 2;}
.showZp .showCont               {margin-bottom: 0;}
.showZpBanner                   {height: auto;width: 100%;}
.showZpBanner img               {width: 50%;display: block;float: left;height: 100%;}
.showZpslide                    {position: relative;padding: 0 10px;}
.showZpslide li                 {float: left;width: calc((100% - 20px) / 2);margin: 10px 0;}
.showZpslide li:nth-child(2n)   {margin-left: 20px;}
.showZpslide img                {width: 100%;height: 100px;object-fit: cover;}
.showZpslide .hd                {height: 192px;position: absolute;z-index: 99999;width: 100%;}
.showZpslide .hd .prev,
.showZpslide .hd .next          {display: block;width: 30px;height: 100%;background: #fff;position: absolute;line-height: 192px;text-align: center;}               
.showZpslide .hd .prev          {left: -30px;top:0;}
.showZpslide .hd .next          {right: -30px;top: 0;}
.showGj                         {background: #004aa5;width: 100%;padding: 20px 10px;box-sizing: border-box;}
.showGj .showCont               {color: #fff;}
.showGj .Imglist li             {width: calc((100% - 30px) / 3);height: 100px;border: 15px solid #005cb3;background: #fff;margin-right: 15px;float: left;margin-bottom: 15px;box-sizing: border-box;}
.showGj .Imglist li:nth-child(3n){margin-right: 0;}
.showGj .Imglist li img         {object-fit: contain;width: 100%;height: auto;margin: 0 auto;position: relative;top: 50%;transform: translateY(-50%);}
.showGjInfo .csInfo             {margin-bottom: 20px;}
.showGjInfo .img                {width: 100%;height: 100%;border: 15px solid #005cb3;box-sizing: border-box;}
.showGjInfo .img img            {object-fit: cover;width: 100%;height: 100%;margin: 0 auto;}
.showgd                         {text-align: center;margin: 30px 0;font-size: 1rem;color: #666;}


.nybanner           {height: auto;background-color: rgb(0, 0, 0);position: relative;}
.combanner          {opacity: 0.9;width: 100%;height: 380px;background-size: cover;}
.zlbanner           {background-image: url(../images/zlBg.jpg);height: 230px;opacity: 0.4;background-repeat: no-repeat;background-attachment: initial;background-position: center bottom;position: relative;}
.nybanner .txt      {position: absolute;text-align: center;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.nybanner .txt .en  {color: #fff;font-size: 20px;font-weight: normal;}
.nybanner .comt     {padding: 10px 0 0;}
.nybanner .comt i   {padding: 0 0 40px;font-size: 1rem;color: #fff;}
.zlImg 							{text-align: center;margin: 30px auto;}
.zlImg img 						{display: block;max-width: 100%;margin: 0 auto;}
.zlImg2 						{height: 220px;background-repeat: no-repeat;background-attachment: initial;background-position: center center;background-image: url("../images/zl2.jpg");background-size: cover;}
.zlTx 							{text-align: center;background: #eeeeee;padding: 20px 20px 60px;}
.zlTximg 						{width: calc((100% - 20px) / 2);height: auto;border: 8px solid #fff;position: relative;float: left;margin-right: 20px;box-sizing: border-box;}
.zlTximg:last-child             {margin-right: 0;}
.zlTximg::before,
.zlTximg::after  				{content: '';position: absolute;bottom: -26px;width: 165px;height: 26px;background-image: url("../images/imgshadow.png");background-repeat: no-repeat;}
.zlTximg::before 				{left: -20px;background-position: 0 0;}
.zlTximg::after 				{right: -20px;background-position: 100% 0;}
.zlTximg img                    {display: block;width: 100%;}
.zlImg-list                     {padding: 0 10px;}
.zlImg-list li 					{width: calc((100% - 12px) / 3);background: #c6c6c6;height: 205px;float: left;margin-bottom: 20px;margin-right: 6px;}
.zlImg-list li:last-child       {margin-right: 0;}
.zlImg-list li div 				{background: #fff;width: 100%;height: 100%;overflow: hidden;transform: translate(-6px,-6px);}
.zlImg-list li img 				{width: 100%;height: 100%;margin: 0px auto;display: block;object-fit: cover;}
.zlImg-list li:last-child img 	{object-fit: contain;}

.message                {border-top: 1px solid #e5e5e5;padding: 10px;}
.message .input         {margin-bottom: 20px;}
.message .input p       {font-size: 14px;color: #666;}
.message .input p font  {color: #f00;margin-left: 3px;}
.message .input input   {line-height: 30px;display: block;width: 100%;box-sizing: border-box;padding: 0 10px;}
.message .input input:focus,
.message .input textarea:focus {outline: none;resize: none;}
.message .input textarea {display: block;width: 100%;box-sizing: border-box;padding: 5px 10px;min-height: 100px}
.message .input input[type="submit"] {background: #0063c1;border: 0 none;color: #fff;}

.map                            {width: 100%;height: 300px;}
.contact-info                   {margin: 50px 0;}
.contact-info .comt             {padding-bottom: 0;}
.contact-info ul                {position: relative;}
.contact-info li                {width: 100%;position: relative;padding: 5px 0 5px 80px;margin: 10px;box-sizing: border-box;}
.contact-info li i              {display: block;width: 60px;height: 60px;position: absolute;left: 0;top: 0;line-height: 60px;text-align: center;color: #fff;font-size: 32px;background: #26dcb5;border-radius: 4px;}
.contact-info li p              {line-height: 25px;color: #555555;font-size: 16px;}
.contact-info li font           {font-weight: bold;}
.contact-service                {background: #fff;margin-top: 20px;padding-bottom: 50px;}
.contact-serInfo                {display: flex;align-items: center;justify-items: center;padding: 0 10px;margin:50px 0 20px;}
.contact-serInfo .txt           {flex: 1;padding: 0 5px;color: #555555;font-size: 1rem;line-height: 20px;}
.contact-serInfo .txt span      {font-weight: bold}
.contact-serInfo .txt b         {color: #000;display: block;border-bottom: 1px solid #e5e5e5;line-height: 30px;margin-bottom: 10px;font-size: 1.2rem;}
.contact-serInfo .img           {flex: 1;padding: 0 10px;}
.contact-serInfo img            {display: block;max-width: 100%;}

.aboutLc 							{background: #eeeeee;padding: 20px 0;}
.aboutLc .comt .en 					{font-size: 30px;font-weight: bold;font-family: Arial;color: #000;}
.aboutLc .comt .cn 					{color:#000000;font-size: 16px;font-weight: bold;padding-bottom: 30px;background: url("../images/comtBg.png") no-repeat center bottom;margin-bottom: 20px;}
.aboutlist 							{position: relative;padding: 20px 0;}
.aboutlist::before 					{content: '';display: block;height: 100%;border-left:2px dotted #005cb3;width:2px;position: absolute;left: 50%;top: 0;margin-left: -1px;}
.aboutlist ul 						{width: 100%;position: relative;}
.aboutlist ul li 					{width: 100%;position: relative;margin: 60px 0;}
.aboutlist ul li .time 				{width: 30%;position: relative;display: block;background: #fff;margin: 0 auto;}
.aboutlist ul li .time span 		{display: block;height: 40px;text-align: center;line-height: 40px;color: #000000;font-size: 16px;}
.aboutlist ul li .tit 				{text-align: center;width: 30%;color: #555555;font-size: 15px;line-height: 40px;position: absolute;top: 0;}
.aboutlist ul li:nth-child(2n+1) .tit 	{left: 10px;}
.aboutlist ul li:nth-child(2n) .tit {right: 10px;}
.aboutlist ul li .img 				{background: #fff;padding: 8px;position: absolute;top: -20px;transition: all linear .3s;width: 110px;height: 75px}
.aboutlist ul li:nth-child(2n+1) .img {right: 10px;}
.aboutlist ul li:nth-child(2n) .img {left: 10px;}
.aboutlist ul li .img img 			{display: block;object-fit: contain;width: 100%;height: 100%;margin: 0 auto;}

.sitemap            {margin:0 auto 20px;max-width: 96%;}
.siteList h4        {background: #005cb3;width: 120px;text-align: center;margin-top: 30px;height: 30px;line-height: 30px;}
.siteList h4 a      {font-size: 16px;font-weight: bold;color: #fff;}
.siteInfo           {border: solid 1px #E0E0E0;padding: 5px;overflow: hidden;}
.siteInfo ul li     {float: left;line-height: 30px;width: calc((100% - 10px) / 3);;white-space: nowrap;overflow: hidden;height: 30px;text-align: center;border: 1px solid #e1e1e1;margin-right: 5px;margin-top: 5px;font-size: 12px;box-sizing: border-box;}
.siteInfo ul li:nth-child(3n) {margin-right: 0;}
.siteInfo ul li a   {display: block;}
.siteInfo ul li:hover a{color: #005cb3;}
.siteList:nth-child(2) .siteInfo ul li:last-child {width: calc((100% - 10px) / 2)}

