@font-face{

     font-family: 'jiajing'; 

      src: url('https://en.kagem.net/template/pc/skin/font/font-awesome/SourceHanSansCN-Regular.otf');

     font-weight: normal;

	 font-style: normal;

}

/*reset*/

body,dl,dd{margin:0;}

ul{margin:0;padding:0;}

li{list-style:none;}

h1,h2{margin:0;font-weight:normal;}

p{margin:0;}

a{text-decoration:none;}

img{display:block;}

input{margin:0;padding:0;border:none;outline:none;}

/*commen*/

*{color:#595757;font-family:jiajing;}

.fl{ float:left;}

.fr{ float:right;}

.cl:after{ content:""; display:block; clear:both;}

.container{width:96%; max-width:1400px;min-width: 320px; margin:0px auto; }



/*首页导航*/

.ey-head{display:none;}

.ey-banner{display:none;}

.ey-banner-ny{display:none;}

.top{ position:relative;}

.serwap{display:none;}

.nav_logo{ position:absolute; left:63px; top:32px;}

.selet{ position:absolute; height:27px; line-height:27px; width:108px;

  color:#221815; appearance:none;  -moz-appearance:none;  

-webkit-appearance:none;  background:url(../image/in_sele.jpg) no-repeat right center #fff; right:67px; top:47px; text-indent:12px; border:none; font-size:14px !important;}

.selet option{ display:inline-block; font-size:14px !important; height:27px; line-height:27px; background-color:#fff; border-bottom:1px solid #9fa0a0 !important; box-sizing:border-box;outline: none;}

.selet option:nth-child(1){ display:none;}



.slider img{ display:block; width:100%;}

.zixun_box{ padding-top:8em; padding-bottom:3.5em; }

.zixun_box h1{ padding:1em 0;}

.zixun_box h2{padding:10px; text-align:center;}

.zixun_box p{text-align:center;}

.zixun_box .zixun_top{float:left; margin-right:20px; width:360px;}

.zixun_box .zixun_top img{width:360px; height:262px;}

@media (max-width:1024px) {

.zixun_box{ padding-top:1em; margin-bottom:1.0em;}

.zixun_box .fl{float:none;}

.zixun_box .fr{float:none; display:none;}

}

  

  /*语言*/

.Hlang{position:relative;float:right;margin:0 2.083333333333333% 0 0;}

.Hlang:after{content:"";display:block;width:1px;height:20px;background:#fff;position:absolute;right:0px;top:50%;margin-top:-10px;}

.Hlang-menu{display:block;width:67px;height:30px;line-height:30px;padding:0 1px 0 21px;font-weight:lighter;color:#666666;}



.Hlang-box{width:200px;box-shadow:1px 1px 10px #666;background:#fff;position:absolute;top:35px;right:-26px;display:none;padding:20px 0px;}

.Hlang-box:before{content:"";display:block;width:0px;height:0px;border-style:solid;border-width:0 8px 8px;border-color:transparent transparent #fff transparent;position:absolute;top:-8px;left:50%;margin:0 0 0 -4px;}

.Hlang-box a{display:block;padding:5px 10px 5px 60px;line-height:30px;background-repeat:no-repeat !important;background-position:20px center !important;}

.Hlang-box a:hover{color:#fff;background:#30a2dd;}

.Hlang-box a.CN{background-image:url(../image/icon-CN.png);}

.Hlang-box a.JP{background-image:url(https://en.kagem.net/template/pc/skin/images/icon-jp.png);}

.Hlang-box a.EN{background-image:url(../image/icon-EN.png);}



@media all and (min-width:980px){

	.Hnav>li:hover .Hn2nd-box{display:block;animation:fadeInBottom .6s ease-in-out forwards;-webkit-animation:fadeInBottom .6s ease-in-out forwards;}

	.Hlang:hover .Hlang-box{display:block;}

}





     .A_Demo li[style*="z-index: 5;"] p{ display: block !important;}

	 .e_Demo li[style*="z-index: 5;"] p{ display: block !important;}

	 .f_Demo li[style*="z-index: 5;"] p{ display: block !important;}

     

	 .C_Demo li[style*="z-index: 5;"] p{ display: block !important;}

	 .d_Demo li[style*="z-index: 5;"] p{ display: block !important;}

	

	 .B_Demo li[style*="z-index: 5;"] p{ display: block !important;}

     .bb_Demo li[style*="z-index: 5;"] p{ display: block !important;}



/*搜索*/

.head-right{right: 34px;top:20px;height: 34px;margin: auto 0;display: block;position:absolute;}

.head-right .ser{width: 25px;height: 34px;background:url(../image/ico2.png) no-repeat center;cursor: pointer;}

.search-alert{position: absolute;left: 0;top: -81px;width: 100%;height: 81px;background-color: rgba(0,0,0,0.8);z-index: 98;transition:all 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55);}

.search-alert .close {display: block;width: 30px;height: 30px;background:url(../image/ico_07_1.png) no-repeat center;background-size: 24px auto;position: absolute;top: 0;bottom: 0;margin: auto 0;right: 2.6%;

cursor: pointer;-webkit-transition: -webkit-transform 0.3s ease 0s;transition: transform 0.3s ease 0s;}

.search-alert .close:hover {-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);}

.search-alert .cent-form {position: absolute;width: 66%;top: 0;bottom: 0;left: 0;right: 0;margin: auto;height: 65px;line-height: 65px;border-bottom: 1px solid #515151;}

.search-alert .cent-form .tex {font-size: 24px;height: 65px;line-height: 65px;text-align: left;width: 100%;box-sizing: border-box;color: #fff;background: none;padding-left: 70px;padding-right: 120px;background:url(../image/ico2_2.png) no-repeat left center;}

.search-alert .cent-form .sub-butn {border: none;width: 120px;background: none;position: absolute;right: 0;top: 0;text-align: center;height: 65px;font-size: 22px;line-height: 65px;color: #fff;}

.search-alert.active{top: 0;}

@media only screen and (max-width: 768px)

{

.Hlang{position:relative;float:left;margin:0 -10px 0 0;}

.head-right{right: 54px;top:15px;height: 34px;margin: auto 0;display: block;position:absolute;}

.head-right .ser{width: 20px;height: 24px;background:url(../image/wico2.png) no-repeat center;cursor: pointer;}

.search-alert{position: absolute;left:0;top:-100%;width: 100%;height:90%;background-color: rgba(0,0,0,0.8);z-index: 98;transition:all 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55);}

.search-alert .close {display: block;width: 30px;height: 30px;background:url(../image/wico_07_1.png) no-repeat center;background-size: 24px auto;position: absolute;top: 0;bottom: 0;margin: auto 0;right:24px;

cursor: pointer;-webkit-transition: -webkit-transform 0.3s ease 0s;transition: transform 0.3s ease 0s;}

.search-alert .close:hover {-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);}

.search-alert .cent-form {position: absolute;width:76%;top: 0;bottom: 0;left: 0;right: 0;margin: auto;height: 40px;line-height: 40px;}

.search-alert .cent-form .tex {font-size: 16px;height: 40px;line-height: 40px;text-align: left;width: 100%;box-sizing: border-box;color: #fff;background: none;padding-left: 70px;padding-right: 120px;background:url(../image/wico2_2.png) no-repeat left center;}

.search-alert .cent-form .sub-butn {border: none;width: 60px;background: none;position: absolute;right: 0;top: 0;text-align: center;height:40px;font-size: 14px;line-height: 40px;color: #fff;}

.search-alert.active{top: 0;}	

	}



.nav_box{ width:100%; position:absolute; bottom:68px;}

.nav{ width:1060px; margin:0 auto;}

.nav li{ float:left; padding:0 47px;}

/*.nav{ width:58%; margin:0 auto;}

.nav li{ float:left; padding:0 4.2%;}*/

.nav li a{ font-size:14px; color:#fff; padding-bottom:17px; border-bottom:1px solid #fff;}

.nav li:hover a{ color:#1eb8ce;border-bottom:1px solid #1eb8ce;}





/*分栏导航*/

.active{ border-bottom:8px solid #1eb8ce;}

.zh_nav{ height:98px; border-bottom:2px solid #e1e5e2; border-top:1px solid #dedfda;}

.zh_nav li{ width:20%; float:left;}

.zh_nav li a{ display:block; width:100%; text-align:center; line-height:92px; font-size:22px;}

.zh_nav li:hover a{ border-bottom:8px solid #1eb8ce;}



.hexin_hn li{ width:33.3333%;}





/*内页导航*/



.tn{ width:100%; height:81px; border-bottom:2px solid #e7e7e7; position:fixed; background-color:#FFF; z-index:999999;}

.tn_logo img{ display:block; float:left; width:114px; height:44px; margin:19px 0px 18px 3.28%;}

.tn_nav{ float:left; width:87%;}

.tn_nav{ float:left; display:inline-block; text-align:center;}

.tn_nav a{ display:inline-block; color:#595757; margin:24px 2% 0px 3%; border-bottom:1px solid #535353; font-size:14px; padding-bottom:13px;}

.tn_lg{ float:right; margin-right:4.28%; margin-top:-29px;}

.tn_lg span{ padding:0 4px; font-size:12px;}

.tn_lg a{ color:#898989; font-size:14px;}

.tn_nav a:hover{color:#1eb8ce;border-bottom:1px solid #1eb8ce;}

.tn_lg :hover a{ color:#231815;}





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

.tn{ width:100%; height:81px; border-bottom:2px solid #e7e7e7;}

.tn_logo img{ display:block; float:left; width:100px; height:40px; margin:19px 0px 18px 2.28%;}

.tn_nav{ float:left; width:80%;}

.tn_nav{ float:left; display:inline-block; text-align:center;}

.tn_nav a{ display:inline-block; color:#595757; margin:24px 2% 0px 2%; border-bottom:1px solid #535353; font-size:13px; padding-bottom:13px;}

.tn_lg{ float:right; margin-right:1.28%; margin-top:-29px;}

.tn_lg span{ padding:0 4px; font-size:12px;}

.tn_lg a{ color:#898989; font-size:12px;}

.tn_nav a:hover{color:#1eb8ce;border-bottom:1px solid #1eb8ce;}

.tn_lg a:hover{ color:#231815;}

}



/*单页轮播图样式*/

.banner_ab1{ width:100%;}

.banner_ab1 img{ display:block; width:100%;}







/*公司概况*/

.ab_box{ max-width:1520px; width:90%; margin:0 auto;}

.ab_box h2{ text-align:center; font-size:36px; margin-top:43px; margin-bottom:44px;}

.ab_box h2 span{ padding-bottom:12px; border-bottom:1px solid #1eb8ce;}

.ab_box p{ width:100%; text-align:left; font-size:14px; color:#595757; line-height:24px;margin-top:10px;}



.ab_box .aboutvideo{width:100%;}

.ab_box .aboutvideo .videoleft{float:left; width:50%;}

.ab_box .aboutvideo .videoright{float:right; width:46%; padding-top:40px;}



@media only screen and (max-width: 1280px){

	.ab_box .aboutvideo .videoleft{float:left; width:100%;}

.ab_box .aboutvideo .videoright{float:right; width:100%; padding-top:40px;}

}

/*发展历程*/

.ab_box h3{ border-bottom:1px solid #dcdddd; padding-bottom:10px; margin-top:37px;} 

.ab_box h3 span{ font-size:37px;border-bottom:3px solid #1eb8ce; font-weight:normal; padding-bottom:8px;}

.ab_box h4{ font-size:13px; margin-top:-10px; font-weight:normal; margin-bottom:39px;}

.ab_lc_box

.ab_lc li{ width:260px; float:left; margin-right:60px; height:251px; margin-bottom:24px;}

.ab_lc h1{ font-size:30px; color:#1eb8ce;}

.ab_lc h5{ width:100%; font-size:17px; line-height:23px; color:#595757; margin-top:0px; font-weight:normal; text-align:left;}

.ab_lc p{ width:100%; font-size:14px; color:#595757; line-height:23px; margin-top:-26px;}

.ab_box .boxleft{float:left; width:70%;}

.ab_box .boxright{float:right; width:30%;}

.boxrighta{ display:none;}

@media only screen and (min-width: 1280px) and (max-width: 1600px){

.ab_lc li{ width:100%; float:none; margin:0; height:131px; padding-bottom:34px;}

.ab_box .boxleft{float:left; width:60%;}

.ab_box .boxright{float:right; width:40%;}

.ab_box h2{ text-align:center; font-size:30px; margin-top:33px; margin-bottom:10px;}

.boxrighta{ display:none;}

}

@media only screen and (min-width: 480px) and (max-width: 1280px){

	.ab_box h3{ border-bottom:1px solid #dcdddd; padding-bottom:10px; margin-top:22px;} 

    .ab_box h3 span{ font-size:20px;border-bottom:3px solid #1eb8ce; font-weight:normal; padding-bottom:8px;}

	.ab_box .boxleft{float:none; width:100%;}

    .ab_box .boxright{float:none; width:540px; margin:auto;}

	.ab_box h2{ text-align:center; font-size:20px; margin-top:23px; margin-bottom:24px;}

	.boxrighta{ display:none;}

.ab_lc li{ width:100%; float:none; margin-right:0px; height:131px; margin-bottom:24px;}

.ab_lc h1{ font-size:20px; color:#1eb8ce;}

.ab_lc h5{ width:100%; font-size:14px; line-height:23px; color:#595757; margin-top:0px; font-weight:normal; text-align:left;}

.ab_lc p{ width:100%; font-size:12px; color:#595757; line-height:23px; margin-top:-26px;}

}

@media only screen and (max-width: 480px){

	.ab_box h3{ border-bottom:1px solid #dcdddd; padding-bottom:10px; margin-top:22px;} 

    .ab_box h3 span{ font-size:20px;border-bottom:3px solid #1eb8ce; font-weight:normal; padding-bottom:8px;}

    .ab_lc_box .ab_lc li{ width:100%; float:none; margin:0; height:131px; margin-bottom:24px; margin-right:10px;}

	.ab_box .boxleft{float:none; width:100%;}

    .ab_box .boxrighta{float:none; width:320px; margin:auto;}

	.ab_box h2{ text-align:center; font-size:20px; margin-top:23px; margin-bottom:24px;}

	.boxrighta{ display: block; width:320px; margin:auto;}

	.ab_box .boxright{ display:none;}

	.ab_box h3{ border-bottom:1px solid #dcdddd; padding-bottom:10px; margin-top:17px; margin-left:10px;} 

	.ab_lc li{ width:100%; float:none; margin-right:0px; height:131px; margin-bottom:24px;}

.ab_lc h1{ font-size:20px; color:#1eb8ce;}

.ab_lc h5{ width:100%; font-size:14px; line-height:23px; color:#595757; margin-top:0px; font-weight:normal; text-align:left;}

.ab_lc p{ width:100%; font-size:12px; color:#595757; line-height:23px; margin-top:-26px;}

}



/*销售网络*/

.ab_ditu{ background-color:#efefef; padding-top:51px; margin-top:54px; padding-bottom:76px;}

.ab_dt{ max-width:1520px; margin:0 auto;}

.ab_dt h2{ font-size:40px; text-align:center; color:#595757; font-weight:normal; padding-bottom:10px;}

.ab_dt_hr{ display:block; margin:0 auto;}

.ab_dt p{ width:738px; font-size:17px; line-height:30px; margin-top:53px;}

.ab_dt p span{ color:#0f0964;}

.ab_dt_mr{ display:block; margin:-52px auto 0 auto;}

@media only screen and (max-width:1024px){

.ab_ditu{ background-color:#efefef; padding-top:31px; margin-top:34px; padding-bottom:46px; width:100%;}

.ab_dt{ width:90%; margin:0 0 0 5%;}

.ab_dt h2{ font-size:20px; text-align:center; color:#595757; font-weight:normal; padding-bottom:10px;}

.ab_dt_hr{ display:block; margin:0 auto;}

.ab_dt p{ font-size:14px; line-height:25px; margin-top:33px;}

.ab_dt p span{ color:#0f0964;}

.ab_dt_mr{width:100%;}

.ab_dt_mt{width:100%;}	

}



@media( max-width:1562px){

  .ab_dt p{ margin-left:2.5%; width:48%;}

  .ab_dt_mt{ margin-left:5%;}

}



@media (max-width:768px) {

.ab_ditu{ background-color:#efefef; padding-top:31px; margin-top:34px; padding-bottom:46px; width:100%;}

.ab_dt{ width:90%; margin:0 0 0 5%;}

.ab_dt h2{ font-size:20px; text-align:center; color:#595757; font-weight:normal; padding-bottom:10px;}

.ab_dt_hr{ display:block; margin:0 auto;}

.ab_dt p{ font-size:14px; line-height:25px; margin-top:33px;}

.ab_dt p span{ color:#0f0964;}

.ab_dt_mr{width:100%;}

.ab_dt_mt{width:100%;}

}



@media (max-width:480px) {

.ab_ditu{ background-color:#efefef; padding-top:15px; margin-top:14px; padding-bottom:46px; width:100%;}

.ab_dt{ width:90%; margin:0 0 0 5%;}

.ab_dt h2{ font-size:20px; text-align:center; color:#595757; font-weight:normal; padding-bottom:10px;}

.ab_dt_hr{ display:block; margin:0 auto;}

.ab_dt p{ font-size:14px; line-height:25px; margin-top:33px;}

.ab_dt p span{ color:#0f0964;}

.ab_dt_mr{ display:block; width:100%;}

.ab_dt_mt{width:100%;}

}

/*全球销售网络*/

.ab_qq{ background-color:#b7dee6; padding-top:56px; padding-bottom:68px;}

.ab_qq h2{ font-size:38px; text-align:center; color:#595757; margin-bottom:10px;}

.ab_qq_hr{ display:block; margin:0 auto 23px auto;}

.ab_qq div{ width:1520px; margin:0 auto;}

.ab_qq div p{ width:944px; font-size:17px; color:#595757; margin-top:26px; line-height:30px;}



@media( max-width:1822px){

  .ab_qq_dt{ width:92%; margin:0 auto;}

}

@media( max-width:1520px){

  .ab_qq div{ width:100%;}

  .ab_qq div p{ width:58%; font-size:17px; margin-left:5%; color:#595757;}

}



@media (max-width:768px) {

.ab_qq{ background-color:#b7dee6; padding-top:56px; padding-bottom:68px;}

.ab_qq h2{ font-size:20px; text-align:center; color:#595757; margin-bottom:10px;}

.ab_qq_hr{ display:block; margin:0 auto 23px auto;}

.ab_qq div{ width:100%; margin:0 auto;}

.ab_qq div p{ width:100%; font-size:17px; color:#595757; margin-top:26px; line-height:25px;}

.ab_qq_dt{width:100%;}

}



@media (max-width:480px) {

.ab_qq{ background-color:#b7dee6; padding-top:56px; padding-bottom:68px;}

.ab_qq h2{ font-size:20px; text-align:center; color:#595757; margin-bottom:10px;}

.ab_qq_hr{ display:block; margin:0 auto 23px auto;}

.ab_qq div{ width:90%; margin:0 0 0 5%;}

.ab_qq div p{ width:90%; font-size:13px; color:#595757; margin-top:26px; line-height:25px;}

.ab_qq_dt{width:100%;}

}



/*企业文化*/

.clearfix:after{content:"";height:0;visibility:hidden;display:block;clear:both;}

.index-service{ background-color:#efeff1; background-attachment: local; padding: 100px 0; position: relative;}

.index-service_t_box{ text-align: center;}

.index-service_t_title{ color:#595758; display: inline; font-size: 35px; position: relative;}

.index-service_t_title:before{ content: "" ; position: absolute; left:40%;  bottom:-10px; width:20%; height: 0px; border-bottom: 1px solid #1cb8ce; }

.index-service_c_box{ background-color: #fff; margin-top: 50px;}

.service{  height: 526px;}

.service .list{ height: 100%;}

.index-service_c_box .item { float: left; height: 100%; position: relative; cursor: pointer;}

.index-service_c_box .item:before{ content: ""; width:0 ; height: 100%;  top:0px; right: 0; position: absolute;}

.index-service_c_box .item:last-child:before{ border: 0;}

.index-service_c_box .item  .left{ float: left; height:100%; width:195px; position: relative;   }

.index-service_c_box .item  .bga{background-color: #1cb8cf; }

.index-service_c_box .item  .bgb{background-color: #100a64; }

.index-service_c_box .item  .bgc{background-color: #ffffff; }

.index-service_c_box .item  .left .cons{ position: absolute; right:75px; top:180px; transform: translateY(-50%);  -ms-transform: translateY(-50%); }

.index-service_c_box .item  .left .pic{ height: 90px; vertical-align: bottom;}

.index-service_c_box .item  .left .pic img{vertical-align: bottom;}

.index-service_c_box .title1{ font-weight: lighter; font-size: 24px; line-height: 1.5; color:#908fae; }

.index-service_c_box .title2{ font-weight: lighter; font-size: 24px; line-height: 1.5; color:#9ddce5; }

.index-service_c_box .title3{ font-weight: lighter; font-size: 24px; line-height: 1.5; color:#d8d6d7; }

.index-service_c_box .item  .right{ width:0px; display: none; float: left;}

.index-service_c_box .item.big{ background-color: #fff; width:1010px;}

.index-service_c_box .item.big .right{ display: block; width:1010px; height: 100%; position: absolute; z-index:999; }

.index-service_c_box .item.big .right .cons{position: absolute; top:50%; transform: translateY(-50%);  -ms-transform: translateY(-50%); width:100%;  }

@media only screen and (min-width: 1300px) and (max-width: 1600px){ /* 1300px --1600px */

.index-service_container{ width:1200px;}

.clearfix:after{content:"";height:0;visibility:hidden;display:block;clear:both;}

.index-service{ background-color:#efeff1; background-attachment: local; padding: 100px 0; position: relative;}

.index-service_t_box{ text-align: center;}

.index-service_t_title{ color:#595758; display: inline; font-size: 35px; position: relative;}

.index-service_t_title:before{ content: "" ; position: absolute; left:40%;  bottom:-10px; width:20%; height: 0px; border-bottom: 1px solid #1cb8ce; }

.index-service_c_box{ background-color: #fff; margin-top: 50px;}

.service{  height: 480px;}

.service .list{ height: 100%;}

.index-service_c_box .item { float: left; height: 100%; position: relative; cursor: pointer;}

.index-service_c_box .item:before{ content: ""; width:0 ; height: 100%;  top:0px; right: 0; position: absolute;}

.index-service_c_box .item:last-child:before{ border: 0;}

.index-service_c_box .item  .left{ float: left; height:100%; width:150px; position: relative;   }

.index-service_c_box .item  .bga{background-color: #1cb8cf; }

.index-service_c_box .item  .bgb{background-color: #100a64; }

.index-service_c_box .item  .bgc{background-color: #ffffff; }

.index-service_c_box .item  .left .cons{ position: absolute; right:50px; top:150px; transform: translateY(-50%);  -ms-transform: translateY(-50%); }

.index-service_c_box .item  .left .pic{ height: 90px; vertical-align: bottom;}

.index-service_c_box .item  .left .pic img{vertical-align: bottom; width:80%;}

.index-service_c_box .title1{ font-weight: lighter; font-size: 24px; line-height: 1.5; color:#908fae; }

.index-service_c_box .title2{ font-weight: lighter; font-size: 24px; line-height: 1.5; color:#9ddce5; }

.index-service_c_box .title3{ font-weight: lighter; font-size: 24px; line-height: 1.5; color:#d8d6d7; }

.index-service_c_box .item  .right{ width:0px; display: none; float: left;}

.index-service_c_box .item.big{ background-color: #fff; width:900px;}

.index-service_c_box .item.big .right{ display: block; width:900px; height: 100%; position: absolute; z-index:999; }

.index-service_c_box .item.big .right .cons{position: absolute; top:50%; transform: translateY(-50%);  -ms-transform: translateY(-50%); width:100%;  }

.index-service_c_box .item.big .right .cons img{width:100%; height:480px;}

}

@media only screen and (min-width: 992px) and (max-width: 1300px){ /* 小屏幕  */

.index-service_container{ width:1020px;}

.clearfix:after{content:"";height:0;visibility:hidden;display:block;clear:both;}

.index-service{ background-color:#efeff1; background-attachment: local; padding: 100px 0; position: relative;}

.index-service_t_box{ text-align: center;}

.index-service_t_title{ color:#595758; display: inline; font-size: 35px; position: relative;}

.index-service_t_title:before{ content: "" ; position: absolute; left:40%;  bottom:-10px; width:20%; height: 0px; border-bottom: 1px solid #1cb8ce; }

.index-service_c_box{ background-color: #fff; margin-top: 50px;}

.service{  height: 426px;}

.service .list{ height: 100%;}

.index-service_c_box .item { float: left; height: 100%; position: relative; cursor: pointer;}

.index-service_c_box .item:before{ content: ""; width:0 ; height: 100%;  top:0px; right: 0; position: absolute;}

.index-service_c_box .item:last-child:before{ border: 0;}

.index-service_c_box .item  .left{ float: left; height:100%; width:105px; position: relative;   }

.index-service_c_box .item  .bga{background-color: #1cb8cf; }

.index-service_c_box .item  .bgb{background-color: #100a64; }

.index-service_c_box .item  .bgc{background-color: #ffffff; }

.index-service_c_box .item  .left .cons{ position: absolute; right:20px; top:150px; transform: translateY(-50%);  -ms-transform: translateY(-50%); }

.index-service_c_box .item  .left .pic{ height: 90px; vertical-align: bottom;}

.index-service_c_box .item  .left .pic img{vertical-align: bottom; width:80%;}

.index-service_c_box .title1{ font-weight: lighter; font-size: 24px; line-height: 1.5; color:#908fae; }

.index-service_c_box .title2{ font-weight: lighter; font-size: 24px; line-height: 1.5; color:#9ddce5; }

.index-service_c_box .title3{ font-weight: lighter; font-size: 24px; line-height: 1.5; color:#d8d6d7; }

.index-service_c_box .item  .right{ width:0px; display: none; float: left;}

.index-service_c_box .item.big{ background-color: #fff; width:810px;}

.index-service_c_box .item.big .right{ display: block; width:810px; height: 100%; position: absolute; z-index:999; }

.index-service_c_box .item.big .right .cons{position: absolute; top:50%; transform: translateY(-50%);  -ms-transform: translateY(-50%); width:100%;  }

.index-service_c_box .item.big .right .cons img{width:100%; height:426px;}

}

@media only screen and (max-width: 992px) and (min-width: 768px){

.index-service{display:none;}

.serwap{width:100%; display:block;}

.serwap ul{}

.serwap ul li{width:100%; margin-bottom:10px;}

.serwap ul li img{width:100%;}

}

@media only screen and (max-width: 768px) { /* wap  */

.index-service{display:none;}

.serwap{width:100%; display:block;}

.serwap ul{}

.serwap ul li{width:100%; margin-bottom:10px;}

.serwap ul li img{width:100%;}

}

	



/*证书部分*/

.containerry {margin:50px auto; width:1300px; padding-bottom:50px;}

.poster-main {width: 1300px;height: 500px;position: relative;margin: 0 auto;}

.poster-main a, .poster-main img {display: block; }

.poster-main .poster-list {width: 1300px;height: 500px;}

.poster-main .poster-list .poster-item {width: 302px;height: 415px;position: absolute;text-align:center;left: 0;top: 0;}

.poster-main .poster-list .poster-item p{width:280px; margin:10px auto; line-height:20px; font-size:14px;}

.poster-main .poster-btn {position: absolute;top: 0;z-index: 10;cursor: pointer;}

.poster-main .poster-prev-btn {left: -100px;background: url(../image/arrow-left.png) no-repeat left center;}

.poster-main .poster-next-btn {right: -100px;background: url(../image/arrow-right.png) no-repeat right center;}

.wapcontainerry{display:none;}

.wapcontainerrya{display:none;}

.wapcontainerryaa{display:none;}

.wapcontainerryaaa{display:none;}

.poster-main .poster-list .poster-item p{display:none;}

 

.ryzh{text-align:center; padding-bottom:60px; margin-top:60px;}

.h2class{ text-align:center; font-size:35px; padding-bottom:30px;}

.divclass{font-size:35px;  display: inline; position: relative;}

.divclass:before{ content:" "; position:absolute; left:40%;  bottom:-10px; width:20%; height: 0px; border-bottom: 1px solid #1cb8ce; }

@media only screen and (max-width: 1400px) and (min-width: 1024px){

	.ryzh{text-align:center; padding-bottom:30px; margin-top:30px;}

	.divclass{font-size:20px;  display: inline; position: relative;}

	.h2class{ text-align:center; font-size:20px; padding-bottom:30px;}

    .jcImgScroll{position:relative;height:520px;margin:40px auto 0 auto;}

	.containerry {display:none;}

	.wapcontainerry{display:none;}

	.wapcontainerrya{display:none;}

	.wapcontainerryaa{display:none;}

	.wapcontainerryaaa{width:100%; display:block;}

	.poster-main {width: 1060px;;height: 399px;position: relative;margin: 0 auto;  padding-bottom:60px;}

.poster-main a, .poster-main img {display: block; }

.poster-main .poster-list {width: 290px;height:358px;}

.poster-main .poster-list .poster-item {width:290px;height: 399px;position: absolute;text-align:center;left: 0;top: 0;}

.poster-main .poster-list .poster-item p{width:260px; margin:10px auto; line-height:20px; font-size:12px;}

.poster-main .poster-btn {position: absolute;top: 0;z-index: 10;cursor: pointer;}

.poster-main .poster-prev-btn {left: 0px;background: url(../image/arrow-left.png) no-repeat left center;}

.poster-main .poster-next-btn {right: 0px;background: url(../image/arrow-right.png) no-repeat right center;}

	}



@media only screen and (max-width: 1024px) and (min-width: 768px){

	.ryzh{text-align:center; padding-bottom:30px; margin-top:30px;}

	.divclass{font-size:20px;  display: inline; position: relative;}

	.h2class{ text-align:center; font-size:20px; padding-bottom:30px;}

    .jcImgScroll{position:relative;height:520px;margin:40px auto 0 auto;}

	.containerry {display:none;}

	.wapcontainerry{display:none;}

	.wapcontainerrya{display:none;}

	.wapcontainerryaa{width:100%; display:block;}

	.wapcontainerryaaa{display:none;}

	.poster-main {width: 800px;;height: 358px;position: relative;margin: 0 auto;  padding-bottom:60px;}

.poster-main a, .poster-main img {display: block; }

.poster-main .poster-list {width: 260px;height:358px;}

.poster-main .poster-list .poster-item {width:260px;height: 358px;position: absolute;text-align:center;left: 0;top: 0;}

.poster-main .poster-list .poster-item p{width:200px; margin:10px auto; line-height:20px; font-size:12px;}

.poster-main .poster-btn {position: absolute;top: 0;z-index: 10;cursor: pointer;}

.poster-main .poster-prev-btn {left: 0px;background: url(../image/arrow-left.png) no-repeat left center;}

.poster-main .poster-next-btn {right: 0px;background: url(../image/arrow-right.png) no-repeat right center;}

	}

	

	

@media only screen and (max-width: 768px) and (min-width: 480px){

	.ryzh{text-align:center; padding-bottom:30px; margin-top:30px;}

	.divclass{font-size:20px;  display: inline; position: relative;}

	.h2class{ text-align:center; font-size:20px; padding-bottom:30px;}

    .jcImgScroll{position:relative;height:520px;margin:40px auto 0 auto;}

	.containerry {display:none;}

	.wapcontainerry{display:none;}

	.wapcontainerrya{width:100%; display:block;}

	.wapcontainerryaa{display:none;}

	.wapcontainerryaaa{display:none;}

	.poster-main {width: 500px;;height: 330px;position: relative;margin: 0 auto;  padding-bottom:60px;}

.poster-main a, .poster-main img {display: block; }

.poster-main .poster-list {width: 240px;height:330px;}

.poster-main .poster-list .poster-item {width:240px;height: 330px;position: absolute;text-align:center;left: 0;top: 0;}

.poster-main .poster-list .poster-item p{width:200px; margin:10px auto; line-height:20px; font-size:12px;}

.poster-main .poster-btn {position: absolute;top: 0;z-index: 10;cursor: pointer;}

.poster-main .poster-prev-btn {left: 0px;background: url(../image/arrow-left.png) no-repeat left center;}

.poster-main .poster-next-btn {right: 0px;background: url(../image/arrow-right.png) no-repeat right center;}

	}

	

@media only screen and (max-width: 480px){

	.ryzh{text-align:center; padding-bottom:30px; margin-top:30px;}

	.divclass{font-size:20px;  display: inline; position: relative;}

	.h2class{ text-align:center; font-size:20px; padding-bottom:30px;}

    .jcImgScroll{position:relative;height:520px;margin:40px auto 0 auto;}

	.containerry {display:none;}

	.wapcontainerrya{display:none;}

	.wapcontainerryaa{display:none;}

	.wapcontainerryaaa{display:none;}

	.wapcontainerry{width:100%; display:block; padding-bottom:30px;}

	.poster-main {width: 320px;;height: 248px;position: relative;margin: 0 auto; padding-bottom:30px;}

.poster-main a, .poster-main img {display: block; }

.poster-main .poster-list {width: 320px;height: 248px;}

.poster-main .poster-list .poster-item {width: 180px;height: 248px;position: absolute;text-align:center;left: 0;top: 0;}

.poster-main .poster-list .poster-item p{width:160px; margin:10px auto; line-height:20px; font-size:12px;}

.poster-main .poster-btn {position: absolute;top: 0;z-index: 10;cursor: pointer;}

.poster-main .poster-prev-btn {left: 0px;background: url(../image/arrow-left.png) no-repeat left center;}

.poster-main .poster-next-btn {right: 0px;background: url(../image/arrow-right.png) no-repeat right center;}

	}

	

/*核心力量*/

.w1200{ max-width:1200px; margin:0 auto;}

.w1172{ max-width:1280px; margin:0 auto;}

.henxin_abf h2{ font-size:33px; text-align:center; margin-top:53px;}

.henxin_abf p{ font-size:16px; line-height:25px;}

.henxin_abh{ display:block; margin:11px auto 29px auto;}



.hexin_bj{ min-width:1172px; margin:0 auto; background:url(../image/hexin_bj.jpg) no-repeat center top;}

.hexin_bj h2{ font-size:20px; color:#595656; text-align:center; font-weight:600;}

.hexin_bj>div:nth-child(1){ padding-top:17px;}

.hexin_bj>div:nth-child(1) p{ margin-left:456px;}

.hexin_bj p{ display:block; font-size:17px; color:#898989; width:288px; margin:12px auto 0 auto; line-height:28px;}

.hexin_bj ul li{ margin-top:181px; margin-bottom:236px;margin-left:10px;}



@media( max-width:1260px){

  .hexin_bj{ display:none;}

  .henxin_abf{ width:90%;}

}





.ab_jishu{ display:none;}



@media( max-width:1260px){

  .ab_jishu{ display:block; width:90%; margin:0 auto 12em auto;}

}





@media (max-width:768px) {

.top{display:none;}

.tn{display:none;}

.banner_ab1{display:none;}

.ey-head{ display:block;}	

.ey-banner-ny{ display:block;}

.ey-banner{ display:block; padding-top:50px;}

}



@media (max-width:1024px) {

.top{display:none;}

.banner_ab1{display:none;}

.tn{display:none;}

.ey-head{ display:block;}

.ey-banner-ny{ display:block;}

.ey-banner{ display:block; padding-top:50px;}

.active{ border-bottom:2px solid #1eb8ce;}

.zh_nav{ height:48px; border-bottom:2px solid #e1e5e2; border-top:1px solid #dedfda;}

.zh_nav li{ width:20%; float:left;}

.zh_nav li a{ display:block; width:100%; text-align:center; line-height:48px; font-size:16px;}

.zh_nav li:hover a{ border-bottom:2px solid #1eb8ce;}

.hexin_hn li{ width:33.3333%;}

.hexin_hn a{ display:block; width:100%; text-align:center; line-height:48px; font-size:16px;}

.henxin_abf h2{ font-size:20px; text-align:center; margin-top:13px;}

}



@media (max-width:680px) {

.top{display:none;}

.banner_ab1{display:none;}

.tn{display:none;}

.ey-head{ display:block;}

.ey-banner-ny{ display:block;}

.ey-banner{ display:block; padding-top:50px;}

.active{ border-bottom:2px solid #1eb8ce;}

.zh_nav{ height:38px; border-bottom:2px solid #e1e5e2; border-top:1px solid #dedfda;}

.zh_nav li{ width:20%; float:left;}

.zh_nav li a{ display:block; width:100%; text-align:center; line-height:38px; font-size:12px;}

.zh_nav li:hover a{ border-bottom:2px solid #1eb8ce;}

.hexin_hn li{ width:33.3333%;}

.hexin_hn a{ display:block; width:100%; text-align:center; line-height:38px; font-size:12px;}

.henxin_abf h2{ font-size:20px; text-align:center; margin-top:13px;}

}



@media (max-width:480px) {

.top{display:none;}

.banner_ab1{display:none;}

.tn{display:none;}

.ey-head{ display:block;}

.ey-banner-ny{ display:block;}

.ey-banner{ display:block; padding-top:50px;}

.active{ border-bottom:2px solid #1eb8ce;}

.zh_nav{ height:38px; border-bottom:2px solid #e1e5e2; border-top:1px solid #dedfda;}

.zh_nav li{ width:20%; float:left;}

.zh_nav li a{ display:block; width:100%; text-align:center; font-size:12px;}

.zh_nav li:hover a{ border-bottom:2px solid #1eb8ce;}

.hexin_hn li{ width:33.3333%;}

.hexin_hn a{ display:block; width:100%; text-align:center; line-height:38px; font-size:12px;}

.henxin_abf h2{ font-size:20px; text-align:center; margin-top:13px;}

.aboutnav li a{ display:block; width:100%; text-align:center; line-height:18px; font-size:12px;}

}



/*品质管控*/

.pz01{ margin-top:81px;}

.pz02 li{ float:left;}

.pz02 li:nth-child(1){ margin-right:2.901%; width:54.010%;}

.pz02 li:nth-child(2){ width:43.089%;}

.pz02 li h3{color:#1bb8ce; font-size:23px; padding-top:1.75em;}

.pz02 li img{ display:block; width:100%;}

.pz03{ padding-top:3.55em;}



@media (max-width:768px) {

.pz02 li:nth-child(1){width:100%;}

.pz02 li:nth-child(2){width:100%;}

}

.w1193{ max-width:1193px; margin:0 auto 5em auto;}

.hexin_pro li{ float:left; margin:0 10.25px 20.5px 10.25px ; position:relative;}

.hexin_pro li div{ position:absolute; left:27px; top:25px;}

.hexin_pro li div h2{ color:#1bb8ce; font-size:15px; font-weight:600;}

.hexin_pro li div p{ color:#717070; font-size:14px; line-height:20px; margin-top:7px;}

.hexin_pro li:nth-child(1) p{ width:186px;}

.hexin_pro li:nth-child(3) p{ width:126px;}

.hexin_pro li:nth-child(4) p{ width:116px;}

.hexin_pro li:nth-child(5) p{ width:125px;}
.hexin_pro li:nth-child(6) p{ width:140px;}

.hexin_pro li:nth-child(8) p{ width:142px;}





@media (max-width:768px) {

.w1193{ max-width:100%; margin:0 auto 5em auto;}

.hexin_pro li{ float:none; width:400px; margin:20px auto; position:relative;}

.hexin_pro li div{ position:absolute; left:27px; top:25px;}

.hexin_pro li div h2{ color:#1bb8ce; font-size:15px; font-weight:600;}

.hexin_pro li div p{ color:#717070; font-size:14px; line-height:20px; margin-top:7px;}

.hexin_pro li:nth-child(1) p{ width:186px;}

.hexin_pro li:nth-child(3) p{ width:126px;}

.hexin_pro li:nth-child(4) p{ width:116px;}

.hexin_pro li:nth-child(5) p{ width:142px;}

.hexin_pro li:nth-child(8) p{ width:142px;}

}



@media only screen and (max-width: 1192px) and (min-width: 768px){

	

.w1193{ max-width:768px; margin:0 auto 5em auto;}

.hexin_pro li{ float:left; width:360px; margin:20px 10px; position:relative;}

.hexin_pro li div{ position:absolute; left:27px; top:25px;}

.hexin_pro li div h2{ color:#1bb8ce; font-size:15px; font-weight:600;}

.hexin_pro li div p{ color:#717070; font-size:14px; line-height:20px; margin-top:7px;}

.hexin_pro li:nth-child(1) p{ width:186px;}

.hexin_pro li:nth-child(3) p{ width:126px;}

.hexin_pro li:nth-child(4) p{ width:116px;}

.hexin_pro li:nth-child(5) p{ width:142px;}

.hexin_pro li:nth-child(8) p{ width:142px;}

	}



/*生产规模*/

.guimo_list{ width:604px; margin:5em auto 4.5em auto;}

.guimo_list li{ float:left; width:301px; margin-right:2px; background-color:#dcdddd; height:60px; line-height:60px; color:#595757; font-size:23px; text-align:center;}

.guimo_list li:nth-child(2){ margin-right:0px;}

.ab_guimo{ background:url(../image/in_guimo_01.jpg) no-repeat center top; margin-bottom:6em;}

.ab_guimo li{ float:left; width:293px; text-align:center; font-size:14px; color:#595757; padding-top:78px; padding-bottom:86px;}

.ab_guimo li span{ color:#898989;}

.ab_guimo li i{ font-size:37px; font-style:normal; color:#1bb8ce;}

.guimo_list .blue{ background-color:#1bb8ce; color:#fff;}



.progs{ background-color:#efefef;}

.progs h2{ font-size:33px; text-align:center; padding-top:2em;}

.progs_img{ display:block; width:auto; margin:2.75em auto 0em auto; padding-bottom:5.45em;}

@media( max-width:1780px){

  .progs_img{ width:96%;}

}



.w1195{ width:1195.5px; margin:0 auto 3.5em auto;}

.ab_shebei h2{ font-size:33px; text-align:center; margin-top:53px;}

.ab_shebei li{ float:left; margin:0 11.75px; background-color:#efefef; height:691px; margin-bottom:63px;}

.ab_shebei li h2{ width:258px; font-size:23px; text-align:left; color:#595757; margin-left:30px; margin-top:40px; line-height:32px;}

.ab_shebei li p{ width:308px; font-size:14px; color:#595757; margin-left:30px; line-height:23px; margin-top:20px;}

.ab_shebei li:hover{ background-color:#1bb8ce;}

.ab_shebei li:hover h2{ color:#fff;}

.ab_shebei li:hover p{ color:#fff;}







@media only screen and (max-width: 1172px) and (min-width: 800px){

.guimo_list{ width:100%; margin:2em 0 ;}

.guimo_list li{ float:left; width:50%; margin-right:0; background-color:#dcdddd; height:50px; line-height:50px; color:#595757; font-size:20px; text-align:center;}

.guimo_list li:nth-child(2){ margin-right:0px;}

.ab_guimo{ width:100%; margin-bottom:3em;}

.ab_guimo img{width:100%;}

.ab_guimo li{ float:left; width:50%; text-align:center; font-size:14px; color:#595757; padding-top:78px; height:64px;}

.ab_guimo li span{ color:#898989;}

.ab_guimo li i{ font-size:37px; font-style:normal; color:#1bb8ce;}

.guimo_list .blue{ background-color:#1bb8ce; color:#fff;}

.progs h2{ font-size:20px; text-align:center; padding-top:2em;}



.w1195{ width:96%; margin:0 2% 3.5em 2%;}

.ab_shebei h2{ font-size:20px; text-align:center; margin-top:33px;}

.ab_shebei li{ float:left; width:44%; margin:0 3%; background-color:#efefef; height:691px; margin-bottom:33px;}

.ab_shebei li h2{ width:90%; font-size:20px; text-align:left; color:#595757; margin-left:5%; margin-right:5%; margin-top:20px; line-height:32px;}

.ab_shebei li p{ width:90%; font-size:14px; color:#595757; margin-left:5%; margin-left:5%; line-height:23px; margin-top:20px;}

.ab_shebei li:hover{ background-color:#1bb8ce;}

.ab_shebei li:hover h2{ color:#fff;}

.ab_shebei li:hover p{ color:#fff;}

.ab_shebei li img{width:100%;}

}

@media only screen and (max-width: 800px) and (min-width: 480px){

.guimo_list{ width:80%; margin:2em 10% ;}

.guimo_list li{ float:left; width:50%; margin-right:0; background-color:#dcdddd; height:50px; line-height:50px; color:#595757; font-size:20px; text-align:center;}

.guimo_list li:nth-child(2){ margin-right:0px;}

.ab_guimo{ width:100%; margin-bottom:1.5em;}

.ab_guimo img{width:100%;}

.guimo_list .blue{ background-color:#1bb8ce; color:#fff;}

.progs h2{ font-size:20px; text-align:center; padding-top:2em;}



.w1195{ width:96%; margin:0 2% 3.5em 2%;}

.ab_shebei h2{ font-size:20px; text-align:center; margin-top:33px;}

.ab_shebei li{ float:left; width:44%; margin:0 3%; background-color:#efefef; height:501px; margin-bottom:33px;}

.ab_shebei li h2{ width:90%; font-size:20px; text-align:left; color:#595757; margin-left:5%; margin-right:5%; margin-top:20px; line-height:32px;}

.ab_shebei li p{ width:90%; font-size:14px; color:#595757; margin-left:5%; margin-left:5%; line-height:23px; margin-top:20px;}

.ab_shebei li:hover{ background-color:#1bb8ce;}

.ab_shebei li:hover h2{ color:#fff;}

.ab_shebei li:hover p{ color:#fff;}

.ab_shebei li img{width:100%;}

}

@media( max-width:480px){

.guimo_list{ width:80%; margin:2em 10% ;}

.guimo_list li{ float:left; width:50%; margin-right:0; background-color:#dcdddd; height:30px; line-height:30px; color:#595757; font-size:16px; text-align:center;}

.guimo_list li:nth-child(2){ margin-right:0px;}

.ab_guimo{ width:100%; margin-bottom:1em;}

.ab_guimo img{width:100%;}

.guimo_list .blue{ background-color:#1bb8ce; color:#fff;}

.progs h2{ font-size:20px; text-align:center; padding-top:2em;}



.w1195{ width:96%; margin:0 2% 3.5em 2%;}

.ab_shebei h2{ font-size:20px; text-align:center; margin-top:33px;}

.ab_shebei li{ float:left; width:94%; margin:0 3%; background-color:#efefef; height:621px; margin-bottom:33px;}

.ab_shebei li h2{ width:90%; font-size:20px; text-align:left; color:#595757; margin-left:5%; margin-right:5%; margin-top:20px; line-height:32px;}

.ab_shebei li p{ width:90%; font-size:14px; color:#595757; margin-left:5%; margin-left:5%; line-height:23px; margin-top:20px;}

.ab_shebei li:hover{ background-color:#1bb8ce;}

.ab_shebei li:hover h2{ color:#fff;}

.ab_shebei li:hover p{ color:#fff;}

.ab_shebei li img{width:100%;}

}