@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: "siyuansongti"}
h1 {font-weight:bold; font-size:18px; line-height:18px; color:#474545;}
h3 {font-weight:normal; font-size:12px; color:#000000;}
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{position:relative; margin:0 auto; width:1200px; height:100%; }
#header {position:fixed; z-index:5; height:150px; background-size: 100% 109px; background-repeat: no-repeat;background: url(../images/dwtp.png);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; bottom:35px; z-index:4; height:100%; overflow:hidden; color:#232323;  height: 39px; width: 1280px; margin: 0 auto;}
#nav ul{ display: flex; justify-content: space-between;}
#nav li {float:left; height:100%; -webkit-transition:background-color 700ms; transition:background-color 700ms;width: 190px;}

/*    #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%;}

    .topbg{width: 100%;  color: #373634;  position: absolute; top: 40px; padding-top: 1%;}
    .top_xx ul{display: flex; justify-content: space-between;}
    .top_xx ul li:nth-child(1){font-size: 25px; font-weight: bold; line-height: 30px;}
    .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;}
    .top_xx ul li:nth-child(2) span{font-size:30px; font-weight: bold; color: #171717;line-height: 30px;}

    .dhtop{ position: absolute; right: 65px; top:15px}
    .top{background: #9A231B;overflow: hidden;}
    #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{background: #9A231B;border-radius: 10px;}

    #nav li a span {position:absolute; left:0px; top:0px; z-index:2;  height:100%;  font-size: 18px;letter-spacing: 3px;width: 115px;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;}


    #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;}
.ggtit{margin:3% auto 2%;overflow: hidden;}
.ggtit h3{color:#000000;font-size: 42px;line-height: 66px;font-weight: bold;text-align: center;}
.ggtit h3 img{vertical-align: bottom;margin-left: 10px;}


    .x_con11{display: flex;justify-content: space-between;}
            .x_con11_l{width: 600px;}
                        .x_con11_l_t dl{display: flex;justify-content: space-between;}
                        .x_con11_l_t dl dt{width: 200px; background: #9A231B; text-align: center; color: #fff;}
                        .x_con11_l_t dl dt h2{font-size: 72px; font-weight: bold; margin-top: 3%;}
                        .x_con11_l_t dl dt p{text-align: center; font-size: 24px;}
                        .x_con11_l_b h2{font-size: 20px; margin: 2% 0; font-weight: bold;overflow: hidden;line-height: 28px;
                text-overflow: ellipsis;
                white-space: nowrap;}
                        .x_con11_l_b p{font-size: 18px; color: #727272;-webkit-line-clamp: 3;
                display: -webkit-box;line-height: 28px;
                -webkit-box-orient: vertical;
                overflow: hidden;
                text-overflow: ellipsis;}
                        .x_con11_l_b span{color: #F99E35; font-size: 20px; margin-top: 3%; display: block;}
                        .x_con11_r{width: 573px;}
                        .x_con11_r dl{padding: 5%; margin-bottom: 3%; display: flex; justify-content: space-between;}
                        .x_con11_r dl dt{width: 80px;}
                        .x_con11_r dl dd{width: 435px;}
                        .x_con11_r dl dt h2{font-size: 24px; color: #333333; font-weight: bold; margin-bottom: 20px;}
                        .x_con11_r dl dd h2{font-size: 24px; font-weight: bold; margin-bottom: 10px;overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;}
                .x_con11_r dl dd h2:hover{color:#9A231B;}
                .x_con11_l_b h2:hover{color:#9A231B;}
                        .x_con11_r dl dd p{font-size: 18px; color: #727272;-webkit-line-clamp: 3;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                overflow: hidden;
                text-overflow: ellipsis;}
            .x_about{display: flex; justify-content: space-between; margin-bottom: 2%;}
            .x_about_l{width: 450px;}
            .x_con11_r dl dt {width: 80px;}
            .x_about_l dl{margin: 15% 0;}
            .x_about_l dl dt{font-size: 32px; color: #14A83A; font-weight: bold;}
            .x_about_l dl dt img{vertical-align: sub; margin-right:2%;}
            .x_about_l dl dd{font-size: 18px; margin:5% 0;}
            .x_about_r{width: 712px;}
    .wrap{width: 1200px;margin:0 auto;}    
.ggtit p{text-align: center;font-size: 26px;line-height: 66px;}
.p1{background:url(../images/p1bj.png) no-repeat center;overflow:hidden;padding-bottom: 4%;}
.p1con ul{display: flex;flex-flow: row wrap;justify-content: space-between;}
.p1con ul li{background:url(../images/p1conbj1.png) no-repeat center;overflow:hidden;width: 287px;text-align: center;background-size: 100% 100%;}
.p1con ul li.active{background:url(../images/p1conbj2.png) no-repeat center;overflow:hidden;background-size: 100% 100%;}
.p1txt{width: 80%;margin:53px auto;overflow: hidden;}
.p1txt h3{color:#242424;font-size: 26px;text-align: center;line-height: 34px;margin:40px auto 20px;}
.p1txt p{font-size: 22px;line-height: 34px;text-align: center;}
.p1con ul li.active .p1txt h3{color:#fff;}
.p1con ul li.active .p1txt p{color:#fff;}

.p2{overflow: hidden;margin-top: 3%;}
.p2con{position: relative;}
.p2left2{position: absolute;left:0;top:0;}
.p2left3{position: absolute;left:50px;top:20px;}
.p2con1{float: left;width: 744px;}
.p2con2{width: 600px;position: absolute;right: 0;top:0;}
.p2left3 p{font-size: 18px;line-height: 76px;writing-mode:vertical-lr;}
.p2bj1{position: absolute;left:-320px;top:100px;}
.p2bj2{position: absolute;right:-320px;top:100px;}
.p2con2 .ggtit{text-align: left;}
.p2con2 .ggtit h3{text-align: left;}
.p2con2 .ggtit p{text-align: left;}
.p2txt1{margin-top: 50px;}
.p2txt1 p{font-size: 26px;line-height: 36px;margin:20px auto;position: relative;margin-left: 20px;}
.p2txt1 p::before{background: #9A231B;width: 12px;height: 12px;border-radius: 50%;display: inline-block;position: absolute;content:"";display: block;left:-20px;top:10px;}
.p2txt2{background: #9A231B;width: 234px;text-align: center;margin-top: 50px;}
.p2txt2 a{display: block;color:#fff;font-size: 18px;line-height: 47px;text-align: center;}
.p2txt2 a img{vertical-align: middle;margin-left: 10px;margin-top: -5px;}

.p3{background:url(../images/p3bj.png) no-repeat center;overflow:hidden;height: 781px;}
.p3 .ggtit{margin:45px auto;}
.p3 .ggtit h3{color:#fff;}
.p3 .ggtit p{color:#fff;}
.p3txt p{font-size: 22px;line-height: 32px;writing-mode:vertical-rl;display: inline-block;margin-top: 40px;}
.p3txt h3{font-size: 26px;line-height: 34px;writing-mode:vertical-lr;display: inline-block;font-weight: bold;vertical-align: top;}
.p3con ul {display: flex;flex-flow: row wrap;justify-content: space-between;}
.p3con ul li{width: 199px;border-right: 1px solid rgba(154,35,27,0.2);text-align: center;}
.p3con ul li:last-child{border:none;}
.p3con ul li.active{background: url(../images/p3conbj.png) no-repeat;border:none;background-size: 100% 100%}
.p3txt{margin:40px auto 20px;}
.p3con ul li.active .p3txt h3{color:#fff;}
.p3con ul li.active .p3txt p{color:#fff;}
.p3txt .a2{display: none;}
.p3con ul li.active .p3txt .a1{display: none;}
.p3con ul li.active .p3txt .a2{display: inline-block;}

.p4{background:url(../images/p4bj.jpg) no-repeat center;overflow:hidden;padding-bottom: 4%;}
.p4 .ggtit h3{color:#fff;}
.p4 .ggtit p{color:#fff;}
.p4con ul {display: flex;flex-flow: row wrap;justify-content: space-between;}
.p4con ul li{width: 400px;}
.p4txt2{background:url(../images/p4conbj1.png) no-repeat;overflow: hidden;margin:-5px auto;}
.p4con ul li.active .p4txt2{background:url(../images/p4conbj2.png) no-repeat;}
.p4txt2 dl h3{font-size: 26px;line-height: 60px;text-align: center;}
.p4txt2 dl p{font-size: 22px;line-height: 34px;text-align: center;height: 124px;display: flex;align-items: center;justify-content: center;}
.p4txt2 dl{width: 84%;margin:40px auto;overflow: hidden;}
.p4txt1 img{margin:-5px auto;}
.p4con ul li.active .p4txt2 dl h3{color:#fff;}
.p4con ul li.active .p4txt2 dl p{color:#fff;}

.p5{margin:4% auto;overflow: hidden;}
.p5txt1 h3{line-height: 152px;font-size: 26px;}
.p5txt1 h3 img{vertical-align: middle;margin-right: 20px;}
.p5con ul {display: flex;flex-flow: row wrap;justify-content: space-between;}
.p5con ul li{width: 380px;border-right: 1px solid #D0D0D0;}
.p5con ul li:last-child{border:none;}
.p5txt{width: 347px;}
.p5txt1 p{font-size: 22px;line-height: 34px;margin:30px auto;height: 124px;}
.p5txt1 span{text-align: center;font-size: 26px;margin:30px auto;display: block;}
.p5txt2{border:1px solid #B2B2B2;}
.p5txt2 a{font-size: 18px;line-height: 55px;text-align: center;display: block;}
.p5txt2 a img{vertical-align: middle;}
.p5con ul li.active .p5txt2{background: #9A231B;border:none;}
.p5con ul li.active .p5txt2 a{color:#fff;}

.p5txt2 .a2{display: none;}
.p5con ul li.active .p5txt2 .a1{display: none;}
.p5con ul li.active .p5txt2 .a2{display: inline-block;}
.p6txt{background:url(../images/p6conbj1.png) no-repeat center;overflow:hidden;border:1px solid #D3B17D;width: 384px;background-size: 100% 100%;}
.p6txt dl{width: 362px;margin:10px auto 0;overflow: hidden;}
.p6txt p{text-align: center;font-size: 26px;line-height: 40px;margin-bottom: 10px;}

.p6con .swiper-slide:hover .p6txt{background:url(../images/p6conbj2.png) no-repeat center;overflow:hidden;border:none;background-size: 100% 100%;}
.p6con .swiper-slide:hover .p6txt p{color:#fff;}
.p6con{position: relative;}
.p6con .swiper{position: unset;}
.swiper-button-prev6{position: absolute;top:45%;left:-80px;}
.swiper-button-next6{position: absolute;top:45%;right:-80px;}

.p7{margin:4% auto;}
.p7txt {display: flex;flex-flow: row wrap;justify-content: space-between;}
.p7txt1{width: 50%;}

.p7txt2{width: 50%;background:url(../images/p7imgbj1.jpg) no-repeat;overflow: hidden;background-size: contain;}
.p7txt2 li{width: 88%;margin:88px auto;}
.p7txt2 h3{font-size: 26px;line-height: 34px;margin:70px auto 50px;margin-right: 20px;}
.p7txt2 h3 span{background:url(../images/p7conbj.png) no-repeat;width: 48px;height: 49px;display: inline-block;color:#fff;font-size: 18px;line-height: 49px;text-align: center;margin-right: 10px;background-size: 100%;}
.p7txt2 p{font-size: 22px;line-height: 34px;width: 530px;margin-bottom: 50px;}

@media only screen and  (max-width:1680px){
     .p7txt2 li{width: 84%;margin:30px auto;}
  
}

.p7txt22 li{text-align: right;}
.p7txt22 li p{float: right;}

.p8con1 ul{display: flex;flex-flow: row wrap;justify-content: space-between;}
.p8con1 ul li{width: 347px;background:url(../images/p8qh1.png) no-repeat;background-size: 100%; overflow: hidden;}
.p8con1 ul li dl{font-size: 26px;line-height: 55px;text-align: center;}
.p8con1 ul li.active{background:url(../images/p8qh2.png) no-repeat;}
.p8con1 ul li.active dl{color:#fff;}
.p8wrap{background: url(../images/p8imgbj.png) no-repeat;overflow: hidden;width: 100%;margin:30px auto;}
.p8txt{display: flex;flex-flow: row wrap;justify-content: space-between;width: 80%;margin:43px auto 0;}
.p8txt1{}
.p8txt2{width: 354px;margin-top: 100px;}
.p8txt3{width: }
.p8con2 .p8qh{display: none;}
.p8con2 .p8qh.active{display: block;}
.p8txt2 h3{font-size: 26px;line-height: 34px;text-align: left;}
.p8txt2 p{font-size: 22px;line-height: 34px;margin:20px auto;}
.p8txt2 a{background: #9A231B;width: 167px;line-height: 47px;text-align: center;font-size: 18px;color:#fff;display: block;}
.p8txt2 a img{vertical-align: middle;}

.p8con{position: relative;}
.p8con .swiper{position: unset;}
.swiper-button-prev8{position: absolute;top:45%;left:-80px;}
.swiper-button-next8{position: absolute;top:45%;right:-80px;}


.p11{overflow: hidden;margin:4% auto;}
/*.p10con .swiper-slide li{display: none;}*/
.p10con .swiper-slide{width: auto!important;}
.p10con .swiper-slide li{width: 157px;background: #9A231B;display: block;position: absolute;left:0;top:0;height: 99%;}
.p10con .swiper-slide li p{color:#fff;font-size: 26px;line-height: 44px;writing-mode:vertical-lr;text-align: center;display: flex;align-items: center;justify-content: center;height: 500px;width: 100%;margin:0 auto;}
.p10con .swiper-slide li span{height: 1px;width: 70%;margin:0 auto;background: rgba(255,255,255,0.5);display: block;}
.p10con .swiper-slide li p a{color:#fff;float: right;font-size: 22px;}
.swiper-button-prev10{position: absolute;bottom: 60px;left:30px;}
.swiper-button-next10{position: absolute;bottom: 60px;left: 120px;}

.p11con ul{display: flex;flex-flow: row wrap;justify-content: space-between;width: 1416px;margin:0 auto;}
.p11con ul li{margin-bottom: 10px;}

.p12{margin:4% auto;}
.p12con{width: 1000px!important;}
.p12con{position: relative;}
.p12con .swiper{position: unset;}
.swiper-button-prev12{position: absolute;top:45%;left:-80px;}
.swiper-button-next12{position: absolute;top:45%;right:-80px;}

.p13{margin:4% auto;overflow: hidden;}
.p13con{width: 1340px;margin:4% auto;}
.p13con1{float: left;width: 626px;}
.p13con2{float: right;width: 670px;margin-top: 30px;}


.p13txt ul {display: flex;flex-flow: row wrap;justify-content: space-between;}
.p13txt ul li{width: 24%;}
.p13txt ul li span{display: block;width: 91px;height: 91px;margin:10px auto;}
.p13txt ul p{font-size: 24px;text-align: center;line-height: 35px;}
.p13txt ul li:nth-of-type(1) span{background: url(../images/p13con1.png) no-repeat;background-size: 100%;}
.p13txt ul li:nth-of-type(2) span{background: url(../images/p13con2.png) no-repeat;background-size: 100%;}
.p13txt ul li:nth-of-type(3) span{background: url(../images/p13con3.png) no-repeat;background-size: 100%;}
.p13txt ul li:nth-of-type(4) span{background: url(../images/p13con4.png) no-repeat;background-size: 100%;}
.p13txt ul li:nth-of-type(5) span{background: url(../images/p13con5.png) no-repeat;background-size: 100%;}
.p13txt ul li:nth-of-type(6) span{background: url(../images/p13con6.png) no-repeat;background-size: 100%;}
.p13txt ul li:nth-of-type(7) span{background: url(../images/p13con7.png) no-repeat;background-size: 100%;}
.p13txt ul li:nth-of-type(8) span{background: url(../images/p13con8.png) no-repeat;background-size: 100%;}

.p13txt ul li:nth-of-type(1):hover span{background: url(../images/p13con11.png) no-repeat;background-size: 100%;}
.p13txt ul li:nth-of-type(2):hover span{background: url(../images/p13con22.png) no-repeat;background-size: 100%;}
.p13txt ul li:nth-of-type(3):hover span{background: url(../images/p13con33.png) no-repeat;background-size: 100%;}
.p13txt ul li:nth-of-type(4):hover span{background: url(../images/p13con44.png) no-repeat;background-size: 100%;}
.p13txt ul li:nth-of-type(5):hover span{background: url(../images/p13con55.png) no-repeat;background-size: 100%;}
.p13txt ul li:nth-of-type(6):hover span{background: url(../images/p13con66.png) no-repeat;background-size: 100%;}
.p13txt ul li:nth-of-type(7):hover span{background: url(../images/p13con77.png) no-repeat;background-size: 100%;}
.p13txt ul li:nth-of-type(8):hover span{background: url(../images/p13con88.png) no-repeat;background-size: 100%;}

.p9{background:url(../images/p9bj.jpg) no-repeat center;overflow:hidden}
.ggtit h2{font-size: 36px;line-height: 66px;text-align: center;font-weight: bold;}
.p9con{text-align: center;margin:50px auto;}

.p14{margin:4% auto;overflow: hidden;}


.p14con1 a{background: #9A231B;width: 167px;line-height: 47px;text-align: center;font-size: 18px;color:#fff;display: block;}
.p14con1 a img{vertical-align: middle;}
.p14con1{float: left;width: 570px;}
.p14con2{float: right;width: 553px;}
.p14con1 h3{font-size: 26px;line-height: 34px;}
.p14con1 p{text-indent: 2em;font-size: 22px;line-height: 34px;margin:20px auto 30px;}
.p14con1 dt{font-size: 26px;line-height: 34px;opacity: 0.2;margin-left: 90px;margin-bottom: -20px;}
.p14con2{position: relative;}
.p14con2 p{writing-mode:vertical-lr;font-size: 18px;line-height: 53px;border:1px solid #BDA285;height: 262px;display: flex;align-items: center;justify-content: center;color:#BDA285;position: absolute;right: -55px;top:-20px;}
.p14{position: relative;}
.p14bj{position: absolute;left:0;bottom: 100px;}
.p16{margin:4% auto -4%;}
.p16 .ggtit p{font-size: 26px;line-height: 36px;margin:10px auto;}
.p16qh li{width: 160px;margin:4% auto;display: flex;flex-flow: row wrap;justify-content: space-between;}

.protel li{font-size: 24px;line-height: 34px;text-align: center;margin:10px auto}
.protel a{font-size: 32px;line-height: 69px;text-align: center;display:block;font-weight: bold;}
.protel a img{vertical-align: middle;display: inline-block;margin-right: 10px;}


.gcgjbdbg{background: url(../images/bdbg.jpg); background-size: 100% 100%; padding:5% 0; margin-top: 5%;}
.con7{border-radius: 26px;}
/*.con7_b{padding: 5% 7% 1% 7%;}*/
.gcgj_bdtit h2{font-size: 40px; text-align: center;  font-weight: bold;color:#BE1413;}
.gcgj_bdtit h3{width: 32px;height: 4px;background: #BE1413; margin: 2% auto;}
.gcgj_bdtit p{text-align: center; font-size: 28px; color: #4B4B4B; margin-top: 1%;line-height: 40px;}
.gcgj_lx{display: flex; justify-content: space-between; border: 1px solid #E6E6E6;}
.gcgj_lx dl{width: 27%; padding: 5% 4%;}
.gcgj_lx dl dt img:nth-child(2){display: none;}
.gcgj_lx dl dd h2{font-size: 20px; margin: 3% 0;}
.gcgj_lx dl dd p{font-size: 18px; color: #999999; line-height: 32px;}
.gcgj_lx dl:hover{background: #B5C6B6; color: #fff;}
.gcgj_lx dl:hover dt img:nth-child(1){display: none;}
.gcgj_lx dl:hover dt img:nth-child(2){display: inline-block;}
.gcgj_lx dl:hover dd p{color: #fff;}

.gcgjbdbg .subsit{width: 100%;}

.gcgjbdbg .con7_b_t input{background: #fff;}
.gcgjbdbg .con7_b_t textarea{background: #fff;}



.newstxt{display: flex;flex-flow: row wrap;justify-content: space-between;}
.news3 span{display: block;width: 16px;height: 28px;background: url(../images/njt1.png) no-repeat;}
.news1{width: 602px;}
.news2{width: 492px;margin-top: 50px;}
.news3{width: 16px;margin-top: 180px;}
.news2 h3{font-size: 26px;line-height: 32px;}
.news2  p{font-size: 18px;line-height: 28px;}
.news2 dl{font-size: 16px;line-height: 35px;margin:20px auto;}
.news2 dl dt{font-size: 22px;line-height: 35px;display: inline-block;}
.newscon ul li{overflow: hidden;margin:0 auto;}
.newscon ul li:hover{background: #9A231B;width: 100%;overflow: hidden;margin:0 auto;}
.newscon ul li:hover .news2 h3{color:#fff;}
.newscon ul li:hover .news2 p{color:#fff;}
.newscon ul li:hover .news2 dl{color:#fff;}
.newscon ul li:hover .news2 dl dt{color:#fff;}
.newscon ul li:hover .news3 span{display: block;width: 16px;height: 28px;background: url(../images/njt2.png) no-repeat;}
.newstxt{margin:50px auto;}
.newscon ul li:hover .newstxt{margin:50px auto;}





.zxzc_lx_l{width: 60%;background: #9A231B;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: 20px;line-height: 30px;}
.zxzc_lx_l dl dd p{font-size: 18px; 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: #EEEBE2}
.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:#9A231B!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;}



.p19{background:url(../images/p19bj.jpg) no-repeat center;overflow:hidden;}
.p19wrap{background:rgba(255,255,255,0.7);overflow:hidden;margin:100px auto;width: 1200px;border-radius: 31px;}

.p19wrap .ggtit h3{color:#9A231B;}
.ggtit dd{font-size: 28px;color:#333333;line-height: 41px;text-align: center;}
.p19 .ggtit span{width: 32px;height: 4px;background: #E70012;margin:20px auto;display: block;}
.banner{padding-top:150px!important;}

.p19con{width: 1000px;margin:0px auto;overflow: hidden;}
.p19{   position: relative; margin:5% auto 0; }
.p19 .ggtit{margin:3% auto 0%;}
.xbj{ padding-bottom:3%}
.p19 .pubtit p{ color:#000; line-height:40px}
.p19 .con7_t h2 {font-size: 56px; color: #313131; margin: 5% 0 3% 0; text-align: center; font-weight: bold;}
.p19 .con7_t p{font-size: 34px; text-align: center;}
.p19 .con7_t p span{font-size: 47px;color: ##7C634F;}
.p19 .con7_b_t{display: flex;justify-content: space-between; flex-wrap: wrap;}
.p19 .con7_b_t input{background:#fff !important; text-indent: 1em; line-height: 60px; font-size: 18px; width: 49%; color: #999999!important;border-radius: 12px;}
.p19 .con7_b_t textarea{background: #fff; text-indent: 1em; line-height: 50px; font-size: 18px;border:none; width: 100%; height: 148px; 
    color: #333; margin-top: 2%; border-radius: 12px;}
    .p19 .con7_b_b_s{text-align: center; margin: 4% auto;}
    .p19 .subsit{width: 100%; margin: 0 auto; background: #E70012;  font-size: 20px; line-height: 62px; text-align: center; color: #fff;border-radius: 20px;}

    .p19 input::-webkit-input-placeholder { 
        /* WebKit browsers，webkit内核浏览器 */
        color: #999 !important; font-size: 20px !important;

    } 
    .p19 textarea::-webkit-input-placeholder { 
        /* WebKit browsers，webkit内核浏览器 */
        color: #999 !important; font-size: 20px !important;

    } 

    .p19 .active::-webkit-input-placeholder {
        /* WebKit browsers，webkit内核浏览器 */
        color: #999; 

    }   


.wraptips {margin:-100px auto 100px;overflow: hidden;position: relative;z-index: 2;}
.wraptips p{font-size: 18px;text-align: center;color:#fff;line-height: 26px;}

.ggtit dt{font-size: 18px;text-align: center;opacity: 0.8;line-height: 26px;}



/*


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

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

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


*/




@media (max-width: 767px) {


.wraptips{margin:-50px auto 50px;}
.wraptips p{font-size: 15px;line-height: 23px;}
.ggtit dt{font-size: 15px;text-align: center;opacity: 0.8;line-height: 23px;}


.banner{padding-top:60px!important;}
.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;}





.newscon ul li{margin:0 auto 5%;}
.news2 dl{margin:10px auto}
.news1{width: 100%;}
.news2{width: 100%;margin-top: 20px;}
.news3{display: none;}
.news2 p{font-size: 14px;line-height: 22px;}
.news2 h3{font-size: 18px;line-height: 26px;}


    .gcgj_bdtit p {
        font-size: 14px;
        line-height: 28px;
    }
.gcgj_bdtit h2{        font-size: 18px;
        color: #BE1413;
        line-height: 30px;}
.p16qh li {display: flex;flex-flow: row wrap;justify-content: space-between;width: 24%;margin:5% auto;overflow: hidden;}
.swiper-button-prev16{position: unset;width: 35%;}
.swiper-button-next16{position: unset;width: 35%;}


.p16con{width: 92%;margin:0 auto;}
.p16 .ggtit p br{display: none;}
.p16 .ggtit p{line-height: 24px;font-size: 16px;}
.p14con1 p{margin:5% auto;font-size: 14px;line-height: 22px;}
.p14con1 dt{font-size: 18px;margin-left: 50px;margin-bottom: -25px;}
.p14con1 h3{font-size: 18px;}
.p14con2 p{font-size: 14px;line-height: 32px;right: -34px;height: 164px;}
.p14con1{float: none;width: 100%;}
.p14con2{float: none;width: 90%;}

.p14con1 a img{width: 15%;margin-left: 5px;}
.p14con1 a{line-height: 36px;font-size: 14px;width: 35%;}


.p9con{width: 92%;}
.p9{background:url(../images/mp9bj.jpg) no-repeat center;overflow:hidden;background-size: 100%;}
.ggtit h2{font-size: 22px;line-height: 36px;}

.p13txt ul li{margin-bottom: 4%;}
.p13txt ul p{font-size: 16px;line-height: 24px;}
.p13txt ul li span{width: 60px;height: 60px;}
.p13con{width: 92%;}
.p13con1{float: none;width: 100%;}
.p13con2{float: none;width: 100%;}
.p13con2 .ggtit h3{text-align: right;}
.p13con2 .ggtit p{text-align: right;}


.p12con{width: 100%!important;}
.p12con{position: unset;}
.p12con .swiper{position: unset;}
.p12qh li {display: flex;flex-flow: row wrap;justify-content: space-between;width: 24%;margin:5% auto;overflow: hidden;}
.swiper-button-prev12{position: unset;width: 35%;}
.swiper-button-next12{position: unset;width: 35%;}





.p11con ul li{margin-bottom: 5px;}
.p11txt2{width: 49%;}
.p11txt1{width: 49%;}
.p11txt {display: flex;flex-flow: row wrap;justify-content: space-between;}

.p11con ul{width: 100%;}
.swiper-button-prev10{bottom: 13px;left:unset;right: 22%;}
.swiper-button-next10{bottom: 13px;left:unset;right: 12%;}
.p10con .swiper-slide li span{display: none;}
.p10con .swiper-slide li p{text-align: unset;align-items: unset;justify-content: unset;width: 70%;border-right: 1px solid rgba(255,255,255,0.5);display: block;margin:unset;}
.p10txt{padding-bottom: 5%;}
.p10con .swiper-slide li{height: auto;padding-bottom: 5px;padding-top: 5px;}
.p10con .swiper-slide li p{height: auto;font-size: 16px;writing-mode:unset;}
.p10con .swiper-slide li{width: 90%;top:unset;bottom: 0;left:5%;}
.p10con .swiper-slide{width: 100%!important;}
    .p10con{position: relative;width: 96%;margin:0 auto;}



.p8txt2 a img{width: 15%;margin-left: 5px;}
.p8txt2 a{line-height: 36px;font-size: 14px;width: 70%;}
.p8txt2 p{font-size: 12px;line-height: 22px;margin:10px auto;}
.p8txt2 h3{font-size: 18px;line-height: 26px;}
.p8txt{width: 92%;margin:45px auto 0;}
.p8txt3{width: 45%;}
.p8txt2{width: 50%;margin-top: 20px;}
.p8txt1{width: 60%;}

.p8con1 ul li{width: 32%;background:url(../images/mp8qh1.png) no-repeat;background-size: 100%; overflow: hidden;}
.p8con1 ul li dl{font-size: 16px;line-height: 32px;text-align: center;}
.p8con1 ul li.active{background:url(../images/mp8qh2.png) no-repeat;background-size: 100%;}
.p8con1 ul li.active dl{color:#fff;}
.p8wrap{background: url(../images/mp8imgbj.png) no-repeat;overflow: hidden;width: 100%;margin:30px auto;background-size: 100% 100%;}


.p7txt{display: block;margin-bottom: 20px;}
.p7txt2 p{width: 100%;margin:0 auto;font-size: 14px;line-height: 22px;margin-bottom: 30px;}
.p7txt2 h3 span{width: 30px;font-size: 12px;line-height: 30px;}
.p7txt2 h3{font-size: 14px;line-height: 26px;margin:20px auto 10px;}
.p7txt22 li{text-align: unset;}
.p7txt1{width: 100%;}
.p7txt2{width: 90%;margin:0 auto;background:url(../images/mp7bj.jpg) no-repeat;background-size: 100%;}
.p6con{position: unset;}
.p6con .swiper{position: unset;}
.p6qh li {display: flex;flex-flow: row wrap;justify-content: space-between;width: 24%;margin:5% auto;overflow: hidden;}
.swiper-button-prev6{position: unset;width: 35%;}
.swiper-button-next6{position: unset;width: 35%;}
.con7_b{padding:5% 2% 1% 2%;}


.p6txt p{font-size: 18px;line-height: 32px;}
.p6txt dl{width: 80%;margin:5% auto 0;}
.p6txt{width: 100%;}
.p5con{position: relative;}
.mp5img{position: absolute;bottom: 0;left:0;}
.p5txt2 p{font-size: 14px;line-height: 22px;}
.p5txt2 h3{font-size: 18px;line-height:26px;}
.p5txt{width: 100%;}
.p5txt li {display: flex;flex-flow: row wrap;justify-content: space-between;margin:10px auto;}
.p5txt1{width: 35%;}
.p5txt2{width: 62%;border:none;}


.p4txt2 dl{margin:20px auto;}
.p4txt2 dl p{font-size: 14px;line-height: 22px;height: 80px;text-align: left;}
.p4txt2 dl h3{text-align: left;font-size: 18px;line-height: 40px;}
.ggtit{margin:10% auto 6%;}
.p4{background:url(../images/mp4bj.jpg) no-repeat center;overflow:hidden;padding-bottom: 4%;background-size: 100%;padding-bottom: 30px;}
.p4txt2{background:url(../images/mp4conbj1.png) no-repeat;overflow: hidden;margin:5px auto;background-size: 100%}
.p4con ul li.active .p4txt2{background:url(../images/mp4conbj2.png) no-repeat;background-size: 100%}
.ggtit h3 span{display: block;}

.p3con ul li:last-child{border-bottom: 1px solid rgba(154,35,27,0.2);}
.p3con ul li{border-bottom: 1px solid rgba(154,35,27,0.2);}
.p3con ul li:nth-of-type(4) .p3txt p{line-height: 16px;}

.p3txt{margin:20px auto 10px;}
.p3txt p{font-size: 14px;line-height: 22px;}
.p3txt h3{font-size: 18px;line-height: 26px;}
.p3con ul li{width: 33%}
.p3 .ggtit{margin:30px auto 0;}
.p3con{background:url(../images/mp3bj2.jpg) no-repeat center;overflow:hidden;background-size: 100% 100%;}
.p3 .wrap{width: 96%;}
.p3 .ggtit{background:url(../images/mp3bj1.jpg) no-repeat center;overflow:hidden;padding-top: 5%;padding-bottom: 5%;}
.p3{background:none;overflow:hidden;height: auto;}
.p2txt2 a img{width: 10%;margin-top: -3px;}
.p2txt2 a{font-size: 14px;line-height: 36px;}
.p2txt2{width: 48%;margin-top: 30px;}
.p2txt1 p::before{width: 10px;height: 10px;top:8px;}
.p2txt1{width: 90%;margin:30px auto;}
.p2txt1 p{font-size: 16px;line-height: 24px;margin:10px auto;}

.p2bj2{width: 70%;top:unset;bottom: 0;right: 0;}
.p2bj1{left:unset;right: 0;width: 35%;top:30px;}
.p2left3 p{line-height: 22px;font-size: 14px;}
.p2left2 {width: 10%;}
.p2con1{float: none;width: 100%;}
.p2con2{float: none;width: 100%;position: unset;}
.p1txt{margin:11px auto;}
.p1txt p{font-size: 12px;line-height: 22px;}
.p1txt h3{font-size: 16px;line-height: 26px;margin:15px auto;}
.p1con ul li{width: 48%;margin-bottom: 4%;}

.ggtit p{font-size: 16px;line-height: 24px;}
.ggtit h3 img{width: 4%;margin-left: 0px;}
.ggtit h3{font-size: 22px;line-height: 36px;}
.ggtit p 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:38%;top:10px;width: 48%;}
    .ggtit1{display: none;}
    .mggtit1{display: block;}











}