@charset "utf-8";
/* CSS Document */
body { min-width: 1000px; font-size: 12px; font-family: 'Microsoft YaHei', Arial; }
body, div, ul, ol, li, a, p, h1, h2, h3, h4, h5, dd, dl { margin: 0px; padding: 0px; text-decoration: none; list-style: none; }
img { border: none; }
a { color: #333; }
.base { width: 1000px; margin: 0 auto; }
.fl { float: left; }
.fr { float: right; }
.tal { text-align: left; }
.tac { text-align: center; }
.tar { text-align: right; }
.hide { display: none; }
.mt20 { margin-top: 20px; }
.mt15 { margin-top: 15px; }
.red { color: #B50D00; }
.hide { display: none; }
.ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -o-text-overflow: ellipsis; }
.zoom { zoom: 1; overflow: hidden; }
.trans { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.slideright:hover { -webkit-transform: translate(3px, 0); -moz-transform: translate(3px, 0); -o-transform: translate(3px, 0); -ms-transform: translate(3px, 0); transform: translate(3px, 0); }
.rotate:hover { -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); -o-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); }
.slideleft:hover { -webkit-transform: translate(-5px, 0); -moz-transform: translate(-5px, 0); -o-transform: translate(-5px, 0); -ms-transform: translate(-5px, 0); transform: translate(-5px, 0); }
.scale:hover { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.1); transform: scale(1.2); }
em { font-style: normal; }
.fn { zoom: 1; }
.fn:after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden; }
.scaleIn { -webkit-animation-name: scaleIn; animation-name: scaleIn; }

@-webkit-keyframes scaleIn {
    0% { opacity: 0; -webkit-transform: scale(0); transform: scale(0); }

    100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}

@keyframes scaleIn {
    0% { opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); }

    100% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
}

/*head*/
.topbg { overflow: hidden; height: 40px; line-height: 40px; position: relative;background-color: #f8f8f8; }
.topbg a { line-height: 40px; }
.topbg .welcome { width: 35%; height: 40px; font-size: 12px; box-sizing: border-box;float:left; }
.topbg .top_fav { height: 40px; text-align: right;}
.topbg .top_fav a { line-height: 20px; margin: 0 4px; display: inline-block; }
.topbg .top_fav a img { margin-right: 3px; float: left; margin-top: 2px; }

#header { margin: 0 auto; z-index: 99;background-color: rgba(255,255,255,0.9); width: 100%; min-width: 1200px; background-color: #fff; position: relative; }
#header .logo {background-color: #fff; height: 100%;}
#header .logo img {  }
.header_block { display:none;}

#nav .menu { display: none; }
#nav {background-color:#E57916;color:#fff;}
#nav ul { margin: 20px auto 0; text-align: left; width: 1000px; }
#nav li { display: inline-block; height: 40px; position: relative; vertical-align: top; padding: 0 18px; }
#nav li.fg { margin-right: 0; padding: 0; width: 20px; min-width: 2px; /*background: url(../images/nav_fg.png) top center no-repeat;*/ }
#nav li a { font-size: 15px;text-align: center;color:#fff; line-height: 40px; display: block; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
#nav li a:hover { text-decoration: none; }
#nav li a span { }
#nav li a em { font-size: 12px; font-weight: normal; }
#nav li.navcon {background-color: #D47014;}
#nav li.navcon a { color: #fff;position: relative; }
/*#nav li.navcon a:after { content: " "; display: block; position: absolute; top: 28px; left: 50%; border: 6px solid #fff; border-color: transparent transparent #fff transparent; margin-left: -5px; }*/
#nav li:hover {background-color: #D47014; }
/*#nav li:hover a:after { content: " "; display: block; position: absolute; top: 28px; left: 50%; border: 6px solid #fff; border-color: transparent transparent #fff transparent; margin-left: -5px; }*/
#nav li:hover div { display: block; }
#nav li div { position: absolute; left: 0; top: 40px; width: 100%; background-color: #47ba58; display: none; z-index: 10000; color: #fff; }
#nav li div span { display: block; height: 32px; border-top: 1px solid #4D9658; }
#nav li div span a { height: 32px; line-height: 32px; display: block; background: none; color: #fff; font-size: 13px; }
#nav li.select div span a { line-height: 32px; display: block; background: none; }
#nav li.select div span a:hover { color: #202e2f; }

/*幻灯片*/
.banner { position: relative; width: 100%; min-width: 1280px; overflow: hidden; z-index: 9; }
.banner #J_bannerPic { position: relative; z-index: 0; overflow: hidden; width: 100%; height: 612px; }
.banner #J_bannerPic li { width: 100%; z-index: 1; overflow: hidden; height: 612px; text-align: center; background-repeat: no-repeat; background-size: 100% auto; background-position: top center; background-attachment: fixed; }
/*.banner #J_bannerPic li a { display: block; height: 100%; width: 100%; }*/
.banner #J_bannerPic li img { height: 612px; }
.banner #J_bannerPic li p { position: absolute; left: 50%; margin-left: -430px; width: 800px; /*background-color: rgba(255,255,255,0.5);*/ top: 30%; padding: 30px; font-size: 30px; -webkit-animation: fadeInDown 1s; animation: fadeInDown 1s; line-height: 1.8; text-shadow: 1px 1px 2px #000; color: #fff; font-weight: lighter; }
.banner #J_bannerPic li p b { display: block; font-size: 40px; font-weight: normal; }
.banner #J_bannerPic li .more { position: absolute; left: 50%; margin-left: -100px; height: 50px; line-height: 50px; display: inline-block; font-size: 14px; width: 200px; border-radius: 5px; background-color: rgba(19,107,5,0.5); color: #fff; text-align: center; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; bottom: 110px; }
.banner #J_bannerPic li .more:hover { text-decoration: none; background-color: rgba(19,107,5,0.8); color: #fff; }
.banner #J_bannerPic li:first-child p { text-align: left; }
.banner #J_bannerPic li:first-child .more { margin-left: -400px; bottom: 220px; }

/*.banner #J_bannerBar { position: relative; left: 0; bottom: 0; overflow: hidden; z-index: 9; padding: 15px 0; height: 96px; width: 100%; background-color: #ededed; display: none; }
.banner #J_bannerBar .hd { position: relative; }
.banner #J_bannerBar .ul_box { width: 890px; margin: 0 auto; overflow: hidden; }
.banner #J_bannerBar ul { display: table; }
.banner #J_bannerBar li { display: table-cell; width: 226px; height: 96px; overflow: hidden; text-align: center; cursor: pointer; opacity: 0.8; filter: alpha(opacity=80); }
.banner #J_bannerBar li img { width: 206px; height: 96px; }
.banner #J_bannerBar li.on { opacity: 1; filter: alpha(opacity=100); }
.banner #J_bannerBarBg { background-color: #000; opacity: 0.2; height: 30px; bottom: 0px; position: absolute; width: 100%; filter: alpha(opacity=20); }
.banner #J_bannerBar .prev { float: left; top: 20px; position: absolute; left: 0; }
.banner #J_bannerBar .next { float: right; top: 20px; position: absolute; right: 0; }*/
.banner #J_bannerBar { position: absolute; left: 50%; bottom: 0; _bottom: -2px; margin-left: -200px; height: 40px; overflow: hidden; z-index: 9;width: 400px;    text-align: center; }
.banner #J_bannerBar li { display:inline-block; width: 50px; height: 4px; margin-right: 10px; overflow: hidden; text-align: center; cursor: pointer; text-indent: -999em; background-color: #29166F; }
.banner #J_bannerBar li.on { background-color: #ff8900; }
.banner.sub { height: 600px; box-shadow: 0px 5px 10px #ddd inset; }
.banner.sub div { height: 600px; background-repeat: no-repeat; background-size: cover; background-position: center center; }

.banner .prevnext { position: absolute; top: 47%; width: 1300px; left: 50%; margin-left: -650px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; }
.banner .prevnext .b_prev { float: left; margin-left: -50px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.banner .prevnext .b_next { float: right; margin-right: -50px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.banner:hover .prevnext { display: block; opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; }
.banner:hover .prevnext .b_prev { margin-left: 0px; }
.banner:hover .prevnext .b_next { margin-right: 0px; }

.banner .banner_words { position: absolute; top: 30%; width: 1066px; left: 50%; margin-left: -533px; height: 265px; background: url(../images/w_bg.png) left top no-repeat; padding: 35px 0 0 26px; }
.banner .banner_words img { }
.banner .banner_words .word1 { font-size: 40px; color: #e97400; font-family: Helvetica; line-height: 50px; text-shadow: 1px 1px 2px #fff; height: 24px; }
.banner .banner_words .btn { height: 28px; line-height: 28px; color: #fff; display: inline-block; font-size: 13px; width: 100px; text-align: center; border-radius: 3px; background-color: #ea7400; margin-top: 15px; }
.banner .banner_words .btn a { line-height: 28px; color: #fff; }
.banner .banner_words .btn:hover { background-color: #BF5F00; }

/*通用头部*/
.h_tit { text-align: center; padding: 0px 0; height: 80px; }
.h_tit h3 { display: block; width: 390px; font-size: 24px; text-align: center; line-height: 32px; color: #156707; margin: 0 auto; font-weight: normal; }
.h_tit h3 em { display: block; color: #ccc; font-size: 40px; line-height: 60px; text-shadow: 1px 1px 2px #fff; }
.h_tit h3:after { content: " "; width: 90px; height: 1px; background-color: #146508; display: block; position: absolute; top: 98px; left: 50%; margin-left: -45px; }

.btn_more { height: 36px; width: 130px; padding-left: 40px; background: #fff url(../images/ico_so_blue.jpg) 30% center no-repeat; color: #00a9ff; font-size: 14px; text-align: center; display: inline-block; line-height: 36px; border-radius: 10px; }
.index_nav { width: 1200px; height: 48px; margin: 0 auto; font-size: 36px; color: #333; text-align: center; padding: 40px 0 15px; margin: 0 auto; border-bottom: 1px solid #c9c9c9; position: relative; }
.index_nav span { display: block; height: 4px; background-color: #e97400; position: absolute; width: 80px; top: 100px; left: 50%; margin-left: -40px; }


/*首页-about*/
.h_about { padding: 30px 0 40px 0; }
.h_about .about_img img { width: 570px; height: 256px; float: left; }
.h_about .about_co {width:100%; line-height: 30px; font-size: 14px; font-weight: lighter; }
.h_about .about_video {width:48%; line-height: 30px; font-size: 14px; font-weight: lighter; display:none;}
.h_about .about_tit { font-size: 24px; margin-bottom: 20px; line-height: 50px; border-bottom: 1px solid #555; padding-bottom: 8px; }
.h_about dl dt { font-size: 24px; margin-bottom: 20px; line-height: 50px; border-bottom: 1px solid #555; padding-bottom: 8px; }
.h_about_bg { position: absolute; top: 190px; left: 0; width: 50%; height: 645px; background-color: #3b79b2; z-index: -1; }

/*首页-product*/
.h_product { padding: 50px 0 40px 0; }
.h_product dl { width: 1000px; margin: 0 auto; }
.h_product dl dt { height: 100px; text-align: center; position: relative; font-size: 28px; }
.h_product dl dt .more { height: 35px; line-height: 35px; display: inline-block; font-size: 15px; width: 76px; text-align: center; background-color: #f4f4f4; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; position: absolute; right: 30px; top: 15px; }
.h_product dl dt .more:hover { background-color: #ea7400; color: #fff; }
.h_product dl dd { width: 100%; position: relative; height: 300px;color:#fff; }
.h_product dl dd .prev { position: absolute; top: 35%; left: -20px; }
.h_product dl dd .next { position: absolute; top: 35%; right: -20px; }
.h_product dl dd .bd { float: left; margin-left: 0; width: 1126px; height: 280px; overflow: hidden; }
.h_product dl dd a { color:#fff;}
.h_product dl dd  img{border:1px solid #29166F; }
.h_product dl dd  img:hover {border:1px solid #E77C00; }
.h_product dl dd .bd ul.p_list { float: left; width: 1126px; }
.h_product dl dd ul.p_list li { width: 320px; float: left; height: 242px; margin-right: 20px; text-align: center; position: relative; overflow: hidden; }
.h_product dl dd ul.p_list li.mr0 { margin-right: 0; }
.h_product dl dd ul.p_list li .img { display: block; height: 242px; overflow: hidden; }
.h_product dl dd ul.p_list li .img img { height: 242px; }
.h_product dl dd ul.p_list li a { font-size: 14px; line-height: 30px; }
.h_product dl dd ul.p_list li a.title { position: absolute; bottom: -40px; height: 36px; line-height: 36px; background-color: rgba(0,0,0,0.6); color: #fff; font-size: 14px; text-align: center; left: 0; display: block; width: 100%; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.h_product dl dd ul.p_list li:hover a.title { bottom: 0; }
.h_product dl dd ul.p_tab { position: absolute; left: 50%; bottom: 0px; width: 80px; margin-left: -30px; height: 12px; overflow: hidden; z-index: 9; }
.h_product dl dd ul.p_tab li { float: left; width: 12px; height: 12px; margin-right: 10px; border-radius: 12px; overflow: hidden; text-align: center; cursor: pointer; text-indent: -999em; background-color: #c2cbc8; }
.h_product dl dd ul.p_tab li.on { background-color: #869590; }

/*首页-case*/
.h_case { padding: 80px 0 60px 0; }
.h_case dl { width: 1000px; margin: 0 auto; }
.h_case dl dt { height: 85px; text-align: center; position: relative; font-size: 28px; }
.h_case dl dt .more { height: 35px; line-height: 35px; display: inline-block; font-size: 15px; width: 76px; text-align: center; background-color: #f4f4f4; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; position: absolute; right: 30px; top: 15px; }
.h_case dl dt .more:hover { background-color: #ea7400; color: #fff; }
.h_case dl dd { width: 100%; position: relative; }
.h_case dl dd ul.p_list { overflow: hidden; }
.h_case dl dd ul.p_list li { width: 326px; float: left; height: 205px; margin-right: 11px; text-align: center; position: relative; margin-bottom: 22px; }
.h_case dl dd ul.p_list li .img { display: block; height: 205px; overflow: hidden; background-color: #f4f4f4; }
.h_case dl dd ul.p_list li .img img { width: 100%; min-height: 100%; }
.h_case dl dd ul.p_list li a { font-size: 16px; line-height: 20px; color: #fff; display: block; }
.h_case dl dd ul.p_list li .case_tit { height: 36px; position: absolute; width: 100%; bottom: 0; background-color: rgba(0,0,0,0.4); display: none; z-index: 2; }
.h_case dl dd ul.p_list li .case_tit i { position: absolute; right: 10px; top: 10px; }
.h_case dl dd ul.p_list li .case_tit:hover { background-color: rgba(210,104,7,0.5); }
.h_case dl dd ul.p_list li.mr0 { margin-right: 0; }
.h_case dl dd ul.p_list li span { opacity: 0; display: table; height: 100%; width: 100%; position: absolute; z-index: 1; top: 0; left: 0; background-color: rgba(0,0,0,0.6); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.h_case dl dd ul.p_list li span i { display: table-cell; font-size: 64px; text-align: center; line-height: 85px; width: 85px; height: 85px; border-radius: 85px; font-weight: lighter; color: #333; font-style: normal; background: url(../images/ico_plus.png) center center no-repeat; }
.h_case dl dd ul.p_list li a { font-size: 14px; line-height: 36px; }
.h_case dl dd ul.p_list li:hover span { opacity: 1; }
.h_case dl dd ul.p_list li:hover span i { -webkit-animation: scaleIn 200ms linear 100ms both; animation: scaleIn 200ms linear 100ms both; }
.h_case dl dd ul.p_list li:hover .case_tit { display: block; }
.h_case dl dd ul.p_list li span i:hover { color: #47ba58; cursor: pointer; }

.h_case dl dd ul.p_tab { position: absolute; left: 50%; bottom: 0px; width: 80px; margin-left: -30px; height: 12px; overflow: hidden; z-index: 9; }
.h_case dl dd ul.p_tab li { float: left; width: 12px; height: 12px; margin-right: 10px; border-radius: 12px; overflow: hidden; text-align: center; cursor: pointer; text-indent: -999em; background-color: #c2cbc8; }
.h_case dl dd ul.p_tab li.on { background-color: #869590; }

/*首页-News*/
.h_news { padding: 50px 0 60px; position: relative; background-color: #fbf7e4; }
.h_news .h_tit2 { height: 120px; }
.h_news .h_news_img { float: left; width: 395px; height: 284px; overflow: hidden; position: relative; }
.h_news .h_news_img img { width: 395px; height: 284px; }
.h_news .h_news_tit { height: 36px; position: absolute; width: 100%; bottom: 0; background-color: rgba(0,0,0,0.4); z-index: 2; color: #fff; text-align: center; line-height: 36px; font-size: 14px; }
.h_news ul { width: 580px; float: right; }
.h_news ul li .news-date { font-size: 30px; height: 84px; display: inline-block; width: 84px; line-height: 60px; vertical-align: top; font-weight: normal; text-align: center; float: left; margin-right: 15px; background: #fff url(../images/bg_date.png) top center no-repeat; color: #666; }
.h_news ul li .news-date i { display: block; width: 100%; font-style: normal; background-color: #82a9d1; color: #fff; line-height: 24px; font-size: 13px; }
.h_news ul li { font-size: 14px; margin-bottom: 15px; background-color: #fff; overflow: hidden; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
.h_news ul li a { font-size: 14px; }
.h_news ul li b { display: block; padding-top: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 32px; line-height: 32px; font-weight: normal; }
.h_news ul li p { color: #888; }
.h_news ul li .time { float: right; width: 80px; text-align: left; line-height: 33px; font-size: 14px; }
.h_news ul li:hover { background-color: #E57916; }
.h_news ul li:hover a { color:#fff;}
.h_news ul li:hover p { color:#fff;}

/*底部*/
#footer { background-color: #E57916;color: #fff; padding: 22px 0; }
#footer a { color: #fff; }
#footer .foot_menu { font-size: 13px; border-top: 1px solid #ECB482; border-bottom: 1px solid #ECB482; text-align: center; padding: 15px 0; }
#footer .foot_menu a { margin: 0 20px; }
#footer .foot_copyright { margin-top: 32px; }


/*左侧联系*/
.dphone { overflow: hidden; background: #333; padding: 20px 0; }
.dphone dt { float: left; background: url(../images/ico_tel.png) no-repeat center; margin-left: 0px; width: 58px; height: 50px; }
.dphone dd { margin-left: 58px; color: #fff; padding: 5px 0 5px 13px; border-left: 1px dotted #5c5c5c; }
.dphone dd span { font-size: 13px; }
.dphone dd p { font-size: 18px; font-family: Arial; }

/*location*/
.location { padding: 22px; height: 26px; line-height: 26px; border-bottom: 1px solid #d5d4d5; font-size: 13px; color: #888; }
.location a { color: #888; margin: 0 3px; }

.bndbg { width: 100%; height: 37px; background-color: #666; }
.bndc { margin: 0 auto; width: 1000px; height: 37px; padding-top: 4px; }
.bndc h3 { font-size: 14px; color: #fff; float: left; margin-right: 10px; line-height: 32px; }
.bndcl { float: left; width: 910px; height: 27px; margin-top: 3px; }
.bndcl p { font-family: "微软雅黑"; font-size: 14px; color: #eee; }
.bndcl p span { color: #fff; margin-left: 25px; font-size: 12px; }
.bndcl p a { color: #fff; }

.mainbg { width: 100%; text-align: center; background-color: #666; }


.box2 { float: left; width: 1000px; height: 250px; margin-top: 14px; }
.b21 { float: left; width: 270px; height: 248px; border: 1px solid #777; }

.b21t { float: left; width: 252px; height: 30px; font-size: 14px; color: #fff; font-weight: bold; text-align: left; padding-left: 16px; line-height: 35px; padding-top: 6px; }
.b21t em { font-size: 12px; font-weight: normal; font-style: normal; padding-left: 4px; }
.b21tr { float: right; width: 46px; height: 11px; margin-top: 12px; margin-right: 10px; _margin-right: 5px; }
.b31t { float: left; width: 268px; height: 30px; font-size: 14px; color: #fff; font-weight: bold; text-align: left; padding-left: 16px; line-height: 35px; padding-top: 6px; }
.b31t em { font-size: 12px; font-weight: normal; font-style: normal; padding-left: 4px; }

.b22 { float: left; width: 248px; height: 81px; margin-left: 12px; _margin-left: 6px; margin-top: 13px; }
.b23 { float: left; width: 248px; height: 100px; margin-left: 12px; _margin-left: 6px; margin-top: 13px; color: #666; line-height: 18px; text-align: left; }


.bx22 { float: left; width: 393px; height: 248px; border: 1px solid #777; margin-left: 20px; _margin-left: 10px; }
.bx22t { float: left; width: 377px; height: 30px; font-size: 14px; color: #fff; font-weight: bold; text-align: left; padding-left: 16px; line-height: 35px; padding-top: 6px; }
.bx22t em { font-size: 12px; font-weight: normal; font-style: normal; padding-left: 4px; }
.bx2c { float: left; width: 370px; height: 82px; margin-left: 15px; _margin-left: 7px; margin-top: 15px; }
.bx2c1 { float: left; width: 117px; height: 82px; }
.bx2cr { float: right; width: 238px; height: 82px; }
.bx2cr1 { float: left; width: 238px; margin-top: 3px; }
.bx2cr1 p { color: #fff; text-align: left; }
.bx2cr1 .bx2cr1x { color: #ccc; font-size: 10px; margin-top: 2px; }
.bx2cr2 { float: left; width: 238px; margin-top: 6px; }
.bx2cr2 p { line-height: 20px; color: #666; text-align: left; }
.bx2cr2 p a { color: #fff; }
.bx2cr2 p a:hover { color: #fff; text-decoration: underline; }

.bx2d { float: left; width: 347px; height: 104px; margin-left: 17px; _margin-left: 7px; margin-top: 9px; }
.bx2d p { background: url(../images/icon.gif) center left no-repeat; padding-left: 10px; line-height: 22px; text-align: right; color: #fff; }
.bx2d p a { float: left; color: #fff; }
.bx2d p a:hover { color: #fff; text-decoration: underline; }


.bx23 { float: left; width: 291px; height: 248px; margin-left: 20px; border: 1px solid #777; _margin-left: 10px; }
.bx23t { float: left; width: 291px; height: 34px; background: url(../images/22.gif) no-repeat; }
.lx2 { float: left; width: 291px; height: 75px; margin-top: 13px; }
.lx3 { float: left; width: 291px; margin-top: 2px; line-height: 24px; color: #666; margin-left: 10px; text-align: left; }



.box3 { float: left; width: 1000px; height: 204px; margin-top: 17px; }
.b31 { float: left; width: 686px; height: 202px; border: 1px solid #777; }
.b32 { float: right; width: 290px; height: 202px; border: 1px solid #777; }
.b32c { float: right; width: 290px; }

.g3t { float: left; width: 670px; height: 30px; font-size: 14px; color: #fff; font-weight: bold; text-align: left; padding-left: 16px; line-height: 35px; padding-top: 6px; }
.g3t em { font-size: 12px; font-weight: normal; font-style: normal; padding-left: 4px; }
.g3c { float: left; width: 670px; height: 147px; }
.g3cc { float: left; width: 119px; margin-left: 17px; _margin-left: 11px; }
.g3cc img { border: 1px solid #CCC; }
.g3cc p { margin-top: 10px; }
.g3cc p a { color: #fff; text-align: center; }
.g3cc p a:hover { color: #fff; text-decoration: underline; }


.b33 { float: left; width: 998px; border: 1px solid #777; margin-top: 15px; }
.b33 .g3t { float: left; width: 984px; height: 30px; font-size: 14px; color: #fff; font-weight: bold; text-align: left; padding-left: 16px; line-height: 35px; padding-top: 6px; }
.b33 .g3t em { font-size: 12px; font-weight: normal; font-style: normal; padding-left: 4px; }
.cprc1 { float: left; width: 1000px; }
.cppic1 { float: left; width: 245px; height: 210px; margin-left: 6px; overflow: hidden; }
.cppic1 p { text-align: center; margin-top: 10px; }
.cppic1 img { padding: 1px; border: 1px solid #999; }
.cppic1 p { font-family: "微软雅黑"; color: #fff; font-size: 14px; }
.cppic1 p a { font-family: "微软雅黑"; color: #fff; font-size: 14px; }
.cppic1 p a:hover { color: #fff; text-decoration: underline; }


.c3t { float: left; width: 274px; height: 30px; font-size: 14px; color: #fff; font-weight: bold; text-align: left; padding-left: 16px; line-height: 35px; padding-top: 6px; }
.c3t em { font-size: 12px; font-weight: normal; font-style: normal; padding-left: 4px; }


.scbg { float: right; width: 193px; height: 24px; background: url(../images/06.gif) no-repeat; margin-top: 18px; margin-right: 27px; _margin-top: 9px; }
.scl { float: left; width: 148px; height: 18px; margin-top: 3px; margin-left: 8px; *margin-left: 5px; _margin-left: 4px; }
.scr { float: left; width: 26px; height: 19px; margin-top: 3px; margin-left: 4px; _margin-top: 1px; _margin-left: 2px; }
.input1 { width: 140px; height: 16px; border: 1px solid #FFF; line-height: 16px; color: #333; }


/* 底部 */
.footerbg { width: 100%; height: 68px; background: url(../images/21.gif) repeat-x; }
.footerc { margin: 0 auto; width: 1000px; height: 56px; }
.ftl { float: left; width: 720px; height: 60px; margin-top: 18px; }
.ftl div { line-height: 22px; font-family: "微软雅黑"; color: #CCC; }
.ftl div span { padding-right: 10px; }

.ftr { float: right; margin-top: 18px; margin-top: 30px; }
.ftr p { line-height: 22px; font-family: "微软雅黑"; color: #d54d1b; }
.ftr p a { color: #CCC; padding: 0 6px; }
.ftr p a:hover { color: #C00; text-decoration: underline; }

/*联系*/
#map { height: 420px; position: relative; }
/* 内页1 */
.nybnbg { text-align: center; margin: auto; }
.nybnbg img { width: 100%; min-height: 200px; }
.contact_info { background: url(../images/pic_kefu.jpg) right bottom no-repeat; min-height: 310px; margin-bottom: 40px; }
#message_box { border-top: 1px solid #ddd; padding-left: 20px; }
#message_box table { width: 620px; border-top: 1px solid #eee; }
#message_box table td { font-size: 14px; color: #666; padding-bottom: 20px; }
#message_box table td .tbox { border: 1px solid #bbb; height: 30px; width: 300px; border-radius: 3px; }
#message_box table td .tcode { border: 1px solid #bbb; height: 30px; width: 80px; border-radius: 3px; }
#message_box table td .textarea { border: 1px solid #bbb; height: 150px; width: 400px; border-radius: 3px; }
#message_box table td .btn { width: 100px; line-height: 40px; text-align: center; font-size: 14px; color: #fff; background-color: #dd761e; border: none; }
#message_box .tips { padding: 30px 0; font-size: 12px; color: #888; }
#message_box .tips h3 { font-size: 20px; }

.nybnl { float: left; width: 50%; overflow: hidden; height: 160px; }
.nybnr { float: right; width: 50%; overflow: hidden; height: 160px; background: url(../images/7.jpg) repeat-x; }
.nybnr1 { width: 317px; height: 63px; margin-left: 20px; margin-top: 40px; }
.nybnr2 { height: 30px; margin-top: 20px; }
.nybnr2 ul { }
.nybnr2 ul li { float: left; display: block; text-align: center; width: 113px; line-height: 38px; }
.nybnr2 ul li a { font-family: "微软雅黑"; color: #FFF; font-size: 14px; }
.nybnr2 ul li a:hover { font-family: "微软雅黑"; color: #FFF; font-size: 14px; background: #b55500; display: block; text-align: center; width: 113px; line-height: 38px; }
.nybnr2 .nybnr2on a { font-family: "微软雅黑"; color: #FFF; font-size: 14px; background: #b55500; display: block; text-align: center; width: 113px; line-height: 38px; }


.main { margin: 0 auto; height: auto; }
.miansy { margin: 0 auto; width: 1000px; text-align: center; height: auto; zoom: 1; overflow: hidden; padding-bottom: 30px; }
.pic1 { float: left; width: 920px; height: 282px; margin-left: 38px; _margin-left: 20px; margin-top: 38px; }
.n1wz { float: left; width: 920px; margin-left: 38px; _margin-left: 20px; margin-top: 38px; }
.n1wz p { font-family: "微软雅黑"; font-size: 14px; color: #333; line-height: 22px; }
.n1wz .n1wzu { font-weight: bold; font-size: 18px; margin-bottom: 20px; }



/* 公司简介 */
.nbox { float: left; width: 307px; height: 250px; margin-left: 10px; margin-top: 25px; }
.nwt { float: left; width: 305px; height: 135px; background: #ffffff; }
.nwt img { padding: 10px; border: 1px solid #CCC; }
.nwd { float: left; width: 305px; margin-top: 18px; }
.nwd p { font-family: "微软雅黑"; color: #333; line-height: 20px; margin-left: 2px; }
.nwd .nwdt { font-family: "微软雅黑"; color: #333; font-size: 16px; font-weight: bold; margin-bottom: 8px; }
.nwd .nwdm { margin-top: 5px; }
.nwd .nwdm a { font-family: "微软雅黑"; color: #e27414; font-size: 14px; padding-top: 10px; }
.nwd .nwdm a:hover { color: #C00; text-decoration: underline; }

.nfy { float: left; width: 1000px; height: 30px; padding-top: 40px; }
.nfy ul { margin-left: 400px; }
.nfy ul li { float: left; padding: 0 4px; }

/* 产品 */
.cpl { float: left; width: 204px; margin-top: -71px; }
.cplt { width: 204px; height: 71px; color: #fff; font-size: 22px; background-color: #dd761e; text-align: center; line-height: 30px; }
.cplt em { font-size: 28px; color: #DDDDDD; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); display: block; font-family: "Bookman Old style"; padding-top: 3px; text-transform: uppercase; }
.cplc { width: 204px; min-height: 500px; border-right: 1px solid #ddd; }
.cplc ul {    padding-bottom: 40px; }
.cplc ul li { line-height: 42px; display: block; text-align: center; background: #FFAB64; margin-top: 1px; }
.cplc ul li a { font-family: "微软雅黑"; color: #333; font-size: 15px; }
.cplc ul li a:hover { display: block; text-align: center; background: url(../images/24.gif) no-repeat; color: #dd761e; }
.cplc .cplcon a { line-height: 42px; display: block; text-align: center; background: #DD761E; color: #fff; }
.cplc ul li.sub{background-color:#f8f8f8;}
.cplc ul li.sub a{font-size:13px;}

.cpr { float: right; width: 760px; margin-top: 24px; padding-bottom: 30px; }
.cprt { height: 37px; display: none; }
.cprtl { color: #666666; float: left; font-size: 25px; height: 37px; line-height: 37px; width: 440px; }
.cprtr { float: right; height: 37px; }
.cprtr p { margin-top: 15px; text-align: right; }
.cprtr p a { color: #333; padding-left: 5px; }
.cprtr p a:hover { color: #C00; text-decoration: underline; }

.cprc { overflow: hidden; }
.cprc  img{max-width:760px;}
.cprc .cppic { float: left; width: 360px; overflow: hidden; }
.cprc .cppic:nth-child(2n-1) { margin-right: 30px; }
.cprc .cppic p { text-align: center; margin-top: 10px; }
.cprc .cppic img { padding: 7px; border: 1px solid #CCC; background: #FFF; }
.cprc .cppic p { font-family: "微软雅黑"; color: #333; font-size: 14px; }
.cprc .cppic p a { font-family: "微软雅黑"; color: #333; font-size: 14px; }
.cprc .cppic p a:hover { color: #C00; text-decoration: underline; }

.cprc ul.p_list li { width: 360px; float: left; height: 242px; margin-right: 40px; text-align: center; position: relative; margin-bottom: 40px; }
.cprc ul.p_list li .img { display: block; height: 242px; overflow: hidden; background-color: #f4f4f4; }
.cprc ul.p_list li .img img { width: 100%; min-height: 100%; }
.cprc ul.p_list li a { font-size: 16px; line-height: 20px; color: #fff; display: block; }
.cprc ul.p_list li .case_tit { height: 36px; position: absolute; width: 100%; bottom: 0; background-color: rgba(0,0,0,0.4); display: none; z-index: 2; }
.cprc ul.p_list li .case_tit i { position: absolute; right: 10px; top: 10px; }
.cprc ul.p_list li .case_tit:hover { background-color: rgba(210,104,7,0.5); }
.cprc ul.p_list li.mr0 { margin-right: 0; }
.cprc ul.p_list li span { opacity: 0; display: table; height: 100%; width: 100%; position: absolute; z-index: 1; top: 0; left: 0; background-color: rgba(0,0,0,0.6); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.cprc ul.p_list li span i { display: table-cell; font-size: 64px; text-align: center; line-height: 85px; width: 85px; height: 85px; border-radius: 85px; font-weight: lighter; color: #333; font-style: normal; background: url(../images/ico_plus.png) center center no-repeat; }
.cprc ul.p_list li a { font-size: 14px; line-height: 36px; }
.cprc ul.p_list li:hover span { opacity: 1; }
.cprc ul.p_list li:hover span i { -webkit-animation: scaleIn 200ms linear 100ms both; animation: scaleIn 200ms linear 100ms both; }
.cprc ul.p_list li:hover .case_tit { display: block; }
.cprc ul.p_list li span i:hover { color: #47ba58; cursor: pointer; }


/*prev,next*/
.pagePrevNext { width: 90%; margin: 0px auto; padding: 10px; height: 28px; line-height: 28px; color: #666; clear: both; }
.pagePrevNext a { line-height: 28px; color: #555; }
.pagePrevNext a:hover { line-height: 28px; color: #333; }
.pagePrevNext span { display: block; height: 28px; }
.pagePrevNext span.prev { float: left; }
.pagePrevNext span.next { float: right; }

/*.fenye { clear: both; width: 100%; margin: 0px; height: 30px; line-height: 30px; text-align: center; margin: 15px 0; }
.fenye a { height: 22px; font-size: 12px; border: 1px solid #808080; display: inline-block; padding: 0 8px; line-height: 22px; color: #fff; background-color: #808080; margin: 0 6px; }
.fenye span { border: 1px solid #e97400; display: inline-block; padding: 0 8px; height: 22px; line-height: 22px; color: #fff; background-color: #e97400; margin: 0 6px; }*/
/*.fenye { clear: both; width: 100%; margin: 0px; height: 30px; line-height: 30px; text-align: center; margin: 15px 0; }
.fenye a { height: 22px; font-size: 12px; border: 1px solid #808080; display: inline-block; padding: 0 8px; line-height: 22px; color: #fff; background-color: #808080; margin: 0 6px; }
.fenye span { border: 1px solid #e97400; display: inline-block; padding: 0 8px; height: 22px; line-height: 22px; color: #fff; background-color: #e97400; margin: 0 6px; }*/
.fenye { margin-top: 20px; line-height: 22px; }
.fenye span { border: 1px solid #e97400; display: inline-block; padding: 0 8px; height: 22px; line-height: 22px; color: #fff; background-color: #e97400; margin: 0 6px; }
.fenye a, .fenye span { display: inline-block; line-height: 22px; vertical-align: middle; min-width: 22px; color: #7D7D7D; text-align: center; font-size: 12px; padding: 3px 5px 2px 5px; margin: 0 2px 0 2px; border-radius: 4px; border: 1px solid #E3E3E3; cursor: pointer; text-shadow: 0 1px 1px #FFF; background-color: #E6E6E6; background-image: -webkit-linear-gradient(top, #F3F3F3, #D7D7D7); background-image: -moz-linear-gradient(top, #F3F3F3, #D7D7D7); background-image: -ms-linear-gradient(top, #F3F3F3, #D7D7D7); background-image: -o-linear-gradient(top, #F3F3F3, #D7D7D7); background-image: linear-gradient(top, #F3F3F3, #D7D7D7); }
.fenye a:hover { text-decoration: none; background-image: -webkit-linear-gradient(top,#ccc,#F3F3F3); }
.fenye span { border: 1px solid #E57916; cursor: pointer; background-color: #E57916; background-image: -webkit-linear-gradient(top, #E87811, #FC7900); background-image: -moz-linear-gradient(top, #E87811, #FC7900); background-image: -ms-linear-gradient(top, #E87811, #FC7900); background-image: -o-linear-gradient(top, #E87811, #FC7900); background-image: linear-gradient(top, #E87811, #FC7900); }
.fenye span:hover { background-image: -webkit-linear-gradient(top, #FC7900, #E87811); background-image: linear-gradient(top, #FC7900, #E87811); }


.cprc h3 { text-align: center; padding: 10px; }
.pic_14 { line-height: 1.8em; height: 24px; line-height: 24px; text-align: center; color: #666; }
.ntcabout { clear: inherit; float: right; margin-top: 35px; color: #666; line-height: 22px; clear: both; width: 720px; margin-bottom: 20px; _margin-top: 35px; _margin-left: 60px; _margin-bottom: 20px; }

.slideBox { width: 1000px; height: 391px; overflow: hidden; position: relative; border: 0px solid #ddd; margin: auto; }
.slideBox .hd { height: 15px; overflow: hidden; position: absolute; bottom: 5px; z-index: 1; text-align: center; width: 100%; }
.slideBox .hd ul { overflow: hidden; zoom: 1; text-align: center; width: 120px; list-style: none; margin: 0 auto; }
.slideBox .hd ul li { margin-right: 6px; width: 24px; height: 5px; cursor: pointer; background: url(../images/26.gif) right top no-repeat; overflow: hidden; display: inline-block; list-style: none; *display: inline; zoom: 1; }
.slideBox .hd ul li { display: block; float: left; }
.slideBox .hd ul li.on { background: url(../images/25.gif) left top no-repeat; }
.slideBox .bd { position: relative; z-index: 0; width: 1000px; }
.slideBox .bd ul { width: 1000px; height: 391px; }
.slideBox .bd ul li { width: 1000px; height: 391px; }
.slideBox .bd ul li img { width: 1000px; height: 391px; }
.input1 { border: 0; }

#tbody { width: 967px; margin: 20px auto; text-align: left; }
#mainbody { width: 500px; margin: 5px; border: 1px solid #999; padding: 2px 2px 2px 202px; }
#mainbody img { clear: both; width: 500px; height: 360px; }
#mainphoto { cursor: pointer; display: block; }
#goleft, #goright { float: left; }
#goright { float: right; }
#photos { width: 910px; height: 118px; line-height: 118px; margin: 4px 0; overflow: hidden; }
#showArea img { display: block; float: left; cursor: pointer; border: 1px solid #eee; }

#qqonline { width: 135px; border: 1px solid #B49791; background-color: #fff; position: absolute; top: 252px; right: 2px; height: auto; z-index: 10; }