@charset "utf-8";
body,div,p,h1,h2,h3,h4,h5,h6,/* structural elements 结构元素 */dl,dt,dd,ul,ol,li,/* list elements 列表元素 */pre,/* text formatting elements 文本格式元素 */form,button,input,textarea,/* form elements 表单元素 */table,th,td {margin:0;outline:none;-webkit-tap-highlight-color:transparent;/*color:#333;*/caret-color: rgba(0,0,0,0);}

body,button,input,select,textarea {font:14px/24px Georgia,Microsoft YaHei;-webkit-font-smoothing: none}
body,button,input,select,textarea {font-family: "Georgia";}

/*html{ background: url(../images/bady.jpg) top center no-repeat;}*/
.youxiu ul,.section-bullets{ padding: 0 ;}
/* 将斜体扶正 */small {font-size:12px;}
/* 小于 12px 的中文很难阅读，让 small 正常化 *//** @重置列表元素 **/li {list-style:none;}
/** @重置文本格式元素 **/a {text-decoration:none;outline:none;color:#282828;}
/*a:hover {text-decoration:none; color: #3a4e7f;}*/
/** @重置表单元素 **/img {border:0;}
/* img 搭车：让a链接里的 img 无边框  当没有正确路径时alt的文字大小*/button,input,select,textarea {font-size:100%;line-height:normal;}
/* 使得表单元素在 ie 下能继承字体大小 *//** @重置表格元素 **/table {border-collapse:collapse;border-spacing:0;}
input[type="button"],input[type="submit"],input[type="reset"] {cursor:pointer;}
/* @ie6 7 8(q) bug  */iframe {display:block;}
/* @清浮动 */.clearfix:after {display:block;content:" ";clear:both;}
.clearfix {zoom:1;/* for IE6 IE7 */}
.num_box{position:relative;}

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
body{font-size:12px;color:#282828;word-wrap:break-word;behavior:url("csshover.htc");}
button,input,select,textarea{font:12px/1.5  Arial, "宋体", Helvetica,  Verdana, sans-serif;word-wrap:break-word;color:#565756;}
ul,li{list-style:none;margin:0;padding:0;}
h1, h2, h3, h4, h5, h6{font-weight:normal;}
img{border:none;border:0;vertical-align:middle;}
a{text-decoration:none;outline:none;}
p{margin:0;padding:0;}
input,select,textarea{vertical-align:middle;*font-size:100%;}
input{margin:0;outline:none;padding:0;}
input::-ms-clear{display:none;}
.clearfix:after{content:"."; display:block; height:0;clear:both;visibility:hidden;}
html{ background-attachment:fixed}
body{ background:url("../images/body.jpg") top center no-repeat ;position: relative;}

header{width: 1200px; height: 500px; margin: 0 auto 0px;}
.banner_2{ width:1200px; margin:0x auto;  padding-top: 20px;}
.logo1{ float: left; margin-top: 0px; /* box-shadow: inset 0px 0px 10px 5px #fff, 0px 1px 50px 30px #fff; */}



.w_1{ width: 1200px; height: 790px; margin: 0 auto; }
.w_1_top{width: 1200px; height: 80px; margin: 0 auto; padding-top: 220px;padding-bottom: 45px;text-indent: 38px; background: url("../images/w_1.png") top center no-repeat; font-size: 18px; color: #002f62;}
.w_1_2{ width: 1200px; height: 500px; background: url("../images/w_1_2.png") top right no-repeat;}
.w_1_2_box{ width:1200px; height: 500px; margin:0 auto; position: relative; }
.w_1_2_box{ width: 443px; height: 420px; float: left;margin-top: -5px;}
.w_1_2_box img{ width: 443px; height: 420px; display:none;}
.w_1_2_box_1{    width: 650px;    height: 200px;    padding-top: 72px;  margin-bottom: 45px;     padding-left: 5px;    line-height: 29px;    font-size: 18px;    float: left;    margin-top: 25px;    margin-left: 10px;}
.w_1_2_box_1 h1{ font-size: 24px; color: #282828;}
.w_1_2_box_1_1{ width:650px; height: 115px ;font-weight: 500;  text-indent: 2em;padding:0; margin-top:20px;line-height: 28px; margin-bottom: 10px; color: #666666;overflow-y: auto; overflow-x:hidden; font-size:16px; }
.w_1_2_box_1_1 a{color: #666666;}
.w_1_2_box_1_1 a:hover{ color:rgb(54, 67, 71) ;}
.w_1_2_box_1_2{width:600px; height: 60px ; font-size: 16px; text-align: right;}
.w_1_2_box_1_2 h1{ font-size: 16px; color: #00aceb; float: left;}
.w_1_2_box_1_2 span{ display: block; float: left;}
.w_1_3{ width: 630px; height: 80px;float: left;    padding-left: 30px; }
.w_1_3 li{ display: block; width: 45px; height: 45px; float: left; margin-right: 12px; border-radius: 50%; overflow: hidden; border: 2px solid #e5c99c; cursor: pointer;}
.w_1_3 li:hover{ -webkit-transition:all 0.3s linear;border: 2px solid #bc4b29;}
.w_1_3 li img{ width: 100%; height: 100%; display:block; -webkit-transition:all 0.3s linear;transition:all 0.3s linear}
.w_1_3 li img:hover{-webkit-transform:scale(1.5);transform:scale(1.5);}


.w_2{ width: 1200px; height: 980px; margin: 0 auto; }
.w_2_top{width: 1200px; height: 80px; margin: 0 auto;text-indent: 38px; padding-top: 220px;padding-bottom: 45px; background: url("../images/w_2.png") top center no-repeat; font-size: 18px; color: #002f62;}
.w_2_2{ width: 1200px; height: 590px;    margin-top: 38px; }
.qxzl_list{ padding-top: 15px;}
.qxzl_list_1{ width: 600px; height: 400px; float: left;}
.qxzl_list_1_img{ width: 600px; height: 178px;}
.qxzl_list_1_img img{float: left; width: 220px; height: 165px; margin-right: 17px;}
.qxzl_list_1_img h1{ float: left; font-size: 18px; color: #282828; display: block; width: 330px; height: 53px; overflow: hidden;line-height: 24px;}
.qxzl_list_1_img h5 a{ float: left;font-size: 14px; color: #999999; display: block; width: 333px; height: 105px; overflow: hidden;    line-height: 22px;
    letter-spacing: 0.4px;}
.qxzl_list_1_2 img{margin-left: 30px;}
.qxzl_list_1 a:hover{ opacity: 0.6}



.qxzl_list_2{ width: 600px; height: 220px;padding: 10px 0 0 0;}
.qxzl_list_2 ul{ margin: 0;padding: 0;}
.qxzl_list_2 li{     display: block;
    float: left;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 14px;}
.qxzl_list_2 li span{    margin: 0 10px -1px 7px;
    color: #d1b778;
    display: block;
    float: left;
    height: 100%;}
.qxzl_list_1_2{width: 579px}
.qxzl_list_2 li a{    display: block;
    width: 576px;
    float: left;
}
.w_3_0{ width:1200px; height: 352px; margin: 0 auto; }
.w_3{ width:1903px; height: 330px; margin: 0 auto; }
.w_3_top{width: 1200px; height: 117px; margin: 0 auto; padding-top: 220px;padding-bottom: 45px; background: url("../images/w_3.png") top center no-repeat; font-size: 18px;text-indent: 38px; color: #002f62;}
.w_3_2{ width:100%; height: 590px; }




.w_4{ width: 1200px; height: 1350px; margin: 0 auto; }
.w_4_top{width: 1200px; height: 80px; margin: 0 auto; padding-top: 220px;padding-bottom: 45px; background: url("../images/w_4.png") top center no-repeat; font-size: 18px;text-indent: 38px; color: #002f62;}
.w_4_2{ width: 1200px; height: 515px; }
.w_4_lis{ width: 1050px; height: 90px; margin: 0 auto}
.w_4_lis li{ display: block; margin-left: 38px; float: left; width: 320px; height: 180px; position: relative;cursor: pointer;box-shadow: 0px 13px 13px 4px rgb(12 9 25 / 20%); border-radius: 5px; overflow: hidden;}
.w_4_lis li:nth-child(1){ margin-left: 0}
.w_4_lis li > img{width: 320px; height: 180px;}

.w_4_lis_an{ position: absolute; width: 100%; height: 100%; display: none; }
.w_4_lis_an img{ position: absolute; top: 50%; left: 50%; margin-top: -27px; margin-left: -34px;}


.control-box {
    width: 100%;
    height: 270px;
    background-size: 1055px;
    background-repeat: no-repeat;
    background-position: 60px 165px;
    margin-left: auto;
    margin-right: auto;
}
.bigbox {
    overflow: hidden;
    width: 100%;
    height: 270px;
    margin: auto 0px auto;
}
.control-box ul li {
    position: absolute;
    top: 100px;
    cursor: pointer;
    z-index: 9991;

}
.box:nth-child(3) .bofang2{ display: none}
.wzt54{    width: 1200px;display: flex;flex-direction: column;
    height: 485px;
    margin: 0 auto;
    padding-top: 0;
    position: relative;
    text-align: center;
    transform-style: preserve-3d; }
.wzt54_1{ width: 1000px; margin: 0 auto;}



.wzt54_title{ position: absolute;
    top: 1px;
    left: 0;
    margin-left: 0;}
.wzt54_2{     width: 1000px;
    margin: 0 auto;
    height: 380px;
    position: absolute;
    top: 50px;
    left: 104px;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    -o-perspective: 1000px;
    -ms-perspective: 1000px;
    perspective: 1000px
}
.wzt54_2 img{ width: 270px; height:360px;}
.wzt54_2_1,.wzt54_2_2,.wzt54_2_3,.wzt54_2_4,.wzt54_2_5,.wzt54_2_6,.wzt54_2_7{  overflow: hidden; width: 270px; position: absolute; height: 360px;opacity: 1; visibility: visible; transform: translateX(-580px) translateZ(-140px) rotateY(45deg);}
.wzt54_2_1{ top:0; left:0px;opacity: 1;box-shadow: 0 0 5em 3em #fff; visibility: visible; transform: translateX(-85px) translateZ(-140px) rotateY(45deg);z-index: 96;}
.wzt54_2_2{ top:0; left:120px; opacity: 1; box-shadow: 0 0 5em 3em #fff;visibility: visible; transform: translateX(-75px) translateZ(-140px) rotateY(45deg); z-index: 97;}
.wzt54_2_3{ top:0; left:240px;
    opacity: 1;  box-shadow: 0 0 5em 3em #fff; visibility: visible; transform: translateX(-58px) translateZ(-140px) rotateY(45deg);
    z-index: 98;
}
.wzt54_2_4{
    cursor: pointer; top:0; left: 360px;
    opacity: 1; visibility: visible; transform: translateX(0px) translateZ(0) rotateY(0);
    z-index: 99;}

.wzt54_2_4:hover{

    box-shadow:0em 0em 5px 5px #fff;
}

.wzt54_2_5{ top:0; left: 480px; opacity: 1;box-shadow: 0 0 5em 3em #fff; visibility: visible; transform: translateX(58px) translateZ(-140px) rotateY(-45deg);
    z-index: 98;
}

.wzt54_2_6{ top:0; left: 600px;
    opacity: 1; box-shadow: 0 0 5em 3em #fff;visibility: visible; transform: translateX(75px) translateZ(-140px) rotateY(-45deg);
    z-index: 95;
}
.wzt54_2_7{ top:0; left: 720px; opacity: 1;box-shadow: 0 0 5em 3em #fff; visibility: visible; transform: translateX(85px) translateZ(-140px) rotateY(-45deg);z-index: 91;}
.wzt54_an1{ width: 50px;
    z-index: 99;
    height: 50px;
    top: 223px;
    cursor: pointer;
    margin-left: -590px;
    position: absolute;
    left: 50%;}
.wzt54_an2{width: 50px;
    height: 50px;
    top: 223px;
    cursor: pointer;
    margin-left: 540px;
    position: absolute;
    left: 50%;
}
.wzt54_3{ width:580px; height: 120px; text-align: center; position: absolute; top: 712px; left: 50%; margin-left:-290px;}
.wzt54_3_1{ width: 100%; height: 70px;text-align: center; font-size: 18px; line-height: 32px;}
.wzt54_3_2{ width: 195px; margin: 0 auto;}
.wzt54_hot_01{float: left; width: 115px; font-size: 18px; color: #282828; line-height: 40px;}
.wzt54_3_2 b{margin:0 3px;font-size: 30px; color: #00aceb; font-weight:500;}
.wzt54_3_2 span{margin:0 3px;}
.wzt54_an3{float: left; width: 40px;cursor: pointer;}
.wzt54_an4{float: left;width: 40px;cursor: pointer;}


.cd-popup3.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
}

.cd-popup-container3 {
    position: relative!important;
    width: 1200px!important;
    margin: 12% auto 0!important;
    height: 455px!important;
    background: #fff!important;
    border-radius: 25px !important;
    text-align: center!important;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2)!important;
}
.cd-buttons{ text-align: left; width: 100%;height: 410px;padding-top: 60px;}
.cd_buttons_1{ width: 267px; height: 366px; margin: 0 0 0 85px; float: left;}
.cd_buttons_1 img{ width: 267px; height: 366px;}
.cd_buttons_1 p{ font-size: 16px; font-weight: bold;}
.cd_buttons_2{ width: 750px; height: 342px; float: left; margin-left: 35px; font-size: 16px; line-height: 26px; overflow-x: hidden;}


.content_1,.content_2{ float: left;position: absolute}
.content_2{ display: none}
.content_1{ width: 130%;}

.clearfix::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.cd-popup3.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
}
.cd_buttons_2 h1{    line-height: 46px;margin-bottom: 32px; font-weight: bold;}
.cd_buttons_2 > div{font-size: 16px;line-height: 32px;margin-top: 16px; text-indent: 2em;}
.cd_buttons_2 > div p{font-size: 16px;line-height: 32px;margin-top: 16px;}



