@charset "utf-8";
.banner {position:relative; left:50%; width:1920px; margin-left:-960px; background:#fff; text-align:center; z-index:3; }
.banner .bd li{/*padding:4.4% 0;*/background-attachment:fixed;background-repeat:no-repeat;background-position:center top;background-size:cover;height:450px;}
.banner .hd { position:absolute; bottom:5%; width:118px; height:34px; z-index:1;left: 50%;margin-left:-59px;background:url(bg-01.png) repeat;border-radius: 5px;}
.banner .hd ul { width:100%; margin:7px auto;}
.banner .hd ul li { display:inline-block; *display:inline; zoom:1; width:22px; height:8px; margin:0 3px; border-radius:3px; background:#fff; line-height:999px; overflow:hidden; cursor:pointer; }
.banner .hd ul .on { background:#036ab2; }
.banner .prev,.banner .next{position: absolute;top:50%;z-index: 99;display: none;}
.banner .prev{left: 15%;}
.banner .next{right: 15%;}
#next{position: absolute;bottom:2%;z-index: 5;left:50%;margin-left:-16px;}

.container { position:relative;z-index:4; }
.title{position: relative;text-align: center;z-index: 2;}
.title h1{font-size: 48px;color:#221815;font-weight:normal;line-height: 1;position: relative;display: inline-block;}
.title p{font-size: 14px;color: #595757;padding-top:3px;}
.title:after{content:attr(data-name);font-size:60px;color:#f3f3f3;text-transform:uppercase;line-height: 1;position: absolute;top:-25px;z-index:-1;}
.title h1:after{content:attr(data-en);font-size:60px;color:#f3f3f3;text-transform:uppercase;line-height: 1;position: absolute;z-index: -1;top: 30px;left:-12px;}
.con-01{padding:50px 0 90px;background:url(bg-01.jpg) no-repeat center 0 fixed;position: relative;}
.con-01 .title{padding-bottom:60px;}
.con-01 .bd{margin:0 auto;width: 1080px;}
.picbox{float: left;position: relative;padding:27px 0 32px 62px;background:url(bg-03.png) no-repeat 174px 150px;background-attachment:fixed;width: 414px;height: 272px;}
.picbox .img{width: 414px;height: 272px;background-repeat:no-repeat;background-position:235px 78px;background-attachment:fixed;position: absolute;top: 0;right: 0;z-index: 99;}
.prief{float: right;width: 538px;font-size: 14px;color:#595757;line-height: 2;text-indent:2em;}
.more {margin-top:26px;text-align: left;text-indent: 0;}
.more a{color:#fff;padding:10px 30px;background:#1a77be;text-transform: uppercase;display: inline-block;text-indent: 0;}

.con-02{background:url(bg-02.jpg) no-repeat center 0 fixed;padding:90px 0 182px;}
.con-02 .title h1,.con-02 .title p{color:#fff;}
.con-02 .title:after{color: #1a5197;}
.con-02 .title h1:after{color: #1a5197;}
.con-02 .title{margin-bottom:68px;}
.con-02 .hd{text-align: center;margin-bottom: 80px;}
.con-02 .hd li{display: inline-block;cursor:pointer;color:#3ac3ff;font-size: 14px;border:1px solid #3ac3ff;border-radius:7px;padding:3px 28px;margin:0 7px;}
.con-02 .hd li.on{background:#0096d8;color:#fff;}

.pro-box{position: relative;margin: 0 auto}
.pro-box .xxx{}
.pro-box .sprev,.pro-box .snext{position: absolute;top: 45%;z-index: 9;}
.pro-box .sprev{left:-25px;}
.pro-box .snext{right:-25px;}
.pro-box li{float: left;position: relative;margin:0 10px;}
.pro-box li .pic{position: relative;}
.pro-box li .pic i{display: block;position: absolute;bottom:5px;left: 0;right: 0;height:40px;line-height:40px;font-size: 14px;z-index: 9;color:#fff;text-align: center;background:rgba(0,0,0,.5);transition:all ease-out .3s;}
.pro-box li .info{position: absolute;width: calc(100% - 16px);height:calc(100% - 16px);margin:8px;top: 0;background:url(bg-04.png) repeat;transition:all ease-out .3s;text-align: center;color:#fff;opacity: 0;}
.pro-box li dl{padding:80px 0 0;}
.pro-box li dl dt{font-size: 16px;position: relative;padding-bottom: 20px;}
.pro-box li dl dt:after{content:"";position: absolute;width: 26px;height: 1px;background:#fff;left:50%;margin-left:-13px;bottom:10px;}
.pro-box li dl .d1{font-size: 12px;font-family:Arial;text-transform: uppercase;margin-bottom: 20px;}
.pro-box li:hover .info{opacity: 1;}
.pro-box li:hover .pic i{opacity: 0;}

.con-03{padding-top: 60px;background:url(bg-04.jpg) no-repeat 50% 0;background-attachment: fixed;background-size:cover;}
.con-03 .title{margin-bottom: 45px;}
.c3box li{float: left;width: 20%;position: relative;overflow: hidden;}
.c3box li i{position: absolute;left: 0;right: 0;bottom:0;background:rgba(0,0,0,.4);z-index:7;height: 40px;line-height: 40px;color:#fff;padding-left:15px;transition:all ease-out .3s;}
.c3box li img{height: auto;max-width: 100%;transition:all ease-out .5s;}
/*.c3box li:nth-child(2) i{display: none;}
.c3box li:nth-child(2) span{display: none;}*/
.c3box li:nth-child(6){width: 40%;}
.c3box li span{display: inline-block;width: 61px;height: 61px;background:url(icon-06.png) no-repeat;position: absolute;bottom:60px;left:50%;margin-left: -30px;z-index: 9;opacity: 0;transition:all ease-out .3s;}
.c3box li a{position: relative;display: block;transition:all ease-out .3s;}
.c3box li a:after{content: "";position: absolute;left:0;right: 0;top: 0;bottom: 0;background:url(bg-04.png) repeat;opacity: 0;transition:all ease-out .3s;}
.c3box li:hover a:after{opacity: 1;}
.c3box li:hover span{opacity: 1;}
.c3box li:hover i{bottom:65%;background:none;text-align: center;padding-left: 0;font-size: 14px;}
.c3box li:hover img{transform:scale(1.05);}
/*.c3box li:nth-child(2) a:after{display: none;}*/

.con-04{padding:80px 0 60px;background:url(bg-04.jpg) no-repeat 50% 0;background-attachment: fixed;background-size:cover;}
.con-04 .title{padding-bottom:60px;}
.con-04 li{float: left;text-align: center;width: 33.3%;}
.con-04 li p{font-size: 18px;color:#595757;line-height: 1.7;}
.con-04 li i{display: block;margin-bottom: 10px;}

.container img { vertical-align:top; }
.phones {margin-left:71px;}
.phones li{float: none;font-size: 18px;color:#595757;line-height: 1.7;}
.phones p{display: inline-block;float: left;}
.phones .bd{display: inline-block;float: left;}