html,body,div,span,h1,h2,h3,h3,h5,h6,p,a,em,font,img,strong,dd,dt{margin:0;padding:0;}
ol,ul{list-style:none; margin:0px; padding:0px;}
img{border:0;}
body{ font-family: "Microsoft YaHei",Arial,Lucida,Verdana,Helvetica,sans-serif;}
a:link,a:visited,.main .artbox .lbox_1 .step13 li span a,.main .artbox .picbox li span a{color:#333333;text-decoration:none;}
a:hover{cursor:pointer}
.clear{ clear:both;}
h1,h2,h3,h4{ font-style: normal; font-weight: normal }
input:-webkit-autofill,
    textarea:-webkit-autofill,
    select:-webkit-autofill {
        -webkit-box-shadow: 0 0 0 1000px #fff inset;
}


.banner,.commun,.vergin,.sample_main,.imagine,.footer,.service,.ordersure,.value{width: 100%;overflow: hidden;}
.commun_main,.vergin ul,.sample,.imagine_main,.footer_main,.service_main,.preview,.center,.personal,.ordersure_main,.value_main{width: 1080px;margin:0 auto; overflow: hidden;}

/* 头部样式 */
.nav_comen{width: 100%;overflow: hidden; height: 80px; position: fixed; top: 0; left: 0; z-index: 999;background-color: #fff; border-bottom: 1px solid #ededee}
.navcomen,.nav1,.nav{width: 1080px;margin:0 auto; overflow: hidden;}
.navcomen img,.nav1 img,.nav img{float: left; padding-right: 90px; padding-top: 15px;}
.navcomen ul li,.nav1 ul li{ float: left; height: 80px;line-height: 80px; width: 125px; text-align: center}
.navcomen ul li a,.nav1 ul li a{color: #717071; font-size: 14px;}
.navcomen ul li a:hover,.nav1 ul li a:hover,.nav ul li a:hover{color: #2f9cf4;}
.nav_span2,.nav_span1,.nav_span{float: right; width: auto;height: 80px;line-height: 80px; }
.nav_span2 a,.nav_span1 a,.nav_span a{float: right; width: auto;height: 80px;line-height: 80px; margin-left: 10px;}
.nav_span2 a:hover,.nav_span1 a:hover,.nav_span a:hover{color: #2f9cf4;}


/* //弹出层菜单 */
.nav_all1{
    width: 100%; 
    height: 80px; 
    overflow: hidden;
    display: none;
    position: fixed;
    top: 0;
    background-color: #fff;
    border-bottom: 1px #ededee solid;
    z-index: 999;
}
.nav_all{ 
    width: 100%; 
    overflow: hidden; 
    height: 80px; 
    position: absolute; 
    top: 0;
    z-index: 999;
}
.nav ul li{ float: left; height: 80px;line-height: 80px; width: 125px; text-align: center}
.nav ul li a{ color: #fff; }


.nav_span1 span a,.nav_span2 span a{color: #717071; font-size: 14px;}
.nav_span span a {color:#fff;}
.nav_span1 span a:hover{color: #2f9cf4;}



 /* 底部信息 */
.footer{background: url(../images/video_61.jpg) 0px -138px no-repeat;padding: 50px 0}
.footer_1{background: url(../images/video_61.jpg) 0px -117px no-repeat;padding: 50px 0; transition: all 3s; }



.footer_left{float: left;width: 385px;}
.footer_middle{float: left;width:312px;padding-left: 100px }
.footer_right{float: right;width:200px }
.footer_left h3,.footer_middle h3,.footer_right h3{font-size: 16px;color: #fff;padding-bottom: 10px;}
.footer_left p,.footer_middle p{font-size: 12px;color: #fff;padding-top: 12px;}
.footer_right img{padding-top: 10px;float: left;}
.bottom{text-align: center;padding-top: 194px;}
.bottom p{color: #fff;font-size: 12px;}
.bottom img{}
.bottom p a{ color: #fff;}

/* 右侧浮动层 */
.right_talk{ width: 200px; height: 192px; position: fixed; bottom: 66px; right: 20px; overflow: hidden; z-index: 999;}
.right_talk ul{ width: 40px; height: auto; float: right;}
.right_talk ul li{ width: 40px; height: 40px; background-color: #c7c8c9; margin-bottom: 10px; cursor: pointer; overflow: hidden;}
.right_talk ul li img{ display: block; margin: auto; transform: translate(0, 10px); }
.right_talk ul .right_dh span{ 
    display: block; 
    width: 150px; 
    height: 38px; 
    line-height: 38px; 
    background-color: #fff; 
    position: absolute; 
    right: -112px; 
    /*bottom: 60px;*/
	bottom: 102px;
    border: 1px solid #c7c8c9;
    text-align: center;
    color: #686767;
    transition: 0.5s;
    z-index: -1;
    
}
.right_talk ul li:hover{background-color: #9a9a9a;}
.right_talk ul .right_dh:hover span{
    
    right: 40px; 
}

.right_talk ul .right_js span{ 
    display: block; 
    width: 150px; 
    height: 38px; 
    line-height: 38px; 
    background-color: #fff; 
    position: absolute; 
    right: -112px; 
    bottom: 152px;
    border: 1px solid #c7c8c9;
    text-align: center;
    color: #686767;
    transition: 0.5s;
    z-index: -1;
    
}
.right_talk ul li:hover{background-color: #9a9a9a;}
.right_talk ul .right_js:hover span{
    right: 40px; 
}





.right_talk ul .right_zixun span{ 
    width: 35px; 
    height: 40px; 
    display: block; 
    margin: auto; 
    text-align: center; 
    line-height: 15px; 
    font-size: 12px;
    transform: translate(0, 20px);
    -ms-transform:translate(0, 20px);   /* IE 9 */
    -moz-transform:translate(0, 20px);/* Firefox */
    -webkit-transform:translate(0, 20px); /* Safari 和 Chrome */
    -o-transform:translate(0, 20px);    /* Opera */


    transition: all 0.5s;
    -ms-transition: all 0.5s;   /* IE 9 */
    -moz-transition: all 0.5s;/* Firefox */
    -webkit-transition: all 0.5s; /* Safari 和 Chrome */
    -o-transition: all 0.5s;    /* Opera */

    color: #fff;
}
.right_talk ul .right_zixun span a{ color: #fff; } 
.right_talk ul .right_zixun img{transition: all 0.5s;}


.right_talk ul .right_zixun:hover span{transform: translate(0, -15px); transition: all 0.5s;}
.right_talk ul .right_zixun:hover img{ transform: translate(0, -20px); transition: all 0.5s;}


.right_talk ul .fanhui span{ 
    width: 35px; 
    height: 40px; 
    display: block; 
    margin: auto; 
    text-align: center; 
    line-height: 15px; 
    font-size: 12px;
    transform: translate(0, 20px);
    -ms-transform:translate(0, 20px);   /* IE 9 */
    -moz-transform:translate(0, 20px);/* Firefox */
    -webkit-transform:translate(0, 20px); /* Safari 和 Chrome */
    -o-transform:translate(0, 20px);    /* Opera */


    transition: all 0.5s;
    -ms-transition: all 0.5s;   /* IE 9 */
    -moz-transition: all 0.5s;/* Firefox */
    -webkit-transition: all 0.5s; /* Safari 和 Chrome */
    -o-transition: all 0.5s;    /* Opera */

    color: #fff;
}
.right_talk ul .fanhui img{
    transition: all 0.5s;
    -ms-transition: all 0.5s;   /* IE 9 */
    -moz-transition: all 0.5s;/* Firefox */
    -webkit-transition: all 0.5s; /* Safari 和 Chrome */
    -o-transition: all 0.5s;    /* Opera */
}


.right_talk ul .fanhui:hover span{
    transform: translate(0, -15px); 
    -ms-transform:translate(0, -15px);  /* IE 9 */
    -moz-transform:translate(0, -15px);/* Firefox */
    -webkit-transform:translate(0, -15px); /* Safari 和 Chrome */
    -o-transform:translate(0, -15px);   /* Opera */

    transition: all 0.5s;
    -ms-transition: all 0.5s;   /* IE 9 */
    -moz-transition: all 0.5s;/* Firefox */
    -webkit-transition: all 0.5s; /* Safari 和 Chrome */
    -o-transition: all 0.5s;    /* Opera */
}
.right_talk ul .fanhui:hover img{ 
    transform: translate(0, -20px); 
    -ms-transform:translate(0, -20px);  /* IE 9 */
    -moz-transform:translate(0, -20px);/* Firefox */
    -webkit-transform:translate(0, -20px); /* Safari 和 Chrome */
    -o-transform:translate(0, -20px);   /* Opera */
    

    transition: all 0.5s;
    -ms-transition: all 0.5s;   /* IE 9 */
    -moz-transition: all 0.5s;/* Firefox */
    -webkit-transition: all 0.5s; /* Safari 和 Chrome */
    -o-transition: all 0.5s;    /* Opera */
}