@charset "utf-8";
/* css document */

/*	banner css
**********************************************************/

/*#focus-banner{position: relative;width: 100%;overflow: hidden; margin-top:100px;}
#focus-banner-list{position: relative;}
#focus-banner-list li{position: absolute;left: 0;top: 0;width: 100%;}
#focus-banner-list li img{width: 100%; height:100%;}
.focus-banner-img{display: block;}
#focus-banner-list .focus-banner-text{position: absolute;left: 50%;top: 0;width: 1000px;height: 100%;margin-left: -500px;text-align: center;color: #fff;font-size: 16px;text-align: center;}
#focus-banner .focus-handle{position: absolute;top: 50%;margin-top: -40px;z-index: 100;display: block;width: 80px;height: 80px;background-image: ;}
#next-img{left: 0;}
#next-img{left: 50px;background-position: 0 0;}
#next-img:hover{background-position: 0 -80px;}
#prev-img{right: 0;}
#prev-img{right: 50px;background-position: -80px 0;}
#prev-img:hover{background-position: -80px -80px;}
#focus-bubble{position: absolute; width:130px !important;left: 50%;bottom: 50px;z-index: 999;}
#focus-bubble li{float: left;width:10px;height:10px;margin:5px 5px 0 5px; background:#fff;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-o-border-radius: 50%;-ms-border-radius: 50%;border:2px #fff solid;cursor: pointer;}
#focus-bubble li a{display: block;width: 100%;height: 100%;filter:alpha(opacity=0);opacity: 0;}
#focus-bubble li.current{width:18px;height:18px; background:none; margin-top:0px;}
#focus-bubble li.current i{ display:block;}
#focus-bubble i{ display:none; margin:auto; margin-top:4px; width:10px; height:10px; background:#fff; border-radius:50%;}
.focus-banner-text .banner-tit{ margin-top:308px; font-size:50px;}
.focus-banner-text .banner-tit2{ margin-top:40px; margin-bottom:10px; font-size:30px;}
.focus-banner-text p{ font-size:22px; font-weight:100;text-transform: uppercase;font-family: 'itc avant garde gothic';}*/


#focus-banner{position: relative;width: 100%;overflow: hidden; margin-top:100px; max-height:800px;}
#focus-banner-list{position: relative;}
#focus-banner-list li{position: absolute;left: 0;top: 0;width: 100%;}
#focus-banner-list li img{width: 100%;}
.focus-banner-img{display: block;}
#focus-banner-list .focus-banner-text{position: absolute;left: 50%;top: 0;width: 1000px;height: 100%;margin-left: -500px;text-align: center;color: #fff;font-size: 16px;text-align: center;}
#focus-banner .focus-handle{position: absolute;top: 50%;margin-top: -40px;z-index: 100;display: block;width: 80px;height: 80px;}
#next-img{left: 0;}
#next-img{left: 50px;background-position: 0 0;}
#next-img:hover{background-position: 0 -80px;}
#prev-img{right: 0;}
#prev-img{right: 50px;background-position: -80px 0;}
#prev-img:hover{background-position: -80px -80px;}
#focus-bubble{position: absolute; width:130px !important;left: 50%;bottom: 50px;z-index: 399;}
#focus-bubble li{float: left;width:10px;height:10px;margin:5px 5px 0 5px; background:#fff;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-o-border-radius: 50%;-ms-border-radius: 50%;border:2px #fff solid;cursor: pointer;}
#focus-bubble li a{display: block;width: 100%;height: 100%;filter:alpha(opacity=0);opacity: 0;}
#focus-bubble li.current{width:18px;height:18px; background:none; margin-top:0px;}
#focus-bubble li.current i{ display:block;}
#focus-bubble i{ display:none; margin:auto; margin-top:4px; width:10px; height:10px; background:#fff; border-radius:50%;}
.focus-banner-text .banner-tit{ margin-top:308px; font-size:50px;}
.focus-banner-text .banner-tit2{ margin-top:40px; margin-bottom:10px; font-size:30px;}
.focus-banner-text p{ font-size:22px; font-weight:100;text-transform: uppercase;font-family: 'itc avant garde gothic';}*/




/*************************************
 *	
************************************/
.index-notice{ height:75px; border-bottom:#e5e5e5 1px solid;}
.index-notice .notice-icon{ float:left; width:115px; padding-left:35px; font-size:18px; font-weight:bold; line-height:75px; color:#333333;}
.index-notice .notice-li{ float:left; width:325px; line-height:75px; height: 75px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.index-notice .notice-li i{ display:inline-block; width:6px; height:6px; background:#0f893c; margin-right:7px;}
.index-notice .notice-li a{ font-size:16px; color:#666666;}
.index-notice .notice-li a:hover{ color:#0f893c;}
.index-commay{ padding-bottom:50px;}

.index-number{ width:100%; margin:40px 0 80px 0; overflow:hidden;} 
.index-number .index-number-li{float:left;}
.index-number .index-number-li span{ display:inline-block; margin-bottom:15px; font-size:74px; font-weight:bold; color:#333333; text-align:center; font-family: 'itc avant garde gothic';}
.index-number .index-number-li p{ font-size:16px; color:#999999;}
.index-number .index-number-li.border{ background-image:url(/uploads/image/simages/border-bg.png); background-position:0px 40px; background-repeat:no-repeat;}
.index-number .index-number-li.number-li-two{ width:450px; }
.index-number .index-number-li.number-li-one{ width:310px; }




.index-commay .index-com-b{}
.index-commay .index-com-b h4{ display:block; font-size:24px; color:#0f893c;}
.index-commay .index-com-b h5{ display:block; font-size:16px; color:#b3b3b3;text-transform: uppercase; font-weight:normal;}
.index-commay .index-com-b p{ display:block; margin-top:35px; margin-bottom:33px; font-size:16px; color:#666666; line-height:32px;}
.index-commay .index-com-b a{ display:block; font-size:14px; color:#999999;}
.index-commay .index-com-b a:hover{ color:#0f893c;}
.index-product{ padding:90px 0 50px 0; background:#f8f8f8;}
.index-product h4{ margin-bottom:10px; font-size:32px; color:#0f893c; text-align:center;}
.index-product h5{ text-align:center; font-size:22px; color:#808080; font-weight:normal;text-transform: uppercase;font-family: 'itc avant garde gothic'; font-weight:100;}
.index-product .frame-head{ width:100%;margin:50px 0 0px 0; padding-bottom:60px; text-align:center; color:#666666;}
.index-product .frame-head a{ display:inline-block; width:auto; height:100%; padding:8px 30px; font-size:16px; color:#333333;}
.index-product .frame-head a.active{ color:#0f893c; font-size: 20px;}
.index-product .frame-body{ display: none; width:100%;}
.index-product .frame-body.active{ display: block;}
.index-product .product-warp{  overflow:hidden;}
.index-hover-warp{ min-height:460px; overflow:hidden;}
.index-product .product-warp .product-li{ float:left; width:32%;}
.index-product .product-warp .product-li:nth-child(2){ margin:0 1%;}
.index-product .product-warp .product-li span{ display:block; width:470px; font-size:16px; line-height:26px; color:#999999;}
.index-product .product-warp .product-li p{ margin-top:30px; width:470px; margin-bottom:15px; font-size:20px; color:#333333;}
.index-product .product-warp .product-li .news-img{width:470px;height: 300px;margin: auto;overflow: hidden;}
.index-product .product-warp .product-li .news-img img{cursor: pointer;transition: all 1.0s;width: 100%;height: 100%;}
.index-product .product-warp .product-li .news-img img:hover{transform: scale(1.2);}
.index-product .product-warp .product-li:hover .news-bodyy{ background:#0f893c;}
.index-product .product-warp .product-li .news_bot_li_top{ display:block;}
.index-product .product-warp .product-li .news-bodyy{ padding:30px 15px 0 15px;}
.index-product .product-warp .product-li:hover p{ color:#fff;}
.index-product .product-warp .product-li:hover span{ color:#fff;}
.index-product .product-warp .product-li:hover .news-bodyy{ position:relative; z-index:99; transition:0.6s; -webkit-transition:0.6s; margin-top:-50px; padding:30px 15px 30px 15px;}
.index-product .product-warp .product-li .news-bodyy a{ display:block; margin:40px 0 0px 0; font-size:16px; color:#fff; text-align:center;}
.index-product .product-warp .product-li .news-bodyy a{ display:none;}
.index-product .product-warp .product-li:hover .news-bodyy a{ display:block;}





.index-service{ padding:90px 0; background-image:url(/uploads/image/simages/servicebg.jpg); background-repeat:no-repeat; background-position:bottom right;}
.index-service h4{ display:block; font-size:32px; color:#0f893c; text-align:center;}
.index-service h5{ display:block; font-size:22px; color:#b3b3b3; text-align:center;font-family: 'itc avant garde gothic'; font-weight:100;text-transform: uppercase;}
.index-service a{ cursor:default;}
.index-service .service-warp{ overflow:hidden; margin-top:55px;}
.index-service .service-warp span{ display:block; font-size:50px; margin-bottom:0px; padding-top:30px; padding-left:35px;font-family: 'agency fb'; color:#fff;}
.index-service .service-li1{ width:384px; height:535px; background-size:100%;cursor: pointer;transition: all 0.6s;}
.index-service .service-li1 .p-cn{ padding-left:35px; font-size:26px; color:#fff;}
.index-service .service-li1 .p-en{ padding-left:35px; font-size:18px; color:#fff;font-family: 'itc avant garde gothic'; font-weight:100;}
.index-service .service-li1:hover{ background-size:110%;cursor: pointer;transition: all 0.6s;}
.index-service .service-li2{ width:383px; height:257px; margin-bottom:20px; background-size:100%;cursor: pointer;transition: all 0.6s;}
.index-service .service-li2:hover{ background-size:110%;cursor: pointer;transition: all 0.6s;}
.index-service .service-li2 .p-cn{ padding-left:35px; font-size:26px; color:#fff;}
.index-service .service-li2 .p-en{ padding-left:35px; font-size:18px; color:#fff;font-family: 'itc avant garde gothic'; font-weight:100;}
.index-service .service-li3{ width:383px; height:257px; background-size:100%;cursor: pointer;transition: all 0.6s;}
.index-service .service-li3:hover{ background-size:110%;cursor: pointer;transition: all 0.6s;}
.index-service .service-li3 .p-cn{ padding-left:35px; font-size:26px; color:#fff;}
.index-service .service-li3 .p-en{ padding-left:35px; font-size:18px; color:#fff;font-family: 'itc avant garde gothic'; font-weight:100;}
.index-service .service-li4{ width:716px; margin-bottom:20px; height:257px; background-size:100%;cursor: pointer;transition: all 0.6s;}
.index-service .service-li4:hover{ background-size:110%;cursor: pointer;transition: all 0.6s;}
.index-service .service-li4 .p-cn{ padding-left:35px; font-size:26px; color:#fff;}
.index-service .service-li4 .p-en{ padding-left:35px; font-size:18px; color:#fff;font-family: 'itc avant garde gothic'; font-weight:100;}
.index-service .service-li5{ width:350px; height:257px; background-size:100%;cursor: pointer;transition: all 0.6s;}
.index-service .service-li5:hover{ background-size:110%;cursor: pointer;transition: all 0.6s;}
.index-service .service-li5 .p-cn{ padding-left:35px; font-size:26px; color:#fff;}
.index-service .service-li5 .p-en{ padding-left:35px; font-size:18px; color:#fff;font-family: 'itc avant garde gothic'; font-weight:100;}
.index-service .service-li6{ width:350px; height:257px; background-size:100%;cursor: pointer;transition: all 0.6s;}
.index-service .service-li6:hover{ background-size:110%;cursor: pointer;transition: all 0.6s;}
.index-service .service-li6 .p-cn{ padding-left:35px; font-size:26px; color:#fff;}
.index-service .service-li6 .p-en{ padding-left:35px; font-size:18px; color:#fff;font-family: 'itc avant garde gothic'; font-weight:100;}
.index-service .service-w-li1{ width:384px; margin-right:20px;}
.index-service .service-w-li2{ width:384px;}
.index-service .service-w-li3{ width:716px;}
.index-partner{ padding:90px 0; background:#f8f8f8;}
.index-partner h4{ margin-bottom:10px; font-size:32px; color:#0f893c; text-align:center;}
.index-partner h5{ text-align:center; font-size:22px; color:#808080;text-transform: uppercase; font-family: 'itc avant garde gothic'; font-weight:normal;}
.index-partner .partner-li{ width:25%; float:left;}
.index-partner .partner-li a em{ color:#ababab; display:block; margin-top:13px;}
.index-partner .partner-li a h3{ color:#333; font-size: 18px; margin-top:10px;}
.index-partner .partner-li a p{ font-size:14px; margin-top:10px; color:#888}
.index-partner .partner-li .partner-img{ margin:auto; text-align:center;}
.index-partner .partner-li .partner-img img{ display:block; margin:auto; max-width:100%;}
.index-partner .partner-warp{ overflow:hidden; margin-top:30px;}
.index-partner .partner-btn{ display:block; width:120px; margin:auto; margin-top:60px; font-size:14px; color:#666666; line-height:35px; border:#666666 1px dashed; text-align:center;}
.index-partner .partner-btn:hover{ background:#0f893c; color:#fff; transition:0.4s;}





.partner-warp .partner-img{width:245px;height: 156px;overflow: hidden; border:#e4e4e4 1px solid;}
.partner-warp .partner-img img{cursor: pointer;transition: all 1.0s;width: 100%;height: 100%;}
.partner-warp .partner-img img:hover{transform: scale(1.2);}




@media (min-width:768px){
    .index-notice .notice-li{ float:left; width:20%; line-height:75px; height: 75px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .index-number .index-number-li span{ display:inline-block; margin-bottom:15px; font-size:50px; font-weight:bold; color:#333333; text-align:center;}
    .index-product .frame-head a{ display:inline-block; width:auto; height:100%; padding:8px 20px; font-size:16px; color:#333333;}
    .index-product .product-warp .product-li{ float:left; width:32%;}
    .index-product .product-warp .product-li span{ display:block; width:90%; font-size:16px; line-height:26px; color:#999999;}
    .index-product .product-warp .product-li p{ margin-top:0px; width:90%; margin-bottom:15px; font-size:20px; color:#333333;}
    .index-product .product-warp .product-li .news-img{width:100%;height: auto;overflow: hidden;}
    .index-service .service-w-li1{ width:24vw; margin-right:1vw;}
    .index-service .service-w-li2{ width:21vw;}
    .index-service .service-w-li3{ width:31vw;}
    .index-service .service-li1{ width:24vw; height:33vh; background-size: cover;}
    .index-service .service-li2{ width:21vw; height:16vh; margin-bottom:1vh; background-size: cover;}
    .index-service .service-li3{ width:21vw; height:16vh; background-size: cover;}
    .index-service .service-li4{ width:31vw; margin-bottom:1vh;height:16vh; background-size: cover;}
    .index-service .service-li5{ width:15vw; height:16vh; background-size: cover;}
    .index-service .service-li6{ width:15vw; height:16vh; background-size: cover;}
    .index-service .service-li1:hover{ background-size:cover;}
    .index-service .service-li2:hover{ background-size:cover;}
    .index-service .service-li3:hover{ background-size:cover;}
    .index-service .service-li4:hover{ background-size:cover;}
    .index-service .service-li5:hover{ background-size:cover;}
    .index-service .service-li6:hover{ background-size:cover;}
    .partner-warp .partner-img{width:90%;height: auto;overflow: hidden; border:#e4e4e4 1px solid;}
    .focus-banner-text .banner-tit{ margin-top:108px; font-size:50px;}
	.index-notice{ height:75px; border-bottom:#e5e5e5 1px solid;}
    .index-number .index-number-li.number-li-two{ width:28%; }
    .index-number .index-number-li.number-li-one{ width:22%; }



}
@media (min-width: 991px){
    .index-notice .notice-li{ float:left; width:20%; line-height:75px; height: 75px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .index-number .index-number-li span{ display:inline-block; margin-bottom:15px; font-size:60px; font-weight:bold; color:#333333; text-align:center;}
    .index-product .frame-head a{ display:inline-block; width:auto; height:100%; padding:8px 30px; font-size:16px; color:#333333;}
    .index-product .product-warp .product-li{ float:left; width:32%;}
    .index-product .product-warp .product-li span{ display:block; width:90%; font-size:16px; line-height:26px; color:#999999;}
    .index-product .product-warp .product-li p{ margin-top:0px; width:100%; margin-bottom:15px; font-size:20px; color:#333333;}
    .index-product .product-warp .product-li .news-img{width:100%;height:auto;margin: auto;overflow: hidden;}
    .index-service .service-w-li1{ width:245px; margin-right:15px;}
    .index-service .service-w-li2{ width:245px;}
    .index-service .service-w-li3{ width:450px;}
    .index-service .service-li1{ width:100%; height:420px; background-size: cover;}
    .index-service .service-li2{ width:100%; height:200px; margin-bottom:20px; background-size: cover;}
    .index-service .service-li3{ width:100%; height:200px; background-size: cover;}
    .index-service .service-li4{ width:100%; margin-bottom:20px;height:200px; background-size: cover;}
    .index-service .service-li5{ width:49%; height:200px; background-size: cover;}
    .index-service .service-li6{ width:49%; height:200px; background-size: cover;}
    .index-service .service-li1:hover{ background-size:cover;}
    .index-service .service-li2:hover{ background-size:cover;}
    .index-service .service-li3:hover{ background-size:cover;}
    .index-service .service-li4:hover{ background-size:cover;}
    .index-service .service-li5:hover{ background-size:cover;}
    .index-service .service-li6:hover{ background-size:cover;}
    .partner-warp .partner-img{width:90%;height:auto;overflow: hidden; border:#e4e4e4 1px solid;}
    .focus-banner-text .banner-tit{ margin-top:100px; font-size:50px;}
	.index-notice{ height:75px; border-bottom:#e5e5e5 1px solid;}
    .index-number .index-number-li.number-li-two{ width:27%; }
    .index-number .index-number-li.number-li-one{ width:23%; }



}
@media (min-width:1024px){
    .index-notice .notice-li{ float:left; width:20%; line-height:75px; height: 75px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .index-number .index-number-li span{ display:inline-block; margin-bottom:15px; font-size:60px; font-weight:bold; color:#333333; text-align:center;}
    .index-product .frame-head a{ display:inline-block; width:auto; height:100%; padding:8px 30px; font-size:16px; color:#333333;}
    .index-product .product-warp .product-li{ float:left; width:32%;}
    .index-product .product-warp .product-li span{ display:block; width:90%; font-size:16px; line-height:26px; color:#999999;}
    .index-product .product-warp .product-li p{ margin-top:0px; width:100%; margin-bottom:15px; font-size:20px; color:#333333;}
    .index-product .product-warp .product-li .news-img{width:100%;height:auto;margin: auto;overflow: hidden;}
    .index-service .service-w-li1{ width:250px; margin-right:20px;}
    .index-service .service-w-li2{ width:250px;}
    .index-service .service-w-li3{ width:480px;}
    .index-service .service-li1{ width:100%; height:400px; background-size: 120%;}
    .index-service .service-li2{ width:100%; height:190px; margin-bottom:20px; background-size: 120%;}
    .index-service .service-li3{ width:100%; height:190px; background-size:  120%;}
    .index-service .service-li4{ width:100%; margin-bottom:20px; height:190px; background-size:  120%;}
    .index-service .service-li5{ width:49%; height:190px; background-size:  120%;}
    .index-service .service-li6{ width:49%; height:190px; background-size:  120%;}
    .index-service .service-li1:hover{ background-size:140%;}
    .index-service .service-li2:hover{ background-size:140%;}
    .index-service .service-li3:hover{ background-size:140%;}
    .index-service .service-li4:hover{ background-size:140%;}
    .index-service .service-li5:hover{ background-size:140%;}
    .index-service .service-li6:hover{ background-size:140%;}
    .partner-warp .partner-img{width:90%;height:auto;overflow: hidden; border:#e4e4e4 1px solid;}
    .focus-banner-text .banner-tit{ margin-top:130px; font-size:50px;}
	.index-notice{ height:75px; border-bottom:#e5e5e5 1px solid;}
    .index-number .index-number-li.number-li-two{ width:28%; }
    .index-number .index-number-li.number-li-one{ width:22%; }
	
	
}
@media (min-width:1280px){
    .index-notice .notice-li{ float:left; width:20%; padding-left:15px; line-height:75px; height: 75px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .index-number .index-number-li span{ display:inline-block; margin-bottom:15px; font-size:60px; font-weight:bold; color:#333333; text-align:center;}
    .index-product .frame-head a{ display:inline-block; width:auto; height:100%; padding:8px 30px; font-size:16px; color:#333333;}
    .index-product .product-warp .product-li{ float:left; width:32%;}
    .index-product .product-warp .product-li span{ display:block; width:90%; font-size:16px; line-height:26px; color:#999999;}
    .index-product .product-warp .product-li p{ margin-top:0px; width:470px; margin-bottom:15px; font-size:20px; color:#333333;}
    .index-product .product-warp .product-li .news-img{width:100%;height:auto;margin: auto;overflow: hidden;}
    .index-service .service-w-li1{ width:300px; margin-right:20px;}
    .index-service .service-w-li2{ width:300px;}
    .index-service .service-w-li3{ width:610px;}
    .index-service .service-li1{ width:100%; height:415px; background-size: 100%;}
    .index-service .service-li2{ width:100%; height:200px; margin-bottom:20px; background-size: 100%;}
    .index-service .service-li3{ width:100%; height:200px; background-size:  100%;}
    .index-service .service-li4{ width:100%; margin-bottom:20px; height:200px; background-size:  100%;}
    .index-service .service-li5{ width:49%; height:200px; background-size:  100%;}
    .index-service .service-li6{ width:49%; height:200px; background-size:  100%;}
    .index-service .service-li1:hover{ background-size:110%;}
    .index-service .service-li2:hover{ background-size:110%;}
    .index-service .service-li3:hover{ background-size:110%;}
    .index-service .service-li4:hover{ background-size:110%;}
    .index-service .service-li5:hover{ background-size:110%;}
    .index-service .service-li6:hover{ background-size:110%;}
    .partner-warp .partner-img{width:90%;height: auto;overflow: hidden; border:#e4e4e4 1px solid;}
    .focus-banner-text .banner-tit{ margin-top:180px; font-size:50px;}
	.index-notice{ height:75px; border-bottom:#e5e5e5 1px solid;}
    .index-number .index-number-li.number-li-two{ width:30%; }
    .index-number .index-number-li.number-li-one{ width:20%; }
	
}
@media (min-width:1366px){
    .index-notice .notice-li{ float:left; width:20%; padding-left: 20px; line-height:75px; height: 75px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .index-number .index-number-li span{ display:inline-block; margin-bottom:15px; font-size:60px; font-weight:bold; color:#333333; text-align:center;}
    .index-product .frame-head a{ display:inline-block; width:auto; height:100%; padding:8px 30px; font-size:16px; color:#333333;}
    .index-product .product-warp .product-li{ float:left; width:32%;}
    .index-product .product-warp .product-li span{ display:block; width:90%; font-size:16px; line-height:26px; color:#999999;}
    .index-product .product-warp .product-li p{ margin-top:0px; width:470px; margin-bottom:15px; font-size:20px; color:#333333;}
    .index-product .product-warp .product-li .news-img{width:100%;height:auto;margin: auto;overflow: hidden;}
    .index-service .service-w-li1{ width:300px; margin-right:20px;}
    .index-service .service-w-li2{ width:300px;}
    .index-service .service-w-li3{ width:660px;}
    .index-service .service-li1{ width:100%; height:420px;}
    .index-service .service-li2{ width:100%; height:200px; margin-bottom:20px;}
    .index-service .service-li3{ width:100%; height:200px;}
    .index-service .service-li4{ width:100%; margin-bottom:20px; height:200px;}
    .index-service .service-li5{ width:49%; height:200px;}
    .index-service .service-li6{ width:49%; height:200px;}
    .partner-warp .partner-img{width:315px;height: 200px;overflow: hidden; border:#e4e4e4 1px solid;}
    .focus-banner-text .banner-tit{ margin-top:170px; font-size:50px;}
	.index-notice{ height:75px; border-bottom:#e5e5e5 1px solid;}
    .index-number .index-number-li.number-li-two{ width:32%; }
    .index-number .index-number-li.number-li-one{ width:18%; }

}
@media (min-width: 1560px) {
    .index-notice .notice-li{ float:left; width:320px; line-height:75px; height: 75px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .index-number .index-number-li span{ display:inline-block; margin-bottom:15px; font-size:60px; font-weight:bold; color:#333333; text-align:center;}
    .index-product .frame-head a{ display:inline-block; width:auto; height:100%; padding:8px 30px; font-size:16px; color:#333333;}
    .index-product .product-warp .product-li{ float:left; width:32%;}
    .index-product .product-warp .product-li span{ display:block; width:90%; font-size:16px; line-height:26px; color:#999999;}
    .index-product .product-warp .product-li p{ margin-top:0px; width:470px; margin-bottom:15px; font-size:20px; color:#333333;}
    .index-product .product-warp .product-li .news-img{width:100%;height:auto;margin: auto;overflow: hidden;}
   .index-service .service-w-li1{ width:384px; margin-right:20px;}
    .index-service .service-w-li2{ width:384px;}
    .index-service .service-w-li3{ width:716px;}
    .index-service .service-li1{ width:384px; height:535px;}
    .index-service .service-li2{ width:383px; height:257px; margin-bottom:20px;}
    .index-service .service-li3{ width:383px; height:257px;}
    .index-service .service-li4{ width:716px; margin-bottom:20px; height:257px;}
    .index-service .service-li5{ width:350px; height:257px;}
    .index-service .service-li6{ width:350px; height:257px;}
    .partner-warp .partner-img{width:370px;height: 236px;overflow: hidden; border:#e4e4e4 1px solid;}
    .focus-banner-text .banner-tit{ margin-top:200px; font-size:50px;}
	.index-hover-warp{ min-height:540px; overflow:hidden;}
	.index-notice{ height:75px; border-bottom:#e5e5e5 1px solid;}
    .index-number .index-number-li.number-li-two{ width:455px; }
    .index-number .index-number-li.number-li-one{ width:305px; }
	
	
	
	
	
	
}
@media (min-width: 1700px) {
    .index-notice .notice-li{ float:left; width:322px; line-height:75px; height: 75px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .index-number .index-number-li span{ display:inline-block; margin-bottom:15px; font-size:60px; font-weight:bold; color:#333333; text-align:center;}
    .index-product .frame-head a{ display:inline-block; width:auto; height:100%; padding:8px 30px; font-size:16px; color:#333333;}
    .index-product .product-warp .product-li{ float:left; width:32%;}
    .index-product .product-warp .product-li span{ display:block; width:90%; font-size:16px; line-height:26px; color:#999999;}
    .index-product .product-warp .product-li p{ margin-top:0px; width:470px; margin-bottom:15px; font-size:20px; color:#333333;}
    .index-product .product-warp .product-li .news-img{width:100%;height:auto;margin: auto;overflow: hidden;}
    .index-service .service-w-li1{ width:384px; margin-right:20px;}
    .index-service .service-w-li2{ width:384px;}
    .index-service .service-w-li3{ width:716px;}
    .index-service .service-li1{ width:384px; height:535px;}
    .index-service .service-li2{ width:383px; height:257px; margin-bottom:20px;}
    .index-service .service-li3{ width:383px; height:257px;}
    .index-service .service-li4{ width:716px; margin-bottom:20px; height:257px;}
    .index-service .service-li5{ width:350px; height:257px;}
    .index-service .service-li6{ width:350px; height:257px;}
    .partner-warp .partner-img{width:370px;height: 236px;overflow: hidden; border:#e4e4e4 1px solid;}
    .focus-banner-text .banner-tit{ margin-top:308px; font-size:50px;}
	.index-hover-warp{ min-height:540px; overflow:hidden;}
	.index-notice{ height:75px; border-bottom:#e5e5e5 1px solid;}
    .index-number .index-number-li.number-li-two{ width:455px; }
    .index-number .index-number-li.number-li-one{ width:305px; }
}