﻿/* CSS Document */
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%; font-weight:normal;}
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;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font:14px/1.5 arial,\5b8b\4f53;color:#000;outline:0;}
body{background:#fff; font-size:14px; font-family: arial,helvetica,sans-serif;}
address,cite,dfn,em,var {font-style:normal; }
address,cite,dfn,em,var {font-style:normal; }
code,kbd,pre,samp {font-family:couriernew, courier, monospace; }
small{font-size:12px;}
ul,ol {list-style:none;}
a{text-decoration:none; }
a:hover{text-decoration:none; }
sup{vertical-align:text-top; }
sub{vertical-align:text-bottom; }
img{vertical-align:bottom;}
.clear{clear:both;}
a,input,button{outline:none; }
::-moz-focus-inner{border:0px;}
/*******************************************初始化完成*******/
/*公共浮动*/
body{ background:#f5f5f5;}
.container{ width:1200px; margin:0 auto;}
.flo_left{ float:left;}
.flo_right{ float:right;}
/*头部*/
.header_bg{ background:#000;  width:100%;}
.header_bg .header{ padding:20px 0;}
.header_bg .header .flo_left{ width:539px;}
.header_bg .header .flo_left a{ display:block;}
.header_bg .header .flo_left a img{}
/*头部 - 右侧*/
.header_bg .header .flo_right{ width:620px;}
.header_bg .header .flo_right .t_link{ float:right; color:#fff;}
.header_bg .header .flo_right .t_link a{ color:#fff; margin:0 2px;}
.header_bg .header .flo_right .t_link em{ margin-right:3px;}
.header_bg .header .flo_right .t_link .fa{ font-size:18px;}
.header_bg .header .flo_right .t_link .fa-facebook-square{ color:#3f589d;}
.header_bg .header .flo_right .t_link .fa-share-alt-square{ color:#2f98ea;}
.header_bg .header .flo_right .t_link .fa-google-plus-square{ color:#d7402a;}
.header_bg .header .flo_right .t_link .fa-linkedin-square{ color:#4578ac;}
/*头部 - 导航*/
.header_bg .header .flo_right .nav{ margin-top:20px;}
.header_bg .header .flo_right .nav ul{}
.header_bg .header .flo_right .nav ul li{ float:left; margin-left:33px;}
.header_bg .header .flo_right .nav ul li a{ color:#fff; border-bottom:2px #000 solid; display:block;}
.header_bg .header .flo_right .nav ul li a:hover{ border-bottom:2px #fc1229 solid;}
.header_bg .header .flo_right .nav ul .naa a{ border-bottom:2px #fc1229 solid;}
/*大图*/
.banner{ background:url(../images/banner.jpg) no-repeat top center; height:700px;}
.banner .container{ position:relative;}
.banner .container .b_pro{ width:463px; height:231px; position:absolute; right:0; top:250px;}
.banner .container .b_pro img{ display:block; max-width:463px;}
/*产品*/
.container .title{ background:url(../images/title-bg.png) no-repeat left center; height:50px;}
.container .title h1{ font-size:18px; color:#fff; line-height:50px; padding:0 15px;}
.container .title h1 a{ float:right; font-size:14px; color:#333;}
.container .pro_list{ margin-top:40px;}
.container .pro_list ul{ margin-left:-12px;}
.container .pro_list ul li{ width:230px; float:left; margin-left:12px; margin-bottom:20px;}
.container .pro_list ul li a{ display:block; color:#333;}
.container .pro_list ul li a img{ max-width:230px; max-height:190px;  display:block;}
.container .pro_list ul li a p{ text-align:center; margin:10px 0; overflow: hidden; white-space: nowrap;    text-overflow: ellipsis;}
/*简介*/
.home_aboutbg{ background:url(../images/home-about-bg.jpg) no-repeat top center; min-height:473px;}
.home_aboutbg .container{}
.home_aboutbg .container .mask{ width:600px; background:rgba(0,0,0,0.5); color:#fff; min-height:473px;}
.home_aboutbg .container .mask .m_txt{ padding:60px 50px;}
.home_aboutbg .container .mask .m_txt span{ display:block; font-size:12px;}
.home_aboutbg .container .mask .m_txt h1{ font-size:26px; font-weight:bold; padding-bottom:5px; border-bottom:1px #fc1229 solid; display:inline-block;}
.home_aboutbg .container .mask .m_txt p{ margin-top:10px;}
.home_aboutbg .container .mask .m_txt .about_more{ background:#fc1229; color:#fff; display:inline-block; padding:5px 35px; border-radius:4px; margin-top:10px; font-size:16px;}
.home_aboutbg .container .mask .m_txt .about_more span{ display:inline; margin-left:15px; font-size:20px;}
/*新闻*/
.container{}
.container .news_list{ margin-top:40px;}
.container .news_list ul{ margin-left:-40px;}
.container .news_list ul li{ width:580px; float:left; margin-bottom:40px; margin-left:40px;}
.container .news_list ul li .flo_left{ width:150px; height:115px;}
.container .news_list ul li .flo_left img{ width:150px; height:115px; display:block;}
.container .news_list ul li .flo_right{ width:410px;}
.container .news_list ul li .flo_right h3{ font-size:16px; border-bottom:1px #ccc solid; padding-bottom:3px; margin-bottom:3px;}
.container .news_list ul li .flo_right h3 a{ color:#000;}
.container .news_list ul li .flo_right .date{ color:#555;}
.container .news_list ul li .flo_right .date span{ margin-right:5px;}
.container .news_list ul li .flo_right p{ color:#555; margin-top:10px;}
.container .news_list ul li .flo_right p a{ color:#fc1229;}
/*信息*/
.container .info_list{ margin:40px 0;}
.container .info_list ul{ margin-left:-30px;}
.container .info_list ul li{ width:377px; border:1px #d6e1e5 solid; float:left; margin-left:30px; background:#fff;}
.container .info_list ul li img{ display:block; width:379px; height:247px;}
.container .info_list ul li h2{ font-size:26px; padding:20px;}
.container .info_list ul li p{ padding:20px;}
.container .info_list ul li a{ padding:0 20px; color:#fc1229; display:inline-block; margin-bottom:20px;}
/* new footer */
.footer{ width:100%; min-height: 260px; background:#000; margin: 10px 0px 0px 0px;}
.foot{ width:1200px; margin:0 auto; color:#fff;}
.foot .foot_top{ padding-top:20px; width:100%;}
.foot .foot_top .foot_top_list{ width:200px;}
.foot .foot_top .foot_top_list h2{ font-size:18px; margin-bottom:25px;}
.foot .foot_top .fl{ float:left;}
.foot .foot_top .fr{ float:right;}
.foot .foot_top .fr h2{ font-size:18px; margin-bottom:25px;}
.foot .foot_top .foot_top_list .foot_top_ul li a{ color:#fff;}
.foot .foot_top .foot_top_list .foot_top_ul li a:hover{ text-decoration:underline;}
.foot .foot_top .foot_top_search{ width:240px;}
.foot .foot_top .foot_top_search .foot_s{ background: #f1f1f1;border-radius: 3px;width: 240px;height: 28px;line-height: 28px;border: none;color: #666;padding-left: 5px;margin-bottom: 10px;}
.foot .foot_top .foot_top_search .foot_btn{ background: #999;border: none;border-radius: 3px;width: 60px;color: #000;text-align: center;height: 28px;line-height: 28px;cursor: pointer;}
.foot .foot_bottom{ border-top:1px #999 solid; padding-top:10px; margin-top:10px;}
.foot .foot_bottom p{ text-align:center; line-height:26px;}
/**************************************************************************************************内页开始*/
/*头部大图*/
.subbanner{ height: 358px; margin-bottom: 20px; background:url(../images/sub-topbg.jpg) no-repeat top center;}
.container .sildebar{ width:235px; min-height:300px;}
.container .sildebar .subtitle{ background:url(../images/menTip.jpg) no-repeat center center; height:85px;}
.container .sildebar .subtitle h2{ line-height:85px; text-align:center; color:#fff; font-size:28px;}
.container .sildebar .menulist{ background:#fff; margin:10px 0; padding:15px;}
.container .sildebar .menulist ul{}
.container .sildebar .menulist ul li{ border-bottom:1px #ccc solid; padding:5px;}
.container .sildebar .menulist ul li a{ font-size:16px; color:#333; font-weight:bold; display:block; padding:5px 0;}
.container .sildebar .menulist ul li a:hover{ color:#fc1229;}
.container .sildebar .menulist ul .naa a{ color:#fc1229;}
/*右*/
.container .main{ width:930px;}
.container .main .current{ padding:5px 0; border-bottom:1px #ccc solid;}
.container .main .current a{ color:#fc1229;}
.container .main .subpage{ padding:10px;}
/*关于我们*/

/*产品中心*/
.container .main .subpage .products{}
.container .main .subpage .products ul{ margin-left:-20px;}
.container .main .subpage .products ul li{ float:left; width:290px; margin-left:20px; margin-bottom:20px;}
.container .main .subpage .products ul li a{ display:block; position:relative; border:1px #ccc solid; height:180px; padding:10px;}
.container .main .subpage .products ul li a img{ display:block; max-width:270px; max-height:180px; margin:0 auto;}
.container .main .subpage .products ul li a .mask{ display:none; position:absolute; color:#fff; text-align:center; background:rgba(0,0,0,0.6); top:0; left:0; width:100%; height:100%; z-index:99;}
.container .main .subpage .products ul li a .mask h3{ margin-top:35%; font-size:16px; font-weight:normal;}
.container .main .subpage .products ul li a .mask p{ padding:5px 0;}
.container .main .subpage .products ul li a:hover .mask{ display:block;}
/*翻页*/
.container .main .subpage .page{ margin:0 auto; margin-top:25px;}
.container .main .subpage .page a{ color:#343434; border:1px #ccc solid; padding:5px 20px; display:inline-block; margin:0 5px;}
.container .main .subpage .page .active{ color:#fff; background:#fc1229;}
.container .main .subpage .page a:hover{ border:1px #ca001a solid;}
/*新闻*/
.container .main .subpage .news{}
.container .main .subpage .news ul{}
.container .main .subpage .news ul li{ padding:15px 0; border-bottom:1px #ccc solid;}
.container .main .subpage .news ul li .flo_left{ width:182px;}
.container .main .subpage .news ul li .flo_left img{ width:182px; height:117px; display:block;}
.container .main .subpage .news ul li .flo_right{ width:708px;}
.container .main .subpage .news ul li .flo_right h3{ font-size:16px;}
.container .main .subpage .news ul li .flo_right h3 a{ color:#000;}
.container .main .subpage .news ul li .flo_right span{ display:inline-block; color:#555;}
.container .main .subpage .news ul li .flo_right p{ line-height:24px; color:#555;}
/*在线留言*/
.container .main .subpage  .message{ margin:25px 10px;}
.container .main .subpage  .message ul{}
.container .main .subpage  .message ul li{ margin-bottom:10px;}
.container .main .subpage  .message ul li .fb_input{ width:70%; border:0; background:#ddd; padding:3px 10px; font-family:"微软雅黑"; margin-bottom:20px;}
.container .main .subpage  .message ul li span{ margin-left:5px; color:#f00;}
.container .main .subpage  .message ul li textarea{ height:140px;}
.container .main .subpage  .message ul li .fb_btn{ padding:5px 25px; margin-right:10px; font-family:"微软雅黑"; cursor:pointer;}
/*招聘*/
.container .main .subpage .recruit{}
.container .main .subpage .recruit .item{ padding:15px 0; border-bottom:1px #ccc solid;}
.container .main .subpage .recruit .item h4{ color:#ca001a; font-size:18px;}
.container .main .subpage .recruit .item p{ line-height:24px; margin-top:10px;}
/*联系我们*/
.container .main .subpage .contact{}
.container .main .subpage .contact .air{}
.container .main .subpage .contact .air h4{ color:#ca001a; border-bottom:1px #ccc solid; display:inline-block; padding-bottom:5px; font-size:16px;}
.container .main .subpage .contact .air ul{ margin:10px 0;}
.container .main .subpage .contact .air ul li{ line-height:24px;}
.container .main .subpage .contact .map{ margin-top:25px; border:1px #555 solid;}
/*三级页*/
.container .main .subpage .view{}
.container .main .subpage .view .view-title{ font-size: 22px; color: #666; text-align: center;line-height: 45px; border-bottom: 1px solid #666; padding-bottom: 10px; padding-top: 20px;}
.container .main .subpage .view .view-info{ text-align: center; padding: 10px 0px 20px 0px; color: #666; margin:20px 0;}
.container .main .subpage .view .view-info span{ font-size:14px; color:#999; margin:0 5px;}
.container .main .subpage .view .view-cnt{}
.container .main .subpage .view .view-cnt p{ line-height:24px;}
.container .main .subpage .view .view-page{ border-top: 1px solid #666; padding-top: 10px; margin-top:20px;}
.container .main .subpage .view .view-page a{ color:#333; display:block; line-height:30px;}



.slides li{height:500px;}
























