@charset "utf-8";
/* CSS Document */
/* inside.css */
.i_cont{padding:60px 0 80px;}
.i_cont .tit{color:#222;font-size:26px;text-align:center;padding: 0 0 30px 0;}
.i_cont .tit .desc{color:#999;font-size:14px;display:block;padding-top:5px;}

.i_cont .cont_list{}
.i_cont .cont_list li{background-color: #fafafa;padding:40px 120px 40px 265px;position: relative;color:#666;font-size:12px;line-height:22px;margin-bottom:22px;min-height: 90px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.i_cont .cont_list .txt_tit{color:#333;font-size:18px;padding-bottom:25px;}
.i_cont .cont_list .cont_img{width: 200px;height: 130px;background-color: #fff;position: absolute;left:20px;top:20px;}
.i_cont .cont_list .cont_img img{width: 200px;height: 130px;}
.i_cont .cont_list .cont_img .cont_img_icon,
.i_cont .cont_list .cont_img .cont_img_icon_bak{position: absolute;left:50%;top:50%;background:url(../images/product_m_icon.png) no-repeat;
	z-index: 1;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
    transform-style: preserve-3d;
    backface-visibility: hidden;
}
.i_cont .cont_list .cont_img .cont_img_icon_bak{z-index: 2;
	-webkit-transform: rotateY(-180deg);
	-moz-transform: rotateY(-180deg);
	-ms-transform: rotateY(-180deg);
	-o-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
}
.i_cont .cont_list  .m_p_01 .cont_img_icon{width:70px;height:60px;margin:-30px 0 0 -35px;background-position:-4px -13px;z-index:1;}
.i_cont .cont_list  .m_p_01 .cont_img_icon_bak{width:70px;height:60px;margin:-30px 0 0 -35px;background-position:-4px -93px;}
.i_cont .cont_list  .m_p_02 .cont_img_icon{width:60px;height:60px;margin:-30px 0 0 -25px;background-position:-95px -10px;z-index:1;}
.i_cont .cont_list  .m_p_02 .cont_img_icon_bak{width:60px;height:60px;margin:-30px 0 0 -25px;background-position:-95px -90px;}
.i_cont .cont_list  .m_p_03 .cont_img_icon{width:66px;height:56px;margin:-28px 0 0 -33px;background-position:-167px -13px;z-index:1;}
.i_cont .cont_list  .m_p_03 .cont_img_icon_bak{width:66px;height:56px;margin:-28px 0 0 -33px;background-position:-167px -92px;}
.i_cont .cont_list  .m_p_04 .cont_img_icon{width:48px;height:60px;margin:-30px 0 0 -24px;background-position:-247px -10px;z-index:1;}
.i_cont .cont_list  .m_p_04 .cont_img_icon_bak{width:48px;height:60px;margin:-30px 0 0 -24px;background-position:-247px -89px;}
.i_cont .cont_list li:hover{box-shadow:0 1px 7px rgba(0,0,0,0.15);}
.i_cont .cont_list li:hover .cont_img .cont_img_icon{
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg);
}
.i_cont .cont_list li:hover .cont_img .cont_img_icon_bak{
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	-o-transform: rotateY(0deg);
	transform: rotateY(0deg);
}

/*i_service*/
.i_service .cont_list .cont_img .cont_img_icon,
.i_service .cont_list .cont_img .cont_img_icon_bak{background:url(../images/service_m_icon.png) no-repeat;}
.i_cont .cont_list  .m_s_01 .cont_img_icon{width:109px;height:91px;margin:-40px 0 0 -55px;background-position:-5px -8px;z-index:1;}
.i_cont .cont_list  .m_s_01 .cont_img_icon_bak{width:109px;height:91px;margin:-40px 0 0 -55px;background-position:-5px -107px;}
.i_cont .cont_list  .m_s_02 .cont_img_icon{width:86px;height:88px;margin:-40px 0 0 -45px;background-position:-122px -8px;z-index:1;}
.i_cont .cont_list  .m_s_02 .cont_img_icon_bak{width:86px;height:88px;margin:-40px 0 0 -45px;background-position:-122px -107px;}
.i_cont .cont_list  .m_s_03 .cont_img_icon{width:61px;height:91px;margin:-40px 0 0 -33px;background-position:-229px -8px;z-index:1;}
.i_cont .cont_list  .m_s_03 .cont_img_icon_bak{width:61px;height:91px;margin:-40px 0 0 -33px;background-position:-229px -107px;}
.i_cont .cont_list  .m_s_04 .cont_img_icon{width:62px;height:91px;margin:-40px 0 0 -33px;background-position:-294px -8px;z-index:1;}
.i_cont .cont_list  .m_s_04 .cont_img_icon_bak{width:62px;height:91px;margin:-40px 0 0 -33px;background-position:-294px -107px;}
.i_cont .cont_list  .m_s_05 .cont_img_icon{width:94px;height:96px;margin:-40px 0 0 -44px;background-position:-366px -4px;z-index:1;}
.i_cont .cont_list  .m_s_05 .cont_img_icon_bak{width:94px;height:96px;margin:-40px 0 0 -44px;background-position:-366px -107px;}

/*i_news*/
.i_news .cont_list li{padding:40px 320px 40px 265px;}
.i_news .txt_tit a{color:#666;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.i_news .i_n_timer{width: 110px;height: 110px;position: absolute;right:10px;top: 40px;font-size:12px;color:#aaa;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.i_news .i_n_timer .i_n_tit{font-size:28px;}
.i_news .i_n_timer .i_n_set{width: 26px;height: 26px;background-color: #eee;border-radius:100%;margin-top:10px;position: relative;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.i_news .i_n_timer .i_n_icon{width:8px;height: 13px;position: absolute;left:50%;top: 50%;margin:-6px 0 0 -3px;background:url(../images/main_icon.png) no-repeat -7px -43px;}
.i_news .cont_list li:hover a{color:#01c5ff;}
.i_news .cont_list li:hover .i_n_timer{color:#01c5ff;}
.i_news .cont_list li:hover .i_n_set{background-color:#01c5ff;}
.i_news .cont_list li:hover .i_n_icon{background-position:-26px -4px;}

/*i_news_detail*/
.i_news_detail{padding:60px 100px 100px;box-sizing:border-box;max-width:1100px;}
.i_news_detail strong{font-weight:700;}
.i_news_detail .tit{font-size:18px;color:#333;padding-bottom: 20px;}
.i_news_detail .tit .desc{font-size:12px;padding-top:20px;}
.i_news_detail .i_news_cont{padding:40px 0 60px;border:1px dashed #eee;border-width:1px 0;font-size:14px;color:#666;line-height:28px;}
.i_news_detail .i_news_cont p{text-indent:2em;padding:10px 0;}
.i_news_detail .i_news_cont img{margin:0;margin-left:-2em!important;max-width:100%;height:100%!important;}
.i_news_set{padding-top:30px;}
.i_news_set .goback_btn{height:28px;line-height:28px;font-size:12px;border:1px solid #ddd;padding:0 20px;display:inline-block;color: #01c5ff;float:right;border-radius:1px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.i_news_set .goback_btn:hover{border:1px solid #01c5ff;background:#01c5ff;color: #fff;}
.i_news_tool{padding:20px 0 10px;}
.i_news_tool .page_to_btn{color:#777;line-height:26px;height:26px;position: relative;padding:0 0 0 40px;display: inline-block;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.i_news_tool .page_to_btn.next_to_btn{padding:0 40px 0 0;}
.i_news_tool .page_to_btn:hover{color:#0bc7ff;}
.i_news_tool .p_t_icon{width: 25px;height: 25px;border:1px solid #0bc7ff;background-color: #fff;border-radius:100%;position:absolute;left:0;top:0;}
.i_news_tool .p_t_icon:after{content:'';position: absolute;width:7px;height:13px;background:url(../images/main_icon.png) no-repeat;left: 50%;top: 50%;margin:-7px 0 0 -5px;}
.i_news_tool .prev_to_btn .p_t_icon:after{background-position: -6px -24px;}
.i_news_tool .next_to_btn{float:right;}
.i_news_tool .next_to_btn .p_t_icon{left:auto;right:0;}
.i_news_tool .next_to_btn .p_t_icon:after{background-position: -27px -24px;margin:-6px 0 0 -3px;}

/*i_case*/
.i_case .cont_list{font-size:0;}
.i_case .cont_list li{width:29%;width:calc((100% - 100px) / 3);margin:0 50px 50px 0;margin:0 61px 50px 0\9;height:280px;display:inline-block;position: relative;box-sizing:border-box;overflow:hidden;padding: 0;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.i_case .cont_list li:nth-child(3n){margin-right:0;}
.i_case .cont_list .case_03,.i_case .cont_list .case_06{margin-right:0;}
.i_case .cont_list a{position:absolute;left: 0;top: 0;right: 0;bottom: 0;text-align: center;background:#eee;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
.i_case .cont_list a:before {content:'';display: inline-block;height:100%;vertical-align:middle;margin-right:-0.5em;width:0;}
.i_case .cont_list li.current{box-shadow: 0 3px 6px 1px rgba(0, 0, 0, .03);}
.i_case .cont_list li.current a{padding-bottom:120px;}
.i_case .cont_list li.current .case_desc{
	bottom:0\9;
	-webkit-transform: translate3d(0,-60px,0);
	-moz-transform: translate3d(0,-60px,0);
	-ms-transform: translate3d(0,-60px,0);
	-o-transform: translate3d(0,-60px,0);
	transform: translate3d(0,-60px,0);
}
.i_case .cont_list .case_icon{display:inline-block;vertical-align: middle;}
.i_case .cont_list .case_desc{height:120px;background:#fff;position: absolute;left:0;right: 0;bottom:-60px;font-size:12px;color:#888;text-align:left;padding:0 35px 0 30px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.i_case .cont_list .case_desc .case_tit{font-size:16px;color:#333;padding:20px 0 2px 0px;}
.i_case .cont_list .case_desc .case_mark{position: absolute;right: 20px;top: 17px;width: 26px;height: 26px;border-radius: 100%;background-color: #01c5ff;display:none;}
.i_case .cont_list .case_desc .case_mark .case_mark_icon{position: absolute;left: 50%;top: 50%;margin: -6px 0 0 -4px;width: 8px;height: 13px;background: url(../images/main_icon.png) no-repeat -26px -4px;}

.i_case .cont_list .case_01 a{background-color: #5e50f2;}
.i_case .cont_list .case_01 .case_icon{width:100px;height: 100px;background:url(../images/case_icon.png) -10px -10px;}
.i_case .cont_list .case_02 a{background-color: #81d8f0;}
.i_case .cont_list .case_02 .case_icon{width:69px;height: 102px;background:url(../images/case_icon.png) -135px -12px;}
.i_case .cont_list .case_03 a{background-image:linear-gradient(180deg,#ffa322,#ff770b);background-color:#ffa322\9;}
.i_case .cont_list .case_03 .case_icon{width:100px;height: 100px;background:url(../images/case_icon.png) -230px -9px;}
.i_case .cont_list .case_04 a{background-color:#1094f6;}
.i_case .cont_list .case_04 .case_icon{width:103px;height: 105px;background:url(../images/case_icon.png) -348px -4px;}
.i_case .cont_list .case_05 a{background-color:#fdd80c;}
.i_case .cont_list .case_05 .case_icon{width:100px;height: 100px;background:url(../images/case_icon.png) -469px -8px;}
.i_case .cont_list .case_06 a{background-color:#01acff;}
.i_case .cont_list .case_06 .case_icon{width:208px;height: 83px;background:url(../images/case_icon.png) -584px -18px;}

/*page_view*/
.page_view{font-size:0;text-align: center;padding: 20px 0;}
.page_view li{display:inline-block;margin:0 5px;vertical-align:top;}
.page_view .page_btn{display:block;width: 30px;height: 30px;line-height:30px;background:#f7f7f7;border-radius:100%;font-size:14px;color:#555;text-align: center;position: relative;
}
.page_view .page_btn:hover{background:#eee;}
.page_view span{display:block;width: 30px;height: 30px;line-height:30px;background:#f7f7f7;border-radius:100%;font-size:14px;color:#555;text-align: center;position: relative;cursor:default;}
.page_view .active span{background:#01c5ff;color:#fff;}
.page_view .page_btn.prev_page,.page_view .page_btn.next_page{font-size:0;}
.page_view .page_btn.prev_page:after,
.page_view .page_btn.next_page:after{font-size:0;content:'';width: 8px;height: 13px;background:url(../images/main_icon.png) no-repeat;position: absolute;left:50%;top:50%;margin:-6px 0 0 -4px;}
.page_view .page_btn.prev_page:after{background-position:-26px -43px;}
.page_view .page_btn.next_page:after{background-position:-7px -43px;}

/*inside_tab*/
.inside_tab{padding:0 0 50px;font-size:0;text-align: center;}
.inside_tab li{display:inline-block;margin:0 50px;vertical-align:top;position: relative;}
.inside_tab .i_t_item{display:block;padding:9px 50px;font-size:14px;color:#777;line-height:20px;height:20px;border:1px solid #eee;border-radius:19px;}
.inside_tab .i_t_item:hover{background:#eee;}
.inside_tab .desc{color:#888;font-size:14px;display:block;height: 20px;padding-top:10px;}
.inside_tab .curent{color:#01c5ff;}

/*i_about*/
.i_about{max-width:1020px;}
.i_about .inside_tab li{margin:0 20px;}
.i_about .i_about_cont{padding:0 0 60px;font-size:14px;color:#666;line-height:28px;}
.i_about .i_about_cont .mark{font-size:16px;color:#333;font-weight:700;text-align:center;}
.i_about .i_about_cont p{padding:10px 0;}
.i_about .i_about_cont img{margin:30px 0;}
.i_gg_list{}
.i_gg_list li{padding:40px 0 40px 410px;position: relative;min-height:372px;}
.i_gg_list .i_gg_icon{position:absolute;left:0;top:0;}
.i_gg_list .gg_txt{color:#777;font-size:14px;}
.i_gg_list .gg_tit{padding:30px 0 20px;color:#333;font-size:20px;font-weight:700;}
.i_gg_list dd{padding-bottom:20px;}

/*i_contact*/
.i_contact_list{font-size:0;line-height:0;margin: 0 100px;padding-bottom: 60px;}
.i_contact_list li{display:inline-block;width:33.33%;font-size:14px;color:#777;position: relative;padding:100px 0 0;text-align: center;}
.i_contact_list .i_c_icon{position: absolute;left:50%;top:0;width: 80px;height: 60px;background-color: #01c5ff;margin:0 0 0 -40px;}
.i_contact_list .i_c_icon:after{content:'';width: 0;height: 0;border:5px solid #01c5ff;border-color:#01c5ff transparent transparent;position:absolute;left:50%;bottom:-10px;margin:0 0 0 -5px;}
.i_contact_list .i_c_icon:before{content:'';position:absolute;background:url(../images/main_icon.png) no-repeat;left:50%;top:50%;}
.i_contact_list .i_c_icon.local:before{width: 21px;height: 30px;background-position:-390px -172px;margin:-15px 0 0 -11px; }
.i_contact_list .i_c_icon.tel:before{width: 20px;height: 30px;background-position:-430px -172px;margin:-15px 0 0 -10px; }
.i_contact_list .i_c_icon.email:before{width: 28px;height: 22px;background-position:-465px -176px;margin:-11px 0 0 -14px; }
.i_c_map{overflow:hidden;position: relative;height:435px;}

/*i_zp_tab*/
.i_about .i_zp_cont{padding:0 0 60px;font-size:14px;color:#777;line-height:28px;}
.i_zp_tab{font-size:0;text-align:justify;text-align:center\9;max-width: 820px;margin: 0 auto;padding-bottom: 30px;}
.i_zp_tab:after{display:inline-block;overflow:hidden;width:100%;height:0;content:'';vertical-align:top;}
.i_zp_tab li{display:inline-block;margin:0 20px\9;}
.i_zp_tab a{width: 120px;height: 120px;background-color: #f7f7f7;line-height:120px;font-size:22px;color:#999;border-radius:100%;display:block;text-align: center;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.i_zp_tab a:hover{background-color: #eee;color:#333;}
.i_zp_tab .active a{background-color: #01c5ff;color:#fff;}
.i_zp_list{max-width:510px;padding:0 0 0 300px;position: relative;margin: 0 auto;font-size:14px;color:#777;}
.i_zp_list li{display:none;padding: 30px 0;}
.i_zp_list .i_zp_icon{position: absolute;left:0px;top:30px;}
.i_zp_list .active{display:block;}
.i_zp_list .i_zp_tit{font-size:22px;color:#333;padding: 0 0 20px;}
.i_zp_list .i_zp_cat{font-size:14px;color:#333;padding:10px 0;font-weight:700;}
.i_zp_list .i_zp_set{padding:20px 0;}
.i_zp_list .i_zp_btn{height:22px;line-height: 22px;padding:10px 30px;background-color: #01c5ff;color:#fff;font-size:14px;border-radius:22px;}