/*css comment*/
*,*:before,*:after{
    margin:0;
    padding:0;
    outline:none;
    list-style:none;
    text-decoration:none;
    blr:expression(this.onFocus=this.blur());
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; 
} 
@font-face {
  font-family: 'SourceHanSansCN_Regular';
  src: url('https://www.net-swift.com/static/fonts/SourceHanSansCN_Regular.eot');
  src: url('https://www.net-swift.com/static/fonts/SourceHanSansCN_Regular.eot?') format('embedded-opentype'),
	   url('https://www.net-swift.com/static/fonts/SourceHanSansCN_Regular.woff') format('woff'),
   url('https://www.net-swift.com/static/fonts/SourceHanSansCN_Regular.ttf') format('truetype'),
   url('https://www.net-swift.com/static/fonts/SourceHanSansCN_Regular.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}  
@font-face {
  font-family: 'DINAlternate_Bold';
  src: url('../font/DINAlternate_Bold.eot');
  src: url('../font/DINAlternate_Bold.eot') format('embedded-opentype'),
	   url('../font/DINAlternate_Bold.woff') format('woff'),
   url('../font/DINAlternate_Bold.ttf') format('truetype'),
   url('../font/DINAlternate_Bold.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}  
@font-face {
  font-family: 'DIN-Regular';
  src: url('../font/DIN-Regular.eot');
  src: url('../font/DIN-Regular.eot') format('embedded-opentype'),
	   url('../font/DIN-Regular.woff') format('woff'),
   url('../font/DIN-Regular.ttf') format('truetype'),
   url('../font/DIN-Regular.svg') format('svg');
  font-weight: normal;
  font-style: normal;
} 
body,html { 
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
     background: #fff;
	font-family: SourceHanSansCN_Regular, Arial, Microsoft YaHei, "微软雅黑"; 
	color:#333;
    font-size: 14px; 
	line-height:1.72;  
}
img {
    border:none;
	display:inline-block;
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic;
    _width:auto;
}
button, input, textarea ,select{
    border:none;
    background:none;
    font-size:14px;
    vertical-align:middle;
    color:#333; 
	 font-family: SourceHanSansCN_Regular, Arial, Microsoft YaHei, "微软雅黑";
}
select {
    border:inherit;
    background: inherit;
}
a {
    text-decoration:none;
    blr:expression(this.onFocus=this.blur());
    outline: none;
    color:#333;
} 
a:hover,a:active,a:focus {
    text-decoration:none;
} 
em, i {
    font-style:normal;
}
a:focus, input, select {
    outline:none;
}
.clearfix {
    *zoom:1;
}
.clearfix:after {
    content:"\200B";
    display: block;
    clear: both;
    height: 0;
}
input[type="submit"], input[type="reset"], input[type="button"], button, select {
    -webkit-appearance: none;
}
input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, button:hover{
    opacity: 0.80;
} 
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6,label{ font-weight: normal; padding: 0; margin: 0; font-size: 14px; line-height: 1.25; }
p,ul, ol{ margin: 0;}
header,main,footer,section{ display:block;}


/*browserupgrade*/
.browserupgrade{display:block;position:fixed; top:-60px; opacity: 0; left:0; margin:0;width:100%;height:60px;font-size:15px;line-height:60px;z-index:5000;background-color:#000;color:#fff;text-align:center;}
.browserupgrade a{color:#eee;text-decoration:underline;font-size:18px;}
.browserupgrade a:hover{color:#eee} 
.browserupgrade a.upgrade_close{ display:block; position:absolute; top:0; right:0; z-index: 10; width:60px; line-height:60px; text-align: center; color: #fff; font-size: 40px; text-decoration:none; cursor: pointer;} 
/*owl-carousel*/
.owl-carousel .owl-dots{ margin:0;}
.owl-carousel .owl-dots .owl-dot{ background: #daff00; } 
/*transition*/
a,*:before,*:after,input[type="submit"], input[type="reset"], input[type="button"], input[type="text"],sup,.owl-carousel .owl-nav a span,.owl-carousel .owl-dots .owl-dot span,.browserupgrade, header, .caret_down, .menu_phone span{
    -webkit-transition:all 0.5s 0s ease-in-out; 
    transition: all 0.5s 0s ease-in-out;
} 

.wrap{ width:100%; max-width:1920px; margin: 0 auto; position: relative;}  
.inner{ width:1440px; margin: 0 auto;}
/*font*/ 
.f86{ font-size: 86px;} 
.f60{ font-size: 60px;} 
.f50{ font-size: 50px;} 
.f48{ font-size: 48px;} 
.f42{ font-size: 42px;} 
.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;}

/*===================header========================*/ 
header{ position:fixed; left:0; top:0; z-index:1003; width:100%; height: 120px; background: #fff; }  
.top-nav{display: flex;justify-content: space-between;} 
.top-nav .nav{flex:1} 
.logo{ float:left;}  
.logo a{ display:block; position: relative; margin-top: 24px;}
.logo img{ display:block; height: 72px; width:auto; opacity: 0; filter:alpha(opacity=0);}
.logo img.logo_blue{ position:absolute; top:0; left:0; opacity: 1; filter:alpha(opacity=100);}
.nav{ float:right; margin-right: -2.5%;}
.nav li{ float:left; width:12%;}
.nav li a.n_a0{ display:block; text-align:center; position: relative; color: #333; line-height: 30px; padding:52px 0 38px; font-family: Microsoft YaHei, "微软雅黑";} 
.caret_down{ display:inline-block; vertical-align: middle; width:8px; height: 8px; background: url(../image/ico_05b.png) center center no-repeat; background-size: contain; margin-left: 10px;}
/*subclass*/
.subclass{ position:absolute; top:100%; left:0; z-index: 10; width:100%; background: rgba(3,110,184,.90); padding: 40px 0; display:none; text-align:center; -webkit-animation: .5s .1s fadeIn both; animation: .5s .1s fadeIn both;}
.subclass a{ color: #fff;}
.subclass a:hover{ color:rgba(255,255,255,.70);}
.subclass_list a{display:inline-block; padding:0 30px;}
.subclass_pro{ text-align:left;} 
.subclass_block{ float:left; width:20%; padding-right: 2%;}
.subclass_block a{ display:block;}
.subclass_block dt{ margin-bottom:20px;}
.subclass_block dt img{ vertical-align:middle; height: 48px; width:auto; margin-right: 14px;}
.subclass_block dd{ max-height: 168px; overflow: hidden;}
.subclass_block dd a{ font-size:14px; line-height: 24px; margin-bottom: 4px;}
.subclass_block dd .mCSB_scrollTools{ width:2px;}
.nav li:hover a.n_a0, .nav li.current a.n_a0{ color: #fff; background: rgba(3,110,184,.90);}
.nav li:hover a.n_a0 .caret_down, .nav li.current a.n_a0 .caret_down{ background-image: url(../image/ico_05a.png);}
.nav li:hover .subclass{ display:block;} 
/*header_index*/
.header_index{ background: rgba(0,0,0,.20);}
.header_index.header_scr{ background: rgba(0,0,0,.90);}
.header_index .logo img{ opacity: 1; filter:alpha(opacity=100);}
.header_index .logo img.logo_blue{ opacity: 0; filter:alpha(opacity=0);}
.header_index .nav li a.n_a0{ color: #fff;}
.header_index .caret_down{ background-image: url(../image/ico_05a.png);}
.header_index .nav li:hover a.n_a0, .header_index .nav li.current a.n_a0{ color: #026eb7; background: rgba(255,255,255,.90);}
.header_index .nav li:hover a.n_a0 .caret_down, .header_index .nav li.current a.n_a0 .caret_down{ background-image: url(../image/ico_05c.png);}
.header_index .subclass{ background: rgba(255,255,255,.90);}
.header_index .subclass a{ color: #333;}
.header_index .subclass a:hover{ color:rgba(3,110,184,1);}
.nav li:nth-child(2) .subclass_list{ margin-left: -6%;}
.nav li:nth-child(4) .subclass_list{ padding-left: 34%;}
.nav li:nth-child(5) .subclass_list{ text-align: right; padding-right:9%;}
.nav li:nth-child(6) .subclass_list{ text-align: right; padding-right:3%;}
/*menu_phone*/
.menu_phone{ cursor: pointer; position: absolute; top:0; right:0; width: 60px; height: 60px; background: #036eb8; display:none; }
.menu_phone span{ display:block; width:24px; height:24px; position: absolute; top:50%; left:50%; margin: -12px 0 0 -12px;}
.menu_phone i{ display: block; width: 100%; height: 2px; background-color: #fff; position: absolute; top:0;}
.menu_phone i:nth-of-type(2){ top:10px;}
.menu_phone i:nth-of-type(3){ top:20px;}  
.menu_active span{ transform:rotate(90deg);} 

/*===================footer========================*/
footer{ background: #1c1f23 url(../image/footer_01.jpg) center bottom no-repeat; background-size:contain; border-top:8px solid #026eb7; color: #fff; padding-top: 60px; font-family: Arial, Microsoft YaHei, "微软雅黑";}  
footer a{ color:#fff;}
.back_top{ position:fixed; bottom:10%; right:0%; z-index: 10; width:50px; height: 50px; background:#026eb7 url(../image/ico_top.png) center center no-repeat; background-size: 20px; text-indent: -9999px; display:none;}  
.back_top:hover{ background-color: #008ceb;}
/*footer_top*/
.footer_top{}
.f_nav{ float:left; width:62.5%;}
.f_nav li{ float:left; width:16.66%;}
.f_nav li a{ display:block; color: rgba(255,255,255,.60); line-height: 1.875;}
.f_nav li a.f_n_a0{ position: relative; color: rgba(255,255,255,1); margin-bottom: 8px;}
.f_nav li a.f_n_a0:before{ content:""; position: absolute; top:50%; left:76%; width:3px; height: 4px; margin-top: -2px; border-radius: 50%; background: #fff;}
.f_nav li:last-child a.f_n_a0:before{ display:none;}
.f_nav li a:hover{ color: rgba(255,255,255,.80); text-decoration:underline;}
.f_nav li a.f_n_a0:hover{ color:#fff; }
.f_right{ float:right;}
.f_contact{ float:left; text-align: right;}
.f_c_tit{ margin-bottom: 10px;}
.f_c_tit img{ vertical-align:middle; margin-right: 10px;}
.f_c_tel{ line-height: 1; letter-spacing:-0.04em; font-family:DINAlternate_Bold; }
.f_c_ask{ display:inline-block; vertical-align: top; margin-top: 20px; text-align: center; border-radius: 3px; color: #fff; background: #026eb7; width:112px; line-height: 31px;}
.f_c_ask em{ display:inline-block; padding-left: 26px; background:url(../image/ico_04.png) left center no-repeat; background-size: 20px;}
.f_c_ask:hover{ background: #008ceb;}
.f_notice{ float:left; text-align: center; margin-left: 20px;}
.notice_code{ overflow:hidden; margin-bottom: 15px;}
.notice_code li{ float:left; margin-left: 20px;}
.notice_code li img{ display:block; width: 110px; height: 110px;}
/*footer_bot*/
.footer_bot{ margin-top: 20px; padding: 30px 0; font-size: 12px; text-align: center; border-top:1px solid rgba(255,255,255,.10);}

/*===================main========================*/
main{ padding-top:120px; min-height: 400px;}
.main_index{ padding-top:0;}
/*bgImg*/
.bgImg{ 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;}
/*table*/
.table{ display:table; width:100%; height: 100%; }
.cell{ display:table-cell; vertical-align:middle;} 
/*img_box*/
.img_box{ position:relative; height: 0; overflow: hidden; padding-top: 100%;}
.img_box img{ display:block; width:100%; height: 100%; position:absolute; top:0; left:0;}
/*ico_box*/
.ico_box{ position: relative; display:block; overflow: hidden;}
.ico_box img{ display: block; margin: auto; position: absolute; top: -9999px; right: -9999px; bottom: -9999px; left: -9999px; width: auto; height: auto; max-width: 100%; max-height: 100%; } 
/*tit*/
.tit{ overflow: hidden; white-space:nowrap; text-overflow: ellipsis;}
/*df*/
.df{
	display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: flex-start;
}
/*des*/
.des{
	overflow: hidden;
	text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-line-break: auto;
    -webkit-box-orient: vertical;
}
 
/*======================================01 index======================================*/
/*=====focus_wrap=====*/
.focus_wrap{ height: 100vh; }  
#focus_scr, #focus_scr .owl-stage-outer, #focus_scr .owl-stage, #focus_scr .owl-item, #focus_scr .item, #focus_scr .item a{ height: 100%; overflow: hidden;}
#focus_scr{ display:block; -webkit-animation: 1s .2s fadeIn both; animation: 1s .2s fadeIn both; } 
.focus_txt{ position: absolute; top:0; left:0; z-index: 3; width:100%; height: 100%; text-align: center; text-transform:uppercase; color: #fff; line-height: 1.1; text-shadow:0 0 15px rgba(0,0,0,1); font-family: Arial, Microsoft YaHei, "微软雅黑";} 
.focus_txt .inner{ display:table; height:100%;}   
.f_t_p01{ font-weight: bold; margin-bottom: 15px;}
.f_t_p02{ font-weight: bold; margin-bottom: 25px; margin-top: 15px;}
.f_t_p03{ font-family:STHeiTiSC_Light;}
/*#focus_scr .owl-item.active .f_t_p01{ -webkit-animation: 1s .2s fadeInUp both; animation: 1s .2s fadeInUp both;}
#focus_scr .owl-item.active .f_t_p02{ -webkit-animation: 1s .4s fadeInUp both; animation: 1s .4s fadeInUp both;}
#focus_scr .owl-item.active .f_t_p03{ -webkit-animation: 1s .6s fadeInUp both; animation: 1s .6s fadeInUp both;}*/
#focus_scr .owl-dots{ width:100%; position:absolute; bottom: 0; left:0; z-index:10; text-align:center;}
#focus_scr .owl-dots .owl-dot{ display:inline-block; vertical-align: middle; margin: 0 8px; width:35px; height: 50px; background: none; opacity: 1; filter:alpha(opacity=100);}
#focus_scr .owl-dots .owl-dot span{ display:block; position:relative;}
#focus_scr .owl-dots .owl-dot span:before{ content:""; position:absolute; top:0; left:0; background: rgba(255,255,255,.60); width:100%; height: 2px;}
#focus_scr .owl-dots .owl-dot span:after{ content:""; position:absolute; top:0; left:0; z-index:1; background: #fff; width:100%; height: 2px; transform:scaleX(0); transform-origin: 0;}
#focus_scr .owl-dots .owl-dot.active span:after{ animation: 5s .2s move01 both;} 
@-webkit-keyframes move01 {
	0%{ transform:scaleX(0); }
	100%{ transition:transform 5s linear; transform:scaleX(1);}
}
@keyframes move01 {
	0%{ transform:scaleX(0); }
	100%{ transition:transform 5s linear; transform:scaleX(1);}
}
/*=====sec_about=====*/
.sec_box{ overflow: hidden; background: #fff center center no-repeat; background-size: cover; padding: 80px 0;}
.sec_about{ background-attachment:fixed; padding: 110px 0;}
.about_left{ float:left; width:46.50%;}
.title01{ margin-bottom: 40px; }
.title01 b{ display:block; margin-bottom: 15px;}
.more01{ display:inline-block; vertical-align: middle; background: #026eb7; color: #fff; text-align: center; width:120px; line-height: 46px;}
.more01 em{ display:inline-block; padding-right: 22px; background: url(../image/ico_01.png) right center no-repeat; background-size: 14px;}
.more01:hover{ background: #008ceb;}
.about_left .title01{ margin-bottom: 30px; }
.about_left .des{ line-height:28px; max-height: 224px; max-width: 660px; color: #999; -webkit-line-clamp: 8; text-align: justify; margin-bottom: 40px;}
.about_tel{ display:inline-block; vertical-align: middle; color: #666; margin-left: 25px;}
.about_tel i{ display:block; font-family:DINAlternate_Bold; color: #026eb7; line-height: 1; letter-spacing: -0.04em; margin-bottom: 8px;}
.about_list{ clear: both; padding-top: 30px; margin-right: -10%;}
.about_list li{ float:left; width:25%; color: #666;}
.about_list li b{ display:block; line-height: 1; font-weight: bold; color: #026eb7; margin-bottom: 10px;}
.about_list li p{ width: 85%; max-width: 252px; text-align:justify; }
.about_right{ float:right; /*width:49.33%;*/ width:50.5%; max-width: 710px; position: relative;}
.about_bg{ display:block; max-width: none; margin-top: -6%; width:107%;}
.about_right .img_box{ display:block; width:86.58%; padding-top: 57.86%; position: absolute; top:7%; left:10.70%; z-index: 1;}
/*=====sec_product=====*/
.sec_product{ background-attachment:fixed; color: #fff; padding: 110px 0;}
.sec_product a{ color:#fff;}
.product_box{ /*width:48%;*/ max-width:670px; margin-bottom: 90px;}
.product_box .des{ line-height: 30px; max-height: 150px; max-width: 660px; color: rgba(255,255,255,.80); -webkit-line-clamp: 5; text-align: justify; margin-bottom: 40px;}
.product_list{ /*width:65%;*/ max-width: 720px; overflow: hidden; margin:-18px 0;}
.product_list li{ float:left; width: 31%; padding: 18px 0; }
.product_list li:nth-child(1), .product_list li:nth-child(4){ width:38%;} 
.product_list li a{ display:block; overflow: hidden;}
.product_list li .ico_box{ display:block; float:left; width:58px; height: 48px; margin-right: 12px;}
.product_tit{ overflow:hidden;}
.product_tit i{ display:block; margin-top: 5px; max-width: 88%;}
/*=====sec_news=====*/
.sec_news{ }
#news_scr, .news_center, .news_right{ /*height: 515px;*/}
#news_scr{ float:left; width: 28.34%; margin-right: 5.23%;}
#news_scr .item{ display:block; position: relative;}
#news_scr .item .bgImg{ /*height: 515px;*/ height: 480px;}
.news_info{ position:absolute; bottom: 0; left:0; z-index: 1; width:100%; background: rgba(0,72,152,.65); color: #fff; padding:6.4%;}
.news_tit{ line-height: 28px; margin-bottom: 10px; display:block; white-space:nowrap; -webkit-line-clamp: 1;}
.news_time{}
#news_scr .owl-dots{ position:absolute; bottom: 6%; right:9%;}
#news_scr .owl-dots .owl-dot{ background:#fff;}
/*news_center*/
.news_center{ float:left; width:30.60%; margin-right: 5.23%;}
.news_center .title01{ margin-bottom:60px;}
.news_block{ display:block; padding: 22px 0; border-top:1px dashed #a1a1a1;}
.news_block .news_tit, .news_block .news_time{ color: #004898;}
.news_block .news_tit{ margin-left: -28px; padding-left: 28px; background:url(../image/ico_02.png) left 6px no-repeat; background-size: 21px;}
.news_block .news_time{ margin-bottom: 10px;}
.news_block .news_des{ color: #666; text-align: justify; line-height: 26px; height: 52px;}
.news_rec .more01{ margin-top:20px;}
/*.news_rec{ margin-top: 70px; padding-top: 25px;} 
.news_rec .news_des{ height: 128px; -webkit-line-clamp: 4; margin-bottom: 25px;}*/
/*news_right*/
.news_right{ float:left; width:30.60%;}
.news_right .news_block:first-child{ padding-top: 0; border:none;}
/*.news_right .news_block .news_tit{ height: 34px;}*/

/*======================================02 about======================================*/
/*=====sub_top=====*/
.sub_top{ background: #e9e9eb; }
.sub_top .inner{ position: relative; padding-top: 33px; padding-bottom: 33px; }
.sub_top .inner:before{ content:""; position: absolute; top:0; right:-3%; height: 100%; width:440px; background: url(../image/sub_01.png) right center no-repeat; background-size: contain;}
.s_t_left{ position: relative; float:left;}
.sub_tit{ margin-bottom: 30px;}
.sub_nav{ overflow: hidden; margin:0 -27px;}
.sub_nav li{ float:left; padding: 0 27px;}
.sub_nav li a{ display:inline-block; position: relative; line-height: 20px; padding-bottom: 14px;}
.sub_nav li a:before{ content:""; position: absolute; bottom: 0; left:50%; width:0; height: 2px; background: #036eb8;}
.sub_nav li:hover a, .sub_nav li.current a{ color: #036eb8;}
.sub_nav li:hover a:before, .sub_nav li.current a:before{ left:0; width:100%;}
.s_t_right{ position: relative; float:right; line-height:1.4; padding-left: 22px; border-left:4px solid #036eb8; margin-top: 2%;} 
/*=====sec_profile=====*/
.sec_profile{}
.profile_left{ float:left; width:63.50%; }
.profile_tit{ margin-bottom: 3.5%;}
.profile_tit img{ display:block; margin-bottom: 5%; width: 63%; max-width: 512px;}
.profile_textbox{ line-height: 1.875; text-align:justify;}
.profile_right{ float:right; width:33%; max-width: 453px; padding:4.5% 3% 5.6%; background: #036eb8 url(../image/profile_03.jpg) center top no-repeat; color: #fff; }
.profile_item{ text-transform: uppercase; font-family:DIN-Regular; line-height: 1.10; color: rgba(255,255,255,.20); padding:0 4%;}
.profile_ico{ overflow: hidden; margin-top: -3%;}
.profile_ico img{ display:block; float:right;}
.profile_data{ margin-top: 60px;}
.profile_data li{ margin-bottom: 30px;}
.profile_data li span{ display:inline-block; line-height: 1; min-width: 32%; font-family:DIN-Regular;}
/*=====sec_company=====*/ 
.sec_company{ color: #fff; text-align:center;}
.company_tab{}
.company_tab a{ cursor: pointer; display:inline-block; vertical-align: middle; color: #fff; padding: 0 27px;}
.company_tab a em{  display:inline-block; position: relative; padding-bottom: 5px;}
.company_tab a em:before{ content:""; position: absolute; bottom:0; left:50%; width:0; height: 1px; background: #fff;}
.company_tab a:hover em:before, .company_tab a.current em:before{ left:0; width:100%;}
.company_textbox{ background: rgba(3,110,184,.80); margin-top: 30px; padding: 4% 4% 6%; line-height: 2;}
.company_block{ display:none; -webkit-animation: 1s .2s fadeIn both; animation: 1s .2s fadeIn both;}
.company_tit{ margin-bottom: 40px;}
/*=====sec_include=====*/ 
.sec_include{}
.include_accordion{ }
.include_accordion li{ float:left; width:8.54%; padding-right: 3px; color: #fff; transition: all 0.5s 0s ease-in-out; }
.include_block{ display:block; overflow: hidden; position: relative; height: 345px;}
.include_block:before{ content:""; position:absolute; top:0; left:0; z-index: 1; width:100%; height: 100%; background: rgba(0,0,0,.10);}
.include_block .bgImg{ background-position: left bottom;}
.include_tit{ position:absolute; bottom:0; left:0; z-index:2; width:100%; max-width: 120px; height: 100%; padding-top:30px; background: url(../image/include_01.jpg) center center no-repeat; background-size:cover; text-transform: uppercase; text-align: center; transition: all 0.5s 0s ease-in-out;} 
.include_tit em, .include_tit i{ display:inline-block; vertical-align: top; writing-mode:tb-rl;}
.include_info{ position:absolute; top:13%; left: 0%;z-index: 2; line-height: 1.5; width:100%; text-align: center;
	transition: all 0.5s 0s ease-in-out;
	 opacity: 0;
	-webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}
.include_textbox{ display:inline-block; vertical-align: top; position: relative; text-align: left; padding-left: 17px; width: 90%; max-width: 370px;}
.include_textbox:before{ content:""; position:absolute; top:0; left:0; width:3px; height: 15px; background: #fff; }
.include_item{ line-height: 1; margin-bottom: 15px;}
.include_accordion li.current{ width: 82.92%;} 
.include_accordion li.current .include_tit{ 
	opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
} 
.include_accordion li.current .include_info{
	opacity: 1; 
	-webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
	 -webkit-animation: 1s .2s fadeInUp both; 
	animation: 1s .2s fadeInUp both;
}
/*=====sec_development=====*/ 
.sec_development{}
/*development_tab*/
.development_tab{ float:left; width: 256px; margin-right: 4.86%; border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; }
.development_tab li{ cursor: pointer; display: flex; justify-content: flex-end; flex-wrap: wrap; align-items: center; height: 175px; position: relative;}
.development_tab li:before{ content:""; position: absolute; top:0; left:0; z-index: 1; width:100%; height: 100%; background: #fff;}
.development_tab li:after{ content:""; position: absolute; top:0; left: 90%; z-index: 0; width:12px; height: 100%; background:url(../image/development_ico02.png) center center no-repeat; background-size: contain; opacity: 0;}
.development_tab li a{ display:block; position: relative; z-index: 2; text-align: right; line-height: 1; padding-right: 20px;}
.development_tab li a em { display:block; margin-bottom: 15px; letter-spacing: -0.04em; font-family:DINAlternate_Bold, SourceHanSansCN_Regular;}
.ico_plane{ display:inline-block; width:40px; height: 40px; background: url(../image/development_ico01.png) center 0 no-repeat; background-size: 40px; transition: all 0.5s 0s ease-in-out;}
.development_tab li:hover:before, .development_tab li.current:before{ background: #036eb8;}
.development_tab li:hover:after, .development_tab li.current:after{ left:100%; opacity: 1; }
.development_tab li:hover a, .development_tab li.current a{ color:#fff;}
.development_tab li:hover .ico_plane, .development_tab li.current .ico_plane{ background-position: center -40px;}
.development_right{ overflow:hidden;}
/*development_block*/
.development_block{ display:none; -webkit-animation: 1s .2s fadeIn both; animation: 1s .2s fadeIn both;}
.development_list{ }
.development_list li.d_li01{ padding-left:60px; padding-bottom: 30px; position: relative;}
.development_list li.d_li01:before{ content:""; position: absolute; top:0; left:7px; width:1px; height: 100%; background: #d2d2d2;}
.development_list li.d_li01:after{ content:""; position: absolute; top:44px; left:0; width:15px; height: 15px; background: url(../image/development_ico03.png) center no-repeat; background-size: contain;}
.development_info{ background: #f7f7f7; position: relative; padding: 3.65% 4%; transition: all 0.5s 0s ease-in-out;}
.development_info:before{ content:""; position: absolute; top:40px; left:-12px; z-index: 0; width:12px; height: 24px; background:url(../image/development_ico04.png) center center no-repeat; background-size: contain;}
.development_year{ display:block; line-height:1; margin-bottom: 10px;}
.list-paddingleft-2{}
.list-paddingleft-2 li{ position: relative; padding-left: 18px;}
.list-paddingleft-2 li:before{ content:""; position: absolute; top:12px; left:0; width:6px; height: 6px; border-radius: 50%; background: #666;}
.list-paddingleft-2 li.d_li01:hover .development_info{ background: #f3f3f3; color: #036eb8;}
.list-paddingleft-2 li.d_li01:hover .development_info:before{ background:url(../image/development_ico04b.png);}
.list-paddingleft-2 li.d_li01:hover .list-paddingleft-2 li:before{ background: #036eb8;}
/*=====sec_honor=====*/ 
.sec_honor{}
.honor_left{ float:left; width:35.42%; position:relative;}
.honor_left:before{ content:""; position:absolute; top:0; left:0; width:62.75%; height: 100%; background: #036eb8;}
.honor_left img{ display:block; position: relative; z-index: 1;}
.honor_left img.honor_tit{ position: absolute; top:0; left:30px; z-index: 2; width:auto; height: 100%;}
.honor_right{ overflow:hidden;}
.honor_block{ } 
.honor_year{ float:left; font-family:DINAlternate_Bold; color: #036eb8; letter-spacing: -0.04em; position: relative; z-index: 1; padding: 12px 30px;}
.honor_year:before{ content:""; position: absolute; top:50%; right: 0; margin:-8px -9px 0 0; width:17px; height: 17px; background: url(../image/honor_04.png) center no-repeat; background-size: contain;}
.honor_textbox{ overflow:hidden; position: relative; padding-left: 32px; padding-bottom: 5%;}
.honor_block:last-child .honor_textbox{ padding-bottom: 0;}
.honor_textbox:before{ content:""; position: absolute; top:0; left:0; width:1px; height: 100%; background: #dedede;}
.honor_textbox li{ padding:2.89% 4%; text-transform: uppercase; transition: all 0.5s 0s ease-in-out;}
.honor_textbox li:hover{ background: #036eb8; color: #fff;}
/*=====sec_partner=====*/ 
.sec_partner{}
.partner_list{ overflow: hidden; margin:-13px -11px;}
.partner_list li{ float:left; width:16.66%; padding:13px 11px;}
.partner_list li a{ display:block; padding: 13px; border:1px solid #ededed;}
.partner_list li a .img_box{ margin: 0 auto; max-width: 166px; padding-top: 41.34%;}
.partner_list li a .img_box img{ display: block; margin: auto; position: absolute; top: -9999px; right: -9999px; bottom: -9999px; left: -9999px; width: auto; height: auto; max-width: 100%; max-height: 100%; transition: all 0.5s 0s ease-in-out;} 
.partner_list li a .img_box img:nth-child(2){ z-index: 1; opacity: 0;}
.partner_list li a:hover{ border-color:#036eb8; box-shadow:0 0 15px 5px rgba(0,0,0,.06);}
.partner_list li a:hover .img_box img:nth-child(2){ opacity: 1;}
/*partner_detail*/
.partner_detail{ }
.partner_tit{ padding:0 5%; margin-bottom: 20px; line-height: 50px; height: 50px; border-bottom: 1px solid #eee; font-weight: bold; font-size: 20px; color: #036eb8;}
.partner_logo{ text-align:center;}
.partner_logo img{ max-width: 220px;}
.partner_textbox{ height: 473px; overflow-y: auto; padding:0 5%;}

/*======================================03 product======================================*/
/*=====product_homepage=====*/
.product_homepage{ min-height: 500px; padding: 200px 0; background-attachment: fixed;}
.homepage_nav{ overflow: hidden; margin: -8px;}
.homepage_nav li{ float:left; width: 20.62%; padding: 8px; margin-top: -20.62%; }
.homepage_nav li a{ display:block; overflow: hidden; position: relative; color: #fff;}
.homepage_nav li a .img_box{ padding-top: 206.315%;} 
.homepage_nav li a .img_box img{ transition: transform 3s cubic-bezier(.23, 1, .32, 1); transform: scale(1); }
.homepage_nav li a:hover .img_box img{ transform: scale(1.1); }
.homepage_tit{ position:absolute; bottom: 0; left:0; z-index: 1; width:100%; text-align: center; line-height: 3.9; background: rgba(0,0,0,.60);}
.homepage_nav li:nth-child(1), .homepage_nav li:nth-child(2){ margin-top: 0; width: 38.14%;}
.homepage_nav li:nth-child(2){ clear:both;}
.homepage_nav li:nth-child(1) .img_box, .homepage_nav li:nth-child(2) .img_box{ padding-top: 52.767%;}
/*=====product_all=====*/
.product_all{}
.product_left, .product_guide{ width:280px;}
.product_left{ float:left; margin-right: 4.86%;}
.product_guide{}
.product_item{ text-transform: uppercase; background: #036eb8; color: #fff; line-height: 1; padding: 13.58%;}
.product_item i{ display:block; margin-top: 10px; }
.product_subnav{ background: #3fa3e5; border-bottom: 1px solid #036eb8; padding: 7px 0 120px;}
.product_subnav li a{ display:block; padding-left: 30%; color: #fff;}
.product_subnav li a em{ display:block; position: relative; border-bottom: 1px solid rgba(255,255,255,.30); padding:14.30% 0 5.10%;}
.product_subnav li a em:before{ content:""; position: absolute; top:50%; left:-32px; width:16px; height: 16px; background: url(../image/ico_06.png) center center no-repeat; background-size: contain;}
.product_subnav li:hover a, .product_subnav li.current a{ background: rgba(255,255,255,.10);} 
#portamento_container{} 
#portamento_container .product_guide.fixed {position:fixed; }
/*product_right*/
.product_right{ overflow: hidden;}
.product_show{ margin: -14px;}
.product_show li{float:left; width:33.33%; padding: 14px;}
.product_show li a{ display:block; border:1px solid #d6d6d6; color: #000;}
.product_show li a .img_box{ padding-top: 69.27%;}
.product_show li a .img_box img{ display: block; margin: auto; position: absolute; top: -9999px; right: -9999px; bottom: -9999px; left: -9999px; width: auto; height: auto; max-width: 100%; max-height: 100%; }
.product_des, .more02{ padding: 0 10%;}
.product_des{ line-height: 36px; height: 72px; overflow: hidden; margin-bottom: 23px;}
.product_des p{ overflow: hidden; white-space:nowrap; text-overflow: ellipsis;}
.more02{ display:block; position:relative; transition: all 0.5s 0s ease-in-out; border-top:1px solid #d6d6d6; line-height: 3.4; color: #666;}
.more02:before{ content:""; position: absolute; top:0; right:10%; width:23px; height: 100%; background: url(../image/ico_07.png) right center no-repeat; background-size: 66px;} 
.product_show li a:hover{ box-shadow: 0 0 20px -2px rgba(0,0,0,.10);}
.product_show li a:hover .more02{ background:#036eb8; color: #fff;}
.product_show li a:hover .more02:before{ background-position:left center;}
/*page*/

.page {text-align:center;margin: 64px 0 0 0;}
.page a, .page span {display:inline-block;padding:9px 14px;margin:0 1px;border:1px solid #f0f0f0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.page span {color:#fff;background: #1574bc;}
.page a, .page li {display:inline-block;list-style: none;text-decoration:none;}
.page a.first, .page a.prev, .page a.next, .page a.end {margin:0;}
.page a:hover {border-color:#1574bc;}
.page span.current {background:#1574bc;color:#FFF;font-weight:700;border-color:#1574bc;}

/*=====article=====*/
.article{ color: #666;}
.article_top{ padding-bottom: 13px; border-bottom:1px solid #e5e5e5; margin-bottom: 5%; }
.article_tit{ color: #000; margin-bottom: 16px;}
.article_info{ float:left; color: #999;}
.back_list{ display:block; float:right; color: #0067b6; padding-left: 23px; background: url(../image/ico_08.png) left center no-repeat; background-size: 13px;}
/*article_bot*/
.article_bot{ margin-top: 6%;} 
.article_shared{ float:right; margin-bottom: 50px;}
.article_handle{ clear: both; padding: 4.17% 5%; background: #f8f8f8; line-height: 20px;}
.article_btn,.back_list02{ display:block; float: left; width:40%;}
.article_next{ float:right; text-align: right;}
.article_btn em{ display:block; width:30px; height: 100%; font-size: 0; position: relative;}
.article_btn em:before{ content:""; position: absolute; top:50%; left:0; width: 12px; height: 12px; margin-top: -6px;}
.article_btn em:after{ content:""; position: absolute; top:50%; right:0; width:1px; height: 14px; margin-top: -7px; background: #e5e5e5;}
.article_btn:hover em:after{ background-color: #036eb8;}
.article_prev em{ float:left; margin-right: 15px;}
.article_prev em:before{ background: url(../image/article_arrow01.png) left center no-repeat;} 
.article_prev:hover em:before{ background-position: right center;}
.article_btn span{ display:block; overflow: hidden; }
.article_next em{ float:right; margin-left: 18px;}
.article_next em:before{ left:auto; right:0; background: url(../image/article_arrow02.png) right center no-repeat;}
.article_next em:after{ right:auto; left:0;}
.article_next:hover em:before{ background-position: left center;}
.back_list02{ width:20%; text-align: center; font-size: 0; position: relative;}
.back_list02:before{ content:""; position: absolute; top:50%; left:50%; width: 20px; height:20px; margin: -10px 0 0 -10px; background: url(../image/article_ico01a.png) no-repeat;} 
.back_list02:hover:before{ background-image: url(../image/article_ico01b.png);}
/*=====manual_wrap=====*/
.manual_wrap{ padding: 50px 0; background: #f4f4f5;}
.manual_list{ overflow: hidden; margin: -16px; }
.manual_list li{ float:left; width:25%; padding: 16px;}
.manual_list li a{ overflow: hidden; background: #fff; border:1px solid #e2e2e3; padding:11.31% 5% 8.34% 10%; display: flex; align-items: center;}
.manual_list li a img{ display:block; float:left; width:24%; max-width: 64px; margin-right: 8%;}
.manual_list li a p{ overflow:hidden;}
.manual_list li a:hover{ box-shadow: 0 0 30px -2px rgba(0,0,0,.10); color: #036eb8;}

/*======================================04 news======================================*/
/*=====news_all=====*/
.news_all{}
/*search*/
.search{ float:right; margin:2.7% 11% 0 0; position:relative; z-index: 1; width:28%; max-width: 400px; border-radius:5px; border:1px solid rgba(3,110,184,.30);}
.search_btn, .search_txt{ height: 48px;}
.search_btn{ float:right; cursor:pointer; text-indent:-9999px; width:70px; background: url(../image/ico_search.png) center center no-repeat; background-size: 22px;}
.search_fill{ overflow:hidden; border-right:1px solid rgba(3,110,184,.30);}
.search_txt{ width:100%; padding-left: 14px;}

/*news_list*/
.news_list{}
.news_list li a{ display:block; overflow: hidden; padding: 0 4%; }  
.news_date{ display:block; float:left; text-align: center; width:88px; height: 88px; padding-top: 6px; color:#fff; background: #036eb8; margin-right: 2.5%; margin-top: 4.75%; transition: all 0.5s 0s ease-in-out;}
.news_date em{ display:block; line-height: 52px; font-size: 52px;} 
.news_date em{ margin:10px 0 -12px \9; }
.news_r{ overflow:hidden; border-bottom: 1px solid #e6e6e6; padding: 3% 0;}
.news_r .bgImg{ float:right; width:218px; height: 130px; margin-left: 5%;}
.news_textbox{ overflow:hidden; border-left:1px solid #e6e6e6; padding-left: 2.5%; margin-top: 2%;}
.news_textbox .tit{ line-height:normal; margin-bottom: 12px;}
.news_textbox .des{ line-height:26px; max-height: 52px; opacity: .70;}
.news_list li a:hover{ background: #f8f8f8; color: #036eb8;}
#hangye_news li a:hover{ background: #036eb8; color: #fff;}
#hangye_news li a:hover .news_date{ background: #fff; color: #036eb8;}

/*==============05 tech=============*/
/*=====load_all=====*/
.load_all{ position:relative;}
/*load_nav*/
.load_nav{ border-radius: 5px; background: #fff; box-shadow:0 0 12px 3px rgba(0,0,0,.05); width: 130px;}
.load_nav li a{ display:block; position: relative; border-radius:5px; padding: 0 20px; line-height: 50px;}
.load_nav li a:before{ content:""; position: absolute; top:0; left:100%; width:0; height: 100%; background: url(../image/ico_09.png) center center no-repeat; background-size: contain; opacity: 0;}
.load_nav li:hover a, .load_nav li.current a{ background: #036eb8; color: #fff;}
.load_nav li:hover a:before, .load_nav li.current a:before{ width:8px; opacity: 1;}
.load_all #portamento_container{position: absolute; left:2.60%;} 
.load_all #portamento_container .load_nav.fixed {position:fixed; }
/*load_list*/
.load_list{ }
.load_list li{ overflow: hidden; line-height: 100px; border-bottom: 1px solid #f1f1f1; transition: all 0.5s 0s ease-in-out;}
.load_list li a{ display:block; color: #036eb8;}
.load_list li a.load_link{ float:right; padding:0 4%;}
.load_list li a.tit{ padding-left: 100px; background: url(../image/ico_pdf.png) 30px center no-repeat; background-size: 48px; overflow: hidden; white-space:nowrap; text-overflow: ellipsis; cursor: text;}
.load_list li:hover{ background: #eef2f4;}
.load_list li:hover a.load_link{ text-decoration:underline;}
/*report*/
.report_tit{ text-align:center; }
.report_box{ margin: -10px auto; max-width: 640px;}
.report_list{ margin: 0 -10px; overflow: hidden; display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: baseline;}
.report_list li{ float:left; width:50%; text-align:center; font-weight: bold; padding: 70px 10px 0;}
.report_img{ max-height:210px; margin-bottom: 20px;} 
.report_img img{ display:block; margin: 0 auto; max-height: 100%; width:auto;}
.report_list li:hover a{ color: #036eb8;}
/*message*/
.message{ max-width: 720px; margin: 0 auto;}
.form_block{ /*width:50%; float:left;*/}
/*.form_block:nth-child(2){ padding-left:4%;}*/
.form_line{ margin-bottom: 27px;}
.form_line label, .form_mark{ line-height: 55px;}
.form_line label{ display:block; float:left; min-width: 100px;}
.form_mark{ display:block; float:right; font-size: 18px; color:red; width:56px; padding-left: 12px;}
.form_fill{ overflow: hidden;}
.form_txt{ width:100%; height: 55px; padding:10px 14px; border:1px solid #dddddd;}
.form_txt:focus{ border-color:#ccc;}
.form_yu{ resize: none; height: 302px;}
.line_check{}
.line_check .form_txt{ width:36%;}
.check_code, .code_img, .check_code i{ cursor: pointer; display:inline-block; vertical-align: middle; font-size: 16px; color: #999;} 
.check_code{ width:60%;}
.code_img{ margin-left: 4px; margin-right: 4%; height: 55px;}
.code_img img{ display:block; height:100%; width:auto;}
.check_code i{ font-size: 18px; color:red;}
.form_handle{ text-align:center; clear: both; padding-top: 40px;}
.form_btn{ cursor: pointer; background: #909090; color: #fff; letter-spacing: 0.3em; margin: 0 8px; width:204px; height: 47px;}

/*==============06 post======================*/
/*=====post_list=====*/
.post_all{}
.post_list{}
.post_list li{ margin-bottom: 27px;}
.post_list li:last-child{ margin-bottom: 0;}
.post_list li a{ display:block; position: relative; overflow: hidden; background: #f8f8f8; height: 200px; padding:30px 120px 30px 40px;}
.post_top{ overflow:hidden; position: relative; padding-bottom: 10px; margin-bottom: 15px;}
.post_top:before{ content:""; position: absolute; bottom: 0; left:0; width:100%; height: 1px; background: #333;}
.post_num{ float:right; margin-left: 4%;}
.post_top .tit{ line-height: normal;}
.post_list li a .des{ line-height:30px; max-height: 90px; -webkit-line-clamp: 3;}
.post_more{ display:block; position: absolute; top:0; right:0; height:100%; width:80px; line-height: 80px; text-align: center; letter-spacing: 0.5em; writing-mode:tb-rl; }
.post_more em{ display:inline-block; vertical-align: middle; position: relative; z-index: 1;}
.post_more:before{ content:""; position: absolute; bottom: 0; left:0; width:100%; height: 100%; background: #e8e8e8;}
.post_list li a:hover{ background: #036eb8; color: #fff;}
.post_list li a:hover .post_top:before{ background:#fff;}
.post_list li a:hover .post_more:before{ background: #0081da;}
/*=====post_end=====*/
.post_end{ line-height: 2.60;}
.post_tit{ padding-bottom: 2.10%; border-bottom: 1px solid #333; margin-bottom: 3.50%;}
.post_item{ color: #036eb8; margin-bottom: 15px;}
.post_item span{ color:#333;}
.post_end .post_btn{display: inline-block;text-align: center; margin-top: 5%; width:100%; line-height: 3.20; background: #036eb8; color: #fff; letter-spacing: 0.30em;}

/*======================================07 contact======================================*/
.contact{}
.contact_map, .contact_textbox{ height:550px;}
.contact_map{ float:left; width:68.06%; margin-right: 2.64%;}
.contact_map img{ display:block; width:100%; height: 100%;}
.contact_textbox{ overflow:hidden; background: #036eb8; color: #fff; padding:50px 0;}
.contact_block{ overflow: hidden; height: 444px; padding:0 10%;}
.contact_tit{ line-height: 1.62; text-transform:uppercase; margin-bottom: 30px;}
.contact_des{ line-height: 1.875;}
.contact_block .mCustomScrollBox{ overflow: visible;}
.contact_block .mCSB_scrollTools{ width:3px; right:-13px;}
.contact_block .mCSB_inside > .mCSB_container{ margin-right:0;}

@media (max-width: 1680px){
	/*font*/ 
	.f86{ font-size: 70px;} 
	.f60{ font-size: 50px;} 
	.f50{ font-size: 38px;} 
	.f48{ font-size: 36px;} 
	.f42{ font-size: 34px;} 
	.f38{ font-size: 32px;}
	.f36{ font-size: 30px;}
	.f32{ font-size: 28px;}
	.f30{ font-size: 26px;}
	.f28{ font-size: 24px;}
	.f26{ font-size: 24px;}
	.f24{ font-size: 20px;}
	.f22{ font-size: 18px;}
	.f20{ font-size: 18px;} 
	.f18{ font-size: 16px;}
	.f16{ font-size: 14px;}
	.f15{ font-size: 14px;}
	
	.inner{ width:1200px;}
	/*header*/
	header{ height: 100px;}
	.nav li a.n_a0{ padding:42px 0 28px;}
	.logo a{ margin-top: 20px;}
	.logo img{ height: 60px;} 
	/*footer*/
	.notice_code li{ margin-left:10px;}
	.notice_code li img{ width: 90px; height: 90px;}
	/*index*/
	.sec_about, .sec_product{ padding:80px 0;}
	#news_scr .item .bgImg{ height:460px;} 
	.news_block .news_tit{ padding-left: 25px; margin-left: -25px; background-size: 18px;}
	.news_block .news_des{ line-height:24px; height: 48px;}
	/*.news_rec .news_des{ height: 104px;}
	.news_right .news_block .news_tit{height:28px;}*/
	.news_center .title01{ margin-bottom: 66px;}
	
	/*======================================02 about======================================*/
	main{ padding-top:100px;}
	.include_block{ height:285px;}
	.development_tab li{ height:155px;}
	/*======================================03 product======================================*/
	.product_homepage{ padding:150px 0;}
	.product_left, .product_guide{ width:240px;}
	.product_des{ line-height: 32px; height: 96px;}
	/*======================================05 tech======================================*/
	.load_list li{ line-height: 80px;}
	
} 

@media (max-width: 1366px){ 
	/*font*/ 
	.f86{ font-size: 60px;} 
	.f60{ font-size: 40px;} 
	.f50{ font-size: 34px;} 
	.f48{ font-size: 32px;} 
	.f42{ font-size: 30px;} 
	.f38{ font-size: 28px;}
	.f36{ font-size: 26px;}
	.f32{ font-size: 24px;}
	.f30{ font-size: 22px;}
	.f28{ font-size: 20px;}
	.f26{ font-size: 18px;}
	.f24{ font-size: 16px;}
	.f22{ font-size: 16px;}
	.f20{ font-size: 16px;} 
	.f18{ font-size: 14px;}
	.f16{ font-size: 14px;}
	.f15{ font-size: 14px;}
	
	.inner{ width:100%; padding: 0 20px; max-width:1040px;}
	/*header*/
	header{ height: 80px;}
	.nav li a.n_a0{ padding: 32px 0 18px;}
	.logo a{ margin-top: 15px;}
	.logo img{ height: 50px;}
	.nav{ margin-right:0;}
	.subclass{ padding:20px 0;}
	.subclass_block dt img{ height:38px;}
	
	/*index*/
	.sec_box, .sec_about, .sec_product{ padding: 60px 0;}
	
	.about_list{ margin-right:-4%;}
	.more01{ width:110px; line-height:42px;}
	.product_box .des{ line-height:24px; max-height: 120px;}
	.product_box{ margin-bottom:60px;}
	.product_list{ margin:-10px 0;}
	.product_list li{ padding:10px 0;}
	.product_list li .ico_box{ width:48px; height: 38px;}
	/*======================================02 about======================================*/
	main{ padding-top:80px;}  
	.development_tab li{ height:135px;}
	.development_des li:before{ top:9px;}
	/*======================================03 product======================================*/
	.product_homepage{ padding:100px 0;} 
	.homepage_tit{ line-height:2.9;}
	.product_left, .product_guide{ width:200px;}
	.product_show{ margin:-10px;}
	.product_show li{ padding:10px;} 
	.product_des{ line-height:28px; height: 84px;}
	.more02{ line-height:3;} 
	.manual_list{ margin:-10px;}
	.manual_list li{ padding:10px;} 
	/*======================================04 news======================================*/
	.search_btn, .search_txt{ height:40px;}
	.search_btn{ width:60px; background-size: 18px;}
	/*======================================05 tech======================================*/
	.load_list li{ line-height: 60px;}
	.report_img{ margin-bottom:10px;}
	.report_list li{ padding-top:50px;}
	/*.form_block:nth-child(2){ padding-left:0;}*/
	.form_line{ margin-bottom:15px;}
	.form_line label, .form_mark{ line-height:45px;}
	.form_line label{ min-width:80px;}
	.form_txt, .code_img{ height:45px; }  
	.form_btn{ width:154px; height: 40px;}
	.form_yu{ height: 240px;}  
	/*======================================07 contact======================================*/
	.contact_map, .contact_textbox{ height:450px;}
	.contact_textbox{ padding: 40px 0;}
	.contact_tit{ margin-bottom:20px;}
	.contact_block{ height:370px;}
}





@media (max-width: 991px){
	/*font*/ 
	.f86{ font-size: 50px;} 
	.f60{ font-size: 34px;} 
	.f50{ font-size: 30px;} 
	.f48{ font-size: 28px;} 
	.f42{ font-size: 26px;} 
	.f38{ font-size: 24px;}
	.f36{ font-size: 22px;}
	.f32{ font-size: 20px;}
	.f30{ font-size: 20px;}
	.f28{ font-size: 18px;}
	.f26{ font-size: 16px;}
	.f24{ font-size: 14px;}
	.f22{ font-size: 14px;}
	.f20{ font-size: 14px;} 
	.f18{ font-size: 14px;}
	.f16{ font-size: 14px;}
	.f15{ font-size: 14px;}
	 
	.inner{ max-width:768px;}
	
	/*header*/
	.caret_down{ width:6px; height: 6px; margin-left: 5px;}
    .header_index .nav li a.n_a0{ color: #333!important;}
	/*footer*/
	footer{ border-width:4px; padding-top: 40px;}
	.f_nav{ display:none;}
	.f_right{ float:none; text-align: center;}
	.f_notice{ margin-left:10px; font-size: 12px;}
	.notice_code{ margin-bottom:10px;}
	.notice_code li img{ width:70px; height: 70px;}
	.f_contact, .f_notice{ float:none; display:inline-block; vertical-align: top;}
	.footer_bot{ padding:15px 0;}
	
	
	/*======================================01 index======================================*/
	/*focus_wrap*/
	.focus_wrap{ height:580px;}
	.about_tel{ display:block; margin-left: 0; margin-top: 20px;}
	.about_tel i{ margin-bottom:0;}
	/*======================================02 about======================================*/
	.sec_box, .sec_about, .sec_product{ padding: 40px 0;}
	.sub_top .inner{ padding-top:20px; padding-bottom: 20px;}
	.sub_tit{ margin-bottom:20px;}
	.sub_nav li a{ padding-bottom:7px;}
	.include_block{ height:225px;}
	.development_tab li{ height:115px;}
	.honor_year{ padding-left:0; padding-right: 20px;}
	.honor_textbox{ padding-left:20px;} 
	.partner_list{ margin:-6px;}
	.partner_list li{ padding: 6px;}
	.partner_list li a{ padding:6px;}
	/*======================================03 product======================================*/
	.product_homepage{ padding:50px 0;} 
	.product_left, .product_guide{ width:160px;}
	.product_des{ line-height: 24px; height: 72px; margin-bottom: 15px;}
	.manual_wrap{ padding: 40px 0;}
	/*======================================05 tech======================================*/ 
	.report_list li{ padding-top: 30px;} 
	.form_block{ width:100%; float:none;}
	.form_mark{ width:auto;} 
	/*======================================07 contact======================================*/ 
	.contact_map{ width:100%; float:none; margin: 0; height:350px; }
	.contact_textbox{ padding: 30px 0; height: auto;} 
	.contact_block{ height:auto; padding: 0 5%;}
}




@media (max-width: 767px){ 
	/*font*/ 
	.f86{ font-size: 30px;} 
	.f60{ font-size: 28px;} 
	.f50{ font-size: 24px;} 
	.f48{ font-size: 22px;} 
	.f42{ font-size: 20px;} 
	.f38{ font-size: 18px;}
	.f36{ font-size: 18px;}
	.f32{ font-size: 18px;}
	.f30{ font-size: 18px;}
	.f28{ font-size: 16px;}
	.f26{ font-size: 16px;}
	.f24{ font-size: 14px;}
	.f22{ font-size: 14px;}
	.f20{ font-size: 14px;} 
	.f18{ font-size: 14px;}
	.f16{ font-size: 12px;}
	.f15{ font-size: 12px;}
	body,html{ font-size: 12px;}
	
	/*header*/
	header{ height: 60px;}
	.logo a{ margin-top: 10px;}
	.logo img{ height: 40px; } 
	.menu_phone{ display:block;} 
	.nav{ display:none; float:none; position: fixed; top: 60px; left: 0; width: 100%;  height: -webkit-calc(100% - 60px); height: calc(100% - 60px); background: rgba(255,255,255,.90); border-top: 1px solid rgba(0,0,0,.10); overflow-y: auto;}
	.nav li{ 
		float:none; 
		width:100%;
		text-align:center; 
		-webkit-animation-duration: 0.5s;
		animation-duration: 0.5s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: returnToNormal;
		animation-name: returnToNormal; 
	}  
	@-webkit-keyframes returnToNormal {
		from{
			opacity: 0;
			-webkit-transform: translate3d(0, 100%, 0);
			transform: translate3d(0, 100%, 0);
		}
		to {
			opacity: 1;
			-webkit-transform: none;
			transform: none;
		}
	}
	@keyframes returnToNormal {
		from{
			opacity: 0;
			-webkit-transform: translate3d(0, 100%, 0);
			transform: translate3d(0, 100%, 0);
		}
		to {
			opacity: 1;
			-webkit-transform: none;
			transform: none;
		}
	}
	.nav li a.n_a0{ padding: 5px 0;}
	.subclass{ position:inherit; position: initial; padding: 10px 0;}
	.nav li:nth-child(n) .subclass_list{ padding: 0; text-align: center;}
	.subclass_list a{ padding:0 10px;}
	.subclass_block{ width:50%; margin-bottom: 20px;}
	.subclass_block dt{ margin-bottom: 10px;}
	
	/*======================================01 index======================================*/
	/*focus_wrap*/
	.focus_wrap{ height: 360px; } 
	#focus_scr .owl-dots .owl-dot{ height:35px;}
	.f_t_p02{ margin-bottom:15px;}
	/*sec_about*/
	.title01{ margin-bottom: 30px;}
	.title01 b{ margin-bottom:10px;}
	.about_left{ float:none; width:100%; margin-bottom: 20px;}
	.about_left .title01{ margin-bottom: 20px; }
	.about_right{ width:100%;}
	.about_list{ overflow: hidden; margin: -10px;}
	.about_list li{ width:50%; padding: 10px;}
	.about_list li p{ width:100%;}
	/*sec_product*/
	.product_list li:nth-child(n){ width:50%;}
	/*sec_news*/
	#news_scr{ display:none;}
	.news_center{ float:none; width:100%; margin: 0 0 20px;}
	.news_center .title01{ margin-bottom:30px;}
	.news_right{ float:none; width:100%;} 
	.news_tit{ line-height: 24px; margin-bottom: 5px;}
	.news_block{ padding:15px 0;}
	.news_block .news_time{ margin-bottom: 5px;}
	.news_block .news_tit{ margin-left:0; padding-left: 22px; background-size: 15px;}
	.news_block .news_des{ line-height:22px; height: auto; max-height: 44px;}
	.news_right .news_block .news_tit{ height:24px;}
	/*.news_rec{ margin-top:0;}
	.news_rec .news_des{ height: auto; max-height: 88px;}*/
	.news_right .news_block:first-child{ padding-top:15px; border-top:1px dashed #a1a1a1;}
	
	/*======================================02 about======================================*/
	main{ padding-top:60px;}
	.sub_nav{ margin:0 -10px;}
	.sub_nav li{ padding:0 10px;}
	.s_t_right{ display:none;}
	.profile_left{ float:none; width:100%; margin-bottom: 30px;}
	.profile_right{ float:none; width:100%;}
	.company_tab{ overflow: hidden; font-size: 13px; margin:0 -5px;}
	.company_tab a{ padding:0 5px;}
	.include_block{ height: 165px;}
	.include_tit em, .include_tit i{ font-size:14px;}
	.include_tit i{ display:none;}
	.development_tab{ float:none; width:100%; margin-right: 0; margin-bottom: 20px;}
	.development_tab li{ width:33.33%; float:left; height: 95px;}
	.development_tab li a{ width:100%; text-align:center; padding-right: 0;}
	.ico_plane{ width:25px; height: 25px; background-size: 25px;}
	.development_tab li:hover .ico_plane, .development_tab li.current .ico_plane{ background-position: center -25px;} 
	.development_list li.d_li01{ padding-left:30px;}
	.development_tab li:nth-child(n) em{ font-size:16px; margin-bottom: 10px;}
	.development_tab li:after{ display:none;}
	.honor_left{ width:100%; float:none; overflow: hidden;}
	.honor_left img{ height:80px; width:auto; float:right;}
	.honor_left img.honor_tit{ transform: rotate(-90deg); left: 45%;}
	.honor_left:before{ width:91.75%;}
	.partner_list li{ width:33.33%;}
	.partner_textbox{ height:270px;}
	
	/*======================================03 product======================================*/  
	.homepage_nav{ margin:-4px;}
	.homepage_nav li:nth-child(n){ width:33.33%; margin: 0; padding: 4px;}
	.homepage_nav li:nth-child(1), .homepage_nav li:nth-child(2){ clear: none; width:50%; float:left;} 
	.product_left{ width:100%; float:none; margin-bottom: 20px;}
	.product_left, .product_guide{ width:100%;}
	.product_item{ padding:20px;}
	.product_item i{ display:inline-block; margin:0 0 0 10px;}
	.product_subnav{ overflow: hidden; padding: 0;}
	.product_subnav li{ float:left; width:33.33%;}
	.product_subnav li a{ padding-left:0; text-align: center;}
	.product_subnav li a em{ padding:10px 0;}
	.product_subnav li a em:before{ display:none;}
	.product_show{ margin:-5px;}
	.product_show li{ padding:5px; width:50%;}
	.manual_list{ margin:-5px;}
	.manual_list li{ padding:5px; width:50%;}
	.manual_list li a{ padding: 10px 15px;}
	.manual_list li a img{ max-width:34px;}
	
	/*======================================04 news======================================*/
	.search{ margin-right:0; width:50%;} 
	.search_btn, .search_txt{ height:30px;}
	.search_btn{ width:40px; background-size:15px;}
	.news_list{ margin:0 -20px;}
	.news_list li a{ padding:15px 20px 0;} 
	.news_date{ float:none; display:inline-block; height: auto; text-align:left; background: none; color: #036eb8; padding: 0; margin:0;}
	.news_date em{ display:inline-block; font-size:16px; line-height:normal; margin:0 5px 0 0!important;}
	.news_date em{ margin:0 5px 0 0 \9;}
	.news_r{ padding:5px 0 15px;}
	.news_r .bgImg{ width:118px; height: 70px; margin-left: 10px;}
	.news_textbox{ height:auto; padding: 0; margin: 0; border:none;}
	.news_textbox .tit{ margin-bottom: 6px;}
	.news_textbox .des{ line-height:20px; max-height: 40px;}
	.article_btn, .back_list02{ float:none; width:100%;}
	.back_list02{ margin:5px 0;}
	/*======================================05 tech======================================*/ 
	.load_nav{ width:100%; overflow: hidden; margin-bottom: 20px;}
	.load_nav li{ float:left; width:33.33%; text-align: center;}
	.load_nav li a{ line-height:40px; padding: 0 10px;}
	.load_nav li a:before{ display:none;}
	.load_list li a.tit{ background-size:38px; padding-left:70px; background-position:20px center;}
	.form_line{ margin-bottom:10px;}
	.form_line label{ float:none;}
	.form_line label, .form_mark{ line-height: 35px;}
	.form_txt, .code_img{ height:35px;}
	.form_txt{ padding-top:5px; padding-bottom: 5px;}
	.form_btn { width: 104px; height: 35px;}
	.form_yu{ height: 180px;}
	/*======================================06 post======================================*/
	.post_list li a{ padding: 20px 60px 20px 20px; height:150px;}
	.post_more{ width:40px; line-height: 40px;}
	.post_list li{ margin-bottom:15px;}
	.post_list li a .des{ line-height:22px; max-height: 66px;}
	.post_end{ line-height:1.72;}
	
	/*======================================07 contact======================================*/ 
	.contact_map{ height: 250px;} 
} 
 
.development_tab li:nth-child(1) em{ margin-bottom:0;}
.sec_news .news_block:last-child{ padding-bottom:0;}