@charset "utf-8";
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font:12px/1.5 "Microsoft YaHei",arial,\5b8b\4f53;color:#333;outline:0;}
a,a:hover{color:#333;}
.fl { float:left; }
.fr { float:right; }
.wrap { width:1000px; margin:0 auto; position:relative; }
.wrap,.cl { zoom:1; }
.wrap:after,.cl:after { visibility:hidden; display:block; font-size:0; content:""; clear:both; height:0; }

.header { position:relative; background:#FFF; }
.header .top { height:35px; line-height:35px; color:#5F5956; background:#FFFFFF; border-bottom:1px solid #EEE; }
.header .top a { float:left; color:#5F5956; text-decoration:none; }
.header .top a:hover { color:#c30b0b; }
.header .top span { float:left; margin:0 15px 0 10px; color:#C9C7C7; font-style:italic; position:relative; }
.header .top span:after { content:'/'; font-style:italic; color:#FFFFFF; position:absolute; left:1px; }
.header .mid .logo { float:left; display:block; width:300px; height:150px; background:url(../images/header_logo.png) no-repeat center center; }
.header .mid .slogan { float:left; display:block; font-size:24px; height:150px; padding-left:120px; line-height:36px; position:relative; color:#c30b0b; }
.header .mid .slogan { background:url(../images/header_slogan.png) no-repeat; margin-left: 20px;}
.header .mid .slogan i { font-size:14px; display:block; font-style:normal; line-height:24px; color:#333; }
.header .mid .slogan span {display: block;margin-top: 45px;}
.header .mid .tel { background:url(../images/header_tel.png) no-repeat right center; color:#888; height:150px; padding-right:65px; text-align: right; overflow:hidden; }
.header .mid .tel span { display:block; text-align:justify; justify:inter-ideograph; font-size:12px; line-height:1; margin-bottom:4px; margin-top:60px; }
.header .mid .tel span:after { content:''; width:100%; display:inline-block; font-size:0; line-height:0; }
.header .mid .tel strong { display:block; color:#c30b0b; font-size:20px; line-height:1; }
.header .nav { background:#333333; font-size:0; height:50px; line-height:50px; position:relative; background:url(../images/header_nav_bg.png); z-index:99; }
.header .nav dl { margin-left:200px; }
.header .nav dt { position:absolute; left: 0; font-size:14px; width:180px; height:50px; }
.header .nav dt .tit { position:relative; z-index:99; display:block; width:180px; height:50px; color:#FFFFFF; text-align:center; background:url(../images/header_nav_cate.png); }
.header .nav dt .tit i { display:inline-block; vertical-align:top; width:16px; height:50px; background:url(../images/header_nav_cate_ico.png) no-repeat center center; }
.header .nav dt .tit span { display:inline-block; vertical-align:top; height:50px; line-height:50px; margin-left:15px; }
.header .nav dt .sub { position:absolute; top:50px; left:0; right:0; display:none;}
.header .nav dt .sub ul { background:#fafafa; border:1px solid #c30b0b; }
.header .nav dt .sub li { margin-bottom:-1px; position:relative; }
.header .nav dt .sub li:first-child {margin-top: -1px;}
.header .nav dt .sub li:first-child a {border-top-color: transparent;}
.header .nav dt .sub li:last-child a {border-bottom-color: transparent;}
.header .nav dt .sub li a { display:block; color:#555; border-bottom:1px dashed #DDD; border-top:1px dashed #DDD; padding:5px 0; margin: 0 10px; }
.header .nav dt .sub li i { display:inline-block; vertical-align:top; width:20px; height:41px; margin:0 10px 0 20px; background-repeat:no-repeat; background-position:center center; }
.header .nav dt .sub li i.d { background-image:url(../images/header_nav_cate_ico01.png) }
.header .nav dt .sub li i.w { background-image:url(../images/header_nav_cate_ico02.png) }
.header .nav dt .sub li i.s { background-image:url(../images/header_nav_cate_ico03.png) }
.header .nav dt .sub li span { display:inline-block; vertical-align:top; height:41px; line-height:41px; }
.header .nav dt .sub li:hover a { background:#fff; color:#c30b0b; border-bottom:1px solid #c30b0b; border-top:1px solid #c30b0b; position:relative; z-index:9; margin:0; margin-right: -1px; }
.header .nav dt .sub li:hover i {margin-left: 30px;}
.header .nav dt .sub li:hover i.d { background-image:url(../images/header_nav_cate_ico01_on.png) }
.header .nav dt .sub li:hover i.w { background-image:url(../images/header_nav_cate_ico02_on.png) }
.header .nav dt .sub li:hover i.s { background-image:url(../images/header_nav_cate_ico03_on.png) }
.header .nav dt .sub .sub { top:0; width:auto; left:100%; right:auto; background:#FFF; padding:15px 20px; margin-left: 0px; border:1px solid #c30b0b; }
.header .nav dt .sub .sub .tit { padding:0; background:0; width:auto; height:auto; line-height:normal; padding-bottom:14px; border-bottom:1px dotted #555; text-align:left; color:#333; font-size:18px; font-weight:normal; }
.header .nav dt .sub .sub .con { width:400px; font-size:0; padding-top:10px; line-height:normal; }
.header .nav dt .sub .sub .con a { display:inline; color:#555; border:0; font-size:14px; line-height:28px; padding:10px 0; }
.header .nav dt .sub .sub .con a span { line-height:28px; height:auto; }
.header .nav dt .sub .sub .con a:hover { background-color:transparent; }
.header .nav dt .sub .sub .con a:hover span { color:#c30b0b; }
.header .nav dt .sub .sub .con a:after { content:'|'; margin:0 10px; display:inline-block; vertical-align:top; }
.header .nav dt .sub .sub .con a:last-child:after { content:''; margin:0; }
.header .nav dt .sub li:hover .sub { display:block; }
.header .nav dt:hover > .sub { display:block; }
.header .nav dd { display:inline-block; font-size:14px; position:relative; background:url(../images/header_nav_hr.png) no-repeat right center; }
.header .nav dd a { color:#DDD; padding:0 35px; }
.header .nav dd a:hover { color:#FFF; }

.banner { height:550px; overflow:hidden; position:relative; background:#fafafa; }
.banner .hd li { width:100%; height:550px; background-position:center center; background-position:center center; }
.banner .bd { position:absolute; bottom:0; width:100%; z-index:1; text-align:center; margin-bottom:30px; }
.banner .bd li { display:inline-block; height:10px; width:100px; background:#342C2A; text-indent:-999px; overflow:hidden; margin:10px; transition:all .5s; cursor:pointer; }
.banner .bd li.on { background:#c30b0b; }

.footer .wrap { padding:35px 0; background:url(../images/footer_logo.png) left center no-repeat; color:#FFF; font-size:12px; }
.f-side { position:fixed; right:0; top:50%; width:150px; height:377px; margin-top:-188px; z-index:999; }
.f-side .tit { position:absolute; left:-35px; top:50%; margin-top:-67px; width:35px; height:135px; background:url(../images/side_img_hide.png); cursor:pointer; }
.f-side .box { background:#FFFFFF; border:1px solid #888; border-radius:10px; box-sizing:border-box; padding:10px; padding-bottom:0; overflow:hidden; margin-right:5px; }
.f-side .logo { padding-top:40px; background:url(/images/header_logo.png) no-repeat top center; background-size:contain; margin:10px; margin-bottom:0; }
.f-side .logo strong { display:block; text-align:center; font-size:18px; background:url(/images/header_nav_bg.png); padding:5px 0; margin:0 -20px; color:#FFFFFF; }
.f-side .list a { display:block; padding:10px 0; background:url(/images/header_nav_cate.png); color:#FFF; text-align:center; margin: 10px 0; border-radius:5px; }
.f-side .code { border:1px solid #DDDDDD; padding:10px; }
.f-side .code img { max-width:100%; }
.f-side .tels { line-height:14px; margin:10px 0; text-align:center; background:#EEEEEE; padding:10px 0; margin:10px -10px 0 -10px; border-radius:0 0 5px 5px; }
.f-side .tels i { display:inline-block; vertical-align:top; font-style:normal; font-size:14px; }
.f-side .tels span { width:14px; height:14px; background:url(/images/side_tel.png); background-size:contain; display:inline-block; vertical-align:top; margin-right:5px; }
.f-side.hide { width:0; }
.f-side.hide .tit { background:url(/images/side_img_show.png);}
.f-side.hide .box { display:none; }

.inner-banner { height:300px; background-color:#555; background-repeat:repeat-x; background-position:top center; }

.form {padding: 0;background: #fff;}
.form img {position:absolute;right: 10px;top: 8px; cursor: pointer;}
.form label {display:block;border: 1px solid  #ddd;background: #FFF;padding: 10px;}
.form span {position:absolute;}
.form input {display: inline-block;vertical-align: top;border: 0;background-color: transparent;padding-left: 60px;width: 240px !important;}
.form textarea {display: inline-block;vertical-align: top;border: 0;background-color: transparent;padding-left: 60px;width: 240px !important;}
.form button {width: 100%; padding: 10px 0;border: 0;background: #C40000;color: #fff; margin: 0 0 30px 0;}
.form .tit {background: url(../images/header_bg.png) center center;color: #fff; padding: 20px 0;margin: 0 -50px 30px -50px;}
.form .tit span {position: static;font-size: 18px;display: block;text-align: center;}
.form .tit strong {position: static;font-size: 30px;display: block;text-align: center;}
.form .item {position: relative; margin: 0 0 15px 0;}

.title { overflow:hidden; text-align:center; color:#555; margin-bottom:10px; }
.title strong { display:inline-block; font-size:26px; font-weight:normal; margin-top:-20px; background:#FFF; padding:0 20px; color:#333; }
.title span:after { content:''; position:absolute; left:50%; top:50%; width:1000px; height:1px; background:#DDD; margin-left:-500px; margin-top:-0.5px; }
.title span em { position:absolute; z-index:1; left:0; right:0; background:#FFF; }
.title span { position:relative; border:1px solid #DDD; background:#FFF; margin:50px 0 10px 0; display:inline-block; text-align:center; color:#888; padding:0 40px 46px 40px; }
.title em { display:block; font-size:14px; text-transform:uppercase; font-style:normal; padding:10px 0 15px 0; }


.page { background-color:#EEEEEE; padding:30px 0; }
.page .page-side { float:left; width:250px; }
.page .page-side .tit { background-color:#C40000; color:#FFFFFF; font-size:16px; padding:10px; }
.page .page-side .tit span { font-size:20px; line-height:20px; margin:15px 10px; font-weight:bold; display:block; background:url(../images/page_side_tit_ico.png) no-repeat right center; }
.page .page-side .nav { background-color:#FFFFFF; padding:0 10px; font-size:14px; padding-bottom:10px; margin-bottom:20px; overflow:hidden; }
.page .page-side .nav dt { margin-top:10px; }
.page .page-side .nav dt a { display:block; background:url(../images/page_side_nav_dt_ico.png) no-repeat 90% 50% #EEEEEE; height:50px; line-height:50px; padding-left:25px; }
.page .page-side .nav dt.on a,
.page .page-side .nav dt:hover a { background-image:url(../images/page_side_nav_dt_ico_on.png); background-color:#C40000; color:#FFFFFF; }
.page .page-side .nav dd { display:none; }
.page .page-side .nav dd a { display:block; height:40px; line-height:40px; padding-left:50px; background:url(../images/page_side_nav_dd_ico.png) no-repeat 25px 15px; border-bottom:1px dashed #EEEEEE; }
.page .page-side .nav dd a.on,
.page .page-side .nav dd a:hover { background-image:url(../images/page_side_nav_dd_ico_on.png); color:#C40000; }
.page .page-side .con { background:#FFFFFF; padding:10px; margin-bottom:20px; }
.page .page-side .con img { max-width:100%; }
.page .page-side .tel { background:#333; overflow:hidden; margin-top:-20px; margin-bottom:20px; padding:20px 10px; }
.page .page-side .tel dt { float:left; width:60px; height:46px; background:url(../images/page_side_tel.png) no-repeat center center; }
.page .page-side .tel dd { float:left; color:#FFFFFF; padding:0 13px; border-left:1px dotted #5C5C5C; font-size:13px; }
.page .page-side .tel dd p { font-size:18px; font-family:Arial,"sans-serif"; }
.page .page-main { float:right; width:730px; background-color:#FFFFFF; box-sizing:border-box; padding:20px; }
.page .page-main .tit { border-bottom:1px solid #DDD; margin-bottom:10px; height:20px; line-height:20px; padding-bottom:20px; }
.page .page-main .tit span { display:inline-block; font-size:18px; border-left:5px solid #C40000; color:#C40000; padding-left:10px; }
.page .page-main .tit .crumbs { font-size:12px; float:right; }
.page .page-main .tit .crumbs span { display:inline-block; vertical-align:top; overflow:hidden; padding-left:8px; background:url(../images/crumbs_home.png) no-repeat left center; border:0; }
.page .page-main .tit .crumbs span a { float:left; padding:0 9px; font-size:12px; color:#666; background:url(../images/crumbs_arrow.png) no-repeat left center; }
.page .page-main .tit .crumbs span a:first-child { background:none; }
.page .page-main .tit .crumbs span a:last-child { color:#C40000; }
.page .page-main .tit .crumbs strong { float:left; font-weight:normal; }
.page .page-main .con .pages { padding:10px 0; margin:30px 0 10px 0; text-align:center; font-size:12px; font-family:Verdana, "sans-serif"}
.page .page-main .con .pages span { border:1px solid #C40000; color:#C40000; padding:10px 15px; margin:0 5px; }
.page .page-main .con .pages a { border:1px solid #DDDDDD; padding:10px 15px; margin:0 5px; }
.page .page-main .con .pages a:hover { color:#C40000; }
.page .page-main img { max-width:100%; }
.page .page-main .pmt { font-size:20px; text-align:center; padding:0 0 10px 0; margin-bottom:40px; color:#C40000; border-bottom:1px solid #DDDDDD; letter-spacing:1px; }
.page .page-main .pmt p { font-size:12px; color:#888; }
.page .page-main .pmc { line-height:28px; letter-spacing:1px; margin:0 auto; color: #555555; }
.page .page-main .pmc p { display:block; text-indent:29px; }
.page .page-main .pmc img { max-width:100%; display:block; margin:25px 0; }
.page .page-main .page-pro .page-tit { overflow:hidden; margin-bottom:20px; border-bottom:0; }
.page .page-main .page-pro .page-tit .fl { border:1px solid #eaebf2; width:350px; height:350px; text-align:center; background:#fff; }
.page .page-main .page-pro .page-tit .fl i { display:inline-block; vertical-align:middle; height:100%; }
.page .page-main .page-pro .page-tit .fl img { display:inline-block; vertical-align:middle; max-width:100%; max-height:100%; }
.page .page-main .page-pro .page-tit .fr { width:309px; text-align:left; }
.page .page-main .page-pro .page-tit .fr strong { display:block; height:50px; line-height:50px; color:#fff; background:#C40000; margin-left:-30px; padding-left:30px; }
.page .page-main .page-pro .page-tit .fr p { font-size:13px; border-top:1px solid #eaebf2; padding-top:15px; padding-bottom:15px; }
.page .page-main .page-pro .page-con { width:100%; }
.page .page-main .page-pro .page-con img { margin:15px 0; }
.page .page-main .page-pro .page-con-tit { border-bottom:1px solid #d3d5de; background:#C40000; height:49px; }
.page .page-main .page-pro .page-con-tit span { display:inline-block; height:50px; line-height:50px; padding:0 25px; border-radius:5px 5px 0 0; color:#fff; font-weight:bold; background:url(../images/product_main_tit_bg.png); }

.list { position:relative; overflow:hidden; }
.list ul.article { font-size:0; margin:0 -20px; }
.list ul.article li { display:inline-block; box-sizing:border-box; width:100%; padding:0 20px; font-size:14px; }
.list ul.article li a { display:block; height:50px; line-height:50px; font-size:14px; border-bottom:1px dotted #CCCCCC; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.list ul.article li a span { box-sizing:border-box; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.list ul.article li a span.fl { width:65%; padding-left:18px; transition:all .3s; background:url(../images/list_article_ico.png) no-repeat left center; }
.list ul.article li a span.fr { width:35%; text-align:right; color:#999999; }
.list ul.article li a:hover { color:#C40000; text-decoration:underline; }
.list ul.article li a:hover span.fl { background-image:url(../images/list_article_ico_on.png); }
.list ul.article.long li a span.fl { width:100%; }
.list ul.article.mini li a { font-size:12px; height:auto; line-height:inherit; padding:8px 0; border-bottom:1px dashed #EEEEEE; }
.list ul.article.i2 li { width:50%; }
.list ul.article.i3 li { width:33.33333333%; }
.list ul.article.i4 li { width:50%; }
.list ul.article.i5 li { width:50%; }
.list ul.article li.big { width:100%; }
.list ul.article li.big a { background:#FAFAFA; border:1px solid #EEEEEE; padding:20px; height:auto; }
.list ul.article li.big a:hover { text-decoration:none; }
.list ul.article li.big a span.fl { width:300px; height:190px; padding:10px; background:#FFFFFF; border:1px solid #EEEEEE; text-align:center; }
.list ul.article li.big a span.fl img { display:inline-block; max-width:100%; max-height:100%; }
.list ul.article li.big a span.fl i { height:100%; vertical-align:middle; }
.list ul.article li.big a span.fr { margin-left:320px; display:block; width:auto; float:none; text-align:left; }
.list ul.article li.big a span.fr strong { display:block; color:#C40000; height:36px; line-height:36px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.list ul.article li.big a span.fr p { white-space:normal; line-height:26px; border-top:1px solid #DDD; margin-top:10px; padding-top:10px; color:#555555; height:130px; }
.list ul.picture { font-size:0; margin:0 -10px; }
.list ul.picture li { display:inline-block; box-sizing:border-box; padding:10px; font-size:14px; }
.list ul.picture li .img { border:1px solid #DDDDDD; padding:15px; transition:all .3s; height:210px; text-align:center; }
.list ul.picture li .img i { display:inline-block; vertical-align:middle; height:100%; }
.list ul.picture li .img img { max-width:100%; max-height:100%; display:inline-block; vertical-align:middle; }
.list ul.picture li .tit { height:50px; line-height:50px; text-align:center; background:url(../images/shadow_5.png) no-repeat center top; background-size:contain; font-size:14px; border:0; padding:0; margin:0; }
.list ul.picture li:hover .img { border-color:#C40000; }
.list ul.picture.i2 li { width:50%; }
.list ul.picture.i3 li { width:33.33333333%; }
.list ul.picture.i4 li { width:25%; }
.list ul.picture.i5 li { width:20%; }
.list ul.picture.i6 li { width:16.66666666%; }
.list ul.product { margin:0 -10px; overflow:hidden; font-size:0; }
.list ul.product li { width:33.3333333333%; display:inline-block; padding:10px; box-sizing:border-box; font-size:14px; }
.list ul.product li a { display:block; position:relative; }
.list ul.product li a:hover .img { border-color:#c30b0b; }
.list ul.product li a:hover .txt { color:#c30b0b; }
.list ul.product li a:hover .pla { visibility:visible; opacity:1; filter:alpha(opacity=100); }
.list ul.product li .img { display:block; height:238px; text-align:center; border:1px solid #EEE; padding:10px; transition:all ease .3s; background:#FFF; }
.list ul.product li .img i { display:inline-block; vertical-align:middle; height:100%; }
.list ul.product li .img img { display:inline-block; vertical-align:middle; max-width:100%; max-height:100%; }
.list ul.product li .img span { background:#FAFAFA; display:block; height:100%; }
.list ul.product li .pla { visibility:hidden; opacity:0; filter:alpha(opacity=0); position:absolute; left:11px; top:11px; right:11px; bottom:11px; }
.list ul.product li .pla { background:url(../images/picture_pla_bg.png); text-align:center; transition:all ease .3s; }
.list ul.product li .pla p { color:#FFFFFF; font-size:16px; margin:0px; }
.list ul.product li .pla strong { display:inline-block; padding:10px 20px 10px 45px; font-size:16px; color:#c30b0b; }
.list ul.product li .pla strong { background:url(../images/logo_small.png) no-repeat 15% 50% #FFFFFF; border-radius:100px; margin:60px auto 20px auto; }
.list ul.product li .txt { color:#555; font-size:14px; text-transform:uppercase; text-align:center; line-height:28px; padding:11px; }
.list ul.product li .txt { background:url(../images/picture_bot_bg.png) no-repeat top center; background-size:100% auto; transition:all ease .3s; }
.list ul.product.nowrap { white-space:nowrap; }
.list .page { position:absolute; z-index:99; top:50%; margin-top:-75px; width:30px; height:50px; background:url(../images/page_btn.png) no-repeat; transition:all ease .5s; }
.list .prev { left:-30px; background-position:left center; }
.list .next { right:-30px; background-position:right center; }
.list:hover .prev { left:10px; }
.list:hover .next { right:10px; }



.freeri_sever{ height:480px; position:relative;margin-bottom:50px;}
.freeri_sever .name{ position:relative; text-align:center; top:60px; z-index:9}
.freeri_sever ul li{ position:absolute; top:0; left:50%; margin-left:-960px;}
.freeri_sever ul li img{ display:block;}
.freeri_sever ol{ position:absolute; left:50%; margin-left:-550px; top:144px}
.freeri_sever ol li{ float:left;position:relative; cursor:pointer;}
.freeri_sever ol li a{ display: block; width: 100%; height: 100%;}
.freeri_sever ol li .min_pic{ position:absolute; width:45%;top:20px;left:25%;}
.freeri_sever ol li a>img{visibility:hidden; }
.freeri_sever ol li .min_pic svg{ transition: all .5s;-webkit-transition: all .5s; position:absolute; top:20px}
.freeri_sever ol li:hover .min_pic svg{stroke:#e4b60e;}
.freeri_sever ol li:after{ position:absolute; content:''; bottom:-6px; height:1px; width:32px; background:#e4b60e; left:50%; margin-left:-16px; transition:all .6s;-webkit-transition:all .6s; opacity:0}
.freeri_sever ol li img{ display:block; position:relative}
.freeri_sever ol li .title_name{ position:absolute; bottom:0; width:100%; text-align:center; color:#fff; font-size:18px}
.freeri_sever ol li .Explain{ height:75px; position:absolute; bottom:-85px; color:#fff; width:80%; left:10%; text-align:center; opacity:0; transition:all .6s;-webkit-transition:all .6s;}
.freeri_sever ol li:hover .Explain{ opacity:1}
.freeri_sever ol li:hover:after{ opacity:1}







.bg { background-color:#F7F7F7; }
.bg .title span { background:#F7F7F7; }
.bg .title strong { background:#F7F7F7; }
.bg .title span em { background:#F7F7F7; }
.bg .list ul.picture li .img { background:#FFF; }

.prospects { padding-top:50px; }
.prospects p { margin:20px 0; }
.prospects ul { margin:-10px; }
.prospects li { position:relative; width:33.3333333333%; float:left; box-sizing:border-box; padding:10px; font-size:14px; }
.prospects li a { display:block; color:#666; height:340px; line-height:26px; text-align:justify; border-bottom:4px solid #dcdcdc; }
.prospects li img { width:320px; height:177px; }
.prospects li strong { display:block; line-height:38px; color:#333; }
.prospects li:hover a { border-color:#c30b0b; }
.prospects li:hover strong { color:#c30b0b; }


.store { padding:30px 0 50px 0; }

.products { padding:50px 0; }
.products .side { float:left; width:200px; background:#333333; }
.products .side .tit { background:url(../images/header_nav_cate.png) no-repeat #c30b0b; background-size:cover; overflow:hidden; color:#FFF; padding:12px 20px; height:36px; }
.products .side .tit strong { float:left; width:30px; font-size:38px; height:36px; line-height:35px; }
.products .side .tit span { float:left; font-size:14px; font-weight:bold; line-height:20px; }
.products .side .tit em { font-style:normal; display:block; font-weight:normal; font-size:12px; line-height:16px; margin-left:-15px; }
.products .side .con dt { height:32px; line-height:32px; text-indent:25px; color:#fff; font-weight:bold; background:url(../images/product_dt_bg.png); position:relative; z-index:1; font-size:12px; }
.products .side .con dt span { background:url(../images/product_dt_ico.png) no-repeat left center; padding-left:20px; }
.products .side .con dd { border-top:1px dashed #3e3735; margin-top:-1px; font-size:13px; }
.products .side .con dd a { display:block; height:35px; line-height:35px; text-indent:45px; color:#aaa; background:url(../images/product_dd_bg.png) no-repeat 30px 14px; font-size: 12px; }
.products .side .con dd a:hover { color:#FFFFFF; }
.products .main { float:right; width:780px; }
.products .main .list ul { margin-top:-10px; }
.products .main .list li .img { height:191px; background:#FFFFFF; }

.process { padding:30px 0 50px 0; }
.process .con { background: url(../images/process_img.png) no-repeat center center; height: 110px; margin-top: 30px; }

.advantage { overflow:hidden; width:100%; padding: 50px 0; }
.advantage .item {overflow: hidden;}
.advantage .item.i1{ background:url(../images/advantage_item01.png) no-repeat right; height:370px;}
.advantage .item.i2{ background:url(../images/advantage_item02.png) no-repeat left; height:350px;}
.advantage .item.i3{ background:url(../images/advantage_item03.png) no-repeat right center; height:365px;}
.advantage .item.i4{ background:url(../images/advantage_item04.png) no-repeat left; height:420px;}
.advantage .item.i5{ background:url(../images/advantage_item05.png) no-repeat right center; height:399px; margin-top: -40px;}
.advantage .item dl{ width:475px; overflow:hidden; margin-top:100px;}
.advantage .item dl dt{ width:48px; float:left;}
.advantage .item dl dt img{ display:block;}
.advantage .item dl dd{ width:405px; float:right;}
.advantage .item dl dd h3{ font-size:20px; color:#333333;margin: 0;line-height: 1;}
.advantage .item dl dd h3 strong{ color:#c30b0b;}
.advantage .item dl dd h4{ font-weight:normal; margin-top:10px; font-size:16px; color:#333}
.advantage .item dl dd i{ display:block; background:url(../images/advantage_tit_line.png) repeat-x; height:2px; margin:20px 0 15px; width:405px;}
.advantage .item dl dd p{ line-height:24px; font-size:14px; color:#666; margin-bottom:12px;}
.advantage .item dl dd h5{ overflow:hidden; margin-top:25px;}
.advantage .item dl dd h5 a{ display:block; float:left;}
.advantage .item dl dd h5 p{ line-height: 37px; font-size:16px; color:#333; float:left; margin:0; margin-left:8px;}
.advantage .item dl dd h5 p span{ font-size:14px;}
.advantage .item ul { width:383px; height:263px; overflow: hidden;}
.advantage .item ul li { width:383px; height:263px; float:left; position:relative; text-align:center; }
.advantage .item ul li a { display:block; width:383px; height:263px; }
.advantage .item ul li img { display:inline-block; vertical-align:middle; max-width:100%; max-height:100%; }
.advantage .item ul li i { display:inline-block; vertical-align:middle; height:100%; }
.advantage .item ul li p { height:42px; line-height:42px; background:url(../images/advantage_p_bg.png) repeat; color:#fff; left:0; bottom:0; margin:0; position:absolute; width:100%; text-align:center}
.advantage .item.i2 .fl { position:relative; padding:67px 0 0 37px; }
.advantage .item.i2 .fl .page { position:absolute; z-index:99; top:50%; margin-top:-25px; width:30px; height:50px; background:url(../images/page_btn.png) no-repeat; transition:all ease .5s; }
.advantage .item.i2 .fl .prev { left:37px; background-position:left center; }
.advantage .item.i2 .fl .next { right:0px; background-position:right center; }


.about { padding:20px 0 50px 0; }
.about .con {margin-top: 50px;overflow: hidden;}
.about .con .fl img { width:100%; height:100%; }
.about .con .fr { width:470px; }
.about .con .fr strong { display:block; height:40px; line-height:40px; font-size:20px; color:#C12B2B; font-weight:bold; }
.about .con .fr span {font-size: 16px;}
.about .con .fr p { color:#666; font-size:14px; line-height:22px; margin:10px 0px 15px 0px; text-align:justify; }
.about .con .fr a { display:inline-block; width:114px; height:35px; line-height:35px; text-align:center; color:#fff; background:#C12B2B; margin-top: 10px; }

.policy { padding:20px 0 50px 0; }
.policy ul { font-size:14px; margin-top:20px; }
.policy li {vertical-align: top; width: 20% !important;}
.policy li a { height:220px; border:1px solid #DDD; text-align: center; background: #fff; }
.policy li strong { color:#c30b0b; display:inline-block; height:50px; line-height:50px; font-size:20px; margin: 10px 0; }
.policy li span { display:block; border-top: 1px solid #DDD; margin: 0 20px; text-align:justify; padding-top: 20px; color: #555; line-height: 1.7; }

.articles .tit { overflow:hidden; background: #333; }
.articles .tit .fl { background:#c30b0b; }
.articles .tit .fl span { float:left; height:16px; line-height:16px; font-weight:bold; padding:0px 10px; margin:12px 20px; color:#FFF; font-size:14px; border-left:3px solid #FFF; }
.articles .tit .fl em { float:left; width:20px; height:40px; display:inline-block; }
.articles .tit .fr,
.articles .tit .fr a { height:40px; line-height:40px; color:#fff; margin-right:10px; }
.articles .con { background:#FAFAFA; border:1px solid #DDD; border-top:0px; padding:20px; overflow:hidden; }
.articles .con a {color:#333;}
.articles .con a:hover {color: #c30b0b;}
.articles .news { float:left; width:680px; }
.articles .faqs { float:right; width:280px; }
.articles .news { float:left; width:660px; overflow:hidden; }
.articles .news .con { background:#fff; padding:0px 10px; height:300px; overflow:hidden; }
.articles .news .con li { border-bottom:1px dashed #CCC; overflow:hidden; height:35px; line-height:35px; }
.articles .faqs .con { background:#fff; padding:0px 10px; height:300px; overflow:hidden; }
.articles .faqs .con li { border-bottom:1px dashed #CCC; padding:10px 0px; }
.articles .faqs .con li .q { width:20px; height:20px; line-height:20px; color:#fff; text-align:center; background:#c30b0b; display:inline-block; margin-right:5px; }
.articles .faqs .con li .li-tit { overflow:hidden; margin-bottom:10px; }
.articles .faqs .con li .li-con { color:#555;}
.articles .faqs .con li .a { width:20px; height:20px; line-height:20px; color:#fff; text-align:center; background:#999; display:inline-block; margin-right:5px; }


.comment {background: url(../images/comment_bg.png) top center;overflow: hidden;}
.comment .form {width: 320px;padding: 0 50px;background: #fff;float: right;}
.comment .form img {position: absolute;right: 10px;top: 8px; cursor: pointer;}
.comment .form label {display: block;border: 1px solid  #ddd;background: #FFF;padding: 10px;}
.comment .form span {position: absolute;}
.comment .form input {display: inline-block;vertical-align: top;border: 0;background-color: transparent;padding-left: 60px;width: 240px !important;}
.comment .form textarea {display: inline-block;vertical-align: top;border: 0;background-color: transparent;padding-left: 60px;width: 240px !important;}
.comment .form button {width: 100%; padding: 15px 0;border: 0;background: #c30b0b;color: #fff; margin: 0 0 30px 0;}
.comment .form .tit {background: url(../images/comment_tit.png) center center;color: #fff; padding: 20px 0;margin: 0 -50px 30px -50px;}
.comment .form .tit span {position: static;font-size: 18px;display: block;text-align: center;}
.comment .form .tit strong {position: static;font-size: 30px;display: block;text-align: center;}
.comment .form .item {position: relative; margin: 0 0 15px 0;}


.illustrations {background: url(../images/illustrations.png) center center; height:300px; }