@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: #1857A3;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:500px; 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: #1857A3;}

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

/* search */



/* 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(../images/productBg01.jpg) no-repeat center;height: 74px;padding-top: 26px;text-align: center;}
.product .sideBar .top h2{font-size: 24px;color: #1857A3;}
.product .sideBar .top h2 a{color: #1857A3;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: 50px;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:hover{background: #1857A3;}
.product .sideBar .product-list li:hover a{color: #fff;}
.product .sideBar .bottom{padding-top: 20px;height: 108px;}
.product .sideBar .bottom img{display: block;margin: 0 auto;}
.product .sideBar .bottom .phone{padding-left: 98px;background: url(../images/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;}

.product .section{width: 874px;float: right;overflow: hidden;position: relative;height:auto;}
.product .section ul{width: 104%;margin-top: 50px;}
.product .section li{float: left;width: 275px;height: 274px;text-align: center;margin-right: 20px;margin-bottom: 30px;border: 1px solid #dddddd;}
.product .section li a{display: block;text-decoration: none;}
.product .section li span{display: block;width: 275px;height: 206px;margin: 0 auto;overflow: hidden;}
.product .section li img{display: block;width: 275px;height: 206px;transition: all 1s ease-out;}
.product .section li p{font-size: 16px;color: #666666;height: 68px;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 .section li:hover p::before{    
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 275px;
    height: 68px;
    background: #1857A3;
    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: #1857A3;opacity: 1;transform: scale3d(1,1,1);-webkit-transform:translate3d(0,0,0)}
.product .section li:hover p{color: #fff; background: #1857A3; }


/* flow */
.flow{width: 100%;background: url(../images/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: #1857A3;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{text-align: center;padding-bottom: 16px;}
.flow .mainCon .article p{font-size: 14px;color: #fff;line-height: 30px;}
.flow .mainCon .article p span{font-size: 16px;color: #1857A3;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: #1857A3;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: #fff;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(../images/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;}

/* about */
.about{width: 100%;background: url(../images/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: #000;margin-bottom: 26px;}
.about .about-article p.p1 em{font-weight: bold;color: #1857A3;}
.about .about-article .p2{font-size: 16px;color: #333;line-height: 30px;width:786px;border: #f00 px solid;height: auto;margin-bottom:60px; margin: 0 auto;}
.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(../images/mienBg01.jpg) no-repeat top center;height:850px;}
.mien .conBox{width: 100%;margin-top: 40px;border:#f00 px solid;height: 700px;}
.mien .conBox li{float: left;width: 400px;height: 321px;}
.mien .conBox li img{display: block;width: 380px;height: 285px;}
.mien .conBox p{width: 400px;height: 36px;line-height: 36px;text-align: center;font-size: 18px;}

/* news */
.news{width: 100%;background: url(../images/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:#1857A3;}
.news .top .news-title h2 a{color: #1857A3;}
.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(../images/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;}
.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:normal;}
.news .conBox li i.news-xian02{display: block;width: 0px;height: 3px;background: #1857A3;position: absolute;left: 37px;bottom: -1px;}
.news .conBox li:hover h3{color: #1857A3;}
.news .conBox li:hover em{color: #1857A3;font-style:normal;}
.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: #1857A3;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;}