@charset "utf-8";

body,select{margin:0;}
p,input,td,textarea,ul,dl,dt,dd{padding:0;margin:0;}
h1,h2,h3,h4,h5{margin:0;font-size:inherit;font-weight:normal;}
ul{list-style-type:none;}
table{border-collapse:collapse;}
input,textarea{outline:none;}
b,th{font-weight:normal;}
i,em{font-style:normal;}
u,a,s{text-decoration:none;}
body,button,input,select,textarea{font:12px/1.5 arial,SimSun,\5b8b\4f53,tahoma,Srial,helvetica;}
textarea{display:block;overflow:auto;resize:none;}
img{border:0px;}
input,textarea,select{box-shadow: 0 0 5px rgba(204, 204, 204, 0.3)inset;}

.fl{float:left;}
.fr{float:right;}
.cf{clear:both;}
.fn{float:none;}
.cf:after{
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0;
}
html,body{background: #fff;font-family: Microsoft Yahei,arial}

.containter{width: 1100px;margin: 0 auto;position: relative;}

.head-banner{position: relative;overflow: hidden;height: 828px;min-width: 1100px;background: #fff;}
.head-banner .logo{position: absolute;left: 63px;top: 0;}
.head-banner .txt{text-align: center;transition:all ease-in-out 0.3s;-webkit-transition:all ease-in-out 0.3s;opacity: 0;filter:alpha(opacity=0);}
.head-banner .txt.show{transform: translateY(70px);-webkit-transform: translateY(70px);opacity: 1;filter:alpha(opacity=100);}
.head-banner .front{position: absolute;right: -176px;bottom: -22px;transition:all ease-in-out 0.5s;-webkit-transition:all ease-in-out 0.5s;opacity: 0;filter:alpha(opacity=0);}
.head-banner .back{position: absolute;left: -145px;bottom: -62px;transition:all ease-in-out 0.6s;-webkit-transition:all ease-in-out 0.6s;opacity: 0;filter:alpha(opacity=0);}
.head-banner .containter{height: 828px;}
.head-banner .back.show{position: absolute;transform: translate(80px,-85px);-webkit-transform: translate(80px,-85px);opacity: 1;filter:alpha(opacity=100);}
.head-banner .front.show{transform: translate(-100px,-100px);-webkit-transform: translate(-100px,-100px);opacity: 1;filter:alpha(opacity=100);}

.shot-photo{height:810px;background: url(../images/shot-bg.jpg) no-repeat center top;min-width: 1240px;}
.shot-photo .main{width: 1285px;height: 810px;margin: 0 auto;position: relative;}
.shot-photo .main .face{position: absolute;left: 496px;top: -65px;width: 292px;height: 210px;background: url(../images/face.png) no-repeat ;}
.shot-photo .main .hover{position: relative;top: 0;float: left;}
.shot-photo .main .row2 .hover em{display: none;}
.shot-photo .main .row2 .hover:hover em{display: block;position: absolute;left: 50%;margin-left: -32px;top: 50%;margin-top:-33px;background: url(../images/icons.png) no-repeat -251px -88px;width: 64px;height: 66px;}
.shot-photo .main .row{position: relative;height: 146px;}
.shot-photo .main .row .hover{width: 248px;height: 146px;}
.shot-photo .main .row .a1,
.shot-photo .main .row .a2{float: left;}
.shot-photo .main .row .a3,
.shot-photo .main .row .a4{float: right;}
.shot-photo .main .row2 a{height: 332px;width: 248px;float: left;}
.shot-photo .main .row2 a.a3{width: 293px;}
.shot-photo .main .row2 img{display: none;position: absolute;z-index: 2;box-shadow: 0 0 15px rgba(0, 0, 0,0.3);}
.shot-photo .showBox{position:absolute;box-shadow: 0 0 5px rgba(0,0,0,0.08);display: none;}

/*banner整屏轮播*/
.wrap{width: 1000px;margin: 0 auto;}
.pic_show {position: relative;overflow: hidden;height:732px;}
.pic_show .p_m {width:5000px}
.pic_show .p_m li {float: left;overflow:hidden;}
.pic_show .p_b {position: relative;bottom: 50px;text-align: center;}
.pic_show .p_b a {text-align: center;color: #fff;font-size: 12px;;font-style: italic;line-height: 20px;margin:0 5px;display:inline-block;vertical-align: middle;cursor:pointer;background:#dedede;width: 15px;height:15px;border-radius: 50%;}
.pic_show .p_b a.active {width: 20px;height: 20px;background:#1082db;line-height: 40px;font-size: 27px;}

/*功能*/
.function-list{padding: 75px 0 35px 0;}
.function-list img{display: block;}

/*more功能*/
.function-more{min-width:1100px;height:445px;background:url(../images/more.jpg) no-repeat top center;}

/*自拍美图*/
.zipai-photo{height:822px;background: url(../images/video-bg.jpg) no-repeat;}
.zipai-photo .main{position: relative;padding-top: 135px;}

.img-show{ width:1020px; height:540px; position:relative; /*overflow:hidden;*/margin: 0px auto;}
.img-show .btn,.img-show .video{position:absolute;}
.img-show .video{width:760px;background: #fff;border-radius: 3px;border-radius: 5px;-webkit-border-radius: 5px;box-shadow: 0 0 50px rgba(0,0,0,0.5);}
.img-show .video .box{margin: 0 5% 5% 5%;width:90%;}
.img-show .video .txt{text-align: center;line-height: 1;font-size: 18px;color: #003366;font-weight: bold;padding: 5% 0;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.img-show .video embed{width:100%;height:78%; display: block;}
.zipai-photo .btn{cursor: pointer;position: absolute;background: url(../images/icons.png) no-repeat ;width: 97px;height: 97px;}
.zipai-photo .left-btn{ background-position: -11px -137px;left: -50px;}
.zipai-photo .right-btn{background-position: -115px -140px;right:-50px;}


/*buy-module*/
.buy-module{height: 96px;background: #3c69c0;padding-top: 36px;}
.buy-module .buy-ico{float: left;padding-left: 60px;}
.buy-module .buy-ico em{float: left;background: url(../images/icons.png) no-repeat -409px -13px;width: 62px;height: 64px;}
.buy-module .buy-ico .txt{overflow: hidden;padding-left: 12px;}
.buy-module .buy-ico .txt p{font-size: 30px;font-weight: bold;color: #fff;}
.buy-module .buy-ico .txt h3{font-size: 16px;color: #fff;padding-top: 5px;font-weight:normal;}
.buy-module .buy-list{overflow: hidden;padding-left: 25px;}

/*产品美图*/
.product-photo{background: url(../images/meitu-bg.jpg) no-repeat center top;height: 894px;min-width: 1100px;}
.product-photo .tit{text-align: center;padding: 78px 0 30px 0;font-size:30px;color: #d96800; }
.product-photo .containter{width: 1116px;}
.product-photo .product-slider{margin: 0 auto;position: relative;width: 1116px;}
.product-photo .product-slider .box{width: 1116px;overflow: hidden;background:#fff;height: 661px;}
.product-photo .product-slider ul{width: 1000000px;}
.product-photo .product-slider li{width: 1100px;padding: 8px;float: left;height: 645px;}
.product-photo .product-slider .arrow{opacity: 0.8;position: absolute;top: 275px;width: 84px;height: 84px;border-radius: 50%;-webkit-border-radius: 50%;background: rgba(0,0,0,0.55);}
.product-photo .product-slider .arrow em{position: absolute;left: 30px;top: 20px;background: url(../images/icons.png) no-repeat;width: 24px;height: 44px;}
.product-photo .product-slider .prev{left: -30px;}
.product-photo .product-slider .next{right: -30px;}
.product-photo .product-slider .prev em{background-position: -315px -20px;}
.product-photo .product-slider .next em{background-position: -365px -20px;}
.product-photo .product-slider .arrow:hover{background: rgba(0,0,0,0.8);}


a{text-decoration:none;}
/*文章列表*/
.article-list{background: #fff;}
.article-list .tit{text-align: center;padding-top: 40px;font-size: 30px;color: #333;}
.article-list .list{padding-bottom: 100px;overflow: hidden;}
.article-list .list li{position: relative;margin: 40px 30px 0 30px;float: left;background: #dcf0f9;padding: 30px 40px 30px 15px;width: 435px;}
.article-list .list li .pic{float: left;width: 133px;padding: 10px;background: #fff;}
.article-list .list li .pic img{vertical-align: top;width: 133px;height: 94px;}
.article-list .list li .txt{overflow: hidden;padding-left: 16px;}
.article-list .list li .txt h3 a{font-size: 16px;color: #003366;font-weight: bold;line-height: 24px;max-height: 48px;overflow: hidden;}
.article-list .list li .txt .des{font-size: 12px;color: #333;padding-top: 6px;line-height: 20px;padding-right: 50px;}
.article-list .list li .more{position: absolute;right: 0;top: 57px;background: url(../images/icons.png) no-repeat -254px -13px;width: 39px;height: 57px;text-align: center;}
.article-list .list li:before{content: '';position: absolute;width: 8px;height: 56px;background: #4d8dc9;left: 0;top: 57px;}
.article-list .list li:hover .more{opacity: 0.9;filter:alpha(opacity=90);}
.article-list .list li:hover .txt h3{padding-left: 5px;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}

/*footer*/
.footer{text-align: center;height: 48px;line-height: 48px;background: #3471ae;color: #fff;font-size: 12px;font-weight: bold;}