@charset "utf-8";


.none{
    display:none !important;
}
/*-----------------------------------------------------iheader-----------------------------------------------------*/
.iheader {width:100%; height:90px;  position:absolute; z-index:99; }
.iheader .logo { margin:20px 0 0 0; }
.iheader .nav ul { text-align:center;}
.iheader .nav ul li { float:left; line-height:90px; }
.iheader .nav ul li a { color:#fff; font-size:18px; margin-left:60px;}
.iheader .nav ul li a:hover { border-bottom:1px solid;}

/*-----------------------------------------------------banner-----------------------------------------------------*/
.ibanner { width: 100%; min-height:600px;}
.swiper-container { width: 100%;height:100%; }
.swiper-slide {background-position: center; background-size: cover; }
.ibanner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom:20px!important;}
.ibanner .swiper-pagination-bullet {width:10px!important; height:10px!important;   opacity:1!important; }
.ibanner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {background:none; border:1px solid #fff; margin: 0 8px!important;}
.ibanner .swiper-pagination-white .swiper-pagination-bullet-active {background:#fff!important;}

.pic {width:100%; position:relative; z-index:1; color:#fff;}
.ibg img {width:100%;}
.ti {  font-size:48px; margin-bottom:20px;   }
.ibanner .txt p {  font-size:20px;  }
.ibtn { margin-top:20px;}
.ibtn a {  font-size:20px; color:#fff; display:inline-block;}
.ibtn a:hover { border-bottom:1px solid;}
.ibtn  span { margin-left:10px; font-size:20px; }
.wrap1 {width:1200px; position:absolute; left:50%; margin-left:-600px; top:36%; z-index:9;}
.wrap2 {width:1200px; position:absolute; left:50%; margin-left:-600px; top:62%; padding-left:780px; z-index:9;}
.wrap3 {width:1200px; position:absolute; left:50%; margin-left:-600px;  z-index:9;}

.imghis {width:1200px; position:absolute; left:50%; margin-left:-600px; }
.imghis h1 {  font-size:24px; line-height:180%;}
.imghis p { font-size:18px; }
.imghis img {margin-top:20px; }
/*.imghis img:hover{ -webkit-animation: spinAround 10s linear infinite;  animation: spinAround 10s linear infinite; }*/
.imghis1 { bottom:26%;}
.imghis2 { padding-left:300px; bottom:40%;}
.imghis3 { padding-left:620px; bottom:50%;}
.imghis4 { padding-left:980px; bottom:46%;}
.wrap3 img {width:100%; padding-left:0%; padding-top:6%;}
.wrap3 p{text-align: center;font-size: 24px;color: #333;top: 90%;z-index: 999;position: absolute;left: 43%;}
.wrap3 p a{font-size:18px;color:#333;}

@media (max-width: 1600px)
{
	.imghis img {width:140px;}
	.imghis1 {  bottom:10%; }
	.imghis2 { bottom:36%;}
	.imghis3 { bottom:48%;}
	.imghis4 { bottom:42%;}
	.ti {font-size:42px;}
	.txt p { font-size:18px;}
	.ibtn a { font-size:18px;}
	.wrap3  img {width:86% ; padding-left:12%; padding-top:4%;}
	.wrap3 p {top: 86% !important;}
}

@media (max-width: 1440px)
{
	.wrap3  img {width:76% ; padding-left:12%; padding-top:4%;}
	.wrap3 p {top: 86% !important;}
}

@media (max-width: 1366px)
{
    .wrap3  img {width:72% ; padding-left:14%; padding-top:4%;}
	.wrap3 p {top: 86% !important;}
}

/*-----------------------------------------------------footer-----------------------------------------------------*/
.footer-info { padding:30px 0;}
.fnav  {width:720px; }
.fnav ul { float:left; width:20%; }
.fnav ul  li { line-height:200%; font-size:14px; }
.fnav ul  li a { color:#666; }
.fnav ul  li a:hover { color:#333; border-bottom:1px solid;}
.fnav ul  li a span { color:#333; font-size:16px; display:inline-block; margin-bottom:10px;}
.add-t  { color:#333; }
.add-t i { font-style:normal; font-size:22px; padding-left:10px; font-family:Arial; }
.add-b { padding-top:12px;}
.add-b { line-height:200%;}
.footer-btm { height:24px; border-top:1px solid #ddd; padding:10px 0; color:#999;   }
.footer-btm .fl a { color:#999;}
.footer-btm .fl a:hover { color:#666; border-bottom:1px solid; }
.footer-btm ul li {float:left; margin-left:10px;} 
.footer-btm ul li a { opacity:.5;}
.footer-btm ul li a:hover { opacity:1;}
#about .footer { background:#f2f2f2;}


/*-----------------------------------------------------header-----------------------------------------------------*/
.header {width:100%; height:90px;  position:fixed; z-index:99;  background:#fff;}
.header .logo { margin:20px 0 0 0; }
.header .nav ul { text-align:center;}
.header .nav ul li a:hover { border-bottom:1px solid;}
.header .nav ul li { float:left; line-height:90px; }
.header .nav ul li a { color:#333; font-size:18px; margin-left:60px;}

.hpro {width:100%; height:60px; top:90px;  position:fixed; z-index:99; background:rgba(242,242,242,.8);}
.hpro .fl ul li { float:left; line-height:60px; }
.hpro .fl ul li a { color:#333; font-size:16px; font-weight:bold; margin-right:30px; }
.hpro .fr {line-height:60px;}
.hpro .fr a.de { color:#666; margin-right:30px;}
.hpro .fr a.de:hover { color:#333;}
.hpro .fr a.ibuy { width:80px; height:28px; display:inline-block;  text-align:center; color:#fff; line-height:28px; border-radius:4px; 
background-image: -moz-linear-gradient(top, #40a0eb, #0776ce); /* Firefox */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #40a0eb), color-stop(1, #0776ce)); /* Saf4+, Chrome */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40a0eb', endColorstr='#0776ce', GradientType='0'); /* IE*/
border:1px solid #0076cd;
}

.content {padding-top:150px;}

/*-----------------------------------------------------about-----------------------------------------------------*/
.abo {padding:100px 0;  text-align:center;}
.abo h1 {   font-size:46px; color:#111; padding-bottom:30px;}
.abo .txt p  { font-size:18px; line-height:200%;}
.cbtn  { padding-top:30px;}
.cbtn ul { width:100%;}
.cbtn ul li { display:inline; margin:0 20px; }
.cbtn ul li a ,.cbtn ul li span  { color:#005bac; font-size:18px;  }
.cbtn ul li span {padding-left:10px;}
.cbtn ul li a:hover {  border-bottom:2px solid;}
.abo h1 , .abo .txt , .abo .cbtn { opacity:0 }
.rmcontent { padding:2%;}
.rmcontent p  { font-size:16px; line-height:200%;}

/*-----------------------------------------------------news-----------------------------------------------------*/
.news { padding:100px 0;  text-align:center; background:#f2f2f2;}
.news h1 {   font-size:46px; color:#111; padding-bottom:40px;}
.newslist { height:360px; margin:0 auto; position:relative; overflow:hidden;}
.newslist a span { display:inline-block; width:100%; text-align:left; font-size:18px; color:#333; padding:16px 0; border-bottom: 1px solid #ddd; }
.newslist a:hover span  { color:#111;  border-bottom: 1px solid #999;}
.newslist .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom:0px!important;}
.newslist .swiper-pagination-bullet {width:10px!important; height:10px!important;   opacity:1!important; }
.newslist .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {background:#ddd;  margin: 0 8px!important;}
.newslist .swiper-pagination-bullet-active {background:#666!important;}
.news h1, .news .newslist {opacity:0}

/*-----------------------------------------------------hr-----------------------------------------------------*/
.hr {padding:100px 0;  text-align:center;}
.hr h1 {   font-size:46px; color:#111; padding-bottom:40px;}
.hrlist ul { text-align:center;}
.hrlist ul li  { height:50px;}
.hrlist ul li p { width:200px; float:left; font-size:16px;  line-height:50px;}
.hrlist ul li:first-child { background:#666!important; color:#fff; height:60px;}
.hrlist ul li:first-child p { line-height:60px!important; font-size:18px;}
.hrlist ul li p a { color:#005bac;display:block;height:50px;line-height:50px;}
.hrlist ul li p a:hover span{ border-bottom:1px solid;}
.hr h1, .hr .hrlist {opacity:0}


/*-----------------------------------------------------network-----------------------------------------------------*/
.network {padding:100px 0;  text-align:center;}
.network h1 {   font-size:46px; color:#111; padding-bottom:30px;}
.cmap-box {width:860px;  border-right:2px solid #ddd; position:relative;}
.cmap-info {width:338px; position:relative; }
.search {width:300px;position:relative; float:right; margin-top:60px; }
.search-txt { width:276px; height:42px; border:2px solid #ddd; border-radius:4px; color:#999; font-size:16px;  padding:0 10px; }
.btn-search { position:absolute; right:16px; top:10px;}
.btn-search .icon-search { font-size:22px; color:#666; }
.ico-cmap { position:absolute; right:-2px; top:180px;}
.cmap { width: 810px; height: 680px; background: url(../images/cmap_bg.jpg)  no-repeat;  position: relative; margin-top:30px; }
.cmap li .c1 { position: absolute; font-size: 12px; color: #333333; text-align: center; cursor:pointer;}
.conn { width: 300px; position: absolute;  z-index: 9; right:0; top:100px;  }
.conn ul { text-align:left;}
.conn ul li { margin-bottom:20px;}
.conn ul li h2 { font-size:20px; font-weight:bold; color:#333; line-height:300%;}
.conn ul li h2 span { font-size:24px; color:#ddd; padding-right:10px;}
.conn ul li p { line-height:200%; font-size:16px;}
.cmap .con1 .c1 { top: 355px; left: 490px; }
.cmap .con2 .c1 { top: 360px; left: 565px; }
.cmap .con3 .c1 { top: 420px; left: 530px; }
.cmap .con4 .c1 { top: 485px; left: 530px; }
.cmap .con5 .c1 { top: 485px; left: 600px; }
.cmap .con6 .c1 { top: 578px;
    left: 572px; }
.cmap .con7 .c1 { top: 415px; left: 685px; }
.cmap .con8 .c1 { top: 375px; left: 655px; }
.cmap .con9 .c1 { top: 320px; left: 610px; }
.cmap .con10 .c1 { top: 225px; left: 675px; }
.cmap .con11 .c1 { top: 175px; left: 695px; }
.cmap .con12 .c1 { top: 115px; left: 720px; }
.cmap .con13 .c1 { top: 255px; left: 590px; }
.cmap .con14 .c1 { top: 220px; left: 150px; }
.cmap .con15 .c1 { top: 235px; left: 500px; }
.cmap .con16 .c1 { top: 390px; left: 150px; }
.cmap .con17 .c1 { top: 340px; left: 290px; }
.cmap .con18 .c1 { top: 345px; left: 410px; }
.cmap .con19 .c1 { top: 320px; left: 441px; }
.cmap .con20 .c1 { top: 320px; left: 530px; }
.cmap .con21 .c1 { top: 295px; left: 575px; }
.cmap .con22 .c1 { top: 270px; left: 605px; }
.cmap .con23 .c1 { top: 405px; left: 615px; }
.cmap .con24 .c1 { top: 455px; left: 665px; }
.cmap .con25 .c1 { top: 515px; left: 640px; }
.cmap .con26 .c1 { top: 570px; left: 490px; }
.cmap .con27 .c1 { top: 515px; left: 460px; }
.cmap .con28 .c1 { top: 455px; left: 470px; }
.cmap .con29 .c1 { top: 440px; left: 380px; }
.cmap .con30 .c1 { top: 555px; left: 370px; }
.network h1, .network .cmap-box,  .network .cmap-info {opacity:0}

 
/*-----------------------------------------------------join-----------------------------------------------------*/
.join { padding:100px 0;  text-align:center; background:#f2f2f2;}
.join h1 {   font-size:46px; color:#111; padding-bottom:40px;}
.join .txt p  { font-size:18px; line-height:200%;}
.joininfo { padding-top:40px;}
.joininfo ul li  { margin-bottom:20px;}
.joininfo ul li em { font-style:normal; margin-right:10px; color:#ff4444; font-size:16px;}
.joininfo ul li span { font-weight:bold; font-size:18px; color:#333; padding-right:20px; }
.joininfo ul li input { width:300px; height:42px; border:2px solid #ddd; border-radius:4px; padding:0 10px; color:#999; font-size:16px; }
.joinsubmit {width:320px; height:42px; display:inline-block;  text-align:center; color:#fff; line-height:42px; border-radius:4px;  font-size:20px; margin-left:72px; margin-top:10px;
background-image: -moz-linear-gradient(top, #40a0eb, #0776ce); /* Firefox */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #40a0eb), color-stop(1, #0776ce)); /* Saf4+, Chrome */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40a0eb', endColorstr='#0776ce', GradientType='0'); /* IE*/
border:1px solid #0076cd;}
.join h1, .join .txt, .join .cbtn, .join .joininfo {opacity:0}



/*-----------------------------------------------------support-----------------------------------------------------*/
.sup {padding:100px 0;  text-align:center;}
.sup h1 {   font-size:46px; color:#111; padding-bottom:10px;}
.sup .txt p  {font-size:20px; color:#333;}
.sup .serico { padding-top:90px;}
.sup .serico ul { text-align:center; }
.sup .serico ul li { display:inline-block; width:24%; }
.sup .serico ul li  p { font-size:16px; padding-top:30px; }
.sup h1, .sup .txt , .sup .serico {opacity:0}

/*-----------------------------------------------------bk-----------------------------------------------------*/
.bk { padding:100px 0;  text-align:center; background:#f2f2f2;}
.bk h1 {   font-size:46px; color:#111; padding-bottom:40px;}
.sideMenu{  text-align:left;  }
    .sideMenu h3 {
        /*height: 50px;*/
        line-height: 30px;
        background: #fff;
        cursor: pointer;
        font-size: 18px;
        color: #666666;
        padding: 0 20px;
        margin-top: 20px;
        border: solid 1px #999999;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }
.sideMenu h3 em{ float:right; display:block; width:14px; height:14px; margin-top:18px;  background:url(../images/icoplus.png);   }
        .sideMenu h3.on {
            background: #fff;
            color: #666666;
            font-weight: bold;
        }
.sideMenu h3.on em{ background:url(../images/icominus.png); }
    .sideMenu .menu > div {
        padding: 20px;
        color: #666;
        display: none;
        background: #f5f5f5;
        margin-bottom: 20px;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
    }
    .sideMenu div p {
        word-break: break-all;
        font-size: 16px;
        line-height: 200%;
        margin: 5px 0;
    }
.bk h1, .sideMenu {opacity:0}

/*-----------------------------------------------------product-----------------------------------------------------*/
.pro { padding:100px 0;  text-align:center; }
.pro h1 {   font-size:50px; color:#111; padding-bottom:10px;}
.pro .txt p  {font-size:20px; color:#333;}
.prolr { position:absolute; top:240px;}
.prol {left:280px;}
.pror {right:280px;}
.pro360 {padding-top:100px;}


.box-bg {text-align:center; position:relative; background:#fff;}
.box-bg .po {width:100%; position:absolute; top:65px; z-index:9;}
.box-bg h1 {   font-size:50px; color:#111; padding-bottom:10px; }
.box-bg p  { text-align:center;font-size:20px; color:#333;}
.box-bg .bg img {width:100%; }

.box-lr .fl, .box-lr .fr {width:50%;  text-align:center; padding:100px 0;}
.box-lr .fl { background:#f2f2f2;}
.box-lr .fr { background:#fafafa; }
.box-lr  h1 {   font-size:50px; color:#111; padding-bottom:10px; }
.box-lr  p  { font-size:20px; color:#333;}
.box-lr .bg { padding-top:80px;}

.box-bgc {text-align:center; position:relative; }
.box-bgc .po {width:100%; position:absolute; top:100px; z-index:9;}
.box-bgc h1 {   font-size:50px; color:#111; padding-bottom:10px; }
.box-bgc p  { text-align:center;font-size:20px; color:#333;}
.box-bgc .bg img {width:1200px; }

.black {background:#101010; }
.black h1, .black p, .black a, .black span  { color:#fff!important;}

.gray {background:#f2f2f2; }

.box-func { width:100%; height:890px; background:url(../images/pimg9bg.jpg) repeat-x;}
.bf-info {height:890px; background:url(../images/pimg10.png) no-repeat; position:relative; }
.bfimg { position:absolute; z-index:9; text-align:center; cursor:pointer;}
.bfimg  h3 { font-size:18px; font-weight:bold; color:#333; line-height:300%; }
.bfimg .txt { position:absolute; width:180px; text-align:left; top:36px; left:-200px; display:none;}
.bfimg .txt p {font-size:16px;}

.pro h1, .pro .txt , .pro .cbtn, .pro360 {opacity:0}
.box1 h1, .box1 .txt, .box1 .cbtn, .box2 h1, .box2 .txt, .box2 .cbtn , .box2 .bg, .box3 h1, .box3 .txt, .box3 .cbtn, .box3 .bg,  .box4 h1, .box4 .txt, .box4 .cbtn, .box4 .bg , .box5 h1, .box5 .txt, .box5 .cbtn, .box5 .bg ,.box6 h1, .box6 .txt, .box6 .cbtn, .box6 .bg, .box7 h1, .box7 .txt, .box7 .bg , .box-func .bf-info, .box-func .bfimg {opacity:0}

@-webkit-keyframes spinAround {
	from {
		-webkit-transform: rotate(0deg)
	}
	to {
		-webkit-transform: rotate(360deg);
	}
}
@-moz-keyframes spinAround {
	from {
		-moz-transform: rotate(0deg)
	}
	to {
		-moz-transform: rotate(360deg);
	}
}
@keyframes spinAround {
	from {
		transform: rotate(0deg)
	}
	to {
		transform: rotate(360deg);
	}
}


.box7 .bg img {position:relative; z-index:99;}
.single { width:100%; text-align:center; position:absolute; top:346px; z-index:9; margin-left:-114px;}
.single2 { width:100%; text-align:center; position:absolute; top:336px; z-index:9; margin-left:-124px;}
.single3 { width:100%; text-align:center; position:absolute; top:326px; z-index:9; margin-left:-134px;}
.single4 { width:100%; text-align:center; position:absolute; top:316px; z-index:9; margin-left:-144px;}
.single em:after { content: ''; position: absolute; width: 220px; height: 220px; border-radius: 50%; border:5px solid rgba(0,91,172,0.7);  z-index: 3; opacity: 0; -webkit-animation: halo 2s 0.5s infinite ease-out; animation: halo 2s 0s infinite ease-out; }
.single2 em:after { content: ''; position: absolute; width: 240px; height: 240px; border-radius: 50%; border:4px solid rgba(0,91,172,0.5);  z-index: 3; opacity: 0; -webkit-animation: halo 2.2s 0.5s infinite ease-out; animation: halo 2s 0s infinite ease-out; }
.single3 em:after { content: ''; position: absolute; width: 260px; height: 260px; border-radius: 50%; border:3px solid rgba(0,91,172,0.3);  z-index: 3; opacity: 0; -webkit-animation: halo 2.4s 0.5s infinite ease-out; animation: halo 2s 0s infinite ease-out; }
.single4 em:after { content: ''; position: absolute; width: 280px; height: 280px; border-radius: 50%; border:2px solid rgba(0,91,172,0.1);  z-index: 3; opacity: 0; -webkit-animation: halo 2.6s 0.5s infinite ease-out; animation: halo 2s 0s infinite ease-out;}

@-webkit-keyframes halo { 0% { opacity: 0;-webkit-transform: scale(0.2); }
50% {opacity: 1; }
100%{opacity: 0;-webkit-transform: scale(1.2); } }
@-moz-keyframes halo {0% { opacity: 0; -moz-transform: scale(0.2); }
50% { opacity: 1; }
100%{ opacity: 0; -moz-transform: scale(1.2); } }
@-ms-keyframes halo {0% { opacity: 0; }
50% { opacity: 1; }
100%{opacity: 0; } }
@-o-keyframes halo {0% { opacity: 0; -o-transform: scale(0.2); }
50% {opacity: 1; }
100%{ opacity: 0;-o-transform: scale(1.2); } }
@keyframes halo {0% { opacity: 0; transform: scale(0.2); }
50% {opacity: 1; }
100%{opacity: 0;transform: scale(1.2); } }



/*-----------------------------------------------------productdetail-----------------------------------------------------*/
#productdetail .footer { background:#f2f2f2;}
.prode {  padding:80px 0;}
.prode-l {width:380px; }
.pd-img {width:100%; }
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.jqzoom img{  width:380px; height:380px;}
.zoomdiv{z-index:98;position:absolute;top:0px;left:0px;width:380px;height:380px;background:#fff; border:1px solid #ddd; display:none;text-align:center;overflow:hidden; margin-left:10px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #ddd;background:#fff;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}
.spec-preview{width:380px;height:380px; }
.iconb { position:absolute; top:-40px; right:10px; font-size:20px; z-index:9; color:#999;  }
.spec-scroll {width:100%; margin: 0px auto; padding-top: 20px; position:relative;}
.spec-scroll .prev{float:left; margin-left:10px;}
.spec-scroll .next{float:right; margin-right:10px;}
.spec-scroll .prev,.spec-scroll .next{display:block;text-align:center;width:10px;height:80px; line-height:80px;cursor:pointer; text-decoration:none; font-size:30px; color:#999;}
.spec-scroll .items{float:left;position:relative;width:300px; height: 80px; overflow:hidden; margin-left:20px;}
.spec-scroll .items ul{position:absolute;width:999999px;height:80px;}
.spec-scroll .items ul li{float:left;width:100px;text-align:center;  }
.spec-scroll .items ul li img{width: 80px;height: 80px; margin:0 auto;}
.prode-r {width:740px;}
.prode-r h1 { color:#111; padding:0 0 20px 0;}
.parainfo {  text-align:left;  }
.parainfo h3{ height:42px; line-height:42px;  font-weight:bold;  background:#eee; cursor:pointer;  font-size:16px; color:#333; padding:0 20px; margin-top:20px; }
.parainfo h3 em{ float:right; display:block; width:14px; height:14px; margin-top:16px;  background:url(../images/icominus2.png);   }
.parainfo h3.on em{ background:url(../images/icoplus2.png); }
.parainfo div.text { padding:20px; color:#666; display:block;  background:#fff;  }
.parainfo div.text p {  font-size:14px; line-height:180%; margin:6px 0; width:46%; float:left;  background:url(../images/paraico.png) left 12px no-repeat; padding-left:14px; }