@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;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{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: #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; 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: 30px;}
    .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) 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:26px; font-weight: bold; color: #C22017;line-height: 30px;}

    .dhtop{ position: absolute; right: 65px; top:15px}
    .top{background: #353334;overflow: hidden;height: 7px;}
    #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: #C22017;font-weight: bold;}
    #nav li a span {position:absolute; left:0px; top:0px; z-index:2;  height:100%;  font-size: 21px;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;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}


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

.mggtit1{display: none;}
.p1{margin:4% auto;}
.ggtit{margin:3% auto 2%;text-align: center;}
.ggtit li{position: relative;display: inline-block;}
.ggtit li h3{font-size: 53px;line-height: 66px;font-weight: bold;text-align: center;margin:20px auto;}
.ggtit li h3 strong{color:#C22017;}
.ggtit li:before{display: block;content:"";background: url(../images/ggzuo.png) no-repeat;width: 88px;height: 19px;position: absolute;left:-120px;top:60px;background-size: 100%;}
.ggtit li:after{display: block;content:"";background: url(../images/ggyou.png) no-repeat;width: 156px;height: 37px;position: absolute;right:-180px;top:80px;background-size: 100%;}
.ggtit p{text-align: center;font-size: 29px;line-height: 32px;}
.p1con1{float: left;width: 328px;}
.p1con2{float: right;width: 821px;}
.wrap{width: 1200px;margin:0 auto;}
.p1wrap{background:url(../images/p1bj.png) no-repeat center;overflow:hidden;margin:5% auto;}
.p1txt2 p{font-size: 21px;line-height: 37px;color: #606060;margin-top: 20px;text-align: right;}
.p1txt2 {display: flex;flex-flow: row wrap;justify-content: space-between;margin-top: 30px;}
.p1txt2 li{width: 395px;}

.p2{background:url(../images/p2bj.jpg) no-repeat center;overflow:hidden;padding-top: 4%;padding-bottom: 6%;}
.p2 .ggtit{text-align: left;}
.p2 .ggtit h3{text-align: left;}
.p2txt li{overflow: hidden;width: 610px;margin-top: 50px;}
.p2txt li span{width: 15px;display: block;float: left;margin-top: 8px;}
.p2txt li p{width: 583px;float: right;font-size: 24px;line-height: 37px;}

.p3{background:url(../images/p3bj.jpg) no-repeat center;padding-top: 5%;margin:4% auto;height: 946px;}
.p3con1 p{text-align: center;font-size: 24px;line-height: 37px;color: #353535;width: 80%;margin:20px auto;}
.p3con2 ul {display: flex;flex-flow: row wrap;justify-content: space-between;margin:30px auto;}
.p3con2 ul li .b2{display: none;}
.p3con2 ul li.active .b2{display: inline-block;}
.p3con2 ul li.active .b1{display: none;}

.p3con3_1{float: left;width: 745px;}
.p3con3_2{float: right;width: 374px;}
.p3con3_1 .ggtit li:before{display: none;}
.p3con3_1 .ggtit li h3{color:#fff;font-size: 48px;text-align: left;}
.p3con3_1 .ggtit li p{font-size: 29px;color:#fff;line-height: 40px;text-align: left;}
.p3con3_1 .ggtit li dt{font-size: 24px;line-height: 36px;color:#fff;margin-top: 20px;}
.p3con3{background:url(../images/p3conbj.jpg) no-repeat center;overflow:hidden;height: 406px;}

.p3con3 .wrap{margin-top: 50px;}
.p4{background:url(../images/p4bj.png) no-repeat center;overflow:hidden;padding-bottom: 10px;}
.p4con1{float: left;width: 643px;}
.p4con2{float: right;width: 460px;}
.p4con2 p{font-size: 24px;line-height: 37px;color: #353535;text-align: right;margin-top: 60px;}
.p4con{overflow: hidden;}
.p4txt{position: relative;}
.p4line{background: #CDCDCD;height: 1px;width: 100%;position: absolute;left:0;top:100px;z-index: 1;}
.p4txt2 ul {display: flex;flex-flow: row wrap;justify-content: space-between;margin:180px auto 20px;position: relative;z-index: 2;}
.p4txt2 ul li{width: 178px;}
.p4txt2 ul li dl{background:url(../images/p4conbj1.png) no-repeat center;overflow:hidden;background-size: contain;}
.p4txt2 ul li.active dl{background:url(../images/p4conbj2.png) no-repeat center;overflow:hidden;background-size: contain;}
.p4txt2 ul li dl dt{font-size: 35px;line-height: 50px;text-align: center;margin:50px auto;}
.p4txt2 ul li.active dl dt{color:#fff;}
.p4txt2 ul li p{text-align: center;font-size: 24px;width: 96px;margin:20px auto;border-bottom: 1px solid #CDCDCD;border-top: 1px solid #CDCDCD;padding-top: 10px;padding-bottom: 10px;}
.p4txt2 ul li.active p{border-top:1px solid #C22017;border-bottom:1px solid #C22017;color:#C22017;}
.product{text-align: center;margin:20px auto;}
.p4txt2 ul li img{width: 643px;position: absolute;left:0;top:-500px;display: none;}
.p4txt2 ul li.active img{display: block;}

.p6wrap{background:url(../images/p6bj.jpg) no-repeat center;overflow:hidden;position: relative;height: 722px;}
.p6txt .b2{position: absolute;right: 0;top:0;width: 964px;}
.p6con ul{width: 570px;display: flex;flex-flow: row wrap;justify-content: space-between;margin-top: 122px;}
.p6con ul li{width: 180px;background: #fff;height: 501px;border-radius: 0px 0px 90px 90px;}
.p6con ul li.active{border-radius: 0;}
.p6txt dl{display: none;float: left;}
.p6con ul li.active{width: 360px;}
 .p6txt dl{display: block;}
.p6txt span{color:#fff;background: #C22017;width: 52px;text-align: center;line-height: 52px;display: block;font-size: 24px;margin:-130px auto 0;}
.p6txt h3{font-size: 35px;writing-mode: vertical-rl;margin:40px auto;width: 40px;height: 175px;}
.p6con ul li.active .p6txt h3{line-height: 40px;display: inline-block;}
.p6txt p{font-size: 24px;writing-mode: vertical-rl;line-height: 72px;height: 370px;display: inline-block;border-left: 1px solid #9FA4AA;display: none;}
.p6con ul li.active .p6txt p{display: inline-block;margin:40px auto;}
.p6txt .b1{margin-top: 70px;}
.p6con ul li.active .p6txt .b1{display: none;}
.p6txt .b2{display: none;}
.p6con ul li.active .p6txt .b2{display: block;}
.p6txt{width: 77%;margin:100px auto;}
.p6txt .b2{width: 50.21%!important;height: 722px;}
.p7con .swiper-slide{width: auto!important}
.p7txt li{background: #955905;width: 229px;overflow: hidden;height: 612px;position: absolute;left:0;top:0;}
.p7txt li dl{width: 72%;margin:20% auto;overflow: hidden;height: 100%;}
.p7txt li dl p{color: #FFFFFF;font-size: 24px;line-height: 37px;writing-mode:vertical-rl;float: right;height: 80%;}
.p7txt li dl h3{color: #FFFFFF;font-size: 35px;line-height: 50px;writing-mode:vertical-rl;float: right;}
.p7qh li {display: flex;flex-flow: row wrap;justify-content: space-between;width: 120px;margin:30px auto;}
.p8con {display: flex;flex-flow: row wrap;justify-content: space-between;}
.p8con1{width: 595px;}
.p8con1 img{margin-bottom: 13px;}
.p8con2{width: 585px;}

.p9{background:url(../images/p9bj.jpg) no-repeat center;overflow:hidden;margin:4% auto;padding-bottom: 4%;}
.p9 .ggtit li h3{color:#fff;}
.p9 .ggtit li p{color:#fff;}
.p9 .ggtit li:before{background: url(../images/p3zuo.png) no-repeat}
.p9 .ggtit li:after{background: url(../images/p3you.png) no-repeat}
.p9con{position: relative;}
.p9con .swiper{position: unset;}
.swiper-button-prev9{position: absolute;left:-100px;top:45%;}
.swiper-button-next9{position: absolute;right:-100px;top:45%;}

.p10con1 ul {display: flex;flex-flow: row wrap;justify-content: space-between;}
.p10con1 ul li{width: 362px;text-align: center;}
.p10con1 ul li h3{font-size: 35px;margin:10px auto;}
.p10con1 ul li p{text-align: center;font-size: 24px;line-height: 37px;}
.p10con2{margin:30px auto;}
.p10con2 h3{font-size: 35px;line-height: 51px;text-align: center;margin-top: 30px;}
.p10con1 ul li.active h3{color:#955905;}
.p10tips{position: relative;}
.p10tips .b1{position: absolute;left:250px;top:30px;}
.p10tips .b2{position: absolute;right:250px;top:30px;}

.p11con ul {display: flex;flex-flow: row wrap;justify-content: space-between;}
.p11con ul li{width: 380px;}
.p11txt3{width: 90%;margin:20px auto;overflow: hidden;}
.p11txt3 h3{font-size: 22px;line-height: 30px;display: -webkit-box;
  -webkit-box-orient: vertical;margin:10px auto;
  -webkit-line-clamp: 1;height: auto;overflow: hidden;
}
.p11txt3 p{font-size: 16px;line-height: 24px;}
.p11txt1{background: #955905;width: 70px;text-align: center;overflow: hidden;margin-left:35px;transform: translateY(35px);}
.p11txt1 dl{width: 90%;margin:15px auto;width: 70px;color:#fff}
.p11txt1 dl dd{color:#fff;font-size: 28px;display: inline-block;}
.p11txt1 dl dt{font-size: 12px;color:#fff;display: inline-block;}
.p11con ul li:hover .p11txt1{background: #C22017;}



.foot{background:url(../images/footbg.jpg) no-repeat center;overflow:hidden;height: 780px;position: relative;}
.footwrap{width: 90%;margin:60px auto;overflow: hidden;padding-bottom: 20px;}
.foot1 h3{font-size: 28px;line-height: 36px;color: #333;font-weight: normal;margin-top: 30px;color:#fff;}
.foot1 p{color:#fff;font-size: 12px;opacity: 0.5;margin-top: 20px;}
.foot1{float: left;width: 800px;}
.foot1 img{float: left;margin-right: 30px;}
.foot2{float: right;}
.foot2 h3{font-size: 30px;font-weight: bold;line-height: 68px;color: #FFFFFF;}
.foot2  dl{font-size: 26px;line-height: 40px;color: #FFFFFF;text-align: left;}
.foot2  dl img{vertical-align: middle;margin-right: 10px;}
.footwrap1{overflow: hidden;}
.foot3 ul li a{font-size: 18px;line-height: 36px;color:#fff;}
.foot3 ul li{margin:10px auto;}
.foot3{float: left;width: 720px;}
.foot3 ul li{float: left;width: 26%;}
.foot3_2{margin-top: 40px;}
.footwrap2{overflow: hidden;margin-top: 200px;}
.foot3_1{overflow: hidden;}
.foot4{float: right;width: 370px;display: flex;flex-flow: row wrap;justify-content: space-between;}
.foot3_2 p{font-size: 18px;line-height: 36px;margin:10px auto;color:#fff;}
.foot3_2 p span{margin-right: 10px;}
.foot4 li p{font-size: 20px;text-align: center;line-height: 45px;color:#fff;}
.foot_ba{width: 90%;border-top: 1px solid #666666;margin:30px auto;padding-top: 20px;color:#fff;}
.foot_ba p{display: inline-block;}
.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: 70px;margin-top: 40px;}
.news2{margin-top: 60px;}
.news2 span{background: #BBBBBB;width: 33px;height: 1px;display: block;}
.news3{width: 652px;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: #646464;margin:15px auto;}
.news3 p{font-size: 18px;line-height: 26px;color: #A6A6A6;}

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

.zxzc_lx_l{width: 60%;background: #955905;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:#955905!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;}
.top_xx {width: 1180px;}





/*


 {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) {

     
     .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;}
.foot1{width: 100%;margin:0 auto;}
.foot1 p{display: none;}
.foot4 li p{font-size: 16px;line-height: 24px;color:#fff;}
.foot3_2 p span{display: block;text-align: center;color:#fff;}
.foot3_2 p{font-size: 16px;line-height: 28px;text-align: center;color:#fff;margin:30px auto;}
.foot3{float: none;width: 100%;}
.foot4{float: none;width: 90%;margin:0 auto;}
.foot4 li{width: 48%;}
.footwrap{border:none;margin:30px auto 0;padding-bottom: 0;}
.foot2 h3{font-size: 26px;text-align: center;line-height: 40px;}
.foot2 dl img{width: 8%;}
.foot2{float: none;margin:40px auto 0;}
.foot2 dl{font-size: 20px;text-align: center;line-height: 30px;margin-bottom: 10px;}
.foot3_2{margin-top: 20px;}
.foot3_2 h3{color:#fff;font-size: 24px;line-height: 40px;text-align: center;}
.foot1 img{width: 40%;margin:20px auto;float: none;}
.foot1{float: none;text-align: center;}
.foot1 h3{color:#fff;font-size: 15px;line-height: 24px;text-align: center;margin-top: 0;}
.foot{background: #353334;overflow: hidden;height: auto;padding-bottom: 70px;}




.p11txt3 p{font-size: 14px;line-height: 22px;}
.p11txt3 h3{font-size: 18px;line-height: 24px;}
.p11con ul li:nth-of-type(2){display: none;}
.p11con ul li:nth-of-type(3){display: none;}
.p11 .ggtit li:before{left:-60px;}
.p11 .ggtit li:after{right: -100px;top:35px;}
.p11txt1{display: none;}
.p10con2{position: relative;}
.p10con2 p{font-size: 14px;line-height: 22px;position: absolute;right: 20px;bottom: 40%;color:#fff;}
.p10con2 h3{font-size: 24px;line-height: 32px;}
.p10tips .b1{width: 1.3%;left:27px;top:70px;}
.p10tips .b2{right: unset;left:27px;width: 1.3%;top:220px;}
.p10con1 ul{width: 90%;margin:0 auto;}
.p10con1 ul li{margin:24px auto;}
.p10con1 ul li p{font-size: 14px;line-height: 22px;text-align: left;margin-left: 44px;}
.p10con1 ul li h3{font-size: 24px;line-height: 30px;}
.p10con1 ul li{width: 100%;text-align: left;}
.p10con1 ul li h3{display: inline-block;}
.p10con1 ul li h3:nth-of-type(2){margin-left: 20px;}
.p9con{position: unset;}
.swiper-button-next9{width: 40%;position: unset;}
.swiper-button-prev9{width: 40%;position: unset;}
.p9qh li{width: 20%;margin:20px auto;display: flex;flex-flow: row wrap;justify-content: space-between;}
.p9 .wrap{margin:30px auto;}
.p9{background: #955905;}
.ggtit{margin:8% auto 3%;}
.p8 .ggtit li:after{right: 5px;}
.p8 .ggtit li:before{left:30px;}
.p7 .ggtit li:after{right: -45px;}
.p7 .ggtit li:before{left:-45px;}
.swiper-button-next7{width: 40%;}
.swiper-button-prev7{width: 40%;}
.p7qh li{width: 20%;margin:0 auto;}
.p7txt li dl p{font-size: 14px;line-height: 24px;margin:10px auto;color:#000;}
.p7txt li dl{width: 90%;margin:15px auto;}
.p7txt li dl h3{writing-mode:unset;font-size: 20px;text-align: center;float: none;line-height: 32px;text-align: left;color:#000;}
.p7txt li dl p{writing-mode:unset;}
.p7txt li{position: relative;width: 90%;height: auto;margin:-5% auto 5%;z-index: 1;background: #EEEEEE}
.mp7con .active li{background: #B97A0A;}
.mp7con .active li dl h3{color:#fff;}
.mp7con .active li dl p{color:#fff;}

.p7con .swiper-slide{width: 100%!important}
.p6txt .b1{margin-top: 0;}
.p6txt span{width: 38px;line-height: 38px;font-size: 18px;margin:-100px auto -20px;}
.p6txt h3{font-size: 24px;}
.p6txt{margin:90px auto 20px;width: 66%;}
.p6txt p{font-size: 14px;line-height: 24px;height: 230px;}
.p6txt .b2{width: 100%!important;height: auto;}
.p6con ul li.active{width: 60%;}
.p6con ul li{width: 35%;height: 350px;}
.p6con ul{width: 100%;margin:350px auto 40px;}

.p6wrap{background:url(../images/mp6bj.jpg) no-repeat center;height: auto;background-size: 100% 100%;}

.p4txt2 ul li img{top:-445px;}
.p5 .ggtit li:before{top:40px;}

.p4txt2 ul li p{font-size: 16px;padding-bottom: 5px;padding-top: 5px;margin:10px auto;}
.p4txt2 ul{width: 100%;margin:20px auto 20px;}
.p4txt2 ul li dl dt{font-size: 20px;line-height: 30px;}
.p4txt2 ul li{width: 45%;}
.p4con2 p{font-size: 14px;line-height: 22px;text-align: left;margin:15px auto;}
.p4con2{float: none;width: 100%;margin-top: 290px;}
.p4con1{float: none;width: 100%;}

.p4{background:url(../images/mp4bj.png) no-repeat center;overflow:hidden;padding-bottom: 20px;background-size: 100% 100%;}
.p3con3_1 .ggtit li:before{background: url(../images/ggzuo2.png) no-repeat;left: 40px!important;top:30px;display: block;}
.p3con3_1 .ggtit li:after{background: url(../images/ggyou2.png) no-repeat;right:0px!important;top:30px;}

.p3con3 .wrap{margin-top: 20px;}
.p3{background: #F3EEE3;height: auto;padding-bottom: 30px;}
.p3con3_2{float: none;width: 100%;}
.p3con3_1 .ggtit li dt{font-size: 14px;line-height: 24px;}
.p3con3_1 .ggtit li p{font-size: 16px;line-height: 24px;text-align: center;}
.p3con3_1 .ggtit li h3{font-size: 26px;text-align: center;}
.p3con3_1{float: none;width: 100%;}
.p3con3{background: url(../images/mp3conbj.jpg) no-repeat center;background-size: 100% 100%;height: auto;padding-bottom: 30px;}

.p3con2 ul li{width: 48%;margin-bottom: 2%;}
.p3con1 p{font-size: 14px;line-height: 24px;width: 90%;}
.p3 .ggtit li:before{width: 60px;height: 16px;left:-40px;top:30px;}
.p3 .ggtit li:after{width: 80px;height: 20px;right:-60px;top:50px;}


.p2txt li{width: 100%;margin-top: 30px;}
.p2txt li p{width: 95%;font-size: 14px;line-height: 22px;}
.p2txt li span{width: 3%;margin-top: 0;}
.p2txt{width: 100%;}
.p2 .ggtit li:after{right: -80px;}
.p2con{position: absolute;width: 92%;left:4%;top:30px;}
.p2{background:none;overflow:hidden;position: relative;}
.p2 .ggtit li:before{display: none;}

.p1txt2{margin-top: 10px;}
.p1txt2 li{width: 48%;}
.p1txt2{margin-top: 10px;}
.p1txt2 p{font-size: 14px;line-height: 22px;margin-top: 10px;}
.p1con2{float: none;width: 100%;}
.p1con1{float: none;width: 100%;}


.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:32%;top:10px;width: 51%;}
    .ggtit1{display: none;}
    .mggtit1{display: block;}











}