@charset "utf-8";
.basebox{ width:100%; min-width:320px; max-width:1920px;  height:auto; overflow:hidden; position:relative; margin:0 auto; font-family:"Microsoft Yahei","微软雅黑",Arial, Helvetica, sans-serif; z-index:100; }
/*滚动条样式*/
::-webkit-scrollbar {width: 6px;border-radius: 3px;background-color: #e2e2e2;}
::-webkit-scrollbar-track {border-radius: 6px;border-radius: 3px;background-color: #e2e2e2;}
::-webkit-scrollbar-thumb {border-radius: 4px; background-color: #7e7e7e;}

.centerArea{  height:auto; margin:0 auto; clear:both; overflow:hidden; }

@font-face{font-family:fontA;src:url(Helvetica-Neue-UltraLight-2.ttf)}


#fixmenu{ width:100%; height:auto; overflow:hidden; background: url(../Images/ertopbg1.png) repeat; position: fixed; left:0px; top:80px; z-index:100000; display:none; min-height:100%;}
#fixmenu .closebox{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:0}
#fixmenu .closebox img{ width:25px; height:auto}
#fixmenu .boxmenu{ width:100%;  height:auto; position:relative; overflow:auto; float:right; background:#fff; color:#fff; padding-bottom:50px; z-index:1}
#fixmenu .boxmenu a{ color:#333333}
#fixmenu .close{ width:96%; margin:0 auto; margin-top:20px; overflow:hidden; text-align:right; color:#FFF; font-size:20px; opacity:1; box-sizing:border-box; padding:0 20px 0 0}
#fixmenu .close  img{ width:25px; height:auto}
#fixmenu .themenu{ width:96%; margin:0 auto; overflow:hidden; margin-top:0px;}
#fixmenu .themenu ul{ margin:0px; padding:0px; list-style:none}
#fixmenu .themenu ul li{ margin:0px; padding:0px; list-style:none; font-size:14px; height:auto; line-height:50px; text-align:left; width:100%;  text-indent:20px; }
#fixmenu .themenu ul li a{ width:100%; height:100%; display:block}
#fixmenu .themenu ul li .tit{ width:100%; height:50px; line-height:50px; font-size:16px; border-bottom:1px solid #eceef2;  font-weight:700; color:#121125; position:relative; background:url(../Images/md1.png) right center no-repeat; background-size:12px auto;}
#fixmenu .themenu ul li .tit a{color:#121125}
#fixmenu .themenu ul li .tit .icon{ position:absolute; left:0; top:0; height:50px; line-height:50px; width:45px;}
#fixmenu .themenu ul li .tit .icon img{ max-width:50%; max-height:50%; margin-top:5px;}
#fixmenu .themenu ul li .tit p{ position:absolute; left:30px; height:60px; line-height:60px;}

#fixmenu .themenu ul li .list{ width:100%; height:auto; overflow:hidden;  display:none; box-sizing:border-box; padding:0 25px }
#fixmenu .themenu ul li .list ul{ margin:0px; padding:0px; list-style:none}
#fixmenu .themenu ul li .list ul li{ margin:0px; padding:0px; list-style:none; width:100%; float:none; height:45px; overflow:hidden; position:relative; }
#fixmenu .themenu ul li .list ul li .icon{ position:absolute; left:25px; top:0; width:35px; height:45px; line-height:45px; max-width:60%; height:auto}
#fixmenu .themenu ul li .list ul li .icon img{ max-width:60%; height:auto}
#fixmenu .themenu ul li .list ul li p{ position:absolute; left:60px; height:45px; line-height:45px; font-size:14px; color:#646464; text-align:left}

#fixmenu .themenu ul li.onfocus .tit{ background:url(../Images/md2.png) right center no-repeat; background-size:12px auto;}
#fixmenu .themenu ul li.onfocus .list{ display:block} 



#fixmenu .themenu ul li:nth-child(1) .tit{ background:none}
#fixmenu .themenu ul li:nth-child(5) .tit{ background:none}
#fixmenu .themenu ul li:nth-child(6) .tit{ background:none}


.pcshow{ display:block}
.mbshow{ display:none}


/*
.gotop{  width:40px; height:auto; cursor: pointer; z-index:200; right:10px;position: fixed;bottom: 100px;-webkit-transition: opacity .4s ease-in-out;-moz-transition: opacity .4s ease-in-out;-o-transition: opacity .4s ease-in-out;opacity: 1;z-index: 100020;display: none;
}
.gotop ul{ margin:0px; padding:0px; list-style:none}
.gotop ul li{ margin:0px 0 5px 0; padding:0px; list-style:none;width:40px; height:42px; position:relative; overflow: visible}
.gotop ul li.t1 p{ display:block; cursor:pointer}
.gotop ul li.t1 p{ width:40px; height:42px; background:url(../Images/float1.png) no-repeat;}
.gotop ul li.t2 p{ width:40px; height:42px; background:url(../Images/float2.png)no-repeat;}
.gotop ul li.t3 p{ width:40px; height:42px; background:url(../Images/float3.png) no-repeat;}
.gotop ul li.t4 p{ width:40px; height:42px; background:url(../Images/float4.png) no-repeat;}

.gotop ul li .ercode{ width:100px; height:100px; position:absolute; right:42px; top:0px; display:none}
.gotop ul li .tel{ width:100px; height:42px; line-height:42px; text-align:center; position:absolute; right:42px; top:0px; display:none; background:#FFF; color:#000; font-size:14px}

.gotop ul li.t4:hover .tel{ display:block} 
*/

.gotop{  width:74px; height:auto; cursor: pointer; z-index:200; right:0px;position: fixed;bottom:200px;-webkit-transition: opacity .4s ease-in-out;-moz-transition: opacity .4s ease-in-out;-o-transition: opacity .4s ease-in-out;opacity: 1;z-index: 100020; display: none;}
.gotop ul{ margin:0px; padding:0px; list-style:none}
.gotop ul li{ margin:0px 0 5px 0; padding:0px; list-style:none;width:74px; height:74px; position:relative; overflow: visible}
.gotop ul li p{ width:74px; height:74px; text-align:center; color:#FFF; background:#5e6367; display:block; cursor:pointer; box-sizing:border-box; padding:15px 0 0 0}
.gotop ul li:hover p{ background:#728ca3}


.gotop ul li .ercode{ width:100px; height:100px; position:absolute; right:80px; top:0px; display:none}
.gotop ul li .tel{ width:125px; height:74px; line-height:74px; text-align:center; position:absolute; right:80px; top:0px; display:none; background:#FFF; color:#000; font-size:14px}

.gotop ul li.t3:hover .tel{ display:block} 



.headfixkong{ width:100%; height:80px; background:#FFF; overflow:hidden;}
.headbox{ width:100%; height:80px; z-index:500;overflow: visible; position:fixed; left:0; top:0;max-width:1920px; border-bottom:1px solid rgb(255,255,255,0.2);  }
.headbox .box{ width:90%; margin:0 auto;  height:80px;  margin:0 auto; overflow:visible; position:relative; }
.headbox .box .logo{ position:absolute; height:80px; line-height:80px; left:0; top:0}
.headbox .box .logo img{transition: all 0.5s ease; max-height:80%; max-width:90%;}
.headbox .box .logo .img1{ display: inline}
.headbox .box .logo .img2{ display:none}


.headbox .box .menu{  position:absolute; right:0; top:0px; overflow:visible;}
.headbox .box .menu ul{ margin:0px; padding:0px; list-style:none;}
.headbox .box .menu ul li{ margin:0px; padding:0px 36px; list-style:none; width:auto; float:left; text-align:center; height:80px; line-height:80px; font-size:16px; float:left; overflow: visible; text-align:center; }
.headbox .box .menu ul li a{ color:#fff}
.headbox .box .menu ul li.onfocus a{ border-bottom:2px solid #FFF; height:100%; display:block}



.headbox .box .menu ul li .sonbox{ width:1000px; height:auto; overflow:hidden; position:absolute; right:0; top:80px; z-index:10; background:#f6f6f6; ; border-radius:5px; box-sizing:border-box; padding:20px 0; display:none}
.headbox .box .menu ul li .sonbox ol{ margin:0px; padding:0px; list-style:none}
.headbox .box .menu ul li .sonbox ol li{ margin:0px; padding:0px; list-style:none; width:33.33%; height:58px; line-height:58px; overflow:hidden; box-sizing:border-box; border-left:1px solid #e1e4e7; position:relative;box-sizing:border-box;}
.headbox .box .menu ul li .sonbox ol li .icon{ position:absolute; left:25px; top:0; width:35px; height:58px; line-height:58px; max-width:60%; height:auto}
.headbox .box .menu ul li .sonbox ol li .icon img{ max-width:60%; height:auto}
.headbox .box .menu ul li .sonbox ol li p{ position:absolute; left:60px; height:58px; line-height:58px; font-size:16px; color:#646464; text-align:left}
.headbox .box .menu ul li .sonbox ol li:hover  p{ color:#1f59ba}


.headbox .box .menu ul li:nth-child(3) .sonbox{ width:1260px}
.headbox .box .menu ul li:nth-child(4) .sonbox{ width:768px}
.headbox .box .menu ul li:nth-child(4) .sonbox ol li{ width:50%}


.headbox .box .searchbtn{ position:absolute; right:40px; top:18px; width:35px; height:35px; font-size:24px; font-weight:normal; cursor:pointer; z-index:100; color:#0197d2; text-align:center; line-height:35px; display:none }
.headbox .box .menubtn{ position:absolute; right:0px; top:0; width:80px; height:80px; line-height:80px; font-size:24px; font-weight:normal; cursor:pointer; display:none; z-index:100; color:#fff; background:#1f59ba; text-align:center;}
.headbox .box .closebtn{ position:absolute; right:0px; top:0; width:80px; height:80px; line-height:80px; font-size:24px; font-weight:normal; cursor:pointer; display:none; z-index:100; color:#fff; background:#1f59ba; text-align:center; display:none}

.headbox:hover{ background:#FFF}
.headbox:hover .box .logo .img1{ display:none}
.headbox:hover .box .logo .img2{ display:inline}
.headbox:hover .box .menu ul li a{ color:#1f1f1f}
.headbox:hover .box .menu ul > li.onfocus > a{ border-bottom:2px solid #1f59ba; color:#1f59ba}

.headbox:hover .box .menu ul > li:hover > a{ font-weight:700; color:#1f59ba}

.headboxwhite{ background:#FFF}
.headboxwhite .box .logo .img1{ display:none}
.headboxwhite .box .logo .img2{ display:inline}
.headboxwhite .box .menu ul li a{ color:#1f1f1f}
.headboxwhite .box .menu ul > li.onfocus > a{ border-bottom:2px solid #1f59ba; color:#1f59ba}

/*滚动*/
.rollheader{ background: url(../Images/rollhead.png) top center no-repeat; left:0; top:0; z-index:99}

.headboxproducthover{ background:url(../Images/headproductbg.png) repeat-x; height:160px; z-index:100}
.headboxproducthover .box .menu ul li .pson{ display:block}
.headboxproducthover .box .menu ul li a{ color:#333333}
.headboxproducthover .box .telbox{ color:#333333; background:url(../Images/telicon.png) left center no-repeat; text-indent:28px;}
.headboxproducthover .box .cart  .img1{ display:block}
.headboxproducthover .box .cart  .img2{ display:none}
.headboxproducthover .box .rmenu .img1{ display:block;}
.headboxproducthover .box .rmenu .img2{ display:none} 




/*
.rollheader .box .logo .img1{ display:block}
.rollheader .box .logo .img2{ display:none}
.rollheader .box .language{background:url(../Images/arr1.png) right center no-repeat; color:#fff}
.rollheader .box .language a{ color:#fff}
.rollheader .box .rmenu .img1{ display:blcok;}
.rollheader .box .rmenu .img2{ display:none} 
.rollheader .box .menu ul li a{ color:#ffffff}
*/

/*首页*/
.homebox{ width:100%; height:100vh; overflow:hidden; position: relative; z-index: 3;}
.homebox .brand-swiper { width:100%;height: 100%;}
.homebox .brand-swiper .onebox{ width:100%; height:100%; position:relative}

.home-dot-line{ width:1px; height:100%; overflow:hidden; background:url(../Images/leftline.png) repeat-y; position:fixed; right:50px;  top:80px; z-index:100}
.home-pagination{ position:fixed; right:38px; top:28%; z-index:100;width:26px; height:auto; overflow: visible; text-align:center}
.home-pagination  span{ margin:0 auto; margin-bottom:50px; position:relative; overflow:visible}
.home-pagination  span em{ font-style:normal; position:absolute; right:30px; top:0; height:27px; line-height:27px; color:#FFF; display:none; width:100px; overflow:hidden; text-align:right; font-size:14px; opacity:0}
.home-pagination .swiper-pagination-bullet {width:7px;height: 7px;display:block;background: #ffffff;opacity: 1; background:url(../Images/dot1.png) center center no-repeat;transition: all 0.5s ease;}
.home-pagination .swiper-pagination-bullet-active {width:24px;height: 27px; opacity: 1; border:1px solid #fff;transition: all 0.5s ease;}
.home-pagination .swiper-pagination-bullet-active  em{ display:inline; opacity:1}

.home-paginationblack .swiper-pagination-bullet {background:url(../Images/dot3.png) center center no-repeat}
.home-paginationblack .swiper-pagination-bullet-active {border:1px solid #ccc;}
.home-paginationblack span em{ color:#5b636b}


.homebox .page1{ background:#333333}
.homebox .page2{ background:#cde2f3}
.homebox .page3{ background:#b8b8b8}
.homebox .page4{ background:#000000;overflow-y: scroll;}
.homebox .page4::-webkit-scrollbar {
  display: none;
}

.homebox .page5{ background:#FFF}
.homebox .page6{ background:#f2f2f2; overflow-y: scroll;}
.homebox .page6::-webkit-scrollbar {
  display: none;
}
.scrodown{ width:22px; height:122px; background:url(../Images/down1.png) no-repeat; position:fixed; left:20px; bottom:20px; z-index:100}
.scrodownblack{ background:url(../Images/down2.png) no-repeat; }

.sharebox{ position:absolute; right:4%; bottom:50px; position:fixed; z-index:100;}
.sharebox ul{ margin:0px; padding:0px; list-style:none}
.sharebox ul li{ margin:0px; padding:0px; list-style:none; float:left; margin:0 0 0 16px; float:left}
.sharebox ul li .icon{ width:100%; height:auto; overflow:hidden;}
.sharebox ul li .icon img{transition: all 0.5s ease;}
.sharebox ul li .img1{ display:block}
.sharebox ul li .img2{ display:none}

.shareboxblack ul li .img1{ display:none}
.shareboxblack ul li .img2{ display:block}

/*公共动画*/
.slidetop{ opacity: 0;visibility: hidden;transform: translateY(80px);transition: 0.88s;}
.slidetop.detay1{transition-delay: 0.3s;}
.slidetop.detay2{transition-delay: 0.6s;}
.swiper-slide-active .slidetop{ opacity:1; transform: translateY(0px);visibility: visible;}

.pcslidetop {opacity: 0;visibility: hidden;transform: translateY(80px);transition: 0.82s 0.5s;}
.pcslidetop.detay1{transition-delay: 0.2s;}
.pcslidetop.detay2{transition-delay: 0.4s;}
.pcslidetop.detay2{transition-delay: 0.6s;}

.swiper-slide-active .pcslidetop {opacity: 1;visibility: visible;transform: translateY(0px);transition: 0.88s 0.5s;}

/*第一屏*/
.homePart1{ width:100%; height:100%; overflow:hidden; position:relative; z-index:10; margin:0 auto; position:relative }
.homePart1 .listbox{ width:100%; height:100%; overflow:hidden; position:absolute}
.homePart1 .list{ width:100%; height:100%; overflow:hidden;}
.homePart1 .list ul{ margin:0px; padding:0px; list-style:none}
.homePart1 .list ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:100%; overflow:hidden; background:#fff}
.homePart1 .list ul li .pic{ width:100%; height:100%; overflow:hidden;}
.homePart1 .otherbox{ position:absolute; left:160px; bottom:54px; z-index:100}
.homePart1 .otherbox ul{ margin:0px; padding:0px; list-style:none}
.homePart1 .otherbox ul li{ margin:0px; padding:0px; list-style:none; float:left; height:55px; line-height:55px; text-align:center;}
.homePart1 .otherbox ul li.t1{ background:#e60012; width:55px;}
.homePart1 .otherbox ul li.t2{ background:#ffffff; width:55px;}
.homePart1 .otherbox ul li.t3{ background:#ffffff; font-size:14px; padding:0 15px; display:none;transition: all 0.5s ease;}

.homePart1 .list ul li .wordbox{ position:absolute; position:absolute; left:7.8%; top:50%; margin-top:-150px;  }
.homePart1 .list ul li .wordbox .tit{ width:100%; height:auto; overflow:hidden; font-size:56px;  color:#ffffff; line-height:80px;transition: all 1s ease; margin-left:250px;opacity:0;}
.homePart1 .list ul li .wordbox .tit2{ width:100%; height:auto; overflow:hidden; font-size:20px;  color:#ffffff; line-height:50px; margin:15px 0;transition: all 2s ease;opacity:0; margin-left:300px;}
.homePart1 .list ul li .wordbox .tit3{ width:100%; height:auto; overflow:hidden; font-size:24px; color:#ffffff; line-height:30px;transition: all 3s ease; margin-left:350px;opacity:0;}


.homePart1 .list ul li .more{ width:202px; height:64px;transition: all 3s ease; margin-left:350px;opacity:0; line-height:64px; font-size:16px; color:#FFF; text-align:center; border-radius:50px; background:#1f59ba; border:1px solid #1f59ba;; margin-top:40px; text-transform:uppercase; position:relative; overflow:hidden;}
.homePart1 .list ul li .more:hover{background-image: linear-gradient(to right, #0b6dcc, #00468e); border:0}


.homePart1 .list ul li.swiper-slide-active .wordbox{ opacity:1}
.homePart1 .list ul li.swiper-slide-active .wordbox .tit{ margin-left:0;opacity:1;}
.homePart1 .list ul li.swiper-slide-active .wordbox .tit2{ margin-left:0;opacity:1;}
.homePart1 .list ul li.swiper-slide-active .wordbox .tit3{ margin-left:0;opacity:1;}
.homePart1 .list ul li.swiper-slide-active .more{margin-left:0; opacity:1}


.page1-pagination{ position: absolute; left:0; bottom:56px; z-index:100;width:90%; height:auto; overflow:hidden; text-align:right}
.page1-pagination  span{ margin:0 5px; font-size:16px; text-align:left; border-radius:0; opacity:1}
.page1-pagination .swiper-pagination-bullet {width:35px;height:3px; line-height:3px;transition: all 0.5s ease; background:#9aabbd;}
.page1-pagination .swiper-pagination-bullet-active {width:35px;height:3px;  opacity: 1;transition: all 0.5s ease; background:#fffffd; color:#e60012}


/*
.swiper-slide-active .homePart1 .girl{ bottom:0; opacity:1}
.swiper-slide-active .homePart1 .word1 { right:8%;  opacity:1}
.swiper-slide-active .homePart1 .word2{ right:8%; opacity:1}
.swiper-slide-active .homePart1 .brandlink{ right:8%; opacity:1}
*/

/*第二屏*/
.homePart2{ width:100%; height:100%; overflow:hidden; position:relative; background:url(../Images/h2bg.png) bottom center no-repeat; background-size:cover; z-index:10; margin:0 auto; position:relative }
.homePart2 .titbox{ width:100%; height:115px; overflow:hidden; position:relative; margin-top:180px; overflow:hidden;}
.homePart2 .titbox p{ width:100%; display:block; overflow:hidden; position:absolute; left:0; top:0; text-align:center}
.homePart2 .titbox p.t1{ height:115px; line-height:115px; color:#dcebf6; font-size:111px; font-family:Arial, Helvetica, sans-serif; font-weight:700; text-transform:uppercase; z-index:0}
.homePart2 .titbox p.t2{ height:51px; line-height:51px; color:#1f1f1f; z-index:1; font-size:42px; }
.homePart2 .titbox p.t3{ height:51px; line-height:51px; color:#1f1f1f; z-index:1; top:61px;}
.homePart2 .titbox p.t3 span{ width:2px; height:12px; margin:0 auto; display:block; background:#1f59ba}
.homePart2 .titbox p.t4{ top:80px; height:35px; line-height:35px; font-size:16px; color:#1f1f1f; opacity:0.7; z-index:1}

.homePart2 .backglist{ width:100%; height:100%; position:absolute; left:0; top:0}
.homePart2 .backglist ul{ margin:0px; padding:0px; list-style:none}
.homePart2 .backglist ul li{ margin:0px; padding:0px; list-style:none}
.homePart2 .backglist ul li.li-cir{
	list-style:none; /*去除ul li的默认样式*/
	width:30px;
	height:30px;
	border-radius:50%;
	border:5px solid #f8f8f8;
	position: absolute;
    bottom:-160px;
	animation: ppmove 15s infinite;
}
@keyframes ppmove { /*泡泡移动动画*/
  0% {
    opacity: 0.5;
    transform: translateY(0px)  }
  25% {
    opacity: 0.8;
    transform: translateY(-400px) }
  50% {
    opacity: 1; 
    transform: translateY(-600px) }
  100% {
    opacity: 1; 
    transform: translateY(-1000px) } 
}


.homePart2 .list{width:96%; max-width:1460px; height:600px; overflow:hidden; position: relative; margin:0 auto; box-sizing:border-box; padding:15px}
.homePart2 .list ul{ margin:0px; padding:0px; list-style:none; }
.homePart2 .list ul li{margin:0px; padding:0px; list-style:none;width:140px; height:140px;  background: linear-gradient(to right, #fff, #d7dee5);; border-radius:100%; overflow:hidden; position:absolute; transition: transform 0.8s ease; box-sizing:border-box; padding:10px; }
.homePart2 .list ul li .box{ width:100%; height:100%; border-radius:100%;  background: linear-gradient(to right, #d8dee5, #eef0f2); padding:10px; box-sizing:border-box; overflow:hidden;}
.homePart2 .list ul li .box .inbox{ width:100%; height:100%; overflow:hidden; background: linear-gradient(to right, #adc4ed, #3d6fc4); border-radius:100%; overflow:hidden; box-sizing:border-box; padding:2px;}
.homePart2 .list ul li .box .pic{ width:100%; height:59px; line-height:59px; overflow:hidden; text-align:center}
.homePart2 .list ul li .box .tit{ width:100%; height:auto; line-height:20px; font-size:14px; text-align:center; overflow:hidden; font-size:16px; color:#ffffff; margin-top:5px;}



.homePart2 .list ul li:nth-child(1){ left:20px; top:40%;}
.homePart2 .list ul li:nth-child(1) .inbox{ background:#bc80c9}
.homePart2 .list ul li:nth-child(2){ left:203px; top:93px;width:147px; height:147px;}
.homePart2 .list ul li:nth-child(2) .inbox{ background:#4277ce}

.homePart2 .list ul li:nth-child(3){ left:257px; top:407px;width:170px; height:170px;}
.homePart2 .list ul li:nth-child(3) .inbox{ background:#8f7abb}
.homePart2 .list ul li:nth-child(3) .box .tit{ width:80%; margin:0 auto}

.homePart2 .list ul li:nth-child(4){ left:390px; top:20px;width:156px; height:156px;}
.homePart2 .list ul li:nth-child(4) .inbox{ background:#5a86b3}

.homePart2 .list ul li:nth-child(5){ left:469px; top:274px;width:197px; height:197px; padding:20px;}
.homePart2 .list ul li:nth-child(5) .inbox{ background:#ca8b41; padding:20px}

.homePart2 .list ul li:nth-child(6){ left:667px; top:66px;width:150px; height:150px;}
.homePart2 .list ul li:nth-child(6) .inbox{ background:#eba621}

.homePart2 .list ul li:nth-child(7){ left:750px; top:352px;width:163px; height:163px;}
.homePart2 .list ul li:nth-child(7) .inbox{ background:#16b58a}

.homePart2 .list ul li:nth-child(8){ left:860px; top:160px;width:189px; height:189px; padding:15px;}
.homePart2 .list ul li:nth-child(8) .inbox{ background:#0fc2e2; padding:15px;}

.homePart2 .list ul li:nth-child(9){ right:250px; bottom:10px;width:189px; height:189px;}
.homePart2 .list ul li:nth-child(9) .inbox{ background:#3aae6b; padding:10px}

.homePart2 .list ul li:nth-child(10){ right:157px; top:93px;width:192px; height:192px;}
.homePart2 .list ul li:nth-child(10) .inbox{ background:#76a642; padding:15px;}

.homePart2 .list ul li:nth-child(11){ right:20px; top:254px;width:212px; height:212px;}
.homePart2 .list ul li:nth-child(11) .inbox{ background:#3c92e2; padding:15px;}



/*
.homePart2 .list ul li:hover .tit{ background:#FFF}
*/
/*
.swiper-slide-active .page2Slide .list ul li .pic{animation:bgbig 6s ;-webkit-animation:bgbig 6s ;}

*/

/*第三屏幕*/
.page3box{width:100%; height:100%; overflow:hidden; position:relative; z-index:10; margin:0 auto; background: url(../Images/h3bg.png) no-repeat; background-size:cover;}
#particles-js{ width:100%; height:100%; position: absolute; left:0; top:0}

.page3box .topbox{ width:100%; height:418px; background:url(../Images/h3top.png) no-repeat; background-size:cover; overflow:hidden; padding-top:80px;}
.page3box .topbox .titbox{ width:100%; height:115px; overflow:hidden; position:relative; margin-top:125px; overflow:hidden;}
.page3box .topbox .titbox p{ width:100%; display:block; overflow:hidden; position:absolute; left:0; top:0; text-align:center}
.page3box .topbox .titbox p.t1{ height:115px; line-height:115px; color:#fff; opacity:0.15; font-size:111px; font-family:Arial, Helvetica, sans-serif; font-weight:700; text-transform:uppercase; z-index:0}
.page3box .topbox .titbox p.t2{ height:51px; line-height:51px; color:#fff; z-index:1; font-size:42px; }
.page3box .topbox .titbox p.t3{ height:51px; line-height:51px; color:#fff; z-index:1; top:61px;}
.page3box .topbox .titbox p.t3 span{ width:2px; height:12px; margin:0 auto; display:block; background:#fff}
.page3box .topbox .titbox p.t4{ top:80px; height:35px; line-height:35px; font-size:16px; color:#fff; opacity:0.7; z-index:1}



.page3box .listbox{ width:100%; height:430px; max-width:1560px; margin:0 auto; overflow:hidden; margin-top:57px; position:relative }
.page3box .listbox .leftarr{ width:19px; height:35px; background:url(../Images/left1.png) no-repeat; cursor:pointer; z-index:10; position:absolute; left:0; top:220px; z-index:10}
.page3box .listbox .rightarr{ width:19px; height:35px; background:url(../Images/right1.png) no-repeat; cursor:pointer; z-index:10; position:absolute; right:0; top:220px;z-index:10}

.page3box .list{ width:100%; height:430px; max-width:1400px; margin:0 auto; position:relative; z-index:0; overflow:hidden;}
.page3box .list ul{ margin:0px; padding:0px; list-style:none}
.page3box .list ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:100%; overflow:hidden;}
.page3box .list ul li .box{ width:96%;; margin:0 auto; height:430px; overflow:hidden;}
.page3box .list ul li .box .num{ width:100%; height:60px; overflow:hidden; line-height:121px; font-weight:700; font-size:121px; text-align:center; font-family:Arial, Helvetica, sans-serif; color:#FFF; opacity:0.5; overflow:hidden;}
.page3box .list ul li .box .inbox{ width:100%; height:373px;  border-radius:10px; overflow:hidden;background: linear-gradient(to bottom, rgba(243, 247, 252, 1) 0%, rgba(243, 247, 252, 0) 100%); box-sizing:border-box; padding:20px;}
.page3box .list ul li .pic{ width:100%; height:102px; overflow:hidden; text-align:center}
.page3box .list ul li .pic img{ margin:0 auto}
.page3box .list ul li .pic .img1{ display:block}
.page3box .list ul li .pic .img2{ display:none}

.page3box .list ul li .tit{ width:100%; height:50px; line-height:25px; overflow:hidden; font-size:18px; text-align:center; color:#1f1f1f;}
.page3box .list ul li .word{ width:100%; height:56px; line-height:28px; text-align:center; color:#1f1f1f; opacity:0.8; overflow:hidden; font-size:15px;}
.page3box .list ul li .more{ width:130px; height:50px; line-height:50px; text-align:center; margin:0 auto; margin-top:26px;; overflow:hidden; color:#1f59ba; opacity:1;transition: all 0.5s ease;}


.page3box .list ul li:hover .box .inbox{ background: linear-gradient(to bottom, rgba(203, 218, 243, 1) 0%, rgba(203, 218, 243, 0) 100%); }
.page3box .list ul li:hover .pic .img1{ display:none}
.page3box .list ul li:hover .pic .img2{ display:block}
.page3box .list ul li:hover .tit{ font-weight:700}
.page3box .list ul li:hover .more{ background:#1f59ba; color:#fff; border-radius:35px;}



.page3box .otherbox{ position:absolute; left:160px; bottom:54px; z-index:100}
.page3box .otherbox ul{ margin:0px; padding:0px; list-style:none}
.page3box .otherbox ul li{ margin:0px; padding:0px; list-style:none; float:left; height:55px; line-height:55px; text-align:center;}
.page3box .otherbox ul li.t1{ background:#e60012; width:55px;}
.page3box .otherbox ul li.t2{ background:#ffffff; width:55px;}
.page3box .otherbox ul li.t3{ background:#ffffff; font-size:14px; padding:0 15px; display:none;transition: all 0.5s ease;}

.page3box .arrlist{ position:absolute; right:160px; bottom:54px; z-index:100}
.page3box .arrlist ul{ margin:0px; padding:0px; list-style:none}
.page3box .arrlist ul li{ margin:0px; padding:0px; list-style:none; float:left; height:55px; line-height:55px; text-align:center;}
.page3box .arrlist ul li.left1{ background:#dccda5; width:55px;}
.page3box .arrlist ul li.right1{ background:#e60012; width:55px;}

.page3-pagination{ position: absolute; left:0; bottom:76px; z-index:100;width:100%; height:auto; overflow:hidden; text-align:center}
.page3-pagination  span{ margin:0 auto; font-size:16px; text-align:left}
.page3-pagination .swiper-pagination-bullet {width:35px;height:20px; line-height:20px;transition: all 0.5s ease; background:none; color:#47494b}
.page3-pagination .swiper-pagination-bullet-active {width:121px;height: 20px; line-height:20px; opacity: 1;transition: all 0.5s ease; background:url(../Images/line1.png) right 10px center no-repeat; color:#e60012}

.page3box .minlist{ position:absolute; right:118px; top:125px; z-index:100}
.page3box .minlist ul{ margin:0px; padding:0px; list-style:none}
.page3box .minlist ul li{ margin:0px; padding:0px; list-style:none; width:115px; box-sizing:border-box;}
.page3box .minlist ul li .pic{ width:115px; height:115px; overflow:hidden; border-radius:100%; border-bottom:1px solid #FFF}
.page3box .minlist ul li .tit{ width:100%; height:50px; line-height:50px; text-align:center; font-size:14px;}

.page3box .minlist ul li.onfocus .pic{ border:1px solid #F00;}
.page3box .minlist ul li.onfocus .tit{ color:#F00}

/*第四屏*/
.page4box{width:100%; height:100%; overflow:hidden; position:relative; z-index:10; margin:0 auto; background:url(../Images/h4bg.png) center center no-repeat; background-size:cover; overflow:hidden;}
.page4box  .inbox{ width:100%; height:100%; position:relative; background:url(../Images/p4bor.png) left top no-repeat; background-size:auto 100%; overflow:hidden;}

.page4box .titbox{ width:100%; height:115px; overflow:hidden; position:relative; margin-top:180px; overflow:hidden;}
.page4box .titbox p{ width:100%; display:block; overflow:hidden; position:absolute; left:0; top:0; text-align:center}
.page4box .titbox p.t1{ height:115px; line-height:115px; color:#eff0ee; font-size:111px; font-family:Arial, Helvetica, sans-serif; font-weight:700; text-transform:uppercase; z-index:0}
.page4box .titbox p.t2{ height:51px; line-height:51px; color:#1f1f1f; z-index:1; font-size:42px; }
.page4box .titbox p.t3{ height:51px; line-height:51px; color:#1f1f1f; z-index:1; top:61px;}
.page4box .titbox p.t3 span{ width:2px; height:12px; margin:0 auto; display:block; background:#1f59ba}
.page4box .titbox p.t4{ top:80px; height:35px; line-height:35px; font-size:16px; color:#1f1f1f; opacity:0.7; z-index:1}

.page4box .listbox{ width:100%; height:522px; max-width:1400px; margin:0 auto; overflow:hidden; margin-top:57px; position:relative; border-radius:10px; background:url(../Images/h4inbg.png) no-repeat; background-size:cover; }
.page4box .list{ width:100%; height:522px; max-width:1400px; margin:0 auto; position:relative; z-index:0; overflow:hidden;}
.page4box .list ul{ margin:0px; padding:0px; list-style:none}
.page4box .list ul li{ margin:0px; padding:0px; list-style:none; width:25%; height:522px; overflow:hidden; float:left}
.page4box .list ul li .box{ width:100%; margin:0 auto; height:522px; overflow:hidden; border-left:1px solid #44608f; box-sizing:border-box; padding:0px 40px; background:url(../Images/cover1.png) repeat; transition: all .5s ease;}
.page4box .list ul li .pic{ width:100%; height:90px; overflow:hidden; text-align:left; display:none; margin-top:114px;}
.page4box .list ul li .pic img{  max-height:90%;}

.page4box .list ul li .tit{ width:100%; height:50px; line-height:25px; overflow:hidden; font-size:20px; text-align:left; color:#fff; margin-top:270px;}
.page4box .list ul li .word{ width:100%; height:75px; line-height:25px; text-align:left; color:#ffffff; opacity:0.6; overflow:hidden; font-size:14px; margin-top:16px;}
.page4box .list ul li .more1{ width:130px; height:50px; line-height:50px; background:url(../Images/more1.png) left center no-repeat;transition: all 0.5s ease; margin-top:30px;}
.page4box .list ul li .more{width:130px; height:50px; line-height:50px; text-align:center;  margin-top:50px; overflow:hidden; color:#fff; background:#1f59ba; border-radius:50px; opacity:1;transition: all 0.5s ease; display:none}
.page4box .list ul li:hover .box{ background:none}
.page4box .list ul li:hover .pic{ display:block}
.page4box .list ul li:hover .tit{ font-weight:700;margin-top:20px;}
.page4box .list ul li:hover .more1{ display:none}
.page4box .list ul li:hover .more{ display:block}


.popbox{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:99999; background:#262626;transition: all 0.5s ease; display:none;}
.popbox .pop-close {display: block;position: absolute;right: 30px;top:30px;width: 40px;height: 40px;cursor: pointer; background: url(../Images/close.png) center no-repeat;transition: 0.4s;}
.popbox .pop-close:hover {transform: rotate(180deg);}
.popbox .videobox{ width:1200px; height:650px; overflow:hidden; position:absolute; left:50%; margin-left:-600px; top:50%; margin-top:-325px;}
.popbox .videobox video{ width:100%; height:100%;}

/*新闻*/
.page5box{ width:100%; height:100%; position:relative; background:url(../Images/h5bg.png) no-repeat; background-size:cover; overflow:hidden;}
.page5box .titbox{ width:100%; height:115px; overflow:hidden; position:relative; margin-top:180px; overflow:hidden;}
.page5box .titbox p{ width:100%; display:block; overflow:hidden; position:absolute; left:0; top:0; text-align:center}
.page5box .titbox p.t1{ height:115px; line-height:115px; color:#c1d1e7; font-size:111px; font-family:Arial, Helvetica, sans-serif; font-weight:700; text-transform:uppercase; z-index:0}
.page5box .titbox p.t2{ height:51px; line-height:51px; color:#1f1f1f; z-index:1; font-size:42px; }
.page5box .titbox p.t3{ height:51px; line-height:51px; color:#1f1f1f; z-index:1; top:61px;}
.page5box .titbox p.t3 span{ width:2px; height:12px; margin:0 auto; display:block; background:#1f59ba}
.page5box .titbox p.t4{ top:80px; height:35px; line-height:35px; font-size:16px; color:#1f1f1f; opacity:0.7; z-index:1}

.page5box .listbox{ width:96%; height:auto; max-width:1400px; margin:0 auto; overflow:hidden; margin-top:35px; position:relative; }
.page5box .list{ width:100%; height:auto; max-width:1400px; margin:0 auto; position:relative; z-index:0; overflow:hidden;}
.page5box .list ul{ margin:0px; padding:0px; list-style:none}
.page5box .list ul li{ margin:26px 0px; padding:0px; list-style:none; width:50%; height:auto; overflow:hidden; float:left}
.page5box .list ul li .box{ width:96%; height:124px; background:url(../Images/jobbg1.png) no-repeat; background-size:100% 100%; box-sizing:border-box; padding:0 0 0 150px; overflow:hidden;}
.page5box .list ul li .box .tit{ width:100%; height:42px; line-height:42px; margin-top:13px; overflow:hidden; font-size:20px; font-weight:700; color:#1f1f1f}
.page5box .list ul li .box .word{width:100%; height:35px; line-height:35px; margin-top:10px; overflow:hidden; font-size:15px;  color:#1f1f1f; opacity:0.8}

.page5box .list ul li:nth-child(2n) .box{ float:right}
.page5box .list ul li:hover .box{ background:url(../Images/jobbg2.png) no-repeat; background-size:100% 100%;}

@keyframes rotateBackground {
  0 {
    background-size:80% auto;
  }

  100% {
    background-size: 100% auto;
  }
  
}
.zhuan{animation: rotateBackground 5s linear infinite;}

@keyframes sizeBackground {
  from {
    background-size: 0 0;
  }
  to {
    background-position: 100% auto;

  }
}


.page6box{ width:100%; height:100%; position:relative; overflow:hidden; background:url(../Images/h6bg.jpg) top center no-repeat; ;}
.page6box .themapbox{ width:50%; height:800px; position:absolute; right:200px; top:0; overflow:hidden}
.page6box .themapbox .earth{ width:100%; height:430px; position:absolute; left:0; bottom:0; background:url(../Images/mapbox.png) top center no-repeat; z-index:0;}
.page6box .themapbox .lightguang{ width:100%; height:435px; position:absolute; left:0; bottom:150px; background:url(../Images/guang.png) top center no-repeat; z-index:1;animation: sizeBackground 1.5s linear infinite;}

.page6box .titbox{ width:100%; height:115px; overflow:hidden; position:relative; margin-top:180px; overflow:hidden;}
.page6box .titbox p{ width:100%; display:block; overflow:hidden; position:absolute; left:0; top:0; text-align:center}
.page6box .titbox p.t1{ height:115px; line-height:115px; color:#e1effa; font-size:111px; font-family:Arial, Helvetica, sans-serif; font-weight:700; text-transform:uppercase; z-index:0}
.page6box .titbox p.t2{ height:51px; line-height:51px; color:#1f1f1f; z-index:1; font-size:42px; }
.page6box .titbox p.t3{ height:51px; line-height:51px; color:#1f1f1f; z-index:1; top:61px;}
.page6box .titbox p.t3 span{ width:2px; height:12px; margin:0 auto; display:block; background:#1f59ba}
.page6box .titbox p.t4{ top:80px; height:35px; line-height:35px; font-size:16px; color:#1f1f1f; opacity:0.7; z-index:1}

.page6box .listbox{ width:96%; height:auto; max-width:1400px; margin:0 auto; overflow:hidden; margin-top:40px; position:relative; }
.page6box .listbox .inbox{ width:45%; height:auto; overflow:hidden;}
.page6box .listbox .tit{ width:100%; height:50px; line-height:50px; overflow:hidden; font-size:24px; font-weight:700; color:#1f59ba}
.page6box .listbox .word{ width:100%; height:150px; overflow:hidden; line-height:30px; margin-top:10px; font-size:16px;}
.page6box .listbox .more{width:130px; height:50px; line-height:50px; text-align:center;  margin-top:50px; overflow:hidden; color:#fff; background:#1f59ba; border-radius:50px; opacity:1;transition: all 0.5s ease; }
.page6box .listbox .more:hover{  background:#eba621}

.page6box .listbox2{ width:100%; height:139px; max-width:1400px; margin:0 auto; overflow:hidden; margin-top:70px; position:relative;box-shadow: 0px 0px 10px 0px #f3f5f8; background:#FFF}
.page6box .listbox2 .leftarr{ width:26px; height:26px; background:url(../Images/left2.png) no-repeat; cursor:pointer; z-index:10; position:absolute; left:18px; top:54px; z-index:10}
.page6box .listbox2 .rightarr{ width:26px; height:26px; background:url(../Images/right2.png) no-repeat; cursor:pointer; z-index:10; position:absolute; right:18px; top:54px;z-index:10}

.page6box .listbox2 .list{ width:90%; height:139px;; margin:0 auto; position:relative; z-index:0; overflow:hidden;}
.page6box .listbox2 .list ul{ margin:0px; padding:0px; list-style:none}
.page6box .listbox2 .list ul li{ margin:0px; padding:0px; list-style:none; width:15%; height:139px; line-height:139px; text-align:center; overflow:hidden;}
.page6box .listbox2 .list ul li  img{ max-width:70%; max-height:70%}


.page6box .listbox3{ width:100%; height:180px; max-width:1400px; margin:0 auto; overflow:hidden;  position: absolute; bottom:0; left:0; background:#FFF; display:none}
.page6box .listbox3 .leftarr{ width:26px; height:26px; background:url(../Images/left2.png) no-repeat; cursor:pointer; z-index:10; position:absolute; left:50%; margin-left:-60px;; bottom:20px; z-index:10}
.page6box .listbox3 .rightarr{ width:26px; height:26px; background:url(../Images/right2.png) no-repeat; cursor:pointer; z-index:10; position:absolute; right:50%; margin-right:-60px; bottom:20px;z-index:10}

.page6box .listbox3 .list{ width:100%; height:121px;; margin:0 auto; position:relative; z-index:0; overflow:hidden;}
.page6box .listbox3 .list ul{ margin:0px; padding:0px; list-style:none}
.page6box .listbox3 .list ul li{ margin:0px; padding:0px; list-style:none; width:33.33%; height:121px; line-height:121px; text-align:center; overflow:hidden;}
.page6box .listbox3 .list ul li .box{ width:100%; height:60px; line-height:60px; text-align:center;}
.page6box .listbox3 .list ul li  img{ max-width:70%; max-height:70%}



#ertopslide{ width:100%; height:450px; overflow:hidden;  }
.erSlide{ width:100%; height:450px; overflow:hidden; position:relative;z-index:5; position:relative; }
.erSlide .list{width:100%; height:450px; overflow:hidden; position:relative;   margin:0 auto}
.erSlide .list ul{ margin:0px; padding:0px; list-style:none}
.erSlide .list ul li{margin:0px; padding:0px; list-style:none;width:100%; height:450px; overflow:hidden; float:left; position:relative}
.erSlide .list ul li .pic{width:100%; height:450px;}

.erSlide .cbox{ width:100%; height:55px; position:absolute; left:0; bottom:0; background:url(../Images/esbg.png) repeat}
.erSlide .tpage {position: absolute;left:50%; margin-left:-640px;text-align: right;bottom:20px;width: 100%; max-width:1280px; color:#FFF}
.erSlide .tpage .swiper-pagination-switch { display: inline-block;width: 10px; height: 10px;border-radius: 10px;background: #878785; margin: 0 3px;cursor: pointer;}
.erSlide .tpage .swiper-active-switch { background: #ffffff;}

.erSlide .titbox{ width:100%; height:115px; overflow:hidden; position:absolute; top:50%; margin-top:-58px;}
.erSlide .titbox p{ width:100%; display:block; overflow:hidden; position:absolute; left:0; top:0; text-align:center}
.erSlide .titbox p.t1{ height:115px; line-height:115px; color:#fff; opacity:0.2;  font-size:111px; font-family:Arial, Helvetica, sans-serif; font-weight:700; text-transform:uppercase; z-index:0}
.erSlide .titbox p.t2{ height:51px; line-height:51px; color:#fff; z-index:1; font-size:42px; }
.erSlide .titbox p.t3{ height:51px; line-height:51px; color:#fff; z-index:1; top:61px;}
.erSlide .titbox p.t3 span{ width:2px; height:12px; margin:0 auto; display:block; background:#fff}
.erSlide .titbox p.t4{ top:80px; height:35px; line-height:35px; font-size:16px; color:#fff; opacity:0.7; z-index:1}



.erSlide .namebox{ position:absolute; width:680px; left:50%; margin-left:-680px; bottom:121px} 
.erSlide .namebox .tit{ width:100%; height:auto; overflow:hidden; font-size:42px; text-transform:uppercase; color:#ffffff; line-height:40px;}
.erSlide .namebox .tit2{ width:100%; height:auto; overflow:hidden; font-size:26px; font-weight:700;  color:#ffffff; margin-top:10px;}
.erSlide .namebox .tit2 i{ color:#0093e7; font-style:normal}

.erSlidemb{ width:100%; height:442px; overflow:hidden; position:relative;z-index:5; }
.erSlidemb .list{width:100%; height:442px; overflow:hidden; position:relative;   margin:0 auto}
.erSlidemb .list ul{ margin:0px; padding:0px; list-style:none}
.erSlidemb .list ul li{margin:0px; padding:0px; list-style:none;width:100%; height:442px; overflow:hidden; float:left; position:relative}
.erSlidemb .namebox{ position:absolute;  left:40px; bottom:40px} 
.erSlidemb .namebox .tit{ width:100%; height:auto; overflow:hidden; font-size:36px; color:#ffffff; line-height:50px;}
.erSlidemb .namebox .tit2{ width:100%; height:auto; overflow:hidden; font-size:20px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; color:#c0bebd; margin-top:10px;}






.footlink{ width:100%; height:auto; background: #ecf2f7; overflow:hidden;  padding:20px 0}
.footlink .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1280px; margin:0 auto; clear:both; overflow:hidden;  }
.footlink .centerbox .centerin{ width:100%; height:auto; overflow:hidden;  position:relative; }

.footlink .listbox{ width:100%; height:auto; overflow:hidden; font-size:14px; line-height:200%}
.footlink .listbox span{ font-size:16px; font-weight:700; color:#262626}




.footmenu{ width:100%; height:auto; background: url(../Images/fbg.png) no-repeat; background-size:cover; overflow:hidden;  padding:60px  0 0 0; border-bottom:1px solid #e2e6e8; position:relative; overflow:hidden;}
#footbg{ width:100%; height:100%; position: absolute; left:0; top:0}
.footmenu .centerbox{ width:100%; height:auto;  min-width:320px;  margin:0 auto; clear:both; overflow:hidden; max-width:1400px;  }
.footmenu .centerbox .centerin{ width:100%; height:auto; overflow:hidden;  position:relative;}


.footmenu .part1{ width:72%; float:left; height:auto; overflow:hidden; color:#ffffff;}
.footmenu .part1 .one{ width:33.33%; height:auto; float:left; overflow:hidden} 
.footmenu .part1 .title{ width:100%; height:40px; line-height:40px; font-size:16px; color:#ffffff; font-weight:700; position:relative}
.footmenu .part1 .list{ width:100%; height:auto; overflow:hidden; margin-top:10px;}
.footmenu .part1 .list ul{ margin:0px; padding:0px; list-style:none}
.footmenu .part1 .list ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:auto; overflow:hidden; line-height:42px; line-height:42px; font-size:15px; color:#ffffff; opacity:0.6}
.footmenu .part1 .list ul li a{ color:#FFF}

.footmenu .part2{ width:28%; float:left; height:auto; overflow:hidden; color:#696a6b;}
.footmenu .part2 .one{ width:100%; height:auto; overflow:hidden;}
.footmenu .part2 .title{ width:100%; height:40px; line-height:40px; font-size:16px; color:#fff; font-weight:700; position:relative}
.footmenu .part2 .tel{ width:100%; height:56px; line-height:56px; font-size:32px; color:#ffffff; font-family:Arial, Helvetica, sans-serif}

.footmenu .part2 .list{ width:100%; height:auto; overflow:hidden; margin-top:10px;}
.footmenu .part2 .list ul{ margin:0px; padding:0px; list-style:none}
.footmenu .part2 .list ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:auto; overflow:hidden; line-height:35px; margin-top:10px; font-size:15px; color:#fff; opacity:0.6}
.footmenu .part2 .pic{ line-height:200%; font-size:14px; text-align:center; width:125px; color:#bfc1c5; margin-top:20px;}

.footmenu .codelist{ width:20%; float:right; overflow:hidden;}
.footmenu .codelist ul{ margin:0px; padding:0px; list-style:none}
.footmenu .codelist ul li{ margin:0px; padding:0px; list-style:none; width:50%; height:auto; float:left; overflow:hidden;}
.footmenu .codelist ul li .pic{ width:965; float:right; overflow:hidden;}
.footmenu .codelist ul li .pic img{ width:100%; height:auto; overflow:hidden;}


.footmenu .cpbox{ width:100%; height:auto; overflow:hidden; background:url(../Images/cover2.png) repeat; padding:20px 0}
.footmenu .cpbox .cbox{ width:100%; height:auto;  min-width:320px;  margin:0 auto; clear:both; overflow:hidden; max-width:1400px; line-height:200%;  }
.footmenu .cpbox .copyright{ width:60%; height:auto; overflow:hidden; float:left; font-size:14px; line-height:30px; color:#ffffff; opacity:0.5}
.footmenu .cpbox .copyright a{ color:#FFF}
.footmenu .cpbox .gotopnow{ float:right; cursor:pointer; position:relative; z-index:1000}

.footer{ width:100%; height:auto; overflow:hidden; background:#20283d; padding:20px 0;  position:relative; z-index:1;  }

.footer .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1600px;  margin:0 auto; clear:both; overflow:hidden; }
.footer .centerbox .centerin{ width:100%; height:auto; overflow:hidden; line-height:200%; color:#666c6e; margin:0 auto; font-size:15px;}
.footer .centerbox .centerin a{ color:#666c6e;}
.footer .brandbox{ float:left; line-height:60px; font-size:14px; color:#666c6e}
.footer .brandbox .tit{ background:#e60012; color:#FFF; font-size:14px; font-style:normal; border-radius:30px; padding:15px 15px;}
.footer .copyright{ float:left; line-height:60px; font-size:14px; color:#666c6e; box-sizing:border-box; padding:0 0 0 15px}
.footer .fdlink{ float:right; height:40px; line-height:40px;}
.footer .fdlink select{ border:0; border-bottom:1px solid #ccd8db; font-size:14px; color:#666c6e; background:#f2f5f7}


.footermb{ width:100%; height:auto; overflow:hidden; background:#f0f0f0; padding:30px 0;  position:relative; z-index:1; margin-top:10px; display:none }
.footermb .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1200px; margin:0 auto; clear:both; overflow:hidden; }
.footermb .centerbox .centerin{ width:92%; height:auto; overflow:hidden; line-height:200%; color:#6a6a6a; text-align:center; margin:0 auto}
.footermb .centerbox .centerin a{color:#6a6a6a;}

.fixbottomkong{ width:100%; height:60px; clear:both; overflow:hidden; display:none;}
.fixbottom{ width:100%; height:auto; overflow:hidden; background:#004a25;  position:fixed; left:0px; bottom:0px; z-index:100; display:none;}
.fixbottom .list{ margin:0px; padding:0px; list-style:none; width:100%; min-width:320px; margin:0 auto;}
.fixbottom .list ul{ margin:0px; padding:0px; list-style:none}
.fixbottom .list ul li{ margin:0px; padding:0px; list-style:none; width:33.33%; height:60px; line-height:60px; font-size:16px; color:#FFF; float:left; overflow:hidden;  height:auto; border-left:1px solid #336e51; margin-left:-1px; text-align:center; text-indent:0}



@keyframes bgbig
{
0%   {transform:scale(1.5);}

100%   {transform:scale(1);}

}
@-webkit-keyframes bgbig{
0%   {transform:scale(1.5);}

100%   {transform:scale(1);}
}



/*关于我们页面*/
.er-dot-line{ width:1px; height:100%; overflow:hidden; background:url(../Images/leftline.png) repeat-y; position: absolute; right:80px; bottom:185px; z-index:100}
.erscrodown{ width:14px; height:185px; background:url(../Images/down1.png) no-repeat; position:absolute; right:73px; bottom:0px; z-index:100}

.brandbox1{ width:100%; height:960px; overflow:hidden; position:relative}
.brandbox1 .pic{ width:100%; height:100%; overflow:hidden; position:relative}
.brandbox1 .w1{ position: absolute; left:50%; top:36%}
.brandbox1 .w2{ position:absolute; left:50%; top:52.18%; width:100%; max-width:627px; text-align:right}


.brandbox2{ width:100%; height:960px; overflow:hidden; position:relative}
.brandbox2 .list{ width:100%; height:960px; overflow:hidden;}
.brandbox2 .list ul{ margin:0px; padding:0px; list-style:none}
.brandbox2 .list ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:960px; overflow:hidden;}
.brandbox2 .list ul li .pic{ width:100%; height:100%; overflow:hidden;}
.brandbox2 .leftarr{ position:absolute; left:0px; top:50%; margin-top:-90px; width:90px; height:181px; background: url(../Images/left2.png) no-repeat; background-size:100% 100%; z-index:10}
.brandbox2 .rightarr{ position:absolute; right:0px; top:50%; margin-top:-90px; width:90px; height:181px; background: url(../Images/right2.png) no-repeat; background-size:100% 100%; z-index:10}

/*品牌理念*/
.brandbox3{ width:100%; height:auto; overflow:hidden; position:relative; background:#FFF; padding:58px 0;}
.brandbox3 .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1600px; margin:0 auto; clear:both; overflow:hidden;  box-sizing:border-box;   }
.brandbox3 .centerbox .centerin{ width:100%; overflow:hidden;height:auto; position:relative; background:url(../Images/bdmilk.png) top center no-repeat; min-height:185px;}
.brandbox3 .titbox{ width:100%; height:auto; line-height:60px; text-align:center; font-size:46px; font-weight:700; color:#e60012; text-align:center; margin-top:10px;}
.brandbox3 .wordbox{ width:100%; margin:10px 0; line-height:200%; font-size:16px; text-align:center; overflow:hidden; }


.brandbox4{ width:100%; height:auto; overflow:hidden; position:relative}
.brandbox4 .onebox{ width:50%; height:663px; overflow:hidden; position:relative; float:left}
.brandbox4 .onebox .tit{ position:absolute; top:134px; width:100%; text-align:center; overflow:hidden;}
.brandbox4 .onebox  ul{ margin:0px; padding:0px; list-style:none}
.brandbox4 .onebox  ul li{ margin:0px; padding:0px; list-style:none; position:absolute; color:#FFF}
.brandbox4 .onebox  ul li.t1{ left:16.66%; top:158px;}
.brandbox4 .onebox  ul li.t2{ left:32.81%; top:280px;}
.brandbox4 .onebox  ul li.t3{ left:49.16%; top:380px;}
.brandbox4 .onebox  ul li.t4{ right:16.66%; top:158px;}
.brandbox4 .onebox  ul li.t5{ right:32.81%; top:280px;}
.brandbox4 .onebox  ul li.t6{ right:49.16%; top:380px;}


.brandbox4 .onebox  ul li .wordbox{ writing-mode: vertical-rl; text-orientation: upright;display: flex; flex-direction: column;align-items: center; }
.brandbox4 .onebox  ul li .word{ height:auto;font-size:16px; line-height:20px; letter-spacing:2px; }
.brandbox4 .onebox  ul li .word span{ font-size:22px; font-weight:700;letter-spacing: 5px;}


.brandbox5{ width:100%; height:auto; overflow:hidden; position:relative; background:#FFF; padding:58px 0;}
.brandbox5 .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1600px; margin:0 auto; clear:both; overflow:hidden;  box-sizing:border-box;   }
.brandbox5 .centerbox .centerin{ width:100%; overflow:hidden;height:auto; position:relative; background: url(../Images/brandpride.png) 0 68px no-repeat}
.brandbox5 .leftbox{ width:50%; height:auto; float:left; overflow:hidden;}
.brandbox5 .leftbox .titbox{ width:100%; height:60px; line-height:60px; overflow:hidden; font-size:46px; font-weight:700; color:#e60012}
.brandbox5 .leftbox .timebox{ margin:47px 0 0 31px;} 
.brandbox5 .leftbox .timebox select{ width:290px; height:46px; line-height:45px; background:url(../Images/timeon.png) left 10px center no-repeat #FFF; text-indent:30px;}
.brandbox5 .leftbox .inbox{ width:100%; height:500px; overflow:hidden; box-sizing:border-box; padding:0 0 0 31px;}
.brandbox5 .leftbox .inbox .tbox{ width:100%; height:390px; overflow:hidden}
.brandbox5 .leftbox .list{ width:100%; height:420px; overflow:hidden;}
.brandbox5 .leftbox .list ul{ margin:0px; padding:0px; list-style:none}
.brandbox5 .leftbox .list ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:150px; overflow:hidden;}
.brandbox5 .leftbox .list ul li .tit{ width:100%; height:35px; line-height:35px; margin-top:15px; font-size:14px; color:#343434}
.brandbox5 .leftbox .list ul li .tit span{ font-weight:700; font-size:26px;}
.brandbox5 .leftbox .list ul li .word{ width:100%; height:90px; overflow:auto; }
.brandbox5 .leftbox .list ul li .word p{ width:100%; height:auto; overflow:hidden; line-height:28px; background:url(../Images/rnm.png) 0 12px no-repeat; box-sizing:border-box; padding:0 0 0 20px;}

.brandbox5 .leftbox .arrlist{ width:100%; height:auto; overflow:hidden; margin-top:50px;}
.brandbox5 .leftbox .arrlist ul{ margin:0px; padding:0px; list-style:none}
.brandbox5 .leftbox .arrlist ul li{ margin:0px; padding:0px; list-style:none; float:left; margin:0 15px 0 0; cursor:pointer }

.brandbox5 .rightbox{ width:50%;height:auto; float:left; overflow:hidden; text-align:right}
.brandbox5 .rightbox img{ max-width:96%;}






.aboutbox1{ width:100%; height:auto; overflow:hidden; position:relative; background:url(../Images/ab1bg.png) no-repeat; background-size:cover; padding:20px 0 60px 0}
.aboutbox1 .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1360px; margin:0 auto; clear:both; overflow:hidden;  box-sizing:border-box; background:url(../Images/ab1in.png) right center no-repeat   }
.aboutbox1 .centerbox .centerin{ width:100%; overflow:hidden;height:auto; position:relative; }
.aboutbox1 .location{ width:100%; height:30px; line-height:30px; overflow:hidden; position:relative; margin:0 auto; font-size:15px;color:#f32e38; text-align:left}
.aboutbox1 .location a{ color:#f32e38}

.aboutbox1 .listbox{ width:100%; height:auto; overflow:hidden; position:relative; margin-top:40px;}
.aboutbox1 .leftbox{ width:62%; float:left; overflow:hidden; }
.aboutbox1 .leftbox .tit{ width:100%; height:auto; overflow:hidden; font-size:40px; font-weight:700; line-height:60px; color:#001f5d}
.aboutbox1 .leftbox .word{ width:100%; height:auto; overflow:hidden; font-size:16px; opacity:0.9; line-height:200%; color:#1f1f1f; margin-top:30px;}
.aboutbox1 .leftbox .list{ width:100%; height:auto; overflow:hidden; margin-top:50px;}
.aboutbox1 .leftbox .list ul{ margin:0px; padding:0px; list-style:none}
.aboutbox1 .leftbox .list ul li{ margin:0px; padding:0px; list-style:none; width:20%; height:auto; float:left; overflow:hidden;}
.aboutbox1 .leftbox .list ul li .box{ width:96%; height:122px; background:#fbfcfd; position:relative; color:#3c91e2; overflow:hidden;}
.aboutbox1 .leftbox .list ul li .box p{ position:absolute; background:#bbcdeb}
.aboutbox1 .leftbox .list ul li .box p.t1{ width:1px; height:11px; left:0; bottom:0}
.aboutbox1 .leftbox .list ul li .box p.t2{ width:11px; height:1px; left:0; bottom:0}
.aboutbox1 .leftbox .list ul li .box p.t3{ width:11px; height:1px; right:0; top:0}
.aboutbox1 .leftbox .list ul li .box p.t4{ width:1px; height:11px; right:0; top:0}
.aboutbox1 .leftbox .list ul li .box .tit2{ width:100%; height:45px; line-height:45px; text-align:center; margin-top:27px; overflow:hidden; text-align:center; font-size:28px;}
.aboutbox1 .leftbox .list ul li .box .word2{ width:100%; height:30px; line-height:30px; text-align:center; margin-top:0px; overflow:hidden; text-align:center; font-size:12px; opacity:0.5}


.aboutbox1 .leftbox .list ul li:nth-child(2) .box{color:#8f7abb;}
.aboutbox1 .leftbox .list ul li:nth-child(2) .box p{background:#8f7abb}

.aboutbox1 .leftbox .list ul li:nth-child(3) .box{color:#16b68a;}
.aboutbox1 .leftbox .list ul li:nth-child(3) .box p{background:#16b68a}

.aboutbox1 .leftbox .list ul li:nth-child(4) .box{color:#ff8a00;}
.aboutbox1 .leftbox .list ul li:nth-child(4) .box p{background:#ff8a00}

.aboutbox1 .leftbox .list ul li:nth-child(5) .box{color:#e31d2f;}
.aboutbox1 .leftbox .list ul li:nth-child(5) .box p{background:#e31d2f}



.aboutbox1 .rightbox{ width:38%; float:left; overflow:hidden; text-align:right}
.aboutbox1 .rightbox img{ max-width:90%}



.aboutbox2{width:100%; height:auto; overflow:hidden;  z-index:0; position:relative; position:relative; background:#ffffff; padding:70px 0}
.aboutbox2 .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1500px; margin:0 auto; clear:both; overflow:hidden;  box-sizing:border-box; }
.aboutbox2 .centerbox .centerin{ width:100%; overflow:hidden;height:auto; position:relative; }
.aboutbox2 .tbox{ width:100%; height:auto; overflow:hidden; max-width:1360px; margin:0 auto}
.aboutbox2 .tbox .tit{ width:100%; height:50px; line-height:50px; text-align:center; font-size:36px; color:#001f5d}
.aboutbox2 .tbox .word{ width:100%; height:auto; line-height:50px; text-align:center; font-size:16px; color:#1f1f1f; margin-top:20px; line-height:200%;}
.aboutbox2 .leftbox{ width:50%; float:left; overflow:hidden; background:#f6f6f6;padding:60px 0;}
.aboutbox2 .rightbox{ width:50%; float:left; overflow:hidden; background:#FFF;padding:60px 0;}

.aboutbox2 .listbox{ width:100%; height:375px; overflow:hidden; position:relative; margin-top:35px;}
.aboutbox2 .listbox .leftarr{ width:34px; height:34px; background:url(../Images/left4.png) no-repeat; cursor:pointer; position:absolute; left:0; top:132px; z-index:10}
.aboutbox2 .listbox .rightarr{ width:34px; height:34px; background:url(../Images/right4.png) no-repeat; cursor:pointer; position:absolute; right:0; top:132px; z-index:10}
.aboutbox2 .listbox .list{ width:100%; height:auto; overflow:hidden; margin:0 auto; max-width:1360px; height:365px;}
.aboutbox2 .listbox .list ul{ margin:0px; padding:0px; list-style:none}
.aboutbox2 .listbox .list ul li{ margin:0px; padding:0px; list-style:none; width:25%; height:365px; overflow:hidden; float:left}
.aboutbox2 .listbox .list ul li .box{ width:96%; margin:0 auto; height:auto; overflow:hidden;}
.aboutbox2 .listbox .list ul li .inbox{ width:100%; height:auto; overflow:hidden;background: linear-gradient(to right, #edf5ff, #feb47b);border-radius:5px; overflow:hidden;}
.aboutbox2 .listbox .list ul li .pic{ width:100%; height:295px; border:1px solid #FFF; border-radius:5px; line-height:295px; text-align:center; background:url(../Images/picbg.png) right bottom no-repeat}
.aboutbox2 .listbox .list ul li .pic img{ max-width:90%; max-height:90%}
.aboutbox2 .listbox .list ul li .tit{ width:100%; height:50px; line-height:50px; text-align:center; font-size:16px; overflow:hidden; color:#1f1f1f}

.aboutbox2 .listbox .list ul li:nth-child(4n-3) .inbox{background: linear-gradient(to right, #edf5ff, #aac9ff);}
.aboutbox2 .listbox .list ul li:nth-child(4n-2) .inbox{background: linear-gradient(to right, #ffe6e8, #fe959f);}
.aboutbox2 .listbox .list ul li:nth-child(4n-3) .inbox{background: linear-gradient(to right, #ecf5ff, #93c9fc);}
.aboutbox2 .listbox .list ul li:nth-child(4n) .inbox{background: linear-gradient(to right, #fff8f1, #ffdab5);}



.aboutbox3{width:100%; height:auto; overflow:hidden;  z-index:0; position:relative; position:relative; background: url(../Images/ab3bg.png) no-repeat; background-size:cover;; padding:70px 0}
.aboutbox3 .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1360px; margin:0 auto; clear:both; overflow:hidden;  box-sizing:border-box; }
.aboutbox3 .centerbox .centerin{ width:100%; overflow:hidden;height:auto; position:relative; }
.aboutbox3 .tbox{ width:100%; height:auto; overflow:hidden; max-width:1360px; margin:0 auto}
.aboutbox3 .tbox .tit{ width:100%; height:50px; line-height:50px; text-align:center; font-size:36px; color:#001f5d}
.aboutbox3 .tbox .word{ width:100%; height:auto; line-height:50px; text-align:center; font-size:16px; color:#1f1f1f; margin-top:20px; line-height:200%;}


.aboutbox3 .listbox{ width:100%; height:auto; overflow:hidden; position:relative; margin-top:40px;}
.aboutbox3 .listbox .list{ width:100%; height:auto; overflow:hidden;}
.aboutbox3 .listbox .list ul{  margin:0px; padding:0px; list-style:none}
.aboutbox3 .listbox .list ul li{  margin:0px; padding:0px; list-style:none; width:33.33%; height:auto; overflow:hidden; position:relative; float:left}
.aboutbox3 .listbox .list ul li .box{ width:96%; height:auto; overflow:hidden;  margin:0 auto; position:relative; z-index:100; border-radius:5px;}
.aboutbox3 .listbox .list ul li .pic{ width:100%; height:240px; overflow:hidden;}
.aboutbox3 .listbox .list ul li .wordbox{ width:100%; float:auto; overflow:hidden; box-sizing:border-box; padding:20px; background:#e31d2f}
.aboutbox3 .listbox .list ul li .wordbox .tit{ width:100%; height:50px; line-height:50px; overflow:hidden; font-size:22px; font-weight:700; color:#ffffff; }
.aboutbox3 .listbox .list ul li .wordbox .word{ width:100%; height:35px; line-height:35px; overflow:hidden; font-size:16px;overflow:hidden; color:#ffffff; opacity:0.8}


.aboutbox3 .listbox .list ul li:nth-child(2n) .wordbox{ background:#ff9703}
.aboutbox3 .listbox .list ul li:nth-child(3n) .wordbox{background:#ff6a77}


/*合作伙伴*/
.aboutbox4{width:100%; height:auto; overflow:hidden;  z-index:0; position:relative; position:relative; background: #ffffff; padding:60px 0}
.aboutbox4 .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1360px; margin:0 auto; clear:both; overflow:hidden;  box-sizing:border-box; }
.aboutbox4 .centerbox .centerin{ width:100%; overflow:hidden;height:auto; position:relative; }
.aboutbox4 .tbox{ width:100%; height:auto; overflow:hidden; max-width:1360px; margin:0 auto}
.aboutbox4 .tbox .tit{ width:100%; height:50px; line-height:50px; text-align:center; font-size:36px; color:#001f5d}

.aboutbox4 .listbox{ width:100%; height:auto; overflow:hidden; position:relative; margin-top:40px;}
.aboutbox4 .listbox .list{ width:100%; height:auto; overflow:hidden;}
.aboutbox4 .listbox .list ul{  margin:0px; padding:0px; list-style:none}
.aboutbox4 .listbox .list ul li{  margin:10px 0; padding:0px; list-style:none; width:20%; height:auto; overflow:hidden; position:relative; float:left}
.aboutbox4 .listbox .list ul li .box{ width:96%; height:auto; overflow:hidden;  margin:0 auto; position:relative; z-index:100; border-radius:5px; border:1px solid #eff1f5;box-shadow: 0px 0px 10px 0px #f4f6f8;}
.aboutbox4 .listbox .list ul li .pic{ width:100%; height:108px; overflow:hidden; line-height:108px; text-align:center}
.aboutbox4 .listbox .list ul li .pic img{ max-width:80%; max-height:80%;}





.ertop{ width:100%; height:auto; overflow:hidden;  z-index:10; position:relative; border-bottom:1px solid #ebebeb;}
.ertop .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1500px; margin:0 auto; clear:both; overflow:hidden;   }
.ertop .centerbox .centerin{ width:100%; overflow:hidden;height:auto; position:relative; border-left:1px solid #ebebeb; }

.ertop .navbox{ width:100%; height:77px; overflow:hidden; position:relative;}
.ertop .navbox .list{ position:absolute; left:0; top:0}
.ertop .navbox .list ul{ margin:0;  padding:0px; list-style:none; height:77px; overflow:hidden}
.ertop .navbox .list ul li{ margin:0px; padding:0px; list-style:none; height:77px; line-height:77px; font-size:18px; color:#091023; width:178px; float:left; text-align:center; border-right:1px solid #ebebeb; float:left}
.ertop .navbox .list ul li.onfocus a{color:#e60012; }
.ertop .navbox .list ul li a{color:#091023; }

.ertop .navbox .location{ position:absolute; right:0px; top:0px; height:77px; line-height:77px; font-size:14px; overflow:hidden; color:#9e9fa2}
.ertop .navbox .location a{color:#9e9fa2}

/*产品展示*/
.newsbox1{width:100%; height:auto; overflow:hidden;  z-index:0; position:relative;  position:relative; background: #f5f5f5; background-size:cover; padding:40px 0}
.newsbox1 .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1500px; margin:0 auto; clear:both; overflow:hidden;  box-sizing:border-box;   }
.newsbox1 .centerbox .centerin{ width:100%; overflow:hidden;height:auto; position:relative }
.newsbox1 .leftbox{ width:18%; height:auto; float:left; overflow:hidden; background:#FFF}
.newsbox1 .leftbox .searchnews{ width:100%; height:46px; border:1px solid #ef9ba1; overflow:hidden;}
.newsbox1 .leftbox .searchnews .input1{ width:75%; height:46px; line-height:46px; background:#f5f5f5; font-size:14px; color:#959595; text-indent:15px; float:left}
.newsbox1 .leftbox .searchnews .btnme{ width:25%; height:46px; line-height:46px; border:0px; overflow:hidden; background:url(../Images/searchbtn.png) center center no-repeat #e60012; float:right}
.newsbox1 .leftbox .searchyear{ width:100%; height:auto; overflow:hidden; background:#FFF; box-sizing:border-box; padding:10px 10px}
.newsbox1 .leftbox .searchyear select{ width:100%; height:45px; line-height:45px; border:0px; font-size:14px;}

.newsbox1 .rightbox{ width:77%; height:auto; float:right; overflow:hidden;}

/*新闻项目*/
.projectlist{ width:100%; height:auto; overflow:hidden; margin-top:20px;}
.projectlist ul{ margin:0px; padding:0px; list-style:none}
.projectlist ul li{ margin:0; padding:15px 0; list-style:none; width:100%; height:auto; overflow:hidden; float:left; border-bottom:1px solid #eeeeee}
.projectlist ul li .box{ width:100%; height:auto; overflow:hidden; margin:0 auto; padding-bottom:10px}
.projectlist ul li .pic{ width:28%; height:186px; overflow:hidden; float:right}
.projectlist ul li .pic .img{ width:100%; height:186px; overflow:hidden;transition: all 0.5s ease;} 
.projectlist ul li .wordbox{ width:72%; height:auto; float:left; overflow:hidden;}
.projectlist ul li .timebox{ width:13%; height:auto; float:left; overflow:hidden;}
.projectlist ul li .timebox p{ display:block; width:100%;}
.projectlist ul li .timebox p.t1{ font-size:14px; font-weight:700; color:#e60012; margin-top:10px;}
.projectlist ul li .timebox p.t2{ font-size:14px;  color:#343434; margin-top:10px;}

.projectlist ul li .wbox{ width:87%; height:auto; float:left; box-sizing:border-box; padding:0 16px;} 
.projectlist ul li .tit{ width:100%; height:30px; line-height:30px; overflow:hidden; font-size:20px; color:#343434;}

.projectlist ul li .word{ width:100%; height:75px; line-height:25px; overflow:hidden; font-size:14px;  color:#737373; margin-top:10px;}
.projectlist ul li .time{ width:100%; height:30px; line-height:30px; overflow:hidden; font-size:14px;  color:#343434; margin-top:10px; display:none}
.projectlist ul li:hover{ }
.projectlist ul li:hover .box{ }
.projectlist ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.projectlist ul li:hover .tit{ color:#e60012}

/*视频中心*/
.videobox1{width:100%; height:auto; overflow:hidden;  z-index:0; position:relative;  position:relative; background: #f5f5f5; background-size:cover; padding:40px 0}
.videobox1 .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1500px; margin:0 auto; clear:both; overflow:hidden;  box-sizing:border-box;   }
.videobox1 .centerbox .centerin{ width:100%; overflow:hidden;height:auto; position:relative ;}

/*视频列表*/
.piistbox{ width:100%; height:auto; overflow:hidden; }
.piistbox ul{ margin:0px; padding:0px; list-style:none}
.piistbox ul li{ margin:0px; padding:10px 0; list-style:none; height:auto; width:33.33%; float:left; overflow:hidden;}
.piistbox ul li .box{ width:96%; margin:0 auto; overflow:hidden; height:auto; background:#ffffff; box-sizing:border-box; padding:17px}
.piistbox ul li .pic{ width:100%; height:253px; overflow:hidden; position:relative}
.piistbox ul li .pic .play{ width:53px; height:53px; background:url(../Images/play.png) no-repeat; position:absolute; left:50%; top:50%; margin-left:-26px; margin-top:-26px; z-index:10}
.piistbox ul li .pic .img{ width:100%; height:100%; overflow:hidden;transition: all 0.5s ease;} 
.piistbox ul li .wordbox{ width:100%; height:auto; overflow:hidden; box-sizing:border-box; padding:17px 0 0 0;}
.piistbox ul li .wordbox .tit{ width:100%; height:60px; line-height:30px; overflow:hidden; font-size:16px; color:#343434;transition: all 0.5s ease;}
.piistbox ul li .wordbox .time{ width:100%; height:25px; line-height:25px; font-size:15px; color:#f57f4f; margin-top:25px;}

.piistbox ul li:hover .box{ background:#FFF;box-shadow: 0px 0px 10px 0px #fdc0c0;}
.piistbox ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);} 
.piistbox ul li:hover .wordbox .tit{ color:#e60012} 



/*联系我们*/
.contactbox{ width:100%; height:735px; overflow:hidden; padding:0; position:relative; z-index:1;}
.contactbox .picbg{ width:100%; height:100%; overflow:hidden; position: absolute; left:0; top:0; z-index:0}
.contactbox .cbox{ width:100%; height:217px; overflow:hidden; position:absolute; left:0; bottom:0; background:url(../Images/cover2.png) repeat; z-index:10}
.contactbox .inbox{ width:100%; height:auto; max-width:1280px; margin:0 auto; clear:both; overflow:hidden; }
.contactbox .leftbox{ width:100%; height:auto; float:left}
.contactbox .leftbox ul{ margin:0px; padding:0px; list-style:none}
.contactbox .leftbox ul li{ margin:0px; padding:0px; list-style:none; width:25%; height:auto; float:left; overflow:hidden;}
.contactbox .leftbox ul li .box{ width:60%; height:auto; overflow:hidden;}
.contactbox .leftbox ul li .pic{ width:100%; height:60px; line-height:60px; text-align:center; margin-top:31px;}
.contactbox .leftbox ul li .tit{ width:100%; height:38px; line-height:38px; text-align:center; font-size:15px; font-weight:700; color:#343434}
.contactbox .leftbox ul li .tit2{ width:100%; height:30px; line-height:30px; text-align:center; overflow:hidden; font-size:16px; color:#e60012}
.contactbox .leftbox ul li .tit3{ width:100%; height:30px; line-height:30px; font-size:14px; text-align:center; margin-top:10px;}

.contactbox .codebox{ width:25%; height:auto; float:right}
.contactbox .codebox .one{ margin:10px 0 0 0; padding:0px; list-style:none; width:50%; float:left; overflow:hidden;}
.contactbox .codebox .one .pic{ width:100%; height:auto; text-align:center; overflow:hidden;}
.contactbox .codebox .one .pic img{ max-width:90%; height:auto}
.contactbox .codebox .one .tit{ width:100%; height:30px; line-height:30px; text-align:center; font-size:14px; margin-top:10px;}


/*产品展示*/
.productbox1{width:100%; height:760px; overflow:hidden;  z-index:0; position:relative;  position:relative; margin:160px 0 0 0}
.productbox1 .picbox{ width:100%; height:760px; overflow:hidden; position:relative}
.productbox1 .picbox .pic{ width:100%; height:760px; overflow:hidden;}
.productbox1 .slist{ width:100%; position:absolute; left:0; bottom:34px;}
.productbox1 .slist .list{ margin:0 auto; overflow:hidden; max-width:100%; height:auto;}
.productbox1 .slist .list ul{ margin:0px; padding:0px; list-style:none}
.productbox1 .slist .list ul li{ margin:0px; padding:0; list-style:none; width:135px; float:left}
.productbox1 .slist .list ul li .pic{ width:112px; height:112px; border-radius:100%; background: rgba(196, 192, 175, 0.5); overflow:hidden;  text-align:center; margin:0 auto; margin-top:10px;transition: all 0.5s ease;}
.productbox1 .slist .list ul li .pic .img{ width:100%; height:100%;  display: flex;justify-content: center; /* 水平居中 */align-items: center; /* 垂直居中 */}
.productbox1 .slist .list ul li .pic img{ max-width:80%; max-height:80%;}
.productbox1 .slist .list ul li .tit{ width:100%; height:35px; line-height:35px; font-size:14px; overflow:hidden; color:#333333; font-weight:700; text-align:center}

.productbox1 .slist .list ul li.onfocus .pic{ background:rgba(227, 216, 192, 0.5);/*url(../Images/mon.png) repeat;*/}
.productbox1 .slist .list ul li:hover .pic{ margin-top:0}


/*产品列表页*/
.productbox3{width:100%; height:auto; overflow:hidden;  z-index:0; position:relative; position:relative; background: #ffffff; background-size:cover;}
.productbox3 .pone{ width:100%; height:auto; overflow:hidden; border-bottom:1px solid #d2eeee;  padding:60px 0 60px 0; }
.productbox3 .pone .leftbox{ width:50%; height:auto; float:left; overflow:hidden;}
.productbox3 .pone .leftbox .inbox{ width:100%; max-width:750px; float:right; height:auto; }
.productbox3 .pone .leftbox .picbox{ width:96%; margin:0 auto; background:#FFF;  overflow:hidden; position:relative; }
/*
 border:1px solid #f3f3ed;
.productbox3 .pone .leftbox .picbox .pic{ width:96%; height:auto; overflow:hidden; background:#f9f6ed; padding-top:96%;  position:absolute; left:2%; top:2%; text-align:center; overflow:hidden; border-radius:100%;}
*/
.productbox3 .pone .leftbox .picbox .pic{ width:96%; height:auto; overflow:hidden;  text-align:center; overflow:hidden; margin:70px 0 20px 0; }

.productbox3 .pone .leftbox .picbox .pic .img{ width:100%; height:100%;display: flex; text-align:center;
  justify-content: center; /* 水平居中 */
  align-items: center; /* 垂直居中 */}
.productbox3 .pone .leftbox .picbox .pic img{ max-width:100%; max-height:100%}


.productbox3 .pone .rightbox{ width:50%; float:left; overflow:hidden; box-sizing:border-box; padding:0 0 0 122px}
.productbox3 .pone .rightbox .box{ width:100%; max-width:750px; height:auto; overflow:hidden;}
.productbox3 .pone .rightbox .title{ width:100%; height:auto; line-height:50px; font-size:42px; color:#e60012; font-weight:700; margin-top:60px;}
.productbox3 .pone .rightbox .title2{ width:100%; height:auto; line-height:50px; font-size:24px; color:#292929; font-weight:700; margin:10px 0}
.productbox3 .pone .rightbox .title3{ width:100%; height:auto; overflow:hidden; font-size:16px; line-height:35px;}
.productbox3 .pone .rightbox .title3 p{ width:40%; float:left; height:35px; line-height:35px;}

.productbox3 .pone .ysiist{ width:100%; height:auto; overflow:hidden;}
.productbox3 .pone .ysiist ul{ margin:0px; padding:0px; list-style:none}
.productbox3 .pone .ysiist ul li{ margin:36px 0 0 0px; padding:0px; list-style:none; width:1005; height:auto; overflow:hidden; box-sizing:border-box; padding:0 0 15px 71px; border-bottom:1px solid #ececec;}
.productbox3 .pone .ysiist ul li .tit{ width:100%; height:30px; line-height:30px; overflow:hidden; font-size:16px;}
.productbox3 .pone .ysiist ul li .word{ width:100%; height:auto; line-height:30px; overflow:hidden; font-size:13px; color:#696969;}


.productbox3 .pone .buylink{ width:100%; height:auto; overflow:hidden; background:#f3f5f5; margin-top:36px;}
.productbox3 .pone .buylink ul{ margin:0px; padding:0px; list-style:none}
.productbox3 .pone .buylink ul li{ margin:0px; padding:0px; list-style:none; width:113px; height:113px; float:left; border-right:1px solid #ffffff; background:#f6f3ea}
.productbox3 .pone .buylink ul li .pic{ width:100%; height:45px; line-height:45px; text-align:center; margin-top:20px;}
.productbox3 .pone .buylink ul li .tit{ width:100%; height:40px; line-height:40px; text-align:center; margin-top:px; font-size:16px; color:#292929}

.productbox3 .pone .buylink ul li:nth-child(2n){ background:#f2f0e9}
.productbox3 .pone .buylink ul li:hover{ background:#f4f4f4}

.productspace{ width:100%; height:160px;}

/*产品幻灯形式展示*/
.productbox4{width:100%; height:758px; overflow:hidden;  z-index:0; position:relative; position:relative; background: url(../Images/proother.png) left top repeat-x #f0f3f4; }
.productbox4 .leftarr{ width:90px; height:181px; position:absolute; left:0px; top:50%; margin-top:-90px; background:url(../Images/left5.png) no-repeat; z-index:10; cursor:pointer}
.productbox4 .rightarr{ width:90px; height:181px; position:absolute; right:0px; top:50%; margin-top:-90px; background:url(../Images/right5.png) no-repeat; z-index:10; cursor:pointer}

.productbox4 .biglist{ width:100%; height:750px; overflow:hidden;}
.productbox4 .pone{ width:100%; height:auto; overflow:hidden; border-bottom:1px solid #d2eeee;  padding:0 0 60px 0; }
.productbox4 .pone .leftbox{ width:50%; float:left; overflow:hidden;}
.productbox4 .pone .leftbox .picbox{ width:750px; float:right; height:750px;  background: url(../Images/milkbg.png) top center no-repeat; overflow:hidden;}
.productbox4 .pone .leftbox .picbox .pic{ width:100%; height:100%; overflow:hidden;line-height:750px; text-align:center; overflow:hidden;}
.productbox4 .pone .leftbox .picbox .pic img{ max-width:80%; max-height:80%}


.productbox4 .pone .rightbox{ width:50%; float:left; overflow:hidden; box-sizing:border-box; padding:0 0 0 122px}
.productbox4 .pone .rightbox .box{ width:100%; max-width:750px; height:auto; overflow:hidden;}
.productbox4 .pone .rightbox .title{ width:100%; height:auto; line-height:50px; font-size:42px; color:#e60012; font-weight:700; margin-top:60px;}
.productbox4 .pone .rightbox .title2{ width:100%; height:auto; line-height:50px; font-size:24px; color:#292929; font-weight:700; margin:10px 0}
.productbox4 .pone .rightbox .title3{ width:100%; height:auto; overflow:hidden; font-size:16px; line-height:35px;}
.productbox4 .pone .rightbox .title3 p{ width:40%; float:left; height:35px; line-height:35px;}

.productbox4 .pone .ysiist{ width:100%; height:auto; overflow:hidden;}
.productbox4 .pone .ysiist ul{ margin:0px; padding:0px; list-style:none}
.productbox4 .pone .ysiist ul li{ margin:36px 0 0 0px; padding:0px; list-style:none; width:1005; height:auto; overflow:hidden; box-sizing:border-box; padding:0 0 15px 71px; border-bottom:1px solid #ececec;}
.productbox4 .pone .ysiist ul li .tit{ width:100%; height:auto; line-height:30px; overflow:hidden; font-size:16px;}
.productbox4 .pone .ysiist ul li .word{ width:100%; height:auto; line-height:30px; overflow:hidden; font-size:13px; color:#696969;}


.productbox4 .pone .buylink{ width:100%; height:auto; overflow:hidden; background:#f3f5f5; margin-top:36px;}
.productbox4 .pone .buylink ul{ margin:0px; padding:0px; list-style:none}
.productbox4 .pone .buylink ul li{ margin:0px; padding:0px; list-style:none; width:113px; height:113px; float:left; border-right:1px solid #ffffff; background:#f6f3ea}
.productbox4 .pone .buylink ul li .pic{ width:100%; height:45px; line-height:45px; text-align:center; margin-top:20px;}
.productbox4 .pone .buylink ul li .tit{ width:100%; height:40px; line-height:40px; text-align:center; margin-top:px; font-size:16px; color:#292929}

.productbox4 .pone .buylink ul li:nth-child(2n){ background:#f2f0e9}
.productbox4 .pone .buylink ul li:hover{ background:#f4f4f4}


.productbox4 .smallbox{ position:absolute; right:129px; top:70px; height:627px; width:118px; z-index:100}
.productbox4 .smallbox .uparr{ width:100%; height:23px; line-height:23px; text-align:center; background:url(../Images/uparr.png) top center no-repeat; position:absolute; left:0; top:0; cursor:pointer}
.productbox4 .smallbox .downarr{ width:100%; height:23px; line-height:23px; text-align:center; background:url(../Images/downarr.png) bottom center no-repeat; position:absolute; left:0; bottom:0; cursor:pointer}
.productbox4 .smallbox .list{ width:100%; height:552px; overflow:hidden; margin-top:39px;}
.productbox4 .smallbox .list ul{ margin:0px; padding:0px; list-style:none}
.productbox4 .smallbox .list ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:140px; overflow:hidden;}
.productbox4 .smallbox .list ul li .pic{ width:118px; height:118px; box-sizing:border-box; border-radius:100%; border:1px solid #dbdbd4; background:#dbdbd4; line-height:118px; text-align:center}
.productbox4 .smallbox .list ul li .pic img{ max-width:70%; max-height:70%;}
.productbox4 .smallbox .list ul li.active-nav .pic{ background:#FFF; border:1px solid #e59299;}

/*安心品质*/
.quilitybox1{ width:100%; height:960px; overflow:hidden; position:relative}
.quilitybox1 .pic{ width:100%; height:100%; overflow:hidden; position:relative}
.quilitybox1 .w1{ position: absolute; left:0; top:25%;text-align:center; width:100%; text-align:center}
.quilitybox1 .w1 img{ max-width:40%}
.quilitybox1 .w2{ position:absolute; left:0; top:38.8%; width:100%;  text-align:center; margin:0 auto}
.quilitybox1 .w2 img{ max-width:80%}

/*有机奶源*/
.quilitybox2{ width:100%; height:auto; overflow:hidden; position:relative; background:#FFF; padding:10px 0 0 0 }
.quilitybox2 .titbox{ width:100%; height:auto; text-align:center; margin-top:37px;}
.quilitybox2 .titbox2{ width:100%; height:auto; text-align:center; font-size:46px; font-weight:700; color:#343434; line-height:60px; margin-top:10px;}
.quilitybox2 .navbox{ width:100%; height:auto; overflow:hidden; display:none}
.quilitybox2 .navbox ul{ margin:0px; padding:0px; list-style:none}
.quilitybox2 .navbox ul li{ margin:0px; padding:10px 0; list-style:none; width:25%; height:auto; line-height:20px; font-size:14px; text-align:center; font-weight:700; overflow:hidden; color:#333333; float:left; text-align:center; margin-top:10px; border-left:1px solid #dcdbdb}
.quilitybox2 .navbox ul li.onfocus{ color:#e60012}
.quilitybox2 .navbox ul li:nth-child(1){ border:0}

.quilitybox2 .list{ width:100%; height:720px; overflow:hidden; margin-top:40px;}
.quilitybox2 .list ul{ margin:0px; padding:0px; list-style:none}
.quilitybox2 .list ul li{ margin:0px; padding:0px; list-style:none; float:left; width:25%; height:720px; overflow:hidden; position:relative; box-sizing:border-box; border-left:5px solid #FFF; border-right:5px solid #FFF; transition: width 0.5s ease;color:#ffffff; }
.quilitybox2 .list ul li .pic{ width:100%; height:720px; overflow:hidden;}
.quilitybox2 .list ul li .tit{ width:100%; height:auto; text-align:center; font-size:30px;  position:absolute; left:0; bottom:66px;transition: all 0.5s ease;}
.quilitybox2 .list ul li .wordbox{ width:90%; left:-100%; bottom:126px; overflow:hidden; position:absolute;transition: all 0.8s ease; }
.quilitybox2 .list ul li .wordbox .icon{ width:100%; height:auto; overflow:hidden; line-height:60px;}
.quilitybox2 .list ul li .wordbox .title{ width:100%; height:auto; line-height:50px; font-size:30px; overflow:hidden; margin-top:10px;}
.quilitybox2 .list ul li .wordbox .word{ width:100%; margin-top:10px; overflow:hidden; font-size:16px; line-height:30px; overflow:hidden;}
.quilitybox2 .list ul li:nth-child(1){ border-left:0}
.quilitybox2 .list ul li:nth-child(4){ border-right:0}

.quilitybox2 .list ul li:hover{ width:46%}
.quilitybox2 .list ul li:hover .tit{ display:none}
.quilitybox2 .list ul li:hover .wordbox{  left:5%}
.quilitybox2 .list ul:hover li:not(:hover){ width:18%}

/*安心品质*/
.quilitybox3{ width:100%; height:960px; overflow:hidden; position:relative; margin-top:15px;}
.quilitybox3 .pic{ width:100%; height:100%; overflow:hidden; position:relative}
.quilitybox3  .w1{ position: absolute; left:0; top:25%;text-align:center; width:100%; text-align:center}
.quilitybox3  .w1 img{ max-width:40%}
.quilitybox3  .w2{ position:absolute; left:0; top:38.8%; width:100%;  text-align:center; margin:0 auto}
.quilitybox3  .w2 img{ max-width:80%}


/*有机加工*/
.quilitybox4{ width:100%; height:auto; overflow:hidden; position:relative; background:#FFF; padding:40px 0 }
.quilitybox4 .inbox{ width:100%; height:100%; overflow:hidden;}
.quilitybox4 .titbox{ width:100%; height:200px; margin:0 auto; margin-top:0px; max-width:1130px; position:relative;background:url(../Images/addon.png) center center no-repeat}
.quilitybox4 .titbox .t1{ position:absolute; left:0px; bottom:20px; height:30px; color:#e60012; line-height:30px; font-size:16px; font-weight:700}
.quilitybox4 .titbox .t2{ position:absolute; left:125px; top:0; overflow:hidden;}

.quilitybox4 .titbox .t3{ position:absolute; right:0px; bottom:20px; height:30px; color:#e60012; line-height:30px; font-size:16px;font-weight:700}
.quilitybox4 .titbox .t4{ position:absolute; right:125px; top:0; overflow:hidden;}

.quilitybox4 .titbox .t5{ position:absolute; width:100%; font-size:46px; line-height:60px; text-align:center; color:#343434; top:43px; }
.quilitybox4 .titbox .t6{ position:absolute; width:100%; font-size:26px; color:#343434; top:117px; text-align:center}



@keyframes rotate {
  from {
    transform: rotate(0);
  }
  
  to {
    transform: rotate(360deg);
  }
}

.quilitybox5{ width:100%; height:auto; overflow:hidden; position:relative; background: url(../Images/milkbg2.png) no-repeat; background-size:cover; padding:0}
.quilitybox5 .navbox{ width:100%; height:106px; overflow:hidden; background:url(../Images/nbg1.png) repeat-x}
.quilitybox5 .navbox ul{ margin:0px; padding:0px; list-style:none}
.quilitybox5 .navbox ul li{ margin:0px; padding:0px; list-style:none; width:50%; height:106px; overflow:hidden; text-align:center; line-height:88px; font-size:26px; color:#FFF; float:left; overflow:hidden; cursor:pointer}
.quilitybox5 .navbox ul li p{ width:100%; height:88px; line-height:88px;overflow:hidden; text-align:center; line-height:88px; font-size:26px; color:#FFF}
.quilitybox5 .navbox ul li.onfocus{ background:url(../Images/adown.png) bottom center no-repeat}
.quilitybox5 .navbox ul li.onfocus p{ background:url(../Images/nbg2.png) repeat;}

.quilitybox5 .listbox{ width:100%; height:auto; max-width:1500px; overflow:hidden; margin:0 auto}
.quilitybox5 .listbox .list{ width:110%; height:auto; overflow:hidden;}
.quilitybox5 .listbox .list ul{ margin:0px; padding:0px; list-style:none}
.quilitybox5 .listbox .list ul li{ margin:43px 0; padding:0px; list-style:none; float:left; width:25%; background:url(../Images/arr3.png) right 15.82% top 92px no-repeat}
.quilitybox5 .listbox .list ul li .pic{ width:241px; height:238px;  position:relative;}
.quilitybox5 .listbox .list ul li .pic .quan{ position:absolute; left:0px; top:0; width:230px; height:230px; z-index:0;background:url(../Images/quan.png) no-repeat;transition: background 0.3s ease;}
.quilitybox5 .listbox .list ul li .pic .num{ width:47px; height:47px; border-radius:47px; line-height:47px; background:#dbbd72; color:#FFF; text-align:center; font-size:20px; color:#FFF; position:absolute; left:13px; top:11px; z-index:10}
.quilitybox5 .listbox .list ul li .pic .img{ position: absolute; left:23px; top:25px; width:182px; height:182px; border-radius:100%;}
.quilitybox5 .listbox .list ul li .tit{ width:241px; height:50px; line-height:50px; text-align:center; font-size:20px; font-weight:700; color:#8f7636}
.quilitybox5 .listbox .list ul li:hover .pic .quan{animation: rotate 2s infinite linear;}
.quilitybox5 .listbox .list ul li:hover .pic .num{ background:#e60012}


.quilitybox6{ width:100%; height:auto; overflow:hidden; position:relative; background: url(../Images/nai3.png) top 50px center no-repeat #FFF; padding:50px 0}
.quilitybox6 .cbox{ width:100%; height:auto; overflow:hidden; margin:0 auto; line-height:200%; max-width:1500px; overflow:hidden; }
.quilitybox6 .cbox img{ max-width:100%; height:auto}


/*营养探索*/
.discoverybox1{ width:100%; height:960px; overflow:hidden; position:relative}
.discoverybox1 .pic{ width:100%; height:100%; overflow:hidden; position:relative}
.discoverybox1  .w1{ position: absolute; left:0; top:25%;text-align:center; width:100%; text-align:center}
.discoverybox1  .w1 img{ max-width:40%}
.discoverybox1  .w2{ position:absolute; left:0; top:38.8%; width:100%;  text-align:center; margin:0 auto}
.discoverybox1  .w2 img{ max-width:80%}

.discoverynav{ width:100%; height:auto; overflow:hidden; position:relative; background:#f5f5f5; border-bottom:1px solid #e9e9e9;}
.discoverynav .nav{ width:100%;  overflow:hidden; margin:0 auto}
.discoverynav .nav ul{ margin:0px auto; padding:0px; list-style:none}
.discoverynav .nav ul li{ margin:0px; padding:0px; list-style:none; width:400px; height:80px; float:left; line-height:80px; font-size:20px; color:#333333; text-align:center}
.discoverynav .nav ul li.onfocus{ font-weight:700; color:#e60012; background:url(../Images/thlin.png) bottom center no-repeat;} 
.discoverynav .nav ul li.onfocus a{color:#e60012;}


.discoverybox3{ width:100%; height:auto; overflow:hidden; position:relative; background:#f2f2f2; padding:60px 0}
.discoverybox3 .cbox{ width:100%; height:auto; overflow:hidden; max-width:1420px; margin:0 auto}
.discoverybox3 .listbox{ width:100%; height:auto; overflow:hidden;  margin:0 auto}
.discoverybox3 .onebox{ width:100%; height:auto; overflow:hidden; margin:40px 0}
.discoverybox3 .onebox .picbox{ width:50%; float:right; overflow:hidden;}
.discoverybox3 .onebox .picbox .pic{ width:90%; height:620px; float:right; overflow:hidden; border-radius:10px;}

.discoverybox3 .onebox .wordbox{ width:50%; float:left; overflow:hidden;}
.discoverybox3 .onebox .wordbox .inbox{ width:90%; float:left; overflow:hidden;}
.discoverybox3 .onebox .wordbox .icon{ width:100%; height:auto; overflow:hidden; margin-top:100px;}
.discoverybox3 .onebox .wordbox .tit{ width:100%; height:auto; line-height:50px; overflow:hidden; font-size:30px; font-weight:700; color:#343434; margin:10px 0}
.discoverybox3 .onebox .wordbox .word{ width:100%; height:auto; overflow:hidden; font-size:18px; line-height:200%; overflow:hidden;}

.discoverybox3 .onebox:nth-child(2n) .picbox{ float:left}
.discoverybox3 .onebox:nth-child(2n) .picbox .pic{ float:left}
.discoverybox3 .onebox:nth-child(2n) .wordbox .inbox{ width:90%; float:right; overflow:hidden;}

.discoverybox3 .onebox:nth-child(3n){ width:100%; height:622px; overflow:hidden; position:relative}
.discoverybox3 .onebox:nth-child(3n) .picbox{ width:100%; height:100%; position: absolute; left:0px; top:0}
.discoverybox3 .onebox:nth-child(3n) .picbox .pic{ width:100%; height:100%;}
.discoverybox3 .onebox:nth-child(3n) .wordbox{ width:100%; height:auto; overflow:hidden; position: absolute; top:200px;}

.discoverybox3 .onebox:nth-child(3n) .inbox{ width:100%; box-sizing:border-box; padding:0 50px; text-align:center }
.discoverybox3 .onebox:nth-child(3n) .icon{ width:100%; height:auto; overflow:hidden; margin-top:0px;}

.discoverybox3 .sortword{ width:100%; height:auto; overflow:hidden; margin-top:20px; overflow:hidden; line-height:200%; font-size:14px;}



.discoverybox4{ width:100%; height:auto; overflow:hidden; position:relative; background: url(../Images/discoverybox4bg.png) bottom center no-repeat #fbfbfb; padding:60px 0}
.discoverybox4 .centerbox{ width:100%; height:auto; overflow:hidden; max-width:1420px; overflow:hidden; margin:0 auto}
.discoverybox4 .centerbox .centerin{ width:100%; height:auto; overflow:hidden;}
.discoverybox4 .titbox{ width:100%; height:50px; line-height:50px; overflow:hidden; font-size:36px; font-weight:700; color:#343434; background:url(../Images/tiel.png) left bottom no-repeat}
.discoverybox4 .thebox{ width:100%; height:auto; overflow:hidden; margin-top:20px;}
.discoverybox4 .leftbox{ width:17%; height:auto; float:left; overflow:hidden;}
.discoverybox4 .leftbox ul{ margin:0px; padding:0px; list-style:none}
.discoverybox4 .leftbox ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:59px; line-height:59px; overflow:hidden; font-size:22px; color:#343434; cursor:pointer}
.discoverybox4 .leftbox ul li.onfocus{ font-weight:700; color:#e60012}
.discoverybox4 .rightbox{ width:83%; height:auto; float:left; overflow:hidden;}
.discoverybox4 .rightbox .list{ width:100%; height:auto; overflow:hidden;}
.discoverybox4 .rightbox .list ul{ margin:0px; padding:0px; list-style:none}
.discoverybox4 .rightbox .list ul li{ margin:10px 0; padding:0px; list-style:none; width:50%; height:auto; overflow:hidden; float:left}
.discoverybox4 .rightbox .list ul li .tit{ width:100%; height:50px; line-height:50px; overflow:hidden; background:url(../Images/questiontit.png) left 0 top 6px no-repeat; text-indent:40px; font-size:18px; font-weight:700px; cursor:pointer}
.discoverybox4 .rightbox .list ul li .wordin{ display:none;width:100%; height:auto; overflow:hidden; font-size:14px; line-height:36px; box-sizing:border-box; background:url(../Images/da.png) 0 0 no-repeat; padding:0 0 0 36px;}
.discoverybox4 .rightbox .list ul li.long{ width:100%; box-sizing:border-box; padding:10px 40px; background:#f2f2f2; display:none}
.discoverybox4 .rightbox .list ul li.long .word{ width:100%; height:auto; overflow:hidden; font-size:14px; line-height:36px; box-sizing:border-box; background:url(../Images/da.png) 0 0 no-repeat; padding:0 0 0 36px;}


/*原始有机*/
.originalbox1{ width:100%; height:960px; overflow:hidden; position:relative; background:#FFF}
.originalbox1 .pic{ width:100%; height:100%; overflow:hidden; position:relative}
.originalbox1  .w1{ position: absolute; left:0; top:25%;text-align:center; width:100%; text-align:center}
.originalbox1  .w1 img{ max-width:40%}
.originalbox1  .w2{ position:absolute; left:0; top:38.8%; width:100%;  text-align:center; margin:0 auto}
.originalbox1  .w2 img{ max-width:80%}


.originalbox2{ width:100%; height:auto; overflow:hidden; position:relative; background:#FFF}
.originalbox2 .list{ width:100%; height:auto; overflow:hidden;}
.originalbox2 .list ul{ margin:0px; padding:0px; list-style:none}
.originalbox2 .list ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:960px; overflow:hidden;}
.originalbox2 .list ul li .pic{ width:100%; height:100%; overflow:hidden; position:relative}
.originalbox2 .list ul li .w1{ position: absolute; left:13.17%; top:31.35%;text-align:center; }
.originalbox2 .list ul li .w1 img{ max-width:96%; height:auto}

.originalbox2 .list ul li:nth-child(2n) .w1{ position: absolute; left:auto; right:13.17%; top:31.35%;}


/*各占50%*/
.originalbox2 .list2{ width:100%; height:auto; overflow:hidden;}
.originalbox2 .list2 ul{ margin:0px; padding:0px; list-style:none}
.originalbox2 .list2 ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:960px; overflow:hidden;}
.originalbox2 .list2 ul li .pic{ width:50%; height:100%; overflow:hidden; float:right}
.originalbox2 .list2 ul li .pic .img{ width:100%; height:100%;transition: all 0.5s ease;}
.originalbox2 .list2 ul li .wordbox{ width:50%; height:960px; float:left; overflow:hidden; background:#FFF; display: flex;
  justify-content: center; /* 水平居中 */
  align-items: center; /* 垂直居中 */ text-align:center}
.originalbox2 .list2 ul li .wordbox img{ max-width:90%; max-height:90%;}

.originalbox2 .list2 ul li .wordbox2{ width:100%; height:auto; float:none; overflow:hidden; background:#FFF; padding:60px 0; display:none; text-align:center}
.originalbox2 .list2 ul li .wordbox2 img{ max-width:90%; max-height:90%;}

.originalbox2 .list2 ul li:nth-child(2n) .pic{ float:left}

.originalbox2 .list2 ul li .pic:hover .img{-webkit-transform: scale(1.1); transform: scale(1.1);}


/*红原风情*/
.impressionbox1{ width:100%; height:960px; overflow:hidden; position:relative}
.impressionbox1 .pic{ width:100%; height:100%; overflow:hidden; position:relative}
.impressionbox1  .w1{ position: absolute; left:0; top:36%;text-align:center; width:100%; text-align:center}
.impressionbox1  .w1 img{ max-width:40%}
.impressionbox1  .w2{ position:absolute; left:0; top:52.18%; width:100%;  text-align:center; margin:0 auto}
.impressionbox1  .w2 img{ max-width:96%}


.impressionbox2{ width:100%; height:auto; overflow:hidden; padding:85px 0; overflow:hidden;}
.impressionbox2 .centerbox{ width:100%; height:auto; max-width:1600px; margin:0 auto; clear:both; overflow:hidden; }
.impressionbox2 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; margin:0 auto }
.impressionbox2 .titbox{ width:100%; height:auto; line-height:50px; overflow:hidden; background:url(../Images/tline.png) top center no-repeat;text-align:center; font-size:46px; font-weight:700px; padding:26px 0 10px 0}
.impressionbox2 .titbox2{ width:100%; height:auto; overflow:hidden; line-height:40px; margin-top:0px; overflow:hidden; text-align:center; font-size:20px; font-weight:700; color:#333333;} 
.impressionbox2 .listbox{ width:100%; height:auto; overflow:hidden; margin-top:40px; min-height:593px;}
.impressionbox2 .listbox .list{ width:100%; height:auto; overflow:hidden;}
.impressionbox2 .listbox .list ul{ margin:0px; padding:0px; list-style:none}
.impressionbox2 .listbox .list ul li{ margin:0px; padding:0px; list-style:none; width:33.33%; height:auto; float:left; overflow:hidden}
.impressionbox2 .listbox .list ul li .box{ width:96%; height:auto; overflow:hidden; margin:0 auto; border-radius:10px;}
.impressionbox2 .listbox .list ul li .pic{ width:100%; height:340px; overflow:hidden}
.impressionbox2 .listbox .list ul li .pic .img{ width:100%; height:100%; overflow:hidden;transition: all 0.5s ease;}
.impressionbox2 .listbox .list ul li .wordbox{ width:100%; height:auto; overflow:hidden; background:#FFF; box-sizing:border-box; padding:20px;}
.impressionbox2 .listbox .list ul li .timebox{ width:26%; height:auto; float:left; overflow:hidden;}
.impressionbox2 .listbox .list ul li .timebox p.t1{ width:100%; height:35px; line-height:35px; font-size:30px; font-weight:700; color:#333}
.impressionbox2 .listbox .list ul li .timebox p.t2{ width:1005; height:30px; line-height:30px; font-size:16px; overflow:hidden;}
.impressionbox2 .listbox .list ul li .textword{ width:74%; height:auto; float:left; overflow:hidden;}
.impressionbox2 .listbox .list ul li .textword .time{ width:100%; height:35px; line-height:35px; font-size:14px; overflow:hidden; display:none}
.impressionbox2 .listbox .list ul li .textword .tit{ width:100%; height:60px; line-height:30px; overflow:hidden; font-size:20px; color:#333333}
.impressionbox2 .listbox .list ul li .textword .word{ width:100%; height:50px; line-height:25px; font-size:14px; margin-top:10px; overflow:hidden; color:#a3a3a3}


.impressionbox2 .listbox .list ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}

/*乡村振兴*/
.ruralbox1{ width:100%; height:960px; overflow:hidden; position:relative}
.ruralbox1 .pic{ width:100%; height:100%; overflow:hidden; position:relative}
.ruralbox1  .w1{ position: absolute; left:0; top:36%;text-align:center; width:100%; text-align:center}
.ruralbox1  .w1 img{ max-width:40%}
.ruralbox1  .w2{ position:absolute; left:0; top:52.18%; width:100%;  text-align:center; margin:0 auto}
.ruralbox1  .w2 img{ max-width:96%}

.ruralbox2{ width:100%; height:auto; overflow:hidden; background:#FFF; padding:20px 0}
.ruralbox2 .centerbox{ width:100%; height:auto; max-width:1560px; margin:0 auto; clear:both; overflow:hidden; }
.ruralbox2 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; margin:0 auto }
.ruralbox2 .one{ width:100%; height:auto; overflow:hidden; margin:20px 0}
.ruralbox2 .one .picbox{ width:50%; height:auto; float:left; overflow:hidden;}
.ruralbox2 .one .picbox .pic{ width:96%; height:516px; border-radius:10px; overflow:hidden;}

.ruralbox2 .one .wordbox{ width:50%; height:auto; float:left; overflow:hidden; line-height:516px; text-align:right}
.ruralbox2 .one .wordbox img{ max-width:90%}

.ruralbox2 .one .wordbox2{ width:100%; height:auto; background:#FFF; padding:50px 0; text-align:center; display:none}
.ruralbox2 .one .wordbox2 img{ max-width:90%; height:auto}

.ruralbox2 .one:nth-child(2n) .picbox{ float:right}
.ruralbox2 .one:nth-child(2n) .wordbox{ text-align:left}


.ruralbox3{ width:100%; height:960px; overflow:hidden; position:relative}
.ruralbox3  .pic{ width:100%; height:100%; overflow:hidden; position:relative}
.ruralbox3  .w1{ position:absolute; left:0; top:12.00%; width:100%;  text-align:center; margin:0 auto}
.ruralbox3  .w1 img{ max-width:96%}


.ruralbox4{ width:100%; height:auto; overflow:hidden; position:relative}
.ruralbox4 .list{ width:100%; height:auto; overflow:hidden;}
.ruralbox4 .list ul{ margin:0px; padding:0px; list-style:none}
.ruralbox4 .list ul li{ margin:0px; padding:0px; list-style:none; width:33.33%; height:960px; float:left; overflow:hidden; background:#f1f1f1; position:relative}
.ruralbox4 .list ul li .pic{ width:100%; height:480px; overflow:hidden; position:absolute; top:480px;}
.ruralbox4 .list ul li .pic .img{ width:100%; height:100%;transition: all 0.5s ease;}
.ruralbox4 .list ul li .wordbox{ width:100%; height:480px; text-align:center; line-height:480px; position:absolute; top:0; text-align:center}
.ruralbox4 .list ul li .wordbox img{ max-width:90%; max-height:90%;}


.ruralbox4 .list ul li .wordbox2{ width:100%; height:auto; text-align:center; text-align:center; padding:50px 0; display:none}
.ruralbox4 .list ul li .wordbox2 img{ max-width:90%; max-height:90%;}


.ruralbox4 .list ul li:nth-child(2n) .pic{ top:0}
.ruralbox4 .list ul li:nth-child(2n) .wordbox{ top:480px;}

.ruralbox4 .list ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}

/*红原故事*/
.ruralbox5{width:100%; height:auto; overflow:hidden;  z-index:0; position:relative;  position:relative; background: #ffffff; background-size:cover; padding:40px 0}
.ruralbox5 .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1500px; margin:0 auto; clear:both; overflow:hidden;  box-sizing:border-box;   }
.ruralbox5 .centerbox .centerin{ width:100%; overflow:hidden;height:auto; position:relative }
.ruralbox5 .thetit{ width:100%; height:60px; line-height:60px; overflow:hidden; font-size:46px; font-weight:700; color:#000; margin-bottom:20px;} 
.ruralbox5 .leftbox{ width:18%; height:auto; float:left; overflow:hidden; background:#FFF}
.ruralbox5 .leftbox .searchnews{ width:100%; height:46px; border:1px solid #ef9ba1; overflow:hidden;}
.ruralbox5 .leftbox .searchnews .input1{ width:75%; height:46px; line-height:46px; background:#f5f5f5; font-size:14px; color:#959595; text-indent:15px; float:left}
.ruralbox5 .leftbox .searchnews .btnme{ width:25%; height:46px; line-height:46px; border:0px; overflow:hidden; background:url(../Images/searchbtn.png) center center no-repeat #e60012; float:right}
.ruralbox5 .leftbox .searchyear{ width:100%; height:auto; overflow:hidden; background:#FFF; box-sizing:border-box; padding:10px 10px}
.ruralbox5 .leftbox .searchyear select{ width:100%; height:45px; line-height:45px; border:0px; font-size:14px; display:none}
.ruralbox5 .leftbox .searchyear .title{ width:100%; height:56px; overflow:hidden; position:relative}
.ruralbox5 .leftbox .searchyear .title .tit{ position:absolute; font-size:20px; font-weight:700; color:#000; line-height:56px;}

.ruralbox5 .leftbox .searchyear .title .numdot{ position:absolute; right:0px; top:0px; line-height:56px; line-height:56px;} 
.ruralbox5 .leftbox .searchyear .title .numdot  span{ margin:0 auto; font-size:14px; text-align:left}
.ruralbox5 .leftbox .searchyear .title .numdot .swiper-pagination-bullet {width:25px;height:56px; line-height:56px;transition: all 0.5s ease; background:none; color:#373737; opacity:1; font-weight:700}
.ruralbox5 .leftbox .searchyear .title .numdot .swiper-pagination-bullet-active { background:none; color:#e60012}


.ruralbox5 .leftbox .searchyear .listbox{ width:100%; height:auto; overflow:hidden;}
.ruralbox5 .leftbox .searchyear .listbox .one{ width:100%; height:255px; overflow:hidden;}
.ruralbox5 .leftbox .searchyear .listbox ul{ margin:0px; padding:0px; list-style:none}
.ruralbox5 .leftbox .searchyear .listbox ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:50px; line-height:50px; background:url(../Images/arr4.png) right center no-repeat; border-bottom:1px solid #efefef; font-size:16px; cursor:pointer}
.ruralbox5 .leftbox .searchyear .listbox ul li.onfocus{ background:url(../Images/arr4on.png) right center no-repeat; color:#e60012}

.ruralbox5 .rightbox{ width:77%; height:auto; float:right; overflow:hidden;}

/*产品详细*/
.producttop{ width:100%; height:auto; overflow:hidden; padding:188px 0 95px 0; position:relative; z-index:100; background:url(../Images/protopbg.jpg) center center no-repeat; background-size:cover;}
.producttop .centerbox{ width:100%; height:auto; max-width:1560px; margin:0 auto; clear:both; overflow:hidden; }
.producttop .centerbox .centerin{ width:100%; height:auto; overflow:hidden; margin:0 auto }

.producttop  .leftbox{ width:50%; height:677px; float:left; overflow:hidden; position:relative}
.producttop  .leftbox .leftarr{ width:26px; height:13px; background:url(../Images/left3.png) no-repeat; position: absolute; left:40px; top:0px;}
.producttop  .leftbox .rightarr{ width:26px; height:13px; background:url(../Images/right3.png) no-repeat; position: absolute; left:40px; bottom:0px;}
.producttop  .leftbox .list{ width:122px; height:586px; overflow:hidden; position:absolute; left:0px; top:50px}
.producttop  .leftbox .list ul{ margin:0px; padding:0px; list-style:none}
.producttop  .leftbox .list ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:125px;} 
.producttop  .leftbox .list ul li .pic{width:118px; height:118px; border-radius:118px; border:1px solid #d5d5d5}
.producttop  .leftbox .list ul li .pic img{ display:none}
.producttop  .leftbox .list ul li.swiper-slide-active .pic{ border:1px solid #f77e55}

.producttop  .leftbox .picbox{ width:70%; height:586px; position:absolute; right:0; top:0px; text-align:center;display: flex; justify-content: center; align-items: center;}
.producttop  .leftbox .picbox img{ max-width:70%; height:auto;transition: all 0.5s ease;}


.producttop  .rightbox{ width:40%; height:auto; float:left; overflow:hidden;}
.producttop  .rightbox .location{ width:100%; height:50px; line-height:50px; color:#6b6b6b; overflow:hidden; font-size:20px;}
.producttop  .rightbox .titbox{ width:100%; height:auto; overflow:hidden; font-size:52px; line-height:60px; font-weight:700; color:#010101; background:url(../Images/pline.jpg) left bottom no-repeat}
.producttop  .rightbox .titbox2{ width:100%; height:auto; overflow:hidden; font-size:36px; line-height:52px; font-weight:700; color:#2f2f2f; margin-top:25px;}
.producttop  .rightbox .word{ width:100%; height:auto; overflow:hidden; line-height:35px; font-size:18px; overflow:hidden;}



.productshow{ width:100%; height:auto; overflow:hidden; background:#FFF; padding:20px 0;  }
.productshow .centerbox{ width:100%; height:auto; max-width:1560px; margin:0 auto; clear:both; overflow:hidden;} 
.productshow .centerbox .centerin{ width:100%; height:auto; overflow:hidden; margin:0 auto ;border-bottom:1px solid #e6e6e6; padding-bottom:20px;}
.productshow img{ max-width:100%; height:auto} 
.productshow .line{ width:100%; height:1px; background:#d3d3d3; margin:20px 0}

.productshow .titbox{ width:100%; height:auto; overflow:hidden; font-size:45px; font-weight:700; color:#1c1c1c; text-align:center}

.productshow  .reslist{ width:100%; height:auto; overflow:hidden; margin-top:20px;}
.productshow  .reslist ul{ margin:0px; padding:0px; list-style:none}
.productshow  .reslist ul li{ margin:0px; padding:0px; list-style:none; width:25%; height:auto; float:left; overflow:hidden;}
.productshow  .reslist ul li .box{ width:96%; height:auto; overflow:hidden; box-sizing:border-box; padding:5px}
.productshow  .reslist ul li .pic{ width:100%; height:320px; overflow:hidden;transition: all 0.5s ease;}
.productshow  .reslist ul li .tit{ width:100%; height:50px; line-height:50px; text-align:center; font-size:18px; color:#1c1c1c; text-align:center; margin-top:15px;}
.productshow  .reslist ul li:hover .pic{box-shadow: 0px 0px 10px 0px #d3d3d3;}

.productshow2{ width:100%; height:auto; overflow:hidden; padding:0; position:relative; z-index:100;background:#ffffff;}
.productshow2 .centerbox{ width:100%; height:auto; max-width:1360px; margin:0 auto; clear:both; overflow:hidden;  padding:15px 0 15px 0;}
.productshow2 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; margin:0 auto }
.productshow2 .tit{ width:100%; height:50px; line-height:50px; overflow:hidden; font-size:26px; font-weight:700; color:#0b3a80; }
.productshow2 .showus table{ border:0px;}
.productshow2 .showus table td{ background:#f4f4f4; border:2px solid #FFF}


/*新闻*/
.newsbox{ width:100%; height:auto; overflow:hidden; padding:250px 0 95px 0; position:relative; z-index:100; background: url(../Images/newsbg.jpg) top center no-repeat #ffffff;}
.newsbox .centerbox{ width:100%; height:auto; max-width:1560px; margin:0 auto; clear:both; overflow:hidden; }
.newsbox .centerbox .centerin{ width:100%; height:auto; overflow:hidden; margin:0 auto }

.newsbox .topone{ width:100%; height:auto; overflow:hidden;}
.newsbox .leftbox{ width:35%; height:auto; float:left; overflow:hidden; margin-left:6%}
.newsbox .leftbox .titbox{ width:100%; height:auto; line-height:50px; overflow:hidden; font-size:26px; font-weight:700; color:#ffffff; }
.newsbox .leftbox .titbox2{ width:100%; height:auto; line-height:100px; overflow:hidden; font-size:98px; font-weight:700; color:#ffffff; margin-top:10px; background:url(../Images/line1.jpg) left bottom no-repeat; text-transform:uppercase}
.newsbox .leftbox .word{ width:100%; height:auto; font-size:20px; color:#FFF; margin-top:15px}

.newsbox .rightbox{ width:50%; height:auto; float:right; overflow:hidden;}
.newsbox .rightbox .nav{ float:right; height:auto; overflow:hidden; margin-top:100px}
.newsbox .rightbox .nav ul{ margin:0px; padding:0px; list-style:none}
.newsbox .rightbox .nav ul li{ margin:0px 0 0 60px; padding:0px; list-style:none; float:left; height:50px; line-height:50px; font-size:20px; color:#a8a8a8}
.newsbox .rightbox .nav ul li a{color:#a8a8a8}
.newsbox .rightbox .nav ul li.onfocus{ color:#FFF}
.newsbox .rightbox .nav ul li.onfocus a{ color:#ffffff} 

.newsbox .getmore{ width:100%; height:auto; line-height:200%; overflow:hidden; text-align:center; font-size:18px; color:#a3a3a3; margin-top:50px}
#getmore2{ display:none}


/*新闻详细*/
/*新闻*/
.newsreadbox{ width:100%; height:auto; overflow:hidden; padding:50px 0; position:relative; z-index:1; background: #ffffff; }
.newsreadbox .centerbox{ width:100%; height:auto; max-width:1500px; margin:0 auto; clear:both; overflow:hidden; }
.newsreadbox .centerbox .centerin{ width:100%; height:auto; overflow:hidden; margin:0 auto }

.newsreadbox .topone{ width:100%; height:auto; overflow:hidden;}
.newsreadbox .leftbox{ width:35%; height:auto; float:left; overflow:hidden; margin-left:6%}
.newsreadbox .leftbox .titbox{ width:100%; height:auto; line-height:50px; overflow:hidden; font-size:26px; font-weight:700; color:#ffffff; }
.newsreadbox .leftbox .titbox2{ width:100%; height:auto; line-height:100px; overflow:hidden; font-size:98px; font-weight:700; color:#ffffff; margin-top:10px; background:url(../Images/line1.jpg) left bottom no-repeat; text-transform:uppercase}
.newsreadbox .leftbox .word{ width:100%; height:auto; font-size:20px; color:#FFF; margin-top:15px}

.newsreadbox .rightbox{ width:50%; height:auto; float:right; overflow:hidden;}
.newsreadbox .rightbox .nav{ float:right; height:auto; overflow:hidden; margin-top:100px}
.newsreadbox .rightbox .nav ul{ margin:0px; padding:0px; list-style:none}
.newsreadbox .rightbox .nav ul li{ margin:0px 0 0 60px; padding:0px; list-style:none; float:left; height:50px; line-height:50px; font-size:20px; color:#a8a8a8}
.newsreadbox .rightbox .nav ul li a{color:#a8a8a8}
.newsreadbox .rightbox .nav ul li.onfocus{ color:#fff}
.newsreadbox .rightbox .nav ul li.onfocus a{ color:#fff} 

.newsreadbox .thebox{ width:100%; height:auto; overflow:hidden; background:#FFF; box-sizing:border-box; padding:0; border-radius:10px;}


/*解决方案*/
.solutionbox{ width:100%; height:auto; overflow:hidden; padding:259px 0 242px 0; position:relative; z-index:1; background: url(../Images/solutionbg.jpg) top center no-repeat;}
.solutionbox .centerbox{ width:100%; height:auto; max-width:1560px; margin:0 auto; clear:both; overflow:hidden; }
.solutionbox .centerbox .centerin{ width:100%; height:auto; overflow:hidden; margin:0 auto }
.solutionbox .leftbox{ width:35%; height:auto; float:left; overflow:hidden; margin-left:6%}
.solutionbox .leftbox .titbox{ width:100%; height:auto; line-height:50px; overflow:hidden; font-size:26px; font-weight:700; color:#ffffff; }
.solutionbox .leftbox .titbox2{ width:100%; height:auto; line-height:100px; overflow:hidden; font-size:98px; font-weight:700; color:#ffffff; margin-top:10px; background:url(../Images/line1.jpg) left bottom no-repeat; text-transform:uppercase; background-size:513px 8px;}
.solutionbox .leftbox .word{ width:100%; height:auto; font-size:20px; color:#FFF; margin-top:15px}
/*风扇*/
.solutionfan{ position:absolute; right:10%; top:265px; z-index:110}


.solutionshow{ width:100%; height:auto; overflow:hidden; background: url(../Images/oem.png) top 25px center no-repeat #FFF; padding:140px 0 0 0}
.solutionshow .centerbox{ width:100%; height:auto; max-width:100%; margin:0 auto; clear:both; overflow:hidden; }
.solutionshow .centerbox .centerin{ width:100%; height:auto; overflow:hidden; margin:0 auto }
.solutionshow .list{ width:100%; height:auto; overflow:hidden; margin-top:43px}
.solutionshow .list ul{ margin:0px; padding:0px; list-style:none}
.solutionshow .list ul li{ margin:40px 0; padding:0px; list-style:none; width:100%; height:auto; overflow:hidden;}
.solutionshow .list ul li .wordbox{ width:50%; float:right;}
.solutionshow .list ul li .wordbox .word{ width:100%; height:620px; max-width:768px; box-sizing:border-box; padding:0 0 0 100px; font-size:22px; color:#181818; line-height:35px;display: flex; justify-content: center; align-items: center;}
.solutionshow .list ul li .picbox{ width:50%; float:left; background:url(../Images/dotbg.jpg) right bottom no-repeat; box-sizing:border-box; padding:0 37px 37px 0}
.solutionshow .list ul li .picbox .pic{ width:100%; height:620px; overflow:hidden;}
.solutionshow .list ul li .picbox .pic .img{ width:100%; height:620px; overflow:hidden;}

.solutionshow .list ul li:nth-child(2n) .wordbox{ float:left} 
.solutionshow .list ul li:nth-child(2n) .wordbox .word{ padding:0 100px 0 0px; float:right}
.solutionshow .list ul li:nth-child(2n) .picbox{  background:url(../Images/dotbg.jpg) left bottom no-repeat; box-sizing:border-box; padding:0 0px 37px 37px}

.solutionshow .otherlink{ width:100%; height:auto; overflow:hidde;}
.solutionshow .otherlink ul{ margin:0px; padding:0px; list-style:none}
.solutionshow .otherlink ul li{ margin:0px; padding:0px; list-style:none; width:50%; float:left; overflow:hidden; height:330px; position:relative}
.solutionshow .otherlink ul li .pic{ width:100%; height:330px; overflow:hidden;transition: all 0.5s ease;}
.solutionshow .otherlink ul li .tit{ width:100%; height:330px; line-height:330px; text-align:center; font-size:42px; color:#ffffff; text-transform:uppercase; position:absolute; left:0; top:0}
.solutionshow .otherlink ul li:hover .pic{-webkit-transform: scale(1.1); transform: scale(1.1);}




.contactbox2{ width:100%; height:auto; overflow:hidden; padding:0 0 86px 0; position:relative; z-index:10; margin-top:-579px}
.contactbox2 .centerbox{ width:100%; height:auto; max-width:1360px; margin:0 auto; clear:both; overflow:hidden; }
.contactbox2 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; margin:0 auto }
.contactbox2 .leftbox{ width:50%; height:auto; overflow:hidden;}
.contactbox2 .leftbox .titbox{ width:100%; height:auto; overflow:hidden; line-height:60px; margin-top:680px; font-size:42px; font-weight:700; color:#181818}
.contactbox2 .leftbox .formbox{ width:100%; height:auto; overflow:hidden;}
.contactbox2 .leftbox .formbox ul{ margin:0px; padding:0px; list-style:none}
.contactbox2 .leftbox .formbox ul li{ margin:16px 0 0 0; padding:0px; list-style:none; width:100%; height:auto; overflow:hidden;}
.contactbox2 .leftbox .formbox ul li .input1{ width:100%; height:58px; line-height:58px; overflow:hidden; font-size:18px; color:#181818; background:none; border:0; outline:none; border-bottom:1px solid #cccccc;}
.contactbox2 .leftbox .formbox ul li textarea{ width:100%; height:228px; overflow:auto;  border:0px; background:#eaeaea; box-sizing:border-box; padding:15px; line-height:25px; font-size:18px;}
.contactbox2 .leftbox .formbox ul li .btnme{ width:186px; height:64px; line-height:64px; margin:0 auto; border:0px; border-radius:50px; background:#000000; text-align:center; font-size:26px; color:#FFF; display:block; margin:0 auto;transition: all 0.5s ease;}
.contactbox2 .leftbox .formbox ul li:hover .btnme{ background:#f77c52}


.contactbox2 .rightbox{ width:50%; height:auto; float:right}
.contactbox2 .rightbox .picbox{ width:100%; height:auto; overflow:hidden; background:url(../Images/cbg.png) left bottom no-repeat; background-size:80% auto;}
.contactbox2 .rightbox .picbox .pic{ width:84.85%; height:741px; float:right; border-radius:10px;}
.contactbox2 .rightbox .list{ width:84.58%; height:auto; float:right; overflow:hidden; margin-top:30px;}
.contactbox2 .rightbox .list ul{ margin:0px; padding:0px; list-style:none}
.contactbox2 .rightbox .list ul li{ margin:20px 0; padding:0px; list-style:none; width:100%; height:auto; overflow:hidden;}
.contactbox2 .rightbox .list ul li .tit{ width:100%; height:35px; line-height:35px; overflow:hidden; font-size:22px; font-weight:700; color:#181818;}
.contactbox2 .rightbox .list ul li .word{ width:100%; height:auto; overflow:hidden; margin-top:10px; line-height:30px; font-size:20px; color:#616161}
.contactbox2 .rightbox .picbox2{ width:100%; height:auto; overflow:hidden; background:url(../Images/cbg.png) right bottom no-repeat; background-size:80% auto; box-sizing:border-box; padding:0 10px 10px 0; display:none}
.contactbox2 .rightbox .picbox2 .pic{ width:100%; height:auto;}
.contactbox2 .rightbox .picbox2 .pic img{ width:100%; height:auto}




.ertopsun{ width:100%; height:auto; overflow:hidden; background:#f8f3f0; z-index:10; position:relative; padding:20px 0}
.ertopsun .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1280px; margin:0 auto; clear:both; overflow:hidden;  }
.ertopsun .centerbox .centerin{ width:100%; height:auto; overflow:hidden;}
.ertopsun .list{ width:100%; height:auto; overflow:hidden;}
.ertopsun .list ul{ margin:0px; padding:0px; list-style:none}
.ertopsun .list ul li{ margin:10px 1%; padding:0px; list-style:none; width:14.6%; float:left; overflow:hidden; height:50px; line-height:50px; border:1px solid #e2e1e1; font-size:16px; text-align:center}
.ertopsun .list ul li.onfocus{ border:1px solid #f6323e; background:#FFF; color:#f60515}
.ertopsun .list ul li.onfocus a{color:#f60515}

.ersortname{ width:100%; height:auto; overflow:hidden;  z-index:10; position:relative; display:none}
.ersortname .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1280px; margin:0 auto; clear:both; overflow:hidden;  }
.ersortname .centerbox .centerin{ width:100%; height:auto; overflow:hidden;}
.ersortname .titlebox{ width:100%; height:104px; overflow:hidden; background:url(../Images/hometit1bg.jpg) top right no-repeat;position:relative; margin-top:10px;}
.ersortname .titlebox .tit{ position:absolute; background:url(../Images/home1line.jpg) #FFF 0 0 no-repeat;height:104px; left:0px; top:0px; padding-right:10px;}
.ersortname .titlebox .tit p{ margin:0px; padding:0px;text-indent:28px; }
.ersortname .titlebox .tit p.t1{ color:#ff9c00; font-size:20px; margin-top:28px;}
.ersortname .titlebox .tit p.t2{ color:#c0c0c0; font-family:Arial, Helvetica, sans-serif}




.mainbox{ width:100%; height:auto; overflow:hidden; padding:30px 0;   position:relative; z-index:100; background: linear-gradient(to bottom, #edf5fb, #f8fbfd);}
.mainbox .centerbox{ width:100%; height:auto; max-width:1360px; margin:0 auto; clear:both; overflow:hidden;  }
.mainbox .centerbox .centerin{ width:100%; height:auto; overflow:hidden; margin:0 auto }
.mainbox .location{ width:100%; height:30px; line-height:30px; overflow:hidden; position:relative; margin:0 auto; font-size:15px;color:#f32e38; text-align:left}
.mainbox .location a{ color:#f32e38}

.mainbox .toptit{ width:100%; height:52px; line-height:52px; overflow:hidden; position:relative; max-width:1280px; margin:0 auto; font-size:32px; font-weight:700; color:#0093e7; text-align:center}
.mainbox .toptit2{ width:100%; height:auto; overflow:hidden; position:relative; max-width:1280px; margin:0 auto; text-align:center; font-size:28px; color:#262626; font-weight:700; text-transform:uppercase}

.mainbox .toptit3{ width:100%; height:auto; overflow:hidden; position:relative; max-width:1280px; margin:0 auto; text-align:center; font-size:32px; color:#0093e7; font-weight:700; }
.mainbox .toptit4{ width:100%; height:auto; overflow:hidden; position:relative; max-width:1280px; margin:0 auto; text-align:center; font-size:28px; color:#262626; font-weight:700; }
.mainbox .topword{ width:100%; height:auto; overflow:hidden; position:relative; max-width:1280px; margin:0 auto; text-align:center; font-size:14px; color:#343434; line-height:200%; font-weight:normal}

.mainbox .searchbox{ width:100%; height:auto; overflow:hidden;}
.mainbox .searchbox .list{ width:315px; height:45px; overflow:hidden; float:right; border:1px solid #dcdcdc; border-radius:15px; position:relative}
.mainbox .searchbox .list .input1{ width:266px; height:40px; line-height:40px; border:0px; position:absolute; left:0px; top:0px; text-indent:10px; outline:none}
.mainbox .searchbox .list .btnme{ width:44px; height:45px; border:0px; background:url(../Images/btnme1.jpg) center center no-repeat #0092e2; position:absolute; right:0px; top:0}

.mainbox .navtop{ width:100%; height:auto; overflow:hidden;}
.mainbox .navtop ul{ margin:0px; padding:0px; list-style:none}
.mainbox .navtop ul li{ margin:0px; padding:0px; list-style:none; width:50%; height:60px; line-height:60px; overflow:hidden; font-size:16px; text-align:center; color:#FFF; background:#5c6971; float:left}
.mainbox .navtop ul li a{ color:#FFF}
.mainbox .navtop ul li.onfocus{ background:#0093e7}

.mainbox .navbox{ width:100%; height:64px; overflow:hidden; position:relative; background:#0b3a80;}
.mainbox .navbox .backhome{ position:absolute; left:0px; top:0px;}
.mainbox .navbox .list{ width:100%; height:64px; overflow:hidden; box-sizing:border-box; padding:0 0 0 82px}
.mainbox .navbox .list .navin{ width:100%; height:64px; overflow:auto;}
.mainbox .navbox .list ul{ margin:0;  padding:0px; list-style:none; height:64px; overflow:hidden}
.mainbox .navbox .list ul li{ margin:0px; padding:0px; list-style:none; height:64px; line-height:64px; font-size:16px; color:#ffffff; width:154px; float:left; text-align:center; border-right:1px solid #244e8d}
.mainbox .navbox .list ul li.onfocus{ background:#0097d3; font-weight:700}
.mainbox .navbox .list ul li a{color:#ffffff; }




.mainbox2{ width:100%; height:auto; overflow:hidden; padding:25px 0; background:#f3f4f6;  }
.mainbox2 .centerbox{ width:100%; height:auto;   max-width:1280px; margin:0 auto; clear:both; overflow:hidden; }
.mainbox2 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; margin:0 auto }
.mainbox2 .leftbox{ width:23.82%; height:auto; float:right; overflow:hidden;}
.mainbox2 .leftbox .nbox{ width:100%; height:auto; overflow:hidden; background:#FFF; box-sizing:border-box; padding:20px;}
.mainbox2 .leftbox .nbox .tit{ width:100%; height:50px; line-height:50px; overflow:hidden; font-size:22px; font-weight:700; color:#262626}
.mainbox2 .leftbox .nbox .list{ width:100%; height:auto; overflow:hidden;}
.mainbox2 .leftbox .nbox .list ul{ margin:0px; padding:0px; list-style:none}
.mainbox2 .leftbox .nbox .list ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:auto; overflow:hidden; border-bottom:1px solid #dedede; padding:10px 0}
.mainbox2 .leftbox .nbox .list ul li .title{ width:100%; height:auto; overflow:hidden; font-size:14px; line-height:28px; overflow:hidden; color:#0078c2}
.mainbox2 .leftbox .nbox .list ul li .time{ width:100%; height:auto; overflow:hidden; font-size:12px; line-height:28px; overflow:hidden; color:#7f7f7f; margin-top:5px;}

.mainbox2 .leftbox .pbox{ width:100%; height:auto; overflow:hidden; background:#FFF; box-sizing:border-box; padding:20px;margin-top:20px;}
.mainbox2 .leftbox .pbox .list{ width:100%; height:auto; overflow:hidden; }
.mainbox2 .leftbox .pbox .list ul{ margin:0px; padding:0px; list-style:none}
.mainbox2 .leftbox .pbox .list ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:auto; overflow:hidden; }
.mainbox2 .leftbox .pbox .list ul li .pic{ width:100%; height:322px; overflow:hidden;}
.mainbox2 .leftbox .pbox .list ul li .tit{ width:100%; height:50px; line-height:50px; text-align:center; overflow:hidden; font-size:18px; color:#262626;margin-top:10px}
.mainbox2 .leftbox .pbox .list ul li .word{ width:100%; height:50px; line-height:25px; font-size:14px; overflow:hidden; margin-top:5px}


.mainbox2 .rightbox{ width:74.14%; height:auto; float:left; overflow:hidden;}



.mainbox .leftbox{ width:20.16%; float:left; overflow:hidden;  height:auto; position:relative; }
.mainbox .rightbox{ width:76.75%; float:right; overflow:hidden;height:auto; background:#FFF;} 



.mainbox .leftbox .titbox{ width:100%; margin:0 auto; height:40px; line-height:40px;  overflow:hidden; font-size:28px; font-weight:700; color:#cf0000}
.mainbox .leftbox .titbox2{ width:100%; margin:0 auto; height:auto; line-height:30px;  overflow:hidden; font-size:20px; color:#a6a6a6; background:url(../Images/tline.jpg) left bottom no-repeat; text-transform:uppercase; padding-bottom:10px}


.mainbox .leftbox .navbox{ width:90%;  height:auto; overflow:hidden;  padding-bottom:0px;}
.mainbox .leftbox .navlist{ width:100%; height:auto; overflow:hidden; margin:0 auto; box-sizing:border-box; border:1px solid #e6e6e6; border-left:2px solid #cf0000; padding:0; margin-top:20px; }
.mainbox .leftbox .navlist ul{ margin:0px; padding:0px; list-style:none}
.mainbox .leftbox .navlist ul li{ margin:0; padding:0px; list-style:none; width:100%; height:auto; line-height:60px; overflow:hidden; text-align:left; text-indent:20px; border-bottom:1px solid #f3f3f3;  font-size:14px; background:url(../Images/r1.jpg) 121px 29px no-repeat; }
.mainbox .leftbox .navlist ul li.onfocus{ background:url(../Images/r2.jpg)  121px 29px no-repeat #f3f3f3;  color:#cf0000;  border-bottom:1px solid #f3f3f3;  }
.mainbox .leftbox .navlist ul li.onfocus a{ color:#cf0000;}
.mainbox .leftbox .navlist ul li ul{ margin:0px; padding:0px; list-style:none; display:none}
.mainbox .leftbox .navlist ul li ul li{ margin:0px; padding:0px; list-style:none; height:30px; text-indent:40px; line-height:30px;background:url(../Images/arrA.jpg) 25px center no-repeat; font-size:12px ; border:0px; }
.mainbox .leftbox .navlist ul li.onfocus ul li a{ color:#a26432}
.mainbox .leftbox .navlist ul li.onfocus ul li.onfocus{ font-weight:bold;background:url(../Images/arrB.jpg) 25px center no-repeat; color:#a26432}
.mainbox .leftbox .navlist ul li.onfocus ul li.onfocus a{color:#0094da} 
.mainbox .leftbox .navlist ul li.onfocus ul{ display:block}

.mainbox .leftbox .telbox{ width:92%; height:auto; overflow:hidden; margin:0 auto; margin-top:20px;}
.mainbox .leftbox .telbox .tit{ width:100%; height:30px; line-height:30px; font-size:14px; color:#000;text-indent:20px;}
.mainbox .leftbox .telbox .tel{ width:100%; height:30px; line-height:30px; overflow:hidden; color:#0591e0;text-indent:20px;} 

.mainbox .leftbox .leftbottom{ width:100%; height:14px; background:url(../Images/leftbottom.jpg) center center no-repeat; background-size:100% 100%;}


.mainbox .leftbox .leftad{ width:87.30%; height:auto; overflow:hidden; margin:0 auto;}
.mainbox .leftbox .leftad ul{ margin:0px; padding:0px; list-style:none}
.mainbox .leftbox .leftad ul li{ margin:6px 0; padding:0px; list-style:none; width:100%; height:auto; overflow:hidden;}
.mainbox .leftbox .leftad ul li img{ width:100%;}

.mainbox .leftbox .navsun{ width:100%; height:auto; overflow:hidden; background:none; display:none}
.mainbox .leftbox .navsun ul{ margin:0px; padding:0px; list-style:none}
.mainbox .leftbox .navsun ul li{ margin:10px 1%; padding:0px; list-style:none; width:31%; font-size:12px; overflow:hidden; height:35px; line-height:35px; float:left; text-align:center} 
.mainbox .leftbox .navsun ul li.onfocus{ color:#3082e5;}
.mainbox .leftbox .navsun ul li.onfocus a{ color:#3082e5;}


.mainbox .rightbox .titlebox{ width:100%;  overflow:hidden; height:54px; border-bottom:1px solid #cccccc;; position:relative}
.mainbox .rightbox .titlebox .tit{ position: absolute; left:0px; top:0px; height:53px; line-height:53px; font-size:24px; color:#262626;}
.mainbox .rightbox .titlebox .location{ position:absolute; right:10px; top:0px;height:57px; line-height:57px;  text-indent:31px;}

.mainbox  .showtit{ width:100%; height:auto; overflow:hidden; line-height:50px; padding-bottom:30px; font-size:40px; color:#001f5d; background:url(../Images/line2.png) bottom center no-repeat; text-align:center; margin-bottom:15px;}
.mainbox  .navmblist{ width:100%; height:auto; overflow:hidden;}
.mainbox  .navmblist .list{ width:100%; height:50px; overflow:hidden;}
.mainbox  .navmblist .list ul{ margin:0px; padding:0px; list-style:none}
.mainbox  .navmblist .list ul li{ margin:0px; padding:0px; list-style:none; width:50%; height:50px; line-height:50px; font-size:14px; overflow:hidden; float:left; overflow:hidden; border-bottom:1px solid #dfe9f6}
.mainbox  .navmblist .list ul li.onfocus a{ color:#e31d2f}
.mainbox  .navmblist .more{ width:100%; height:50px; line-height:50px; font-size:14px; text-align:right;  border-bottom:1px solid #dfe9f6}
.mainbox  .navmblist .more p{ width:100%; height:50px; line-height:50px; box-sizing:border-box; padding:0 30px 0 0}
.mainbox  .navmblist .more p.t1{ background:url(../Images/darr.png) right center no-repeat}
.mainbox  .navmblist .more p.t2{ background: url(../Images/uarr.png) right center no-repeat; display:none}

.mainbox  .thebox{ width:100%; margin:0 auto; padding:10px 0;}


/*产品展示*/
.photolist{ width:100%; height:auto; overflow:hidden;}
.photolist ul{ margin:0px; padding:0px; list-style:none}
.photolist ul li{ margin:20px 0 0 0; padding:0px; list-style:none; width:33%; float:left; overflow:hidden;}
.photolist ul li .box{ width:90%; height:auto; overflow:hidden;}
.photolist ul li .box .pic{ width:100%; height:307px; overflow:hidden; position:relative; border:2px solid #f4f4f4; padding:-2px;}
.photolist ul li .box .tit{ width:100%; height:50px; line-height:50px; font-size:14px; text-align:center}


.photolist ul li:hover .box .pic { border:2px solid #f59b0f;}
.photolist ul li:hover .box .tit{  color:#f59b0f}


.serlist{ width:100%; height:auto; overflow:hidden; margin-top:20px;}
.serlist ul {  display: grid;
            grid-template-columns: repeat(5, 1fr); /* 5列等宽 */
            grid-template-rows: repeat(2, 200px); /* 2行等高 */
            gap: 7px; /* 格子之间的间距 */
            list-style-type: none;
            padding: 0;
            margin: 0;
            width: 100%;
           }

.serlist li { margin:0px; padding:0px; list-style:none; }
.serlist li .box{ width:100%; height:200px; position:relative;border-radius:5px;}
.serlist li .box .pic{ width:100%; height:100%; overflow:hidden;}
.serlist li .box .pic .img{ width:100%; height:100%; overflow:hidden;transition: all 0.5s ease;}
.serlist li .box .tit{ position:absolute; left:0; bottom:0; width:100%; height:118px; color:#FFF;background: linear-gradient(to bottom, rgba(65, 119, 207, 0), rgba(65, 119, 207, 0.6));}
.serlist li .box .tit p{ width:100%; height:auto; overflow:hidden; position:absolute; left:0; bottom:10px; box-sizing:border-box; padding:0 10px; font-size:18px; color:#FFF }

.serlist li:hover .box .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}

 /* 第3个元素，占据两列两行 */
 .serlist   li:nth-child(3) {
            /*
			grid-column: span 2;  跨越两列
             */
			grid-row: span 2;    /* 跨越两行 */
          
        }
 .serlist   li:nth-child(3) .box{ height:407px}

.serlist li:nth-child(2) .box .tit{background: linear-gradient(to bottom, rgba(22, 182, 138, 0), rgba(22, 182, 138, 0.6));}
.serlist li:nth-child(3) .box .tit{background: linear-gradient(to bottom, rgba(120, 201, 33, 0), rgba(120, 201, 33, 0.6));}
.serlist li:nth-child(4) .box .tit{background: linear-gradient(to bottom, rgba(15, 194, 226, 0), rgba(15, 194, 226, 0.6));}
.serlist li:nth-child(5) .box .tit{background: linear-gradient(to bottom, rgba(59, 174, 107, 0), rgba(59, 174, 107, 0.6));}

.serlist li:nth-child(6) .box .tit{background: linear-gradient(to bottom, rgba(235, 167, 34, 0), rgba(235, 167, 34, 0.6));}
.serlist li:nth-child(7) .box .tit{background: linear-gradient(to bottom, rgba(233, 79, 26, 0), rgba(233, 79, 26, 0.6));}
.serlist li:nth-child(8) .box .tit{background: linear-gradient(to bottom, rgba(188, 128, 200, 0), rgba(188, 128, 200, 0.6));}
.serlist li:nth-child(9) .box .tit{background: linear-gradient(to bottom, rgba(136, 81, 250, 0), rgba(136, 81, 250, 0.6));}

.serbox{ width:100%; height:auto; overflow:hidden; margin-top:30px;}
.serbox .leftarea{ width:61%; height:auto; overflow:hidden; float:left}
.serbox .leftarea .icon{ width:100%; height:auto; overflow:hidden;}
.serbox .leftarea .tit{ width:100%; height:auto; overflow:hidden; font-size:32px; font-weight:700; color:#001f5d; line-height:50px; margin:20px 0}
.serbox .leftarea .word{ width:100%; height:auto; overflow:hidden; font-size:14px; line-height:200%; overflow:hidden; font-size:16px; color:#1f1f1f;}
.serbox .leftarea .word img{ max-width:100%; height:auto}

.serbox .rightarea{ width:39%; height:auto; overflow:hidden; float:left; text-align:right}
.serbox .rightarea img{ max-width:80%}


/*洞察与创新*/
.dclist{ width:100%; height:auto; overflow:hidden;}
.dclist ul{ margin:0px; padding:0px; list-style:none}
.dclist ul li{ margin:20px 0 0 0; padding:0px; list-style:none; width:25%; float:left; overflow:hidden;}
.dclist ul li .box{ width:96%; height:auto; overflow:hidden; border-radius:10px; position:relative}
.dclist ul li .box .pic{ width:100%; height:404px; overflow:hidden; position:relative;}
.dclist ul li .box .pic .img{ width:100%; height:100%; overflow:hidden;transition: all 0.5s ease;}
.dclist ul li .box .tit{ position:absolute; left:0; bottom:0; width:100%; height:118px; color:#FFF;background: linear-gradient(to bottom, rgba(227, 29, 47, 0), rgba(229, 29, 47, 0.6));}
.dclist ul li .box .tit p{ width:100%; height:auto; overflow:hidden; position:absolute; left:0; bottom:15px; box-sizing:border-box; padding:0 10px; font-size:18px; color:#FFF; text-align:center }

.dclist ul li:hover .box .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.dclist ul li:hover .box .pic {}
.dclist ul li:hover .box .tit{  color:#f59b0f}

.dclist ul li:nth-child(2) .box .tit{background: linear-gradient(to bottom, rgba(7, 199, 206, 0), rgba(7, 199, 206, 0.6));}
.dclist ul li:nth-child(3) .box .tit{background: linear-gradient(to bottom, rgba(31, 89, 186, 0), rgba(31, 89, 186, 0.6));}
.dclist ul li:nth-child(4) .box .tit{background: linear-gradient(to bottom, rgba(255, 144, 0, 0), rgba(255, 144, 0, 0.6));}

/*洞察与创新详情页*/
.dcreadbox{ width:100%; height:auto; overflow:hidden; padding:30px 0;   position:relative; z-index:100; background: url(../Images/mainbg.png) no-repeat; background-size:cover}
.dcreadbox .centerbox{ width:100%; height:auto; max-width:1475px; margin:0 auto; clear:both; overflow:hidden;  }
.dcreadbox .centerbox .centerin{ width:100%; height:auto; overflow:hidden; margin:0 auto }
.dcreadbox .location{ width:100%; height:30px; line-height:30px; overflow:hidden; position:relative; margin:0 auto; font-size:15px;color:#f32e38; text-align:left; margin:0 auto; max-width:1360px;}
.dcreadbox .location a{ color:#f32e38}

.dcdetail{ width:100%; height:auto; overflow:hidden;margin:0 auto; }
.dcdetail .titbox{ width:100%; height:auto; overflow:hidden; text-align:center; font-size:40px; color:#001f5d; margin:20px auto; max-width:1360px;}
.dcdetail .navlist{ width:100%; height:auto; overflow:hidden; border-top:1px solid #e0eaf6; border-bottom:1px solid #e0eaf6;background: linear-gradient(to right, transparent, #f8fbfd 50%, transparent); max-width:1360px; margin:0 auto}
.dcdetail .navlist ul{ margin:0px; padding:0px; list-style:none}
.dcdetail .navlist ul li{ margin:0px; padding:0px; list-style:none; width:25%; float:left; overflow:hidden; height:68px; line-height:68px; text-align:center; font-size:18px; color:#333333; cursor:pointer }
.dcdetail .navlist ul li.onfocus{ color:#e31d2f;}
.dcdetail .navlist ul li.onfocus a{ color:#e31d2f;}
.dcdetail .listbox{ width:100%; height:427px; position:relative; overflow:hidden; margin-top:80px;}
.dcdetail .listbox .leftarr{ position:absolute; left:0; top:50%; width:22px; height:37px; background:url(../Images/left3.png) no-repeat; cursor:pointer; z-index:10}
.dcdetail .listbox .rightarr{ position:absolute; right:0; top:50%; width:22px; height:37px; background:url(../Images/right3.png) no-repeat; cursor:pointer; z-index:10}
.dcdetail .listbox .list{ width:100%; height:auto; overflow:hidden; margin:0 auto; max-width:1360px;}
.dcdetail .listbox .list ul{ margin:0px; padding:0px; list-style:none}
.dcdetail .listbox .list ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:auto; overflow:hidden;}
.dcdetail .listbox .list ul li .leftarea{ width:43%; height:auto; overflow:hidden; float:left; box-sizing:border-box; padding:0 60px 0 0}
.dcdetail .listbox .list ul li .leftarea .icon{ width:100%; height:auto; overflow:hidden; margin-top:50px;}
.dcdetail .listbox .list ul li .leftarea .tit{ width:100%; height:auto; overflow:hidden; font-size:28px; font-weight:700; color:#001f5d; line-height:50px; margin:20px 0}
.dcdetail .listbox .list ul li .leftarea .word{ width:100%; height:auto; overflow:hidden; font-size:14px; line-height:200%; overflow:hidden; font-size:16px; color:#1f1f1f;}
.dcdetail .listbox .list ul li .leftarea .word img{ max-width:100%; height:auto}

.dcdetail .listbox .list ul li .rightarea{ width:57%; height:auto; overflow:hidden; float:right}
.dcdetail .listbox .list ul li .rightarea .pic{ width:100%; height:427px; overflow:hidden; box-sizing:border-box; padding:27px; border-radius:10px; overflow:hidden; background:#FFF}
.dcdetail .listbox .list ul li .rightarea .pic .img{ width:100%; height:100%; overflow:hidden;}


/*产品展示*/
.productlist{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.productlist ul{ margin:0px; padding:0px; list-style:none;}
.productlist ul li{ margin:10px 0; padding:0; list-style:none; box-sizing:border-box; width:25%; height:auto; float:left; overflow:hidden}
.productlist ul li .box{ width:96%; margin:0 auto; overflow:hidden; height:auto; overflow:hidden; border-radius:5px;}
.productlist ul li .box .pic{ width:100%; height:205px; overflow:hidden; position:relative; box-sizing:border-box;  }
.productlist ul li .box .pic .img{ width:100%; height:205px; overflow:hidden;transition: all 0.5s ease;}

.productlist ul li .box .wordbox{ width:100%; height:auto; float:left; overflow:hidden; box-sizing:border-box; padding:20px; background:#f4f4f4;}
.productlist ul li .box .tit{ width:100%; height:45px; line-height:45px; overflow:hidden; font-size:18px;  color:#fff; text-align:center; background:#bc80c8;}
.productlist ul li .box .word{ width:100%; height:50px; line-height:25px; overflow:hidden; font-size:14px; color:#636363; }

.productlist ul li:nth-child(1) .box .tit{ background:#bc80c8}
.productlist ul li:nth-child(2) .box .tit{ background:#4177cf}
.productlist ul li:nth-child(3) .box .tit{ background:#8f7abb}
.productlist ul li:nth-child(4) .box .tit{ background:#5a86b3}
.productlist ul li:nth-child(5) .box .tit{ background:#ca8a40}
.productlist ul li:nth-child(6) .box .tit{ background:#eba722}
.productlist ul li:nth-child(7) .box .tit{ background:#16b68a}
.productlist ul li:nth-child(8) .box .tit{ background:#0fc2e2}
.productlist ul li:nth-child(9) .box .tit{ background:#3bae6b}
.productlist ul li:nth-child(10) .box .tit{ background:#3c91e2}
.productlist ul li:nth-child(11) .box .tit{ background:#76a642}

.productlist ul li:nth-child(8) ~ li{ width:33.33%}



.productlist ul li:hover .box{ }
.productlist ul li:hover .box  .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.productlist ul li:hover .box  .tit{ color:#fff; font-weight:700}


/*下载*/
.download{ width:100%; margin:0 auto; overflow:hidden;}
.download ul{ margin:0px; padding:0px; list-style:none}
.download ul li{ margin:10px 0; padding:0px; list-style:none; width:33.33%; height:auto; overflow:hidden; float:left}
.download ul li .box{ width:96%; height:auto; overflow:hidden; margin:0 auto; background:#f4f4f4; box-sizing:border-box; padding:15px;}
.download ul li p{ display:block; width:100%; height:auto; overflow:hidden;}
.download ul li p.t1{ height:50px; line-height:50px; font-size:18px; color:#262626;}
.download ul li p.t2{ height:35px; line-height:35px; font-size:14px; color:#7a7a7a;}
.download ul li p.t3{ width:100%; height:30px; line-height:30px; overflow:hidden; box-sizing:border-box; padding:0 30px 0 0; background:url(../Images/down1.png) right center no-repeat; text-align:right}

.download ul li:hover .box{ background:#0097d3}
.download ul li:hover p.t1{ color:#FFF}
.download ul li:hover p.t2{ color:#FFF}
.download ul li:hover p.t3{ background:url(../Images/down2.png) right center no-repeat; color:#FFF}


/*荣誉资质*/
.pridebox1{ width:100%; height:auto; overflow:hidden; background:#FFF; max-width:1280px; margin:0 auto; box-sizing:border-box; padding:20px;}
.pridebox1 .list{ width:100%; height:auto; overflow:hidden; margin-top:25px}
.pridebox1 .one{ width:50%; float:left; height:auto; overflow:hidden; box-sizing:border-box; padding:0 20px 0 0}
.pridebox1 .one .tit{ width:100%; height:auto; overflow:hidden; font-size:22px; font-weight:700; color:#026931; line-height:30px;}
.pridebox1 .one .word{ width:100%; height:auto; overflow:hidden; font-size:16px; line-height:30px; margin-top:15px;}

.pridenav{ width:80%; margin:0 auto; overflow:hidden; margin:15px auto}
.pridenav ul{ margin:0px; padding:0px; list-style:none}
.pridenav ul li{ margin:0px; padding:0px; list-style:none; width:50%; height:50px; line-height:50px; float:left; overflow:hidden; text-align:center; font-size:16px; color:#026931; font-weight:700px; border:1px solid #026931; cursor:pointer; box-sizing:border-box; border:1px solid #026931;}
.pridenav ul li.onfocus{ background:#026931; color:#ffffff}


.pridebox2{ width:100%; height:auto; overflow:hidden; background:#FFF; max-width:1280px; margin:0 auto; box-sizing:border-box; padding:20px; margin:10px auto}
.pridebox2 .titbox{ width:100%; height:35px; line-height:35px; overflow:hidden; font-size:24px; font-weight:700; color:#026931}
.pridebox2 .list{ width:100%; height:auto; overflow:hidden;}
.pridebox2 .list ul{ margin:0px; padding:0px; list-style:none}
.pridebox2 .list ul li{ margin:15px 0; padding:0px; list-style:none; width:20%; height:auto; float:left; overflow:hidden;}
.pridebox2 .list ul li .box{ width:96%; margin:0 auto; overflow:hidden; height:auto;}
.pridebox2 .list ul li .pic{ width:100%; height:301px; overflow:hidden; margin:0 auto; border:1px solid #ccc;} 
.pridebox2 .list ul li .pic .img{ width:100%; height:301px;transition: all 0.5s ease; }
.pridebox2 .list ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}


/*发展历程*/
.developmentbox1{ width:100%; height:auto; overflow:hidden; box-sizing:border-box; padding:20px; background:#FFF; max-width:1280px; margin:0 auto}
.developmentbox1 .list{ width:100%; height:auto; overflow:hidden; background:url(../Images/developmentbg.png) center center no-repeat; background-size:100% auto}
.developmentbox1 .list ul{ margin:0px; padding:0px; list-style:none}
.developmentbox1 .list ul li{ margin:0px; padding:0px; list-style:none; width:16.65%; float:left; overflow:hidden; height:234px; position:relative} 
.developmentbox1 .list ul li .tit{ width:100%; height:71px; line-height:71px; text-align:center; overflow:hidden; font-size:70px; font-weight:700; color:#026931; position:absolute; left:0px; top:79px}
.developmentbox1 .list ul li .word{ width:100%; height:auto; position:absolute; left:0px; top:0px; font-size:15px; font-weight:700; line-height:30px; text-align:center}

.developmentbox1 .list ul li:nth-child(2n) .tit{ color:#6dba44;}
.developmentbox1 .list ul li:nth-child(2n) .word{ top:160px;}

.developmentbox2{ width:100%; height:auto; overflow:hidden; box-sizing:border-box; padding:20px; background:#FFF; max-width:1280px; margin:25px auto;}




/*案例展示*/
.caselist{ width:100%; height:auto; overflow:hidden;}
.caselist ul{ margin:0px; padding:0px; list-style:none}
.caselist ul li{ margin:10px 0 ; padding:0px; list-style:none; width:33.33%; float:left; overflow:hidden;}
.caselist ul li .box{ width:98%;  overflow:hidden;transition: all 0.5s ease;height:auto; position:relative; }
.caselist ul li .pic{ width:100%; height:256px; overflow:hidden;}
.caselist ul li .pic .img{ width:100%; height:256px; overflow:hidden;transition: all 0.5s ease;}
.caselist ul li .wordbox{ width:100%; height:auto; overflow:hidden; }
.caselist ul li .wordbox .tit{ width:100%; height:35px; line-height:35px; font-size:18px;  color:#333333; font-weight:700; overflow:hidden;}
.caselist ul li .wordbox .tit2{ width:100%; height:50px; line-height:25px; font-size:14px;  color:#5e5e5e; overflow:hidden; margin:5px 0}
.caselist ul li .wordbox .time{ width:100%; height:25px; line-height:25px; font-size:14px;  color:#7f7f7f; overflow:hidden;}

.caselist ul li:nth-child(3n-1) .box{ margin:0 auto}
.caselist ul li:nth-child(3n) .box{ float:right}


.caselist ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.caselist ul li:hover .wordbox{ }
.caselist ul li:hover .wordbox .tit{ color:#0093e7}
.caselist ul li:hover .wordbox .tit2{	 color:#0093e7}

/*技术支持*/
.support{ width:100%; height:auto; overflow:hidden;}
.support ul{ margin:0px; padding:0px; list-style:none}
.support ul li{margin:10px 0; padding:10px 0; list-style:none; width:25%; float:left; overflow:hidden;}	
.support ul li .box{ width:96%; margin:0 auto; overflow:hidden; height:auto;box-shadow:0 0 9px 3px #f4f4f5; box-sizing:border-box; padding:15px}
.support ul li .box .pic{ width:100%; height:auto; overflow:hidden; text-align:center}
.support ul li .box .pic img{ max-width:90%; height:auto}
.support ul li .box .wordbox{ width:100%; height:auto; overflow:hidden;}
.support ul li .box .tit{ width:100%; height:50px; line-height:50px; text-align:center; font-size:18px; font-weight:700; color:#00a2e9; overflow:hidden;}
.support ul li .box .word{ width:100%; height:75px; line-height:25px; font-size:14px; text-align:center; overflow:hidden;}
.support ul li .box .line{ width:45px; height:2px; background:#e0e0e0; margin:0 auto;}


.supportbox{ width:100%; height:auto; overflow:hidden; background:url(../Images/support2bg.jpg) center center no-repeat; background-size:cover; background-attachment:fixed; padding:45px 0;}
.supportbox .centerbox{ width:100%; height:auto; max-width:1280px; margin:0 auto; clear:both; overflow:hidden; background: url(../Images/supbg.png) repeat; box-sizing:border-box; box-sizing:border-box; padding:15px; }
.supportbox .centerbox .centerin{ width:100%; height:auto; overflow:hidden; margin:0 auto }




/*荣誉资质*/
.pridelist{ width:100%; height:auto; overflow:hidden;}
.pridelist ul{margin:0px; padding:0px; list-style:none}
.pridelist ul li{ margin:10px 0; padding:0px; list-style:none; width:25%; height:auto; float:left; overflow:hidden;}
.pridelist ul li .box{ width:96%; height:auto; overflow:hidden; margin:0 auto; overflow:hidden; border:1px solid #CCC}
.pridelist ul li .pic{ width:100%; height:250px; overflow:hidden; position:relative}
.pridelist ul li .pic .img{ width:100%; height:250px; overflow:hidden;transition: all 0.5s ease;}

.pridelist ul li .tit{ width:100%; height:52px; line-height:52px; overflow:hidden; font-size:14px; text-align:center; }
.pridelist ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.pridelist ul li:hover .pic .cover{ display:block}
.pridelist ul li:hover .tit{ color:#0078c2}







/*新闻*/
.newsslide{ width:100%; height:385px; overflow:hidden; position:relative; background:#f4f5f7; margin-bottom:20px;}
.newsslide .list{ width:100%; height:385px; overflow:hidden}
.newsslide .list ul{ margin:0px; padding:0px; list-style:none}
.newsslide .list ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:385px; position:relative}
.newsslide .list ul li .pic{ width:48%; height:385px; float:right; overflow:hidden;}
.newsslide .list ul li .wordbox{ width:50%; height:auto; float:left; overflow:hidden; box-sizing:border-box; padding:20px}
.newsslide .list ul li .time{ width:100%; height:45px; line-height:45px; font-size:20px; color:#768c9f}
.newsslide .list ul li .tit{ width:100%; height:50px; line-height:50px; font-size:24px; color:#276ca8;margin-top:10px; overflow:hidden}
.newsslide .list ul li .word{ width:100%; height:75px; line-height:25px; font-size:14px; margin-top:10px; overflow:hidden}
.newsslide .list ul li .more{ width:100%; height:auto; margin-top:30px;}

.newsslide .nspage {position: absolute;left: 20px;bottom:25px;}
.newsslide .nspage .swiper-pagination-switch { display: inline-block;width: 10px; height: 10px;border-radius: 10px;background: #c2cbd4; margin: 0 3px;cursor: pointer;}
.newsslide .nspage .swiper-active-switch { background: #353c42;}

.newsplist{ width:100%; height:auto; overflow:hidden;}
.newsplist ul{ margin:0px; padding:0px; list-style:none}
.newsplist ul li{ margin:20px 0 0 0; padding:0px; list-style:none; width:100%; height:auto; overflow:hidden; border-bottom:1px solid #ededed;}
.newsplist ul li .pic{ width:32%; height:250px; overflow:hidden; float:left}
.newsplist ul li .pic .img{ width:100%; height:250px; overflow:hidden;transition: all 0.5s ease;}
.newsplist ul li .wordbox{ width:68%; height:auto; float:left; overflow:hidden; box-sizing:border-box; padding:0 15px;}
.newsplist ul li .wordbox .tit{ width:100%; height:45px; line-height:45px; font-size:18px; color:#262626; overflow:hidden}
.newsplist ul li .wordbox .word{ width:100%; height:75px; line-height:25px; font-size:14px; margin-top:10px; overflow:hidden}
.newsplist ul li .wordbox .timebox{ width:100%; height:70px; position:relative}
.newsplist ul li .wordbox .timebox .time{ width:70px; height:70px; position: absolute; left:0px; top:0px; color:#FFF; background:#026931}
.newsplist ul li .wordbox .timebox .time p.t1{ width:100%; text-align:center; color:#FFF; line-height:35px; line-height:35px; font-size:20px;}
.newsplist ul li .wordbox .timebox .time p.t2{ width:100%; text-align:center; color:#a4bead; line-height:35px; line-height:35px; font-size:13px;}
.newsplist ul li .wordbox .timebox .more{ position:absolute; right:0px; top:0px; height:70px; line-height:70px; font-size:14px; color:#026931}

.newsplist ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.newsplist ul li:hover .wordbox .tit{ color:#6dba44}
.newsplist ul li:hover .wordbox .timebox .time p.t2{ color:#FFF}
.newsplist ul li:hover .wordbox .timebox .time{ background:#6dba44}
.newsplist ul li:hover .wordbox .timebox .more{ color:#6dba44}

/*表单*/

.formbox{ width:100%; height:auto; overflow:hidden; margin-top:10px; }
.formbox ul{ margin:0px; padding:0px; list-style:none}
.formbox ul li{ margin:10px 0px; padding:0px; list-style:none; width:50%; float:left; overflow:hidden;}
.formbox ul li .inbox{ width:96%; overflow:hidden; margin:0 auto}
.formbox ul li .input1{ width:100%; height:50px; border:1px solid #dcdcdc; text-indent:10px;}
.formbox ul li .radiome{ font-size:14px; padding:10px 0 0 0}
.formbox ul li .radiome input{ width:20px; height:20px; font-size:14px; float:left; display:block; padding:0}
.formbox ul li .radiome label{ font-size:14px; float:left; margin:5px 15px 0 0}


.formbox ul li .input2{ width:170px; height:50px;  border:1px solid #d8d8d8; float:left; display:block;text-indent:10px;}
.formbox ul li .safecode{ float:left; margin-left:10px;}

.formbox ul li select{ width:100%; height:35px; line-height:35px; overflow:hidden; border:1px solid #CCC; }

.formbox ul li textarea{ margin:0 auto; display:block; width:98%; height:175px; overflow:hidden; border:1px solid #dcdcdc; box-sizing:border-box; padding:10px;}
.formbox ul li.long{ width:100%; height:auto; overflow:hidden; line-height:200%;}
.formbox ul li.long .tit{ width:14%}
.formbox ul li.long .inbox{ width:85%}


.formbox ul li.long .btnme{ width:235px; height:58px; line-height:58px; overflow:hidden; background:#0b3a80; font-size:16px; color:#FFF;  border:0px; display:block; margin:0 auto; border-radius:30px}

.baom{ width:309px; height:57px; background:#ff6000; font-size:20px; color:#FFF; text-align:center; line-height:57px; margin-top:25px;}





.reporttit{ width:100%; height:50px; line-height:50px; text-align:center; font-size:20px; color:#000; font-weight:700; margin-top:10px;}

.formbox2{ width:100%; height:auto; overflow:hidden; margin:0 auto; max-width:640px; margin-top:10px; }
.formbox2 ul{ margin:0px; padding:0px; list-style:none}
.formbox2 ul li{ margin:10px 0px; padding:0px; list-style:none; width:100%; float:left; overflow:hidden;}
.formbox2 ul li .tit{ width:100%; height:50px; line-height:50px; overflow:hidden;}
.formbox2 ul li .tit span{ color:#F00}
.formbox2 ul li .inbox{ width:100%; overflow:hidden; margin:0 auto}
.formbox2 ul li .input1{ width:100%; height:50px; border:1px solid #dcdcdc; text-indent:10px;}
.formbox2 ul li .radiome{ font-size:14px; padding:10px 0 0 0}
.formbox2 ul li .radiome input{ width:20px; height:20px; font-size:14px; float:left; display:block; padding:0}
.formbox2 ul li .radiome label{ font-size:14px; float:left; margin:5px 15px 0 0}


.formbox2 ul li .input2{ width:170px; height:50px;  border:1px solid #d8d8d8; float:left; display:block;text-indent:10px;}
.formbox2 ul li .safecode{ float:left; margin-left:10px;}

.formbox2 ul li select{ width:100%; height:35px; line-height:35px; overflow:hidden; border:1px solid #CCC; }


.formbox2 ul li .btnme{ width:235px; height:58px; line-height:58px; overflow:hidden; background:#0b3a80; font-size:16px; color:#FFF;  border:0px; display:block; margin:0 auto; border-radius:30px}


.reportresult{ width:100%; height:auto; overflow:hidden; margin-top:20px; display:none}
.reportresult table{width:100%;border-collapse:collapse;}
.reportresult td{border:1px solid #ffffff;line-height:30px; text-align:center; font-size:14px; background:#ccd4e0; padding:10px 0}

.reportresult thead tr td{ background:#035bac; color:#FFF;}


/*服务与支持*/
.servicebox1{ width:100%; height:auto; overflow:hidden;  background:#f3f4f6; padding:30px 0 }
.servicebox1 .centerbox{ width:100%; height:auto; max-width:1280px; margin:0 auto; clear:both; overflow:hidden; box-sizing:border-box;  }
.servicebox1 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; margin:0 auto }
.servicebox1 .title1{ width:100%; height:auto; overflow:hidden; text-align:center; line-height:50px; font-size:36px; font-weight:700; color:#0078c2}
.servicebox1 .title2{ width:100%; height:auto; overflow:hidden; text-align:center; line-height:50px; font-size:32px; font-weight:700; color:#262626}
.servicebox1 .title3{ width:100%; height:auto; overflow:hidden; text-align:center; line-height:25px; font-size:14px; color:#636364}
.servicebox1 .cbox{ width:100%; height:auto; overflow:hidden; background:#FFF; margin-top:25px; padding:0}
.servicebox1 .cbox .nav{ width:100%; height:auto; overflow:hidden; border:1px solid #0078c2;}
.servicebox1 .cbox .nav ul{ margin:0px; padding:0px; list-style:none}
.servicebox1 .cbox .nav ul li{ margin:0px; padding:0px; list-style:none; width:50%; float:left; overflow:hidden; height:64px; line-height:64px; text-align:center; font-size:24px; color:#0078c2; cursor:pointer}
.servicebox1 .cbox .nav ul li.onfocus{ background:#0078c2; color:#FFF}

.servicebox1 .theform{ width:90%; height:auto; overflow:hidden; margin:0 auto; margin-top:20px;}
.servicebox1 .theform ul{ margin:0px; padding:0px; list-style:none}
.servicebox1 .theform ul li{ margin:10px 0; padding:0px; list-style:none; width:50%; float:left; overflow:hidden;}
.servicebox1 .theform ul li .tit{ width:30%; height:56px; line-height:56px; font-size:16px; float:left; box-sizing:border-box; text-align:right; padding:0 20px 0 0}
.servicebox1 .theform ul li .word{ width:70%; height:56px; float:left; overflow:hidden;}
.servicebox1 .theform ul li .input1{ width:100%; height:54px; line-height:54px; border:1px solid #e0e0e0; text-indent:15px;}

.servicebox1 .theform ul li.address{ width:100%; height:auto; overflow:hidden;}
.servicebox1 .theform ul li.address .tit{ width:15%; height:56px; line-height:56px; font-size:16px; float:left; box-sizing:border-box; text-align:right; padding:0 20px 0 0} 
.servicebox1 .theform ul li.address .province{ width:25%; height:56px;  float:left; overflow:hidden}
.servicebox1 .theform ul li.address .city{ width:25%; height:56px;  float:left; overflow:hidden}
.servicebox1 .theform ul li.address .place{ width:35%; height:56px;  float:left; overflow:hidden}
.servicebox1 .theform ul li.address .select1{ width:98%;height:54px; line-height:54px; border:1px solid #e0e0e0}


.servicebox1 .theform ul li.long{ width:100%; height:auto; overflow:hidden;}
.servicebox1 .theform ul li .btnme{ width:185px; height:60px; margin:0 auto; display:block; background:#0078c2; font-size:18px; color:#FFF; border:0px;}


/*下载中心*/
.servicebox2{ width:100%; height:auto; overflow:hidden;  background: url(../Images/service2bg.jpg) center center no-repeat; background-size:cover; padding:45px 0 }
.servicebox2 .centerbox{ width:100%; height:auto; max-width:1280px; margin:0 auto; clear:both; overflow:hidden; box-sizing:border-box;  }
.servicebox2 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; margin:0 auto }

.servicebox2 .title1{ width:100%; height:auto; overflow:hidden; text-align:center; line-height:50px; font-size:36px; font-weight:700; color:#0078c2}
.servicebox2 .title3{ width:100%; height:auto; overflow:hidden; text-align:center; line-height:25px; font-size:14px; color:#636364}
.servicebox2 .cbox{ width:100%; height:auto; overflow:hidden; background:#FFF; padding:20px 0; margin-top:15px}
.servicebox2 .nav{ width:100%; height:auto; overflow:hidden; height:auto; overflow:hidden; border-bottom:1px solid #efefef}
.servicebox2 .nav ul{ margin:0px; padding:0px; list-style:none}
.servicebox2 .nav ul li{ margin:0px; padding:0px; list-style:none; width:16.66%; height:63px; line-height:63px; overflow:hidden; text-align:center; font-size:20px; float:left}
.servicebox2 .nav ul li.onfocus{ color:#0078c2; font-weight:700}
.servicebox2 .nav ul li.onfocus a{color:#0078c2}

.servicebox2 .listbox{ width:100%; height:auto; overflow:hidden; margin-top:20px;}

/*手册列表*/
.manuallist{ width:100%; height:auto; overflow:hidden;}
.manuallist ul{ margin:0px; padding:0px; list-style:none}
.manuallist ul li{ margin:10px 0; padding:0px; list-style:none; width:33.33%; height:auto; overflow:hidden; float:left}
.manuallist ul li .box{ width:96%; margin:0 auto; overflow:hidden; background:#f3f4f6; box-sizing:border-box; padding:20px;}
.manuallist ul li .tit{ width:100%; height:35px; line-height:35px; overflow:hidden; font-size:16px; color:#161616}
.manuallist ul li .word{ width:100%; height:28px; line-height:28px; overflow:hidden; font-size:14px; margin-top:10px;}

.manuallist ul li .more{ width:100%; height:26px; line-height:26px; font-size:12px; overflow:hidden; margin-top:10px; color:#0093e7; background:url(../Images/d1.png) left center no-repeat; text-indent:25px;}
.manuallist ul li .more span{ display:none}
.manuallist ul li:hover .more{ background:url(../Images/d2.png) left center no-repeat}
.manuallist ul li:hover .more span{ display:inherit}
.manuallist ul li:hover .tit{ color:#0078c2}
/*视频列表*/


/*售后热线*/
.servicebox3{ width:100%; height:auto; overflow:hidden;  background: #ffffff; padding:40px 0 }
.servicebox3 .centerbox{ width:100%; height:auto; max-width:1280px; margin:0 auto; clear:both; overflow:hidden; box-sizing:border-box;  }
.servicebox3 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; margin:0 auto }

.servicebox3 .title1{ width:100%; height:auto; overflow:hidden; text-align:center; line-height:50px; font-size:36px; font-weight:700; color:#0078c2}
.servicebox3 .title3{ width:100%; height:auto; overflow:hidden; text-align:center; line-height:25px; font-size:14px; color:#636364}

.servicebox3 .list{ width:100%; height:auto; overflow:hidden;}
.servicebox3 .list ul{ margin:0px; padding:0px; list-style:none}
.servicebox3 .list ul li{ margin:0px; padding:0px; list-style:none; width:25%; height:auto; float:left; overflow:hidden;}
.servicebox3 .list ul li .pic{ width:100%; height:auto; overflow:hidden; text-align:center; margin:10px 0}
.servicebox3 .list ul li .tit{ width:100%; height:35px; line-height:35px; text-align:center; font-size:14px; font-weight:700; color:#262626}
.servicebox3 .list ul li .word{ width:100%; height:50px; line-height:50px; text-align:center; overflow:hidden; font-size:20px; font-weight:700; color:#0078c2} 

/*视频*/
.videolist{ width:96%; height:auto; overflow:hidden; margin:0 auto}
.videolist ul{ margin:0px; padding:0px; list-style:none}
.videolist ul li{ margin:10px 0px; padding:0px; list-style:none; width:33.33%; height:auto; overflow:hidden; float:left}
.videolist ul li .box{ width:96%; margin:0 auto; overflow:hidden;}
.videolist ul li .pic{ width:100%; height:262px; overflow:hidden; position:relative}
.videolist ul li .pic .img{width:100%; height:262px; overflow:hidden;}
.videolist ul li .pic .cover{ width:55px; height:55px; background:url(../Images/videobtn.png) no-repeat; position: absolute; left:50%; top:50%; margin-left:-26px; margin-top:-26px;}
.videolist ul li .tit{ width:100%; height:50px; text-align:center; font-size:18px; overflow:hidden; text-align:center; margin-top:15px}

.videolist ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}


/*联系我们*/
.conatctbox{ width:100%; height:auto; overflow:hidden;  background:#f3f4f6; padding:30px 0 }
.conatctbox .centerbox{ width:100%; height:auto; max-width:1280px; margin:0 auto; clear:both; overflow:hidden; box-sizing:border-box;  }
.conatctbox .centerbox .centerin{ width:100%; height:auto; overflow:hidden; margin:0 auto }
.conatctbox .title1{ width:100%; height:auto; overflow:hidden; text-align:center; line-height:50px; font-size:36px; font-weight:700; color:#0078c2}
.conatctbox .title2{ width:100%; height:auto; overflow:hidden; text-align:center; line-height:50px; font-size:32px; font-weight:700; color:#262626}
.conatctbox .title3{ width:100%; height:auto; overflow:hidden; text-align:center; line-height:25px; font-size:14px; color:#636364}
.conatctbox .cbox{ width:100%; height:auto; overflow:hidden; background:#FFF; margin-top:25px; padding:0}
.conatctbox .cbox .leftbox{ width:30%; height:470px; float:left; overflow:hidden; background:#0078c2}
.conatctbox .cbox .leftbox .list{ width:92%; margin:0 auto; overflow:hidden; margin-top:20px; color:#FFF}
.conatctbox .cbox .leftbox .list ul{ margin:0px; padding:0px; list-style:none}
.conatctbox .cbox .leftbox .list ul li{ margin:0px 0 20px 0 ; padding:0px; list-style:none; width:100%; height:auto; overflow:hidden;}
.conatctbox .cbox .leftbox .list ul li .tit{ width:100%; height:40px; line-height:40px; font-size:16px; font-weight:700}
.conatctbox .cbox .leftbox .list ul li .word{ width:100%; height:auto; overflow:hidden; line-height:30px; font-size:14px;}

.conatctbox .cbox .rightbox{ width:70%; height:470px; float:left; overflow:hidden;}
.conatctbox .cbox .rightbox .mapbox{ width:100%; height:470px; overflow:hidden;}


/*新闻信息*/
.bignews{ width:100%; height:auto; overflow:hidden; margin:0 auto; }
.bignews ul{ margin:0px; padding:0px; list-style:none}
.bignews ul li{ margin:0 0 20px 0px; padding:0px; overflow:hidden; list-style:none; width:100%; height:auto; background:#FFF}
.bignews ul li .pic{ width:32%; float:left; overflow:hidden; height:255px;  }
.bignews ul li .pic .img{ width:100%; height:255px; overflow:hidden;transition: all 0.5s ease;}
.bignews ul li .wordbox{ width:65%; float:right; overflow:hidden; height:auto; }
.bignews ul li .wordbox .time{ width:100%; height:25px; line-height:25px; font-size:14px; color:#7f7f7f;overflow:hidden; }
.bignews ul li .wordbox .tit{ width:100%; height:40px; line-height:40px; font-size:24px; color:#333333;overflow:hidden; font-weight:700; margin:10px 0 }
.bignews ul li .wordbox .word{ width:100%; height:56px; line-height:28px; overflow:hidden; font-size:14px; color:#787878; margin-top:10px;}
.bignews ul li .wordbox .more{ width:100%; height:auto; overflow:hidden; margin-top:25px; font-size:12px; color:#0078c2}

.bignews ul li:hover .wordbox .tit{ color:#0078c2}
.bignews ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}


/*人才招聘*/
.jobbox1{ width:100%; height:auto; overflow:hidden;  background:#f2f2f2; padding:30px 0 }
.jobbox1 .centerbox{ width:100%; height:auto; max-width:1280px; margin:0 auto; clear:both; overflow:hidden; box-sizing:border-box;  }
.jobbox1 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; margin:0 auto }
.jobbox1 .title1{ width:100%; height:auto; overflow:hidden; text-align:center; line-height:50px; font-size:36px; font-weight:700; color:#343434}
.jobbox1 .title2{ width:100%; height:auto; overflow:hidden; text-align:center; line-height:50px; font-size:16px;color:#6a6a6a}
.jobbox1 .title3{ width:100%; height:auto; overflow:hidden; text-align:center; line-height:25px; font-size:14px; color:#636364; margin-top:10px;}

.jobbox1  .wordbox{ width:100%; height:auto; overflow:hidden; line-height:200%; font-size:14px;}
.jobbox1  .wordbox img{ max-width:100%; height:auto}


.jobbox2{ width:100%; height:auto; overflow:hidden;  background:#FFF; padding: 0 0 30px 0 }
.jobbox2 .centerbox{ width:100%; height:auto; max-width:1360px; margin:0 auto; clear:both; overflow:hidden; box-sizing:border-box;  }
.jobbox2 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; margin:0 auto }
.jobbox2 .title1{ width:100%; height:auto; overflow:hidden; text-align:center; line-height:50px; font-size:36px; font-weight:700; color:#0078c2}
.jobbox2 .title2{ width:100%; height:auto; overflow:hidden; text-align:center; line-height:50px; font-size:32px; font-weight:700; color:#262626}
.jobbox2 .title3{ width:100%; height:auto; overflow:hidden; text-align:center; line-height:25px; font-size:14px; color:#636364; margin-top:10px;}
.jobbox2 .cbox{ width:100%; height:auto; overflow:hidden; box-sizing:border-box; padding:20px; background:#FFF;margin-top:30px;}


/*人力资源*/
.jobsearch{ width:100%; height:auto; overflow:hidden; margin-top:25px;}
.jobsearch ul{ margin:0px; padding:0px; list-style:none}
.jobsearch ul li{ margin:0px; padding:0px; list-style:none; width:17%; height:auto; overflow:hidden; float:left}
.jobsearch ul li.t4{ width:49%; float:left; overflow:hidden;}
.jobsearch ul li .select1{ width:96%; height:54px; border:1px solid #898989;}
.jobsearch ul li .input1{ width:80%; height:54px; border:1px solid #898989; float:left}
.jobsearch ul li .btnme{ width:20%; height:54px; background: url(../Images/searchbtn.jpg) center center no-repeat #009ceb; border:0; float:left}


.jobtitbox{ width:100%; height:auto; margin:40px 0; overflow:hidden; color: #001f5d; font-size:36px; text-align:center }


.joblist{ width:100%; height:auto; overflow:hidden;}
.joblist ul{ margin:0px; padding:0px; list-style:none} 
.joblist ul li{ margin:10px 0; padding:0px; list-style:none; width:33.33%; height:auto; float:left; overflow:hidden;} 
.joblist ul li .inbox{ width:96%; margin:0 auto; overflow:hidden; background:#FFF}
.joblist ul li .box{ width:100%; height:auto; box-sizing:border-box; overflow:hidden; background:#FFF; padding:30px; background:url(../Images/job1.png) left bottom no-repeat, url(../Images/job2.png) right top no-repeat}
.joblist ul li .tit{ width:100%; height:50px; line-height:50px; overflow:hidden; font-size:22px; color:#1f1f1f}
.joblist ul li .address{ width:100%; height:50px; line-height:50px; overflow:hidden; font-size:15px; opacity:0.7; color:#1f1f1f; border-bottom:1px solid #e4e7ea; text-indent:23px; background:url(../Images/add1_1.png) left center no-repeat;}
.joblist ul li .intro{ width:100%; height:50px; line-height:50px; overflow:hidden; font-size:15px;opacity:0.7; color:#1f1f1f; text-indent:23px; background:url(../Images/intro1_1.png) left center no-repeat}

.joblist ul li:hover .tit{  color:#1f59ba}
.joblist ul li:hover .address{ background:url(../Images/add1_2.png) left center no-repeat;}
.joblist ul li:hover .intro{ background:url(../Images/intro1_2.png) left center no-repeat}

.showpc{ display:block}
.showmb{ display:none}

.jobshowtit{ width:100%; height:auto; overflow:hidden; font-size:22px; font-weight:700; color:#e31d2f; line-height:50px; text-align:left}


/*应聘申请*/
.listform{ width:90%; height:auto; overflow:hidden; margin:0 auto; max-width:640px;}
.listform ul{ margin:0px; padding:0px; list-style:none}
.listform ul li{ margin:10px 0; padding:0px; list-style:none; width:100%; height:auto; overflow:hidden;}
.listform ul li .tit{ width:20%; text-align:right; height:45px; line-height:45px; box-sizing:border-box; padding:0 15px 0 0; font-size:16px; color:#262626; float:left}
.listform ul li .word{ width:80%; font-size:14px; float:left; overflow:hidden;}
.listform ul li .input1{ width:100%; height:42px; line-height:42px; overflow:hidden; background:#f5f5f5; border:1px solid #ececec; border-radius:5px;}
.listform ul li .input2{ width:140px; height:42px; line-height:42px; overflow:hidden; background:#f5f5f5; border:1px solid #ececec; border-radius:5px; float:left}

.listform ul li a{ color:#0097d3;}
.listform ul li .btnme{ width:126px; height:50px; line-height:50px; font-size:14px; background:#0b3a80; color:#FFF; border:0}

/*工作弹出*/
.alertbox{ width:100%; height:auto; overflow:hidden; background:url(../Images/cover2.png) repeat; min-height:350px; position:fixed; left:0px; top:0px; z-index:99999; display:none}
.alertbox .cbox{ width:96%; height:auto; overflow:hidden; max-width:968px; overflow:hidden; margin:0 auto; margin-top:25px;}
.alertbox .cbox .closebox{ width:100%; height:50px; line-height:50px; text-align:right; overflow:hidden; cursor:pointer}

.alertbox .cbox .listbox{ width:100%; height:auto; overflow:hidden; background:#FFF; box-sizing:border-box; padding:20px; border-radius:15px; margin-top:20px;}
.alertbox .cbox .listbox .titbox{ width:100%; height:60px; line-height:60px; overflow:hidden; background:url(../Images/ttline.jpg) bottom center no-repeat; font-size:30px; color:#262626; text-align:center;}
.alertbox .cbox .listbox .list{ width:100%; height:auto; overflow:hidden; margin-top:20px;}
.alertbox .cbox .listbox .list ul{ margin:0px; padding:0px; list-style:none}
.alertbox .cbox .listbox .list ul li{ margin:10px 0; padding:0px; list-style:none; width:50%; height:auto; float:left; overflow:hidden;}
.alertbox .cbox .listbox .list ul li .input1{ width:98%; height:52px; line-height:52px; overflow:hidden; border:1px solid #dfdfdf; font-size:14px; text-indent:20px;}
.alertbox .cbox .listbox .list ul li:nth-child(2n) .input1{ float:right}
.alertbox .cbox .listbox .list ul li.long{ width:100%; height:auto; overflow:hidden;}
.alertbox .cbox .listbox .list ul li .txt{ width:100%; height:190px; overflow:hidden;border:1px solid #dfdfdf; font-size:14px; box-sizing:border-box; padding:15px}
.alertbox .cbox .listbox .list ul li .btnme{ width:193px; height:53px; background:#0078c2; color:#FFF; font-size:16px; margin:0 auto; float:none; border:0px; border-radius:10px; display:block}



/*荣誉弹出*/
.alertbox2{ width:100%; height:auto; overflow:hidden; background:url(../Images/cover2.png) repeat; min-height:350px; position:fixed; left:0px; top:0px; z-index:99999; display:none }
.alertbox2 .cbox{ width:96%; height:auto; overflow:hidden; max-width:620px; overflow:hidden; margin:0 auto; margin-top:25px;}
.alertbox2 .cbox .closebox{ width:100%; height:50px; line-height:50px; text-align:right; overflow:hidden; cursor:pointer}

.alertbox2 .cbox .listbox{ width:100%; height:628px; overflow:hidden; background:#FFF;border-radius:15px; margin-top:20px; position:relative; border:10px solid #FFF}
.alertbox2 .cbox .listbox .leftarr{ width:49px; height:49px; background:url(../Images/left1.png) no-repeat; position:absolute; left:15px; top:50%; margin-top:-50px; cursor:pointer; cursor:pointer; z-index:10}
.alertbox2 .cbox .listbox .rightarr{width:49px; height:49px; background:url(../Images/right1.png) no-repeat; position:absolute; right:15px; top:50%; margin-top:-50px; cursor:pointer; cursor:pointer; z-index:10}
.alertbox2 .cbox .listbox .list{ width:90%; margin:0 auto; height:628px; overflow:hidden; position:relative}
.alertbox2 .cbox .listbox .list ul{ margin:0px; padding:0px; list-style:none}
.alertbox2 .cbox .listbox .list ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:628px; overflow:hidden;}
.alertbox2 .cbox .listbox .list ul li .pic{ width:100%; height:560px; overflow:hidden;}
.alertbox2 .cbox .listbox .list ul li .tit{ width:100%; height:auto; overflow:hidden; line-height:30px; margin-top:10px; text-align:center; font-size:14px}








/*项目展示*/
.projectlist2{ width:100%; height:auto; overflow:hidden; margin-top:20px;}
.projectlist2 ul{ margin:0px; padding:0px; list-style:none}
.projectlist2 ul li{ margin:10px 0px; padding:0px; list-style:none; width:100%; height:auto; overflow:hidden; float:left}
.projectlist2 ul li .box{ width:100%; height:auto; overflow:hidden; margin:0 auto;background:#FFF}
.projectlist2 ul li .pic{ width:50%; height:330px; overflow:hidden; float:left}
.projectlist2 ul li .pic .img{ width:100%; height:330px; overflow:hidden;transition: all 0.5s ease;} 
.projectlist2 ul li .wordbox{ width:50%; height:330px; box-sizing:border-box; float:left; padding:0 15px; background:url(../Images/slovebg1.png) right center no-repeat}
 
.projectlist2 ul li .tit{ width:100%; height:50px; line-height:50px; overflow:hidden; font-size:24px; font-weight:700; color:#343434; margin-top:10px;}
.projectlist2 ul li .word{ width:100%; height:180px; line-height:30px; overflow:hidden; font-size:14px;  color:#262626; margin-top:20px;}

.projectlist2 ul li:nth-child(2n) .pic{ float:right}
.projectlist2 ul li:nth-child(2n) .wordbox{ background:url(../Images/slovebg2.png) left center no-repeat; float:left}

.projectlist2 ul li:hover .box{ background:#fafffe}
.projectlist2 ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.projectlist2 ul li:hover .tit{ color:#00408a}


/*新闻*/
.newstopbox{ width:100%; height:auto; overflow:hidden; margin-top:25px;}
.newstopbox .slidebox{ width:49%; float:left; overflow:hidden; height:391px; position:relative}
.newstopbox .slidebox .list{ width:100%; height:391px; overflow:hidden;}
.newstopbox .slidebox .list ul{ margin:0px; padding:0px; list-style:none}
.newstopbox .slidebox .list ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:391px; overflow:hidden; position:relative}
.newstopbox .slidebox .list ul li .pic{ width:100%; height:391px; overflow:hidden;}
.newstopbox .slidebox .list ul li .cover{ position:absolute; left:0px; bottom:0px; background:url(../Images/covr1.png) repeat-x; height:99px;}

.newspage {position: absolute;left: 0;text-align: center; bottom:15px;width: 100%;}
.newspage .swiper-pagination-switch { display: inline-block;width: 10px;height: 10px; border-radius: 10px;background: #ffffff;margin: 0 3px;cursor: pointer;}
.newspage .swiper-active-switch {background: #00408a;}


.newstopbox .listbox{ width:49%; float:right; overflow:hidden;}
.newstopbox .listbox ul{ margin:0px; padding:0px; list-style:none}
.newstopbox .listbox ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:auto; overflow:hidden; border-bottom:1px solid #ededed; padding-bottom:23px;} 
.newstopbox .listbox ul li .tit{ width:100%; height:50px; line-height:50px; overflow:hidden; font-size:16px; font-weight:700; color:#262626}
.newstopbox .listbox ul li .word{ width:100%; height:50px; line-height:25px; overflow:hidden; font-size:14px;}
.newstopbox .listbox ul li:hover .tit{ color:#00408a}


.newslist{ width:100%; height:auto; overflow:hidden;}
.newslist ul{ margin:0px; padding:0px; list-style:none}
.newslist ul li{ margin:0; padding:0; list-style:none; width:100%; height:50px; line-height:50px; overflow:hidden; position:relative;  overflow:hidden; border-bottom:1px dashed #e1e1e1; font-size:14px; position:relative }
.newslist ul li p{height:50px; line-height:50px; position:absolute; top:0}
.newslist ul li p.t1{ left:0; width:75%; overflow:hidden; background:url(../Images/r2.png) left center no-repeat; text-indent:21px; font-size:16px}
.newslist ul li p.t2{ right:0; font-size:13px;}


/*新闻列表*/
.thenews{ width:100%; height:auto; overflow:hidden; margin-top:35px;}
.thenews ul{ margin:0px; padding:0px; list-style:none}
.thenews ul li{ margin:10px 0; padding:15px; list-style:none; width:100%; height:auto; overflow:hidden; position:relative;  border-top:1px dashed #ededed; background:#f6f6f6; box-sizing:border-box;transition: all 0.5s ease;}
.thenews ul li .tit{ width:100%; height:45px; line-height:45px; overflow:hidden; font-size:18px; color:#262626; font-weight:700}
.thenews ul li .word{ width:100%; height:50px; line-height:25px; overflow:hidden; font-size:13px;}
.thenews ul li .time{ width:100%; height:25px; line-height:25px; overflow:hidden; margin-top:10px; background:url(../Images/time.png) left center no-repeat; text-indent:25px; font-size:13px;}

.thenews ul li:hover{ background:#eff4f9}
.thenews ul li:hover .tit{ color:#00408a}

/*人才理念*/
.jobidea{ width:100%; height:auto; overflow:hidden;}
.jobidea ul{ margin:0px; padding:0px; list-style:none}
.jobidea ul li{ margin:0px; padding:0px; list-style:none; width:33.33%; float:left; overflow:hidden; box-sizing:border-box; padding:15px;}
.jobidea ul li .box{ width:100%; height:auto; overflow:hidden; overflow:hidden;box-shadow:0 0 9px 3px #f3f3f3; border-radius:15px; box-sizing:border-box; padding:10px; background:#FFF}
.jobidea ul li .pic{ width:100%; height:235px; overflow:hidden;}
.jobidea ul li .wordbox{ width:100%; height:138px; overflow:hidden;}
.jobidea ul li .wordbox .tit{ width:100%; height:50px; line-height:50px; overflow:hidden; text-align:center; font-size:24px; font-weight:700; color:#00408a; line-height:35px; margin-top:10px;}
.jobidea ul li .wordbox .word{ width:100%; height:auto; overflow:hidden; font-size:14px; line-height:200%; overflow:hidden;}




/*维权投诉*/
.countrylist{ width:100%; height:auto; overflow:hidden; margin-top:20px;}
.countrylist ul{ margin:0px; padding:0px; list-style:none}
.countrylist ul li{ margin:0px 0 15px 0; padding:0 0px 10px 0 ; list-style:none; width:100%; height:auto; overflow:hidden; border-bottom:1px dashed #e1e1e1}
.countrylist ul li .pic{ width:256px; float:left; overflow:hidden; height:177px; overflow:hidden; border-radius:5px}
.countrylist ul li .pic .img{ width:100%; height:177px; overflow:hidden;transition: all 0.5s ease;}
.countrylist ul li .wordbox{ width:648px; float:right; overflow:hidden;}
.countrylist ul li .wordbox .tit{ width:100%; height:40px; line-height:40px; font-size:18px; color:#262626; font-weight:700}
.countrylist ul li .wordbox .word{ width:100%; height:50px; line-height:25px; overflow:hidden; font-size:14px; color:#464646; margin-top:15px;}
.countrylist ul li .wordbox .more{ width:100%; height:auto; overflow:hidden; margin-top:10px; font-size:12px; color:#cf0000}

.countrylist ul li:hover .wordbox .tit{ color:#cf0000}
.countrylist ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}


/*国家地区展示*/
.countrypic{ width:100%; height:auto; overflow:hidden; text-align:center; line-height:200%; margin:10px 0}
.countrypic img{ max-width:100%; height:auto}
.countryshow{ width:100%; height:auto; overflow:hidden; margin-top:10px;}
.countryshow .titbox{ width:100%; height:50px; background:#f3f3f3; overflow:hidden; position:relative}
.countryshow .titbox p{ display: block; height:50px; line-height:50px;}
.countryshow .titbox p.t1{ float:left; font-size:16px; font-weight:70; color:#a26432; text-indent:16px;}
.countryshow .titbox p.t2{ float:right; background:url(../Images/d1.png) right center no-repeat; font-size:14px; padding-right:20px; margin-right:20px; cursor:pointer}
.countryshow .titbox p.t3{ float:right; background:url(../Images/u1.png) right center no-repeat; font-size:14px; padding-right:20px; margin-right:20px; display:none;cursor:pointer; color:#FFF}
.countryshow .wordbox{ width:100%; height:60px; overflow:hidden; line-height:30px; font-size:14px; margin:10px 0}

.countryshowon .titbox{ background:#a26432}
.countryshowon .titbox p.t1{ color:#FFF}
.countryshowon .titbox p.t2{  display:none}
.countryshowon .titbox p.t3{ display:block}
.countryshowon .wordbox{ height:auto}










.schoolList{ width:100%; height:auto; overflow:hidden;}
.schoolList ul{ margin:0px; padding:0px; list-style:none}
.schoolList ul li{ margin:10px 0; padding:0px; list-style:none; width:25%; height:auto; float:left; overflow:hidden;}
.schoolList ul li .box{ width:96%; height:auto; overflow:hidden; margin:0 auto;}
.schoolList ul li .pic{ width:100%; height:203px; overflow:hidden}
.schoolList ul li .pic .img{ width:100%; height:203px; overflow:hidden;transition: all 0.5s ease;}
.schoolList ul li .tit{ width:100%; height:46px; line-height:46px; overflow:hidden; text-align:center; font-size:18px; font-weight:700; color:#000000}
.schoolList ul li .tit2{ width:100%; height:30px; line-height:30px; overflow:hidden; text-align:center; font-size:14px; color:#000000 }

.schoolList ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}

/*学院校排名*/
.pmlist{ width:100%; height:auto; overflow:hidden; margin-top:20px;}
.pmlist .list{ width:100%; height:auto; overflow:hidden;}
.pmlist ul{ margin:0px; padding:0px; list-style:none}
.pmlist ul li{ margin:0px; padding:0px; list-style:none; height:118px; overflow:hidden; position:relative}
.pmlist ul li p{ display:block;height:118px; overflow:hidden; position:relative; float:left} 
.pmlist ul li p.t1{ width:9%; line-height:118px; text-align:center; color:#242424; font-size:18px;}
.pmlist ul li p.t2{ width:11%;line-height:118px; text-align:center; color:#242424; font-size:18px;}
.pmlist ul li p.t3{ width:31%;}
.pmlist ul li p.t3 .pic{ width:79px; height:79px; position:absolute; left:0px; top:19px;}
.pmlist ul li p.t3 .m1{ position:absolute; left:98px; top:32px; font-size:18px; font-weight:700; color:#242424}
.pmlist ul li p.t3 .m2{ position:absolute; left:98px; top:63px; font-size:15px;  color:#242424}
.pmlist ul li p.t4{ width:17%;line-height:118px; text-align:center; color:#242424; font-size:14px;}
.pmlist ul li p.t5{ width:20%;}
.pmlist ul li p.t5 span{ display:block; width:100%; font-size:14px; text-align:center}
.pmlist ul li p.t5 span.m1{ margin-top:25px;}
.pmlist ul li p.t5 span.m2{ margin-top:5px;}
.pmlist ul li p.t6{ width:12%;line-height:118px; text-align:center; color:#242424; font-size:14px;}

.pmlist ul li.tit{ height:60px; background:#a26432; color:#FFF; font-size:16px; line-height:60px; text-align:center}
.pmlist ul li.tit p{ height:60px; line-height:60px;}
.pmlist ul li.tit p.t1{ line-height:60px; color:#FFF;font-size:16px;}
.pmlist ul li.tit p.t2{ line-height:60px; color:#FFF;font-size:16px;}
.pmlist ul li.tit p.t4{ line-height:60px; color:#FFF;font-size:16px;}
.pmlist ul li.tit p.t6{ line-height:60px; color:#FFF;font-size:16px;}

.pmlist ul li.even{ background:#f3f3f3}



/*新闻*/
.nplist{ width:100%; height:auto; overflow:hidden; margin:0 auto; clear:both}
.nplist ul{ margin:0px; padding:0px; list-style:none}
.nplist ul li{ margin:20px 0 0 0px; padding:0 0 0px 0; overflow:hidden; list-style:none; width:33.33%; height:auto; float:left}
.nplist ul li .box{ width:96%; margin:0 auto; overflow:hidden; }

.nplist ul li .pic{ width:100%; height:262px;overflow:hidden; position:relative}
.nplist ul li .pic .img{ width:100%; height:262px;transition: all 0.5s ease;}
.nplist ul li .tit{ width:100%; height:55px; line-height:55px; overflow:hidden; font-size:18px; font-weight:700; color:#242424}
.nplist ul li .word{ width:100%; height:54px; line-height:27px; overflow:hidden; font-size:14px;}
.nplist ul li .time{ width:100%; height:35px; line-height:35px; overflow:hidden; font-size:12px; margin-top:10px;}


.nplist ul li:hover .tit{ color:#a26432}
.nplist ul li:hover .word{ color:#a26432}
.nplist ul li:hover .time{ color:#a26432}
.nplist ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}









/*环保设备*/
.machine{ width:100%; height:auto; overflow:hidden;}
.machine ul{ margin:0px; padding:0px; list-style:none}
.machine ul li{ margin:15px 0 0 0; padding:0px; list-style:none; width:25%; float:left; overflow:hidden;}
.machine ul li .box{ width:96%; margin:0 auto; overflow:hidden; background:#ffffff;transition: all 0.5s ease;border:1px solid #efefef;transition: all 0.5s ease;}
.machine ul li .pic{ width:100%; height:268px;  overflow:hidden; position:relative}
.machine ul li .pic .img{ width:100%; height:268px; overflow:hidden;transition: all 0.5s ease;}
.machine ul li .pic .cover{ width:100%; height:268px; background:url(../Images/cover2.png) center center no-repeat; background-size:cover; clear:none; position:absolute; left:0px; top:0px; display:none}
.machine ul li .wordbox{ width:96%; margin:0 auto;}
.machine ul li .wordbox .tit{ width:100%; height:57px; line-height:57px; font-size:16px; text-align:center; background: url(../Images/line1.jpg) bottom center no-repeat; overflow:hidden;}
.machine ul li .wordbox .tit2{ width:100%; height:36px; line-height:36px; overflow:hidden; text-align:center}

.machine ul li:hover .box{ background:#a7d006}
.machine ul li:hover .pic .cover{ display:block}
.machine ul li:hover .wordbox .tit{ background:url(../Images/line2.jpg) bottom center no-repeat; color:#FFF}
.machine ul li:hover .wordbox .tit2{ color:#FFF}
.machine ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}







/*材料展示*/
.piclist{ width:100%; height:auto; overflow:hidden;}
.piclist ul{ margin:0px; padding:0px; list-style:none}
.piclist ul li{ margin:20px 0 0 0; padding:0px; list-style:none; width:25%; height:auto; overflow:hidden; float:left}
.piclist ul li .box{ width:96%; margin:0 auto; overflow:hidden;}
.piclist ul li .pic{ width:100%; height:312px; overflow:hidden; position:relative}
.piclist ul li .pic .img{ width:100%; height:312px; overflow:hidden;transition: all 0.5s ease;}

.piclist ul li .tit{ width:100%; height:60px; overflow:hidden; line-height:60px; font-size:14px; text-align:center}
.piclist ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.piclist ul li:hover .tit{ background:#ececec; color:#f16005;}










/*相册幻灯*/
.schoolSlide{ width:100%; height:600px; overflow:hidden; margin:0 auto; margin-top:20px; position:relative}
.schoolSlide .list{ width:100%; height:456px; overflow:hidden;}
.schoolSlide .list ul{ margin:0px; padding:0px; list-style:none}
.schoolSlide .list ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:456px; float:left; overflow:hidden; float:left; position:relative}
.schoolSlide .list ul li p{ display:block; width:100%; height:40px; line-height:40px; text-indent:15px; color:#FFF; overflow:hidden; background:url(../Images/cover3.png) repeat; left:0px; bottom:0px; position:absolute}
.schoolSlide .leftarr{ width:30px; height:45px; background:url(../Images/left1.png) no-repeat; position:absolute; left:28px; top:197px; cursor:pointer; z-index:100; }
.schoolSlide .rightarr{ width:30px; height:45px;background:url(../Images/right1.png) no-repeat; position:absolute; right:28px; top:197px;cursor:pointer; z-index:100; }
.schoolSlide .minbox{ width:100%; height:111px; overflow:hidden; margin-top:24px; position:relative}
.schoolSlide .minbox .left1{ position:absolute; left:0px; top:25px; width:20px; height:33px; background:url(../Images/minleft.jpg) no-repeat;cursor:pointer}
.schoolSlide .minbox .right1{position:absolute; right:0px; top:25px;width:20px; height:33px; background:url(../Images/minright.jpg) no-repeat;cursor:pointer}
.schoolSlide .minbox .mlist{ width:92%; margin:0 auto; overflow:hidden; }
.schoolSlide .minbox .mlist ul{ margin:0px; padding:0px; list-style:none}
.schoolSlide .minbox .mlist ul li{ margin:0px; padding:0px; list-style:none; width:191px; height:111px; overflow:hidden; float:left}
.schoolSlide .minbox .mlist ul li .img{ width:90%; height:111px; overflow:hidden;}
.schoolSlide .minbox .mlist ul li .img .cover{ width:100%; height:111px; background:url(../Images/cover3.png) repeat; overflow:hidden; display:none}
.schoolSlide .minbox .mlist ul li .img .cover p{ display:block; width:100%; text-align:center; color:#FFF; font-size:14px}
.schoolSlide .minbox .mlist ul li .img .cover p.t1{ margin-top:33px;}
.schoolSlide .minbox .mlist ul li.active-nav .img{ border:1px solid #0882d5}
.schoolSlide .minbox .mlist ul li.active-nav .img .cover{ display:block}



/*推荐新闻*/
.goodbox{ width:100%; height:auto; overflow:hidden; background:#f4f4f4; padding:25px 0;}
.goodbox .centerbox{ width:100%; height:auto; overflow:hidden; min-width:320px; max-width:1360px; margin:0 auto}
.goodbox .centerin{ width:100%; height:auto; overflow:hidden;}
.goodbox .list{ width:100%; height:auto; overflow:hidden;}
.goodbox .list ul{ margin:0px; padding:0px; list-style:none}
.goodbox .list ul li{ margin:0px; padding:0px; list-style:none; width:33.33%; float:left; overflow:hidden;}
.goodbox .list ul li .box{ width:96%; margin:0 auto; overflow:hidden;}
.goodbox .list ul li .pic{ width:100%; height:270px; overflow:hidden;}
.goodbox .list ul li .pic .img{ width:100%;  height:270px;transition: all 0.5s ease;}

.goodbox .list ul li .wordbox{ width:100%;box-sizing:border-box; padding:0 0px 0 0}
.goodbox .list ul li .wordbox .tit{ width:100%; height:50px; line-height:25px; font-size:18px; color:#262626; overflow:hidden; margin-top:10px; font-weight:700}
.goodbox .list ul li .wordbox .word{ width:100%; height:50px; line-height:25px; overflow:hidden; margin-top:10px; font-size:14px; color:#676767;}
.goodbox .list ul li .wordbox .time{ width:100%; height:50px; line-height:50px; font-size:14px; color:#333333; overflow:hidden;;}


.goodbox .list ul li:hover .wordbox .tit{ color:#0097d3}
.goodbox .list ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}
/*新闻*/
.listnews{ width:100%; height:auto; overflow:hidden;}
.listnews ul{ margin:0px; padding:0px; list-style:none}
.listnews ul li{ margin:20px 0 0 0; padding:0px 0 15px 0; list-style:none; width:100%; height:auto; overflow:hidden; border-bottom:1px solid #eeeeee;}

.listnews ul li .pic{ width:25%; float:right; overflow:hidden; height:220px;; overflow:hidden;} 
.listnews ul li .pic .img{ width:100%;  height:220px;transition: all 0.5s ease;}
.listnews ul li .wordbox{ width:75%; float:left; box-sizing:border-box; padding:0 15px 0 0}
.listnews ul li .wordbox .time{ width:100%; height:50px; line-height:50px; font-size:14px; color:#333333; overflow:hidden; background:url(../Images/hnewsline.jpg) left bottom no-repeat;}

.listnews ul li .wordbox .tit{ width:100%; height:50px; line-height:50px; font-size:18px; color:#262626; overflow:hidden; margin-top:5px; font-weight:700}
.listnews ul li .wordbox .word{ width:100%; height:50px; line-height:25px; overflow:hidden; margin-top:10px; font-size:14px; color:#676767;}


.listnews ul li:hover .wordbox .tit{ color:#1374c3;}
.listnews ul li:hover .wordbox .word{color:#1374c3;}

.listnews ul li.havepic:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}

/*实验室展示*/
.laboratory{ width:100%; height:auto; overflow:hidden;}
.laboratory .biglist{ width:100%; height:580px; overflow:hidden;}
.laboratory .biglist ul{ margin:0px; padding:0px; list-style:none}
.laboratory .biglist ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:580px; overflow:hidden; float:left}
.laboratory .biglist ul li .pic{ width:100%; height:580px;}

.laboratory .smallbox{ width:100%; height:127px; overflow:hidden; position:relative}
.laboratory .smallbox .leftarr{ position:absolute; left:0; top:50%; width:48px; height:48px; background:url(../Images/left3.jpg) no-repeat; margin-top:-20px; z-index:1; cursor:pointer}
.laboratory .smallbox .rightarr{position:absolute; right:0; top:50%; width:48px; height:48px; background:url(../Images/right3.jpg) no-repeat; margin-top:-20px; z-index:1; cursor:pointer}

.laboratory .smalllist{ width:90%; height:580px; overflow:hidden; margin:0 auto; margin-top:20px;}
.laboratory .smalllist ul{ margin:0px; padding:0px; list-style:none}
.laboratory .smalllist ul li{ margin:0px; padding:0px; list-style:none; width:260px; height:127px; overflow:hidden; float:left}
.laboratory .smalllist ul li .pic{ width:90%; height:127px; overflow:hidden; margin:0 auto;}

.laboratory .smalllist ul li.active-nav .pic{ border:1px solid #0097d3} 

/*服务*/
.servicelist{ width:100%; height:auto; overflow:hidden; clear:both; padding:15px 0}
.servicelist ul{ margin:0px; padding:0px; list-style:none}
.servicelist ul li{ margin:15px 0 0 0 ; padding:0px; list-style:none; width:33.33%; float:left; overflow:hidden; height:auto;-webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -ms-transition-duration:0.5s;transition-duration:0.5s;}
.servicelist ul li .box{ width:96%; margin:0 auto; overflow:hidden; border:1px solid #ebebeb;}
.servicelist ul li .pic{ width:100%; height:194px; overflow:hidden;}
.servicelist ul li .pic .img{ width:100%; height:194px; overflow:hidden;transition: all 0.5s ease;}
.servicelist ul li .tit{ width:92%; margin:0 auto; height:50px; line-height:50px; font-size:14px; color:#000; overflow:hidden;}
.servicelist ul li .word{ width:92%; margin:0 auto; height:50px; line-height:25px; overflow:hidden; border-bottom:1px dashed #CCCCCC; margin-top:10px; }
.servicelist ul li .more{ width:92%; margin:0 auto; height:41px; line-height:41px; overflow:hidden;}
.servicelist ul li .more p{ display:block; height:41px; line-height:41px;}
.servicelist ul li .more p.t1{float:left;}
.servicelist ul li .more p.t2{float:right; color:#e5222a;}

.servicelist ul li:hover .tit{ color:#e5222a;}
.servicelist ul li:hover .box{ border:1px solid #e5222a;}
.servicelist ul li:hover .pic .img{  -webkit-transform: scale(1.1); transform: scale(1.1);}

/*留言*/
.msgbox{ width:100%; height:auto; overflow:hidden; background:#FFF; padding:25px 0; margin-bottom:20px;}
.msgbox .box{ width:92%; margin:0 auto; overflow:hidden;}
.msgbox .tit{ width:100%; height:40px; line-height:40px; overflow:hidden; font-size:16px;}
.msgbox .list{ width:100%; height:auto; overflow:hidden;}
.msgbox .list ul{ margin:0px; padding:0px; list-style:none}
.msgbox .list ul li{ margin:10px 0 0 0; padding:0px; list-style:none; width:33.33%; height:36px; line-height:36px; float:left; overflow:hidden;}
.msgbox .list ul li .input1{ width:92%; height:36px; border:1px solid #CCC; text-indent:11px; line-height:36px; background:#FFF}
.msgbox .list ul li select{ width:92%; height:36px; border:1px solid #CCC; line-height:36px; background:#FFF}
.msgbox .list ul li .btnme{ width:128px; height:40px; line-height:40px; color:#FFF; border:0px; background:#00a3cc; font-size:14px}



.allbox{ width:100%; height:auto; overflow:hidden; background:#FFF; padding:20px 0;}








/*师资力量*/
.teacherlist{ width:100%; height:auto; overflow:hidden;}
.teacherlist ul{ margin:0px; padding:0px; list-style:none}
.teacherlist ul li{ margin:0px; padding:0px; list-style:none; width:33.33%; float:left}
.teacherlist ul li .box{ width:96%; margin:0 auto; overflow:hidden;}
.teacherlist ul li .pic{ width:100%; height:182px; border:1px solid #CCC; overflow:hidden;}
.teacherlist ul li .pic .img{width:100%; height:182px; transition: all 0.5s ease;}
.teacherlist ul li .tit{ width:100%; height:50px; line-height:50px; overflow:hidden; font-size:14px; text-align:center}

.teacherlist ul li:hover .pic .img{-webkit-transform: scale(1.1);transform: scale(1.1);}








/*关于我们*/
.aboutbox{ width:100%; background:url(../Images/aboutbg.jpg) top right  no-repeat; overflow:hidden; min-height:400px; margin-top:35px; font-size:14px;}
.aboutbox .box{ width:50%; overflow:hidden; line-height:200%;}
.aboutpic{ width:100%; height:auto; overflow:hidden;}
.aboutpic ul{ margin:0px; padding:0px; list-style:none}
.aboutpic ul li{ margin:0px; padding:0px; list-style:none; width:50%; float:left; overflow:hidden;}
.aboutpic ul li img{ width:96%; margin:0 auto; overflow:hidden;}
 





.box2{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.showus{ width:100%; line-height:200%;  margin:0 auto; margin-top:20px; font-size:14px}
.showus table{width:100%;border-collapse:collapse;}
.showus tr.tit{ background:#0172c4; color:#FFF;}
.showus tr.even{ background:#eff4f8}
.showus td{border:1px solid #e1e1e1;line-height:48px; font-size:14px;}
.showus td em{color:#999;margin-left:5px; font-style:normal;}
.showus img{ max-width:100%; height:auto}



.ertitle{ width:100%; height:auto; overflow:hidden;}
.ertitle { float:left; height:67px; line-height:67px; overflow:hidden; font-size:24px; font-weight:bold; color:#4b4b4b;}
.ertitle  span{ font-weight:normal; color:#7f7f7f; font-size:12px}








/*推荐的新闻*/
.goodnews{ width:100%; height:auto; overflow:hidden;}
.goodnews ul{ margin:0px; padding:0px; list-style:none}
.goodnews ul li{ margin:0px; padding:0px; list-style:none; width:50%; float:left; height:185px;}
.goodnews ul li .box{ width:90%; height:185px; overflow:hidden;}
.goodnews ul li .tit{ width:100%; height:47px; line-height:47px; font-size:16px; overflow:hidden; color:#3f9d15; font-weight:bold;}
.goodnews ul li .word{ width:100%; height:75px; line-height:25px; overflow:hidden; color:#787878; }
.goodnews ul li .time{ width:100%; margin-top:20px; height:45px; line-height:45px; overflow:hidden; color:#3f9d15;}






/*产品详细页*/
.protit{ width:100%; height:50px; line-height:50px; border-bottom:1px solid #eaeaea; text-align:center}
.protit em{ font-style:normal; font-size:16px; height:48px; line-height:48px; border-bottom:2px solid #faa93e; color:#0976cb; padding:15px 0}
.showpic{ width:100%; text-align:center; padding:25px 0}
.showpic img{ max-width:100%;}

.pronav{ width:100%; height:auto; overflow:hidden; border:1px solid #d4d4d4; padding-bottom:-1px;}
.pronav ul{ margin:0px; padding:0px; list-style:none}
.pronav ul li{ margin:0px; padding:0px; list-style:none; width:14.28%; height:43px; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd;  float:left; line-height:43px; overflow:hidden; font-size:14px; text-align:center; cursor:pointer}

.pronav ul li.onfocus { background:#f59b0f; color:#FFF}

.productarea{ width:100%; height:auto; overflow:hidden; clear:both; padding:15px 0 ;}

/*安装服务*/
.installform{ width:100%; height:auto; overflow:hidden;}
.installform ul{ margin:0px; padding:0px; list-style:none}
.installform ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:auto; overflow:hidden;}
.installform ul li .tit{ width:100%; height:40px; line-height:40px; overflow:hidden; color:#252525; font-size:14px;}
.installform ul li .tit span{ color:#fe2422}
.installform ul li .word{ width:100%; height:auto; overflow:hidden;}
.installform ul li .word2{ width:100%; height:42px; overflow:hidden; position:relative}
.installform ul li .word2 .scan{ width:26px; height:26px; background:url(../Images/sacn.png) no-repeat; position:absolute; right:12px; top:7px; background-size:100% 100%;}

.installform ul li  select{ width:100%; height:40px; line-height:40px; overflow:hidden; border:1px solid #dcdeea;text-indent:15px;}
.installform ul li .input1{width:100%; height:40px; line-height:40px; overflow:hidden; border:1px solid #dcdeea; text-indent:15px;}
.installform ul li  textarea{width:100%; height:165px; line-height:35px; overflow:hidden; border:1px solid #dcdeea; padding:10px; box-sizing:border-box}

.installform ul li .word .btnme{ width:236px; height:50px; line-height:50px; margin:0 auto; display:block; border:0px; color:#FFF; font-size:14px; text-align:center; border-radius:35px; background:#0093e7; margin-top:15px;}