/*
* 基础常用类样式表
* ============================================================================
* 版权所有 2011-2013 xujinlong，并保留所有权利
* ----------------------------------------------------------------------------
* 这不是一个自由软件！禁止任何形式的拷贝、修改、发布
* ============================================================================
* # Author: Kinglong #
* # File Name: body.css 2013-10-06 Kinglong #
*/	

/*--------------------------------------------------------------------------*/
body { min-width: 1665px; }
.body { width: 1200px; display: table; margin: auto; text-align: left; }
/*--------------------------------------------------------------------------*/

.header { width: 100%; max-width: 1800px; height: 100px; margin: auto; }
.header .logo { width: 230px; height: 75px; margin: 12px 0; background: url(../images/logo.png) no-repeat left center; }
.header .nav { width: 1200px; height: 100px; }
.header .nav ul { width: 1200px; height: 100px; top: 0; left: 0; }
.header .nav ul a { float: left; width: 150px; height: 100px; display: inline-block; line-height: 100px; text-align: center; font-size: 18px; }
.header .nav ul a:hover { color: #00773d; }
.header .nav ul a.hover { color: #f1705f; }
.header .nav ol { width: 1200px; top: 100px; left: 0; display: none; background: url(../images/nav_bg.png) repeat-x left top; z-index: 99999; }
.header .nav ol li { width: 150px; margin: 30px 0; }
.header .nav ol li dl { display: block; margin-bottom: 8px; }
.header .nav ol li dl a { display: inline-block; color: #fff; font-size: 14px; padding: 3px 1px; line-height: 1em; }
.header .nav ol li dl a:hover { color: #4c4c4c; }
.header .nav ol li dl a.hover { color: #00773d; }
.header .search { width: 230px; height: 25px; margin: 37px 0; }
.header .search dl { width: 90px; height: 25px; background-color: #f1705f; }
.header .search dl dt { height: 15px; line-height: 15px; padding: 5px; color: #fff; cursor: pointer; }
.header .search dl dd { width: 100%; left: 0; top: 25px; background-color: #f1705f; }
.header .search dl dd a { display: block; padding: 5px; color: #fff; }
.header .search dl dd a:hover { font-weight: bold; }
.header .search dl dd a.hover { color: #fff; background-color: #d1d1d1; }
.header .search ul { width: 139px; height: 25px; background-color: #d1d1d1; }
.header .search ul .txt { width: 100px; height: 15px; line-height: 15px; padding: 5px; background: none; border: none; }
.header .search ul .btn { width: 25px; height: 25px; cursor: pointer; border: none; background: url(../images/search.png) no-repeat center center; }
.header .search ul .btn:hover { background-color: #f1705f; }
/*--------------------------------------------------------------------------*/

.banner, .banner ul, .banner ul img { width: 100%; min-width: 1665px; overflow: hidden; }
.bannerIndex, .bannerIndex ul, .bannerIndex ul img { min-width: 1665px; height: 500px; }
.banner ol span { display: inline-block; text-align: right; }
.banner ol a { width: 10px; height: 10px; border-radius: 50%; background: #fff; border: #fff 2px solid; margin-left: 5px; }
.banner ol a.hover { background: none; }
/*--------------------------------------------------------------------------*/
.footer.nav { display: table; border-top: #ec5d5b 3px solid; background-color: #cacaca; padding: 60px 0; }
.footer .contact { width: 280px; }
.footer .contact .cphone { width: 228px; height: 56px; padding-left: 52px; color: #4c4c4c; font-size: 14px; background: url(../images/foot_phone.png) no-repeat left center; }
.footer .contact .cphone em { display: block; font-weight: bold; color: #4c4c4c; font-size: 24px; }
.footer .contact .qcode { width: 90px; height: 90px; }
.footer .contact .addr { width: 170px; height: 80px; padding: 50x 0; line-height: 1.9em; }
.footer .menu { width: 900px; }
.footer .menu li { width: 126px; display: table; border-left: #878787 1px solid; }
.footer .menu li a { display: block; font-size: 14px; color: #666; margin: 10px 0 10px 20px; }
.footer .menu li a.tt { font-size: 15px; color: #1c1c1c; margin: 0 0 30px 20px; }
.footer .menu li a:hover { color: #ec5d5b; }
.footer.copyright { display: table; background-color: #191919; padding: 15px 0; color: #666; }
.footer.copyright a { color: #666; }
.footer.copyright a:hover { color: #ec5d5b; }

.footer .adm { margin-right:20px; }
.footer .adm a { color: #191919; }
.footer .adm a:hover { color: #ec5d5b; }
/*--------------------------------------------------------------------------*/
.widthin { display: table; padding: 48px 0; background: url(../images/side_bg.png) repeat-y 153px 0; }
/*--------------------------------------------------------------------------*/
.body_side { float: left; width: 260px; }
.body_side dl { width: 210px; height: 67px; line-height: 1.5em; background: url(../images/side_title.jpg) no-repeat left top; }
.body_side dl dt { padding: 15px 0 0 67px; color: #fefefe; font-size: 22px; }
.body_side dl dd { padding: 5px 0 0 67px; color: #f39590; font-size: 12px; }
.body_side ul { width: 210px; margin-bottom: 20px; }
.body_side ul li a { display: block; padding: 22px 0 20px 0; border-bottom: #e2e2e2 1px solid; font-size: 15px; }
.body_side ul li a strong { float: left; width: 67px; display: inline-block; font-size: 16px; text-indent: 1em; }
.body_side ul li:hover > a { color: #00773d; }
.body_side ul li.hover > a { color: #ea5259; }
.body_side div { width: 210px; padding: 0 0 12px 0; text-align: center; border: #d9d9d9 1px solid; color: #4e4e4e; font-size: 14px; }
.body_side div a.img { width: 210px; height:138px; display:block; margin-bottom:10px; background: url(../images/side_contact.jpg) #f4f4f4 no-repeat left top; }
.body_side div big { color: #3b3b3b; font-size: 16px; }
.body_side ul li ul { margin-bottom: 0; display:none; }
.body_side ul li ul li a { padding: 10px 0 10px 30px; border-bottom: #e2e2e2 1px solid; font-size: 13px; color: #2f302a; }
.body_side ul li ul li:hover a { color: #00773d; }
.body_side ul li ul li.hover a { color: #ea5259; }
.body_side ul li ul li a strong { width: 50px; font-size: 14px; }
/*--------------------------------------------------------------------------*/
.body_right { float: right; width: 900px; }
.body_right .body_path { width: 900px; height: 16px; line-height: 16px; padding-bottom: 10px; margin-bottom: 50px; border-bottom: #e2e2e2 1px solid; }
.body_right .body_path a { color: #88848b; }
.body_right .body_path a.home { display: inline-block; padding-left: 20px; background: url(../images/path_home.png) no-repeat left center; }
.body_right .body_path a:hover { color: #ea5259; }
/*--------------------------------------------------------------------------*/
.pictureList { width: 900px; overflow: hidden; }
.pictureList ul { width: 105%; }
.pictureList ul li { float: left; width: 275px; height: 240px; background-color: #f1f1f1; margin: 0 33px 38px 0; }
.pictureList ul a { float: left; margin-right: 38px; display: inline-block; width: 275px; height: 240px; position: relative; }
.pictureList ul a i { width: 275px; height: 195px; display: none; background: url(../images/pic_s.png) no-repeat center center; position: absolute; top: 0; left: 0; cursor: pointer; }
.pictureList ul a img { width: 275px; height: 195px; }
.pictureList ul a span { width: 275px; height: 45px; line-height: 45px; text-align: center; color: #333; font-size: 14px; display: block; }
.pictureList ul a:hover i { display: inline-block; }
.pictureList ul a:hover span { background: url(../images/pic_t.png) repeat-y left top; color: #fff; cursor: pointer; }
/*--------------------------------------------------------------------------*/
.detail_title { width: 100%; text-align: center; font-size: 18px; color: #333; line-height: 2em; font-weight: bold; }
.detail_stitle { width: 100%; text-align: center; font-size: 17px; color: #333; line-height: 2em; padding:20px 0; }
.detail_desc { width: 100%; text-align: center; font-size: 13px; color: #888; margin-bottom: 50px; }
/*
.detail_pn { width:100%; margin-top:30px; border-top:#aaa 1px solid; padding-top:20px; font-size:14px; color:#444; }
.detail_pn a.none { color:#aaa; }
.detail_pn a:hover { color:#f1705f; }
*/
/*--------------------------------------------------------------------------*/
.newsList li { width: 900px; height: 155px; padding-bottom: 40px; margin-bottom: 40px; border-bottom: #ccc 1px solid; }
.newsList li a.img { width: 225px; height: 155px; margin-right: 15px; }
.newsList li a.img img { width: 225px; height: 155px; cursor: pointer; }
.newsList li span { float: right; display: block; width: 650px; font-size: 12px; line-height: 1.7em; }
.newsList li span a.tt { font-size: 16px; color: #111; font-family: '微软雅黑'; }
.newsList li span dd { width: 650px; display: block; font-size: 12px; color: #aaa; margin-bottom: 16px; cursor: pointer; }
.newsList li span a.mor { font-size: 12px; }
.newsList li span a:hover { color: #f1705f; }
.newsList li.dl { position: relative; padding-top: 50px; }
.newsList li.dl i { position: absolute; left: 0; top: 20px; }
/*--------------------------------------------------------------------------*/
.downloadList a { display: block; width: 900px; height: 65px; padding-bottom: 20px; margin-bottom: 30px; border-bottom: #ccc 1px solid; color: #999; font-size: 12px; cursor: pointer; }
.downloadList a i { display: block; width: 68px; height: 60px; margin-top: 3px; background: url(../images/down.png) no-repeat left top; margin-right: 10px; }
.downloadList a tt { display: block; font-size: 16px; color: #333; font-family: '微软雅黑'; }
.downloadList a tt em { font-family: '微软雅黑'; color: #999; font-size: 12px; }
.downloadList a span { display: block; margin-top: 8px; line-height: 1.6em; color: #999; font-size: 12px; }
.downloadList a:hover i { background-position: left bottom; }
.downloadPN a { position: relative; padding-top: 50px; }
.downloadPN a label { position: absolute; left: 0; top: 20px; }
.downlaodBtn { display: block; width: 192px; height: 59px; margin: 20px 0 30px 0; background: url(../images/download.png) no-repeat #eb565a; }
.downlaodBtn:hover { background-color: #00773d; }
/*--------------------------------------------------------------------------*/
.article_cont { line-height: 2em; font-size: 14px; color: #000; }
.article_cont * { max-width: 900px; }
/*--------------------------------------------------------------------------*/
.contact_title { padding: 30px 0; font-size: 20px; font-weight: bold; color: #ea5259; }
.contact_phone li { padding: 10px 0; border-bottom: #ccc 1px solid; font-size: 14px; }
.contact_phone li span { float: left; display: inline-block; width: 220px; font-weight: bold; }
.contact_phone li span.fwn {  font-weight: normal; }
/*--------------------------------------------------------------------------*/
.msg_form { width: 650px; display: inline-block; padding: 50px 200px 70px 50px; background: url(../images/msg_bg.jpg) no-repeat #efefef center bottom; }
.msg_title span { display: inline-block; line-height: 2em; font-size: 22px; font-weight: bold; border-bottom: #323232 3px solid; }
.msg_desc { margin: 30px 0; line-height: 2em; font-size: 14px; color: #525252; }
.msg_desc strong { font-size: 18px; }
.msg_form .txt { margin: 7px 0; width: 620px; height: 14px; line-height: 14px; padding: 13px; border: #e8e8e8 1px solid; background: #fff; font-family: '微软雅黑'; }
.msg_form textarea.txt { height: 80px; line-height: 2em; }
.msg_form .btn { width: 101px; height: 37px; line-height: 37px; text-align: center; background: #676767; border: none; margin-right: 5px; border-radius: 3px; font-size: 14px; color: #fff; font-family: '微软雅黑'; cursor: pointer; }
.msg_form .btn.sub { background: url(../images/btn.png) no-repeat center center; }
/*--------------------------------------------------------------------------*/
.gotoTop { display: none; background: rgba(0,0,0,.2); background-image: url(../images/up.png); background-position: center center; background-repeat: no-repeat; border-radius: 10px; cursor: pointer; width: 60px; height: 60px; position: fixed; right: 20px; bottom: 100px;  z-index:9999999; }
.gotoTop:hover { background: rgba(0,0,0,.5); background-image: url(../images/up.png); background-position: center center; background-repeat: no-repeat; }
/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
.index_tonggao { margin-top: -67px; height: 33px; padding: 17px 0; background: url(../images/index_1.png) repeat-y center top; }
.index_tonggao dl { width: 270px; height: 33px; background: url(../images/index_7.png) no-repeat; color: #fff; font-size: 18px; line-height: 33px; padding-left: 60px; }
.index_tonggao dl small { text-transform: uppercase; font-size: 13px; }
.index_tonggao div.fl { width: 600px; height: 33px; overflow: hidden; z-index: 999999; position: relative; }
.index_tonggao div.fl ul li { height: 15px; padding: 9px 0; font-size: 15px; color: #fff; line-height: 15px; }
.index_tonggao div.fl ul li a { float: left; color: #fff; color: #fff; }
.index_tonggao div.fl ul li span { float: left; padding-left: 50px; }
/*--------------------------------------------------------------------------*/
.index_title { width: 100%; height: 35px; border-bottom: #111 2px solid; color: #111; font-size: 18px; font-weight: bold; }
.index_title small { font-size: 13px; font-weight: normal; text-transform: uppercase; }
.index_title .more { width: 19px; height: 24px; display: inline-block; background: url(../images/index_2.jpg) no-repeat left top; }
.index_title .more:hover { background-position: left bottom; }
/*--------------------------------------------------------------------------*/
.index_about { width: 375px; height: 380px; }
.index_about ul { width: 100%; height: 118px; margin: 30px 0; line-height: 1.9em; }
/*--------------------------------------------------------------------------*/
.index_news { width: 570px; height: 380px; }
.index_news span { height: 29px; padding-top: 2px; display: block; margin-top: -2px; background: url(../images/index_8.png) repeat-x left top; }
.index_news span a { display: inline-block; padding: 0 10px; line-height: 29px; font-size: 14px; }
.index_news span a.hover { font-weight: bold; }
.index_news span a.fr { font-size: 12px; }
.index_news span a:hover { color: #ef5419; }
.index_news .mt20, .index_news li { width: 100%; height: 100px; overflow: hidden; }
.index_news .tcont a { width: 400px; height: 13px; line-height: 14px; display: block; margin-bottom: 16px; }
.index_news .tcont a em { float: right; }
.index_news .tcont a i { float: left; display: inline-block; margin-right: 5px; color: #aaa; }
.index_news .tcont a:hover, .index_news .tcont a:hover * { color: #ef5419; }
.index_news .tcont a.img, .index_news .tcont img { width: 155px; height: 100px; }
/*--------------------------------------------------------------------------*/
.index_serv { width: 125px; height: 380px; }
.index_serv a { width: 123px; height: 62px; display: block; margin-bottom: 1px; background-repeat:no-repeat; background-position:10px center; background-size:27px; color: #fff; line-height:62px; }
.index_serv a i { display: block; font-size: 15px; margin-left: 40px; }
.index_serv a.i0 { background-color:#97b942; background-image:url(../images/i0.png); }
.index_serv a.i1 { background-color:#64b9a1; background-image:url(../images/i1.png); }
.index_serv a.i2 { background-color:#6891c9; background-image:url(../images/i2.png); }
.index_serv a.i3 { background-color:#9776b3; background-image:url(../images/i3.png); }
.index_serv a.i4 { background-color:#8bb17e; background-image:url(../images/i4.png); }
.index_serv a.i5 { background-color:#cb5c5c; background-image:url(../images/i5.png); }
.index_serv a.i6 { background-color:#e36565; background-image:url(../images/i6.png); }
.index_serv a.i0:hover { background-color:#86a637; }
.index_serv a.i1:hover { background-color:#54a38d; }
.index_serv a.i2:hover { background-color:#5981b9; }
.index_serv a.i3:hover { background-color:#8766a3; }
.index_serv a.i4:hover { background-color:#79a26b; }
.index_serv a.i5:hover { background-color:#bd4545; }
.index_serv a.i6:hover { background-color:#e45050; }
/*--------------------------------------------------------------------------*/
.index_pics dl a { float: left; width: 600px; height: 62px; display: inline-block; background: url(../images/index_11.png) no-repeat; cursor: pointer; text-indent: 7em; font-size: 20px; color: #fff; font-weight: bold; line-height: 53px; }
.index_pics dl a small { font-size: 15px; text-transform: uppercase; font-weight: normal; }
.index_pics dl a.equip { background-position: -600px 0; }
.index_pics dl a.honor { background-position: -1200px 0; }
.index_pics dl a.equip:hover, .index_pics dl a.equip.hover { background-position: 0 0; }
.index_pics dl a.honor:hover, .index_pics dl a.honor.hover { background-position: -1800px 0; }
.index_pics .pictureList { width: 100%; height: 240px; }
.index_pics .pictureList ul { width: 1000%; }
.index_pics .pictureList ul a { background-color: #fff; }
.index_pics .pictureList .prev, .index_pics .pictureList .next {display: inline-block;
    width: 34px;
    height: 34px;
    background: url(../images/index_5.png) no-repeat; top:80px;}
.index_pics .pictureList .prev { left:10px; background-position:left top; }
.index_pics .pictureList .next { right:10px; background-position:right top; }
.index_pics .pictureList .prev:hover { background-position:left bottom; }
.index_pics .pictureList .next:hover { background-position:right bottom; }
/*--------------------------------------------------------------------------*/
.index_links div { height: 30px; margin-top: 5px; margin-bottom: 5px; }
.index_links ul { float: left; width: 260px; height: 30px; margin-left: 40px; position: relative; cursor: pointer; }
.index_links ul.first { margin-left: 0; }
.index_links ul .tt { display: block; height: 30px; line-height: 30px; text-indent: 1em; background: #f0f0f0; }
.index_links ul .tt i { margin-right: 1em; font-size: 12px; }
.index_links ul li { display: none; background: #f0f0f0; position: absolute; top: 30px; left: 0; overflow-y: auto;  max-height: 300px; overflow-x: hidden; }
.index_links ul li a { display: block; width: 236px; border-top: #f47622 1px solid; line-height: 1.7em; padding: 5px 12px; }
/*--------------------------------------------------------------------------*/

.footNews { width: 340px; height:auto; background: url(../images/nav_bg.png) repeat-x left top; z-index:99999999;}
.footNews img { width: 300px; }
.footNews a { width: 300px; height:auto; padding:20px; color:#fff; }
.footNews .title { font-size:16px; line-height:1.8em; padding:7px 0; }
.footNews .date { font-size:12px; }
.footNews .desc { font-size:13px; line-height:1.7em; padding-top:10px; }
.footNews a:hover { background: url(../images/nav_bg.png) repeat-x left top; }
.footNews i { width:40px; height:40px; line-height:35px; font-size:40px; right:-40px; background: url(../images/nav_bg.png) repeat-x left top; color:#fff; }
.footNews i:hover {  background-position: left 20%; }

.footNews em { background: rgba(0,0,0,.2);
    background-image: url(../images/not.png);
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 10px;
    cursor: pointer;
    width: 60px;
    height: 60px;
    left: 20px;
    bottom: -200px;
}
.footNews em:hover { background: rgba(0,0,0,.5); background-image: url(../images/not.png); background-position: center center; background-repeat: no-repeat; }


/*--------------------------------------------------------------------------*/
.lzemail { position: fixed; right: 2px; top: 30%;  z-index:999999;
     width: 80px;
    height: 80px;
    display: block;
    margin-bottom: 1px;
    background: url(../images/email.png) #fff no-repeat center 8px;
    border: #f47622 2px solid;
    color: #ef5419;}
.lzemail i {position:absolute; left:0; bottom:8px; display:block; width:100%; text-align:center;}
.lzemail:hover { background: url(../images/email1.png) #ef5419 no-repeat center 8px; }
.lzemail:hover i { color:#fff; }

.emailform { width:900px; margin-top:20px; }
.emailform td { padding:5px 10px; vertical-align: middle; }
.emailform td span { float:left; color:#f00; vertical-align: middle; }
.emailform td .txt {  float:left; width:400px; border:#aaa 1px solid; padding:8px; height:20px; line-height:20px; vertical-align: middle; margin-right:10px; }
.emailform td #vcode { width:100px; }
.emailform td textarea.txt { width:550px; height:150px;  }
.emailform td img { float:left; width:100px; height:30px; border:#aaa 1px solid; vertical-align: middle; margin-right:10px; }

.emailform td .btn { float:left; border:none; width:101px; height:37px; margin-right:20px; color:#fff; font-size:14px; border-radius:3px; cursor:pointer; }
.emailform td .btn:first-child { margin-left:172px; }
.emailform td .btn:last-child { background:#aaa; }