@charset "utf-8";
/* CSS Document */

body{ margin:0px; padding:0px; border:0px; font-family:"Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei"; color:#333; font-size:14px; width:100%; background:#ffffff; -webkit-text-size-adjust: none;}
a{ margin:0px; padding:0px; border:0px; text-decoration:none; color:#333; font-size:14px;}
a:hover{ text-decoration:none;}
*{ padding:0px; margin:0px; border:0px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
/* background:rgba(0,0,0,0);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);*/
li{ list-style:none;}


input:focus{ outline: none; -webkit-appearance:none;}/*去除按钮选中的高亮标签*/
textarea:focus{ outline: none; -webkit-appearance:none;}/*去除文本框选中的高亮标签*/
button:focus{ outline: none; -webkit-appearance:none;}/*去除按钮选中的高亮标签*/
select:focus{ outline: none; -webkit-appearance:none;}/*去除下拉框选中的高亮标签*/
img{ max-width:100% !important; vertical-align: middle;}
div,p,table,td,ul,li,span,a,ol,input,label{ padding:0px; margin:0px; border:0px;}
input::-ms-input-placeholder{ color:#333; font-size:14px;}
input::-webkit-input-placeholder{ color:#333; font-size:14px;}
input::-moz-placeholder{ color:#333; font-size:14px;}
input::-moz-placeholder{ color:#333; font-size:14px;}


@font-face{ 
  font-family:'ab';
  src:url(../images/ab.OTF);
}

/*黑白照片*/
.gray { 
-webkit-filter: grayscale(100%); 
   -moz-filter: grayscale(100%); 
    -ms-filter: grayscale(100%); 
     -o-filter: grayscale(100%); 
        filter: grayscale(100%); 
        filter: gray; 
}

.gray:hover { 
-webkit-filter: grayscale(0%); 
   -moz-filter: grayscale(0%); 
    -ms-filter: grayscale(0%); 
     -o-filter: grayscale(0%); 
        filter: grayscale(0%); 
        filter: gray; 
}
/*圆角5px*/
.radius5{ 
-webkit-border-radius:5px; 
   -moz-border-radius:5px; 
    -ms-border-radius:5px; 
     -o-border-radius:5px; 
        border-radius:5px; 
}
/*圆角10px*/
.radius10{ 
-webkit-border-radius:10px; 
   -moz-border-radius:10px; 
    -ms-border-radius:10px; 
     -o-border-radius:10px; 
        border-radius:10px; 
}
/*图片变大*/
.tra{
-webkit-transform: scale(1);
   -moz-transform: scale(1);
    -ms-transform: scale(1);
     -o-transform: scale(1);
           filter: scale(1);
           filter: transform;
       transition: all 0.5s ease 0s;
-webkit-transform: all 0.5s ease 0s; 
}
.tra:hover{
-webkit-transform: scale(1.15);
   -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
     -o-transform: scale(1.15);
           filter: scale(1.15);
           filter: transform;
       transition: all 0.5s ease 0s;
-webkit-transform: all 0.5s ease 0s; 
}
/*透明度50%*/
.opacity5{ filter:alpha(opacity=50);-moz-opacity:0.5; -khtml-opacity:0.5;opacity: 0.5;}

.shadow5{ 
-webkit-box-shadow:rgba(0,0,0,0.13) 5px 5px 5px; 
   -moz-box-shadow:rgba(0,0,0,0.13) 5px 5px 5px; 
    -ms-box-shadow:rgba(0,0,0,0.13) 5px 5px 5px; 
     -o-box-shadow:rgba(0,0,0,0.13) 5px 5px 5px; 
        box-shadow:rgba(0,0,0,0.13) 5px 5px 5px; 
}

.shadow10{ 
-webkit-box-shadow:rgba(0,0,0,0.13) 5px 5px 10px; 
   -moz-box-shadow:rgba(0,0,0,0.13) 5px 5px 10px; 
    -ms-box-shadow:rgba(0,0,0,0.13) 5px 5px 10px; 
     -o-box-shadow:rgba(0,0,0,0.13) 5px 5px 10px; 
        box-shadow:rgba(0,0,0,0.13) 5px 5px 10px; 
}

.chizhi{
				 display:-webkit-box;
				 display:-webkit-flex;
				 display:-moz-box;
				 display:-moz-flex;
				 display:-ms-flexbox;
				 display:flex;
/* 水平居中*/ 
	   -webkit-box-align:center;
		  -moz-box-align:center;
		   -ms-flex-pack:center;
 /* IE 10 */
 -webkit-justify-content:center; 
	-moz-justify-content:center;
	     justify-content:center;
/* IE 11+,Firefox 22+,Chrome 29+,Opera 12.1*/
/* 垂直居中 */ 
		-webkit-box-pack:center;
		  -ms-flex-align:center;
		   -moz-box-pack:center;
/* IE 10 */
	 -webkit-align-items:center;
	    -moz-align-items:center;
	    	 align-items:center;
}


banner .banner_icon
{
animation: myfirst 2s ease-in-out infinite;
-moz-animation: myfirst 2s ease-in-out infinite；	 /*Firefox */
-webkit-animation: myfirst 2s ease-in-out infinite； /*Safari 和 Chrome */
-o-animation: myfirst 2s ease-in-out infinite； /*Opera */
}

@keyframes myfirst
{
  0%   { transform:translate(0,-20px); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { transform:translate(0,20px); opacity: 0; }
}

@-moz-keyframes myfirst 
{
/* Firefox */
  0%   { -moz-transform:translate(0,-20px); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { -moz-transform:translate(0,20px); opacity: 0; }
}

@-webkit-keyframes myfirst
{
/* Safari 和 Chrome */
  0%   { -webkit-transform:translate(0,-20px); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { -webkit-transform:translate(0,20px); opacity: 0; }
}

@-o-keyframes myfirst 
{
/* Opera */
  0%   { -o-transform:translate(0,-20px); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { -o-transform:translate(0,20px); opacity: 0; }
}


{}

.pc_top{ width:100%; padding:0 calc( 100% * ( 40 / 1920 )); height:105px; background:#FFFFFF; display:flex; justify-content:space-between; align-items:center; position:relative;}
.pc_top .pc_top_logo{}

.pc_top .pc_top_right{ display:flex; flex-direction:column; align-items:flex-end;}

.pc_top .pc_top_right .pc_top_top{ display:flex; align-items:center; padding:25px 0 10px 0;}
.pc_top .pc_top_right .pc_top_top a{ font-size:12px; color:#333333;}
.pc_top .pc_top_right .pc_top_top span{ padding:0 10px;}
.pc_top .pc_top_right .pc_top_top img{ cursor:pointer;}

.pc_top .pc_top_right .pc_top_bot{ display:flex;}
.pc_top .pc_top_right .pc_top_bot .pc_top_menu{ padding:0px 33px 14px 33px;}
.pc_top .pc_top_right .pc_top_bot .pc_top_menu:nth-last-child(1){ padding:0px 0px 14px 33px;}
.pc_top .pc_top_right .pc_top_bot .pc_top_menu.hasdown:hover{ background:url(../images/down_arrow.png) no-repeat 50% 100%;}
.pc_top .pc_top_right .pc_top_bot .pc_top_menu.hasdown.on{}
.pc_top .pc_top_right .pc_top_bot .pc_top_menu .pc_top_title{}
.pc_top .pc_top_right .pc_top_bot .pc_top_menu .pc_top_title a{ font-size:16px; line-height:40px; border-bottom:#FFFFFF solid 2px; display:block;}
.pc_top .pc_top_right .pc_top_bot .pc_top_menu:hover .pc_top_title a{ border-bottom:#007bd0 solid 2px;}
.pc_top .pc_top_right .pc_top_bot .pc_top_menu.on .pc_top_title a{ border-bottom:#007bd0 solid 2px;}
.pc_top .pc_top_right .pc_top_bot .pc_top_menu .pc_top_down{ background:#dfe1e3; width:100%; left:0; top:105px; position: absolute; display:none; z-index:9999;}
.pc_top .pc_top_right .pc_top_bot .pc_top_menu:hover .pc_top_down{ display:block;}
.pc_top .pc_top_right .pc_top_bot .pc_top_menu .pc_top_down .pc_top_downBox{ width:94%; max-width:1200px; padding:50px 0; margin:0 auto; display:flex; align-items:center;}
.pc_top .pc_top_right .pc_top_bot .pc_top_menu .pc_top_down .pc_top_downBox .top_down_left{ position:relative; width:240px; margin-right:50px;}
.pc_top .pc_top_right .pc_top_bot .pc_top_menu .pc_top_down .pc_top_downBox .top_down_left::before{ display:block; content:''; padding-top:calc( 100% * ( 150 / 240 ));}
.pc_top .pc_top_right .pc_top_bot .pc_top_menu .pc_top_down .pc_top_downBox .top_down_left div{ position:absolute; display:flex; align-items:center; justify-content:center; overflow:hidden; left:0; top:0px;}
.pc_top .pc_top_right .pc_top_bot .pc_top_menu .pc_top_down .pc_top_downBox .top_down_right{ display:flex; flex-direction:column; height: 170px; flex-wrap: wrap;}
.pc_top .pc_top_right .pc_top_bot .pc_top_menu .pc_top_down .pc_top_downBox .top_down_right a{ display:inline-block; line-height:33px; width:310px;}


{}


.moTop{ width:100%; padding:0 30px; height:128px; display:none; align-items:center; justify-content:space-between; background:#ffffff;  z-index: 999; box-shadow:rgba(0,0,0,0.5) 0 0 10px; border-bottom: #fff solid 1px;}
.moTop .moLogo{ height:60%;}
.moTop .moMenuOpen{}

.moMenuBox{ width:100%; display:none; background:rgba(255, 255, 255, 0.7); height:100vh; position: fixed; z-index: 999999999; top: 0;}
.moMenu{ width:60%; background:#fff; padding:0 50px; display:flex; flex-direction:column; align-items:center; height:100vh; position:fixed; z-index:999999; top:0; left:-60%; box-shadow: rgba(0,0,0,0.3) 0 0 10px;}

.moDropLogo{ display:inline-block; margin:30px 0;}

.moDrop{ width:100%; display:flex; flex-direction:column;}
.moDrop .yiji{ width:100%;}
.moDrop .yiji .yijiTitle{ width:100%; display:flex; justify-content:center; position:relative; border-bottom:rgba(255,255,255,0.50) solid 1px;}
.moDrop .yiji .yijiTitle .yijiTitleText{ display:flex; line-height:4em; text-align:center; font-size:24px; color:#333333;}
.moDrop .yiji .yijiTitle .yijiTitleIcon{ position:absolute; right:-25px; top:50%; height:0; display:flex; align-items:center; justify-content:flex-end;}
.moDrop .yiji .yijiTitle .yijiTitleIcon img{ cursor:pointer;}
.moDrop .yiji .yijiTitle .yijiTitleIcon img:nth-child(2){ display:none;}
.moDrop .yiji.on{}
.moDrop .yiji.on .yijiTitle .yijiTitleIcon img:nth-child(1){ display:none;}
.moDrop .yiji.on .yijiTitle .yijiTitleIcon img:nth-child(2){ display:block;}

/*.moDrop .yiji.on .erjiDrop{ display:block;} */
.erjiDrop{ width:100%; display:none;}
.moDrop .yiji.on .erjiDrop{ border-bottom:rgba(255,255,255,0.50) solid 1px;}
.erjiDrop .erji{ width:100%;}
.erjiDrop .erji .erjiTitle{ width:100%; position:relative; display:flex; align-items:center; justify-content:center;}
.erjiDrop .erji .erjiTitle .erjiTitleText{ line-height:4em; font-size:20px; color:#333333; display:block;}
.erjiDrop .erji .erjiTitle .erjiTitleIcon{ position:absolute; right:25px; top:50%; height:0; display:flex; align-items:center; justify-content:flex-end;}
.erjiDrop .erji .erjiTitle .erjiTitleIcon img{ cursor:pointer;}
.erjiDrop .erji .erjiTitle .erjiTitleIcon img:nth-child(2){ display:none;}
.erjiDrop .erji.on .erjiTitle .erjiTitleIcon{}
.erjiDrop .erji.on .erjiTitle .erjiTitleIcon img:nth-child(1){ display:none;}
.erjiDrop .erji.on .erjiTitle .erjiTitleIcon img:nth-child(2){ display:block;}

/*.erji.on .sanjiDrop{ display:block;}*/
.sanjiDrop{ width:100%; display:none; border-bottom:rgba(256,256,256,0.5) solid 1px;}
.sanjiDrop a{ display:inline-block; font-size:16px; width:100%; line-height:4em; text-align:center; width:100%;  color:#FFFFFF;}

#closeMoMenu{ position:absolute; width:30px; right:-40px; top:30px;}


{}

.footer1{ width:100%; padding:75px 0; background:#dfe1e3; position:relative;}

.footer{ width:94%; max-width:1200px; margin:0 auto; display:flex; justify-content:space-between;}
.footer .footer_left{}
.footer .footer_left .footer_left1{ font-size:18px; font-weight:bolder; margin-bottom:40px;}
.footer .footer_left .footer_left2{ display:flex; flex-direction:column;}
.footer .footer_left .footer_left2 .footer_left21{ display:flex; align-items:center; margin-bottom:24px;}
.footer .footer_left .footer_left2 .footer_left21 div:nth-child(1){ margin-right:13px;}
.footer .footer_left .footer_left2 .footer_left21 div:nth-child(2){ line-height:26px;}

.footer .footer_right{ display:flex;}
.footer .footer_right .footer_xun{ display:flex; flex-direction:column;}
.footer .footer_right .footer_xun:nth-child(1){ width:185px;}
.footer .footer_right .footer_xun:nth-child(2){ width:240px;}
.footer .footer_right .footer_xun:nth-child(3){ width:180px;}
.footer .footer_right .footer_xun:nth-child(4){}
.footer .footer_right .footer_xun .footer_xun_top{ font-size:16px; margin-bottom:10px; font-weight:bolder;}
.footer .footer_right .footer_xun a{ line-height:30px;}

.return_top{ position:absolute; top:0; right:40px; cursor: pointer;}

.footer2{ width:100%; display:flex; align-items:center; justify-content:center; height:40px; background:#000000;}
.footer2 a{ color:#FFFFFF; font-size:12px; margin:0 6px;}

{}

.neiBanner{ width:100%; position:relative;}
.neiBanner div{ width:100%; max-width:1200px;}
.neiBanner div:before{ content:''; display:block; padding-top:calc( 100% * ( 350 / 1200));}

.pageNav{ width:100%; height:0; position:relative;}
.pageNav .pageNavNei{ width:100%; position:absolute; bottom:0; left:0; background:rgba(0,0,0,0.50);}
.pageNav .pageNavNei .pageNavBox{ width:94%; max-width:1200px; margin:0 auto; display:flex; align-items:center; justify-content:space-between;}
.pageNav .pageNavNei .pageNavBox .nav{ display:flex; align-items:center; height:40px;}
.pageNav .pageNavNei .pageNavBox .nav a{ color:#FFFFFF; margin-right:5px;}
.pageNav .pageNavNei .pageNavBox .pageLink{ display:flex; align-items:center;}
.pageNav .pageNavNei .pageNavBox .pageLink a{ color:#FFFFFF; padding:0 20px; text-align:center; line-height:40px; height:40px; display:inline-block;}
.pageNav .pageNavNei .pageNavBox .pageLink a:hover{ background:#007bd0;}
.pageNav .pageNavNei .pageNavBox .pageLink a.on{ background:#007bd0;}

{}

.about{ width:94%; margin:50px auto 80px auto; background:url(../images/about1.jpg) no-repeat 50%; position:relative; max-width:1200px;}
.about:before{ display:block; content:''; padding-top:calc( 100% * ( 500 / 1200)); background:rgba(0,0,0,0.5); }
.about .aboutLinkBox{ width:100%; height:100%; display:flex; position:absolute; left:0; top:0;}
.about .aboutLinkBox .aboutLink{ width:20%; position:relative; display:flex; justify-content:center; align-items:center; flex-direction:column; border-left:rgba(255,255,255,0.3) solid 1px;}
.about .aboutLinkBox .aboutLink:hover{ background:rgba(0,123,208,0.5);}
.about .aboutLinkBox .aboutLink .aboutLinkIcon{}
.about .aboutLinkBox .aboutLink .aboutLinkIcon img:nth-child(1){ display:none;}
.about .aboutLinkBox .aboutLink:hover .aboutLinkIcon img:nth-child(2){ display:none;}
.about .aboutLinkBox .aboutLink:hover .aboutLinkIcon img:nth-child(1){ display:block;}
.about .aboutLinkBox .aboutLink .aboutLinkTitle{ width:100%; text-align:center; color:#FFFFFF; font-size:20px; line-height:20px; margin-top:45px;}
.about .aboutLinkBox .aboutLink:hover .aboutLinkTitle{ font-weight:bolder;}

{}

.about2{ width:94%; text-align:center; font-size:28px; line-height:50px; margin:60px auto 40px auto;}
.about3{ width:94%; margin:0 auto 95px auto; border:#e5e5e5 solid 1px; padding:60px; display:flex; max-width:1200px;}
.about3 .about3Left{ margin-right:60px; flex-shrink:0; width:300px;}
.about3 .about3Right{ font-size:16px; line-height:30px;}

{}

.about4{ width:94%; margin:0 auto 85px auto; font-size:16px; line-height:30px; max-width:1200px; text-align:justify;}

{}

.about5{ width:94%; margin:70px auto 85px auto; line-height:30px; max-width:1200px; text-align:justify;}

.about6{ width:100%; display:table;}
.about6 .aboutColum{ display:table-row; font-size:14px; line-height:30px;}
.about6 .aboutColum .aboutColumLeft{ border-bottom:#e5e5e5 solid 1px; width:125px; display: table-cell; padding-top:25px; padding-bottom:20px; font-weight:bolder;}
.about6 .aboutColum .aboutColumRight{ border-bottom:#e5e5e5 solid 1px; display: table-cell; padding-top:25px; padding-bottom:20px;}

{}

.contact{ width:94%; margin:60px auto 110px auto; max-width:1200px;}
.contact .con1{ width:100%; margin-bottom:50px;}

.contact1{ width:100%; display:flex; flex-wrap:wrap; justify-content:space-between;}
.contact1 li{ width:calc(100% / 3 - ( 30px * 2 / 3)); padding-bottom:35px; border:#e5e5e5 solid 1px; display:flex; align-items:center; flex-direction:column;}
.contact1 li div:nth-child(1){ margin:30px auto;}
.contact1 li div:nth-child(2){ text-align:center; line-height:2em;}

{}

.industry{ width:94%; max-width:1200px; margin:60px auto 60px auto; display:flex; justify-content:space-between; flex-wrap:wrap;}
.industryItem{ width:calc( 50% - 20px); border:#e5e5e5 solid 1px; padding:10px; margin-bottom:40px;}
.industryItem .industryImg{ width:100%; position:relative;}
.industryItem .industryImg:before{ content:''; display:block; padding-top:calc( 100% * ( 260 / 556));}
.industryItem .industryImg div{ width:100%; height:100%; display:flex; justify-content:center; align-items:center; overflow:hidden; position:absolute; left:0; top:0;}
.industryItem .industryTitle{ text-align:center; line-height:40px; font-size:16px;}
.industryItem .industrySmall{ font-size:14px; line-height:26px; height:52px; color:#666666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.industryItem .industryMore{ text-align:right; margin-top:10px;}
.industryItem .industryMore div{ padding:0 12px; line-height:24px; color:#d50000; border:#d50000 solid 1px; font-size:12px; text-align:center; display:inline-block; cursor:pointer; border-radius:20px;}
.industryItem .industryMore div:hover{ background:#d50000; color:#FFFFFF;}

.industryTc{ width:100vw; height:100vh; background:rgba(0,0,0,0.50); display:none; justify-content:center; align-items:center; position:fixed; z-index:999; top:0; left:0;}
.industryTc .industryShow{ width:600px; background:#FFFFFF; position:relative; padding:40px 50px;}
.industryTc .industryShow .closeTc{ position:absolute; right:20px; top:20px; cursor:pointer;}
.industryTc .industryShow .industryShowTitle{ width:100%; text-align:center; font-size:24px;}
.industryTc .industryShow .industryShowSmall{ width:100%; line-height:30px; margin-top:25px;}

{}

.news{ width:94%; margin:50px auto 110px auto; max-width:1200px; }
.news .newsItems{ width:100%; display:flex; background:#f3f3f3; padding:30px; margin-bottom:10px; transition:ease all 0.3s;}
.news .newsItems .newsImg{ position:relative; margin-right:20px; flex-shrink:0; width:245px;}
.news .newsItems .newsImg:before{ content:''; display:block; padding-top:calc( 100% * ( 160 / 245));}
.news .newsItems .newsImg div{ position:absolute; left:0; top:0; display:flex; align-items:center; justify-content:center; overflow:hidden;}

.news .newsItems .newsRight{ width:100%;}
.news .newsItems .newsRight .newsTitle{ width:100%; display:flex; font-size:18px; line-height:2em;}
.news .newsItems .newsRight .newsTitle span:nth-child(1){ color:#007bd0; white-space:pre; margin-right:10px;}
.news .newsItems .newsRight .newsTitle span:nth-child(2){ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.news .newsItems .newsRight .newsDeta{ width:100%; font-size:14px; color:#999999; line-height:2em; margin-bottom:35px;}
.news .newsItems .newsRight .newsSmall{ width:100%; color:#666666; line-height:30px; height:60px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}

.news .newsItems:hover{ box-shadow:rgba(122,122,122,0.35) 0 0 5px; background:#FFFFFF;}

.fenye{ width:100%; display:flex; justify-content:center; align-items:center;}
.fenye li{}
.fenye li a{ font-size:16px; margin:0 10px; line-height:32px; display:inline-block; text-align:center; border-bottom:#ffffff solid 2px;}
.fenye li i{ font-size:20px; font-weight:bolder; line-height:30px;}
.fenye li:hover a{ border-bottom:#007bd0 solid 2px;}
.fenye li.on a{ border-bottom:#007bd0 solid 2px;}

{}

.newTitle{ width:94%; max-width: 1200px;  margin: 0 auto; text-align:center; font-size:28px; line-height:2em; margin-top:75px;}

.newDate{ width:94%; max-width:1200px; margin:0 auto; height:60px; display:flex; justify-content:center; align-items:center; border-bottom:#e5e5e5 solid 1px;}
.newDate div{ font-size:14px; color:#999999; margin:0 25px;}

.newsContent{ width:94%; max-width:1200px; margin:35px auto 65px auto; font-size:16px; line-height:30px;}

.newsBottom{ display:flex; justify-content:space-between; height:48px; width:94%; max-width:1200px; margin:0 auto 140px auto;}
.newsBottom a{ height:48px;}
.newsBottom a:nth-child(1){ width:calc( 50% - 55px ); background:#f3f3f3; line-height:48px; color:#666666; padding:0 25px; display:flex;}
.newsBottom a:nth-child(2){ width:210px; margin:0 50px; line-height:48px; text-align:center; flex-shrink:0; border:#007bd0 solid 1px; color:#007bd0; font-size:16px;}
.newsBottom a:nth-child(3){ width:calc( 50% - 55px ); background:#f3f3f3; line-height:48px; color:#666666; padding:0 25px; display:flex;}
.newsBottom a span:nth-child(1){ white-space:pre;}
.newsBottom a span:nth-child(2){ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}

{}

.product{ width:94%; max-width:1200px; display:flex; flex-wrap:wrap; margin:65px auto 65px auto;}
.proItem{ width:calc( 25% - ( 20px * 3 / 4)); border:#e5e5e5 solid 1px; padding:20px; margin-left:20px; margin-bottom:40px;}
.proItem:nth-child(4n+1){ margin-left:0;}
.proItem .proItemCatName{ width:100%; font-size:14px; line-height:2em; color:#666666;}
.proItem .proItemTitle{ width:100%; font-size:24px; line-height:36px; color:#007bd0; margin-bottom:15px; height:36px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden;}
.proItem .proItemImg{ width:100%; margin-bottom:15px; position:relative;}
.proItem .proItemImg:before{ content:''; display:block; padding-top:100%;}
.proItem .proItemImg div{ width:100%; height:100%; display:flex; justify-content:center; align-items:center; overflow:hidden; position:absolute; left:0; top:0;}
.proItem .proItemSmall{ width:100%; font-size:14px; line-height:30px; height:60px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}

{}

.tech{ width:94%; max-width:1200px; margin:75px auto 90px auto; border:#e5e5e5 solid 1px; padding:45px; line-height:26px;}
.tech1{ font-size:30px; line-height:2em; font-weight:bolder; text-align:center;}
.tech2{ font-size:20px; line-height:60px; font-weight:bolder; text-align:center;}
.tech3{ font-size:16px; line-height:40px; font-weight:bolder; color:#007bd0; margin-bottom:15px;}

{}

.detailTitle{ width:94%; max-width:1200px; margin:40px auto 10px auto; height:60px; display:flex; justify-content:space-between; background:#eef6fb; padding:0 30px; align-items:center;}
.detailTitle .dtLeft{ font-size:20px; color:#007bd0;}
.detailTitle .dtRight{ padding-left:15px; background:url(../images/product1.jpg) no-repeat 0 50%;}

.productDetail { width: 94%; max-width: 1200px; margin: 0px auto 90px auto; border: #e5e5e5 solid 1px; padding: 45px; line-height: 26px;}

{}


/* 响应式banner */
.img_gallery{position:relative;}
.main_img{ overflow:hidden;position:relative;}
.main_img .zhanwei{ width:100% !important;}
.main_img .zhanwei:before{ padding-top:calc(100% * ( 580 / 1280)); content:''; display:block;}
.main_img ul{width:9999px; overflow:hidden; height:100%;position:absolute;top:0;left:0}
.main_img li{float:left;width:100%; height:100%; }
.main_img li .banner_span{display:block;width:100%;  height:100%;}
.main_img li a{display:block;width:100%; height:100%; }
.img_font{position:absolute; bottom:30px; left:30%; color:#f00; width:100%; padding:10px;}
.img_font span{display:none; }
div.point{ position:absolute;bottom:50px;left:0;z-index:9;width:100%;height:0px; display: flex;    justify-content: center;    align-items: center;}
div.point .point_box{ margin:0 auto; display:inline-block;}
div.point a{ display: block; width:14px; font-size: 0;height:14px;border-radius: 50%; background:#FFFFFF; float: left; cursor: pointer; margin:0 12px;}
div.point a.on{ background:#019FFC;}
#btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:73px!important;height:74px!important;top:50%;margin-top:-37px;display:none;}
#btn_prev{}
#btn_next{}
/* 响应式banner */

.banner_span1{width: 100%; height: 100%; display: flex; position: absolute; top: 0; left: 0; flex-direction: column; justify-content: center; align-items: center; font-size:70px; color: #fff; line-height:110px;}
.banner_span11{display:flex; align-items:center;}
.banner_span12{font-size:13px; line-height:2em; margin:0 15px;}
.banner_span13{margin-top:35px; width:160px; line-height:46px; text-align: center; border-radius:46px; border:#fff solid 1px; font-size:16px;}

.indexTitle{ width:fit-content; display:flex; align-items:center; height:64px; border-bottom:#007bd0 solid 2px; margin:75px auto 55px auto;}
.indexTitle .indexTitleCn{ font-size:32px;}
.indexTitle .indexTitleEn{ font-size:18px; color:#666666; margin: 25px 0 0 10px; text-transform:uppercase;}

.ia{ width:100%; background:#f5f5f5; overflow:hidden;}

.indexAbout{ width:94%; max-width:1200px; display:flex; margin:0 auto 0 auto; justify-content:space-between; flex-wrap:wrap;}
.indexAbout .indexAboutLeft{ width:1200px; line-height:2em; text-align:justify;}
.indexAbout .indexAboutLeft a{ display:flex; align-items:center; color:#007bd0; margin-top:15px;}
.indexAbout .indexAboutLeft a span{ margin-right:10px;}

.indexAbout .indexAboutRight{ width:410px; flex-shrink:0; position:relative; height: fit-content;}
.indexAbout .indexAboutRight:before{ content:''; display:block; padding-top:calc( 100% * ( 250 / 410));}
.indexAbout .indexAboutRight div{ width:100%; height:100%; position: absolute; left:0; top:0;}
.indexAbout .indexAboutRight div video{ width:100%; height:100%; background:#000000;}

.indexAbout .indexAboutBottom{ width:100%; display:flex; margin:65px auto 100px auto;}
.indexAbout .indexAboutBottom a{ width:calc( 100% * ( 1 / 3));}

.indexIndustryLink{ width:94%; max-width:1200px; margin:0 auto 0 auto; margin-bottom:45px; justify-content:space-between; align-items:center; display:flex;}
.indexIndustryLink a{ font-size:16px; color:#666666;}

.ii{ position:relative; width:100%;}
.ii .iiArrow{ width:94%; max-width:1300px; display:flex; align-items:center; justify-content:space-between; position:absolute; top:50%; left:50%; transform:translateX(-50%); z-index:9;}
.ii .iiArrow img{ cursor:pointer;}

.ii .iiBox{ width:94%; max-width:1240px; margin:0 auto 95px auto; height:410px;}
.ii .iiBox .industryItem{ margin:0 20px;}

.indexNews{ width:94%; max-width:1200px; display:flex; margin:0 auto 105px auto; justify-content:space-between; flex-wrap:wrap;}

.indexNews .indexNewsLeft{ width:calc( 50% - 20px); position:relative;}
.indexNews .indexNewsLeft .inlImg{ width:100%; position:relative; z-index:8;}
.indexNews .indexNewsLeft .inlImg:before{ content:''; display:block; padding-top:calc( 100% * ( 380 / 580));}
.indexNews .indexNewsLeft .inlImg div{ display:flex; justify-content:center; align-items:center; width:100%; height:100%; overflow:hidden; position:absolute; left:0; top:0;}
.indexNews .indexNewsLeft .inlText{ width:100%; position:absolute; left:0; bottom:0; background:rgba(0,0,0,0.50); z-index:9; padding:10px 20px; color:#FFFFFF;}
.indexNews .indexNewsLeft .inlText .inlDate{}
.indexNews .indexNewsLeft .inlText .inlTitle{ width:100%; line-height:30px; font-size:16px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; height:60px;}
.indexNews .indexNewsRight{ width:calc( 50% - 20px); border:#e5e5e5 solid 1px; padding:20px; display:flex; flex-direction:column; justify-content:space-between;}
.indexNews .indexNewsRight .inrItems{}
.indexNews .indexNewsRight .inrItems .inrItemsTitle{ font-size:16px; line-height:30px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden; height:30px;}
.indexNews .indexNewsRight .inrItems:hover .inrItemsTitle{ color:#007bd0;}
.indexNews .indexNewsRight .inrItems .inrItemsdate{ color:#999999; line-height:30px;}
.indexNews .indexNewsRight .inrItems .inrItemsSmall{ color:#666666; line-height:30px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden; height:30px;}

.ip{ position:relative; width:100%; margin-bottom:100px;}
.ip .iiArrow{ width:94%; height: 0; max-width:1300px; display:flex; align-items:center; justify-content:space-between; position:absolute; top:50%; left:50%; transform:translateX(-50%); z-index:9;}
.ip .iiArrow img{ cursor:pointer;}
.ipBox{ width:94%; max-width:1220px; margin:0 auto 95px auto; height:440px;}
.ipBox .proItem{ margin:0 10px !important;}


.indexBottom{ width:100%; background:url(../images/index3.jpg) no-repeat 50%/cover; background-attachment:fixed; position:relative;}
.indexBottom .indexBottom1{ width:100%; max-width:1200px; margin:0 auto;}
.indexBottom .indexBottom1:before{ content:''; display:block; padding-top:calc( 100% * ( 540 / 1200));}
.indexBottom .indexBottom1 .indexBottom2{ width:100%; height:100%; position:absolute; top:0; left:50%; transform: translateX(-50%); display:flex; align-items:center; justify-content:center; font-size:46px; line-height:80px; flex-direction:column; color:#fff;}

{}

@media screen and (min-width:1200px){

.moTop{ display:none !important;}
.moMenuBox{ display:none !important;}

}
@media screen and (max-width:1200px){
.disable_text_highlighting,body {
	/*去除选中高亮*/
-webkit-touch-callout: none;
-webkit-user-select: none;    /* Webkit */
-moz-user-select: none;      /* Firefox */
-ms-user-select: none;        /* IE 10  */
        /* Opera 目前不支持在Opera，但将很快 */
-o-user-select: none;
user-select: none;
}

.pc_top{ display:none;}
.moTop{ display:flex;}
.footer .footer_right{ display:none;}

.indexAbout .indexAboutLeft{ width:100%; margin-bottom:5%;}
.indexAbout .indexAboutRight{ width:100%;}

.indexNews .indexNewsLeft{ width:100%; margin-bottom:5%;}
.indexNews .indexNewsRight{ width:100%;}

.proItem {    width: calc( 50% - ( 20px * 1 / 2));}
.proItem:nth-child(4n+1) {
    margin-left: 20px;
}
.proItem:nth-child(2n+1) {
    margin-left: 0px;
}

.about .aboutLinkBox .aboutLink .aboutLinkTitle{ font-size:16px;}

.about3{ flex-wrap:wrap;padding: 30px;}
.about3 .about3Left{ width:100%; text-align:center; margin-bottom:15%;}
.about3 .about3Right{ width:100%;}

.contact1 li{ width:100%; margin-bottom:5%;}

.newsBottom a:nth-child(1),
.newsBottom a:nth-child(3){ justify-content:center;}
.newsBottom a span:nth-child(2){ display:none;}

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

.indexBottom .indexBottom1 .indexBottom2 {
font-size: 30px;
    line-height: 2em;
}
.banner_span{}
.banner_span1{ font-size:40px; line-height:50px;}
.banner_span12 {    font-size: 12px;    line-height: 1em;}
.banner_span13{ margin-top:20px;}
}
@media screen and (max-width:640px){

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

}