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

*{ margin:0; padding:0;}

body,html{
            padding: 0;
            margin: 0;
}
body{
    font-family: Arial,"Microsoft YaHei","Hiragino Sans GB",sans-serif;
	padding-top:0 !important;
}
html,body{
    height: 100%;
    overflow: hidden;
	background:#fff;
}

#container,.section{
    height: 100%;
    position: relative;
}

#pages{
    position:fixed;
    right: 10px;
    top: 50%;
    list-style: none;
}
#pages li{
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #acacac;
    margin: 0 0 10px 5px;
}
#pages li.active{
    width: 14px;
    height: 14px;
    border: 2px solid #acacac;
    background: #fff;
    background: none;
    margin-left: 0;
}

#container,.sections,.section { height: 100%;}

#container { width: 1100px; margin:0 auto;}
.section { height: 100%; position: relative; overflow: hidden; zoom:1;}
.section h2 { margin-top: 10%;}

.phone_h2,.phone_h3,.phone_h4 {font-family:"Microsoft Yahei"; margin-top: 10px; font-weight: normal; text-align: center;} 
.phone_h2 { font-size: 48px; color:#000000; font-weight: normal !important;}
.phone_h3 { font-size: 18px; color:#000;}
.phone_h4 { font-size: 24px; color:#a3abb1; vertical-align: middle;}
.phone_h4 img { vertical-align: middle;}


.phone_img01 { width: 489px; float: left;}
.phone_ewm { width: 499px; float: right; margin-top: 24%;}
.phone_ewm h3 { font-weight: normal; font-size: 16px; padding-left: 100px;}
.phone_ewm .phone_h2 { text-align: right; }
.phone_ewm dl { float: right; width:400px; overflow:hidden; zoom:1;}
.phone_ewm dl dt { width:200px; float: left;}

.phone_ewm dl dd { margin-top: 5px;}
.phone_ewm dl dd a { display: inline-block; width:194px; height: 51px;}
.phone_ewm dl dd a.btn01 { background:url(../../img/subject/151027/phone-btn01.jpg) no-repeat;}
.phone_ewm dl dd a.btn02 { background:url(../../img/subject/151027/phone-btn02.jpg) no-repeat;}
.phone_ewm dl dd a.btn01:hover { background: url(../../img/subject/151027/phone-btn01-h.jpg) no-repeat;}
.phone_ewm dl dd a.btn02:hover { background: url(../../img/subject/151027/phone-btn02-h.jpg) no-repeat;}


.phone_img02,.phone_img03,.phone_img04 {}
.phone_img02 { width: 640px; margin-left: -320px;}
.phone_img03 { width: 790px; margin-left: -371px;}
.phone_img04 { width: 520px; margin-left: -260px;}

.sy-phImg { position: absolute; bottom:0; left: 50%;}
.phone_img01.sy-phImg { bottom:auto; left:140px; top:120px;}
.phone_img05.sy-phImg { top:26%; bottom:auto; left:60px;}


.phone_h1 img,.phone_h2 img,.phone_h3 img,.phone_h4 img { padding-right: 5px;}


/*test img*/
.phone_img02 img,.phone_img04 img,.phone_img04 img { width: 100%;}
.phone_img03 img { width: auto;}

.phone_img01 img{ transform:translate3d(0px,300px,0); opacity: 0; transition:all .9s;}
.phone_img01 .visible{ transform:translate3d(0,0,0); opacity: 1;}

.phone_img02 img{ transform:translate3d(0px,300px,0); opacity: 0; transition:all .9s;}
.phone_img02 .visible{ transform:translate3d(0,0,0); opacity: 1;}

.phone_img03 .img01{ transform:translate3d(-50px,0,0); opacity: 0; transition:all 0.9s 1s;}
.phone_img03 .img02{ transform:translate3d(50px,0,0); opacity: 0; transition:all 0.9s .5s;}
.phone_img03 .visible{ transform:translate3d(0,0,0); opacity: 1;}

.phone_img04 img{ transform:translate3d(0px,380px,0); opacity: 0; transition:all 1s;}
.phone_img04 .visible{ transform:translate3d(0,0,0); opacity: 1;}

.phone_img05 img{ transform:translate3d(0px,380px,0); opacity: 0; transition:all 1s;}
.phone_img05 .visible{ transform:translate3d(0,0,0); opacity: 1;}

.phone_down_list { float: right; width: 630px;}
.phone_down_list ul { overflow: hidden; zoom:1; margin-right: 10px; list-style-type: none;}
.phone_down_list ul li { float: left; width:48%; margin-top: 80px;}
.phone_down_list ul li img { float: left; padding-right: 10px;}
.phone_down_list ul li h2 { font-size: 18px; color: #000; font-weight: normal;}
.phone_down_list ul li a { font-size: 14px; color: #7399e5; text-decoration: none;}
.phone_down_list ul li a:hover { text-decoration: underline;}


@media \0screen\,screen\9 {
    .phone_h2 { font-size: 28px;}
    .phone_h3 { font-size: 16px;}
    .phone_h4 { font-size: 18px;}
    .phone_img01.sy-phImg { width: 220px; float: left;}
    .phone_img01.sy-phImg img { width:100%;}
    .phone_img05.sy-phImg img { width:80%; top:22%;}
    .phone_img02 { width: 360px; margin-left: -180px;}
    .phone_img03 { width: 580px; margin-left: -290px;}
    .phone_img03 .img01 { width: 42%;}
    .phone_img03 .img02 { width: 45%;}
    .phone_img04 { width: 300px; margin-left: -150px;}
    .phone_h1 img,.phone_h2 img,.phone_h3 img,.phone_h4 img { width:50px;}
    .phone_down_list ul li { float: left; width:48%; margin-top: 42px;}
}

@media only screen and (max-width: 1400px){
    .phone_h2 { font-size: 28px;}
    .phone_h3 { font-size: 16px;}
    .phone_h4 { font-size: 18px;}
    .phone_img01.sy-phImg { width: 220px; float: left;}
    .phone_img01.sy-phImg img { width:100%;}
    .phone_img05.sy-phImg img { width:80%; top:22%;}
    .phone_img02 { width: 360px; margin-left: -180px;}
    .phone_img03 { width: 580px; margin-left: -290px;}
    .phone_img03 .img01 { width: 42%;}
    .phone_img03 .img02 { width: 45%;}
    .phone_img04 { width: 300px; margin-left: -150px;}
    .phone_h1 img,.phone_h2 img,.phone_h3 img,.phone_h4 img { width:50px;}
    .phone_down_list ul li { float: left; width:48%; margin-top: 42px;}
}