/****************************************************************
 * 网站样式表                                                    
 * @Name           main-style.css 2017年11月29日
 * @Author         Seemoon Crawish 3@kkw.net.cn
 * @Copyright      Copyright (c) 2008 - 2018, 5AL.NET.
 * @License        http://www.5al.net/culture/license/
 * @Homepage       http://www.shqdjt.com
 *****************************************************************/

/*---首页 INDEX 部分---*/
.index{}
.index .mfocus { width:100%; height:auto; margin:0 auto; position:relative; overflow:hidden; background:#FFF; }
.index .mfocus .bd { width:100%; position:relative; z-index:0; text-align:center; }
.index .mfocus .bd li{ width:100%;}
.index .mfocus .bd li img { width:100%; }
.index .mfocus .bd li a { -webkit-tap-highlight-color:rgba(0, 0, 0, 0); }
.index .mfocus .hd{ width: 100%; text-align: center; vertical-align: middle; overflow: hidden; position: absolute; bottom: 20px; display: table;}
.index .mfocus .hd ul{ margin: 0 auto; padding: 0; display: table; text-align: center;}
.index .mfocus .hd ul li{ width: 20px; height: 20px; border-radius: 100%; background: #FFF; margin: 0 12px; font-size: 0; color: #FFF; overflow: hidden; float: left; cursor: pointer;}
.index .mfocus .hd ul li.on{ background: #8F6F48;}
.index .mfocus .an{ width: 100%; position: absolute; top: 340px;}
.index .mfocus .an span{ width: 85px; height: 85px; background: url(../img/icon_tbjihe.png) no-repeat; display: none; overflow: hidden; cursor: pointer;}
.index .mfocus .an span.prev{ background-position: -5px -30px; float: left;}
.index .mfocus .an span.prev:hover{ background-position: -5px -120px;}
.index .mfocus .an span.next{ background-position: -95px -30px; float: right;}
.index .mfocus .an span.next:hover{ background-position: -95px -120px;}
.index .mfocus:hover span{ display: block;}
.index .mod01{ width: 100%; padding: 30px 0; margin-bottom: 30px; border-bottom: 1px solid #ededed; overflow: hidden;}
.index .mod01 .service{ width: 1200px; height: 65px; margin: 0 auto; overflow: hidden;}
.index .mod01 .service .slb{ height: 65px; margin-right: 20px; float: left;}
.index .mod01 .service .slb ul{}
.index .mod01 .service .slb ul li{ width: 70px; height: 65px; margin-right: 15px; text-align: center; overflow: hidden; float: left;}
.index .mod01 .service .slb ul li i{ height: 35px; background: url(../img/icon_tbjihe.png) no-repeat; display: inline-table;}
.index .mod01 .service .slb ul li i.wm{ width: 33px; background-position: -190px -5px;}
.index .mod01 .service .slb ul li i.tx{ width: 33px; background-position: -230px -5px;}
.index .mod01 .service .slb ul li i.yj{ width: 33px; background-position: -270px -5px;}
.index .mod01 .service .slb ul li i.pc{ width: 33px; background-position: -190px -45px;}
.index .mod01 .service .slb ul li i.tm{ width: 33px; background-position: -230px -45px;}
.index .mod01 .service .slb ul li i.fj{ width: 33px; background-position: -270px -45px;}
.index .mod01 .service .slb ul li i.wx{ width: 32px; background-position: -190px -80px;}
.index .mod01 .service .slb ul li i.qb{ width: 26px; background-position: -230px -80px;}
.index .mod01 .service .slb ul li i.qd{ width: 33px; background-position: -270px -80px;}
.index .mod01 .service .slb ul li i.mf{ width: 29px; background-position: -190px -130px;}
.index .mod01 .service .slb ul li i.sl{ width: 32px; background-position: -230px -130px;}
.index .mod01 .service .slb ul li i.sx{ width: 30px; background-position: -270px -130px;}
.index .mod01 .service .slb ul li p{ width: 100%; height: 30px; line-height: 30px; font-size: 14px; color: #333; overflow: hidden;}
.index .mod01 .service .srb{ width: 70px; height: 65px; text-align: center; overflow: hidden;}
.index .mod01 .service .srb i{ width: 33px; height: 33px; background: url(../img/icon_tbjihe.png) no-repeat; background-position: -190px -170px; display: inline-table;}
.index .mod01 .service .srb p{ width: 100%; height: 30px; line-height: 30px; font-size: 14px; color: #333; overflow: hidden;}
.index .mod02{ width: 1200px; height: 325px; margin: 0 auto; margin-bottom: 30px; overflow: hidden;}
.index .mod02 .mdl{ width: 280px; height: 325px; margin-right: 25px; overflow: hidden; position: relative; float: left;}
.index .mod02 .mdl .bd{ width: 280px; height: 325px; overflow: hidden;}
.index .mod02 .mdl .bd ul{}
.index .mod02 .mdl .bd ul li{ width: 280px; height: 325px; overflow: hidden;}
.index .mod02 .mdl .bd ul li img{ width: 100%; height: 100%;}
.index .mod02 .mdl .hd{ position: absolute; top: 15px; right: 10px;}
.index .mod02 .mdl .hd ul{}
.index .mod02 .mdl .hd ul li{ width: 10px; height: 5px; opacity: .7; background: #FFF; font-size: 0; color: #FFF; border-radius: 5px; margin-right: 6px; float: left; cursor: pointer;}
.index .mod02 .mdl .hd ul li.on{ width: 30px; opacity: 1;}
.index .mod02 .mdm{ width: 570px; height: 325px; margin-right: 20px; float: left; position: relative;}
.index .mod02 .mdm .dmt{ width: 100%; height: 180px; margin-bottom: 20px; overflow: hidden;}
.index .mod02 .mdm .dmt p{ line-height: 28px; font-size: 15px; color: #666; text-indent: 2em; overflow: hidden;}
.index .mod02 .mdm .dmb{ width: 100%; height: 120px; overflow: hidden; position: absolute; bottom: 10px;}
.index .mod02 .mdm .dmb .ti{ width: 100%; height: 30px; overflow: hidden; position: relative;}
.index .mod02 .mdm .dmb .ti i{ width: 100%; height: 2px; border-bottom: 1px solid #ededed; display: block; position: absolute; top: 14px;}
.index .mod02 .mdm .dmb .ti h2{ width: 110px; height: 30px; line-height: 30px; text-align: center; background: #FFF; font-size: 18px; color: #ccc; display: block; font-weight: normal; position: absolute; left: 50%; margin-left: -55px;}
.index .mod02 .mdm .dmb .ne{ width: 100%; height: 75px; margin-top: 20px; overflow: hidden;}
.index .mod02 .mdm .dmb .ne i{ height: 60px; background: url(../img/icon_tbjihe.png) no-repeat; font-size: 0; display: inline-block;}
.index .mod02 .mdm .dmb .ne i.lzn{ width: 157px;margin-right: 40px;margin-left: 20px;background-position: -328px -2px;float: left;height: 99px;}
.index .mod02 .mdm .dmb .ne i.hsm{ width: 141px;margin-right: 20px;margin-top: 10px;background-position: -335px -75px;float: left;}
.index .mod02 .mdm .dmb .ne i.fef{ width: 156px;background-position: -335px -137px;margin-top: 23px;margin-right: 20px;float: right;}
.index .mod02 .mdr{ width: 380px; height: 325px; overflow: hidden; float: right; position: relative;}
.index .mod02 .mdr .tit{ width: 100%; height: 30px; line-height: 30px; margin-bottom: 2px; overflow: hidden;}
.index .mod02 .mdr .tit i{ width: 5px; height: 22px; margin: 4px 12px 4px 0; background: #A37641; display: block; float: left;}
.index .mod02 .mdr .tit ul{ float: left;}
.index .mod02 .mdr .tit ul li{ font-size: 16px; font-weight: bold; color: #333; margin-right: 25px; float: left; cursor: pointer;}
.index .mod02 .mdr .tit ul li.on{ color: #A37641;}
.index .mod02 .mdr .con{}
.index .mod02 .mdr .con .cbox{}
.index .mod02 .mdr .con .cbox .more{ color: #999; position: absolute; right: 0; top: 8px;}
.index .mod02 .mdr .con .cbox ul{}
.index .mod02 .mdr .con .cbox ul li{ width: 100%; height: 29px; line-height: 29px;}
.index .mod02 .mdr .con .cbox ul li b{ width: 72%; font-size: 14px; font-weight: normal; display: block; float: left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.index .mod02 .mdr .con .cbox ul li span{ font-size: 12px; color: #999; float: right;}
.index .mod02 .mdr .con .cbox ul li a{ color: #666;}
.index .mod02 .mdr .con .cbox ul li a:hover{ color: #A37641;}

/*---首页 DETAIL 部分---*/
.detail{}
.detail .banner{ width: 100%; height: 300px; overflow: hidden; position: relative;}
.detail .banner img{ display: block; position: absolute; top: 50%; left: 50%; transform: translate3d(-50%,-50%,0); -webkit-transform: translate3d(-50%,-50%,0);}
.detail .position{ width: 1200px; height: 40px; line-height: 40px; border-bottom: 1px dashed #e0e0e0; margin: 15px auto; margin-bottom: 30px; font-size: 15px; color: #666; overflow: hidden;}
.detail .position i{ width: 16px; height: 25px; margin: 6px 10px 8px 0; background: url(../img/icon_tbjihe.png) no-repeat; background-position: -165px -210px; display: block; float: left;}
.detail .position span{ margin: 0 5px;}
.detail .main{ width: 1200px; margin: 0 auto; overflow: hidden;}
.detail .main .dml{ width: 290px; margin-right: 30px; overflow: hidden; float: left;}
.detail .main .dml .nav{ width: 100%; margin-bottom: 15px; overflow: hidden;}
.detail .main .dml .nav .tit{ width: 290px; height: 84px; margin-bottom: 5px; background: url(../img/icon_tbjihe.png) no-repeat; background-position: -5px -270px; position: relative; overflow: hidden;}
.detail .main .dml .nav .tit p{ font-size: 13px; color: #FFF; position: absolute; top: 25px; right: 37px;}
.detail .main .dml .nav .tit b{ font-size: 22px; color: #FFF; position: absolute; bottom: 5px; right: 37px; font-weight: normal;}
.detail .main .dml .nav .con{ width: 265px; margin-left: 18px; overflow: hidden;}
.detail .main .dml .nav .con ul{}
.detail .main .dml .nav .con ul li{ width: 265px; height: 45px; margin-bottom: 5px; background: url(../img/icon_tbjihe.png) no-repeat; background-position: -23px -403px; overflow: hidden;}
.detail .main .dml .nav .con ul li a{ width: 265px; height: 45px; line-height: 45px; font-size: 16px; color: #FFF; padding: 0 30px 0 0; text-align: right; display: block; overflow: hidden;}
.detail .main .dml .nav .con ul li.on{ background-position: -23px -356px;}
.detail .main .dml .nav .con ul li:hover{ background-position: -23px -356px;}
.detail .main .dml .jie{ width: 266px; padding: 10px; margin-left: 18px; margin-bottom: 15px; border: 1px solid #A37641; overflow: hidden;}
.detail .main .dml .jie .pic{ width: 246px; margin-bottom: 15px; overflow: hidden;}
.detail .main .dml .jie .pic img{ width: 246px;}
.detail .main .dml .jie .txt{}
.detail .main .dml .jie .txt p{ line-height: 24px; font-size: 13px; color: #666; text-indent: 2em;}
.detail .main .dml .jie .tel{ width: 195px; height: 28px; line-height: 28px; font-size: 22px; color: #A37641; margin: 15px auto; text-align: center; overflow: hidden; display: table;}
.detail .main .dml .jie .tel i{ width: 32px; height: 28px; margin-right: 10px; background: url(../img/icon_tbjihe.png) no-repeat; background-position: -195px -215px; display: block; float: left;}
.detail .main .dml .lxi{ width: 266px; padding: 10px; margin-left: 18px; margin-bottom: 15px; border: 1px solid #A37641; overflow: hidden;}
.detail .main .dml .lxi .ewm{ margin-bottom:40px; text-align:center;}
.detail .main .dml .lxi .ewm img{ width:185px; height:185px; margin-bottom:10px;}
.detail .main .dml .lxi .ewm p{ line-height:22px; font-size:14px; color:#666;}
.detail .main .dml .lxi .txt{ margin-bottom:10px;}
.detail .main .dml .lxi .txt p{ width:100%; line-height:25px; color:#666; text-align:center; font-size:13px;}
.detail .main .dmr{ width: 880px; overflow: hidden; float: right;}
.detail .main .dmr .tit{ width: 100%; height: 40px; line-height: 25px; border-bottom: 1px solid #bbb; margin-bottom: 20px; padding-bottom: 20px; overflow: hidden;}
.detail .main .dmr .tit h1{ width: 125px; height: 40px; border-bottom: 2px solid #A37641; color: #A37641; font-size: 24px; font-weight: normal; float: left;}
.detail .main .dmr .tit span{ font-size: 20px; color: #bbb; float: right;}
.detail .main .dmr .culture{}
.detail .main .dmr .culture .con{}
.detail .main .dmr .culture .con .box{ margin-bottom: 20px;}
.detail .main .dmr .culture .con .box .btit{ width: 100%; height: 55px; line-height: 55px; text-align: center; overflow: hidden;}
.detail .main .dmr .culture .con .box .btit h2{ font-weight: normal; color: #333; font-size: 22px;}
.detail .main .dmr .culture .con .box .bcon{}
.detail .main .dmr .culture .con .box .bcon h3{ font-size: 18px; margin: 10px 0; color: #A37641; font-weight: normal; text-indent: 2em;}
.detail .main .dmr .culture .con .box .bcon p{ line-height: 35px; font-size: 16px; color: #333; text-indent: 2em;}
.detail .main .dmr .culture .con .box .bcon p.img{ width: 100%; text-indent: 0; text-align: center; margin: 25px 0 0 0;}
.detail .main .dmr .culture .con .box .bcon p.img img{ max-width: 100%;}
.detail .main .dmr .brand{}
.detail .main .dmr .brand .con{}
.detail .main .dmr .brand .con .box{ width: 100%; height: 320px; margin-bottom: 30px; background: #2F2133; overflow: hidden;}
.detail .main .dmr .brand .con .box .pic{ width: 300px; height: 320px; overflow: hidden;}
.detail .main .dmr .brand .con .box .pic img{ width: 300px; height: 320px;}
.detail .main .dmr .brand .con .box .txt{ width: 580px; padding: 20px; overflow: hidden;}
.detail .main .dmr .brand .con .box .txt .logo{ width: 250px; height: 85px; margin: 0 auto; margin-bottom: 20px; overflow: hidden;}
.detail .main .dmr .brand .con .box .txt .logo img{ width: 250px;}
.detail .main .dmr .brand .con .box .txt .txts{}
.detail .main .dmr .brand .con .box .txt .txts p{ line-height: 25px; font-size: 14px; color: #f9f9f9; text-indent: 2em;}
.detail .main .dmr .brand .con .kbox{ width: 880px; height: 960px; position: relative;}
.detail .main .dmr .brand .con .kbox .bd{ width: 880px; height: 960px; overflow: hidden;}
.detail .main .dmr .brand .con .kbox .bd ul{}
.detail .main .dmr .brand .con .kbox .bd ul li{ width: 880px; height: 960px; overflow: hidden;}
.detail .main .dmr .brand .con .kbox .bd ul li img{ width: 100%; height: 100%;}
.detail .main .dmr .brand .con .kbox .hd{ width: 20px; height: 100px; overflow: hidden; position: absolute; right: 0px; top: 50%; margin-top: -50px;}
.detail .main .dmr .brand .con .kbox .hd ul{}
.detail .main .dmr .brand .con .kbox .hd ul li{ width: 20px; height: 20px; background: #bababa; font-size: 0; border-radius: 100%; margin-bottom: 20px; cursor: pointer;}
.detail .main .dmr .brand .con .kbox .hd ul li.on{ background: #A37641;}






.detail .main .dmr .cases{ width: 880px; overflow: hidden;}
.detail .main .dmr .cases .con{}
.detail .main .dmr .cases .con .conbtn{ width: 880px; margin-bottom: 25px; overflow: hidden;}
.detail .main .dmr .cases .con .conbtn ul{ width: 950px;}
.detail .main .dmr .cases .con .conbtn ul li{ width: 203px; height: 35px; line-height: 35px; border: 1px solid #e0e0e0; margin-right: 22px; text-align: center; float: left;}
.detail .main .dmr .cases .con .conbtn ul li a{ width: 100%; height: 100%; color: #bbb; font-size: 16px; display: block;}
.detail .main .dmr .cases .con .conbtn ul li.on{ border: 1px solid #A37641;}
.detail .main .dmr .cases .con .conbtn ul li.on a{ color: #A37641}
.detail .main .dmr .cases .con .conbtn ul li:hover{ border: 1px solid #A37641;}
.detail .main .dmr .cases .con .conbtn ul li:hover a{ color: #A37641}
.detail .main .dmr .cases .con .conlist{}
.detail .main .dmr .cases .con .conlist ul{ width: 960px; margin-bottom: 15px; overflow: hidden;}
.detail .main .dmr .cases .con .conlist ul li{ width: 208px; height: 275px; margin-right: 16px; margin-bottom: 25px; overflow: hidden; float: left; position: relative;}
.detail .main .dmr .cases .con .conlist ul li .pic{ width: 208px; height: 275px; overflow: hidden;}
.detail .main .dmr .cases .con .conlist ul li .pic img{ width: 100%; height: 100%;}
.detail .main .dmr .cases .con .conlist ul li .txt{ width: 100%; height: 35px; line-height: 35px; padding: 0 10px; background: rgba(0,0,0,0.5); color: #FFF; font-size: 14px; text-align: center; position: absolute; bottom: 0; left: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.detail .main .dmr .news{ width: 880px; overflow: hidden;}
.detail .main .dmr .news .con{}
.detail .main .dmr .news .con .conlist{}
.detail .main .dmr .news .con .conlist ul{ margin-bottom: 15px; overflow: hidden;}
.detail .main .dmr .news .con .conlist ul li{ width: 100%; height: 180px; padding: 10px 0; border-bottom: 1px dashed #e0e0e0; overflow: hidden;}
.detail .main .dmr .news .con .conlist ul li .pic{ width: 275px; height: 160px; margin-right: 15px; overflow: hidden; float: left;}
.detail .main .dmr .news .con .conlist ul li .pic img{}
.detail .main .dmr .news .con .conlist ul li .txt{ width: 590px; height: 160px; overflow: hidden; float: right;}
.detail .main .dmr .news .con .conlist ul li .txt h2{ width: 100%; height: 28px; line-height: 28px; font-size: 18px; display: block; font-weight: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.detail .main .dmr .news .con .conlist ul li .txt h2 a:hover{ color: #A37641;}
.detail .main .dmr .news .con .conlist ul li .txt p.xx{ width: 100%; height: 25px; line-height: 25px; font-size: 16px; margin: 15px 0; color: #999; overflow: hidden;}
.detail .main .dmr .news .con .conlist ul li .txt p.xx span{ margin-right: 30px;}
.detail .main .dmr .news .con .conlist ul li .txt p.ms{ width: 100%; max-height: 78px; line-height: 26px; color: #888; font-size: 14px; overflow: hidden;}
.detail .main .dmr .chain{ margin-bottom: 15px;}
.detail .main .dmr .chain .con{}
.detail .main .dmr .chain .con .box{ margin-bottom: 15px;}
.detail .main .dmr .chain .con .box .btit{ width: 100%; font-size: 18px; margin-bottom: 10px; color: #333; overflow: hidden;}
.detail .main .dmr .chain .con .box .bcon{ width: 100%; padding: 15px; border: 1px solid #999;}
.detail .main .dmr .chain .con .box .bcon ul{ width: 900px;}
.detail .main .dmr .chain .con .box .bcon ul li{ width: 160px; height: 50px; margin-right: 10px; font-size: 15px; float: left; position: relative; cursor: pointer;}
.detail .main .dmr .chain .con .box .bcon ul li i{ width: 22px; height: 24px; background: url(../img/icon_tbjihe.png) no-repeat; background-position: -135px -235px; margin: 10px 10px 10px 0; display: block; float: left;}
.detail .main .dmr .chain .con .box .bcon ul li a{ color: #666;}
.detail .main .dmr .chain .con .box .bcon ul li a:hover{ color: #A37641;}
.detail .main .dmr .chain .con .box .bcon ul li .tits{ width: 100%; height: 44px; line-height: 44px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.detail .main .dmr .chain .con .box .bcon ul li .cons{ width: 485px; height: 145px; padding: 10px; border-radius: 5px; background: #FFF; border: 1px solid #A37641; overflow: hidden; position: absolute; top: 45px; left: -160px; z-index: 3333; display: none;}
.detail .main .dmr .chain .con .box .bcon ul li .cons .cbl{ width: 245px; height: 125px; overflow: hidden; float: left;}
.detail .main .dmr .chain .con .box .bcon ul li .cons .cbl .bll{ width: 135px; height: 125px; margin-right: 5px; overflow: hidden; float: left;}
.detail .main .dmr .chain .con .box .bcon ul li .cons .cbl .bll img{ width: 100%; height: 100%;}
.detail .main .dmr .chain .con .box .bcon ul li .cons .cbl .blr{ width: 105px; height: 125px; overflow: hidden; float: right;}
.detail .main .dmr .chain .con .box .bcon ul li .cons .cbl .blr img{ width: 100%;}
.detail .main .dmr .chain .con .box .bcon ul li .cons .cbl .blr p{ font-size: 13px; color: #999; text-align: center;}
.detail .main .dmr .chain .con .box .bcon ul li .cons .cbr{ width: 215px; font-size: 14px; overflow: hidden; float: right;}
.detail .main .dmr .chain .con .box .bcon ul li .cons .cbr .mc{ font-weight: 800; margin-bottom: 10px; font-size: 15px; color: #A37641;}
.detail .main .dmr .chain .con .box .bcon ul li .cons .cbr .dh{ color: #666;}
.detail .main .dmr .chain .con .box .bcon ul li .cons .cbr .dz{ font-size: 13px; line-height: 24px; color: #666;}
.detail .main .dmr .chain .con .box .bcon ul li:hover .cons{ display: block;}
.detail .main .dmr .service{}
.detail .main .dmr .service .con{ margin-bottom: 15px;}
.detail .main .dmr .service .con ul{}
.detail .main .dmr .service .con ul li{ width: 100%; padding: 15px 40px; border-bottom: 1px dashed #e0e0e0; overflow: hidden;}
.detail .main .dmr .service .con ul li .pic{ width: 150px; margin-right: 20px; overflow: hidden; float: left;}
.detail .main .dmr .service .con ul li .pic i{ width: 146px; height: 146px; margin-top: 40px; background: url(../img/icon_service_tbjihe.png) no-repeat; display: block; float: left;}
.detail .main .dmr .service .con ul li .pic i.s01{ background-position: -2px 0;}
.detail .main .dmr .service .con ul li .pic i.s02{ background-position: -2px -155px;}
.detail .main .dmr .service .con ul li .pic i.s03{ background-position: -2px -310px;}
.detail .main .dmr .service .con ul li .pic i.s04{ background-position: -2px -465px;}
.detail .main .dmr .service .con ul li .pic i.s05{ background-position: -2px -620px;}
.detail .main .dmr .service .con ul li .pic i.s06{ background-position: -2px -775px;}
.detail .main .dmr .service .con ul li .txt{ width: 630px; margin: 10px 0; overflow: hidden; float: right;}
.detail .main .dmr .service .con ul li .txt h2{ line-height: 22px; font-size: 18px; margin-bottom: 10px; font-weight: normal; color: #BA8B29;}
.detail .main .dmr .service .con ul li .txt em{ width: 100%; line-height: 22px; margin-bottom: 4px; font-size: 14px; color: #999; font-style: normal; display: block;}
.detail .main .dmr .service .con ul li .txt p{ line-height: 23px; font-size: 14px; color: #666;}
.detail .main .dmr .jobs{}
.detail .main .dmr .jobs .con{}
.detail .main .dmr .jobs .con .conlist{ margin-bottom: 15px;}
.detail .main .dmr .jobs .con .conlist ul{ margin-bottom: 15px;}
.detail .main .dmr .jobs .con .conlist ul li{ width: 100%; height: 45px; line-height: 45px; border-bottom: 1px dashed #e0e0e0; overflow: hidden;}
.detail .main .dmr .jobs .con .conlist ul li h2{ max-width: 750px; height: 45px; font-size: 16px; font-weight: normal; display: block; float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.detail .main .dmr .jobs .con .conlist ul li span{ font-size: 13px; color: #999; float: right;}
.detail .main .dmr .jobs .con .conlist ul li a:hover{ color: #A37641;}
.detail .main .dmr .contact{ width: 100%; overflow: hidden;}
.detail .main .dmr .contact .con{}
.detail .main .dmr .contact .con .box{ width: 100%; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dashed #e0e0e0; overflow: hidden;}
.detail .main .dmr .contact .con .box .btit{ width: 100%; height: 44px; line-height: 44px; font-size: 20px; font-weight: bold; overflow: hidden;}
.detail .main .dmr .contact .con .box .btit i{ width: 4px; height: 20px; background: #333; margin: 12px 10px 12px 0; display: block; float: left;}
.detail .main .dmr .contact .con .box .bcon{}
.detail .main .dmr .contact .con .box .bcon p{ line-height: 35px; font-size: 16px; color: #666;}
.detail .main .dmr .contact .con .box .bcon ul{}
.detail .main .dmr .contact .con .box .bcon ul li{ width: 150px; height: 180px; line-height: 30px; font-size: 16px; margin-right: 30px; text-align: center; overflow: hidden; float: left;}
.detail .main .dmr .contact .con .box .bcon ul li img{ width: 150px; height: 150px;}
.detail .main .dmr .contact .con .box .bcon .bbl{ width: 430px; height: 300px; padding: 20px 20px; background: #f7f7f7; overflow: hidden; float: left;}
.detail .main .dmr .contact .con .box .bcon .bbl p{ padding-left: 80px; position: relative;}
.detail .main .dmr .contact .con .box .bcon .bbl p span{ width: 85px; height: 30px; position: absolute; top: 0; left: 0;}
.detail .main .dmr .contact .con .box .bcon .bbl p.fg{ padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #eee;}
.detail .main .dmr .contact .con .box .bcon .bbr{ width: 450px; height: 300px; overflow: hidden;}
.detail .main .dmr .contact .con .box .bcon .bbr .map{ width: 450px; height: 300px; overflow: hidden;}
.detail .main .dmr .content{ width: 100%; margin-bottom: 20px; overflow: hidden;}
.detail .main .dmr .content .tit h2{ width: 125px; height: 40px; border-bottom: 2px solid #A37641; color: #A37641; font-size: 24px; font-weight: normal; float: left;}
.detail .main .dmr .content .con{ width: 100%; overflow: hidden;}
.detail .main .dmr .content .con .ctit{ width: 100%; border-bottom: 1px solid #e0e0e0; padding-bottom: 5px; margin-bottom: 10px; text-align: center; overflow: hidden;}
.detail .main .dmr .content .con .ctit h1{ width: 100%; line-height: 38px; font-size: 20px; color:#333; margin-bottom: 10px; font-weight: normal; overflow: hidden;}
.detail .main .dmr .content .con .ctit p{ width: 100%; height: 32px; line-height: 32px; font-size: 14px; color: #666;}
.detail .main .dmr .content .con .ctit p span{ margin-right: 20px;}
.detail .main .dmr .content .con .ccon{}
.detail .main .dmr .content .con .ccon .jianjie{ width: 100%; line-height: 32px; padding: 15px; background: #f5f5f5; color: #666; font-size: 15px; text-indent: 2em; margin-bottom: 10px; overflow: hidden;}
.detail .main .dmr .content .con .ccon .neirong{}
.detail .main .dmr .content .con .ccon .neirong p{ width: 100%; line-height: 32px; margin-bottom: 10px; font-size: 15px; text-indent: 2em;}
.detail .main .dmr .content .con .ccon .neirong p.img{ text-indent: 0; text-align: center;}
.detail .main .dmr .content .con .ccon .neirong p.img img{ max-width: 880px;}
.detail .main .dmr .content .con .ccon .neirong p img{ max-width: 820px; text-align: center;}

/*---登录 LOGIN 部分---*/
.login{ width: 100%; height: 465px; background: #FCFAF8;}
.login .w1200{ width: 1200px; height: 100%; margin: 0 auto; position: relative;}
.login .w1200 .lbgs{ width: 1176px; height: 484px; background: url(../img/login_bg.png) no-repeat 0 0; position: absolute; left: 0; top: 90px;}
.login .w1200 .lbox{ width: 462px; height: 496px; overflow: hidden; padding: 0 36px; background: #fff; border-radius: 5px; box-shadow: 1px 1px 2px rgba(204, 204, 204, .6), 0px 0px 2px rgba(204, 204, 204, .5); position: absolute; right: 66px; bottom: -66px;}
.login .w1200 .lbox .you{ width: 70px; height: 70px; background: url(../img/icon_tbjihe.png) no-repeat; background-position: -330px -195px; display: block; position: absolute; right: 0; top: 0;}
.login .w1200 .lbox .box{}
.login .w1200 .lbox .box .tit{ font-size: 28px; color: #A37641; margin: 40px 0 30px 0; font-weight: bold;}
.login .w1200 .lbox .box .tit em{ font-size: 16px; margin-left: 6px; vertical-align: bottom; position: relative; top: -5px;}
.login .w1200 .lbox .box .tis{ display: none;}
.login .w1200 .lbox .box .con{}
.login .w1200 .lbox .box .con .ibox{ width: 380px; overflow: hidden;}
.login .w1200 .lbox .box .con .ibox p input{ width: 322px; height: 48px; line-height: 48px; display: block; font-size: 16px; border: none; outline: none; font-family: "microsoft yahei";}
.login .w1200 .lbox .box .con .ibox p.sr{ width:380px; height: 48px; line-height: 48px; font-size: 16px; border: 1px solid #cccacb; overflow: hidden;}
.login .w1200 .lbox .box .con .ibox p.sr i{ width: 23px; height: 25px; background: url(../img/icon_tbjihe.png) no-repeat; margin: 12px 16px; display: block; float: left;}
.login .w1200 .lbox .box .con .ibox p.sr i.yhm{ background-position: -300px -265px;}
.login .w1200 .lbox .box .con .ibox p.sr i.mma{ background-position: -300px -295px;}
.login .w1200 .lbox .box .con .ibox .help-block{ height: 30px; line-height: 30px; margin-left:10px; color: #CC0000; overflow: hidden;}
.login .w1200 .lbox .box .con .code{ width:380px; font-size: 16px;}
.login .w1200 .lbox .box .con .code .bar{ width: 380px; overflow: hidden;}
.login .w1200 .lbox .box .con .code .bar .ccl{ width: 240px; height: 48px; line-height: 48px; border: 1px solid #cccacb; float: left;}
.login .w1200 .lbox .box .con .code .bar .ccl i.yzm{ width: 23px; height: 25px; background: url(../img/icon_tbjihe.png) no-repeat; background-position: -300px -240px; margin: 15px 16px; display: block; float: left;}
.login .w1200 .lbox .box .con .code .bar .ccl input{ width: 180px; height: 40px; line-height: 40px; display: block; font-size: 16px; border: none; margin-top: 5px; outline: none; font-family: "microsoft yahei";}
.login .w1200 .lbox .box .con .code .bar .ccr{ width: 130px; height: 44px; float: right;}
.login .w1200 .lbox .box .con .code .bar .ccr img{ width: 100%;}
.login .w1200 .lbox .box .con .code .help-block{ max-height: 30px; line-height: 30px; margin-left:10px; font-size: 12px; color: #CC0000; overflow: hidden;}
.login .w1200 .lbox .box .con .info{ width:380px; height: 48px; line-height: 48px; font-size: 16px; margin-bottom: 20px; overflow: hidden;}
.login .w1200 .lbox .box .con .info .cil{ color: #888; float: left;}
.login .w1200 .lbox .box .con .info .cil input{ width: 15px; height: 15px; padding: 1px; border: 1px solid #cccacb; display: inline-block; vertical-align: middle; position: relative; top: -1px; margin-right: 8px;}
.login .w1200 .lbox .box .con .info .cir{ font-size: 14px; float: right;}
.login .w1200 .lbox .box .con .info .cir a{ color: #A37641;}
.login .w1200 .lbox .box .con .btn{}
.login .w1200 .lbox .box .con .btn button{ width: 390px; height: 54px; background: #A37641; line-height: 54px; text-align: center; font-family:"microsoft yahei"; font-size: 24px; color: #fff; font-weight: bold; border: none; border-radius: 5px; cursor: pointer;}
.login .w1200 .lbox .box .con .btn button:hover{ box-shadow: 1px 1px 1px rgba(208, 208, 208, 0.8), -1px -1px 1px rgba(208, 208, 208, 0.8);}

@media (max-width:800px){
    body{ max-width:800px; margin:0 auto; padding:0; color:#333; background:#FFF; overflow-x:hidden; font:12px/1.5 "Microsoft YaHei", '微软雅黑', Arial, Verdana, '宋体', sans-serif;}
    .head{ width: 100%; height: 1.5rem; margin: 0;}
    .head .logo{ width: auto; height: 1rem; margin: 0.25rem auto; float: none; text-align: center;}
    .head .logo img{ height: 1rem;}
    .login{ height: auto; padding-bottom: 20px;}
    .login .w1200{ width: 100%; padding-top: 0.4rem;}
    .login .w1200 .lbgs{ display: none;}
    .login .w1200 .lbox{ width: 90%; height: auto; padding: 0 5% 0.5rem; margin: 0 auto; position: static;}
    .login .w1200 .lbox .box .tit{ display: none;}
    .login .w1200 .lbox .box .tis{ width: 100%; margin: 0.3rem 0; font-size: 0.33rem; color: #A37641; display: block;}
    .login .w1200 .lbox .box .con .ibox{ width: 100%;}
    .login .w1200 .lbox .box .con .ibox p.sr{ width: 100%; border-radius: 0.1rem;}
    .login .w1200 .lbox .box .con .ibox p.sr i{ display: none;}
    .login .w1200 .lbox .box .con .ibox p input{ width: 97%; padding-left: 3%; font-size: 0.2rem;}
    .login .w1200 .lbox .box .con .ibox p.ts{ font-size: 0.18rem;}
    .login .w1200 .lbox .box .con .code{ width: 100%;}
    .login .w1200 .lbox .box .con .code .bar{ width: 100%;}
    .login .w1200 .lbox .box .con .code .bar .ccl{ width: 52%; margin-right: 3%; border-radius: 0.1rem;}
    .login .w1200 .lbox .box .con .code .bar .ccl i.yzm{ display: none;}
    .login .w1200 .lbox .box .con .code .bar .ccl input{ width: 97%; padding-left: 3%; font-size: 0.2rem;}
    .login .w1200 .lbox .box .con .code .bar .ccr{ width: 45%; float: left;}
    .login .w1200 .lbox .box .con .code .bar .ccr img{ width: auto !important; margin: 7px 0;}
    .login .w1200 .lbox .box .con .info{ width: 100%; font-size: 16px; margin-top: 10px;}
    .login .w1200 .lbox .box .con .btn button{ width: 100%;}
    .foot{ display: none;}
    .footm {width: 100%; height: auto; padding: 20px 3%; font-size: 16px; background: #333; color:#FFF; text-align: center; display: block;}
}