@font-face { font-family: 'siyuansongti'; src: url('./font/siyuansongti.ttf') }
html, body, div, span, applet, object, iframe, h1, h2, h3,
h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot,
thead, tr, th, td, input, select {margin:0; padding:0; border:0 none; outline:0; color:inherit;}
html, body {width:100%; height:100%; color: #000;}
body {margin:0 auto;  font-family: 'OPPOSans'; src: url('./font/OPPOSans.ttf'); vertical-align:baseline; overflow-y:scroll;font-family: "SourceHanSansCN-Regular"}
h1 {font-weight:bold; font-size:18px; line-height:18px; color:#474545;}
h3 {font-weight:normal; font-size:12px; color:#000000;font-weight: bold;}
h2, h4, h5, h6 {font-weight:normal; font-size:100%;}
table {border-collapse:separate; border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
a {text-decoration:none;}
p {line-height:22px; text-align:justify;}
a img, iframe {border:none; vertical-align: top;}
a:link {color:inherit;}
:focus {outline:0;}
/*img{ vertical-align:top;}*/
ol, ul ,li{list-style:none;}
input, textarea, select, button {font-weight:inherit; font-size:inherit; *font-size:100%; font-family:inherit;}
/* == clearfix == */
.clearfix:after {display:block; height:0; clear:both; content:"\200B";}
.clearfix {*zoom:1;}/*IE/7/6*/

/* == 以上 reset Css == */


/**************** 全局公用样式 ****************/
/*body {max-width:1580px; min-width:1130px;_width:expression(document.body.clientWidth<1130? "1130px": (document.body.clientWidth>1580?"1580px":"auto"));}*/
body {max-width:1920px; min-width:1130px; +overflow:hidden;}
/*body.on {margin-left:-378px;}*/
.g-wrap {position:relative; margin:0 auto; width:1200px; height:100%; overflow:hidden;}
.g-wrap1 {position:relative; margin:0 auto; width:1200px; height:100%; }
.nav{margin:0 auto; width:1200px; }
#header {position:fixed; z-index:5; height:103px; background-size: 100% 109px; background-repeat: no-repeat;background: #fff;width: 100%;}
#logo2 {position:absolute; top:25px; left:90px; width:410px;  background-size: contain;}
#logo {position:absolute; top:10px; left:35px;  height:88px; background-size: contain; }
#logoline{position:absolute; top:25px; left:400px;  height:88px; background-size: contain; border-right: 1px solid #704015; height: 50px;}
#nav {position:absolute; top:35px; z-index:4; color:#232323; width: 720px; margin: 0 auto;left:37%;}
#nav ul{ display: flex; justify-content: space-between;}
#nav li {float:left; height:100%; -webkit-transition:background-color 700ms; transition:background-color 700ms;width: 120px;}

/*    #nav .n1 {width:160px; }
    #nav .n2, #nav .n3, #nav .n6, #nav .n7, #nav .n8 {width:160px;}
    #nav .n4 {width:160px;}
    #nav .n44 {width:160px;}*/
    /*#nav .n5 {width:320px;}*/
    .pc_log{position: absolute; left: 0; right: 0; margin: 0 auto; width:176px; z-index: 999999;}
    #logo dl dt{width:126px; float:left}
    #logo dl dd{width:360px; float:left; margin-left:30px; margin-top: 2%;}
.wrap{width: 1200px;margin:0 auto;}
    .topbg{width: 100%;  color: #373634;  position: absolute; top: 15px;}
    .top_xx ul{display: flex; justify-content: space-between;}
    .top_xx ul li:nth-child(1){font-size: 24px; font-weight: bold; line-height: 30px;color:#000;}
    .top_xx ul li:nth-child(1) h3{font-size: 20px;display: inline-block;font-weight: normal;margin-left: 10px;}
    .top_xx ul li:nth-child(1) span{color:#9A231B;}
    .top_xx ul li:nth-child(2){font-size:20px; margin-top: 0%;color:#171717;right: 0;top:15px;position: relative;z-index: 1;}
    .top_xx ul li:nth-child(2) span{font-size:16px; font-weight: bold; line-height: 24px;display: none;position: absolute;right: -280px;top:10px;width: 270px;}
    .top_xx ul li:nth-child(2):hover span{display: block;}


    .dhtop{ position: absolute; right: 65px; top:15px}

    #nav li a {position:relative; z-index:2; display:block;width:100%; height:100%; font-size:18px;  text-align:center; color:#000000; -webkit-transition:color 200ms; transition:color 200ms; text-align: center;}
    #nav li a.on { background: url(../images/navbg.png); background-repeat: no-repeat; color: #fff;}

    #nav li a.on span{color: #316FF3;font-weight: bold;border-top: 5px solid #316FF3;padding-top: 36px;}
    #nav li a span { font-size: 20px;line-height: 39px;}
    #nav li a strong {position:absolute; left:40px; top:0; z-index:2;  height:100%;font-size: 10px;color: #777777;}
    #nav li a .bkg { z-index:1;  position: absolute; right: 0; left: 100px; color: #979591;background: none;}


    #nav li a.on .bkg,
    #nav li a:hover .bkg {background: none;color:#ccc;}


    #shop {position:absolute; bottom:0; right:0; z-index:5; width:78px; height:100%; background:#fff; border-left:1px solid #e5e5e5;}

    #shop {width:170px;}
    #shop .btn-search {position:absolute; top:30px; left:15px; width:20px; height:20px; background:url(../images/icon_search.png) no-repeat 0px 0px;}
    #shop .btn-search:hover,
    #shop .btn-search.on {background-image:url(../images/icon_search_on.png);}
    /*#searchbox {display:none; position:absolute; top:100%; z-index:11115; line-height:44px; right:0; padding:0 20px; width:200px; height:44px; border:8px solid #4c4a4f;}*/
    #shop .btn-lang {position:absolute;top:0; right:74px; padding:0 10px; width:auto; height:100%; font-weight:bold; font-size:13px; line-height:76px; color:#666369; background-color:#fff; -webkit-transition:color 300ms; transition:color 300ms;}
    #shop .btn-lang:hover {color:#ff2424;}
    #shop .header-nwbtn{ position:absolute;top:0; right:0px; padding:0 10px; padding-right: 15px; width:auto; height:100%; font-weight:bold; font-size:13px; line-height:76px; color:#666369; background: url(../images/head-nw-icon.png) right center no-repeat; -webkit-transition:all 300ms; transition:all 300ms;}
    #shop .header-nwbtn:hover, #shop .header-nwbtn.on{ color: #ff2424; background: url(../images/head-nw-icon-on.png) right center no-repeat;}

    #content {position:relative; overflow:hidden;}
#subNav {position:absolute; top:100px; left:0px; z-index:4; width:100%; height:100px; /*overflow: hidden;*/}
#subNav .g-wrap {overflow:visible;}
#subNav .g-wrap .item {position:absolute; top:-600%; width:215px; background-color:#fff; overflow:hidden; -webkit-transition:bottom 300ms; transition:bottom 300ms;}
#subNav .g-wrap .about {left:565px;/*width:835px;*/}
#subNav .g-wrap .news {left:697px;  /*width:752px;*/}
#subNav .g-wrap .relation {left:820px; /* width:643px;*/}
#subNav .g-wrap .service {left:930px;  /*width:573px;*/}
#subNav .g-wrap .citizenship {left:1040px;  /*width:573px;*/}
#subNav .g-wrap .search {right:0; width:238px; height:44px; border:8px solid #4c4a4f;}
#subNav .g-wrap .search input { padding:0 20px; width:200px; height:44px; line-height:44px; }
#subNav .g-wrap .langs {right:0; padding:0 15px; width:224px;}
/*2016.4.12*/
#subNav .g-wrap .nwmenu{ right: 0; top: -409px; width: 171px; height: auto; background-color: #4c4a4f; -webkit-transition: 300ms; transition: 300ms;}
#subNav .g-wrap .nwmenu .nwmenu-inner{ padding: 20px; width: 210px; max-height: 349px; overflow: hidden;}
/*#subNav .g-wrap .nwmenu .nwmenu-inner .nwi-box{ margin-bottom: 10px;}*/
#subNav .g-wrap .nwmenu .nwi-tit{ float: left; width: 50px; color: #8f8c92; font-size: 12px;}
#subNav .g-wrap .nwmenu .nwmenu-list{ /*float: right; margin-top: -5px; width: 140px;*/ overflow:hidden;} 
#subNav .g-wrap .nwmenu .nwmenu-list li a{ float: none; padding: 0; line-height: 22px; color: #d2ced5; font-size: 12px;font-weight: normal; -webkit-transition: color 300ms; transition: color 300ms;}
/*2016.4.12*/

#subNav .g-wrap .nwmenu .nwmenu-list li a:hover{ color: #f63b34;}
#subNav .g-wrap .on {top:0; z-index: 2;box-shadow: 0 0 10px #c9c7c7;}
#subNav .g-wrap .item a {padding:0 20px; display: block; text-align: center;  font-size:16px; line-height:60px; color:#666666;-webkit-transition:color 300ms; transition:color 300ms;}
#subNav .g-wrap .item a:hover {color:#fff; background-color: rgba(232,145,21);}
#subNav .g-wrap .item #on {
    color: #f63b2e;
}
/*#footer {height:70px; overflow:visible;  border-top:1px solid #e5e5e5;}*/
/*#footer .g-wrap {background:url(../images/temp/footer_bg.jpg) no-repeat right 0;}*/
#footer {height:140px;}
#reference {height:64px; line-height:64px; border-bottom:1px solid #f2f2f2;}
#reference div {height:100%;}
#reference a {-webkit-transition:color 300ms;transition:color 300ms;}
#reference a:hover {color:#f63b2e;}
#reference div * {font-weight:bold; font-size:13px; color:#2e2e57;}
#reference .left {float:left;}
#reference .left * {float:left; height:100%; line-height:64px;}
#reference .left a {/* margin-left:20px; *//* padding-left:42px; */background:no-repeat 0 13px;}
#reference .left em{display:block;margin:0 12px;font-style: normal;}
#reference .left .a1 {/* background-image:url(../images/refer_icon_1.png); */}
#reference .left .a2 {/* background-image:url(../images/refer_icon_2.png); */}
#reference .left .a3 {background-image:url(../images/refer_icon_life.png);}
#reference .right {float:right; width:323px; line-height:69px; text-indent:38px; background:#f2f2f2 url(../images/refer_icon_3.png) no-repeat 19px 23px; border-left:1px solid #e5e5e5;}
#copyright {height:75px;}
#copyright .g-wrap {overflow:visible;}
#copyright .g-wrap div {float:right; padding:19px 0 19px 19px; height:37px; width:303px; font-weight:bold; line-height:20px; color:#4b4b51; border-left:1px solid #f2f2f2;}
#copyright .g-wrap div a {-webkit-transition:color 300ms; transition:color 300ms; color:#4b4b51;}
#copyright .g-wrap div a:hover {color:#e62b1e}


#mask {display:none; position:fixed; top:0; left:0; z-index:1024; width:100%; height:100%;}
#mask .wrap {position:fixed; top:0; right:-378px; z-index:1024; padding:0 29px; width:320px; height:100%; background-color:#2b2b2b;}
#mask .wrap p {margin-top:130px; color:#8C8C8C; line-height:18px;font-size: 13px;}
#mask .wrap p span {display:block;}
#mask .wrap p .tit {font-size:15px; color:#E1DEDE;}
#mask .wrap p .column {margin-left:-16px; padding-left:16px; background:url(../images/sitemap_arrow.png)no-repeat 0 7px;font-size: 13px;}
#legal {background:url(../images/legal_tit.png) no-repeat 29px 77px;}
#sitemap {background:url(../images/sitemap_tit.png) no-repeat 29px 77px;}
#sitemap a {color:#8C8C8C; -webkit-transition:color 300ms; transition:color 300ms;font-size: 13px;}
#sitemap a.reenoo {font-weight:bold;}
#sitemap a:hover {color:#e62b1e}









.mggtit1{display: none;}


.newscon ul li{margin-bottom: 30px;border-bottom: 1px dashed #ccc;padding-bottom: 20px;}
.newscon ul li a {display: flex;flex-flow: row wrap;justify-content: space-between;}
.news1{width: 75px;margin-top: 40px;}
.news2{margin-top: 60px;}
.news2 span{background: #BBBBBB;width: 33px;height: 1px;display: block;}
.news3{width: 684px;margin-top: 40px;}
.news4{width: 380px;}
.news1 dd{color: #999999;font-size: 26px;line-height: 48px;}
.news1 dt{font-size: 16px;line-height: 26px;border: 1px solid #D5D5D5;width: 44px;text-align: center;color:#D5D5D5;}
.news3 h3{font-size: 26px;line-height: 27px;color: #000000;margin:10px auto 15px;}
.news3 p{font-size: 18px;line-height: 26px;color: #A6A6A6;}

.newscon ul li:hover .news3 h3{color:#316FF3;}

.zxzc_lx_l{width: 60%;background: linear-gradient(to bottom, #316FF3, #0B22A4);color: #fff; padding: 9% 4%; background-size: 100% 100%;}
.zxzc_lx_l dl{display: flex; justify-content: left; margin-bottom: 5%;padding-bottom: 5%;}
.zxzc_lx_l dl dt{margin: 5px 20px 0 0;}
.zxzc_lx_l dl dd h2{font-size: 30px;line-height: 40px;}
.zxzc_lx_l dl dd p{font-size: 19px; line-height: 28px; margin-top: 3%;color:#fff;}
.zxzc_lx_l dl:last-child{margin-bottom: 0;}
.zxzc_lx .tqcl_con19_l{padding-top: 7%;padding-bottom: 3%;}


.tqcl_con19{background: #F6F6F6; margin: 5% auto!important; display: flex; justify-content: space-between;}
.tqcl_con19_r{width: 300px;padding:50px 52px;  color: #fff;}
.tqcl_con19_l{width: 50%;padding:30px 80px 0 80px;text-align: center;background: #F6F6F6}
.tqcl_con19_l p{font-size: 20px;font-weight: bold; margin-bottom: 3%; padding-left: 15px;}
.tqcl_con19_l input{line-height: 52px;background: #FFFFFF;border-radius: 0px; margin-bottom: 7%; width: 100%; text-indent: 1em;font-size: 20px;border:1px solid #EEEEEE;}
.tqcl_con19_l textarea{line-height: 52px;background: #FFFFFF;border-radius: 0px; margin-bottom: 7%; width: 100%; text-indent: 1em;font-size: 20px;border:1px solid #EEEEEE;height: 104px;}
.tqcl_con19_r h3{font-size: 24px;color: #fff; line-height: 30px;text-align: center;}
.tqcl_con19_r dl{display: flex; justify-content: center;}
.tqcl_con19_r dl dd{ font-size: 22px; line-height: 30px; margin-left: 10px;}

.tqcl_con19_r h2{margin: 5% 0; text-align: center;}
.tqcl_con19_r p{font-size: 16px; line-height: 28px;}
.tqcl_con19_r h4{font-size: 26px; margin-top: 3%;}
.tqcl_con19_r h4 img{vertical-align: middle; padding-right: 10px;}
.subsit3{background: linear-gradient(to bottom, #316FF3, #0B22A4)!important;color:#fff;width: 217px!important;line-height: 48px!important;margin:0 auto;border-radius: 0px!important}
.zxzc_lx_l h3{color:#fff;font-size: 34px;line-height: 57px;}
.zxzc_lx_l span{width: 60px;height: 2px;background: #fff;display: block;margin-top: 20px;margin-bottom: 40px;}

.tqcl_con19_l h3{color:#2E3192;font-size: 34px;line-height: 57px;text-align: left;}
.tqcl_con19_l span{width: 60px;height: 2px;background: #2E3192;display: block;margin-top: 20px;margin-bottom: 40px;}

.p1{margin:4% auto}
.ggtit{margin:4% auto 3%;text-align: center;}
.ggtit p{text-align: center;font-size: 26px;line-height: 30px;color: #5E5E5E;}
.ggtit h3{font-size: 48px;color: #00000C;line-height: 60px;}
.ggtit img{margin:15px auto;}
.ggtit h2{color: #CAC0C0;line-height: 100px;font-size: 83px;font-weight: bold;opacity: 0.1;margin-bottom: -50px;}
.p1 .ggtit h3{font-size: 27px;color: #00000C;line-height: 43px;}
.p1{background:url(../images/p1bj.jpg) no-repeat center;overflow:hidden}
.p1con{float: right;width: 632px;margin-top: 50px;margin-bottom: 30px;}
.p1 .ggtit h3{text-align: right;}
.p1 .ggtit{text-align: right;}
.p1txt1 p{font-size: 18px;line-height: 30px;color: #353535;text-align: right;text-align: justify;margin:20px auto;}
.p1txt2{width: 190px;float: right;margin-top: 50px;}
.p1txt2 li a {display: flex;flex-flow: row wrap;justify-content: space-between;width: 188px;}
.p1txt2 li a p{width: 150px;background: linear-gradient(to bottom, #316FF3, #0B22A4);text-align: center;line-height: 48px;color:#fff;font-size: 18px;}
.p1txt2 li a dt{background: #FABD00;width: 38px;text-align: center;display: flex;height: 48px;align-items: center;justify-content: center;}

.p2{background:url(../images/p2bj.jpg) no-repeat center;overflow:hidden}
.p2con {width: 1240px;margin:4% auto;overflow: hidden;}
.p2con .swiper-slide li{background:url(../images/p2conbj1.jpg) no-repeat center;overflow:hidden;width: 401px;position: relative;height: 273px;background-size: 100% 100%;}
.p2con .swiper-slide:hover li{background:url(../images/p2conbj2.jpg) no-repeat;background-size: 100% 100%;}
.p2txt{position: absolute;left:14px;top:50px;}
.p2con .swiper-slide li a{position:absolute;right: 20px;top:5px;font-size: 18px;line-height: 30px;color: #FFFFFF;}
.p2con .swiper-slide li dd{position: absolute;bottom: 0;right: 20px;}
.p2txt h3{font-size: 26px;line-height: 30px;margin:15px auto;text-align: left;}
.p2txt p{font-size: 18px;line-height: 26px;width: 217px;text-align: justify;}


 .p2con .swiper {
      width: 100%;
      height: 100%;
      margin-left: auto;
      margin-right: auto;
      height: 576px;
    }

 .p2con .swiper-slide {
      text-align: center;
      font-size: 18px;

      height: calc((100% - 30px) / 2) !important;

      /* Center slide text vertically */
      display: flex;
      justify-content: center;
      align-items: center;
    }
.p2qh li{display: flex;flex-flow: row wrap;justify-content: space-between;width: 180px;margin:4% auto;overflow: hidden;}

.p3{background:url(../images/p3bj.jpg) no-repeat center;overflow:hidden}
.p3 .ggtit h3{color:#fff;}
.p3 .ggtit p{color:#fff;}
.p3con{width: 1500px;margin:3% auto;}
.tqcl_con3_qh{display: none;}
.tqcl_con3_d{margin:4% auto;overflow: hidden;}
.tqcl_con3_d .active{display: block;}
.tqcl_con3_t_m ul{width: 906px;display: flex;flex-flow: row wrap;justify-content: space-between;margin:0 auto;}
.tqcl_con3_t_m ul li{border: 1px solid #FFFFFF;width: 300px;text-align: center;overflow: hidden;}
.tqcl_con3_t_m ul li.active{background: #FFFFFF;}
.tqcl_con3_t_m ul li dl .b2{display: none;}
.tqcl_con3_t_m ul li dl {line-height: 62px;color:#fff;font-size: 26px;}
.tqcl_con3_t_m ul li.active dl .b2{display: inline-block;}
.tqcl_con3_t_m ul li.active dl .b1{display: none;}
.tqcl_con3_t_m ul li.active dl{color:#316FF3;}
.tqcl_con3_t_m ul li dl img{vertical-align: middle;margin-top: -3px;}
.tqcl_con3_d .swiper-slide dl{border: 1px solid #FFFBED;overflow: hidden;}
.tqcl_con3_d .swiper-slide{padding-bottom: 1px;}
.tqcl_con3_d .swiper-slide dl p{text-align: center;font-size: 20px;color: #FFFFFF;line-height: 74px;}
.tqcl_con3_d .swiper-slide:hover dl p{background: #FABD00;}

.p3qh li{display: flex;flex-flow: row wrap;justify-content: space-between;width: 180px;margin:4% auto;overflow: hidden;}
.p4con1{overflow: hidden;}
.p4con1 .swiper{width: 1550px;float: right;}


.p4 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{top:unset;border:0;height: 3px;}
.p4 .swiper-pagination-progressbar{position: unset;}
.swiper-pagination-p4{margin-top: 150px;}
.p4con1 .swiper-slide{width: auto;}



.p4con2{position: relative;transform: translateY(-120px);z-index: 1;}
.p44qh{position: absolute;right: 0;top:0px;}
.p44qh li{display: flex;flex-flow: row wrap;justify-content: space-between;width: 180px;margin:4% auto;overflow: hidden;}
.p4txt h3{font-size: 26px;line-height: 30px;color: #202020;text-align: left;}
.p4txt p{font-size: 18px;line-height: 30px;color: #353535;margin:15px auto;text-align: left;}
.swiper-button-prev44{z-index: 1;}
.swiper-button-next44{z-index: 1;}


.p5{background:url(../images/p5bj.jpg) no-repeat center;overflow:hidden;padding-bottom: 4%;}
.p5con{width: 1741px;float: right;}
.p5con .bd{float: left;width: 650px;}
.p5con .hd{float: right;width: 1091px;height: 510px;overflow-y:auto;}
.p5txt{overflow: hidden;}
.p5con .hd ul li.on .p5txt{background: linear-gradient(to bottom, #316FF3, #0B22A4);overflow: hidden;}
.p5wrap{width:90%;margin:20px auto;overflow: hidden;}
.p5wrap dl{float: left;width: 84%;}
.p5wrap dd{float: right;width: 10%;margin-top: 50px;}
.p5wrap dl h3{font-size: 26px;line-height: 30px;color: #202020;margin:15px auto;}
.p5wrap dl p{font-size: 18px;line-height: 32px;}
.p5con .hd ul li.on .p5wrap dl h3{color:#fff;}
.p5con .hd ul li.on .p5wrap dl p{color:#fff;}

.p6{position: relative;padding-bottom: 25px;z-index: 1;}
.p6bjs{background: linear-gradient(to bottom, #316FF3, #0B22A4);height: 208px;position: absolute;bottom: 135px;left:0;z-index: 0;width: 100%;}
.p6qh li {display: flex;flex-flow: row wrap;justify-content: space-between;width: 160px;margin:5% auto 0%;overflow: hidden;position: relative;z-index: 1;}
.p7con{background: linear-gradient(to bottom, #316FF3, #0B22A4);width: 81.77%;margin:0 auto;overflow: hidden;transform: translateY(-100px);margin-bottom: -100px;}
.p7con ul{display: flex;flex-flow: row wrap;justify-content: space-between;margin:40px auto;}
.p7con ul li{width: 237px;text-align: center;}
.p7con ul li:nth-of-type(2){width: 552px;}
.p7txt h3{font-size: 26px;color: #FFFFFF;line-height: 30px;margin:15px auto;}
.p7txt p{font-size: 18px;color: #FFFFFF;line-height: 30px;text-align: center;}
.p7txt  span{background: #FABD00;border-radius: 50%;width: 95px;height: 95px;display: flex;align-items: center;justify-content: center;margin:20px auto;}
.p7txt .b2{display: none;}
.p7con ul li.active .p7txt span{background: #FFFFFF;}
.p7con ul li.active .p7txt .b1{display: none;}
.p7con ul li.active .p7txt .b2{display: inline-block;}
.p7wrap2{text-align: center;margin-bottom: 40px;}
.p7wrap2 img{margin:40px auto 0;}
.p7wrap2 p{font-size: 16px;line-height: 30px;opacity: 0.2;color: #FFFFFF;margin-top: 30px;text-align: right;}
.p8con ul {display: flex;flex-flow: row wrap;justify-content: space-between;}
.p8con ul li{width: 377px;border: 1px solid #D0D0D0;}
.p8txt{width: 90%;margin:20px auto;overflow: hidden;}
.p8txt dt{font-size: 18px;color: #202020;line-height: 30px;opacity: 0.55;}
.p8txt h3{font-size: 20px;line-height: 30px;margin:10px auto;}
.p8txt p{font-size: 16px;line-height: 24px;margin:10px auto;}
.p8con ul li.active{background: linear-gradient(to bottom, #316FF3, #0B22A4);}
.p8con ul li.active .p8txt h3{color:#fff;}
.p8con ul li.active .p8txt p{color:#fff;}
.p8con ul li.active .p8txt dt{color:#fff;}
.p8txt .b1{display: none;}
.p8con ul li.active .p8txt .b1{display: inline-block;}
.p8con ul li.active .p8txt .b2{display: none;}

.foot{background: #222222;overflow: hidden;}
.footwrap1{display: flex;flex-flow: row wrap;justify-content: space-between;margin:5% auto;overflow: hidden;}
.foot1{width: 100px;}
.foot2{width: 700px;}
.foot3{width: 240px;display: flex;flex-flow: row wrap;justify-content: space-between;}
.foot3 li{width: 100px;text-align: center;}
.foot3 li p{color: #FFFFFF;font-size: 14px;line-height: 24px;text-align: center;}
.foot2_1 ul {display: flex;flex-flow: row wrap;justify-content: space-between;margin:30px auto;overflow: hidden;}
.foot2_1 ul li {width: 95px;}
.foot2_1 ul li a{font-size: 16px;color: #FFFFFF;line-height: 50px;}
.foot2_1 ul li span{color: #FFFFFF;opacity: 0.1;font-size: 14px;line-height: 50px;float: right;}
.footwrap2{border-bottom: 1px solid #3E3E3E;border-top: 1px solid #3E3E3E}
.footwrap2_1{width: 1410px;margin:0 auto;border-left: 1px solid #3E3E3E;border-right: 1px solid #3E3E3E}
.footwrap2_2 ul {display: flex;flex-flow: row wrap;justify-content: space-between;}
.footwrap2_2 ul li{border-right: 1px solid #3E3E3E;width: 420px;}
.footwrap2_2 ul li:nth-of-type(2){width: 560px;}
.footwrap2_2 ul li:nth-of-type(3){border:none;}
.footwrap2_2 ul li dl p{font-size: 16px;line-height: 24px;color:#fff;}
.ftxt{width: 80%;margin:20px auto;overflow: hidden;height: 72px;align-items: center;justify-content: center;display: flex;}
.ftxt span{float: left;width: 33px;margin-top: 10px;}
.ftxt dl{float: left;margin-left: 20px;}
.foot_ba{color:#fff;margin:20px auto;}
.foot_ba p{float: right;color:#fff;opacity: 0.3;}

.banner{padding-top: 100px!important;}








/*

background: linear-gradient(to bottom, #316FF3, #0B22A4);

 {display: flex;flex-flow: row wrap;justify-content: space-between;}

 :nth-of-type(1)
 :nth-of-type(1):hover;

{background:url(../images/p3bj.jpg) no-repeat center;overflow:hidden}


*/




@media (max-width: 767px) {

  

.foot3 li{width: 48%;}  
.foot3{width: 80%;margin:20px auto;}
.mfoot2 li{margin:20px auto;}
.mfoot2 p{text-align: center;font-size: 16px;line-height: 30px;text-align: center;color:#fff;}
.mfoot2{text-align: center;}
.mfoot1 a{font-size: 20px;line-height: 36px;color:#fff;display:block;text-align: center;margin:20px auto;}  
.mfooter{background: #222222;overflow: hidden;padding-bottom: 50px;margin-top: 30px;}
.mfoot1 p{text-align: center;font-size: 16px;line-height: 30px;text-align: center;color:#fff;}
.mfoot1{width: 100%;margin:30px auto;text-align: center;}
.p8con ul li.active .p8txt .b1{display: none;}
.p8txt p{font-size: 14px;line-height: 22px;}
.p8txt h3{font-size: 18px;line-height: 26px;}  
.p8txt img{display: none;}
.p8txt dt{display: none;}
.p8con ul li.active .p8txt h3{color:#353535;}
.p8con ul li.active .p8txt p{color:#353535;}
.p8con ul li.active .p8txt dt{color:#353535;}

.p8con ul li.active{background: none;}
.p8con ul li{border:none;background: none;}
.p8con ul li:nth-of-type(2){display: none;}
.p8con ul li:nth-of-type(3){display: none;}

.p7con{margin-bottom: -70px;}
.p7wrap2 img{margin:20px auto;}
.p7txt p{font-size: 12px;line-height: 20px;text-align: left;}
.p7txt h3{font-size: 16px;line-height: 24px;margin:5px auto;text-align: left;}
.p7txt dl{float: right;width: calc(100% - 60px);margin-top: 10px;}
.p7txt  span img{width: 50%;}
.p7txt  span{width: 50px;height: 50px;float: left;}
.p7con{width: 90%;transform: translateY(-70px)}
.p7con ul li:nth-of-type(2){width: 100%;}
.p7con ul li{width: 100%;margin:10px auto;}

.p6{padding-bottom: 10px;}
.p6bjs{height: 100px;bottom: 100px;}
.swiper-button-next6{width: 40%;}
.swiper-button-prev6{width: 40%;}
.p6qh li{width: 120px;margin: 40px auto 20px;}

.p5qh ul li{width: 40%;}
.p5qh ul {display: flex;flex-flow: row wrap;justify-content: space-between;width: 120px;margin:20px auto;}
.mp5txt p{font-size: 14px;line-height: 22px;}
.mp5txt h3{font-size: 18px;line-height: 30px;margin:10px auto;}
.p5{background: none;}
.mp5txt{width: 92%;margin:20px auto;}
.p5con .bd{float: none;width: 100%;}
.p5con{width: 100%;float: none;}
.p5{margin-top: -120px;}
.p4txt p{font-size: 14px;line-height: 22px;}
.p4txt h3{font-size: 18px;line-height: 30px;}
.swiper-button-next44{width: 40%;}
.swiper-button-prev44{width: 40%;}
.p44qh li{width: 120px;margin: 10% auto 4%}
.p44qh{position: unset;}
.p4con1 .swiper{width: 92%;float: none;}
.swiper-button-next3{width: 40%;}
.swiper-button-prev3{width: 40%;}
.p3qh li{width: 120px;}

.tqcl_con3_d .swiper-slide dl p{font-size: 12px;line-height: 42px;}
.tqcl_con3_t_m ul li dl img{width: 15%;}
.tqcl_con3_t_m ul li dl{font-size: 16px;line-height: 40px;}
.p3con{width: 92%;}
.tqcl_con3_t_m ul li{width: calc(33.33% - 2px);}
.tqcl_con3_t_m ul{width: 100%;margin:20px auto;}
.ggtit p span{display:block}
.ggtit h3 span{display:block}
.p2con .swiper-slide li a{font-size: 14px;line-height: 22px;}
 .p1 .mggtit1 img{display:block}
.p1{margin:4% auto 0;}
 .p2{background:url(../images/mp2bj.jpg) no-repeat center;overflow:hidden;background-size: 100% 100%;}   

.p2con .swiper-slide li{width: 100%;height: 200px;}
.p2con .swiper-slide li dd{width: 20%;}
.p2txt p{font-size: 14px;line-height: 22px;}
.p2txt h3{font-size: 18px;line-height: 26px;margin:10px auto;}
.swiper-button-next2{width: 40%;}
.swiper-button-prev2{width: 40%;}
.p2qh li{width: 120px;}
.p2con{width: 92%;}

.ggtit p{font-size: 16px;line-height: 24px;}
.ggtit h2{font-size: 50px;}
 .p2con .swiper-slide {
      text-align: center;
      font-size: 18px;
      height: calc((100% - 30px) / 4) !important;

      /* Center slide text vertically */
      display: flex;
      justify-content: center;
      align-items: center;
    }   

.p2con .swiper{height: 900px;}


.p1txt2{margin-bottom: 30px;margin-top: 30px;}
.p1txt1 p{font-size: 14px;line-height: 22px;margin:10px auto;}    
.p1 .ggtit h3{font-size: 16px;line-height: 24px;}
.ggtit h3{font-size: 26px;line-height: 32px;}
.p1con{width: 92%;margin:30px auto;float: none;}
.p1{height: auto;background: none;}
.p1 .wrap{background:url(../images/mp1bj.png) no-repeat center;overflow:hidden;width: 100%;}
    


.top_xx ul li:nth-child(1) h3 br{display: none;}
.top_xx ul li:nth-child(1) h3{font-size: 12px;line-height: 22px;}
     .top_xx ul li:nth-child(1) img{display: none;}
     .zxzc_lx .tqcl_con19_l{display: none;}
.tqcl_con19_l h3{font-size: 24px;line-height: 42px;}
.zxzc_lx_l h3{font-size: 20px;line-height: 42px;}

.tqcl_con19_l{width: 90%; margin: 0 auto; padding:9% 0; background:unset;}
.tqcl_con19_l p{font-size: 16px;}
.tqcl_con19_l input{background: #FFFFFF; line-height: 40px; border-radius: 0;-webkit-appearance: none;font-size: 16px;}
.tqcl_con19_l .active{background: #1A64B5; color: #fff;}
.tqcl_con19_l .active::placeholder{color: #fff;}
.zxzc_lx{flex-wrap: wrap;}                   
.zxzc_lx_l{width: 90%; padding:10% 5%;}                  
.zxzc_lx_l dl dd h2{font-size: 18px;}                    
.zxzc_lx_l dl dd p{font-size: 14px; line-height: 22px;}
.zxzc_lx_l dl dt{width: 10%;}                    
.zxzc_lx_l dl dd {width: 90%;}                   
.zxzc_lx .tqcl_con19_l{padding-top: 10%;}
.zxcz_xw dl a{flex-direction: row-reverse; flex-wrap: wrap-reverse;}
.zxcz_xw dl  dd{width: 100%;}
.zxcz_xw dl  dt{width: 100%;}
.zxcz_xw dl dt h2{font-size: 16px; margin-top: 2%;}
.zxcz_xw dl dt p{font-size: 14px; line-height: 22px;}
.zxcz_xw dl dt h3{font-size: 14px;}



.news4{width: 100%;margin-top: 20px;}
.news3{width: 100%;margin-top: 0px;}
.news2{margin-top: 20px;}
.news3 p{font-size: 14px;line-height: 22px;}
.news3 h3{margin:10px auto;font-size: 18px;line-height: 26px;}
.news1{margin-top: 0;}
.news1 dt{font-size: 12px;width: 32px;line-height: 22px;}
.news1 dd{font-size: 18px;line-height: 30px;}
.news2 span{display: none;}


.wrap{width: 92%;}
.ggtit li:before{width: 50px;height: 13px;left:0;top:30px;}
.ggtit li:after{width: 70px;height: 20px;right:-20px;top:50px;}
.banner{padding-top:70px!important;}
.ggtit li p{font-size: 16px;line-height: 24px;}
.ggtit li h3{font-size: 26px;line-height: 36px;margin:10px auto;}
.ggtit li h3 span{display:block;}
.x_con11_l_b p{font-size: 14px;line-height: 22px;}
.x_con11_l_b h2{font-size: 16px;line-height: 24px;}
.wrap{width: 92%;margin:0 auto;}
.x_con11_r{display: none;}
.x_con11_l{width: 100%;}
.x_con11_l_t dl dt{display: none;}
    .topbg{left:14%;top:20px;width: 75%;}
    .ggtit1{display: none;}
    .mggtit1{display: block;}











}