@charset "utf-8";
/* CSS Document */

select:focus,
button:focus,
input:focus,
textarea:focus,
a:focus{ outline:none;}

button::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"]>input[type="button"]::-moz-focus-inner{ border:none; padding:0;}
body{-webkit-tap-highlight-color:rgba(0,0,0,0)}
input[type="button"],
input[type="submit"],
input[type="reset"]{ -webkit-appearance:none;}
textarea{ -webkit-appearance:none;}
*{ -webkit-tap-highlight-color:rgba(255,0,0,0);}

@font-face{
	font-family:'novecento_sans_widelight';
	src:url('../fonts/Novecentosanswide-Light-webfont.eot');
	src:url('../fonts/Novecentosanswide-Light-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Novecentosanswide-Light-webfont.woff2') format('woff2'),
		url('../fonts/Novecentosanswide-Light-webfont.woff') format('woff'),
		url('../fonts/Novecentosanswide-Light-webfont.ttf') format('truetype'),
		url('../fonts/Novecentosanswide-Light-webfont.svg#novecento_sans_widelight') format('svg');
	font-weight:normal;
	font-style:normal;
}

@font-face{
	font-family:'novecento_sans_widenormal';
	src:url('../fonts/Novecentosanswide-Normal-webfont.eot');
	src:url('../fonts/Novecentosanswide-Normal-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Novecentosanswide-Normal-webfont.woff2') format('woff2'),
		url('../fonts/Novecentosanswide-Normal-webfont.woff') format('woff'),
		url('../fonts/Novecentosanswide-Normal-webfont.ttf') format('truetype'),
		url('../fonts/Novecentosanswide-Normal-webfont.svg#novecento_sans_widenormal') format('svg');
	font-weight:normal;
	font-style:normal;
}
footer,
header,
hgroup,
main,
nav,
section,
div{ position:relative; display:block;}
html{ -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; width:100%; height:100%; margin:0; padding:0;}
body{ width:100%; min-height:100vh; margin:0; padding:0; background:#fff; color:#666; text-align:left; font-size:14px; line-height:1.8; min-width:320px; position:relative; left:0;}
::-moz-selection{ color:#fff; background:#d7000f;}
::selection{ color:#fff; background:#d7000f;}
::-moz-selection{ color:#fff; background:#d7000f;}
body,span,a,h1,h2,h3,h4,h5,p,input,textrea,select{ font-family:"Microsoft YaHei", tahoma; color:#666; position:relative;}
h1,h1 span,h2,h3{ font-family:"Microsoft YaHei", tahoma;}
h1,h2,h3,h4,h5{ font-weight:normal; line-height:1.2; font-style:normal; margin:0; color:#000; text-transform:uppercase;}
span,
a{ line-height:1;}
h1{ font-size:48px;}
h2{ font-size:36px;}
h3{ font-size:24px;}
h4,
.p18{ font-size:18px;}
h5{ font-size:14px;}
p{ font-size:14px; margin:24px 0;}
.pmt0 p{ margin-top:0;}
a p{ line-height:1.5;}
a{ color:#d7000f; display:block; cursor:pointer;}
a,
a:active,
a:hover{ outline:0; text-decoration:none;}
ul,
ol{ list-style:none; padding:0; margin:0;}

/*-----------列表文本-----------*/
.list_text li{ list-style:disc; margin-left:15px;}
.list_text2 li{ list-style:decimal; margin-left:15px;}
img{ border:0; margin:0; padding:0;}
img .middle{ vertical-align:middle;}
img.fullw{ width:100%; height:auto;}
*,
*:before,
* before,
*:after,
* after{ box-sizing:border-box;}
.float_l{ float:left;}
.float_r{ float:right;}
.scrollbg{ background-position:center; background-attachment:scroll; background-repeat:no-repeat; background-size:cover;}
.scrollbg.pos_t{ background-position:center top;}
.scrollbg.pos_b{ background-position:center bottom;}
.fixedbg{ background-position:center; background-attachment:fixed; background-repeat:no-repeat; background-size:cover;}
.touch .fixedbg{ background-attachment:scroll;}
.imgbg_layer{ position:absolute; top:0; left:0; width:100%; height:100%; background-color:#000; opacity:0.15; filter:alpha(opacity=15);}
hr{ box-sizing:content-box; background-color:#d7000f; border:0; width:30px; height:2px; margin-top:10px; margin-bottom:0;}
.title_hr{ width:100%; height:10px; margin-top:15px; background-color:#fff; float:left;}
.full_hr{ width:100%; height:2px; margin:20px 0;}
.mb5{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}
.mb20{ margin-bottom:20px;}
.mb30{ margin-bottom:30px;}
.mt50{ margin-top:50px;}
.mtb20{ margin-top:20px; margin-bottom:20px;}
.hide_on_desktop{ display:none;}
.proloader{ visibility:hidden; opacity:0;}
.loading_icon{ position:absolute; top:0; width:100%; height:100%; background-image:url(../images/common/loader.gif); background-position:center; background-repeat:no-repeat; background-size:50px 10px;}

/*---------- 清除浮云 ----------*/
.clearfix:before,
.clearfix:after{ content:""; display:table;}
.clearfix:after{ clear:both;}
.clearfix{ zoom:1;}

/*----------colors----------*/
.c_white,
.c_white h1,
.c_white h2,
.c_white h3,
.c_white h4,
.c_white h5,
.c_white p{ color:#fff;}
.c_gray{ color:#666;}
.c_dark{ color:#333;}
.c_red{ color:#d7000f;}
.bg_white{ background-color:#fff;}
.bg_red{ background-color:#d7000f;}

/*----------buttons----------*/
.btn_red,
.btn_white{ display:inline-block; float:left; padding:15px 20px; margin:0 10px 10px 0; line-height:1; font-size:12px;}
.btn_red{ border:1px solid #d7000f;}
.btn_white{ background-color:#fff;}
.no-touch .btn_red:hover,
.no-touch .btn_white:hover{ background-color:#d7000f; color:#fff;}
.center_btn{ float:none; margin:auto;}
.btn_arrow:after{ content:"\e60e"; font-size:14px; margin-left:10px; vertical-align:text-top;}
.btn_text{ float:left; padding:5px 0; margin:0 30px 0px 0; line-height:1; font-size:14px; border-bottom:1px solid transparent;}
.btn_red:before,
.btn_white:before,
.btn_text:before{ font-size:14px; margin-right:10px; vertical-align:middle;}
.no-touch .btn_text:hover{ border-bottom-color:#d7000f;}
.icon_btn{ width:60px; height:60px; line-height:60px; text-align:center; font-size:20px; color:#d7000f;}
.no-touch .icon_btn:hover{ background-color:#d7000f; color:#fff;}
.close_btn{ position:absolute; top:0; right:0;}
.btn_more{ width:110px;}
.btn_more span{ color:#d7000f;}
.no-touch .btn_more:hover span{ color:#fff;}
.btn_more:after{ float:right; font-size:12px; content:"\e115";}
.btn_more.collapsed:after{ content:"\e114";}
.btn_more .more{ display:none;}
.btn_more.collapsed .more{ display:inline;}
.btn_more .less{ display:inline;}
.btn_more.collapsed .less{ display:none;}

/*-----------位置---------*/
.position_a{ position:absolute; top:0; left:0;}
.position_r{ position:relative;}
.align_c{ text-align:center;}

/*-----------元素尺寸---------*/
.desktop_full,
.full{ width:100%; height:100%; overflow:hidden;}
.wrap{ padding-left:10%; padding-right:10%; overflow:hidden; zoom:1;}
.hwrap{ padding-top:120px; padding-bottom:120px;}

/*-------------垂直对齐-------------*/
.vertical_obj{ display:table;}
.vertical_obj .vertical_cont{ display:table-cell; vertical-align:middle;}

/*-------------底部内容-------------*/
.btm_cont{ position:absolute; width:100%; bottom:0;}
.btm_cont>.title{ float:left;}
.btm_cont .info{ float:left; width:100%; background-color:#fff; padding-top:40px; padding-bottom:40px; overflow:hidden;}

/*-------------左右布局-------------*/
.lr_layout .left_img{ position:absolute; top:0; height:100%; width:auto;}
.lr_layout .right_cont{ padding:30px 0; float:right; width:50%;}

/*-------------隐藏内容-------------*/
.collapse{ display:none; visibility:hidden;}
.collapse.in{ display:block; visibility:visible;}
.collapsing{ position:relative; height:0; overflow:hidden; -webkit-transition-timing-function:ease; transition-timing-function:ease; -webkit-transition-duration:.35s; transition-duration:.35s; -webkit-transition-property:height, visibility; transition-property:height, visibility;}
.collapse p,
.collapsing p{ margin-top:0;}

/*----------header----------*/
header{ height:60px; background:#fff; box-shadow:0px 0px 16px rgba(0, 0, 0, .2); overflow:visible; z-index:999;}
#logo{ float:left; height:100%; width:auto; padding:15px 20px; background-color:#fff;}
#logo img{ height:30px; width:auto;}
#logo h5{ position:absolute; left:0; top:22px; width:100%; text-align:center; color:#d7000f; visibility:hidden; opacity:0;}
.no-touch #logo:hover img{ visibility:hidden; opacity:0;}
.no-touch #logo:hover h5{ visibility:visible; opacity:1;}

/*----------nav----------*/
nav{ float:left; background-color:#d7000f; cursor:default;}
nav .menu_btn{ width:60px; height:60px; line-height:60px; font-size:24px; text-align:center; background-color:#d7000f; color:#fff; cursor:default;}
#nav{ position:absolute; width:200px;}
#nav li{ background-color:#d7000f; height:0; opacity:0; overflow:hidden;}
.csstransforms3d #nav li{ -webkit-transform:perspective(100px) rotateX(-90deg); -ms-transform:perspective(100px) rotateX(-90deg); transform:perspective(100px) rotateX(-90deg); -webkit-transform-origin:center top 0; -ms-transform-origin:center top 0; transform-origin:center top 0;}
#nav li a{ height:50px; line-height:50px; padding-left:20px; color:#fff; border-top:1px solid #9b161c;}
#nav li a.active{ background-color:#9b161c; color:#eb2830;}
.no-touch #nav li a:hover{ background-color:#fff; color:#d7000f; padding-left:30px;}
.nav-open #nav li{ height:50px; opacity:1;}
.csstransforms3d .nav-open #nav li{ -webkit-transform:perspective(100px) rotateX(0deg); -ms-transform:perspective(100px) rotateX(0deg); transform:perspective(100px) rotateX(0deg);}
header .title{ height:100%; padding:0 20px; background-color:#fff; border-left:1px solid #F0F0F0; float:left; overflow:hidden;}
header .title h4{ line-height:60px; font-size:16px; text-overflow:ellipsis; white-space:nowrap;}

/*----------right nav----------*/
.right-nav{ height:100%; position:absolute; right:0; top:0;}
.right-nav .nav{ height:100%; float:right; margin-right:20px;}
.right-nav li{ height:100%; float:left;}
.right-nav li a{ height:100%; line-height:60px; padding:0 10px; color:#666;}
.no-touch .right-nav li a:hover{ background-color:#F0F0F0;}
.right-nav li.active a{ color:#d7000f; cursor:default;}

/*----------tags nav----------*/
.tags_btn{ width:auto; height:100%; padding:0 20px; cursor:default;}
.tags_btn span{ float:left; margin-right:10px; line-height:60px; font-size:12px;}
.no-touch .tags_btn:hover,
.tags_btn.active{ background-color:#F0F0F0; color:#d7000f;}
.tags_nav{ float:right;}
.tags_nav ul{ position:absolute; top:60px; right:0; width:320px; padding:20px; background-color:#F0F0F0; overflow:hidden; opacity:0; display:none;}
.tags_nav ul li{ height:auto;}
.right-nav .tags_nav li a{ height:auto; line-height:1; padding:10px; margin:2px; background-color:#fff; border-radius:4px;}
.no-touch .tags_nav li a:hover{ background-color:#d7000f; color:#fff;}

/*----------footer----------*/
footer .btm{ text-align:center;}
footer .btm li{ display:inline-block; margin:5px 10px;}
footer .btm span,
footer .btm a{ font-size:14px; color:#fff;}
.no-touch footer .btm .wrap a{ border-bottom:1px solid transparent;}
.no-touch footer .btm .wrap a:hover{ border-bottom-color:#fff;}
#botm_nav{ padding-top:40px; padding-bottom:30px;}
#botm_nav a{ line-height:1.4;}
footer .icp{ background-color:#9b161c; padding-top:10px; padding-bottom:10px;}

/*-------------- transition --------------*/
.trans { -webkit-transition:all .54s ease;      transition:all .54s ease;}
.trans1{ -webkit-transition:all .54s ease .09s; transition:all .54s ease .09s;}
.trans2{ -webkit-transition:all .54s ease .18s; transition:all .54s ease .18s;}
.trans3{ -webkit-transition:all .54s ease .27s; transition:all .54s ease .27s;}
.trans4{ -webkit-transition:all .54s ease .36s; transition:all .54s ease .36s;}
.trans5{ -webkit-transition:all .54s ease .45s; transition:all .54s ease .45s;}
.trans6{ -webkit-transition:all .54s ease .54s; transition:all .54s ease .54s;}
.nav-open #nav li.trans { -webkit-transition:all .54s ease .54s; transition:all .54s ease .54s;}
.nav-open #nav li.trans1{ -webkit-transition:all .54s ease .45s; transition:all .54s ease .45s;}
.nav-open #nav li.trans2{ -webkit-transition:all .54s ease .36s; transition:all .54s ease .36s;}
.nav-open #nav li.trans3{ -webkit-transition:all .54s ease .27s; transition:all .54s ease .27s;}
.nav-open #nav li.trans4{ -webkit-transition:all .54s ease .18s; transition:all .54s ease .18s;}
.nav-open #nav li.trans5{ -webkit-transition:all .54s ease .09s; transition:all .54s ease .09s;}
.nav-open #nav li.trans6{ -webkit-transition:all .54s ease;      transition:all .54s ease;}
.box_shadow{ box-shadow:0px 1px 4px rgba(0, 0, 0, 0.2);}
.box_shadow2,
.box_shadow.trans:hover{ box-shadow:0px 4px 16px rgba(0, 0, 0, 0.4);}
.box_shadow.trans:hover{ z-index:99;}

/*-------------- animation --------------*/
@-webkit-keyframes mk_3d_top{
0%{ -webkit-transform:perspective(600px) rotateX(60deg); -webkit-transform-origin:center top 0;}
100%{ -webkit-transform:perspective(600px) rotateX(0deg); -webkit-transform-origin:center top 0;}
}

@keyframes mk_3d_top{
0%{ -webkit-transform:perspective(600px) rotateX(60deg); transform:perspective(600px) rotateX(60deg); -webkit-transform-origin:center top 0; transform-origin:center top 0;}
100%{ -webkit-transform:perspective(600px) rotateX(0deg); transform:perspective(600px) rotateX(0deg); -webkit-transform-origin:center top 0; transform-origin:center top 0;}
}
.animation_3d_top{ -webkit-animation:mk_3d_top 1.5s 1 cubic-bezier(0.77, 0, 0.175, 1); animation:mk_3d_top 1.5s 1 cubic-bezier(0.77, 0, 0.175, 1);}

/*----- mk_3d_bottom -----*/
@-webkit-keyframes mk_3d_bottom{
0%{ -webkit-transform:perspective(600px) rotateX(-30deg); -webkit-transform-origin:center bottom 0; opacity:0;}
100%{ -webkit-transform:perspective(600px) rotateX(0deg); -webkit-transform-origin:center bottom 0; opacity:1;}
}

@keyframes mk_3d_bottom{
0%{ -webkit-transform:perspective(600px) rotateX(-30deg); transform:perspective(600px) rotateX(-30deg); -webkit-transform-origin:center bottom 0; transform-origin:center bottom 0; opacity:0;}
100%{ -webkit-transform:perspective(600px) rotateX(0deg); transform:perspective(600px) rotateX(0deg); -webkit-transform-origin:center bottom 0; transform-origin:center bottom 0; opacity:1;}
}
.animation_3d_bottom{ -webkit-animation:mk_3d_bottom .8s 1 .8s cubic-bezier(0.77, 0, 0.175, 1); animation:mk_3d_bottom .8s 1 .8s cubic-bezier(0.77, 0, 0.175, 1); opacity:0;}

/*-------------- responsive --------------*/
@media (min-width:1600px){
.wrap{ padding-left:15%; padding-right:15%;}
.btm_cont .info{ min-height:200px;}
}

@media (max-width:1200px){
footer .contact li{ width:25%; height:140px;}
footer .contact li.add{ width:30%;}
footer .contact li.mail{ width:30%;}
}

@media (min-width:961px){
.desktop_full .vertical_cont.hwrap{ padding-top:20px; padding-bottom:20px;}
}

@media (max-width:960px){

/*-------------左右布局-------------*/
.lr_layout .left_img{ position:relative; width:100%; height:auto;}
.lr_layout .vertical_cont{ display:block;}
.lr_layout .right_cont{ width:100%;}

/*--------footer--------*/
footer.full{ display:block; height:auto;}
footer .contact.vertical_cont{ display:block; padding-top:80px; padding-bottom:80px;}
footer .contact li,
footer .contact li.add,
footer .contact li.mail,
footer .contact li.qq{ width:50%;}
footer .btm{ position:relative;}
}

@media (max-width:767px){
body,h5,p{ font-size:12px;}
h1{ font-size:30px;}
h2{ font-size:24px;}
h3{ font-size:18px;}
h4,
.p18{ font-size:14px;}
.hide_in_mobile{ display:none;}
.icon_btn{ width:50px; height:50px; line-height:50px; padding:0;}
.hwrap{ padding-top:50px; padding-bottom:50px;}
.wrap.fullw_on_mobile{ padding-left:0; padding-right:0;}
.desktop_full .scrollbg{ height:240px;}
.desktop_full .btm_cont{ margin-top:-80px;}
.desktop_full .btm_cont.mini_title{ margin-top:-50px;}
.home_grid li a .title{ padding:20px 10px;}
.hide_on_desktop{ display:block;}
.hide_on_mobile{ display:none;}
.mobile_mt50{ margin-top:50px;}
.btm_cont .info{ padding-top:24px; padding-bottom:24px;}

/*----------header----------*/
header{ height:50px; width:100%; background-color:#fff;}
nav .menu_btn{ width:50px; height:50px; line-height:50px; font-size:20px;}
#logo img{ height:20px;}
.right-nav li a,
header .title h4{ line-height:50px; font-size:12px;}
.tags_nav ul{ top:50px;}

/*-----footer-----*/
footer .contact.vertical_cont{ padding-top:40px; padding-bottom:60px;}
footer .contact h2{ margin-bottom:20px;}
footer .contact li,
footer .contact li.add,
footer .contact li.mail,
footer .contact li.qq{ width:100%; height:60px;}
footer .contact li a{ padding:0 20px;}
footer .contact li a .icon{ font-size:20px; top:0; margin:0; line-height:60px; float:left;}
footer .contact li a h5{ top:0; line-height:60px; float:right;}
footer .btm li span,
footer .btm li a{ font-size:10px;}
}

/*追加样式*/
header .title{ display:none;}
header{ width:100%; height:82px; position:fixed; left:0; top:0;}
#logo{ padding:0;}
#logo h5{ width:83%; height:82px; line-height:82px; top:0; left:17%;}
#logo img{ height:82px;}
nav{ float:right;}
nav .menu_btn{ width:178px; width:218px; height:82px; cursor:pointer;}
#nav{ width:178px; width:218px; right:0;}
#nav li a{ padding-left:14px;}
.no-touch #nav li a:hover{ padding-left:22px;}

.nav-wp{ position:absolute; background:#ccc; top:50%; margin-top:170px; left:50%; margin-left:-100px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; padding:0 20px 6px 10px; _padding:0 20px 2px 10px;}
.nav li{ float:left; margin-left:10px; font-size:20px; font-weight:bold; font-family:tahoma; color:#22739e; cursor:pointer; height:22px;}
.nav li.cur{ color:#ff7a00;}

.icon-menu:before{ display:none;}
.scrollbg.pos_b{ background-size:cover;/* background-position:center -20px;*/}
.control_b .flex-control-nav{ width:auto; height:auto; overflow:hidden; background:none; right:0; margin:0;}
.control_b .flex-control-nav a{ display:block; width:34px; height:90px;}
.flex-control-nav a{ color:#fff; text-indent:-9999em; position:relative;}
.flex-control-nav a::before{ content:''; display:block; width:12px; height:12px; position:absolute; left:50%; top:50%; margin:-6px 0 0 -6px; border-radius:50%; background:#fff;}
.flex-control-nav a.flex-active::before{ background:#d7000f;}
.down_arrow{ display:none;}

footer .icp{ background:#2b2b2b url(../images/common/foot_logo.jpg) left center no-repeat; background-size:auto 100%; padding:2% 10%;}
footer .btm li{ line-height:2em; color:#828282; font-size:14px;}
footer .btm a.flogo{ display:none; width:23.6%; height:100%; background:url(../images/common/foot_logo_bg.png) center no-repeat; background-size:100% 100%; position:absolute; left:0; top:0;}
footer .btm a.flogo img{ display:block; height:100%; margin:0 auto;}
footer .code{ font-size:14px; position:absolute; right:10%; top:50%; margin-top:-3.6em; overflow:hidden;}
footer .code img{ display:block; height:7.2em; float:left;}
footer .code span{ display:block; width:1em; height:5.72em; line-height:1.43em; font-size:14px; padding:0.74em 0.5em; background:#404040; box-sizing:content-box; float:left;}
footer .btm .wrap font{ font-size:16px; padding:0 1em; font-family:"微软雅黑";}
footer .btm .wrap a{ display:inline; font-size:14px; margin:0; padding:1px 0 0;}
footer .btm .wrap p{ display:block; font-size:14px; margin:0; text-align:center;}
footer .btm .wrap p a{ font-size:inherit;}

/*banner*/
.banner{ height:200px; font-size:24px; background-size:cover !important; position:relative; margin:82px 0 0;}
.banner after,
.banner::after{ content:''; display:block; width:0; height:0; border-top:7px solid #fff; border-left:8px solid transparent; border-right:8px solid transparent; position:absolute; left:50%; top:50%; margin:1.38em 0 0 -8px;}
.banner a{ display:block; width:7.6em; line-height:2.76; color:#fff; font-family:"微软雅黑"; text-align:center; border:2px solid #fff; border-width:2px 2px 0; box-sizing:border-box; position:absolute; left:50%; top:50%; margin:-1.38em 0 0 -3.8em; transition:all 0.3s ease;}
.banner a::before,
.banner a before,
.banner a::after,
.banner a after{ content:''; display:block; width:3.2em; height:2px; background:#fff; position:absolute; bottom:0;}
.banner a before,
.banner a::before{ left:0;}
.banner a after,
.banner a::after{ right:0;}
.banner a:hover{ color:#d7000f;}

/*主体样式*/
.main{ padding:4.2% 10%; overflow:hidden;}
.main .search{ overflow:hidden; margin:-2% 4px 10px 0;}
.main .search form{ display:block; width:280px; max-width:100%; float:right; overflow:hidden;}
.main .search input.txt{ display:block; box-sizing:border-box; width:calc(100% - 34px); height:34px; font-size:14px; color:#666; padding:0 12px; border:1px solid #ddd; float:left; margin-right:0;}
.main .search input.btn{ display:block; width:34px; height:34px; line-height:99; border:0; background:#d7000f url(../images/search.png) center no-repeat; cursor:pointer; overflow:hidden;}

.main h2.title{ display:block; line-height:3.12; color:#d7000f; font-size:20px; font-weight:bold; overflow:hidden; padding:0 0 0.5em;}
.main h2.title span{ display:block; line-height:2; color:#999; font-size:12px; font-weight:normal; padding:0 0.5em; border:1px solid #e5e5e5; float:right; margin:1.25em 0 0;}
.main .attr{ overflow:hidden;}
.main h3.title{ display:block; line-height:2.88; color:#333; font-size:18px; text-align:center; overflow:hidden;}
.main p.mark{ display:block; line-height:3.2; color:#999; font-size:12px; text-align:center; overflow:hidden; border-bottom:1px solid #e5e5e5; margin:0 0 2%;}
.main .article{ min-height:30em; min-height:16em; line-height:2; color:#555; font-size:14px; padding:0 0 1em;}
.main .article *{ max-width:100%; line-height:inherit; color:inherit; font-size:inherit;}
.main .change{ overflow:hidden; padding:2% 0 0;}
.main .change p{ display:block; max-width:44%; float:right; margin:0;}
.main .change p:first-child{ float:left;}
.main .change p a{ display:inline; color:#555;}
.main .change p a:hover{ color:#d7000f;}

/*页码样式*/
.pages{ color:#666; text-align:center; font-size:14px; padding:2% 0; overflow:hidden;}
.pages a{ display:inline-block; min-width:10px; color:#666; height:24px; line-height:24px; text-align:center; padding:7px 14px; border:1px solid #e5e5e5; margin:0 3px; box-sizing:content-box;}
.pages a:active,
.pages a:hover{ color:#fff; background:#d7000f; border-color:#d7000f;}
.pages span{ display:inline-block; min-width:10px; color:#666; height:24px; line-height:24px; text-align:center; padding:7px 14px; border:1px solid #e5e5e5; margin:0 3px; cursor:default; box-sizing:content-box;}
.pages span{ color:#fff; background:#d7000f; border-color:#d7000f; cursor:pointer;}
.pages span.disabled{ background:#f5f5f5; cursor:default;}

/*左侧菜单*/
.main ul.menu{ display:block; width:24%; overflow:hidden; float:left; margin:0 3.6% 1em 0;}
.main ul.menu li{ display:block; font-size:14px; background:#ededed; padding:0 1.36em;}
.main ul.menu li a{ display:block; line-height:3.28; color:#555; padding:0 1em; border-bottom:1px dashed #ccc;}
.main ul.menu li a:hover{ color:#d7000f;}
.main ul.menu li.cur{ background:#d7000f url(../images/common/menu_cur.png) center no-repeat; background-size:100% 100%;}
.main ul.menu li.cur a{ color:#fff; border-color:transparent;}
.main ul.menu.mini{ width:auto; float:none; background:none; text-align:center; margin:0 0 2em;}
.main ul.menu.mini li{ display:inline-block; width:16%; margin:0 0.5%; float:none; vertical-align:top;}
.main ul.menu.mini li a{ border:0;}

/*产品列表*/
.main ul.proMenu{ display:block; padding:5.4% 0 10%; margin:0 -6px;}
.main ul.proMenu after,
.main ul.proMenu::after{ content:''; display:block; height:0; clear:both;}
.main ul.proMenu li{ display:block; width:20%; box-sizing:border-box; float:left;}
.main ul.proMenu li *{ transition:all 0.4s ease;}
.main ul.proMenu li a{ display:block; height:178px; padding:8px;}
.main ul.proMenu li a .con{ height:162px; background:#fff; padding:0 20px; overflow:hidden; box-shadow:rgba(0,0,0,0.2) 0 2px 4px;}
.main ul.proMenu li a img{ display:block; height:60px; margin:17.8% auto 0;}
.main ul.proMenu li a span{ display:block; line-height:3em; color:#555; font-size:14px; text-align:center; white-space:nowrap; padding:0.6em 0 1.4em;}
.main ul.proMenu li a .txt{ display:none; height:11em; line-height:1.58em; color:rgba(255,255,255,0.6); font-size:14px; padding:1em 0 0; margin-bottom:2.57em;}
.main ul.proMenu li a .txt p{ display:block; line-height:1.58em; color:rgba(255,255,255,0.6); font-size:14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:1px 0; margin:0;}
.main ul.proMenu li a .txt p.more{ text-align:center; padding-top:0.8em;}
.main ul.proMenu li:hover a .con{ height:248px; background:rgba(215,0,15,0.8); margin-top:-86px;}
.main ul.proMenu li:hover a img{ display:none;}
.main ul.proMenu li:hover a span{ color:#fff; font-size:16px; padding-bottom:0; border-bottom:1px dashed #e15c66;}
.main ul.proMenu li:hover a .txt{ display:block;}

/*解决方案列表*/
.main ul.solution{ display:block; padding:1% 0 3%; margin:0 -15px;}
.main ul.solution after,
.main ul.solution::after{ content:''; display:block; height:0; clear:both;}
.main ul.solution li{ display:block; width:33.33%; overflow:hidden; float:left; box-sizing:border-box;}
.main ul.solution li *{ transition:all 0.4s; -webkit-transition:all 0.4s ease-out;}
.main ul.solution li a{ display:block; box-shadow:0 2px 5px #c5c5c5; margin:15px;}
.main ul.solution li a em.item{ display:block; overflow:hidden;}
.main ul.solution li a img.pic{ display:block; /*width:100%;*/}
.main ul.solution li a h5{ line-height:50px; font-size:14px; font-family:"微软雅黑"; padding:0 20px; background:url(../images/icons/more.png) right center no-repeat;}
.main ul.solution li a:hover{ box-shadow:0 1px 5px #d7000f;}
.main ul.solution li a:hover img.pic{ transform:scale(1.2,1.2);}
.main ul.solution li a:hover h5{ color:#d7000f;}

/*问题列表*/
.main ul.qaList{ display:block; overflow:hidden; padding:0 0 4%;}
.main ul.qaList li{ display:block; font-size:14px; padding:0 4px; overflow:hidden; border-bottom:1px solid #e5e5e5;}
.main ul.qaList li a{ display:block; line-height:3.5; color:#555; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-left:2em; background:url(../images/common/list_mark.png) left center no-repeat; background-size:1.5em auto; transition:all 0.4s ease;}
.main ul.qaList li a:hover{ color:#d7000f; transform:translateX(0.8em);}
.main ul.qaList li span{ display:block; line-height:3.5; font-family:Arial; float:right; margin-left:2em;}

/*新闻列表*/
.main ul.newsList{ display:block; overflow:hidden; padding:0 0 2%;}
.main ul.newsList li{ display:block; font-size:14px; padding:2% 0; overflow:hidden; position:relative;}
.main ul.newsList li before,
.main ul.newsList li::before{ content:''; display:block; width:1px; height:100%; background:#e5e5e5; position:absolute; left:2.85em; margin-left:-0.5px; top:1%; z-index:2;}
.main ul.newsList li:last-child before,
.main ul.newsList li:last-child::before{ display:none;}
.main ul.newsList li span{ display:block; line-height:1.36; color:rgba(255,255,255,0.6); font-family:Arial; text-align:center; background:#d7000f; padding:1em; border-radius:50%; float:left; margin:-2% 3% 0 0; position:relative; z-index:5;}
.main ul.newsList li span em{ display:block; color:#fff; font-size:1.7em; font-weight:bold; font-style:normal;}
.main ul.newsList li .con{ overflow:hidden; box-shadow:rgba(0,0,0,0.2) 0 2px 6px; margin-right:6px;}
.main ul.newsList li .con a.title{ display:block; line-height:2.75; color:#333; font-size:16px; background:#ededed; border:1px solid #ededed; border-width:0 1.72em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; transition:all 0.4s ease;}
.main ul.newsList li .con a.title:hover{ color:#d7000f; text-indent:0.8em;}
.main ul.newsList li .con .txt{ display:block; min-height:3.42em; line-height:1.72; color:#555; padding:0 1.72em; overflow:hidden; margin:1.28em 0;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:99;
}
.main ul.newsList li .con .txt a{ display:inline;}

/*联系我们*/
.contact{ overflow:hidden;}
.contact .ltxt{ width:40%; line-height:3; color:#888; font-size:14px; float:left; margin-bottom:3%;}
.contact .ltxt h4{ line-height:1; color:#d7000f; font-size:20px; font-weight:bold;}
.contact .ltxt p.tel{ display:block; line-height:1.5; padding:0.64em 0; margin:0; border-bottom:1px solid #e5e5e5; overflow:hidden;}
.contact .ltxt p.tel strong{ display:block;}
.contact .ltxt p.tel img{ display:block; height:2.6em; margin:0.2em 0.7em 3px 0; float:left;}
.contact form{ display:block; width:55%; float:right; margin-bottom:3%;}
.contact form p{ display:block; overflow:hidden; margin:0; padding:6px 0;}
.contact form p label{ display:block; width:47%; line-height:2; color:#666; font-size:14px; float:right;}
.contact form p label:first-child{ float:left;}
.contact form p input.text{ display:block; width:100%; height:36px; color:#666; font-size:14px; padding:6px 8px; border:1px solid #d8d8d8; border-radius:5px; box-sizing:border-box;}
.contact form p label.long{ width:100%;}
.contact form p label img{ display:block; height:36px; cursor:pointer;}
.contact form p textarea{ display:block; width:100%; height:90px; line-height:28px; color:#666; font-size:14px; font-family:"微软雅黑"; padding:6px 8px; border:1px solid #d8d8d8; border-radius:5px; box-sizing:border-box; resize:none;}
.contact form input.btn{ display:block; width:8.7em; height:2.6em; color:#fff; font-size:14px; background:#d7000f; border:0; border-radius:0.3em; cursor:pointer; margin:1em auto 0;}
.contact .mapbox{ clear:both;}

/*留言*/
.main form.msg{ display:block; padding:2% 0 0;}
.main form.msg p{ display:block; overflow:hidden; margin:0; padding:10px 0;}
.main form.msg p label{ display:block; width:47%; line-height:2; color:#888; font-size:14px; float:right;}
.main form.msg p label:first-child{ float:left;}
.main form.msg p input.text{ display:block; width:100%; height:44px; color:#666; font-size:14px; background:#ededed; padding:8px 10px; border:0; border-radius:5px; box-sizing:border-box;}
.main form.msg p label.long{ width:100%;}
.main form.msg p textarea{ display:block; width:100%; height:126px; line-height:24px; color:#666; font-size:14px; font-family:"微软雅黑"; background:#ededed; padding:8px 10px; border:0; border-radius:5px; box-sizing:border-box; resize:none;}
.main form.msg p input.short{ width:140px; float:left;}
.main form.msg p img{ display:block; height:42px; float:left; margin:1px 1em;}
.main form.msg p a{ display:block; line-height:44px; color:#1ca4e4; float:left;}
.main form.msg p a:hover{ text-decoration:underline;}
.main form.msg input.btn{ display:block; width:11em; height:3.14em; color:#fff; font-size:14px; background:#d7000f; border:0; border-radius:0.3em; cursor:pointer; margin:1em 0 0; float:right;}

/*职位列表*/
.main ul.jobList{ display:block; overflow:hidden; padding:0 0 4%;}
.main ul.jobList li{ display:block; overflow:hidden; border-bottom:1px solid #e5e5e5;}
.main ul.jobList li a.title{ display:block; line-height:3.5; color:#666; font-size:14px; overflow:hidden;}
.main ul.jobList li a.title before,
.main ul.jobList li a.title::before{ content:'+'; display:inline-block; width:1em; height:1em; line-height:0.86; color:#c3c3c3; text-align:center; border:1px solid #c3c3c3; border-radius:50%; margin:0 0.42em 0 0.64em;}
.main ul.jobList li a.title:hover{ color:#d7000f;}
.main ul.jobList li a.title:hover before,
.main ul.jobList li a.title:hover::before{ color:#d7000f; border-color:#d7000f;}
.main ul.jobList li a.apply{ display:block; width:6.2em; line-height:2; color:#fff; font-size:14px; text-align:center; background:#d7000f; overflow:hidden; float:right; margin:0.75em 0 0;}
.main ul.jobList li .txt{ display:none; line-height:1.72em; color:#666; font-size:14px; padding:1.72em 2em; background:#f5f5f5; clear:both;}
.main ul.jobList li .txt1{ display:none;}
.main ul.jobList li.open a.title::before{ content:'-';}

/*职位申请*/
.shadow{ display:none; width:100%; height:100%; background:rgba(0,0,0,0.5); position:fixed; left:0; top:0; z-index:9998;}
.jobBox{ width:88%; height:86%; background:#fff; padding:2vh 4%; box-sizing:border-box; position:fixed; left:6%; top:7%; z-index:-9999; -webkit-transition:transform 0.3s ease; transition:transform 0.3s ease; transform:scale(0.9,0.9);}
.jobBox.show{ transform:scale(1,1); z-index:9999;}
.jobBox a.close{ display:none; width:32px; height:32px; background:url(../images/common/close.png) center no-repeat; background-size:contain; position:absolute; right:0; top:0; margin:6px; z-index:7;}
.jobBox a.close:hover{ background-color:#c8161e; background-image:url(../images/common/close_hover.png);}
.jobBox.show a.close{ display:block;}
.jobBox h2{ display:table; width:89%; height:70px; color:#333; font-size:20px; vertical-align:middle; background:#fff; overflow:hidden; position:absolute; left:4%; top:2vh; z-index:2;}
.jobBox h2 span{ display:table-cell; line-height:28px; color:#d7000f; padding:0 4px; vertical-align:middle;}
.jobBox .info{ height:82vh; line-height:2.14em; color:#666; font-size:14px; box-sizing:border-box; border:1px solid #fff; border-width:70px 0 10px; overflow-y:auto;}
.jobBox .info *{ max-width:100%; line-height:inherit; color:inherit; font-size:inherit;}
.jobBox .info a{ display:inline; color:#d7000f;}

/*资质列表*/
ul.honorList{ display:block; overflow:hidden; margin:0 -16px; display:flex; flex-wrap:wrap;}
ul.honorList li{ display:block; width:33.33%; float:left;}
ul.honorList li a{ display:block; margin:16px; box-shadow:rgba(0,0,0,0.2) 0 2px 6px;}
ul.honorList li a img{ display:block; width:100%;}
.honorpic{ display:table; width:84%; height:84%; position:fixed; left:8%; top:8%; z-index:-9999; -webkit-transition:transform 0.3s ease; transition:transform 0.3s ease; transform:scale(0.9,0.9); visibility:hidden;}
.honorpic.show{ transform:scale(1,1); z-index:9999; visibility:visible;}
.honorpic a.prev,
.honorpic a.next{ display:none; width:44px; height:74px; position:absolute; top:50%; margin-top:-37px; z-index:2;}
.honorpic a.prev{ background:url(../images/icons/prev.png) center no-repeat; background-size:contain; left:0;}
.honorpic a.next{ background:url(../images/icons/next.png) center no-repeat; background-size:contain; right:0;}
.honorpic .con{ display:table-cell; text-align:center; vertical-align:middle;}
.honorpic .con em{ display:inline-block; background:#fff; border:6px solid #fff; border-radius:4px; margin:-6px 0; position:relative;}
.honorpic .con img{ display:block; max-width:100%; max-height:80vh; border-radius:4px; box-sizing:border-box; margin:0 auto;}
.honorpic .con a.close{ display:none; width:32px; height:32px; background:#fff url(../images/common/close.png) center no-repeat; background-size:90% auto; border-radius:50%; position:absolute; right:0; top:0; margin:-30px;}
.honorpic.show .con a.close{ display:block;}

/*软件测试*/
.main ul.testList{ display:block; overflow:hidden; margin:0 0 2%; clear:both;}
.main ul.testList li{ display:block; width:13%; float:left;}
.main ul.testList li.open{ width:35%;}
.main ul.testList li dl.lbox{ display:block; min-height:18em; background:#f2f2f2; padding:0 0.86em 0.86em; margin:0 1px; cursor:pointer;}
.main ul.testList li dl.lbox dt{ display:table; width:100%; border-bottom:1px dashed #d7d7d7; margin:0 0 0.86em;}
.main ul.testList li dl.lbox dt span{ display:table-cell; height:4em; line-height:1.25; color:#333; font-size:16px; font-weight:bold; text-align:center; vertical-align:middle;}
.main ul.testList li dl.lbox dd{ display:block; line-height:2.28; text-align:center; margin:0;}
.main ul.testList li dl.lbox dd i{ display:inline-block; line-height:1em; color:#fff; font-size:12px; font-style:normal; padding:2px; background:#ff7200; border-radius:3px; margin-left:4px;}
.main ul.testList li .rbox{ display:none; background:#d7000f; overflow:hidden;}
.main ul.testList li .rbox h4{ display:block; line-height:4; color:#fff; font-size:16px; font-weight:bold; text-align:center;}
.main ul.testList li .rbox .top{ line-height:2; color:rgba(255,255,255,0.6); font-size:12px; position:relative; margin:0 2em;}
.main ul.testList li .rbox .top p.btn{ display:block; position:absolute; right:0; top:50%; margin:-36px 0 0;}
.main ul.testList li .rbox .top p.btn a{ display:block; width:5.72em; line-height:1.6; color:#fff; font-size:14px; text-align:center; background:#00a2ff; border:1px solid #65c7ff; border-radius:3px; margin:8px 0;}
.main ul.testList li .rbox .top p.btn a:first-child{ color:#008aff; background:#ffe400; border-color:#ffee61;}
.main ul.testList li .rbox .top em{ display:block; color:#fff; font-size:1.34em; font-style:normal; overflow:hidden;}
.main ul.testList li .rbox .top span{ color:#fff;}
.main ul.testList li .rbox .top font{ color:#ffde00; font-size:1.67em; padding:0 2px;}
.main ul.testList li .rbox dl.sub{ display:block; overflow:hidden; padding:0.72em 0 0; border-top:1px dashed #ad000c; margin:1em 2em 1em;}
.main ul.testList li .rbox dl.sub dd{ display:block; width:50%; color:rgba(255,255,255,0.6); font-size:12px; padding:0 1.5em; box-sizing:border-box; float:left; margin:0;}
.main ul.testList li .rbox dl.sub dd p.btn{ display:block; font-size:inherit; margin:0;}
.main ul.testList li .rbox dl.sub dd p.btn a{ display:inline; color:#00d2ff; font-size:inherit; text-decoration:underline; margin:0 1em 0 0;}
.main ul.testList li .rbox dl.sub dd p.btn a:first-child{ color:#ffe400;}
.main ul.testList li .rbox dl.sub dd em{ display:block; color:#fff; font-size:1.16em; font-style:normal;}
.main ul.testList li.open dl.lbox{ display:none;}
.main ul.testList li.open .rbox{ display:block;}

/*时间轴*/
.time-line{ position:relative;}
.time-line after,
.time-line::after{ content:""; background:#333; height:1px; width:100%; position:absolute; left:0; top:50%; margin-top:-0.5px; z-index:1;}
.time-line a{ width:0; height:0; border-top:10px solid transparent; border-bottom:10px solid transparent; position:absolute; top:50%; margin-top:-10px; cursor:pointer; z-index:3;}
.time-line a.prev{ left:0; border-right:10px solid #333;}
.time-line a.next{ right:0; border-left:10px solid #333;}

.time-line .time-box{ overflow:hidden; padding:2% 0; margin:0 48px;}
.time-line .time-box ul{ display:block; height:194px; position:relative;}
.time-line .time-box ul li{ width:25%; font-size:14px; height:100%; float:left; box-sizing:border-box; position:relative; z-index:5; cursor:pointer;}
.time-line .time-box ul li em.dot{ background:#fff; padding:3px; border:2px solid #333; border-radius:50%; position:absolute; left:50%; top:50%; margin:-9px 0 0 -9px; z-index:1;}
.time-line .time-box ul li em.dot i{ display:block; width:8px; height:8px; background:#333; border-radius:50%;}
.time-line .time-box ul li h3{ display:block; width:100%; line-height:3; color:#d7000f; font-size:16px; font-weight:bold; text-align:center; position:absolute; top:50%; margin-top:-3em;}
.time-line .time-box ul li p{ display:block; width:90%; line-height:1.72; color:#555; font-size:14px; padding:0.8em 1em; background:#f5f5f5; border-radius:4px; box-sizing:border-box; margin:0 5%; position:absolute; top:50%; margin-top:26px;}
.time-line .time-box ul li p::before{ content:""; width:0; height:0; border-bottom:6px solid #f5f5f5; border-left:6px solid transparent; border-right:6px solid transparent; position:absolute; bottom:-9px; left:50%; bottom:100%; margin-left:-6px;}
.time-line .time-box ul li:nth-child(even) h3{ margin-top:0;}
.time-line .time-box ul li:nth-child(even) p{ top:auto; bottom:50%; margin-bottom:26px;}
.time-line .time-box ul li:nth-child(even) p before,
.time-line .time-box ul li:nth-child(even) p::before{ border-bottom:0; border-top:6px solid #f5f5f5; bottom:auto; top:100%;}

ul.timeline{ display:none; margin:0 0 2%;}
ul.timeline li{ display:block; font-size:14px; box-sizing:border-box; position:relative; z-index:5;}
ul.timeline li em.dot{ display:block; background:#fff; padding:2px; border:1px solid #d7000f; border-radius:50%; position:absolute; left:0; top:50%; margin-top:-7px;}
ul.timeline li em.dot i{ display:block; width:8px; height:8px; background:#d7000f; border-radius:50%;}
ul.timeline li h3{ display:block; line-height:3; color:#d7000f; font-size:16px; font-weight:bold; padding:0 1.2em; overflow:hidden; position:relative;}
ul.timeline li p{ display:block; line-height:1.72; color:#555; font-size:14px; padding:0.8em 1em; background:#f5f5f5; border-radius:4px; box-sizing:border-box; margin:0;}

/*pc*/
@media only screen and (min-width:768px) and (max-width:1140px){
footer .code{ right:2%;}
footer .icp{ background-size:20% auto; background-position:-0% center;}
}
@media only screen and (min-width:1025px) and (max-width:1250px){
footer .btm .wrap font{ padding:0 0.5em;}
.main{ width:1000px; padding-left:0; padding-right:0; margin:0 auto;}
.main ul.proMenu{ margin:0 2%;}
.main ul.newsList li span{ transform:translateY(0); margin-top:-2%;}
}
@media only screen and (min-width:1025px) and (max-width:1440px){
footer .icp{ background-image:none;}
footer .btm a.flogo{ display:block;}
footer .btm a.flogo{ width:22%;}
footer .btm a.flogo img{ box-sizing:border-box; padding:2% 0;}
}

/*pad*/
@media only screen and (min-width:768px) and (max-width:1024px){
footer .btm .wrap font{ padding:0 0.5em;}
footer .code{ display:none;}
footer .icp{ background-image:none;}

.main{ padding-left:4%; padding-right:4%;}
.main ul.menu{ width:auto; float:none; border:1px solid #ddd; border-width:1px 0 0 1px; padding:0; margin:0 0 1.5em;}
.main ul.menu li{ width:25%; padding:0; background-color:#fff; float:left;}
.main ul.menu li a{ padding:0 4px; text-align:center; border:1px solid #ddd; border-width:0 1px 1px 0;}
.main ul.menu li.cur{ background-color:#d7000f;}

.main ul.menu.mini{ margin:0 0 0.5em;}
.main ul.menu.mini li{ width:50%; float:left; margin:0;}
.main ul.menu.mini li a{ border:1px solid #ddd; border-width:0 1px 1px 0;}

.main ul.proMenu{ margin:0 -2%;}
.main ul.proMenu li *{ transition:none;}
.main ul.proMenu li a .con{ padding:0;}
.main ul.proMenu li a span{ height:5em; line-height:1.6em; font-size:13px; padding:1.7em 4px; white-space:normal;}
.main ul.proMenu li:hover a .con{ height:162px; background:#fff; margin:0;}
.main ul.proMenu li:hover a img{ display:block;}
.main ul.proMenu li:hover a span{ color:#d7000f; font-size:13px; padding-bottom:1em; border-bottom:0;}
.main ul.proMenu li:hover a .txt{ display:none;}

.main ul.solution li{ width:50%;}
.main ul.solution li *{ transition:none;}
.main ul.solution li a:hover img.pic{ transform:scale(1,1);}

.main ul.qaList li a{ transition:none;}
.main ul.qaList li a:hover{ transform:translateX(0);}

.main ul.newsList li span{ transform:translateY(0); margin-top:-2%;}
.main ul.newsList li .con a.title{ transition:none;}
.main ul.newsList li .con a.title:hover{ text-indent:0;}

.contact .ltxt{ width:auto; float:none;}
.contact form{ width:auto; float:none;}

.main ul.testList li{ width:13%;}
.main ul.testList li.open{ width:35%;}
.main ul.testList li dl.lbox{ padding:0 0.5em 0.86em;}
.main ul.testList li dl.lbox dd{ font-size:12px;}
.main ul.testList li .rbox .top{ margin:0 1em;}
.main ul.testList li .rbox dl.sub{ margin:1em 1em 1.72em;}
.main ul.testList li .rbox dl.sub dd{ padding:0; transform:scale(0.9,0.9) translateY(10%);}

.time-line{ display:none;}
ul.timeline{ display:block;}
}

/*phone*/
@media only screen and (max-width:767px){
header{ height:56px;}
.wrap{ padding-left:4%; padding-right:4%;}
#logo img{ height:100%; margin-left:-10px;}
nav .menu_btn{ width:auto; height:56px; overflow:hidden;}
nav .menu_btn img{ height:100%; margin:0 -12px;}

.banner{ margin-top:56px;}

footer .icp{ background-image:url(../images/common/foot_logo1.jpg); background-position:center top; background-size:auto 60px; padding-top:72px; padding-bottom:4%;}
footer .code{ display:none;}
footer .btm li font{ display:inline;}
footer .btm .wrap font{ display:none;}
footer .btm .wrap a{ margin:0 4px;}
footer .btm .wrap p{ text-align:center;}

.main{ padding-left:10px; padding-right:10px;}
.main .search{ margin-top:-1% 6px 10px; padding:4px 0 0;}
.main .search form{ width:100%;}
.main h2.title{ font-size:16px; padding-bottom:0.6em; margin:0 0 1em; position:relative; overflow:visible;}
.main h2.title span{ font-size:10px; background:#fff; border:0; padding:0; position:absolute; left:0; bottom:0; margin:0;}
.main .article{ font-size:13px;}

.main .change{ padding:2% 0;}
.main .change p{ font-size:13px; max-width:none; float:none !important;}

.pages{ font-size:12px; padding:4% 0;}
.pages a,
.pages span{ padding:4px 11px;}

.main ul.menu{ width:auto; float:none; border:1px solid #ddd; border-width:1px 0 0 1px; padding:0; margin:0 0 1.5em;}
.main ul.menu li{ width:50%; padding:0; background-color:#fff; float:left;}
.main ul.menu li a{ line-height:2.9; font-size:13px; padding:0 4px; text-align:center; border:1px solid #ddd; border-width:0 1px 1px 0;}
.main ul.menu li.cur{ background-color:#d7000f;}

.main ul.menu.mini{ margin:0 0 0.5em;}
.main ul.menu.mini li{ width:50%; float:left; margin:0;}
.main ul.menu.mini li a{ border:1px solid #ddd; border-width:0 1px 1px 0;}

.main ul.proMenu{ padding:0; text-align:center;}
.main ul.proMenu li{ display:inline-block; width:49%; float:none; vertical-align:top;}
.main ul.proMenu li *{ transition:none;}
.main ul.proMenu li a{ height:auto;}
.main ul.proMenu li a .con{ padding:0; height:auto;}
.main ul.proMenu li a span{ height:5em; line-height:1.6em; font-size:13px; padding:1.7em 4px; white-space:normal;}
.main ul.proMenu li:hover a .con{ height:auto; background:#fff; margin:0;}
.main ul.proMenu li:hover a img{ display:block;}
.main ul.proMenu li:hover a span{ color:#d7000f; font-size:14px; padding-bottom:1em; border-bottom:0;}
.main ul.proMenu li:hover a .txt{ display:none;}

.main ul.solution{ margin:0;}
.main ul.solution li{ width:100%;}
.main ul.solution li *{ transition:none;}
.main ul.solution li a{ margin:8px 6px;}
.main ul.solution li a:hover img.pic{ transform:scale(1,1);}

.main ul.newsList li before,
.main ul.newsList li::before{ display:none;}
.main ul.newsList li span{ border-radius:0; transform:translateY(0); padding:4px 8px; margin:0 6px 6px; clear:both;}
.main ul.newsList li span em{ display:inline; font-size:1.2em;}
.main ul.newsList li span em::after{ content:' / ';}
.main ul.newsList li .con{ clear:both; margin:0 6px;}
.main ul.newsList li .con a.title{ font-size:14px; transition:none; border-width:0 10px;}
.main ul.newsList li .con a.title:hover{ text-indent:0;}
.main ul.newsList li .con .txt{ height:auto; font-size:12.5px; margin:6px 0; padding:0 8px; -webkit-line-clamp:99;}

.contact .ltxt{ width:auto; line-height:1.6; float:none; margin-bottom:6%;}
.contact .ltxt h4{ line-height:2;}
.contact form{ width:auto; float:none; margin-bottom:6%;}
.contact form p label,
.contact form p input.text,
.contact form p textarea{ font-size:13px;}

.main ul.testList li{ width:auto !important; float:none; padding:0 0 10px;}
.main ul.testList li dl.lbox{ display:none !important;}
.main ul.testList li .rbox{ display:block !important;}
.main ul.testList li .rbox dl.sub dd{ padding:1em 1em 0;}
.main ul.testList li:nth-child(even) .rbox{ background:#f2f2f2;}
.main ul.testList li:nth-child(even) .rbox h4{ color:#333;}
.main ul.testList li:nth-child(even) .rbox .top{ color:rgba(102,102,102,0.6);}
.main ul.testList li:nth-child(even) .rbox .top em,
.main ul.testList li:nth-child(even) .rbox .top span{ color:#666;}
.main ul.testList li:nth-child(even) .rbox .top font{ color:#d7000f;}
.main ul.testList li:nth-child(even) .rbox dl.sub{ border-color:#ccc;}
.main ul.testList li:nth-child(even) .rbox dl.sub dd{ color:rgba(102,102,102,0.6);}
.main ul.testList li:nth-child(even) .rbox dl.sub dd em,
.main ul.testList li:nth-child(even) .rbox dl.sub dd span{ color:#666;}
.main ul.testList li:nth-child(even) .rbox dl.sub dd p.btn a{ color:#009bf5;}
.main ul.testList li:nth-child(even) .rbox dl.sub dd p.btn a:first-child{ color:#d7000f;}

.time-line{ display:none;}
ul.timeline{ display:block; margin:-1em 0 4%;}
ul.timeline li em.dot{ margin-top:-6px;}
ul.timeline li em.dot i{ width:6px; height:6px;}
ul.timeline li h3{ font-size:15px;}
ul.timeline li p{ font-size:13px;}

ul.honorList{ margin:-2% -2px 4%;}
ul.honorList li{ width:50%;}
ul.honorList li a{ margin:8px;}
.honorpic{ width:90%; height:90%; left:5%; top:3%;}
.honorpic a.prev,
.honorpic a.next{ width:32px; height:54px; margin-top:-27px;}
.honorpic .con a.close{ width:24px; height:24px; margin:-20px;}
}

/*登录*/
form.login{ display:block; width:568px; max-width:92%; padding:5.6% 0 5%; border:3px solid #f1f1f1; border-radius:5px; box-sizing:border-box; margin:0 auto;}
form.login p{ display:block; width:320px; max-width:100%; padding:10px 0; position:relative; margin:0 auto;}
form.login p.title{ color:#d7000f; font-size:16px; text-align:center; padding:0; margin:-1% auto 2%;}
form.login p label{ display:block; width:22px; height:22px; padding:19px 11px; box-sizing:content-box; position:absolute; left:0; top:0; z-index:3;}
form.login p label img{ display:block; width:100%;}
form.login p input.text{ display:block; width:100%; height:40px; color:#666; font-size:16px; padding:0 44px; border:1px solid #fff; border-bottom-color:#c9c9c9; box-sizing:border-box;}
form.login p input.btn{ display:block; width:100%; height:46px; color:#fff; font-size:18px; padding:2px 0 0; background:#d7000f; border:0; border-radius:5px; margin:16px 0 0; cursor:pointer;}
form.login span{ display:block; line-height:56px; font-size:14px; text-align:center;}
form.login span a{ display:inline; color:#03a6f0;}

/*返回顶部*/
.backToTop{ display:none; width:60px; height:50px; background:url(../images/common/top.png) center bottom no-repeat; position:fixed; _position:absolute; right:50px; bottom:50px; cursor:pointer; z-index:998; opacity:0.8; filter:alpha(opacity:80); zoom:1;}
.backToTop:hover{ opacity:1; filter:alpha(opacity:100);}
@media only screen and (max-width: 767px){
.backToTop{ width:36px; height:36px; background-size:contain; right:12px;}
}

.main .article{ clear:both;}
a.download{ display:block; width:104px; color:#fff; height:1em; line-height:1em; font-size:14px; text-align:center; background:#d7000f; padding:8px 12px; box-sizing:content-box; margin:-1% auto 0; float:right; cursor:pointer;}
a.download img{ display:inline-block; height:1em; vertical-align:top; *vertical-align:middle; margin-right:4px;}
@media only screen and (max-width: 1024px) and (min-width: 768px){
a.download{ float:none; margin:0 auto;}
}
@media only screen and (max-width: 767px){
a.download{ float:none; margin:0 auto;}
}

header p.tel,
header ul.pcNav{ display:none;}
@media only screen and (min-width: 1025px){
header nav{ display:none;}
header ul.pcNav{ display:block; height:84px; float:left; margin-left:36px;}
header ul.pcNav li{ display:block; float:left;}
header ul.pcNav li a{ display:block; line-height:20px; color:#aaa; font-size:12px; text-align:center; padding:22px 20px 16px;}
header ul.pcNav li a em{ display:block; line-height:24px; color:#444; font-size:16px; font-style:normal;}
header ul.pcNav li a:hover,
header ul.pcNav li.on a,
header ul.pcNav li.cur a{ color:#d7000f;}
header ul.pcNav li a:hover em,
header ul.pcNav li.on a em,
header ul.pcNav li.cur a em{ color:inherit;}

header p.tel{ display:block; line-height:82px; color:#333; white-space:nowrap; float:right; margin:0 34px 0 0;}
header p.tel img{ display:inline; height:1em; vertical-align:top; margin:34px 6px 0 0;}
header p.tel a{ display:inline; color:#333;}
header p.tel a:hover{ color:#d7000f;}
}
@media only screen and (min-width: 1025px) and (max-width: 1100px){
header ul.pcNav li a{ padding:22px 16px 16px;}
}
@media only screen and (min-width: 1025px) and (max-width: 1260px){
header p.tel{ display:none;}
header ul.pcNav{ float:right; margin:0 34px 0 0;}
}




























/**/