@charset "UTF-8";
body,
p,
form,
textarea,
h1,
h2,
h3,
h4,
h5,
dl,
dd { margin: 0px; }
input,
button,
ul,
ol { margin: 0px; padding: 0px; }
body,
input,
button,
form { font-size: 14px; line-height: 28px; font-family: "microsoft yahei", "宋体", "Arial"; color: #333333; }
h1,
h2,
h3,
h4,
h5,
h6,
font { font-size: 14px; font-weight: normal; }
ul,
ol,
li { list-style: none; }
input { background: none; border: 0 none; }
img,
iframe { border: 0px; }
em,
i { font-style: normal; }
button,
input,
select,
textarea { font-size: 100%; }
table { border-collapse: collapse; border-spacing: 0; }
.red { color: #ba292e; }
.fl { float: left; }
.fr { float: right; }
.tac { text-align: center; }
.tar { text-align: right; }
.poa { position: absolute; }
.por { position: relative; }
.hidden { display: none; }
.w1200 { width: 1200px; margin: 0 auto; }
.icon { background: url(../images/icon.png) no-repeat; display: inline-block; vertical-align: middle; }
a { color: #333333; text-decoration: none; }
a:hover { color: #151515; text-decoration: none; }
a:visited { text-decoration: none; }
.ease,
.ease * { -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; }
.noease,
.noease * { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }
:-moz-placeholder {
color: #aaa;
}
::-moz-placeholder {
color: #aaa;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color: #aaa;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: #aaa;
}
/*清除浮动*/
.clearfix { *zoom: 1;
}
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

::-webkit-scrollbar {
width:2px;
height:2px;
}
::-webkit-scrollbar-track-piece {
background-color:none;
background:rgba(0,0,0,.0);
}
::-webkit-scrollbar-thumb:vertical {
height:2px;
background-color:rgba(0,0,0,.5);
}
::-webkit-scrollbar-thumb:horizontal {
width:2px;
background-color:rgba(0,0,0,.5);
}
/*header_main*/
.header_main { position: relative; width: 100%; height: 80px; z-index: 100; background: #E9EAEB; min-width: 1300px; }
.header_main .logo { height: 45px; display: block; padding: 16px 4% 0 40px; }
.header_main .logo img.img1 { height: 45px; display: inline-block; float: left; background-size: 100%; }
.header_main .logo img.img2 { height: 45px; display: inline-block; float: left; }
#header_main #nav_main { width: 840px; float: right; margin-right: 70px; }
#header_main #nav_main .nav { height: 80px; z-index: 12; }
#header_main #nav_main .nav li { float: left; padding-left: 8px; padding-right: 8px; z-index: 10; position: relative; height: 80px; }
#header_main #nav_main .nav li:first-child { padding-left: 0px; }
#header_main #nav_main .nav li a.aLink { -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; }
#header_main #nav_main .nav li a.aLink:before { content: "\20"; display: block; position: absolute; left: 0; bottom: 0; height: 2px; width: 0; background: #0754a3; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; }
#header_main #nav_main .nav li.item7 { background: none; }
#header_main #nav_main .nav li a.aLink { height: 30px; line-height: 30px; display: block; position: relative; color: #000; cursor: pointer; overflow: hidden; font-size: 14px; border-radius: 15px; padding: 0 18px; margin-top: 26px; }
#header_main #nav_main .nav li:hover a,
#header_main #nav_main .nav li.hover a { background-color: #2F3970; color: #FFF; }
#header_main #nav_main .nav li ul { position: absolute; left: 0px; top: 80px; filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5);
z-index: 199; opacity: 0; visibility: hidden; height: auto; overflow: hidden; width: 120px; transition: all .6s ease 0s; transform: translate3d(0, 10px, 0); -moz-transform: translate3d(0, 10px, 0); -webkit-transform: translate3d(0, 10px, 0); }
#header_main #nav_main .nav li:hover ul { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); text-align: center; }
#header_main #nav_main .nav li ul li { display: block; clear: left; width: 100%; background: none; height: 45px; background-color: #151515; border-bottom: #333333 solid 1px; line-height: 45px; margin: 0; padding: 0; text-align: center; }
#header_main #nav_main .nav li:hover ul li a { background-color: #151515; }
#header_main #nav_main .nav li ul li a { display: block; font-size: 12px; color: #ddd; height: 45px; line-height: 45px; background: none; padding-right: 0; width: 100%; }
#header_main #nav_main .nav li ul li a:hover { background-color: #333333; color: #fff; }
/*搜索框*/
#header_main .header_search { -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; right: 0; top: 24px; }
#header_main .header_search .search_btn { width: 58px; height: 28px; cursor: pointer; background: url(../images/search.png) no-repeat center center; border: #333 solid 1px; border-radius: 14px; margin-right: 40px; }
#header_main .header_search .search_btn:hover { opacity: .8; filter: alpha(opacity=80); }
#header_main .header_search .search_main { position: absolute; z-index: 10; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; width: 0; height: 80px; right: 0px; top: 56px; overflow: hidden; background: #fff; }
#header_main .header_search .search_box { width: 280px; height: 40px; margin-top: 20px; margin-left: 40px; background: url("../images/search_main.png") no-repeat bottom center; }
#header_main .header_search .search_box input { background-color: none; border: none; }
#header_main .header_search .search_box .stxt { width: 240px; height: 40px; font: normal 14px "思源黑体"; line-height: 40px; display: block; text-indent: 10px; color: #999; }
#header_main .header_search .search_box .sbtn { width: 40px; height: 40px; display: block; cursor: pointer; background: url(../images/search1.png) no-repeat center center; }
#header_main .header_search.addy .search_main { width: 360px; }
#header_main .header_search.addy .search_btn { background: url(../images/search.png) no-repeat center center; }
 @media (max-width: 1900px) {
#header_main #nav_main { width: 840px; }
#header_main #nav_main .nav li { padding-left: 8px; padding-right: 8px; }
}
 @media (max-width: 1500px) {
#header_main #nav_main { width: 840px; }
#header_main #nav_main .nav li { padding-left: 8px; padding-right: 8px; }
#header_main #nav_main .nav .subnav { width: 100%; }
#header_main #nav_main .nav .subnav a { text-indent: 14px!important; }
#header_main #nav_main .nav .subnav li:hover { width: 138px!important; }
#header_main #nav_main .nav .subnav li:hover a { text-indent: 12px!important; }
}
 @media (max-width: 1367px) {
#header_main .logo { padding-left: 0; }
#header_main #nav_main { width: 756px; }
#header_main #nav_main .nav li { padding-left: 2px; padding-right: 2px; }
#header_main #nav_main .nav .subnav { width: 100%; }
#header_main #nav_main .nav .subnav a { text-indent: 14px!important; }
#header_main #nav_main .nav .subnav li:hover { width: 128px!important; }
#header_main #nav_main .nav .subnav li:hover a { text-indent: 12px!important; }
}
/* banner */
#banner_main { overflow: hidden; position: relative; z-index: 2; max-width: 1920px; margin: 0 auto; min-width: 1300px; }
#banner_main .banner { height: 650px; }
#banner { width: 100%; min-width: 1300px; position: relative; overflow: hidden; z-index: 0; }
#banner,
.banner ul { width: 100%; overflow: hidden; }
.banner li { width: 100%; position: absolute; z-index: 1; overflow: hidden; display: none; }
.banner li:first-child { display: block; }
.banner li img { width: 1920px; display: block; position: relative; left: 50%; margin-left: -960px; top: 0; }
#banner .tip { width: 1000px; height: 20px; line-height: 0; font-size: 0; text-align: center; position: absolute; left: 50%; margin-left: -500px; bottom: 42px; z-index: 13; }
#banner .tip span { width: 50px; height: 5px; margin: 0 12px; display: inline-block; font-size: 0; cursor: pointer; background-color: #a2a7ac; }
#banner .tip span.cur { background-color: #f8d585; }
#banner #btn_prev,
#banner #btn_next { width: 40px; height: 90px; position: absolute; top: 280px; z-index: 5; }
#banner #btn_prev { background-position: -90px -142px; left: 8%; transition: all 600ms ease; }
#banner #btn_next { background-position: -142px -142px; right: 8%; transition: all 600ms ease; }
#banner #btn_prev:hover { opacity: .8; filter: alpha(opacity=80); transition: all 600ms ease; left: 7.6%; }
#banner #btn_next:hover { opacity: .8; filter: alpha(opacity=80); transition: all 600ms ease; right: 7.6%; }
/*banner end*/

/*footer*/
.footer { width: 100%; color: #fff; height: 342px; background: #191919; }
.footer .di_logo { width: 200px; padding-top: 80px; }
.footer .bNav { width: 500px; padding-left: 60px; padding-top: 80px; }
.footer .contacte { width: 400px; padding-top: 80px; }
.footer .di_logo img { max-width: 100%; background-size: 100%; }
.footer .bNav dl { display: inline-block; float: left; width: 160px; }
.footer .bNav dl dt { height: 16px; display: block; padding-bottom: 22px; }
.footer .bNav dl dt a { display: block; font-size: 16px; color: #fff; line-height: 16px; }
.footer .bNav dl dd { display: block; height: 12px; padding-bottom: 16px; }
.footer .bNav dl dd a { display: block; font-size: 12px; color: #999999; line-height: 12px; }
.footer .bNav dl dd a:hover { color: #eed398; }
.footer .contacte .ewm { width: 140px; height: 140px; background-color: #fff; text-align: center; }
.footer .contacte .ewm img { width: 122px; height: 122px; background-size: 100%; display: inline-block; margin-top: 8px; }
.footer .contacte .contact_info { width: 200px; }
.footer .contacte .contact_info p.p1 { font-size: 14px; color: #fff; }
.footer .contacte .contact_info p.dh { font-size: 30px; color: #fff; font-family: "Arial"; line-height: 42px; }
.footer .contacte .contact_info p.teo { font-size: 16px; color: #ddd; font-family: "Arial"; line-height: 24px; }
.footer .contacte .contact_info p.tel { font-size: 12px; color: #999999; line-height: 22px; }
/*copyright*/
.copyright { height: 60px; line-height: 60px; color: #999999; font-size: 12px; background: #222; }
.copyright span { margin: 0 6px; }
.copyright a { color: #999999; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; }
.copyright a:hover { color: #fff; }
/********.toolbar1*********/
/*右侧悬浮框*/
/*rightFix*/
.rightFix { width: 48px; position: fixed; right: 0; bottom: 6%; z-index: 99; }
.rightFix .ico { width: 48px; height: 48px; display: block; margin: 0px; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; margin-top: 1px; padding: 0px; border-top-left-radius: 2px; border-bottom-left-radius: 2px; background: #333333 url(../images/fix-ico.png) no-repeat center 0; }
.rightFix .ico img { width: 100px; height: 100px; position: absolute; left: -117px; top: 0; padding: 5px; background: #fff; border: 1px solid #ddd; display: block; opacity: 0; filter: alpha(opacity=0); transition: all ease-in-out .2s; display: none; }
.rightFix .share_sqq img { top: 50px; }
.rightFix .ico:hover img { opacity: 100; filter: alpha(opacity=100); left: -117px; display: block; }
.rightFix .ico:hover { opacity: 1; filter: alpha(opacity=100); }
.rightFix .box { position: absolute; left: 0; bottom: 102px; }
.rightFix .fix_top { margin-top: 4px; background-position: 10px -38px; background-color: #333333; }
.rightFix .share_tit { background-position: 10px 8px; background-color: #333333; }
.rightFix .share_lt { background-position: 10px -136px; }
.rightFix .share_lt:hover { background-position: -37px -136px; }
.rightFix .share_taobao { background-position: 10px -232px; }
.rightFix .share_taobao:hover { background-position: -37px -232px; }
.rightFix .share_weixin { background-position: 10px -86px; }
.rightFix .share_weixin:hover { background-position: -37px -86px; }
.rightFix .share_sqq { background-position: 10px -183px; }
.rightFix .share_sqq:hover { background-position: -37px -183px; }
.rightFix .share_lunt { background-position: 10px -282px; }
.rightFix .share_lunt:hover { background-position: -37px -282px; }
/*******index css*******/
.index .in_title .entit { font: bold 45px "AvantGarde Bk BT"; color: #333; line-height: 34px; }
.index .in_title .cntit { margin-top: 20px; font-size: 24px; line-height: 24px; color: #0754a3; }
/*工程案例*/
.floor_2 .in_title { padding-top: 80px; height: 64px; text-align: center; }
.floor_2 .in_title h3 { display: inline-block; font-size: 30px; color: #333333; font-weight: normal; position: relative; }
.floor_2 .in_title h3 i { background: url(../images/lian_03.png) center center; display: inline-block; width: 420px; height: 5px; position: absolute; left: 284px; top: 14px; }
.floor_2 .in_title h3 i:first-child { left: -496px; top: 14px; }
.floor_2 .in_title p { font-size: 20px; color: #999999; font-family: "Arial"; text-transform: uppercase; padding-top: 4px; }
.floor_2 .case_main ul { display: inline-block; margin-top: 32px; }
.floor_2 .case_main li { background: url(../images/a2_03.jpg) no-repeat; width: 400px; height: 218px; overflow: hidden; float: left; }
.floor_2 .case_main li a { width: 400px; height: 218px; display: block; }
.floor_2 .case_main li p { padding-top: 44px; width: 150px; font-size: 20px; color: #fff; line-height: 30px; padding-left: 40px; float: left; }
.floor_2 .case_main li p span { display: block; padding-top: 8px; font-size: 14px; color: #666666; line-height: 14px; font-family: "Arial"; }
.floor_2 .case_main li p i { display: block; width: 40px; height: 40px; margin-top: 36px; background-position: 0px -196px; }
.floor_2 .case_main li em { display: block; float: right; width: 181px; height: 151px; margin-right: 17px; margin-top: 32px; }
.floor_2 .case_main li em img { max-width: 100%; }
.floor_2 .case_main li:nth-child(2) { background: url(../images/a2_05.jpg) no-repeat; width: 398px; height: 218px; margin: 0 1px; }
.floor_2 .case_main li:first-child+li { background: url(../images/a2_05.jpg) no-repeat; width: 398px; height: 218px; margin: 0 1px; }
.floor_2 .case_main li:nth-child(3) { background: url(../images/a2_07.jpg) no-repeat; width: 400px; height: 218px; }
.floor_2 .case_main li:first-child+li+li { background: url(../images/a2_07.jpg) no-repeat; width: 400px; height: 218px; }
.floor_2 .case_main li:nth-child(4) { background: url(../images/a2_12.jpg) no-repeat; width: 400px; height: 218px; margin-top: 1px; }
.floor_2 .case_main li:first-child+li+li+li { background: url(../images/a2_12.jpg) no-repeat; width: 400px; height: 218px; margin-top: 1px; }
.floor_2 .case_main li:nth-child(5) { background: url(../images/a2_13.jpg) no-repeat; width: 398px; height: 218px; margin: 0 1px; margin-top: 1px; }
.floor_2 .case_main li:first-child+li+li+li+li { background: url(../images/a2_13.jpg) no-repeat; width: 398px; height: 218px; margin: 0 1px; margin-top: 1px; }
.floor_2 .case_main li:nth-child(6) { background: url(../images/a2_14.jpg) no-repeat; width: 400px; height: 218px; margin-top: 1px; }
.floor_2 .case_main li:first-child+li+li+li+li+li { background: url(../images/a2_14.jpg) no-repeat; width: 400px; height: 218px; margin-top: 1px; }
.floor_2 .case_main li:hover p { margin-left: 4px; transition: all ease 600ms; }
.floor_2 .case_main li:hover em { margin-right: 19px; transition: all ease 600ms; }
/*新闻动态*/
.floor_3_main { background-color: #eeeeee; margin-top: 90px; }
.floor_3 { padding-bottom: 120px; padding-top: 80px; }
.floor_3 .part1 { width: 800px; }
.floor_3 .proCase { position: relative; width: 800px; height: 520px; }
.floor_3 .proCase li { width: 245px; height: 245px; position: absolute; left: 0px; top: 0px; overflow: hidden; }
.floor_3 .proCase li .txt { position: absolute; left: 48px; top: 48px; }
.floor_3 .proCase li .txt h3 { font-size: 26px; color: #ffffff; font-weight: normal; line-height: 26px; }
.floor_3 .proCase li .txt p { font-size: 14px; color: #ffffff; font-weight: normal; line-height: 14px; padding-top: 14px; text-transform: uppercase; font-family: "Arial"; }
.floor_3 .proCase li .txt span { background-position: 0px -243px; width: 19px; height: 19px; margin-top: 24px; position: absolute; left: -70px; top: 50px; }
.floor_3 .proCase li:nth-child(2) { width: 245px; height: 245px; position: absolute; left: 275px; top: 0px; }
.floor_3 .proCase li:first-child+li { width: 245px; height: 245px; position: absolute; left: 275px; top: 0px; }
.floor_3 .proCase li:nth-child(3) { width: 520px; height: 245px; position: absolute; left: 0px; top: 275px; }
.floor_3 .proCase li:first-child+li+li { width: 520px; height: 245px; position: absolute; left: 0px; top: 275px; }
.floor_3 .proCase li:nth-child(4) { width: 250px; height: 520px; position: absolute; right: 0px; top: 0px; }
.floor_3 .proCase li:first-child+li+li+li { width: 250px; height: 520px; position: absolute; left: 550px; top: 0px; }
.floor_3 .proCase li img { width: 245px; height: 245px; }
.floor_3 .proCase li:nth-child(2) img { width: 245px; height: 245px; background-size: 100%; }
.floor_3 .proCase li:first-child+li img { width: 245px; height: 245px; background-size: 100%; }
.floor_3 .proCase li:nth-child(3) img { width: 520px; height: 245px; background-size: 100%; }
.floor_3 .proCase li:first-child+li+li img { width: 520px; height: 245px; background-size: 100%; }
.floor_3 .proCase li:nth-child(4) img { width: 250px; height: 520px; background-size: 100%; }
.floor_3 .proCase li:first-child+li+li+li img { width: 250px; height: 520px; background-size: 100%; }
.floor_3 .proCase li:hover { -moz-box-shadow: 1px 1px 5px 3px #c8c8c8; -webkit-box-shadow: 1px 1px 5px 3px #c8c8c8; box-shadow: 1px 1px 5px 3px #c8c8c8; z-index: 34; }
.floor_3 .proCase li:hover .txt { top: 38px; transition: all ease 600ms; }
.floor_3 .proCase li:hover .txt span { display: inline-block; transition: all ease 600ms; left: 0; }
.floor_3 .part2 { width: 350px; }
.floor_3 .part2 .in_title { width: 350px; height: 60px; }
.floor_3 .part2 .in_title h3 { font-size: 30px; color: #333333; float: left; font-weight: normal; line-height: 30px; }
.floor_3 .part2 .in_title h3 span { font-size: 20px; color: #999999; text-transform: uppercase; font-family: "Arial"; line-height: 20px; padding-top: 12px; display: block; }
.floor_3 .part2 .in_title p { float: right; width: 200px; height: 5px; background: url(../images/lian_03.png); margin-top: 12px; }
.floor_3 .part2 .textlist { clear: left; display: block; }
.floor_3 .part2 .textlist ul { display: inline-block; }
.floor_3 .part2 .textlist ul li { display: inline-block; padding: 27px 0; border-bottom: #cccccc solid 1px; }
.floor_3 .part2 .textlist ul li h3 em { display: block; font-size: 20px; color: #333333; line-height: 20px; }
.floor_3 .part2 .textlist ul li h3 span { display: block; font-size: 16px; color: #333333; line-height: 16px; padding-top: 6px; }
.floor_3 .part2 .textlist ul li p { display: block; font-size: 14px; color: #666666; line-height: 20px; padding-top: 16px; }
.floor_3 .part2 .textlist ul li:hover h3 em { color: #000; }
.floor_3 .part2 .textlist ul li:hover { margin-left: -4px; transition: all ease 600ms; }
/*内页样式*/
/***********category css*************/
.nyIcon { background: url(../images/nyIcon.png) no-repeat; display: inline-block; vertical-align: middle; }
/*wrapper*/
.wrapper { padding: 0 0 36px; min-height: 220px; background: #f5f5f5; }
.wrapper .noinfor { padding: 0 0 20px; text-align: left; color: red; text-align: center; }
/*nybanner*/
.nybanner { width: 100%; height: 250px; line-height: 42px; position: relative; overflow: hidden; background-position: center top; background-repeat: no-repeat; color: #fff; }
.nybanner h3 { font-size: 34px; padding: 70px 0 6px; }
.nybanner .en { font-size: 30px; font-family: arial; font-weight: bold; }
.nybanner .line { width: 50px; height: 2px; display: block; background: #fff; margin-top: 10px; }
/*menu*/
.menu { width: 100%; height: 60px; line-height: 60px; background: #fff; border-bottom: 1px solid #ddd; }
.menu .list { width: 1199px; margin: 0 auto; border-left: 1px solid #ddd; }
.menu li { width: 170px; height: 60px; float: left; border-right: 1px solid #dddddd; position: relative; }
.menu li .nav1 { width: 100%; height: 60px; line-height: 60px; font-size: 18px; display: block; text-align: center; }
.menu li .nav1 s { border-style: solid dashed dashed dashed; border-color: #151515 transparent transparent transparent; border-width: 10px; width: 0; height: 0; overflow: hidden; display: none; position: absolute; left: 50%; margin-left: -10px; bottom: -20px; }
.menu li:hover,
.menu li.hover { border-right-color: #151515 }
.menu li:hover .nav1,
.menu li.hover .nav1 { background: #151515; color: #fff; }
.menu li:hover .nav1 s,
.menu li.hover .nav1 s { display: block; }
/*sitepath*/
.sitepath { height: 80px; line-height: 80px; text-align: right; }
.sitepath s { width: 20px; height: 18px; background-position: 0 0; margin-right: 4px; }
/* reLink */
.reLink { height: 48px; line-height: 48px; padding: 0 15px; border: 1px solid #dddddd; }
.reLink .nextLink,
.reLink .prevLink { width: 50%; color: #666; }
.reLink .nextLink { text-align: right; }
.reLink a { display: block; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; }
.reLink a:hover { color: #0754a3; }
/* pager */
.pager { padding: 30px 0 15px; text-align: center; }
.pager:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.pager { *zoom: 1;
}
.pager p { height: 26px; line-height: 26px; float: left; display: none; }
.pager ul { overflow: hidden; margin: 0 auto; text-align: center; }
.pager ul li { padding: 0 !important; height: auto !important; border: none !important; display: inline-block; *display: inline;
zoom: 1; }
.pager ul a { margin: 0 5px; padding: 0 13px; height: 34px; line-height: 34px; text-decoration: none; float: left; background: #fff; }
.pager ul a.current { background-color: #151515; color: #fff; }
.pager ul a.current:hover { background-color: #151515; color: #fff; }
.pager ul a:hover { background: #151515; color: #fff; }
/*n-gridlist*/
.n-gridlist { width: 105%; }
.n-gridlist .item { width: 380px; float: left; margin: 0 30px 30px 0; background: #fff; position: relative; overflow: hidden; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; }
.n-gridlist .item a { width: 100%; display: block; cursor: pointer; }
.n-gridlist .item img { width: 380px; height: 285px; display: block; background-color:#EDEDED; }
.n-gridlist .item h3 { width: 100%; height: 64px; line-height: 64px; text-align: center; font-size: 16px; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; }
.n-gridlist .item .bg { position: absolute; width: 380px; padding-top: 122px; height: 226px; left: -400px; top: 0; z-index: 10; background: url(../images/red80.png) repeat 0 0; text-align: center; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; }
.n-gridlist .item .bg s { width: 50px; height: 50px; display: block; border-radius: 100%; margin: 0 auto; background-color: #fff; background-position: -22px 18px; }
.n-gridlist .item:hover { background: #333333; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); }
.n-gridlist .item:hover h3 { color: #fff; }
.n-gridlist .item:hover .bg { left: 0; }
/*n-tit*/
.n-tit { margin-bottom: 30px; }
.n-tit h3 { line-height: 35px; font-size: 24px; }
.n-tit s { width: 4px; height: 22px; margin-right: 15px; background: #151515; display: inline-block; vertical-align: middle; }
.n-tit .more { font-size: 16px; width: 120px; height: 30px; text-align: center; line-height: 30px; margin-top: 10px; border: 1px solid #ddd; transition: all ease 600ms; }
.n-tit .more:hover { width: 150px; transition: all ease 600ms; }


/*下载中心*/
.col-md-5 {
    width: 41.66666667%;float: left;
}.col-md-2 {
    width: 16.66666667%;float: left;
}.col-md-3 {
    width: 25%;float: left;
}
.download {padding:60px 50px 50px;}
.download .topList{height:50px;line-height:50px;background:#555;}
.download .topList .tit{font-weight:normal;height:50px;font-size:16px;line-height:50px;text-align:center;color:#fff;}
.downloadList{width:100%;margin-top:30px;}
.downloadList .item{margin-bottom:12px;height:50px;line-height:50px;cursor:pointer;}
.downloadList .item a{display:block;height:50px;}
.downloadList .item .it1 .tit{font-weight:600;font-size:14px;line-height:50px;color:#333;text-indent:40px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.downloadList .item .it1 .tit em{margin-right:30px;font-size:14px;line-height:50px;color:#e4272b;}
.downloadList .item .it2 .type{font-family:arial;font-weight:600;font-size:14px;line-height:50px;text-align:center;color:#333;}
.downloadList .item .it3 .size{font-family:arial;font-weight:600;font-size:14px;line-height:50px;text-align:center;color:#333;}
.downloadList .item .it3 .size em{font-weight:bold;margin-left:5px;}
.downloadList .item .it4 .downBtn{display:block;width:28px;height:24px;margin:0 auto;margin-top:14px;background:url("../images/downBtn.png") no-repeat center center;background-size:28px 24px;}
.downloadList .item:hover{background:#eeeeee;}
.downloadList .item:hover .downBtn{background:url("../images/downBtn_h.png") no-repeat center center;}

/*relateNews*/
.relateNews { padding: 55px 0 0; width: 100%; overflow: hidden; }
.relateNews .n-gridlist { width: 115%; }
.relateNews .n-gridlist .item { margin: 0 33px 20px 0; width: 350px; }
.relateNews .n-gridlist .item img { width: 350px; height: 263px; background-color:#EDEDED; }
.relateNews .list { width: 120%; }
.relateNews .list li { width: 530px; float: left; margin-right: 65px; margin-bottom: 20px; }
.relateNews .list li a { display: block; width: 100%; }
.relateNews .list li img { width: 180px; height: 100px; display: block; float: left; margin-right: 20px; }
.relateNews .list li h3 { line-height: 24px; height: 48px; overflow: hidden; margin-bottom: 20px; font-size: 16px; }
.relateNews .list li .time { color: #999999; font-size: arial; font-size: 16px; }/*aboutPage*/
.aboutPage { padding: 40px 40px; width: 1120px; margin: 0 auto; background: #fff; }
.aboutPage .contact_tit { text-align: center; position: relative; padding-bottom: 30px; margin-top: 30px; *margin-top:60px; }
.aboutPage .contact_tit .tit { font-size: 45px; line-height: 66px; font-weight: 100; position: relative; display: inline; z-index: 12; }
.aboutPage .contact_tit .tit i { background: #bababa; width: 90px; height: 1px; display: block; position: absolute; right: -120px; top: 30px; display: block; }
.aboutPage .contact_tit .tit i:first-child { left: -120px; right: auto; }
.aboutPage .contact_tit .entit { font-size: 82px; line-height: 66px; color: #eee; text-transform: uppercase; position: absolute; width: 100%; text-align: center; left: 0; top: 0px; z-index: 10; font-family: Arial; }
.aboutPage .txtcon { }
.aboutPage .txtcon img { max-width: 100%; }
.aboutPage .mapArea { width: 100%; height: 400px; margin-top: 20px; }
.aboutPage .mapArea #allmap { width: 100%; height: 400px; }
/*newsPage*/
.newsPage .item { width: 100%; height: 168px; margin-bottom: 20px; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; background: #fff; }
.newsPage .item a { width: 100%; height: 100%; display: block; cursor: pointer; }
.newsPage .item img { width: 224px; height: 168px; display: block; margin-right: 30px; }
.newsPage .item h3 { font-size: 20px; padding: 35px 0 20px; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; }
.newsPage .item .txt { color: #999999; line-height: 24px; height: 48px; padding-right: 130px; overflow: hidden; }
.newsPage .item .time { width: 150px; padding-top: 45px; font-family: arial; font-size: 20px; color: #999; }
.newsPage .item .time .day { font-size: 40px; line-height: 45px; display: block; }
.newsPage .item:hover { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); }
.newsPage .item:hover h3 { font-weight: bold; color: #151515; text-indent: 5px; }
.newsPage .item:hover .time .day span { background: #6d6d6d; }
.newsPage .item:hover .time .day strong { background: #ff0000; color: #fff; }
.newsPage .item:hover img { filter: brightness(105%); -webkit-filter: brightness(105%); }
/*showNews*/
.showNews { padding: 40px 40px; width: 1120px; margin: 0 auto; background: #fff; }
.showNews img { max-width: 100%; }
.showNews .title { color: #333333; line-height: 32px; text-align: center; font-weight: bold; font-size: 22px; }
.showNews .mark { width: 100%; height: 40px; line-height: 40px; margin: 15px 0 20px; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; text-align: center; }
.showNews .mark span { margin: 0 10px; font-size: 12px; color: #666666; }
.showNews .shareNew { padding-bottom: 25px; }
.showNews .showContxt { padding: 0 0 30px; line-height: 30px; }
/*showProduct*/
.showProduct { padding: 40px 40px; width: 1120px; margin: 0 auto; background: #fff; }
.showProduct .pro-tit { margin-bottom: 40px; }
.showProduct .pro-tit s { width: 4px; height: 50px; display: block; background: #da0a1b; float: left; margin-right: 10px; }
.showProduct .pro-tit h3 { font-size: 24px; line-height: 24px; margin-bottom: 10px; }
.showProduct .pro-tit .mark { line-height: 20px; color: #999; }
.showProduct .pro-tit .mark span { margin-right: 6px; }
.showProduct img { max-width: 100%; }
.showProduct .shareNew { padding-bottom: 25px; }
.showProduct .showContxt { padding: 0 0 30px; line-height: 30px; }
.showProduct .infoImg { margin-bottom: 40px; }
.showProduct .infoImg .imgf { width: 500px; height: 375px; display: block; float: left; margin-right: 40px; }
.showProduct .infoImg .txt { line-height: 32px; height: 320px; overflow: hidden; }
.showProduct .infoImg .btn { margin-top: 15px; }
.showProduct .infoImg .btn a { width: 120px; height: 40px; line-height: 40px; font-size: 16px; display: inline-block; margin-right: 10px; text-align: center; background: url(../images/detail-btnbg.png) no-repeat -140px center; }
.showProduct .infoImg .btn a:hover { background-position: left center; color: #da0a1b; }
/*msgPage*/
.msgPage { padding: 40px 0px 55px; width: 1120px; margin: 0 auto; margin-top: 50px; background: #fff; border: 1px solid #ddd; }
.msgPage .online_title { margin-bottom: 30px; }
.msgPage .online_title .tit { font-size: 30px; color: #737373; text-align: center; }
.msgPage .online_title .entit { font-size: 14px; color: #737373; font-family: Arial; text-transform: uppercase; text-align: center; }
.formData { width: 1000px; margin: 0 auto; }
.formData .item { height: 40px; line-height: 40px; width: 462px; float: left; position: relative; margin-bottom: 25px; }
.formData .item label { width: 85px; float: left; color: #333; padding-right: 5px; text-align: right; }
.formData .item .red { color: #da0a1b; font-size: 12px; position: absolute; right: -10px; top: 2px; }
.formData .item input { width: 360px; height: 40px; line-height: 40px; float: left; padding-left: 10px; border: 0px; font-size: 14px; background: #f5f5f5; border-radius: 5px; }
.formData .item .msg-box { position: absolute; left: 90px; }
.formData .item.mr30 { margin-right: 68px; }
.formData .item.youxiang { margin-right: 70px; }
.formData .item.liuyan { width: 100%; height: 96px; }
.formData .item.liuyan textarea { width: 882px; float: left; height: 76px; border: 0px; background: #f5f5f5; -webkit-border-radius: 6px; border-radius: 6px; padding: 10px; overflow: hidden; color: #333; resize: none; font-family: "microsoft yahei"; }
.formData .itemsub { width: 100%; height: 40px; line-height: 40px; position: relative; }
.formData .itemsub label { width: 85px; float: left; color: #333; padding-right: 5px; text-align: right; }
.formData .itemsub .msg-box { position: absolute; left: 90px; }
.formData .itemsub input[type=text] { width: 147px; height: 40px; line-height: 40px; float: left; border-radius: 6px; font-size: 14px; background: #f5f5f5; color: #333; text-indent: 10px; }
.formData .itemsub img { height: 32px; float: left; margin-top: 5px; margin-left: 10px; }
.formData .btn { width: 100px; height: 38px; line-height: 38px; cursor: pointer; color: #fff; margin-left: 8px; background: #222222; }
.formData .btn[type=reset] { background: #aaa; margin-right: 9px; }
/*searchPage*/
.searchPage { overflow: hidden; }
.searchPage ul { width: 105%; }
.searchPage .item { width: 280px; height: 222px; float: left; margin: 0 25px 30px 0; background: #fff; position: relative; overflow: hidden; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; }
.searchPage .item a { width: 100%; display: block; }
.searchPage .item img { width: 280px; height: auto; display: block; }
.searchPage .item h3 { width: 100%; position: absolute; left: 0; bottom: 0; height: 64px; line-height: 64px; text-align: center; font-size: 16px; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; background: #fff; }
.searchPage .item .bg { position: absolute; width: 280px; padding-top: 86px; height: 72px; left: -280px; top: 0; z-index: 10; background: url(../images/red80.png) repeat 0 0; text-align: center; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; }
.searchPage .item .bg s { width: 50px; height: 50px; display: block; border-radius: 100%; margin: 0 auto; background-color: #fff; background-position: -22px 18px; }
.searchPage .item:hover { background: #fff; }
.searchPage .item:hover h3 { color: #fff; background: #0754a3; }
.searchPage .item:hover .bg { left: 0; }

/**·**·**·**·**·**·**·**·**·**·**·**·**·**·**·**·**·**·**·**·**·**·**·**·**·**·**·**·**·**·**·**·**·**·**·**·**·**·**·**·**·**·*·*/
.map_ul { list-style: outside none none; display: block; width: 100%; padding-top: 10px; }
.map_ul li { display: block; width: 100%; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #DCDBDB; margin-left: 10px; float: left; }
.map_ul li a { font-size: 14px; float: left; width: 100%; height: 23px; line-height: 23px; font-weight: bold; }
.map_ul .list-inline { display: block; margin-left: 7%; width: 80%; min-height: 30px; }
.map_ul .list-inline a { font-weight: normal; width: auto; float: none; line-height: 32px; height: 32px; margin: 0 10px 10px 0; display: inline-block; border: 1px solid #ccc; padding: 0px 10px; }
.map_ul .list-inline a:hover { background: #da0a1b; color: #fff; }
span.bds_more,
.bds_tools a { line-height: 14px !important; }
.right_nav { position: fixed; width: 50px; right: 0; top: 50%; margin-top: -70px; z-index: 100; }
.fixed_right_box { position: relative; }
.zixun { display: inline-block; background: url(../images/a10_03.png) no-repeat center center; width: 32px; height: 29px; vertical-align: middle; transition: 0.8s all; }
.phone { display: inline-block; background: url(../images/rz_right_icon2.png) no-repeat center center; width: 32px; height: 29px; vertical-align: middle; transition: 0.8s all; }
.qq { display: inline-block; background: url(../images/a10_08.png) no-repeat center center; width: 32px; height: 29px; vertical-align: middle; transition: 0.8s all; }
.weixin { display: inline-block; background: url(../images/a10_06.png) no-repeat center center; width: 32px; height: 29px; vertical-align: middle; transition: 0.8s all; }
.scor_top { display: inline-block; background: url(../images/a10_10.png) no-repeat center center; width: 32px; height: 29px; vertical-align: middle; transition: 0.8s all; }
.right_nav li span { margin-left: 12px; line-height: 30px; }
.right_nav_box { position: relative; }
.right_nav_box li { position: absolute; transition: 0.8s background-color; background-color: #333333; height: 46px; padding: 0 12px; white-space: nowrap; /*border-top-left-radius: 20px;border-bottom-left-radius: 20px;*/ }
.right_nav_box li.li1 { top: 150px; }
.right_nav_box li.li2 { top: 50px; }
.right_nav_box li.li3 { top: 50px; }
.right_nav_box li.li4 { top: 100px; }
.right_nav_box li.li5 { top: 200px; }
.right_nav_box li.li1 a { padding-top: 8px; display: block; font-family: "microsoft yahei"; }
.right_nav_box li.li2 a { padding-top: 8px; display: block; }
.right_nav_box li.li3 a { padding-top: 8px; display: block; }
.right_nav_box li.li4 a { padding-top: 8px; display: block; }
.right_nav_box li.li5 a { padding-top: 8px; display: block; }
.right_nav_box li:hover { background-color: #e0c103; }
.right_nav_box li a { color: #333333; font-size: 16px; cursor: pointer; }
.ewm_pic { position: absolute; right: 64px; bottom: 0; visibility: hidden; opacity: 0; transition: 0.5s all; background-color: #fff; padding: 0px; }
.ewm_pic img { display: block; width: 140px; height: 140px; background-size: 100% 100%; }
.ewm_pic.act { visibility: visible; opacity: 1; }
.menu ul li .subMenu { display: none; height: 45px; line-height: 45px; }
.menu ul li.hover .subMenu { display: block; position: absolute; top: 80px; width: 600px; }
.menu ul li:nth-child(2) .subMenu { left: -200px; }
.menu ul li:first-child+li .subMenu { left: -174px; }
.menu ul li:nth-child(3) .subMenu { left: -344px; }
.menu ul li:first-child+li+li+li .subMenu { left: -516px; }
.menu ul li:first-child+li+li+li+li .subMenu { left: -696px; }
.menu ul li:first-child+li+li+li+li+li .subMenu { left: -858px; }
.menu ul li:first-child+li+li+li+li+li+li .subMenu { left: -1026px; }
.menu ul li.hover .subMenu a { display: inline-block; width: 150px; height: 45px; text-align: center; line-height: 45px; color: #333; float: left; margin-right: 10px; background-color: #fff; position: relative; }
.menu ul li.hover .subMenu a s { display: none; }
.menu ul li.hover .subMenu a.on { position: relative; z-index: 1; background-color: #009882; color: #fff; border: #009882 solid 1px; }
.content { padding-top: 30px; }
.menu ul li.hover .subMenu a i { position: absolute; background: none; transition: all .5s ease-in-out; }
.menu ul li.hover .subMenu a i:nth-of-type(1) { top: 0; left: 50%; width: 0; border-top: 1px solid #009882; }
.menu ul li.hover .subMenu a i:nth-of-type(2) { bottom: 0; left: 50%; width: 0; border-bottom: 1px solid #009882; }
.menu ul li.hover .subMenu a:hover i { width: 150px; transform: translate(-75px, 0); }