/*浜岀骇*/
body
{
}
.banner
{
    width: 100%;
    min-width:1208px;
    height:400px;
}
.banner .container
{
    position:relative;
    width:992px;
    height:400px;
    margin:0px auto auto auto;
    padding-top:330px;
}
.banner .container i
{
    position:absolute;
    left:0px;
    width:122px;
    height:1px;
    background-color:#b88038;
}
.banner .container .en
{
    position:relative;
    padding-bottom:18px;
    text-transform:uppercase;
    font-size:59px;
    font-weight:600;
    color:#b88038;
}
.banner .container .en i
{
    bottom:1px;
}
.banner .container .ch
{
    position:relative;
    padding-top:9px;
    font-size:18px;
    color:#52535d;
}
.banner .container .ch i
{
    top:1px;
}

.main-container
{
    position:relative;
    width:100%;
    min-width:1208px;
    background-color:#ffffff;
}

.main .top-nav
{
    width:1208px;
    height:60px;
    margin:27px auto 0px auto;
    text-align:center;
    font-size:14px;
}
.main .top-nav li
{
    position:relative;
    display:inline-block;
    height:30px;
    margin:0px 4px;
}
.main .top-nav a
{
    position:relative;
    display:block;
    height:30px;
    line-height:30px;
    padding:0px 40px;
    font-size:16px;
    text-align:center;
    background-color:#3e3a39;
    color:#ffffff;
}
.main .top-nav a:hover,.main .top-nav a.hover{ background-color:#c59780; text-decoration:none; }

.main-container .main{ width:100%; min-height:500px; margin:0px auto auto auto; }
.main .main-wrap{ width:100%; padding-top:0px; }

.main .child-nav{ position:relative; width:860px; height:32px; margin:22px auto auto auto;}
.main .child-nav .previous{ position:absolute; left:0px; top:11px; width:10px; height:10px; cursor:pointer;}
.main .child-nav .previous img{ position:absolute; left:0px; top:0px;}
.main .child-nav .previous .show{ display:block;}
.main .child-nav .previous .hide{ display:none;}
.main .child-nav .next{ position:absolute; right:0px; top:11px; width:10px; height:10px; cursor:pointer;}
.main .child-nav .next img{ position:absolute; left:0px; top:0px;}
.main .child-nav .next .show{ display:block;}
.main .child-nav .next .hide{ display:none;}
.main .child-hid{ position:relative; width:840px; height:32px; overflow:hidden; margin:0px auto auto auto;}
.main .child-hid ul{ position:absolute; left:0px; top:0px; width:100%; height:32px;}
.main .child-hid li{ float:left; display:inline-block; width:140px; line-height:32px; font-size:18px; text-align:center;}
.main .child-hid li a{ color:#3e3a39;}
.main .child-hid li a:hover,.main .child-hid li a.hover{ color:#c59780;}

.main .pro-nav{ position:relative; width:860px; height:32px; margin:22px auto auto auto;}
.main .pro-hid{ position:relative; width:840px; height:32px; overflow:hidden; margin:0px auto auto auto; text-align:center;}
.main .pro-hid ul{ }
.main .pro-hid li{ display:inline-block; padding:0px 17px; line-height:32px; font-size:18px; text-align:center;}
.main .pro-hid li a{ color:#3e3a39;}
.main .pro-hid li a:hover,.main .pro-hid li a.hover{ color:#c59780;}


/*瀹藉睆缁撴瀯*/
.main .location{ width:1164px;  height:30px; line-height:30px; margin:0px auto auto auto; font-size:14px; }
.main .location a{ color:#000000;  }
.main .top-img{ width:1200px; height:65px; margin:0px auto 0px auto; padding-top:25px; text-align:center; }

.case-list{ width:1208px; margin:10px auto auto auto;}
.case-list li{ float:left; display:inline; width:290px; height:225px; margin-bottom:30px; padding:0px 6px; cursor:pointer;}
.case-list li .case-img,.case-list li .case-img img{ width:290px; height:187px;}
.case-list li .title{ width:100%; line-height:38px; height:38px; overflow:hidden; font-size:14px; color:#3e3a39;}
.case-list li .title a{ color:#3e3a39;}
.case-list li .con{ display:none;}

.honor-list{ width:940px; margin:20px auto auto auto;}
.honor-list li{ float:left; display:inline; width:310px; margin-bottom:40px; padding:0px 0px; cursor:pointer;text-align:center}
.honor-list li .honor-img,.honor-list li .honor-img img{ width:264px; min-height:200px;max-height:340px;  margin:0px auto auto auto;}
.honor-list li .title{ width:264px; line-height:34px; height:34px; margin:0px auto auto auto; padding-top:10px; overflow:hidden; font-size:16px; color:#595757;text-align:center}
.honor-list li:hover .title{ color:#c59780;}
.honor-list li .con{ display:none;}

.sample-page{ position: relative; width:100%; margin:45px auto auto auto; }
.sample-page .sample-title{ width: 100%; line-height: 38px; font-size:30px; text-align:center; color: #3e3a39; }
.sample-page .sample-content{ width: 100%; line-height: 32px; margin: 10px auto auto auto; font-size: 16px; color: #3e3a39; min-height: 300px; }

/*鏂囩珷鍐呭*/
.single-page{ width:100%; margin:0px auto auto auto; padding:0px 0px 0px 0px; line-height:24px; font-size: 16px; color: #6b6b6c;}
.single-page p{ margin-bottom: 10px; line-height: 28px;  font-size: 16px;color: #000; }
.page-center{ margin:0px auto auto auto; }

/*灞呬腑*/
.single-center{ margin:0px auto auto auto; }
/*澶у睆*/
.single-big{ margin:0px auto auto auto; }
/*灏忓睆*/
.single-small{ width:1200px; margin:0px auto auto auto;  }

/*鏂囩珷鍐呭*/
.msg-img
{
    width:972px;
    height:82px;
    margin:0px auto auto auto;
    padding-top:50px;
    padding-bottom:20px;
}
.msg-single-page
{
    position:relative;
    width:1000px;
    margin:0px auto auto auto;
    padding:30px 50px 20px 50px;
    line-height:32px;
    font-size: 14px;
    color: #6b6b6c;
}
.msg-single-page .msg-pic
{
    position:absolute;
    top:170px;
    right:66px;
    width:234px;
    height:250px;
}
.msg-single-page p
{
    margin-bottom: 10px;
    line-height: 28px;
    color: #221815;
    font-size: 18px;
}

/*鏂伴椈鍒楄〃*/
.news-list
{
    width: 800px;
    margin: 20px auto auto auto;
}
.news-list li
{
    float: left;
    display: inline;
    width: 100%;
    height: 28px;
    padding: 3px 0px;
    font-size: 16px;
}
.news-list li a
{
    display: block;
    float: left;
    width: 675px;
    line-height: 28px;
    background: url(../images/video.png) 0px 10px no-repeat;
    color: #3e3a39;
}
.news-list li a:hover
{
    color: #0070c7;
    text-decoration: underline;
}
.news-list li span
{
    display: block;
    float: right;
    width: 120px;
    line-height: 28px;
    text-align: right;
    font-size: 16px;
    color: #3e3a39;
}

/*new*/
.img-news
{
    width:1000px;
    margin:0px auto 50px auto;
    min-height:100%;
}
.img-news li
{
    position:relative;
    float:left;
    width:1000px;
    /*height:166px;*/
    margin-bottom:18px;
    background-color:#f7f7f7;
    cursor:pointer;
}
.img-news li .date
{
    float:left;
    display:inline;
    width:140px;
    height:200px;
    background-color:#3e3a39;
    text-align:center;
    color:#f7f7f7;
}
.img-news li .date .day
{
    padding-top:40px;
    font-size:63px;
}
.img-news li .date .year
{
    padding-top:10px;
    font-size:14px;
}
.img-news li:hover
{
}
.img-news li:hover .date
{
    background-color:#c59780;
    color:#ffffff;
}
.img-news li:hover .news-title a
{
    color: #c59780;
    text-decoration:none;
}
.img-news li:hover .news-desc
{
    color:#595757;
}
.img-news li:hover .href a
{
    background-color:#c59780;
    border:solid 1px #c59780;
    color:#ffffff;
}
.img-news .news-pic
{
    float:right;
    width:310px;
    height:178px;
    padding:11px 10px;
}
.img-news .news-pic img
{
    width:310px;
    height:178px;
}
.img-news .news-right
{
    position:relative;
    float: left;
    width:440px;
    height:178px;
    padding:10px 40px 10px 50px;
}
.img-news .noimg
{
    position:relative;
    float: right;
    width: 760px;
    height:180px;
    padding:10px 50px 10px 50px;
    margin-left:0px;
}
.img-news .news-title
{
    height:24px;
    line-height:24px;
    padding-top:15px;
    overflow:hidden;
}
.img-news .news-title a
{
    font-size:24px;
    color: #5e686d;
    text-overflow: ellipsis;
}
.img-news .news-desc
{
    padding-top: 10px;
    height:80px;
    line-height: 22px;
    overflow:hidden;
    font-size: 14px;
    color: #595757;
}
.img-news .href
{
    position: absolute;
    left:50px;
    bottom:10px;
    width:100%;
    height:38px;
}
.img-news .href a
{
    display: inline-block;
    position:absolute;
    left:0px;
    bottom:6px;
    width:96px;
    line-height:36px;
    background-color:#f7f7f7;
    border:solid 1px #d7d7d7;
    text-align:center;
    font-size:14px;
    color:#5e686d;
}
.img-news .href a:hover
{
    background-color:#c59780;
    border:solid 1px #c59780;
    color:#ffffff;
    text-decoration:none;
}
.img-news .href span
{
    display: inline-block;
    position:absolute;
    left:0px;
    bottom:0px;
    width:110px;
    line-height:36px;
    font-size:14px;
    color:#9fa0a0;
}

/*鍥剧墖鏂伴椈鍒楄〃*/
.img-news-list
{
    width:1000px;
    margin:0px auto auto auto;
    min-height: 300px;
}
.img-news-list li
{
    position: relative;
    float:left;
    width:1000px;
    height:190px;
    margin-bottom:24px;
    background-color:#f7f7f7;
    /*border: solid 1px #eae9ea;
    -webkit-box-shadow: 0 0 15px #eae9ea;
    -moz-box-shadow: 0 0 15px #eae9ea;
    box-shadow: 0 0 15px #eae9ea;*/
}
.img-news-list .news-pic
{
    float:right;
    width:335px;
    height:168px;
    padding-top:11px;
    padding-right:6px;
}
.img-news-list .news-pic img
{
    width:335px;
    height:168px;
}
.img-news-list .news-right
{
    position:relative;
    float:left;
    width:579px;
    height:150px;
    padding:20px 40px;
}
.img-news-list .noimg
{
    float: right;
    width: 931px;
}
.img-news-list .news-title
{
    line-height: 24px;
}
.img-news-list .news-title a
{
    text-decoration:none;
    font-size: 16px;
    font-weight: 600;
    color: #000000;
}
.img-news-list .news-title a:hover
{
    color: #b88038;
}
.img-news-list .news-desc
{
    padding-top: 10px;
    line-height: 22px;
    font-size: 14px;
    color: #7d7d7d;
}
.img-news-list .href
{
    position: absolute;
    left:32px;
    bottom:30px;
    width:100%;
    height: 26px;
}
.img-news-list .href a
{
    display: inline-block;
    position:absolute;
    right:70px;
    width:130px;
    line-height:36px;
    background-color:#f7f7f7;
    border:solid 1px #595757;
    text-align:center;
    font-size:14px;
    color:#5e686d;
}
.img-news-list .href a:hover
{
    background-color:#a27951;
    border:solid 1px #a27951;
    color:#ffffff;
    text-decoration:none;
}
.img-news-list .href span
{
    float:left;
    display:inline-block;
    line-height:26px;
    padding-left:8px;
    font-size:14px;
    color: #898989;
}
/*璇︾粏椤�*/
.detail-page
{
    position: relative;
    width:1000px;
    margin:45px auto auto auto;
}
.detail-page .detail-title
{
    width: 100%;
    line-height: 38px;
    font-size:30px;
    text-align: center;
    color: #3e3a39;
}
.detail-page .detail-time
{
    width: 100%;
    height: 28px;
    line-height: 28px;
    margin: 10px auto 20px auto;
    font-size: 14px;
    text-align: center;
    color: #898989;
}
.detail-page .detail-content
{
    width: 100%;
    line-height: 32px;
    margin: 10px auto auto auto;
    font-size: 16px;
    color: #3e3a39;
    min-height: 300px;
}
.detail-page .detail-content p
{
    line-height: 32px;
    margin: 5px auto auto auto;
}

/*浜у搧*/
.pro-head{ width:1200px; height:28px; margin:0px auto auto auto; border-bottom:solid 1px #9e9c9c;}
.pro-head ul{ text-align:center;}
.pro-head ul li{ display:inline-block; height:28px; line-height:28px; padding:0px 20px; font-size:16px; cursor:pointer;}
.pro-head ul li.liMout{ background-color:#ffffff; color:#3e3a39;}
.pro-head ul li.liMover{ background-color:#c59780; color:#ffffff;}

.pro-con{ width:100%; margin-top:40px;}
.pro-con .ConMover{ display:block;}
.pro-con .ConMout{ display:none;}
.pro-con .content{ width:100%; margin:0px auto auto auto; padding:0px 0px 40px 0px; line-height:32px; font-size: 16px; color: #6b6b6c;}
.pro-con .content p{ margin-bottom: 10px; line-height: 28px; color: #6b6b6c;  font-size: 16px; }

/*鍦ㄧ嚎鐣欒█*/
.msg-tab
{
    width:900px;
    margin:10px auto auto auto;
    padding:15px 0px 15px 0px;
}
.msg-tab td
{
    height: 32px;
    line-height: 32px;
}
.msg-tab .tdL
{
    width: 100px;
    text-align: right;
}
.msg-tab .tdR
{
    width: 1050px;
    text-align: left;
}
.msg-tab .txt
{
    width: 400px;
    height: 22px;
    border: solid 1px #919498;
    outline:none;
}
.msg-tab .btn
{
    width: 150px;
    height: 40px;
    border: 0px;
    background-color:#a27951;
    outline:none;
    border:0px;
    color: #FFFFFF;
    cursor: pointer;
}

.mbgx-wrap{ width:100%; min-width:1208px; height:387px; margin-top:33px; background-color:#3e3a39;}
.mbgx-wrap .mbgx-head{ width:238px; height:42px; margin:0px auto auto auto; background:url(../images/icon-5.png) no-repeat;}
.mbgx-wrap .mbgx-container{ position:relative; width:1128px; height:274px; margin:36px auto auto auto;}
.mbgx-wrap .left-mbgx{ position:absolute; left:0px; top:119px; width:35px; height:35px; cursor:pointer; background:url(/skin/img/anlileft.png) no-repeat;}
.mbgx-wrap .left-mbgx:hover{ background:url(/skin/img/anlilefta.png) no-repeat;}
.mbgx-wrap .right-mbgx{ position:absolute; right:0px; top:119px; width:35px; height:35px; cursor:pointer; background:url(/skin/img/anliright.png) no-repeat;}
.mbgx-wrap .right-mbgx:hover{ background:url(/skin/img/anlirighta.png) no-repeat;}
.mbgx-list{ width:1040px; margin:0px auto auto auto;}
.mbgx-list li{ float:left; display:inline; width:208px; height:274px; cursor:pointer;}
.mbgx-list li .img{ width:160px; height:240px; margin:0px auto auto auto;}
.mbgx-list li .img img{ width:160px; height:240px;}
.mbgx-list li .title{ height:24px; padding-top:10px; text-align:center; font-size:16px; color:#ffffff;}
.mbgx-list li .title a{color:#ffffff;}

.headTopDiv{ width: 100%; height: 148px; margin-bottom: 46px; background-color: #c1957e; text-align: center; color: #fff; display: flex; flex-direction: column;justify-content: center;}
.eTit{ text-transform: uppercase; font-size: 18px; line-height: 30px;}
.eTit p{ color: #fff;}
.cTit{ font-size: 16px; letter-spacing: 10px;}
.cTit p{ color: #fff;}
.box{ width: 472px; height: 106px; background-color: #fff; margin: 0 auto; color: #c1957e; display: flex; flex-direction: column;justify-content: center;}
.box .eTit{ font-size: 22px;}
.box h3{ font-size: 32px; font-weight: normal;}
.lineS{ width: 15px; height: 2px;  background-color: #fff; margin: 10px auto;}
.imgDiv ul{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.imgDiv ul li{ width: 271px; height: 205px; padding: 11px; box-sizing: border-box; background-color: #000;  margin-bottom: 10px;}
.imgDiv ul li div{ width: 100%; height: 100%; background-color: #f1f2f2;display:flex; justify-content: center; align-items: center; box-sizing: border-box; border: 1px solid #cccccc; border-top: none;
    box-shadow:inset 0px 15px 15px -17px #000
}
.info{padding: 15px 0; font-size: 16px;}
.more{ display: flex; justify-content: center; margin-bottom: 51px;}
.more a{ cursor: pointer;width: auto; height: 38px;background-color: #c1957e; color: #fff; line-height: 38px; text-align: center; display: inline-block; padding: 0 25px; border-radius: 19px; opacity: 0.8;}
.more a:hover{ opacity: 1;}
.innerBanner{ width: 100%; height:278px;text-align: center;}
.vedioD{ width: 100%; display: flex; justify-content: space-between; align-items: center;}
.vedioD .item{ width: 545px; height: 306px; background-color: #000; overflow: hidden;}
.cont .section{ padding: 00px 0 0;}
.cont .section h3{ font-size: 32px; text-align: center; line-height: 50px;}
.cont .section > p{ font-size: 18px; text-align: center;}
.centerDiv{ font-size: 16px; line-height: 28px; text-align: center; padding: 40px 0;}
.infoDiv{font-size: 16px; line-height: 28px; padding: 40px 0;}
.hl img{ display: block; margin: 0 auto 35px;}
.hl .more a{background-color: #84161a; font-size: 16px;}
.kc{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.kc li{ width: 258px; overflow: hidden; margin-bottom: 15px;}
.kc li h4{ font-size: 22px; line-height: 35px; color: #fff; background-color: #84161a; text-align: center; font-weight: normal;}
.kc li p{ padding: 5px 0; line-height: 24px; font-size:14px}
.sectionbt{ width: 100%; height: 423px; background-color: #484848; display: flex; justify-content: center;}
.sxyTit{ font-size: 16px; line-height: 28px; padding: 52px 0;color: #000;}
.itemFirst{ display: flex; align-items: center;}
.touxian{ font-size: 20px; color: #c59780; line-height: 40px;font-weight: bold;}
.itemFirst .imgS{ position: relative; z-index: 0;}
.grey{width: 405px; height: 505px; background-color: #f7f8f8; position: absolute; top: 27px; left: 13px; z-index: 1}
.itemFirst .imgS img{ position: absolute; left: 0; top: 0; z-index: 2;}
.itemFirst .imgS{ width: 388px; height: 505px;}
.infoS{ padding-left: 150px;}
.lineT{ width: 45px; height: 3px; background-color: #c59780;}
.name{ padding-top: 30px;}
.name p:first-of-type{ font-size: 50px;}
.name p:last-of-type{ font-size: 18px; text-transform: uppercase;}
.detail{ font-size: 18px; line-height: 32px; padding-top: 40px;}
.sxyUl ul{ display: flex; flex-wrap: wrap; padding: 55px 0; justify-content: space-between;}
.sxyUl{ margin-top: 51px;}
.sxyUl ul li{display: flex;width: 50%;}
.sxyUl > div:nth-child(2n+1){ background-color: #f7f8f8;}
.sxyUl ul li .imgS{ width: 263px; height: 328px; overflow: hidden;}
.sxyUl ul li .imgS img{ width: 100%;}
.imgS img{ display: block;}
.sxyUl ul li .infoS{ padding-left: 39px;padding-top: 30px;}
.sxyUl ul li .touxian{ font-size: 18px;font-weight: bold;}
.sxyUl ul li .name p:first-of-type{ font-size:26px;color: #221815;}
.sxyUl ul li .name p:last-of-type{ font-size: 10px;color: #221815;}
.sxyUl ul li .detail{width: 215px; font-size: 16px; line-height: 28px; padding-top: 10px;}
.sxyUl ul li .detail p{line-height: 20px; color:#221815 }
.jj{ display: flex; justify-content: space-between;}
.infoLf{width: 535px; height: 300px; background-color: #f8f8f8; font-size: 16px; line-height: 28px; padding: 0 25px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center;}
.infoLf p:first-of-type{ margin-bottom: 20px;}
.vedioRt{ width: 535px; height: 300px; background-color: #000; overflow: hidden;}
.tdList{ display: flex; align-items: center; justify-content: space-between; margin: 35px 0;}
.tdList p{ width: 354px; height: 97px; background-color: #c59780; color: #fff; text-align: center; line-height: 97px; font-size: 30px; font-weight: bold;}
.xzDiv{width: 100%; height: auto; background-color: #f7f8f8; padding: 30px 0; font-size: 16px; line-height: 24px;}
.xzDiv p{ margin-bottom: 20px;}
.xzDiv img{ padding-top: 20px; display: block; margin: 0 auto;}
.wh img{ width: 100%; height:auto;}
.qyBanner{ width: 100%;  height: 100%;box-sizing: border-box; margin-bottom: 25px;  background: url("/skin/img/qybanner.jpg") no-repeat center center;}
.qyDiv{ position: relative; padding-top: 84px; height: 100%; box-sizing: border-box; }
.qtBanner{ width: 100%; height: 100%;box-sizing: border-box; margin-bottom: 25px;  background: url("")  center center;}
.qyDiv{ position: relative; padding-top: 10px; height: 100%; box-sizing: border-box; }
.infoBox{ width: 100%; height: 100%;font-size: 16px; line-height: 24px; background-color: rgba(255,255,255,0.7); overflow: hidden; padding: 60px; box-sizing: border-box;}
.infoBox h3{ font-size: 32px;}
.infoBox .line{ width: 100%; height: 0px; background-color: #474444; margin: 20px 0;}
.infoBox p:first-of-type{ margin-bottom: 20px;}
.feature{ width: 100%; height: 123px; background-color: #fff; position: absolute; left: 0; bottom: -68px; box-shadow: 0 0 10px #dddbdb; display: flex; justify-content: space-around; align-items: center;}
.feature .item{ display: flex; align-items: center; position: relative; flex: 1; justify-content: center;}
.feature .item img{ padding-right: 16px;}
.feature .item p:first-of-type{ color:#727171; margin-bottom: 8px;}
.feature .item p:first-of-type span{ font-size: 30px;}
.feature .item .line{ width: 1px; height: 47px; background-color: #747474; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.dzTop img{ display: block; margin: 0 auto;}
.dzSection h2 span{ width: 50px; height: 50px; font-weight: normal; margin-right: 12px; background-color: #3e3a39; display: inline-block; line-height: 50px; text-align: center; color: #fff; font-size: 16px; text-transform: uppercase; border-radius: 50%;}
.dzSection h2{ font-size: 32px; display: flex; align-items: center; justify-content: center;}
.dzList{ display: flex; justify-content: space-between; padding: 33px 0;}
.dzList .item .img{ display: flex; height: 305px; overflow: hidden;}
.dzList .item .img div:last-of-type{ display: flex; flex-direction: column;}
.dzList .item .dz_detail{ font-size: 16px; line-height: 28px; width: 514px; padding-top: 24px;}
.dzList .item .dz_detail h3{ font-size: 18px;}
.dzList .item .img img{ display: block;}
.cjInfo{ color: #fff; text-align: center; padding-top: 18px;}
.cjList .item{ width: 262px;}
.cjList .item .img{position: relative;}
.cjList .item .shadow{ position: absolute; left: 0; top: 0; font-size: 14px; line-height: 24px; padding: 20px; box-sizing: border-box; display: none; justify-content: center; align-items: center; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); color: #fff;
    transition:all 0.5s;-webkit-transition:all 0.5s;;-o-transition:all 0.5s;-ms-transition:all 0.5s;-moz-transition:all 0.5s;
}
.cjList .item .img:hover .shadow{display: flex;}
.cjList{ display: flex; justify-content: space-between; padding: 54px 0;}
.cjList img{ width: 262px; height: 301px; overflow: hidden;}
.cjInfo h3{ font-size: 18px; line-height: 30px;}
.cjInfo p{ font-size: 22px; font-weight: lighter;}
.zx{ font-size: 32px; text-align: center; padding: 30px 0;}
.wgList{ display: flex;justify-content: space-between; height: 403px; overflow: hidden; padding: 20px 0 34px;}
.wgLf{ width:603px;display: flex; flex-wrap: wrap; justify-content: space-between;}
.wgLf img{ display: block;}
.wgRt img{width: 488px; height: 403px;}
.mt10{ margin-bottom: 10px; width: 194px; height: 149px;}
.mb{ width: 194px; height: 246px;}
.zlDiv ul{ display: flex; justify-content: space-between; margin-bottom: 20px;}
.fTit{ font-size: 12px; line-height: 22px; text-align: center; padding: 15px 0;}
.fTit p{ font-size: 12px; line-height: 22px; margin-bottom:0px; color:#000000}
.fTit h4{ font-size: 14px; line-height: 22px; margin-bottom:0px; color:#000000;font-weight: bold;}
.fTit span{ font-weight: bold;}
.ulList li {float: left;width: 300px;height: 400px;position: relative;margin-right: 40px;}
.ulList li Testim{margin-bottom: 0px;}
.ulList li:nth-child(3n){ margin-right: 0;}
.ulList {overflow: hidden; width: 980px; margin: 0 auto;}
.ulList li .spinfo {font-size: 16px;color: #666666;margin-top: 16px;font-family: "Microsoft YaHei",SimSun,SimHei;font-weight: bold;}
.ulList li .spinfo span {display: inline-block;width: 23px;height: 23px;line-height: 23px;padding-left: 3px;font-size: 14px;color: #FFF;background: url(/skin/img/yd.png) no-repeat 0 center;}
.ulList li .spdesc {font-size: 12px;color: #666666;margin-top: 12px;font-family: "Microsoft YaHei",SimSun,SimHei;line-height:22px}
.czTit{ display: block; margin: 10px auto;}
.czDiv .info{ width: 554px; font-size: 18px; line-height: 30px; margin: 0 auto;}
.fT{ font-size: 18px; padding: 10px 0 40px; text-align: center; line-height: 22px; margin-bottom:0px}
.ypDiv{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.ypDiv li{width: 172px; overflow: hidden; text-align: center; line-height: 30px; font-size: 14px; margin-bottom: 38px; padding-right: 60px;}
.ypDiv li:nth-child(5n){ padding-right: 0;}
.ptTop{ width: 100%; height: 99px; background-color: #c69982; color: #fff; padding: 20px 45px; box-sizing: border-box; font-size: 16px; line-height: 28px; margin: 35px 0 19px;}
.ptList{ display: flex; justify-content: space-between; align-items: center;}
.ptList li{ width: 261px; height: 117px; background-color: #c69982; color: #fff; padding: 25px; box-sizing: border-box; font-size: 22px; line-height: 30px; font-weight: bold;}
.ptList li:nth-child(2){ background-color: #eeae4c;}
.ptList li:nth-child(3){ background-color: #db282d;}
.ptList li:nth-child(4){ background-color: #2754a4;}
.ptInfo{ width:955px; margin-top:30px;margin-bottom:30px;margin-left:153px;font-size: 16px; line-height: 28px;}
.ptUl li{ width: 1100px; margin: 95px auto 20px;}
.ptUl li .ptImg{ display: flex; justify-content: flex-end; position: relative;}
.logoPt{ width: 1033px; height: 335px; background-color: #eeac46; position: absolute; top: -58px; right: 477px; z-index: 999;}
.logoPt img{ position: absolute; right: 174px; top: 50%; transform: translateY(-50%);}
.ptUl li .ptImg .more{ position: absolute; bottom:0; left:153px; margin-bottom: 0; }
.ptUl li:nth-child(2n) .ptImg{ justify-content:flex-start;}
.ptUl li:nth-child(2n) .logoPt{left: 477px;}
.ptUl li:nth-child(2n) .logoPt img{ left: 174px;}
.ptUl li:nth-child(2n) .ptImg .more{right:113px; left: auto;}
.yyTit{ text-align: center; margin-bottom: 30px;}
.yyTit p:first-of-type{ font-size: 28px;}
.yyTit p:last-of-type{ font-size: 16px; text-transform: uppercase; font-weight: bold;}
.lyDiv li p,.yxDiv li p{ line-height: 40px;text-align: center; font-size: 16px; margin-bottom: 10px;}
.lxDiv li p{ color: #fff; line-height: 40px;text-align: center; font-size: 16px; margin-bottom: 10px;}
.ylDiv li{width: 365px; height: auto; margin-bottom: 10px;}
.ylDiv li img{ border-radius: 0; width: 365px; height: 293px; display: block;}
.zyfu li{ width: 533px;}
.zyfu li img{ border-radius: 0; width: 533px; height: 296px;}
.roam li{ width: 364px;}
.roam li img{ border-radius: 0; width: 364px; height: 210px;}
.tdDiv{ text-align: center; margin-top: 27px;}
.tdDiv p{ font-size: 30px; font-weight: bold; padding: 30px 0 20px;}
.cooper{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.cooper li{ border: 1px solid #9d9c9c; width: 178px; height: 145px; display: flex; align-items: center; justify-content: center; margin-bottom: 8px;}
.mTit{ width: 700px; height: 151px; margin: 60px auto 0; padding: 0 26px; text-align: center; box-sizing: border-box; align-items: center; background-color: #004986; color: #fff; display: flex; justify-content: space-between;}
.mTit p{ font-size: 32px; font-weight: bold; color:#FFF;margin-bottom:0px;margin-top:10px}
.mTit span{ font-size: 18px; letter-spacing: 5px; text-transform: uppercase; padding-top: 10px; display: inline-block;}
.mTit img{ width: auto; height: 88px;}
.mendian .info{ font-size: 18px; padding: 15px 0 40px; text-align: center;}
.lxDiv li{ width: 533px;}
.lxDiv li img{ border-radius: 0; width: 533px; height: 287px;display: block;}
.lyDiv li{ width: 210px;}
.lyDiv li img{ border-radius: 0; width: 210px; height: 144px;}
.yxDiv li{ width: 265px;}
.yxDiv li img{ border-radius: 0; width: 265px; height: 306px;}
.zdDiv li{ width: 148px; height: 148px; background-color: #cd957c; color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 50%; font-size: 32px;}
.zdDiv li p{ font-size: 32px; padding: 0;}
.zdDiv li h4{ font-size: 32px;}
.mDiv li{ width: 344px;}
.mDiv li img{ border-radius: 0; width: 344px; height: 232px;}
.bt{ font-size: 28px; font-weight: bold; text-align: center; padding: 20px 0;}
.mDiv li a{ display: block;}
.slh{ font-size: 28px; color: #5c9ab8; text-align: center; font-weight: bold; margin-bottom: 30px;}
.yj{ width: 100%; height: 340px; background-color: #c59780; color: #fff; display: flex; align-items: center; justify-content: center; flex-direction: column; font-size: 16px; line-height: 40px;}
.yj p{ font-size: 24px;}
.yj div{ width: 778px; height: 59px; line-height: 59px; text-align: center; margin-top: 20px; background-color: #fff; color: #c59780; font-size: 28px; font-weight: bold;}
.cy{  background-color: #5c9ab8; color: #fff; height: 123px; display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 41px 0 32px;}
.cy p{ font-size: 20px; text-transform: uppercase;}
.cy h3{ font-size: 56px;}
.cyUl{ display: flex; align-items: center; justify-content: space-between;}
.cyUl li{ width: 524px; height: 103px; background-color: #dbdbf0; font-size: 16px; display: flex; flex-direction: column; color: #5c9ab8; line-height: 24px; align-items: center; justify-content: center;}
.cyUl li h4{ font-size: 24px; line-height: 30px;}
.cyDiv .info{ text-align: center; margin-bottom: 30px;}
.cyDiv{ background-color: #f5fbfe;}
.hb{ display: flex; justify-content: space-between; align-items: center;}
.hb_left{ width: 713px;}
.hb_left > p{ font-size: 16px; padding: 20px;}
.hbBox{ width: 713px; height: 76px; background-color: #e9e8de; color: #5c9ab8; font-size: 24px; font-weight: bold; line-height: 40px; padding: 20px 0 0 20px; box-sizing: border-box;}
.cyUlY{ display: flex; justify-content: space-between; align-items: center; font-size: 16px; color: #fff; }
.cyUlY li{background-color: rgba(0,0,0,0.5); width: 543px; height: 74px; display: flex; justify-content: center; align-items: center; margin-bottom: 8px;}
.cyUlO li{ height: 173px; background-color: rgba(210,138,102,0.8);}
.cyUlO li span{ font-size: 38px; display: block; font-weight: bold;line-height:48px}
.cy_tit{ font-size: 16px; line-height: 24px; color: #5c9ab8; font-weight: bold; text-align: center; padding-bottom: 30px; box-sizing: border-box;}
.ryUl{ width: auto; height: auto; box-sizing: border-box;}
.ryUl li{ margin-bottom: 9px; padding:41px 31px; font-size: 16px; line-height: 28px; color: #595757; border-radius: 9px; display: flex; align-items: flex-start; border: 1px solid #fff;}
.ryUl li img{ margin-right: 30px; width:191px; height:113px;}
.ryUl li:hover{ background-color: #f6f6f6; border: 1px solid #e5e5e5;}
.ryUl li .ryInfo{ width:603px;}


.slideTxtBox{ display: flex; margin: 26px 0 60px;}
.slideTxtBox .hd{ width: 142px; position: relative;}
.slideTxtBox .hd ul{ width: 142px; box-sizing: border-box; display: flex; flex-direction: column; position: absolute; right: -31px; top: 30px;}
.slideTxtBox .hd ul li{  margin-bottom: 80px; font-weight: bold; padding-bottom: 0; cursor: pointer; display: flex; align-items: center;}
.slideTxtBox .hd ul li p{ line-height: 48px; font-size: 24px; text-align: left; padding-top: 0; margin-bottom:0px;}
.slideTxtBox .hd ul li i{ width: 23px; height: 23px; background-color: #fff; border: 2px solid #c1957e; display: inline-block; border-radius: 50%; margin-left: 15px;}
.slideTxtBox .hd ul li.on p{ border-bottom: 0; color: #c1957e; }
.slideTxtBox .hd ul li.on i{background-color: #c1957e; border: 2px solid #fff;}
.slideTxtBox .bd{ flex: 1; overflow: hidden; border-left: 1px solid #c1957e;padding-left: 74px; box-sizing: border-box;}

.slideTxtBox .bd li.on { background-color: #f6f6f6; border: 1px solid #e5e5e5;}
.caseUl li:first-of-type{padding-top: 40px;}
.caseUl li .container{ padding:42px 0 42px 80px; box-sizing: border-box;}

.caseUl li > div{ position: relative;}
.caseUl li .info{}
.caseUl li h3{    font-size: 26px;margin-top: -39px; margin-left: 130px;}
.caseUl li .stit{ font-size: 20px; line-height: 28px;cursor:pointer;}
.caseUl li .detail{ height:120px;font-size: 16px; line-height: 26px; color: #221815; padding-top: 10px; font-family: "华文楷体";}
.caseUl li .con{ display:none;}
.caseUl li .case-more{ cursor:pointer;}
.caseUl li .case-more{ justify-content: flex-start;}
.caseUl li .case-more a{ background-color: #bfbfbf; width: 181px; margin:18px 0 0 0px;}
.caseUl li .case-more a:hover{background-color: #ffd400;}

.faT{ position: relative;}
.faT > div{ position: absolute; left: 0 ; top: 100px;}
.faT > div p{ font-size: 24px;}

.faT > div p:first-of-type{ font-size: 48px;}
.faDiv{ padding: 40px 0;}
.faBox{ background-color: #3e3a39; width: 100%; height: 494px; color: #fff;}
.tt{ width: 643px; height: 42px; margin: 0 auto; line-height: 42px; font-size: 24px; text-align: center; background: url("../images/arr.png") no-repeat;}
.tt span{ font-weight: bold;}


.picScroll-left{ width:1065px;position:relative; margin: 36px auto; }
.picScroll-left  .prev,.picScroll-left  .next{ display:block; z-index: 999;  width:37px; height:37px; margin-top:0;
    background:url(../images/yangpian/previous.png) no-repeat center center; background-size:37px 37px; position:absolute; top:50%; cursor:pointer; transform: translateY(-50%);}
.picScroll-left  .prev{ left:-26px;}
.picScroll-left  .next{ background:url(../images/yangpian/next.png) no-repeat center center; background-size:37px 37px; right:-11px;  width:45px; height:45px;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{  width: 161px; height: auto;margin:0 24px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li .pic{ text-align:center; height: 100%; }
.picScroll-left .bd ul li .pic a{ height: 100%; display: block; box-sizing: border-box;font-size: 16px;  color: #fff; line-height: 30px;}
.picScroll-left .bd ul li .pic img{  width:161px; height:241px;display: inline-block; }
.productScroll-left{ width: 1008px;}
.productScroll-left .bd ul li{ width: 334px;  height:227px; margin: 0 1px;}

.productScroll-left .bd ul li .pic img{  width:334px; height:227px;}
.icon_black .next{ background: url("../images/yangpian/next_h.png") no-repeat;}
.icon_black .prev{ background: url("../images/yangpian/previous_h.png") no-repeat;}
.productScroll-left .next{ right: -75px;}
.productScroll-left .prev{  left: -67px;}
.technology{ background:url("../images/yangpian/tcg_bg.jpg") no-repeat; height: 1450px; padding-top: 63px;}
.videoDiv{ width: 1146px; height: 1014px; margin: 0px auto 0; position: relative;}
.vedio{ width: 551px; height: 346px; background-color: #999999; overflow: hidden; position: absolute; left: 87px; bottom: 195px;}
.market{ background-color: #f7f9fa; padding: 63px 0 50px;}
.b_tit{ width: 394px; height: 173px; background-color: #fe283a; color: #fff; text-align: center; font-size: 20px; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.b_tit h3{ font-size: 45px; margin-bottom: 10px;}
.market ul{ padding-top: 50px; display: flex; justify-content: space-between; font-size: 16px;}
.market ul li img{ margin: 21px auto 0; display: block;}
.market ul li p{ width: 358px; margin: 0 auto; line-height: 26px;}
.market ul li p.bold,.market ul li p span{ font-weight: bold;}

.hysq li{ margin: 0 2px 20px;}
.zxx{ background-color: #84161a; color: #fff; height: 553px;}
.zxxDiv{ display: flex; justify-content: space-between; margin: 40px auto;}
.zxx_l{ width: 245px;}
.zxx_l .line{ width: 63px; height: 3px; background-color: #fff; margin-bottom: 28px;}
.linez{ width: 63px; height: 3px; background-color: #84161a; margin: 30px auto; }
.zTit{ line-height: 48px; margin-bottom: 30px;}
.zTit h2{ font-size: 32px;}
.zTit p{ font-size: 23px;color: #ffffff}
.zInfo{ font-size: 16px; line-height: 27px;}
.zInfo p{ color: #ffffff}
.vedio_z{ display: flex; justify-content: space-between; width: 821px; margin-top: 26px; margin-bottom: 50px;}
.vedio_z > div{ width: 405px; height: 249px; background-color: #999999; overflow: hidden;}
.lzList{ height: 460px; overflow: hidden;}
.lzList .wgLf{ width: 780px;}
.lzList .mt10{ width: 250px; height: 168px;}
.lzList .mb{ width: 250px; height:282px;}
.lzList .wgRt{ width: 304px;}
.lzList .wgRt img{ width: 304px; height: auto;}
.mrt1{ height: 220px; margin-bottom: 10px;}
.mrt2{ height: 230px;}
.lbxDiv{ display: flex; flex-direction: column; align-items: flex-end; padding-top: 86px;}
.lbx{ display: flex; justify-content: space-between;}
.lbx li{ padding-left:10px; text-align: center; font-size: 16px; line-height: 26px;}
.lbx li img{ display: block; margin: 0 auto;}
.lbx li .info p:last-of-type{ font-weight: bold;}
.ftit{ width: 100%; font-size: 36px; text-align: center; padding: 40px 0;}
.ftit p:first-of-type{ font-weight: bold;}
.lbxDiv .tit{ font-size: 38px; background: url("../images/tt.png") no-repeat; width: 625px; height: 60px; line-height: 60px; text-align: center;}
.lbxDiv .tit span{ font-weight: bold;}


.faUl .bd ul li{ width: 211px; height: auto; margin:0 2px;}
.faUl .bd ul li .pic img{width: 211px; height: 145px;}