@charset "utf-8";
/* CSS Document */


/* com-title */
.com-title{width: 100%;text-align: center;padding-top: 66px;}
.com-title h2{color: #333333;font-size: 35px;font-weight: normal;}
.com-title h2 a{color: #333333;text-decoration: none;}
.com-title em{color: #e77d32;font-weight: bold;}
.com-title p{font-size: 16px;color: #666666;margin-top: 18px;}
.com-title i{display: block;width: 382px;height: 12px;margin: 16px auto 0;}
.com-title i img{display: block;width: 382px;height: 12px;}





/* banner */
.banner{ overflow:hidden; width:100%;}
#flashs{ position:relative; height:600px; overflow:hidden;}
#flashs .btn{ width: 100%;position: absolute;left: 0;bottom: 35px;text-align: center;z-index: 998;}
#flashs .btn span{display: inline-block;width: 62px;height: 4px;cursor: pointer; background:#e6dcd9;margin: 0 4px;}
#flashs .btn span.cur {background: #e77d32;}

#flashs .bot{ display:block; position:absolute; width:58px; height:58px; top:50%; margin-top:-29px;display: none;}
#flashs .bot1{ background:url(img/babot1.png) no-repeat center; left:5%; z-index: 2;}
#flashs .bot2{ background:url(img/babot2.png) no-repeat center; right:5%; z-index: 2;}
#flashs:hover .bot{display: block;}

/* abstract */
.abstract{width: 100%;height: 150px;background: url(img/abstractBg01.jpg) no-repeat center;}
.abstract dt{float: left;width: 116px;height: 60px;margin-top: 6px;}
.abstract dl{margin-top: 44px;float: left;width: 912px;}
.abstract dt img{display: block;width: auto;height: 60px;}
.abstract dd{padding-left: 40px;background: url(img/abstract-xian.png) no-repeat left center;float: right;width: 655px;}
.abstract dd h3{font-size: 14px;color: #fff;}
.abstract dd h3 a{color: #fff;text-decoration: none;}
.abstract dd p{font-size: 13px;color: #fff;font-weight: lighter;margin-top: 12px;line-height: 23px;height: 46px;}
.abstract dd p a{color: #9f9f9f;;text-decoration: none;}
.abstract a.details{display: block;width: 144px;height: 45px;line-height: 45px;text-decoration: none;font-size: 13px;color: #fff;text-decoration: none;margin-top: 56px;float: right;background: #e77d32;border-radius: 30px;text-align: center;}


/* search */
.search{width: 100%;height: 58px;}
.search p{float: left;height: 58px;line-height:58px;font-size: 14px;color: #242424;width: 723px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.search p a{font-size: 14px;color: #666666;font-weight: normal;padding: 0 12px;border-left: 1px dotted #cccccc;}
.search p a:first-child{border-left: none;padding-left: 0;}
.search .Input{width: 284px;height: 30px;line-height: 30px;float: right;margin-top: 18px;position: relative; border-bottom: 1px solid #d8d8d8;}
.search .Input input{font-size: 14px;outline: none;border: none;color: #999999;height: 30px;line-height: 30px;width: 260px;background: none;float: left;}
.search .Input a{display: block;width: 24px;height:30px;background: url(img/searchBtn.png) no-repeat center;float: right;}


/* product */
.product{width: 100%;background: #f2f2f2;padding-bottom: 82px;}
.product .mainCon{margin-top: 66px;width: 100%;}
.product .sideBar{width: 280px;float: left;background: #fff;}
.product .sideBar .top{position: relative;height: 90px;background: url(img/productBg01.jpg) no-repeat center;height: 74px;padding-top: 26px;text-align: center;}
.product .sideBar .top h2{font-size: 24px;color: #e77d32;}
.product .sideBar .top h2 a{color: #e77d32;text-decoration: none;}
.product .sideBar .top p{font-size: 13px;color: #5c5c5c;margin-top: 6px;text-transform: uppercase;}
.product .sideBar .top p i{display: inline-block;*display: inline-block;width: 16px;height: 1px;background: #5c5c5c;position: relative;top: -5px;margin: 0 4px;}
.product .sideBar .product-list li{height: 100%;font-size: 16px;color: #666666;text-indent: 28px;line-height: 50px;border-bottom: 1px solid #eeeeee;}
.product .sideBar .product-list li a{color: #666666;text-decoration: none;display: block;}
.product .sideBar .product-list li:first-child{border-top: 1px solid #eeeeee;}
.product .sideBar .product-list li>a:hover{background: #e77d32;}

.product .sideBar .bottom{padding-top: 20px;height: 125px;}
.product .sideBar .bottom img{display: block;margin: 0 auto;}
.product .sideBar .bottom .phone{padding-left: 98px;background: url(img/product-phone.png) no-repeat 56px center;margin-top: 18px;}
.product .sideBar .bottom .phone span{display: block;font-size: 14px;color: #666666;}
.product .sideBar .bottom .phone em{display: block;font-size: 18px;color: #242424;font-weight: bold;}
.d2 {width: 0;height: 0;border-width: 8px;border-style: solid;border-color: transparent transparent transparent #eee;position: relative;top: 31px;left: 13px;}
.product .section{width: 874px;float: right;overflow: hidden;position: relative;}
.product .section ul{width: 104%;}
.product .section li{float: left;width: 275px;height: 308px;text-align: center;margin-right: 20px;margin-bottom: 19px;border: 1px solid #dddddd;}
.product .section li a{display: block;text-decoration: none;}
.product .section li span{display: block;width: 275px;height: 240px;margin: 0 auto;overflow: hidden;}
.product .section li img{display: block;width: 275px;height: 240px;transition: all 1s ease-out;}
.product .section li p{font-size: 16px;color: #666666;/* height: 46px; */line-height: 68px;background: #fff;transition: all 0.5s ease-out;z-index: 1;position: relative;padding: 0 10px;}
.product .section li:hover img{transform: scale(1.2);}
.product .sideBar .product-list li>ul>li {
    margin-left: 36px;
}

.product .section li:hover p::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 275px;
    height: 68px;
    background: #e77d32;
    z-index: -1;
    opacity: 0;
    -webkit-transform: scale3d(0.7, 1, 1);
    transform: scale3d(0.7, 1, 1);
    -webkit-transition: -webkit-transform 0.6s, opacity 0.6s;
    transition: transform 0.6s, opacity 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.product .section li:hover p::before{background: #e77d32;opacity: 1;transform: scale3d(1,1,1);-webkit-transform:translate3d(0,0,0)}
.product .section li:hover p{color: #fff; background: #e77d32; }


/* flow */
.flow{width: 100%;background: url(img/flowBg01.jpg) no-repeat center;height: 947px;}
.flow .flow-title{width: 100%;text-align: center;padding-top: 92px;}
.flow .flow-title h2{font-size: 35px;color: #fff;font-weight: normal;}
.flow .flow-title h2 em{color: #e77d32;font-weight: bold;}
.flow .flow-title p{font-size: 16px;color: #fff;margin-top: 8px;}
.flow .mainCon{width: 100%;margin-top: 28px;}
.flow .mainCon .article{background: url(img/flow-xian01.png) no-repeat center top;text-align: center;padding-bottom: 16px;}
.flow .mainCon .article p{font-size: 14px;color: #cccccc;line-height: 30px;}
.flow .mainCon .article p span{font-size: 16px;color: #e77d32;font-weight: bold;}
.flow .mainCon .conBox{width: 100%;margin-top: 42px;}
.flow .mainCon .conBox li{float: left;width: 300px;position: relative;}
.flow .mainCon .conBox li span img{display: block;width: 300px;height: 298px;transition: all 1s ease-out;}
.flow .mainCon .conBox li span{display: block;width: 300px;height: 298px;overflow: hidden;}
.flow .mainCon .conBox li .intro{height: 94px;padding-top: 44px;background: #242424;border: 1px solid #181818;border-top: none;border-left: none;position: absolute;left: 0;top: 298px;width: 299px;text-align: center;}
.flow .mainCon .conBox li:first-child .intro{border-left: 1px solid #181818;width: 298px;}
.flow .mainCon .conBox li .intro h3{font-size: 24px;color: #fff;font-family: "宋体";font-weight: normal;}
.flow .mainCon .conBox li .intro em{display: block;font-size: 10px;color: #5a5a5a;font-family: arial;margin-top: 4px;font-style: italic;}
.flow .mainCon .conBox li p{font-size: 13px;color: #fff;line-height: 23px;padding: 0 40px 0 50px;margin-top: 30px;display: none;}
.flow .mainCon .conBox li i{display: none;width: 41px;height: 41px;bottom: 39px;left: 50%;margin-left: -20px;position: absolute;}
.flow .mainCon .conBox li i img{display: block;width: 41px;height: 41px;}
.flow .mainCon .conBox li:hover span img{transform: scale(1.1);}

.flow .mainCon .conBox li.cur .intro{background: url(img/flowBg02.png) no-repeat center;width: 300px;border: none;}
.flow .mainCon .conBox li.cur .intro p,.flow .mainCon .conBox li.cur .intro i{display: block;}
.flow .mainCon .conBox li.cur .intro em{color: #fff;}

/* witness */
.witness{width: 100%;padding-bottom: 76px;}
.witness .mainCon{margin-top: 66px;width: 100%;/*! height: 546px; */box-shadow: 6px 10px 27px 7px #dcdbdb;}
.witness .mainCon .conBox1{height: 319px;overflow: hidden;position: relative;border-bottom: 1px solid #dddddd;}

.witness .mainCon .conBox1 .witnessBtn{display: block;width: 54px;height: 50px;overflow: hidden;position: absolute;top: 224px;cursor: pointer;z-index: 99;}
.witness .mainCon .conBox1 .witnessBtn img{display: block;width: 54px;height: 100px;position: relative;}
.witness .mainCon .conBox1 .prev{right: 124px;}
.witness .mainCon .conBox1 .next{right: 66px;}
.witness .mainCon .conBox1 .witnessBtn:hover img{top: -50px;}
.witness .mainCon .conBox1 .box{position: relative;height: 319px;overflow: hidden;}
.witness .mainCon .conBox1 .box ul{position: absolute;left: 0;top: 0;}
.witness .mainCon .conBox1 .box li{width: 1200px;float: left;}
.witness .mainCon .conBox1 .box li dt{float: left;width: 333px;height: 319px;}
.witness .mainCon .conBox1 .box li img{width: 333px;height: 319px;display: block;}
.witness .mainCon .conBox1 .box li dd{width: 782px;padding-left: 85px;background: url(img/witness-yy01.png) no-repeat left  center;float: left;padding-top: 46px;height: 273px;position: relative;}
.witness .mainCon .conBox1 .box li dd h3{font-size: 18px;color: #333333;font-weight: normal;}
.witness .mainCon .conBox1 .box li dd h3 a{color: #333333;text-decoration: none;}
.witness .mainCon .conBox1 .box dd p{margin-top: 30px;line-height: 30px;color: #666666;font-size: 14px;width: 720px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;height:114px;padding:0 10px 0 0}
.witness .mainCon .conBox1 .box dd i{display: block;width: 50px;height: 1px;background: #e77d32;position: absolute;bottom: 69px;left: 85px;}
.witness .mainCon .conBox2{margin-top: 58px;height: 168px;}
.witness .mainCon .conBox2 .box{position: relative;height: 82px;width: 1194px;margin: 0 auto;overflow: hidden;}
.witness .mainCon .conBox2 .box ul{position: absolute;left: 0;top: 0;width: 101%;}
.witness .mainCon .conBox2 .box li{width: 1195px;float: left;overflow: hidden;}
.witness .mainCon .conBox2 .box a{float: left;width: 239px;height: 82px;background: url(img/witness_xian01.png) no-repeat right  center;}
.witness .mainCon .conBox2 .box li span{display: block;padding: 0 12px 0 13px;width: 214px;height: 82px;}
.witness .mainCon .conBox2 .box li img{width: 214px;height: 82px;display: block;}
.witness .mainCon .conBox2 .btnList{width: 100%;text-align: center;margin-top: 30px;}
.witness .mainCon .conBox2 .btnList span{display: inline-block;*display: inline-block;width: 12px;height: 12px;background: url(img/witness-icon01.png) no-repeat center;cursor: pointer;margin: 0 8px;}
.witness .mainCon .conBox2 .btnList span.cur{background: url(img/witness-icon02.png) no-repeat center;width: 59px;}

/* adv */
.adv{width: 100%;background: url(img/advBg01.jpg) no-repeat center;height: 789px;}
.adv .com-title{padding-top: 80px;}
.adv .mainCon{margin-top: 87px;width: 100%;position: relative;}
.adv .mainCon .menu{position: absolute;top: 272px;left: 662px;z-index: 99;}
.adv .mainCon .menu li{float: left;padding-top: 34px;height: 116px;width: 52px;text-align: center;background: url(img/adv-ty01.png) no-repeat center top;margin-right: 38px;font-size: 18px;color: #333333;cursor: pointer;}
.adv .mainCon .menu li.cur{background-position: center bottom;color: #fff;}
.adv .mainCon .conBox{width: 1090px;margin-left: 46px;position: relative;overflow: hidden;height: 418px;}
.adv .mainCon .conBox li{width: 1090px;height: 418px;}
.adv .mainCon .conBox li dt{float: left;width: 553px;height: 418px;}
.adv .mainCon .conBox li dt img{display: block;width: 553px;height: 418px;}
.adv .mainCon .conBox li dd{width: 476px;float: right;height: 418px;position: relative;}
.adv .mainCon .conBox li dd h3{font-size: 24px;color: #333333;font-weight: normal;}
.adv .mainCon .conBox li dd h3 em{font-weight: bold;}
.adv .mainCon .conBox li dd i{display: block;width: 220px;height: 11px;position: absolute;top: 65px;left: -122px;}
.adv .mainCon .conBox li dd i img{display: block;width: 220px;height: 11px;}
.adv .mainCon .conBox li dd .box{margin-top: 82px;}
.adv .mainCon .conBox li dd .box p{padding-left: 26px;margin-bottom: 18px;font-size: 14px;color: #666666;background: url(img/adv-icon02.png) no-repeat left 4px;}


/* about */
.about{width: 100%;background: url(img/aboutBg01.jpg) no-repeat center;height: 834px;}
.about .container{height: 834px;position: relative;}
.about .com-title{padding-top: 70px;}
.about .about-article{text-align: center;margin-top: 40px;}
.about .about-article p.p1{font-size: 18px;color: #000000;margin-bottom: 26px;}
.about .about-article p.p1 em{font-weight: bold;color: #e77d32;}
.about .about-article p.p2{font-size: 13px;color: #333333;line-height: 30px;}
.about .about-article a.more{display: block;width: 52px;height: 52px;margin: 20px auto 0;}
.about .about-article a.more img{display: block;width: 52px;height: 52px;transition: all 1s ease-out;}
.about .about-article a.more:hover img{transform: rotate(360deg);}
.about ul{position: absolute;left: 0;height: 92px;bottom: 101px;text-align: center;}
.about ul li{display: inline-block;*display: inline-block;height: 92px;border-left: 1px solid #d8d8d8;padding: 0 61px;}
.about ul li em{display: block;font-size: 14px;color: #333333;text-align: center;}
.about ul li p{font-size: 14px;color: #666666;margin-top: 4px;}
.about ul li span{font-size: 73px;color: #333333;font-family: arial;margin-right: 4px;}
.about ul li:first-child{border-left: none;}


/* mien */
.mien{width: 100%;background: url(img/mienBg01.jpg) no-repeat center;height: 467px;padding-top: 64px;}
.mien .menu{text-align: center;width: 100%;}
.mien .mainCon .menu ul{display: inline-block;*display: inline-block;}
.mien .mainCon .menu li{float: left;height: 46px;width: 151px;text-align: center;background: url(img/mienBg02.png) no-repeat center top;margin: 0 8px;font-size: 16px;color: #fff;cursor: pointer;line-height: 46px;}
.mien .mainCon .menu li.cur{background-position: center bottom;}
.mien .mainCon .menu li a{display: block;text-decoration: none;color: #fff;}
.mien .mainCon .menu li.cur a{color: #666666;}
.mien .mainCon .conBox{width: 100%;margin-top: 40px;}
.mien .mainCon .conBox li{float: left;width: 400px;height: 319px;}
.mien .mainCon .conBox li img{display: block;width: 400px;height: 319px;}


/* news */
.news{width: 100%;background: url(img/newsBg01.jpg) no-repeat center;height: 777px;padding-top:96px;}
.news .top{width: 100%;}
.news .top .news-title{float: left;}
.news .top .news-title h2{font-size: 35px;color:#e77d33;}
.news .top .news-title h2 a{color: #e77d33;}
.news .top .news-title p{font-size: 24px;color: #fff;text-transform: uppercase;margin-top: 8px;}
.news .top .news-title i{display: inline-block;*display: inline-block;width: 34px;height: 1px;background: #fff;}
.news .top ul{float: right;margin-top: 16px;}
.news .top li{float: left;width: 153px;height: 50px;line-height: 50px;text-align: center;background: url(img/newsBg02.png) no-repeat center top;margin-left: 26px;}
.news .top li a{font-size: 16px;color: #fff;text-decoration: none;}
.news .top li.cur{background-position: center bottom;}
.news .conBox{width: 100%;margin-top: 60px;}
.news .conBox li{width: 398px;float: left;border: 1px solid #3b3936;border-left: none;height: 508px;position: relative;}
.news .conBox li:first-child{border-left: 1px solid #3b3936;}
.news .conBox li h3{font-size: 18px;color: #fff;font-weight: normal;white-space: nowrap;}
.news .conBox li span{display: block;width: 327px;height: 218px;margin-top: 22px;overflow: hidden;}
.news .conBox li img{display: block;width: 327px;height: 218px;transition: all 1s ease-out;}
.news .conBox li a{text-decoration: none;display: block;padding: 48px 34px 0 37px;width: 327px;height: 460px;}
.news .conBox li p{margin-top: 30px;font-size: 13px;color: #cccccc;line-height: 30px;height: 60px;overflow: hidden;text-overflow: ellipsis;}
.news .conBox li i.news-xian01{margin: 30px 0 26px 0;width: 100%;height: 1px;background: #777570;display: block;}
.news .conBox li em{display: block;font-size: 14px;color: #ffffff;font-style: italic;}
.news .conBox li i.news-xian02{display: block;width: 0px;height: 3px;background: #e77d32;position: absolute;left: 37px;bottom: -1px;}
.news .conBox li:hover h3{color: #e77d32;}
.news .conBox li:hover em{color: #e77d32;}
.news .conBox li:hover img{transform: scale(1.1);}





/* link */
.link{width: 100%;}
.link dl{padding: 24px 0;width: 1075px;float: left;}
.link dt{float: left;width: 78px;border-right: 1px solid #dddddd;}
.link dt a{display: block;text-decoration: none;}
.link dt p{font-size: 22px;color: #333333;text-transform: uppercase;font-weight: bold;position: relative;top: -3px;}
.link dt p em{color: #eb7c2f;font-weight: bold;}
.link dt span{display: block;font-size: 13px;color: #000000;margin-top: -2px;}
.link dd{float: left;width: 996px;overflow: hidden;margin-top: 12px;}
.link dd a{display: block;font-size: 14px;color: #666666;float: left;padding: 0 32px;border-left: 1px dotted #cccccc;}
.link dd a:first-child{border-left: none;}
.link a.apply-link{display: block;font-size: 14px;color: #333333;margin-top: 36px;float: right;}