﻿@charset "utf-8";
/*banner*/
#flash{width:1280px;height: 400px;margin:auto;position: relative;}
#flash #play{width:1280px;height: 400px;list-style: none;position:absolute;top:0px;left:0px;}
#flash #play li{display: none;position:absolute;top:0px;left:0px;}
#flash #play li img{float: left;}

/*jieshao*/
.jieshao{width:1280px;margin:auto;height: 400px;margin-top: 45px;}
.jsnr{width: 670px;height: 400px;float: left;}
.jsnr h2{font-size: 22px;color: #29539B;font-weight: 550;line-height: 55px;}
.jsnr p{font-size: 16px;color: #222222;font-weight: 549;margin-top: 20px;line-height: 25px;}
.jsimg{width: 500px;height: 400px;float: left;margin-left: 100px;}
.jsimg img{width: 500px;height: 314px;margin-top: 39px;}

/*why*/
.why{width:1280px;margin:auto;height: 1150px;background: #F5F8FF;}
.whynr{width: 1200px;height: 100px;padding-top: 35px;margin: auto;}
.whynr h2{font-size: 22px;color: #29539B;font-weight: 550;}
.whynr p{font-size: 16px;color: #222222;font-weight: 549;margin-top: 20px;line-height: 25px;}
.whypb{width: 1280px;height: 950px;margin: auto;}
.whypb ul{}
.whypb ul li{float: left;width: 265px;height: 450px;margin-left: 40px;padding-top: 45px;}
.whypb ul li p{text-align: center;font-size: 19px;color: #29539B;font-weight: 549;}
.whypb ul li h4{font-size: 14px;color: #222222;margin-top: 15px;line-height: 25px;font-weight: 540;}

/*liucheng*/
.liucheng{width:1280px;margin:auto;height: 420px;background: #F5F8FF;}
.liucheng h2{font-size: 22px;color: #29539B;font-weight: 550;padding-top: 30px;padding-left: 40px;}
.liucheng ul{padding-top: 60px;}
.liucheng ul li{float: left;width: 365px;height: 360px;padding-left: 40px;}
.liucheng ul li p{width: 60px;height: 60px;}
.liucheng ul li p img{width: 60px;height: 60px;padding-left: 150px;}
.liucheng ul li h3{font-size: 19px;color: #29539B;font-weight: 550;text-align: center;padding-top: 15px;}
.liucheng ul li h5{font-size: 15px;color: 666;font-weight: 549;padding-top: 15px;line-height: 25px;}

/*liandao*/
.liandao{width:1280px;margin:auto;height: 400px;background: #29539B;clear: both;}
.liandaonr{width: 560px;height: 400px;padding-left: 40px;float: left;}
.liandaonr h2{font-size: 22px;color: #fff;font-weight: 550;padding-top: 30px;}
.liandaonr h4{font-size: 16px;color: #fff;font-weight: 544;padding-top: 20px;line-height: 28px;}
.liandaoimg{width: 600px;height: 400px;float: right;}
.liandaoimg p{}
.liandaoimg p img{width: 600px;height: 400px;}


/*jiage*/
.jiage{width:1280px;margin:auto;height: 800px;margin-top: 45px;clear: both;}
.jiage h2{font-size: 22px;font-weight: 550;color: #29539B;margin-left: 50px;}
.jiagejj{text-align: center;margin-top: 40px;width:374px;height: 680px;float: left;background-image:url(/views/opzs/images/jjb.png);margin-left: 50px;}
.jiagebz{text-align: center;margin-top: 40px;width:374px;height: 680px;float: left;background-image:url(/views/opzs/images/bzb.png);margin-left: 30px;}
.jiagetk{text-align: center;margin-top: 40px;width:374px;height: 680px;float: left;background-image:url(/views/opzs/images/tkb.png);margin-left: 30px;}
.jiagejj h3{font-size: 19px;color: #FFFFFF;font-weight: 549;margin-top: 26px;}
.jiagebz h3{font-size: 19px;color: #FFFFFF;font-weight: 549;margin-top: 26px;}
.jiagetk h3{font-size: 19px;color: #FFFFFF;font-weight: 549;margin-top: 26px;}
.jiagejj h4{font-size: 28px;color: #DB4F60;font-weight: 555;margin-top: 60px;}
.jiagebz h4{font-size: 28px;color: #DB4F60;font-weight: 555;margin-top: 60px;}
.jiagetk h4{font-size: 28px;color: #DB4F60;font-weight: 555;margin-top: 60px;}
.jiagejj h5{font-size: 17px;color: #666666;font-weight: 540;margin-top: 15px;}
.jiagebz h5{font-size: 17px;color: #666666;font-weight: 540;margin-top: 15px;}
.jiagetk h5{font-size: 17px;color: #666666;font-weight: 540;margin-top: 15px;}
.jiagejj h6{font-size: 14px;color: #29539B;font-weight: 540;margin-top: 15px;}
.jiagebz h6{font-size: 14px;color: #29539B;font-weight: 540;margin-top: 15px;}
.jiagetk h6{font-size: 14px;color: #29539B;font-weight: 540;margin-top: 15px;}
.button2{width: 110px;height: 40px;background: #2193C4;line-height: 25px;border: #2193C4 1px solid;margin-top: 110px;cursor: pointer;}
.button2:hover{border: #666 1px solid;background: #3463b3;}
.button2 a{font-size: 15px;color: #fff;font-weight: 548;}
.button3{width: 110px;height: 40px;background: #29539B;line-height: 25px;border: #29539B 1px solid;margin-top: 38px;cursor: pointer;}
.button3:hover{border: #666 1px solid;background: #3463b3;}
.button3 a{font-size: 15px;color: #fff;font-weight: 548;}
.button4{width: 110px;height: 40px;background: #DB4F60;line-height: 25px;border: #DB4F60 1px solid;margin-top: 38px;cursor: pointer;}
.button4:hover{border: #666 1px solid;background: #3463b3;}
.button4 a{font-size: 15px;color: #fff;font-weight: 548;}

/*qubie*/
.qubie{width:1280px;margin:auto;height: 1000px;margin-top: 45px;background: #F5F8FF;}
.qubie h2{font-size: 22px;color: #29539B;font-weight: 550;line-height: 55px;padding-top: 20px;padding-left: 50px;}
.youxianqb{width: 440px;height: 580px;float: left;background-image:url(/views/opzs/images/zcqbwx.png);padding-left: 50px;}
.wuxianqb{width: 440px;height: 580px;float: left;background-image:url(/views/opzs/images/zcqbyx.png);padding-left: 25px;}
.qubiezj{width:200px;height: 580px;float: left;padding-left: 25px;}
.zcgs{width:1280px;margin:auto;height: 830px;margin-top: 15px;background-image:url(/views/opzs/images/zc10.jpg);}

/*wenti*/
.expand-container {width: 1280px;border-radius: 10px;box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);overflow: hidden;margin: auto;margin-top: 10px;}     
.expand-header {
            padding: 20px;
            background: linear-gradient(to right, #406cb7 0%, #c0d6fc 100%);
            color: white;
            cursor: pointer;
            display: flex;
            justify-content: space-between;
            align-items: center;
            transition: all 0.3s ease;
        }      
.expand-header:hover {opacity: 0.9;}     
.expand-header h2 {margin: 0;font-size: 1.2rem;}     
.toggle-icon {font-size: 1.2rem;transition: transform 0.3s ease;}
.expand-content {
            padding: 0;
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.5s ease, padding 0.5s ease;
            background: #f8f9fa;
        }
.expand-content-inner {padding: 20px;color: #666;line-height: 1.2;font-size: 15px;}
.expanded .expand-content {max-height: 500px;padding: 0;}
.expanded .toggle-icon {transform: rotate(180deg);}