@charset "utf-8"; 

/*================================================信手书电子合同================================================*/
.table{ display:table; width:100%; height: 100%;}
.cell{ display:table-cell; vertical-align: middle;}
/*bgimg*/
.bgimg{ display:block; width:100%; height: 100%; background-position:center center; background-repeat:no-repeat; background-size:cover; transition:all .5s ease-in-out;}
.bgimg img{display:none;}
/*header.net_header*/
header.net_header{ position:fixed; top:0; left:0; z-index:1003; width:100%; background: rgba(56,62,65,0); border-bottom:1px solid rgba(255,255,255,.40); height: 58px; line-height: 58px; transition:all .5s ease-in-out; /*font-family: 'fzltzhjw';*/}
header.net_header:hover,
header.net_header.scr{ background: rgba(56,62,65,1); border-color: rgba(56,62,65,1);}
.net_inner{ width:100%; padding:0 15px; max-width:1230px; margin:0 auto;}
.net_logo{ float:left; position: relative; z-index:1004;}
.net_logo a{ display:block; padding-top:16px;}
.net_logo a img{ display:block; height:25px; width:auto;} 
.net_nav{ float: right; margin-right: 8%;}
.net_nav li{ float:left;}
.net_nav li a{ display:block; color: #fff; padding: 0 20px;}
.net_nav li:hover a,
.net_nav li a.active{ color:#00a4ff;}
.net_enter{ float:right;}
.net_enter a{ display:block; float: left; color: #fff; text-align:center; border-left:1px solid rgba(255,255,255,.40); border-right:1px solid rgba(255,255,255,.40);}
.net_enter a.enter_reg{ width:125px; background:#00a4ff;}
.net_enter a.enter_reg:hover{ background: #29b3ff;}
.net_enter a.enter_log{ border-left:none; width:105px;}
.net_enter a.enter_log:hover{background:#fff; color: #00a4ff;}
/*net_focus*/
.scr_h{}
.net_focus{ height:500px; }
#focus, #focus .owl-stage-outer,#focus .owl-stage, #focus .owl-item, #focus li, #focus li a{ width: 100%; height: 100%; overflow: hidden;}  
#focus li a{ display:block;}
.img_info{ position:absolute; top:0; left:0; z-index: 2; width: 100%; height: 100%;}
.img_info .net_inner{ height:100%; color: #fff;}
.img_txt{ float:right; margin-right: 3%;}
.img_txt h4{ font-size:42px; /*font-family: 'fzltzhjw';*/ line-height: 1; margin-top: 6%; margin-bottom: 25px;}
.img_txt h4 b{ font-size:48px; font-family:arial; line-height: 1;}
.img_txt p{ font-size:26px;}
#focus .owl-item.active li .img_txt{ animation: 1s 0.2s fadeinup both;}

#focus li .img_pc img{ display:none;}
#focus img.img_phone{ display:none;}
#focus .owl-dots .owl-dot,
#focus .owl-dots .owl-dot.active{ position:relative; width:40px; height:30px; border-radius:0; background: none;}
#focus .owl-dots .owl-dot:before,
#focus .owl-dots .owl-dot:after{ content:""; width:100%; height: 4px; background:#fff; position:absolute; top:50%; left:0; margin-top: -2px;}
#focus .owl-dots .owl-dot:after{ width:0%; background:#0a53b0;}
.no_touch #focus .owl-dots .owl-dot.active:after{  
	-webkit-animation: 5s 0.6s move01 both ease;
    -moz-animation: 5s 0.6s move01 both ease;
	animation: 5s 0.6s move01 both ease; 
} 
.no_touch  #focus .owl-dots .owl-dot:hover:after{
	-webkit-animation-play-state:paused;
	-moz-animation-play-state:paused;
    animation-play-state:paused;
}
.no_touch #focus .owl-dots .owl-dot.active:after{min-width:2px}
@-webkit-keyframes move01 {
    0% { width:0%; } 
	100% { width:100%; }
}
@-moz-keyframes move01 {
    0% { width:0%; } 
	100% { width:100%; }
}
@keyframes move01 {
    0% { width:0%; } 
	100% { width:100%; }
}

.touch_body #focus .owl-dots .owl-dot.active:after{ width:100%;}


/*=====================net_main=============*/
.net_sec{ padding:60px 0;}
/*net_sec01*/
.net_sec01{}
.net_tit01{ text-align:center; margin-bottom:40px;}
.net_tit01 span{ display:block; /*font-family:fzltzhjw;*/}
.net_tit01 em{ display:block; margin-top:10px;}
.net_service{margin:0 -10px;}
.net_service li{ width:33.33%; float:left; text-align:center; padding:0 40px;}
.net_service li a{ display:block; height:225px; padding:35px 20px 0;}
.n_s_ico{ display:block; position:relative; width:45px; height: 45px; margin: 0 auto;}
.n_s_ico img{ display:block; transition: all 0.5s ease-in-out;}
.n_s_ico img.img_b{ position:absolute; top:0; left:0; opacity: 0; transform:scale(1.6); transform-origin:center;}
.net_service li h4{ margin: 25px 0 15px; /*font-family:fzltzhjw;*/}
.n_s_des{ color:#888; line-height: 22px; max-height: 66px; overflow: hidden; text-align:justify;}
.net_service li a:hover{ box-shadow:0 0 30px -2px #9ccffb; color: #00a4ff;}
.net_service li a:hover .n_s_ico img{ opacity: 0;}
.net_service li a:hover .n_s_ico img.img_b{ opacity: 1; transform:scale(1);}
/*net_sec02*/
.net_sec02{ background: #383d41;}
#net_case{ overflow: hidden;}
#net_case .owl-stage-outer,#net_case .owl-stage,#net_case .owl-item,#net_case .item, #net_case .item a{ width: 100%; height: 100%; overflow: hidden;} 
#net_case .item a{ display:block; color: #fff;}
#net_case .item a .n_c_cover{ position:absolute; top:0; left:0; width:100%; height: 100%; z-index:1; text-align:center;}
#net_case .item a .n_c_cover:before{ content:""; position:absolute; top:0; left:0; width:100%; height: 100%; background: rgba(41,152,238,.60); opacity: 0; transform:scale(1); transform-origin:bottom;}
#net_case .item a .n_c_cover img{ position:relative; z-index:1; display:block; margin: 0 auto; width:60px;}
#net_case .item a .n_c_cover h4{ position: relative; z-index:1; padding-top: 25px; margin-top: 25px; /*font-family: 'fzltzhjw';*/}
#net_case .item a .n_c_cover h4:before{ content:""; position:absolute; top:0; left:50%; margin-left: -10px; width:20px; height: 2px; background: #fff;}
#net_case .item:hover a .n_c_cover:before{ opacity: 1; transform:scale(1); }
#net_case .item:hover a .n_c_cover h4:before{ margin-left: -20px; width:40px;}
#net_case .owl-nav a{ width:50px; height: 100%; position:absolute; top:0; background:rgba(0,0,0,.15) url(/uploads/image/eimages/net_arrow_left.png) center center no-repeat; background-size:25px;}
#net_case .owl-nav a span{ font-size:0;}
#net_case .owl-nav a.owl-prev{ left:-100%;}
#net_case .owl-nav a.owl-next{ right:-100%; background-image:url(/uploads/image/eimages/net_arrow_right.png);}
#net_case:hover a.owl-prev{ left:0;}
#net_case:hover a.owl-next{ right:0;}
/*net_sec03*/
.net_sec03{ }
.deliver_scr{}
.deliver_thumbs{ overflow: hidden;}
.deliver_thumbs .item{ width:20%; float:left;}
.deliver_thumbs .item a{ cursor:pointer; display:block; text-align:center; /*font-family: 'fzltzhjw';*/}
.deliver_thumbs .item a span{ display:block; margin: 0 auto; position:relative; width:50px; height: 50px;}
.deliver_thumbs .item a span img{ display:block; width:100%; height: 100%; transition: all 0.5s ease-in-out;}
.deliver_thumbs .item a span img:nth-child(2){ position:absolute; top:0; left:0; opacity: 0;}
.deliver_thumbs .item a em{ display:block; width:100%; max-width:76px; margin:0 auto; position:relative; padding:20px 0; }
.deliver_thumbs .item a em:before{ content:""; position:absolute; bottom: 0; left:50%; width:0; height: 4px; background:#00a4ff;}
.deliver_thumbs .item:hover a,
.deliver_thumbs .item.current a{ color:#00a4ff;}
.deliver_thumbs .item:hover a em:before,
.deliver_thumbs .item.current a em:before{ width:100%; left:0; }
.deliver_thumbs .item:hover a span img,
.deliver_thumbs .item.current a span img{ opacity:0;}
.deliver_thumbs .item:hover a span img:nth-child(2),
.deliver_thumbs .item.current a span img:nth-child(2){ opacity: 1;} 
.deliver_box{ position:relative; }
.deliver_box:before{ content:""; position:absolute; top:0; width:200%; height:100%; left:-50%; background: #f4f4f4;} 
.deliver_box .item{ position:relative; z-index: 1; padding:40px 0; background: #f4f4f4; display:none;}
.deliver_con{ line-height: 22px; opacity: 0;}
.deliver_con dt{ width:33.33%; float:left; padding-right: 38px;}
.deliver_con dd{ overflow:hidden;}
.deliver_con h5{ color:#000; line-height: 22px; margin-bottom: 15px;}
.deliver_con dt h5{/*font-family: 'fzltzhjw';*/}
.deliver_block{ width:50%; float:left; padding:0 38px 30px;}
.deliver_des{ height:66px; overflow: hidden;}
/*net_sec04*/
.net_sec04{ background:url(/uploads/image/eimages/net_04.jpg) fixed center center no-repeat; background-size: cover; color: #fff;}
.net_sec04 .net_tit01 a{ color:#fff;}
#net_select{ margin-bottom:20px;}
#net_select .item a{ display:block; background:rgba(8,110,166,.70); color: rgba(255,255,255,.90);}
.select_img{ overflow:hidden;}
.select_img img{ display:block;}
.select_info{ height: 150px; padding: 15px 25px; cursor: text;}
.select_mark{ overflow: hidden; margin: 0 -10px;}
.select_mark span{ display:inline-block; padding:0 10px;}
.select_tit{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: rgba(255,255,255,1); margin: 10px 0 8px;/* font-family: 'fzltzhjw';*/}
.select_des{ font-size: 12px; line-height:20px; max-height:60px; overflow: hidden;}
#net_select .item a:hover{ background:rgba(8,110,166,.90); }
#net_select .owl-dots{ position:inherit; position:initial; margin-top: 10px;}
.net_cooper{ background:rgba(8,110,166,.70); padding:30px;}
.net_cooper li{ text-align: center;}
.net_cooper .owl-dots{ bottom: -25px;}
/*net_footer*/
.net_footer{ background:#2e3033;}
.n_f_top{ padding:40px 0 30px; border-bottom:1px solid rgba(255,255,255,.20);}
.f_t_left{ width:25%; padding-right: 30px; float:left; text-align:center;}
.n_f_logo{ display:block; width:234px; margin: 0 auto 20px;}
.n_f_notice{ display:inline-block; text-align:center; overflow: hidden;; margin:0 -8px;}
.n_f_notice li{ width:50%; float:left; padding: 0 8px; max-width:96px;}
.n_f_bot{ text-align:center; font-size: 12px; line-height: 20px; color:rgba(255,255,255,.90); padding:2.5% 0;}
.f_t_nav{ padding:0 0 0 6%; overflow: hidden; border-left:1px solid rgba(255,255,255,.20); }
.f_t_nav li{ width:25%; max-width: 130px; float:left;}
.f_t_nav li a{ display:block; line-height: 36px; color:rgba(255,255,255,.80);}
.f_t_nav li a.f_t_a0{ cursor:text; /*font-family: 'fzltzhjw';*/ color:#fff; line-height: 30px; margin-bottom: 10px;}
.f_t_nav li a.f_t_a0:hover{ color:#fff;}
.f_t_nav li a:hover{ color: #00a4ff;}
.f_t_right{ float:right;}
.f_t_right li{ /*font-family: 'fzltzhjw'; */ color: #fff; line-height: 24px; margin-bottom: 15px;}
.f_t_right li img{ display:inline-block; vertical-align: middle; margin-right: 8px;}
.f_t_right li.li_dif{ /*font-family: 'fzltxhjw';*/ font-size: 14px; padding-left: 30px;}
/*net_float*/
.net_float{ position:fixed; bottom:15%; right:0; z-index: 1003; width:65px; box-shadow: 3px 3px 5px 0 rgba(0,0,0,.23); display:none;}
.net_float li{ }
.net_float li a.a0{ display:block; position:relative; z-index: 1; text-align:center; font-size: 12px; color: #fff; background-color:#389cf7; background-repeat: no-repeat; background-position: center center; height: 70px; padding-top: 16px;}
.net_float li a.webcall{ display:block; position:relative; z-index: 1; text-align:center; font-size: 12px; color: #fff; background-color:#c70019; background-repeat: no-repeat; background-position: center center; height: 45px; padding-top: 16px;}
.net_float li a.a0:before{ content:""; position:absolute; bottom: 0; left:0; width:100%; height: 1px; background:rgba(255,255,255,.25);}
.net_float li a.a0 img{ display:block; margin:0 auto 5px;}
.net_float li a.a0:last-child:before{ display:none;}
/*.float_more{ position:absolute; opacity: 0; top:70px; right:-270px; width:270px; height: 210px; border-radius:10px 0 0 10px; background: #f4f4f4; transition: all 0.5s ease-in-out; box-shadow: 3px 3px 5px 0 rgba(0,0,0,.23);}
.float_more_no{ position:absolute; opacity: 0; top:70px; right:-270px; width:270px; height: 210px; border-radius:10px 0 0 10px; background: #f4f4f4; transition: all 0.5s ease-in-out; box-shadow: 3px 3px 5px 0 rgba(0,0,0,.23);}
*/
.float_ask{ padding: 17px 0 0; }
.float_ask li{ overflow:hidden; padding:10px 0 10px 30px;transition: all 0.5s ease-in-out;}
.float_ask li img, .ask_info{ display:inline-block; vertical-align:middle; color: #999;}
.float_ask li img{ width:30px; margin-right: 10px;}
.ask_info h5{ font-weight: bold; color: #000; margin-bottom: 5px;}
.ask_tel{ font-size:16px; color:#359cf7;} 
.ask_email{ /*font-size:16px;*/ color:#359cf7;}
.float_notice{ padding-top:20px; text-align: center;}
.float_notice img{ display:block; margin: 0 auto 20px;}
.net_float li.net_top a.a0{ font-size:0; background-image: url(/uploads/image/eimages/net_float03.png);}
.net_float li.net_top a.a0 img{ display:none;}
.net_float li.feedback_link{ cursor:pointer;}
/*feedback*/
.feedback{ position:fixed; bottom: 15%; right:80px; z-index: 1003;}
.feedback_tit{ padding: 0 30px; border-radius: 8px 8px 0 0; line-height: 46px; color: #fff; background:#389cf7; font-weight: bold; box-shadow:0 0 20px -2px rgba(0,0,0,.30);}
.feedback_closed{ display:block; cursor: pointer; position:absolute; top:0; right:0; width:46px; height: 46px; color:transparent; background: url(/uploads/image/eimages/closed_01.png) center center no-repeat;}
.feedback_fill{ background:#fff; width:310px; padding:25px 35px; border-radius:0 0 8px 8px; box-shadow:0 0 20px -2px rgba(0,0,0,.30);}
.feedback_line{ margin-bottom:10px;}
.feedback_line label{ display:block; color: #333; margin-bottom: 5px;}
.feedback_txt{ width:167px; height: 31px; padding:5px 0 5px 14px; font-size:14px; border:1px solid #ccc; border-radius:5px;}
.feedback_yu{ resize:none; width:100%; height:73px;}
.feedback_submit{ margin-top: 10px; cursor: pointer; width:167px; height: 31px; border-radius:5px; background:#00a4ff; color: #fff; font-size: 18px;}
.feedback_submit:hover{ opacity:.80;}


/*plan_case*/
.plan_case{ overflow: hidden; margin:-15px -30px;}
.plan_case li{ width:16.66%; float:left; text-align:center; padding:15px 0;}
.plan_case li img{ 
	transition: all 0.5s ease-in-out; 
	-webkit-transform: rotatex(0deg) rotatey(0deg);
    -moz-transform: rotatex(0deg) rotatey(0deg);
    transform: rotatex(0deg) rotatey(0deg);
} 
.plan_case li:hover img{  
	/*-webkit-transform:rotatey(30deg);
    -moz-transform:rotatey(30deg);
    transform:rotatey(30deg);*/
	-webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
}
.net_cooper .owl-item:hover li img{ opacity:.80;}

@media only screen and (max-width: 1199px){  
	.net_focus{ height:400px;}
	
	header.net_header{ height:48px;}
	.net_logo a{ padding-top:15px;}
	.net_logo a img{ height: 18px;}
	.net_nav, .net_enter{ display:none;}
	header.net_header .nav_head{ height:48px; background:#2e3033;}
	header.net_header .wap_menu i{ background:#fff;}
	
	.net_sec{ padding:40px 0;} 
	.net_service li{ padding:0 20px;}
	.net_service li a{ height:195px; padding: 20px 20px 0;}
	.net_service li a h4{ margin: 15px 0 10px;}
	
	.deliver_con dt{ padding-right:20px;}
	.deliver_block{ padding:0 20px 30px;} 
}

@media only screen and (max-width: 991px){  
	
	#net_case .item a .n_c_cover img{ width: 40px;}
	#net_case .item a .n_c_cover h4{ padding-top:15px; margin-top: 15px;}
	#net_case .owl-nav a{ width:40px; background-size:20px;} 
}

@media only screen and (max-width: 767px){ 
	.net_focus{ height: auto;}
	#focus .owl-dots{ bottom:0;}
	#focus .owl-dots .owl-dot, #focus .owl-dots .owl-dot.active{ width:30px;}
	#focus li .img_pc{ display:none;}
	#focus li img.img_phone{ display:block;}
	.img_info{ display:none;}
	
	.deliver_con dt,
	.deliver_block{ float:none; width:100%; padding-left:0; padding-right: 0;}
	.deliver_con dt{ margin-bottom:30px;}
	.deliver_con h5{ margin-bottom:5px;}
	.deliver_des{ height:auto; max-height:66px;}
	.deliver_thumbs .item a span{ width:40px; height: 40px;}
	.deliver_thumbs .item a em{ padding:10px 0;}
	.deliver_thumbs .item a em:before{ height:2px;}
	
	.net_cooper{padding:15px;}
	.net_cooper .owl-item img{ width:auto; height:30px;}
	
	.net_service{ margin:0 -20px;}
	.net_service li{ width:50%; padding:0 10px;}
	.net_service li a{ height:175px; padding: 10px 10px 0;} 
	.n_s_ico{ width:35px; height: 35px;}
	
	.f_t_left,
	.f_t_right,
	.f_t_nav{ width:100%; float:none; padding: 0; border:none; text-align:center;}
	.f_t_right li{ margin-bottom:0;}
	.f_t_left{ margin:20px 0;}
	.f_t_nav li a, .f_t_nav li a.f_t_a0{ line-height:22px;}
	
	.net_float{ width:50px;}
	.net_float li a.a0{ height:55px; padding-top:10px;}
	.net_float li a.a0 img{ width:18px; margin-bottom: 2px;}
	.net_float li.net_top a.a0{ background-size:28px;} 
	.ask_tel, .ask_email{ font-size: 14px;}
	.ask_info h5{ margin-bottom:2px;}
	.float_ask{ padding-top:10px;}
	.float_ask li{ padding:6px 0 6px 20px;}
	.float_ask li img{ width:20px; margin-right:5px;}
	.float_notice img{ width:100px; margin-bottom:10px;}
	.feedback{ right:60px;}
	.feedback_tit{ padding:0 15px;}
	.feedback_fill{ width:245px; padding:15px;}
	
}

main.net_main, footer.net_footer{ padding: 0;}
footer.net_footer:before{ display:none;}
.net_sec02{ padding:0;}
.net_sec02 .net_inner{ max-width:1480px; padding: 0;}
.net_sec03{ padding-bottom:0;}
.float_ask li:hover{ background: #e3e3e3;}
.net_float li:hover a.a0{ background-color:#00a4ff; } 

/*======================2 解决方案==========================*/
.net_banner{ height:410px; position:relative; color:#fff;}
.net_banner .bgimg{ position:absolute; top:0; left:0;}
.banner_txt{ position:relative; height:100%; /*font-family: 'fzltzhjw';*/}
.banner_txt .net_inner{ height:100%;}
.banner_tit{ margin:60px 0 15px; /*font-family: 'fzltzhjw';*/ }
.banner_des{ line-height: 1.6; max-width:592px;}
/*plan_sec01*/
.plan_sec01{}
.net_tit02{ margin-bottom: 30px; /*font-family: 'fzltzhjw';*/}
.pain_list{ overflow:hidden; margin:-15px;}
.pain_list li{ width:25%; float:left; padding: 15px;}
.pain_list li a{ display:block; height:240px; padding:35px 25px 0; border:1px solid #c0d9db;}
.pain_list li a h4{ margin:15px 0; /*font-family: 'fzltzhjw';*/}
.pain_des{ color:#666; line-height: 22px; max-height: 88px; overflow:hidden;}
.pain_list li a:hover{ box-shadow:0 5px 30px -2px #c0d9db;
	-webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
}
.plan_list li:hover h4:before{ max-width: 100%;/* background: #00a4ff;*/}
/*plan_sec02*/
.plan_sec02{ background-color:#f5f5f5;}
.plan_forewords{ margin-bottom: 6%;}
.plan_forewords dt{ width:50%; float:left; padding-right: 3.5%;}
.plan_forewords dd{ overflow:hidden;}
.p_f_des{ line-height:1.67;}
.plan_list{ overflow:hidden; margin:-50px -3.5% 0;}
.plan_list li{ width:50%; float:left; height: 122px; padding:0 3.5%; margin-top:50px;}
.plan_list li h4{ color: #000; position:relative; padding-bottom: 15px; margin-bottom: 15px; /*font-family: 'fzltzhjw';*/}
.plan_list li h4:before{ content:""; position:absolute; bottom: 0; left:0; width:100%; max-width:320px; height: 1px; background: #c0d9db;}
.plan_overview{ line-height:24px; height: 72px; overflow: hidden;}
/*plan_sec03*/
.plan_sec03{}

@media only screen and (max-width: 767px){
	.net_banner{ height:260px;} 
	.pain_list{ margin:-10px;}
	.pain_list li{ width:100%; padding:10px;}
	.pain_list li a{ padding: 20px; height: auto;} 
	.plan_forewords dt{ width:100%; float:none; padding: 0; margin-bottom: 40px;}
	.plan_list{ margin:-30px -10px 0;}
	.plan_list li{ width:100%; height: auto; padding:0 10px; margin-top: 30px;}
	.plan_overview{ height:auto;}
	.plan_list li h4{ padding-bottom:10px; margin-bottom:10px;}
	.plan_case{ margin:-10px;}
	.plan_case li{ width: 33.33%; padding: 10px;}
}
 

/*====================contract(10月10日)============================*/
.contract_join{ margin: 45px 0px; text-align: center;}
.contract_join a{ display:inline-block; padding:8px 20px 8px 62px; background: #fff url(/uploads/image/eimages/jia01b.png) 20px center no-repeat; color: #0e9cee; font-weight: bold; background-size: 32px; line-height:40px;}
.contract_join a img{ vertical-align: middle; height: 36px; width:auto; margin-right: 10px; display:none;}
.contract_join a.now,.contract_join a:hover {
        background-color: rgba(8,110,166,.70);
        background-image: url(/uploads/image/eimages/jia01.png);
        color: #fff;
    }

/*====================contract(10月11日)============================*/ 
/*menu_contract*/
#menu_contract{}
#menu_contract .subclass_ul{ float:left; width:50%;}
#menu_contract .subclass_ul li{ float:none; width:100%;}
.menu05_r .menu02_m{ text-align: center;}
.h_link_contract{ display: inline-block; vertical-align: top; width:100%; padding: 7px 20px; background: #e84d40; color: #fff; line-height: 1.80;}
.h_link_contract:hover{ background: #e42c1d;} 
/*li02*/
#nav_li02 .menu05_m{ width:auto; float:none; overflow: hidden; margin: 0; padding: 0; border:none;}
#nav_li02 .ul_box{width: 61%; float:left; padding-right: 3%; margin-right: 4%; margin-top: 1%;  border-right: 1px solid #d7d7d7; }


/*css控制单行显示*/
aa{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

/*font*/
.f48{ font-size:48px;}
.f38{ font-size:38px;}
.f36{ font-size:36px;}
.f32{ font-size:32px;}
.f30{ font-size:30px;}
.f28{ font-size:28px;}
.f26{ font-size:26px;}
.f24{ font-size:24px;}
.f22{ font-size:22px;}
.f20{ font-size:20px;}
.f18{ font-size:18px;}
.f16{ font-size:16px;}
.f15{ font-size:15px;}

/*@media only screen and (max-width: 1440px){  
	.f48{ font-size:42px;}
	.f38{ font-size:32px;}
	.f36{ font-size:30px;}
	.f32{ font-size:28px;}
	.f30{ font-size:26px;}
	.f28{ font-size:24px;}
	.f26{ font-size:22px;}
	.f24{ font-size:20px;}
	.f22{ font-size:20px;}
	.f20{ font-size:18px;}
	.f18{ font-size:16px;}
	.f16{ font-size:16px;}
	.f15{ font-size:14px;}
}*/ 

@media only screen and (max-width: 1199px){ 
	/*font*/
	.f48{ font-size:32px;}
	.f38{ font-size:26px;}
	.f36{ font-size:24px;}
	.f32{ font-size:22px;}
	.f30{ font-size:20px;}
	.f28{ font-size:18px;}
	.f26{ font-size:18px;}
	.f24{ font-size:18px;}
	.f22{ font-size:16px;}
	.f20{ font-size:16px;}
	.f18{ font-size:14px;}
	.f16{ font-size:14px;}
	.f15{ font-size:14px;}
}

@media only screen and (max-width: 767px){ 
	/*font*/
	.f48{ font-size:26px;}
	.f38{ font-size:22px;}
	.f36{ font-size:20px;}
	.f32{ font-size:18px;}
	.f30{ font-size:18px;}
	.f28{ font-size:16px;}
	.f26{ font-size:15px;}
	.f24{ font-size:15px;}
	.f22{ font-size:15px;}
	.f20{ font-size:14px;}
	.f18{ font-size:14px;} 
	.f15{ font-size:12px;}
	body,html{ font-size:12px;}
	
	.title01 a i,
	.deliver_con h5,
	.f_t_right li,
	.f_t_nav li a.f_t_a0{ font-size:14px;}
	.sub_tit{ font-size:22px;}
	.sub_tit em{ font-size: 16px;}
	
}
 

a,*:before,*:after,input[type="submit"], input[type="reset"], input[type="button"],sup,.slide .owl-nav a span,
.menu_ico i,.logo img,.major_link li a img.link_img01{
    -webkit-transition:all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
} 

/*图片由小变大*/ 
.select_img img{ transition: transform 8s cubic-bezier(.23, 1, .32, 1); transform: scale(1); }
#net_select .item:hover a .select_img img{ transform: scale(1.1); }
 

/*图片横向*/
.aa{
    display: block;
    max-width: none;
    width: -webkit-calc(100%   10px);
    width: calc(100%   10px);
    -webkit-transition: opacity 0.60s, -webkit-transform 0.60s;
    transition: opacity 0.60s, transform 0.60s;
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
}
.aa{
    opacity: 1.0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
/*图片纵向*/
aa{
    display: block;
    max-width: none;
    height: -webkit-calc(100%   10px);
    height: calc(100%   10px);
    -webkit-transition: opacity 0.60s, -webkit-transform 0.60s;
    transition: opacity 0.60s, transform 0.60s;
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
}
aa{
    opacity: 1.0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}