@charset "gbk";
*{margin: 0;padding: 0;font-family: '微软雅黑','宋体';}
body {background: #FFF;color:#000;margin: 0;padding: 0;min-width: 1200px;font-size: 18px;}
a {text-decoration:none;color: #FFF;}
li {list-style: none;margin: 0;padding: 0;}
ul {margin: 0;padding: 0;}
img {margin: 0;padding: 0;border: 0px;outline-width:0px;  vertical-align:top; }
input{margin: 0;padding: 0;border: 0px;}
.clear {clear:both;}
.fl {float:left;}

body{padding:0;margin:0;font-family:"Microsoft YaHei";color:#333;background:#fff;min-width: 1120px;max-width: 1920px;}
ol,ul{list-style:none;}
img{vertical-align:top;display:block;border:none;}
a{color:#333;cursor:pointer;text-decoration:none;}

.banner{min-width:1120px;width:100%;position:relative; overflow: hidden;}
.banner img{width:100%;}

.pg1{text-align: center;margin: 60px auto;width: 1120px;}
.pg2{background: url(../images/pg2_bg.jpg) no-repeat center;text-align: center;padding: 60px 0;}
.pg3{background: url(../images/pg3_bg.jpg) no-repeat center;text-align: center;padding: 60px 0;}
.pg4{background: url(../images/pg4_bg.jpg) no-repeat center;text-align: center;padding: 60px 0;}


.tit_h2{font-size: 40px;line-height: 1.6em;margin: 0 0 .2em;width: 1120px;}
.tit_h2.sty2{display: inline-block;position: relative;width: auto;padding: 20px 60px 0;color: #f0b609;}
.tit_h2.sty2::after{content: "";position: absolute;left: 0;top: 0;width: 39px;height: 70px;background: url(../images/tit2_bg.png);}
.tit_h2.sty2::before{content: "";position: absolute;right: 0;top: 0;width: 39px;height: 70px;background: url(../images/tit2_bg.png);}
.tit_p{font-size: 18px;line-height: 2em;margin: 0 auto 0.2em;width: 1000px;}
.ljzx{display: inline-block;width: 300px;height: 52px;line-height: 50px;text-align: center;color: #fff;font-size: 22px;margin: 0;background: black;}
.ljzx.bg2{color: black;background: white;}
.ljzx:hover{color:#ffab02;}

.zg_con3_c{margin: 30px auto;overflow: hidden;width: 1120px;padding: 0;}
.zg_con3_c li{float: left;margin: 5px 18px 5px 0;width: 361px;height: 488px;position: relative;overflow: hidden;}
.zg_con3_c li img{margin: 0;transition: all 0.5s ease;}
.zg_con3_c li:hover img{margin: -130px 0 0 0;}
.zg_con3_c li:hover div{margin: -260px 0 0 0;}
.zg_con3_c li strong{font-size: 18px;font-weight: normal;display: block;background: url(../images/top_icon.jpg) top center no-repeat;padding: 28px 0 0 0;margin: 18px 0 0 0;line-height: 1.6em;}
.zg_con3_c li p{font-size: 18px;line-height: 1.8em;width: 90%;margin: 0 auto;text-align: left;}
.zg_con3_c li span{display: block;line-height: 1.6em;font-size: 28px;}
.zg_con3_c li h3{font-size: 22px;line-height: 1.6em;margin: 40px  0 18px;font-weight: normal;}
.zg_con3_c li div{position: absolute;top: 100%;left: 0;height: 260px;background: #af0c18;color: white;overflow: hidden;margin: 0 ;transition: all 0.5s ease;}

.con1 {margin: 30px auto 0;padding: 0;width: 1200px;overflow: hidden;transform: scale(0.93333);transform-origin: top left;}
.con1 img{margin: 0 auto;}
.con1 p{position: absolute;width: 80%;height: 80%;background: white;margin: auto;left: 0;right: 0;top: 100%;font-size: 24px;/* line-height: 186px; */color: #af0c18;transition: all 0.5s ease;padding: 52px 0 0 0;box-sizing: border-box;}
.con1 p span{font-size: 20px;line-height: 1.6em;display: block;color: #ff1a1a;}
.con1 p::after{content: "";position: absolute;width: 80px;height: 3px;background: #af0c18;top: 50%;left: 0;right: 0;margin: 24px auto 0;}
.con1 li:hover p{top: 10%;}
.con1 li{float: left;margin: 3.5px 7px 3.5px 0;position: relative;overflow: hidden;}

.con2 {margin: 30px auto;padding: 0;width: 1120px;}
.con2 .tp{margin: 30px auto 0;padding: 0 80px;overflow: hidden;}
.con2 .tp li{float: left;width: 50%;}
.con2 .tp div{width: 276px;height: 186px;margin: 0 auto;border: 4px solid #ffab02;box-sizing: border-box;}
.con2 .tp h3{font-size: 36px;margin: 40px auto 0;line-height: 1.6em;color: #ffab02;background: black;width: 110%;padding: 10px 0 0;}
.con2 .tp div p{font-size: 16px;line-height: 1.6em;margin: 0 auto 0;width: 112%;color: white;background: black;padding: 0 0 10px;}
.con2 .tp li>p{font-size: 18px;line-height: 1.6em;margin: 24px auto 0;color: white;}
.con2 .bt{padding: 0;margin: 30px auto;overflow: hidden;}
.con2 .bt li{padding: 0;float: left;width: 219px;margin: 3px 6px 3px 0;background: white;padding: 20px 0;}
.con2 .bt div{padding: 0;}
.con2 .bt h3{font-size: 20px;margin: 0 auto;line-height: 1.6em;}
.con2 .bt p{font-size: 16px;line-height: 1.6em;margin: 0 auto 0;width: 80%;color: #f31e1e;}

.con5 {margin: 30px auto;padding: 0;overflow: hidden;width: 1120px;}
.con5 img{margin: 0 auto;}
.con5 p{font-size: 20px;color: white;line-height: 1.6em;margin: 0 0 16px;}
.con5 .llzx{background: #af0c18;display: inline-block;width: 130px;color: #fff;font-size: 16px;line-height: 36px;}
.con5 div{position: absolute;left: 0;top: 100%;background: rgba(0, 0, 0, 0.5);width: 100%;height: 100%;padding: 180px 0 0 0;box-sizing: border-box;transition: all 0.5s ease;}
.con5 li{float: left;margin: 4.5px 9px 4.5px 0;position: relative;overflow: hidden;}
.con5 li:hover div{top: 0;}

.con3{width: 1120px;margin: 30px auto;overflow: hidden;background: white;padding: 5px 0;}
.con3 .le{float: left;width: 280px;background: #090e30;padding: 17px 0;margin: 0;}
.con3 .le>li{position: relative;height: 87px;margin: 2px 0;}
.con3 .le>li p{height: 87px;line-height: 87px;cursor: pointer;padding-left: 93px;font-size: 24px;color: #fff;position: absolute;margin: 0;font-weight: bold;}
.con3 .le>li.show{background: white;box-shadow: 0 0 4px #b5b5b5;position: relative;}
.con3 .le>li.show::before{content: "";position: absolute;right: -11px;top: 0;bottom: 0;margin: auto;width: 24px;height: 24px;background: white;box-shadow: 1px -1px 1px #b5b5b5;transform: rotate(45deg);}
.con3 .le>li.show p{color: #090e30;}
.con3 .ri{width: 804px;float: left;overflow: hidden;margin: 0;padding: 0 0 0 36px;}
.con3 .ri>li.show{display: block;}
.con3 .ri>li{color: #666666;font-size: 18px;line-height: 28px;display: none;position: relative;height: 550px;}
.con3 .ri div{overflow: hidden;margin: 15px 0;}
.con3 .ri img{margin: 0 auto;position: absolute;left: 0;right: 0;bottom: 0;}
.con3 .ri h4{float: left;font-weight: bold;font-size: 24px;line-height: 36px;color: #090e30;margin: 0;}
.con3 .ri ul{color: #666666;font-size: 18px;line-height: 28px;float: left;margin: 0 0 0 1.5em;text-align: left;width: 660px;padding: 0;}
.con3 .xm{/* height: 84px; */}
.con3 .xm li{float: left;min-width: 50%;}
.con3 .le .ll1 p{background: url(../images/icon_1.png) no-repeat 34px center;}
.con3 .le .l2 p {background: url(../images/icon_2.png) no-repeat 34px center;}
.con3 .le .l3 p {background: url(../images/icon_3.png) no-repeat 34px center;}
.con3 .le .l4 p {background: url(../images/icon_4.png) no-repeat 34px center;}
.con3 .le .l5 p {background: url(../images/icon_5.png) no-repeat 27px center;}
.con3 .le .l6 p {background: url(../images/icon_6.png) no-repeat 27px center;}
.con3 .le .l7 p {background: url(../images/icon_7.png) no-repeat 27px center;}
.con4 {margin: 30px auto;padding: 0;overflow: hidden;width: 1120px;}
.con4 img{margin: 13px 7px 13px 0;}
.con4 li{float: left;margin: -8px 0;}

.con6{margin: 30px auto;padding: 10px 196px;width: 1120px;box-sizing: border-box;overflow: hidden;}
.con6 li{float: left;margin: 0 15px;position: relative;}
.con6 p{position: absolute;background-color: #01e497;font-size: 18px;line-height: 2em;bottom: 2em;margin: 0;left: 0;width: 100%;color: white;}

.sec6_cont{margin-top: 114px;width: 1120px;margin: 0 auto;height: 400px;padding: 0 100px;box-sizing: border-box;}
.sec6_left{width: 480px;float: left;margin: 0 100px 0 0;}
.sec6_left a{width: 290px;height: 50px;display: block;font-size: 18px;line-height: 50px;color: white;text-indent: 1em;float: left;margin: 15px 0;border-radius: 8px;opacity: 0.7;position: relative;}
.sec6_left a:hover{opacity: 1;}
.sec6_left a::after{content: " ";width: 0;border: 10px solid transparent;border-top-width: 30px;border-top-color: inherit;position: absolute;left: 32px;bottom: -30px;transform: rotate(33deg);}
.sec6_left .fr{float: right;}
.sec6_left .fr::after{transform: rotate(-33deg);right: 32px;left: inherit;}
.sec6_left strong{float: right;font-weight: normal;margin: 0 1em 0;color: white;}
.sec6_left span{color: white;}
.sec6_left .zx1{background: linear-gradient(to right, #0080b3 , #1bbbbd);color: #058bb4;}
.sec6_left .zx2{background: linear-gradient(to right, #a01082 , #df0362);color: #d60566;}
.sec6_left .zx3{background: linear-gradient(to right, #410461 , #6c0480);color: #470466;}
.sec6_left .zx4{background: linear-gradient(to right, #0080b3 , #1bbbbd);/* opacity: 0.5; */color: #17b3bb;}
.sec6_left .zx5{background: linear-gradient(to right, #a01082 , #df0362);opacity: 0.5;color: #a90e7e;}

.sec6_left a:hover{opacity: 1;filter: alpha(opacity=100);}
.sec6_form{width: 340px;height: 400px;background: white;border-radius: 6px;float: left;padding: 50px 0;box-sizing: border-box;}
.sec6_form p{font-size: 28px;text-align: center;background: url(../images/sec6_formtt.png) no-repeat center bottom;line-height: 36px;height: 60px;margin: 0 0 40px;}
.sec6_form input{display: block;width: 258px;height: 46px;border: 1px solid #d6d6d6;font-size: 18px;line-height: 46px;text-indent: 3em;margin: 20px auto;padding: 0;}
.sec6_form .username{background: url(../images/user_name.png) no-repeat;}
.sec6_form .mobile{background: url(../images/user_tel.png) no-repeat;text-indent: 62px;margin-top: 20px;margin-left: 40px;}
.sec6_form .sub{display: block;width: 260px;height: 48px;border: none;font-size: 20px;line-height: 48px;color: white;background: #f21250;text-align: center;border-radius: 6px;cursor: pointer;text-indent: 0;margin: 30px auto 0;}

.con7{width: 1120px;margin: 30px auto;overflow: hidden;padding: 0 144px;box-sizing: border-box;}
.con7 li{float: left;margin: 10px 29px 10px 0;}
.con7 div{width: 258px;position: relative;overflow: hidden;}
.con7 div p{position: absolute;top: 100%;width: 100%;height: 100%;font: 1em/1.6em "";color: white;background: rgba(51, 51, 51, 0.7);margin: 0;transition: 0.4s ease;padding: 25% 9% 0;box-sizing: border-box;text-align: left;}
.con7 li:hover div p{top: 0;}
.con7 h3{font: 20px/1.6em "";color: #423f3f;margin: 10px 0 0;}
.con7 p{font: 16px/1.6em "";color: #423f3f;margin: 0;}

.margin_r_0{margin-right:0!important;}
.co_wt{color: white!important;}
.te_ce{text-align: center!important;text-indent: 0!important}