@charset "utf-8";
/*全局*/
html, body, div, span, applet, object, iframe, h1, h2, h3,
h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot,
thead, tr, th, td, input, select {margin:0; padding:0; outline:0; color:inherit; }
html, body {width:100%; height:100%;}
body {margin:0 auto;  font:12px/1 'avianregular',"Microsoft Yahei", "微软雅黑", sans-serif; vertical-align:baseline; overflow-y:scroll;}
h1, h2, h3, h4, h5, h6 {font-weight:normal; font-size:100%;}
table {border-collapse:collapse; border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
a {text-decoration:none;}
p {line-height:22px; text-align:justify;}
a img, iframe {border:none;}
a:link {color:inherit;}
:focus {outline:0;}
/*img{ vertical-align:top;}*/
ol, ul {list-style:none;}
input, textarea, select, button {font-weight:inherit; font-size:inherit; *font-size:100%; font-family:inherit;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
/* == clearfix == */
.cl:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.cl{zoom:1;}


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

/*-调用-*/
.title { font-size:16px; color:#444; margin-bottom:18px;}
.g-wrap {position:relative; margin:0 auto; width:1100px; height:100%;}

/*-头部banner-*/
body {min-width:1130px; +overflow:hidden;}
#header {position:relative; z-index:5; height:80px; background-color:#fff;}
    #logo {position:absolute; top:18px; left:1px; width:288px; height:44px; background:url(../images/logo.png) no-repeat 0 0;}
    #nav {position:absolute; top:0; right:81px; z-index:4; height:100%; background-color:#fff; overflow:hidden;}
    #nav li {float:left; height:100%; -webkit-transition:background-color 700ms; transition:background-color 700ms;}
    #nav .n1 {width:58px;}
    #nav .n2, #nav .n3,#nav .n4, #nav .n5, #nav .n6, #nav .n7, #nav .n8 {width:83px;}


    #nav li a {position:relative; z-index:2; display:block; width:100%; height:100%; font-weight:bold; font-size:13px; line-height:80px; text-align:center; color:#444; -webkit-transition:color 200ms; transition:color 200ms;}
    #nav li a.on {color:#fff;}
    #nav li a span {position:absolute; left:0; top:0; z-index:2; width:100%; height:100%;}
    #nav li a .bkg {top:100%; z-index:1; background-color:#da251d; -webkit-transition:top 200ms; transition:top 200ms;}

    #nav li a.on .bkg,
    #nav li a:hover .bkg {top:0;}

    #shop {position:absolute; bottom:0; right:0; z-index:5; width:78px; height:100%; background:#FFF; border-left:1px solid #e5e5e5;}

    #shop {width:80px;}
    #shop .btn-search {position:absolute;top:0; right:0px; padding:0 25px; padding-right: 15px; width:auto; height:100%; font-weight:bold; font-size:13px; line-height:80px; color:#444; background: url(../images/search.png) left center no-repeat; -webkit-transition:all 300ms; transition:all 300ms;}
    #shop .btn-search:hover,
    #shop .btn-search.on {background:url(../images/search_on.png) left center no-repeat;}


#content {position:relative; overflow:hidden;}
    #subNav {position:absolute; top:0; left:0px; z-index:4; width:100%; height:61px; /*overflow: hidden;*/}
    #subNav .g-wrap {overflow:visible;}
    #subNav .g-wrap .item {position:absolute; top:-100%; width:100%; height:100%; background-color:#222; overflow:hidden; -webkit-transition:top 300ms; transition:top 300ms;}
    #subNav .g-wrap .about {left:521px; padding:0 20px; }
    #subNav .g-wrap .project {left:687px; padding:0 20px;}
	#subNav .g-wrap .product {left:770px; padding:0 20px;}
    #subNav .g-wrap .news {left:853px; padding:0 20px; }
	#subNav .g-wrap .contact {left:936px; padding:0 20px; }
    #subNav .g-wrap .search {right:0; width:238px; height:44px; border:8px solid #da251d;}
    #subNav .g-wrap .search input { padding:0 20px; width:200px; height:44px; line-height:44px; border:0px;}
    #subNav .g-wrap .on {top:0; z-index: 2;}
    #subNav .g-wrap .item a {float:left; padding:0 16px; font-weight:bold; font-size:13px; line-height:61px; color:#FFF;-webkit-transition:color 300ms; transition:color 300ms;}
    #subNav .g-wrap .item a:hover {color:#da251d;}
    #subNav .g-wrap .item #on {
    color: #f63b2e;
}


#banner {position:relative; z-index:2; width:100%; height:400px; overflow:hidden;}
#banner .pics {position:relative; width:100%; height:100%;}
#banner .pics li {display:none; position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; background:no-repeat center 0 ; background-size: contain;}
#banner .pics li a {display:block; width:100%; height:100%;}
#banner .pics .b1 {display:list-item;}
#banner .btns a {position:absolute; top:50%; z-index:4; margin-top:-25px; width:50px; height:50px; -ms-transition:left 400ms, right 400ms; transition:left 400ms, right 400ms; -webkit-transition:left 400ms, right 400ms; -moz-transition:left 400ms, right 400ms; -o-transition:left 400ms, right 400ms;}
#banner .btns .prev {left:-50px;}
#banner .btns .next {right:-50px;}
#banner .btns .prev.on {left:100px;}
#banner .btns .next.on {right:100px;}
#banner .btns a span {position:absolute; top:0; left:0; width:100%; height:100%; -ms-transition:-ms-opacity 300ms;  transition:opacity 300ms;-webkit-transition:-webkit-opacity 300ms; -moz-transition:-moz-opacity 300ms; -o-transition:-o-opacity 300ms; cursor:pointer;}
#banner .btns a span.off {-webkit-opacity:1; opacity:1; display:block\9;}
#banner .btns a span.on {-webkit-opacity:0; opacity:0; display:none\9;}
#banner .btns .prev .off {background:url(../images/img_banner_prev.png) no-repeat 0 0;}
#banner .btns .prev .on  {background:url(../images/img_banner_prev_on.png) no-repeat 0 0;}
#banner .btns .next .off {background:url(../images/img_banner_next.png) no-repeat 0 0;}
#banner .btns .next .on {background:url(../images/img_banner_next_on.png) no-repeat 0 0;}
#banner .btns a:hover .off {-webkit-opacity:0; opacity:0; display:none\9;}
#banner .btns a:hover .on {-webkit-opacity:1; opacity:1; display:block\9;}

#banner .g-wrap {position:absolute; left:50%; bottom:0; z-index:2; margin-left:-550px; width:1100px; height:30px; overflow:hidden; text-align:center}
#banner .g-wrap .idxs {height:100%; display:inline-block}
#banner .g-wrap .idxs li {float:left; margin:30px 7px 0 0; width:9px; height:9px; border-radius:13px; border:2px solid #fff; cursor:pointer; -ms-transition:background-color 1000ms, margin-top 500ms, border-color 1000ms; transition:background-color 500ms, margin-top 500ms; transition:background-color 1000ms, margin-top 500ms, border-color 1000ms; -webkit-transition:background-color 1000ms, margin-top 500ms, border-color 1000ms; -moz-transition:background-color 1000ms,  margin-top 500ms, border-color 1000ms; -o-transition:background-color 1000ms, margin-top 500ms, border-color 1000ms;}
#banner .g-wrap .idxs li.on {background-color:#da251d; border-color:#da251d;}


/*首页产品*/
#product { width: 100%; background:#EEE; padding:30px 0; position:relative;}
.product { position:relative; height:150px; overflow:hidden;}
.product .product-box { width:1140px;}
.product .product-box li { width:150px; height:150px; margin-right:40px; float:left; position:relative;}
.product .product-box li a img{ width:150px; height:150px;}
.product .product-box li a span { position:absolute; bottom:0; left:0; width:130px; text-align:center; height:35px; line-height:35px; color:#FFF; z-index:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; padding:0 10px; font-size:13px;}
.product .product-box li a span.bkg { height:35px; background:#000;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5; z-index:1;webkit-transition:height 300ms; transition:height 300ms;}
#product a.pro-prev { position:absolute; top:43px; left:-45px; background:url(../images/pro_left.png) no-repeat; width:20px; height:63px;}
#product a.pro-next { position:absolute; top:43px; right:-45px; background:url(../images/pro_right.png) no-repeat; width:20px; height:63px;}
.product .product-box li a:hover span.bkg {height:100%; background: url(../images/more.png) no-repeat 50% 50% #000;}
.product .product-box .img {width:150px; height:150px; background-position:50% 50%; background-size:cover;}

/*-新闻产品-*/
#newpro { width: 100%; }
#newpro .r-wrap { width: 1100px; margin: 0 auto; overflow: hidden; padding: 35px 0;}
#newpro .r-wrap .news { float: left; width: 760px; overflow: hidden; }
#newpro .r-wrap .news .news-left { float: left; width: 300px; overflow: hidden; height:190px; }
#newpro .r-wrap .news .news-right { float: left; margin-left: 40px; width: 420px;}
#newpro .r-wrap .contact { float: right; width: 300px; margin-left: 40px; }
/*-新闻日期-*/
.date-block {float:left; padding:5px 10px; width:62px; height:72px; font:14px/15px 'avianregular' !important; color:#FFF; background-color:#da251d; text-align:center}
.date-block .day {display:block; margin:10px 0 3px 0; font:36px/36px 'avianregular' !important; color:#FFF;}
/* 新闻列表 */
.news-right a {display:block; height:82px;}
.news-right a:last-child {border-bottom:0 none;}
.news-right a .summary {float:left; margin-left:12px; width:326px; height:100%; line-height:18px; color:#444; }
.news-right a h1 {margin-bottom:8px; margin-top:5px; line-height:26px; font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:bold }
.news-right a h3 {margin:-4px 0; color:#777;}
.news-right a p {margin-top:8px; height:36px; line-height:18px; color:#777; overflow:hidden; }

#newpro .r-wrap .contact .map{ width: 298px; height:93px; margin-bottom:10px; overflow:hidden; border:1px solid #DDD}
#newpro .r-wrap .contact .info{ color:#444;line-height:21px; font-size:13px}
/*焦点*/
.ifocus-title{position:absolute;width:100%;height:40px;line-height:40px;background:#000;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;left:0;bottom:0;_bottom:-1px;z-index:1;}
.ifocus-txt{color:#FFF;font-size:13px;z-index:2;bottom:0;left:15px;line-height:40px;position:absolute;width:210px; height:40px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
/*.ifocus_num span,.ifocus_btn span{background:url(../images/img_icon.png) no-repeat;display:block;}*/
.ifocus-num{position:absolute; right:15px;bottom:15px;z-index:2; font-size:0px}
.ifocus-num span{float:left; margin:0 0 0 5px; width:8px; height:8px; border-radius:13px; background-color:#FFF; cursor:pointer; -ms-transition:background-color 1000ms, margin-top 500ms, border-color 1000ms; transition:background-color 500ms, margin-top 500ms; transition:background-color 1000ms, margin-top 500ms, border-color 1000ms; -webkit-transition:background-color 1000ms, margin-top 500ms, border-color 1000ms; -moz-transition:background-color 1000ms,  margin-top 500ms, border-color 1000ms; -o-transition:background-color 1000ms, margin-top 500ms, border-color 1000ms;}
.ifocus-num span.hover{background-color:#da251d; }
/*.ifocus_btn{width:100%;height:49px;top:50%;margin-top:-20px;position:absolute; display:none}
.ifocus_btn span{width:33px;height:49px;cursor:pointer;filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity:0.3;opacity:0.3;position:relative}
.ifocus_btn .left_btn{background-position:0px -23px;float:left;left:0px}
.ifocus_btn .right_btn{background-position:-33px -23px;float:right;right:0px}
.ifocus_btn span.hover{filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity:0.9;opacity:0.9}*/
.ifocus-list li img { width:300px; height:190px;}
.ifocus { color:#FFF;}

/*-工程案例-*/
#project { width: 100%; }
.project { position:relative; height:250px; overflow:hidden;}
.project .project-box{ width:100%;}
.project .project-box li { width:245px; float:left; margin-right:40px;}
.project .project-box li a { display:block;line-height:18px;color:#444}
.project .project-box li .list h1{font-size:13px; line-height:50px; height:50px;vertical-align:middle; display:table-cell;text-align:center; width:330px;}
.project .project-box li .list h2{width:330px;color:#777;}
.project .project-box li .img {width:245px; height:150px; overflow:hidden; text-align:center}
.project .project-box li img{width:245px; height:150px; -moz-transition:all ease 4s; -webkit-transition:all ease 0.4s; -o-transition:all ease 4s; transition:all ease 0.4s; }
.project .project-box li a:hover img{ transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); }

/*-底部导航-*/
#footer {width: 100%; text-align:center; padding:20px 0;font-size:13px; color:#777; background:#e5e5e5}
#footer a {color:#777;}



/*内页banner*/
#p-banner {height:93px;}
/*#content .nav {padding:26px 0; height:24px; border-bottom:1px solid #eaeaea; overflow:hidden;}*/
/*内页容器 导航*/
#content .nav {height:77px; border-bottom:1px solid #eaeaea;}
#content {+border-bottom:2px solid #c5c5c5;}
/*#content .nav .g-wrap {overflow:visible;}*/
#content .nav .g-wrap .crumbs {float:left; padding-left:13px; height:100%; background:url(../images/crumbs_icon.png) no-repeat 0 32px;}
#content .nav .g-wrap .crumbs a {float:left; padding:0 9px; font-weight:bold; font-size:13px; line-height:77px; color:#444;}
#content .nav .g-wrap .crumbs a.on {background:url(../images/crumbs_arrow.png) no-repeat 0 36px;}
#content .nav .g-wrap .columns {float:right; height:100%;}
#content .nav .g-wrap .columns a {position:relative; float:left; margin-left:30px; font-weight:bold; line-height:77px; color:#444;font-size:13px;}
#content .nav .g-wrap .columns a span {position:absolute; left:0; bottom:0; width:0; height:2px; background-color:#da251d; border-radius:4px; -webkit-transition:width 300ms; transition:width 300ms;}
#content .nav .g-wrap .columns a.on span {/*left:15%; */width:100%;}
/*内页公用*/
#p-main {width: 100%;padding:20px 0;position:relative;}
#p-main .info { font-size:13px; line-height:23px; color:#777; padding-bottom:20px;}
#p-main .info div,#p-main .info p {line-height:23px;}
#p-main .info h1{ margin-bottom:20px; margin-top:5px; line-height:26px; font-size:20px; text-align:center;color:#444; font-weight:bold}
#p-main .info h2 {color:#777; text-align:center; margin-bottom:20px;}
#p-main .info h3{ color:#777; line-height:23px;}
#p-main .info h4{ font-size:18px; color:#444; line-height:180%}
#p-main .info h5{ line-height:26px; font-size:20px; color:#444; font-weight:bold}
#p-main .info strong{ color:#333}
#p-main .info table,#p-main .info tr,#p-main .info td { border:1px solid #666;padding:15px 10px; text-align:center; margin:0 auto}
#p-main .info table { width:720px;}
#p-main .info img { margin:20px 0;}

/* 内页品牌及案例 */
#p-main .picture {overflow:hidden;width:1100px;}
#p-main .picture ul {width:1140px;}
#p-main .picture li { width:245px; margin-right:40px; float:left; margin-bottom:20px;}
#p-main .picture li .img {width:245px; height:150px; overflow:hidden; position:relative;background-position:50% 50%; background-size:cover;}
#p-main .picture li .img img {width:100%; height:100%; -moz-transition:all ease 4s; -webkit-transition:all ease 0.4s; -o-transition:all ease 4s; transition:all ease 0.4s; }
#p-main .picture li h1 { text-align:center; font-size:13px; padding:10px 0; color:#444;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#p-main .picture li a:hover img{ transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); }

/* 内页导航 */
#p-main .pro-left {float: left; width: 240px; margin-right:30px; overflow: hidden; }
#p-main .pro-right {float: left; width: 830px; overflow:hidden;}
#p-main .pro-left .pro-nav-title {width: 180px; height:40px; color:#FFF; font-size:23px; padding:30px; background: url(../images/pro_nav_title.png) bottom #da251d; border-bottom:1px solid #EEE}
#p-main .pro-left .pro-nav li a {padding:20px 30px; background:url(../images/pro_nav_arrow.png) no-repeat 210px 50% #EEE; display:block; color:#444; font-size:13px; line-height:150%}
#p-main .pro-left .pro-nav li a:hover,#p-main .pro-left .pro-nav li a.on {background:url(../images/pro_nav_arrow_on.png) no-repeat 210px 50% #da251d; color:#FFF}

#p-main .pro-left .pro-nav li ul li { background:#EEE; }
#p-main .pro-left .pro-nav li ul li a {padding:10px 30px; margin:0px 30px; display:block; color:#444; font-size:13px; line-height:150%; border-bottom:1px solid #DDD;  background:url(../images/pro_nav_sub.png) no-repeat 10px 50%;}
#p-main .pro-left .pro-nav li ul li a:hover,#p-main .pro-left .pro-nav li ul li a.on{color:#da251d; font-weight:bold; background:url(../images/pro_nav_sub_on.png) no-repeat 10px 50%;}
#p-main .pro-left .pro-nav li ul { display:none}


/* 内页产品 */
#p-main .pro {width:860px;}
#p-main .pro li { width:185px; margin-right:30px; float:left; margin-bottom:20px;}
#p-main .pro li .img {width:185px; height:150px; overflow:hidden; position:relative; background-position:50% 50%; background-size:cover;}
#p-main .pro li .img img {width:100%; height:100%}
#p-main .pro li h1 { text-align:center; font-size:13px; padding:10px 0; color:#444;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#p-main .pro li .on{ position:absolute; width:100%; height:100%; background:#000 url(../images/more.png) no-repeat center center; filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;-webkit-transition:background-color 400ms; transition:background-color 400ms;}
#p-main .pro-title { border-bottom:1px solid #DDD; margin-bottom:20px; padding-bottom:20px; font-size:16px; position:relative}
#p-main .pro-title a { position:absolute; right:0; bottom:20px;}


/* 内页新闻列表 */
#p-main .news-list { width: 1100px; overflow:hidden;}
#p-main .news-list ul {width:1140px;}
#p-main .news-list li {border-bottom:1px solid #e8e6e6; width:530px; margin-right:40px; float:left;}
#p-main .news-list a {display:block; padding:24px 0; height:82px; }
#p-main .news-list a:hover {}
#p-main .news-list li:last-child {border-bottom:0 none;}
#p-main .news-list a .summary {float:left; margin-left:12px; width:436px; height:100%; line-height:18px; color:#444; }
#p-main .news-list a h1 {margin-bottom:8px; margin-top:-2px; line-height:26px; font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:bold }
#p-main .news-list a h3 {margin:-6px 0; color:#777;}
#p-main .news-list a p {margin-top:8px; height:36px; line-height:18px; color:#777; overflow:hidden; }


/*内页留言*/
#p-main .msg_info { width:100%; font-size:13px; line-height:50px; height:50px; color:#444}
#p-main .msg_table {width:100%; color:#444}
#p-main .msg_table th{padding-right:10px; width:150px;text-align: center; font-size:14px}
#p-main .msg_table td{text-align:left; padding:10px 0;}
#p-main .msg_small {color:#F00;}
#p-main .msg_big { color:#F00;}
#p-main .msg_small_input {width:350px; border:1px solid #CCC; border-radius:3px; background:transparent; margin-left:6px; font-size:14px; color:#333; line-height:25px; margin-right:15px; height:25px; padding:5px 10px;}
#p-main .msg_big_textarea {width:700px; border:1px solid #CCC; border-radius:3px; background:transparent; margin-left:6px; font-size:14px; color:#333; line-height:25px; height:150px; margin-right:15px; padding:5px 10px;}
#p-main .msg_sub { background:#da251d; border-radius:3px; height:37px; width:122px; display:block; color:#FFF;font-size:14px; text-align:center; line-height:37px; margin-left:6px;}

/*内页分页*/
.pages { padding:20px 0; color:#444}
/*分页*/
.pages { height:35px; overflow:hidden; padding:2px 0 1px 0; text-align:center; color:#CCC; vertical-align:top; clear:both; }
.pages div { float:right; padding-right:12px; }
.pages a, .pages strong { float:left; height:18px; overflow:hidden; margin:0 1px; padding:2px 6px 1px; border:1px solid #999999; color:#000000; text-decoration:none !important; line-height:18px;}
.pages strong  { border:1px solid #999999; background:#EEEEEE; color:#000000; font-weight:700; }
.pages a:hover{ border:1px solid #000000; }
.pages .prev { padding:2px 0 1px 16px; background:url(../../../manage/images/arrow_left.gif) no-repeat 29% 50%; }
.pages .next { padding:2px 16px 1px 5px; background:url(../../../manage/images/arrow_right.gif) no-repeat 93% 50%; *background-position:93% 45%; font-size:simsun; *line-height:21px; }

.paperclip{display:inline-block;overflow:hidden;margin-right:7px;margin-bottom:-2px;width:13px;height:14px;background:url(/manage/images/img_paperclip.gif) no-repeat;background-position:0 0}
.paperclip_txt{font-size:14px;line-height:31px}
.sitemap_n{margin-bottom:5px;padding-right:15px;padding-left:15px;border-bottom:1px solid #DDD;font-size:13px;}
.sitemap_n h1{font-weight:700;font-size:13px;line-height:31px}
.sitemap_n li{float:left;margin-right:10px;line-height:31px;}