@charset "UTF-8";
@import url("/font/font.css");
@font-face { font-family: 'Impact'; src: url("/webfont/impact.eot"); src: url("/webfont/impact.woff2") format("woff2"), url("/webfont/impact.eot?#iefix") format("embedded-opentype"); src: url("/webfont/Impact.woff") format("woff"), url("/webfont/Impact.ttf") format("truetype"), url("/webfont/Impact.svg#Impact") format("svg"); font-weight: normal; font-style: normal; }

body, div, dl, dt, dd, del, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, menu { margin: 0; padding: 0; }

body { font: 14px  "宋体","siyuan"; font-weight: 100; background: #fff; color: #231917; }

a { border: none; -webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent; outline: none; text-decoration: none; }

a img { border: 0; }

a, a:visited { color: #231917; }

a:hover, a:focus { color: #231917; }

ol, ul, li { list-style: none; }

h1, h2, h3, h4, h5, h6 { font-weight: bold; }

.toup { text-transform: uppercase; }

input, textarea { outline: none; border: 0; resize: none; }

.clear { clear: both; }

.fixed { position: fixed; }

img { max-width: 100%; max-height: 100%; vertical-align: middle; }

body { width: 100%; min-width: 1200px; }

.basew { width: 1200px; margin: 0 auto; }

.header { width: 100%; position: absolute; left: 0px; top: 0px; }

.header .top1 { background: #fff; }

.header .top1 .basew { position: relative; z-index: 10; }

.header .top1 .basew .logo { width: 255px; height: 123px; background: url(../images/logo.png) no-repeat; position: absolute; left: 0px; top: 0px; }

.header .top1 .basew > ul { float: left; height: 40px; margin-left: 258px; padding-top: 25px; }

.header .top1 .basew > ul > li { padding: 0 30px; display: inline-block; vertical-align: middle; font-size: 15px; position: relative; }

.header .top1 .basew > ul > li:last-child { border-right: 1px solid #cbcbcb; }

.header .top1 .basew > ul > li:hover, .header .top1 .basew > ul > li.on { color: #e1000a; }
.header .top1 .basew > ul > li:hover > a, .header .top1 .basew > ul > li.on > a{ color: #e1000a; }
.header .top1 .basew > ul > li:hover .ej { top: 20px; }

.header .top1 .basew > ul > li .ej { position: absolute; z-index: 2; width: 570px; height: 254px; background: #fff; top: -570px; left: -30px; -webkit-transition: all 0.5s; transition: all 0.5s; padding-left:45px;padding-top:45px;-webkit-box-sizing:border-box;box-sizing:border-box;}

.header .top1 .basew > ul > li .ej ul { width: 33%; float:left; }

.header .top1 .basew > ul > li .ej ul li { width: 100%; list-style: disc; float: left; line-height: 30px; font-size: 13px; color: #555555; }

.header .top1 .basew > ul > li .ej img { position: absolute; right: 45px; top: 41px; }

.header .top1 .basew .phone { float: right; background: url(../images/index2_03.jpg) left center no-repeat; padding-left: 25px; font-size: 12px; line-height: 65px; }

.header .top1 .basew .phone font { font-family: "Impact"; font-size: 20px; color: #e1000a; vertical-align: middle; }

.header .top2 { background: url(../images/index2_02.png) center no-repeat; height: 58px; }

.header .top2 .basew .lang { float: left; margin-left: 296px; width: 90px; height: 29px; border: 1px solid #959aa0; background-position-x: -9px; color: #8e8e8e; font-family: "Arial"; font-size: 12px; border-radius: 5px; margin-top: 15px; }

.header .top2 .basew .lang select { background: #333333; border: 0; color: #8e8e8e; width: 90px; height: 29px; border-radius: 5px; }

.header .top2 .basew form input[type="text"] { float: left; margin-left: 31px; width: 284px; height: 29px; border: 1px solid #959aa0; background: #333333; color: #8e8e8e; font-size: 12px; border-radius: 5px; padding-left: 5px; margin-top: 15px; }

.header .top2 .basew form input[type="submit"] { float: left; margin-left: 3px; width: 39px; height: 29px; border: 1px solid #959aa0; background: url(../images/index2_19.jpg) center no-repeat #333333; color: #8e8e8e; font-size: 12px; border-radius: 5px; margin-top: 15px; }

.header .top2 .basew .lx { float: right; width: 190px; margin-top: 9px; }

.header .top2 .basew .lx a { display: inline-block; width: 41px; height: 41px; background: center #333333 no-repeat; vertical-align: top; }

.header .top2 .basew:after { display: block; clear: both; content: ""; }

.banner { width: 100%; background: url(../images/banner1.jpg) center no-repeat; height: 562px; }

.bannern { width: 100%; background: url(../images/pro_01.jpg) center no-repeat; height: 410px; }

.tgmf { background: url(../images/tgmfbg.jpg) repeat-x; border-bottom: 1px solid #d1d1d1; }

.tgmf .basew { overflow: hidden; }

.tgmf .basew .t1 { width: 100%; font-family: "siyuan"; font-weight: bold; font-size: 28px; text-align: center; margin-top: 48px; }

.tgmf .basew .t1 font { color: #e1000a; }

.tgmf .basew .t2 { width: 100%; line-height: 24px; text-align: center; margin-top: 17px; height: 48px;overflow: hidden;}

.tgmf .basew .tgmfbg { width: 136px; height: 46px; background: url(../images/index2_06.jpg); margin: 0 auto; margin-top: 20px; }

.tgmf .basew .list { padding-top: 40px; padding-bottom: 76px; }

.tgmf .basew .list .item { width: 200px; text-align: center; /*display: inline-block;*/ float: left; }

.tgmf .basew .list .item img { text-align: center; }

.tgmf .basew .list .item span { display: block; width: 100%; font-size: 15px; margin-top: 19px; }

.gytg .sk { background: #ececec; height: 48px; }

.gytg .basew .t1 { width: 304px; height: 95px; background: url(../images/index2_28.png); margin: 0 auto; margin-top: -69px; line-height: 83px; text-align: center; color: #fff; font-size: 28px; font-family: "siyuan"; }

.gytg .basew .xwzx { margin-top: 50px; width: 555px; float: left; }

.gytg .basew .xwzx .list { margin-top: 39px; height: 250px; overflow: hidden; }

.gytg .basew .xwzx .list .item { height: 118px; }

.gytg .basew .xwzx .list .item:hover { background: #fff; }

.gytg .basew .xwzx .list .item:hover .title { color: #e70014; }

.gytg .basew .xwzx .list .item img { float: left; width: 118px; height: 118px; margin-left: 10px; border: 0; }

.gytg .basew .xwzx .list .item .title { font-weight: bold; margin-top: 15px; float: left; width: 400px; margin-left: 10px; }

.gytg .basew .xwzx .list .item .text { color: #555555; font-size: 13px; line-height: 20px; margin-top: 11px; float: left; width: 400px; margin-left: 10px; }

/*.gytg .basew .xwzx .list .item { margin-top: 25px; }

.gytg .basew .xwzx .list .item img { float: left; width: 50%; }

.gytg .basew .xwzx .list .item .title { float: left; width: 100%; font-weight: bold; margin-top: 5px; margin-left: 15px; }

.gytg .basew .xwzx .list .item .text { font-size: 13px; line-height: 18px; color: #555555; float: left; width: 46%; margin-top: 10px; margin-left: 15px; }

.gytg .basew .xwzx .list .item .text .more { display: block; height: 38px; width: 150px; background: #e1000a; text-align: center; line-height: 38px; color: #fff; margin-top: 10px; border-radius: 8px; }

.gytg .basew .xwzx .list .item .time { float: left; font-size: 13px; color: #9c9c9c; font-family: "Arial"; width: 432px; margin-top: 5px; margin-left: 15px; }*/

.gytg .basew .fg { width: 0px; height: 300px; border-left: 1px dashed #d1d1d1; float: left; margin-left: 45px; margin-top: 50px; margin-bottom: 42px; }

.gytg .basew .tgjj { margin-left: 45px; margin-top: 50px; float: left;    width: 552px; }

.gytg .basew .tgjj p { float: left; font-size: 13px; line-height: 24px; color: #555555; width: 300px; margin-top: 39px; }

.gytg .basew .tgjj img { float: left; margin-left: 20px; margin-top: 39px; }

.indext { background: url(../images/index2_27.jpg) left top repeat-y #333333; width: 69px; height: 33px; line-height: 33px; padding-left: 20px; font-size: 15px; color: #fff; }

.indexf { background: #ececec; }

.indexf .sj { margin: 0 auto; margin-bottom: 40px; width: 0px; border-top: 30px solid #fff; border-right: 66px solid transparent; border-left: 66px solid transparent; }

.indexf .basew .jjtg { float: left; width: 555px; }

.indexf .basew .jjtg .list { margin-top: 40px; }

.indexf .basew .jjtg .list .item { height: 118px; }

.indexf .basew .jjtg .list .item:hover { background: #fff; }

.indexf .basew .jjtg .list .item:hover .title { color: #e70014; }

.indexf .basew .jjtg .list .item img { float: left; width: 118px; height: 118px; margin-left: 10px; border: 0; }

.indexf .basew .jjtg .list .item .title { font-weight: bold; margin-top: 15px; float: left; width: 400px; margin-left: 10px; }

.indexf .basew .jjtg .list .item .text { color: #555555; font-size: 13px; line-height: 20px; margin-top: 11px; float: left; width: 400px; margin-left: 10px; }

.indexf .basew .jjtg .list .fg { margin: 15px 0; height: 1px; width: 100%; background: #dcdcdc; }

.indexf .basew .xpzs { margin-left: 92px; float: left; width: 553px; }

.indexf .basew .xpzs .box { position: relative; overflow: hidden; margin-top:40px;}

.indexf .basew .xpzs .box .left, .indexf .basew .xpzs .box .right { position: absolute; top: 66px; width: 17px; height: 45px; background: url(../images/index2_31.jpg); }

.indexf .basew .xpzs .box .left { left: 0px; }

.indexf .basew .xpzs .box .right { right: 0px; background: url(../images/index2_34.jpg); }

.indexf .basew .xpzs .box ul { width: 80000px; }

.indexf .basew .xpzs .box ul li { float: left; width: 553px; }

.indexf .basew .xpzs .box ul li:after { display: block; clear: both; content: ""; }

.indexf .basew .xpzs .box ul li img { margin: 0 auto; width:100%;max-height:183px;}

.indexf .basew .xpzs .box ul li .text { margin-top: 15px; padding: 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; font-size: 13px; color: #555555; line-height: 20px; }

.flx { background: url(../images/index2_38.jpg) center; height: 164px; }
.flx .basew ul{font-size:0;}
.flx .basew ul li { padding: 65px 0; display: inline-block; background: left center no-repeat; padding-left: 73px; vertical-align: middle; font-family: "Arial"; color: #ebebeb; line-height: 20px; font-size:14px;}

.flx .basew ul li font { font-size: 18px; color: #e70014; }

.flx .basew ul li:first-child { margin-right: 135px; }

.flx .basew ul li:last-child { margin-left: 96px; }

.footer { background: #161616; }

.footer .basew { padding-top: 55px; height: 285px; }

.footer .basew .f1 { width: 260px; float: left; }

.footer .basew .f1 .title { font-size: 15px; color: #bebebe; width: 147px; padding-bottom: 10px; border-bottom: 1px solid #2e2e2e; }

.footer .basew .f1 ul li { font-size: 13px; color: #999999; margin: 10px 0; }

.footer .basew .f1 ul li a { color: #999999; }

.footer .basew .f1 ul li a:hover, .footer .basew .f1 ul li a:focus { color: #eaeaea; text-decoration: underline; }

.footer .basew .ewm { float: right; margin-top: 30px; }

.footer .basew .ewm .item { float: left; margin-right: 15px; }

.footer .basew .ewm .item span { display: block; width: 100%; font-size: 13px; line-height: 30px; text-align: center; color: #999999; }

.copyright { width: 100%; text-align: center; background: #000000; line-height: 22px; font-size: 13px; color: #7d7d7d; padding: 8px 0; }

.backtop { position: fixed; left: 50%; top: 50%; margin-left: 630px; margin-top: 100px; width: 44px; height: 45px; background: url(../images/index2_45.jpg); -webkit-transition: all 0.5s; transition: all 0.5s; opacity: 0; -webkit-transform: translateY(0%); transform: translateY(0%); }

.backtop.show { opacity: 1; -webkit-transform: translateY(100%); transform: translateY(100%); }

.proc .basew .left { float: left; }

.proc .basew .left .box { border: 1px solid #eeeeee; -webkit-box-shadow: 5px 5px 20px -10px #333333; box-shadow: 5px 5px 20px -10px #333333; width: 240px; margin-top: 25px; }

.proc .basew .left .box:last-child { margin-bottom: 50px; }

.proc .basew .left .box .titler { width: 187px; height: 72px; background: url(../images/pro_04.jpg) left center no-repeat #ca151d; background-position-x: 22px; padding-left: 53px; line-height: 72px; font-family: "siyuan"; font-weight: bold; font-size: 16px; color: #fff; }

.proc .basew .left .box .titleh { width: 187px; height: 59px; background: url(../images/pro_07.jpg) left center no-repeat #7e7e7f; background-position-x: 22px; padding-left: 53px; line-height: 59px; font-family: "siyuan"; font-weight: bold; font-size: 16px; color: #fff; }

.proc .basew .left .box .fl li { width: 218px; height: 43px; line-height: 43px; padding-left: 22px; border-bottom: 1px solid #eeeeee; color: #555555;     text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;}

.proc .basew .left .box .fl li a { color: #555555; }

.proc .basew .left .box .fl li:hover, .proc .basew .left .box .fl li.on { background: #dddddd; }

.proc .basew .left .box .fl li:last-child { border: 0; }

.proc .basew .left .box .zx { padding: 10px 10px 30px; }

.proc .basew .left .box .zx li { width: 212px; height: 43px; line-height: 43px; padding-left: 8px; border-bottom: 1px dashed #eeeeee; color: #555555; font-size: 13px; overflow: hidden; }

.proc .basew .left .box .zx li a { color: #555555; }

.proc .basew .nav { width: 930px; margin-left: 28px; height: 70px; border-bottom: 2px solid #d3d3d3; line-height: 70px; margin-top: 25px; float: left; }

.proc .basew .nav .title { font-size: 16px; font-family: "siyuan"; font-weight: bold; color: #555555; border-bottom: 2px solid #ca151d; height: 70px; padding-left: 10px; padding-right: 60px; float: left; }

.proc .basew .nav .map { float: right; font-size: 13px; color: #888888; }

.proc .basew .nav .map a { color: #888888; }

.proc .basew .list1 { float: left; width: 930px; margin-left: 28px; }

.proc .basew .list1 .item { float: left; width: 464px; border-bottom: 1px solid #e4e4e4; height:180px;}

.proc .basew .list1 .item:nth-child(2n-1) { border-right: 1px solid #e4e4e4; }

.proc .basew .list1 .item:hover .title { color: #e1000a; }

.proc .basew .list1 .item:hover .text { color: #e1000a; }

.proc .basew .list1 .item:hover .more { color: #e1000a; }
.proc .basew .list1 .item .imgbox{ float: left; width: 162px; height: 184px;position:relative; }
.proc .basew .list1 .item .imgbox img{transform:translate(-50%,-50%);top:50%;left:50%;position:absolute;}

.proc .basew .list1 .item .title { float: left; margin-top: 25px; width: 300px; font-family: "Arial"; font-size:15px;font-weight:bold;}

.proc .basew .list1 .item .text { float: left; width: 300px; margin-top: 5px; font-size: 13px; line-height: 18px; color: #333; }
.proc .basew .list1 .item .text2 { float: left; width: 300px; margin-top: 5px; font-size: 13px; line-height: 18px; color: #666; }
.proc .basew .list1 .item .text font { color: #333333; margin-bottom: 10px; }

.proc .basew .list1 .item .more { float: left; font-size: 12px; margin-top: 5px; }

.proc .basew .list2 { float: left; width: 930px; margin-left: 28px; }

.proc .basew .list2 .item { float: left; width: 464px; height: 243px; overflow: hidden; border-bottom: 1px solid #e4e4e4; }

.proc .basew .list2 .item:nth-child(2n-1) { border-right: 1px solid #e4e4e4; }

.proc .basew .list2 .item img { display: block; width: 95%; margin: 0 auto; max-height:145px;}

.proc .basew .list2 .item .text { width: 95%; margin: 0 auto; font-size: 13px; color: #555555; line-height: 20px; }
.proc .basew .list2 .item .text red{color:#e62129;}

.proc .basew .pcon1 { float: left; width: 930px; margin-left: 28px; }

.proc .basew .pcon1 .imgbox { float: left; width: 460px; text-align: center; }

.proc .basew .pcon1 .imgbox .cpt { width: 65%; margin:19px 0;}

.proc .basew .pcon1 .imgbox .title { margin-left: 5px; color: #e1000a; text-align: left;font-weight:bold; }

.proc .basew .pcon1 .imgbox .text { margin: 0 5px; /*img{border: 1px solid #d3d3d3;margin: 5px;}*/ line-height:1.5;}
.proc .basew .pcon1 .imgbox .text table td{padding:0 3px;width:102px;}
.proc .basew .pcon1 .imgbox .text table img{border:1px solid #d3d3d3;width:102px;}
.proc .basew .pcon1 .intro { float: left; margin-left: 25px; width: 435px; height:250px;}

.proc .basew .pcon1 .intro .title { font-size: 30px; font-family: "siyuan"; font-weight: bold; color: #e1000a; margin-top: 40px; }

.proc .basew .pcon1 .intro .text { margin-top: 2px; line-height: 28px; color: #555555; font-size:16px;font-family:"siyuan";font-weight:bold;padding-bottom:10px;border-bottom:1px dotted #c0c0c0;}
.proc .basew .pcon1 .intro .text2 { margin-top: 10px; line-height: 28px; color: #555555; height:103px;}
.proc .basew .pcon1 .intro .text font { font-size: 16px; font-weight: bold; font-family: "siyuan"; color: #555555; display: block; line-height: 1; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dotted #c0c0c0; width: 100%; }

.proc .basew .pcon1 .intro .more { display: block; margin-top: 100px; }

.proc .basew .pcon1 .contenttop { background: #f7f7f7; border: 1px solid #dddddd; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; margin-top: 30px; }

.proc .basew .pcon1 .contenttop .left { float: left; margin-left: 40px; color: #333333; line-height: 33px; font-weight: bold; }

.proc .basew .pcon1 .contenttop .right { float: right; margin-right: 20px; margin-top: 8px; }

.proc .basew .pcon1 .contenttop .right a { display: inline-block; padding: 0 10px; font-size: 12px; color: #666666; }

.proc .basew .pcon1 .contenttop .right a + a { border-left: 1px solid #b4b4b4; }

.proc .basew .pcon1 .content { padding: 0 40px; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; font-size:14px;color:#333 !important;}

.proc .basew .pcon1 .content .cptitle { color: #e1000a; line-height: 40px; border-bottom: 1px solid #c7c7c7; width: 100%; height: 40px; }

.proc .basew .pcon1 .content .cptitle span { background: url(../images/pro1_03.jpg) left center no-repeat; /*background-position-x: 8px;*/ padding-left: 25px; padding-right: 30px; display: inline-block; height: 40px; border-bottom: 1px solid #ca151d; font-weight: bold; }

.proc .basew .pcon1 .content .cptd, .proc .basew .pcon1 .content .jgxp, .proc .basew .pcon1 .content .ljgd { width: 100%; float: left; }

.proc .basew .pcon1 .content .tgyy, .proc .basew .pcon1 .content .jscs, .proc .basew .pcon1 .content .cpjg, .proc .basew .pcon1 .content .clzh { width: 48%; float: left; margin-right:2%;}

.proc .basew .pcon1 .content .tgyy .text, .proc .basew .pcon1 .content .jscs .text, .proc .basew .pcon1 .content .cpjg .text, .proc .basew .pcon1 .content .clzh .text, .proc .basew .pcon1 .content .cptd .text, .proc .basew .pcon1 .content .jgxp .text, .proc .basew .pcon1 .content .ljgd .text { padding: 15px 0px; line-height: 2.3; padding-left:0px;}

.proc .basew .pcon1 .content .ljgd .text { color: #1652aa; }

.proc .basew .pcon1 .content .ljgd .text img { margin: 5px; }

.proc .basew .pcon2 { float: left; width: 930px; margin-left: 28px; }

.proc .basew .pcon2 .imgbox { display: table-cell; height: 375px; vertical-align: middle; text-align: center; float: left; width: 460px;     position: relative;}
.proc .basew .pcon2 .imgbox img{
	position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
}
.proc .basew .pcon2 .intro { float: left; margin-left: 25px; width: 435px; }

.proc .basew .pcon2 .intro .title { font-size: 30px; font-family: "siyuan"; font-weight: bold; color: #e1000a; margin-top: 40px; }
.proc .basew .pcon2 .intro .title2{font-size:16px;font-weight:bold;color:#555;margin-top:5px;padding-bottom:15px;border-bottom:1px dashed #c0c0c0;}
.proc .basew .pcon2 .intro .text { margin-top: 10px; line-height: 28px; color: #555555; }

.proc .basew .pcon2 .intro .text font { font-size: 16px; font-weight: bold; font-family: "siyuan"; color: #555555; display: block; line-height: 1; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dotted #c0c0c0; width: 100%; }

.proc .basew .pcon2 .intro .more { display: block; margin-top: 30px; margin-bottom:15px;}

.proc .basew .pcon2 .xgcp_title { width: 100%; height: 33px; color: #e1000a; font-weight: bold; background: #f7f7f7; border: 1px solid #dddddd; font-weight: bold; line-height: 33px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.proc .basew .pcon2 .xgcp_title .text { margin-left: 15px; }

.proc .basew .pcon2 .xgcp_text { border: 1px solid #dddddd; border-top: 0; }

.proc .basew .pcon2 .xgcp_text a{width: 33%;display:block;float:left;position:relative;}
.proc .basew .pcon2 .xgcp_text a .imgbox{width:100%;padding-bottom:45%;height:0;}
.proc .basew .xlist { float: left; width: 930px; margin-left: 28px; padding-top: 30px; }
.proc .basew .pcon2 .xgcp_text a span{line-height:30px;}
.proc .basew .xlist .item { height: 118px; }

.proc .basew .xlist .item:hover { background: #fff; }

.proc .basew .xlist .item:hover .title { color: #e70014; }

.proc .basew .xlist .item img { float: left; width: 118px; height: 118px; margin-left: 10px; border: 0; }

.proc .basew .xlist .item .title { font-weight: bold; margin-top: 15px; float: left; width: 790px; margin-left: 10px; }

.proc .basew .xlist .item .text { color: #555555; font-size: 13px; line-height: 20px; margin-top: 11px; float: left; width: 790px; margin-left: 10px; }

.proc .basew .xlist .fg { margin: 15px 0; height: 1px; width: 100%; background: #dcdcdc; }

.proc .basew .content-body { float: left; color: #000; margin-top: 25px; line-height: 1.7; font-size: 14px; width: 930px; margin-left: 28px; }

.proc .basew .content-body .content-title { line-height: 30px; padding: 10px 0; text-align: center; font-size: 24px; }

.proc .basew .content-body .content-time { font-size: 12px; line-height: 1.5; display: block; margin-bottom: 16px; padding: 6px 0; text-align: center; color: #999; }

.proc .basew .content-body p { padding: 5px 0 10px 0; line-height:2.5;}

.proc .basew .content-body .content-related { margin-top: 25px; margin-bottom: 30px; }

.proc .basew .content-body .content-related li { float: right; width: 50%; height: 25px; overflow: hidden; text-align: right; }

.proc .basew .content-body .content-related li:first-child { float: left; text-align: left; }

.page { height: 30px; margin-top: 45px; margin-bottom: 53px; text-align: center; line-height: 30px; }

.page a { padding: 0 11px; border: 1px solid #bfbfbf; margin: 0 2.5px; display: inline-block; margin-left: 5px;}

.page a.disabled { border: 0; color: #ca151d; }

.page a.page-num-current { border: 0; color: #ca151d; }

.footer .basew {
    height: auto;
}

.footer .basew .f1:nth-last-child(3) {
    width: 147px;
}

.tgmf .basew .list {
    display: flex;
    justify-content: center;
}

@media screen and (max-width:1400px){
    .backtop {
        left: auto;
        right: 20px;
    }
}

@media screen and (max-width:1200px){ 
    body {
        min-width: 0;
    }

    .basew {
        width: 100%;
        max-width: 1200px;
    }

    .header .top1 .basew {
        display: flex;
        align-items: center;
    }

    .header .top1 .basew > ul {
        flex: 1;
        display: flex;
        justify-content: right;
        align-items: center;
        padding-top: 0;
        margin-right: 15px;
        margin-left: 180px;
    }

    .header .top1 .basew > ul > li {
        padding: 0 10px;
        font-size: 12px;
    }

    .header .top2 {
        height: 47px;
        background-size: 150% 100% !important;
        background-position: right !important;
    }

    .header .top2 .basew {
        display: flex;
        align-items: center;
        height: 100%;
    }

    .header .top2 .basew .lx {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: right;
        margin-top: 0;
    }

    .header .top2 .basew .lx a {
        width: 32px;
        height: 32px;
        margin-right: 10px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 64% auto;
    }

    .header .top2 .basew .lang {
        margin-left: 200px;
        height: 24px;
        width: 50px;
        font-size: 12px;
        margin-top: 0;
    }

    .header .top2 .basew .lang select {
        height: 100%;
        width: 100%;
        font-size: 12px;
        margin-top: 0;
    }

    .header .top2 .basew form input[type="text"] {
        width: 120px;
        margin-left: 10px;
        height: 24px;
        font-size: 10px;
        margin-top: 0;
    }

    .header .top2 .basew form input[type="submit"] {
        height: 24px;
        font-size: 10px;
        box-sizing: content-box;
        margin-top: 0;
    }

    .header .top1 .basew .phone {
        font-size: 10px;
        padding-left: 18px;
        line-height: 42px;
        padding-right: 10px;
        
    }

    .header .top1 .basew .phone font {
        font-size: 14px;
    }

    .header .top1 .basew .logo {
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        width: 180px;
        height: 90px;
    }
    
    .banner {
        height: 44vw;
        background-size: 170% auto !important;
        
    }

    .header .top1 .basew > ul > li .ej {
        width: 500px !important;
        height: 160px !important;
        left: -230px !important;
    }

    .header .top1 .basew > ul > li .ej ul li {
        font-size: 10px;
        line-height: 20px;
    }


    .gytg .basew .fg {
        display: none;
    }
    .gytg .basew .xwzx {
        width: 100%;
    }

    .gytg .basew .tgjj, .indexf .basew .jjtg {
        width: 100%;
    }

    

    .gytg .basew .xwzx .list .item .title, .gytg .basew .xwzx .list .item .text, .indexf .basew .jjtg .list .item .title, .indexf .basew .jjtg .list .item .text {
        width: calc(80% - 40px);
    }

    .gytg .basew .xwzx .list .item img, .indexf .basew .jjtg .list .item img {
        width: 20%;
        height: auto;
        object-fit: contain;
        height: 100%;
    }
    .gytg .basew .xwzx .list {
        height: auto;
    }

    .gytg .basew .tgjj {
        margin-left: 0;
    }

    .gytg .basew .tgjj>a {
        display: flex;
        justify-content: center;
        box-sizing: border-box;
        padding: 0 20px;
    }

    .gytg .basew .tgjj p {
        width: 48%;
    }

    .gytg .basew .tgjj img {
        width: 48%;
        object-fit: cover;
    }

    .indexf .basew .jjtg {
        width: 100%;
    }

    .indexf .basew .xpzs {
        margin-left: 0;
        width: 100%;
    }

    .indexf .basew .xpzs .box {
        width: 100%;
    }

    .indexf .basew .xpzs .box ul li {
        width: 100vw;
    }

    .flx .basew ul {
        display: flex;
        flex-direction: column;
        justify-content: center;
        box-sizing: border-box;
        padding: calc(1vw + 5px) 10px;
    }

    .flx .basew ul li:last-child {
        margin-left: 0 !important;
    }

    .flx .basew ul li:first-child {
        margin-right: 0;
    }

    .flx {
        height: auto;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .flx .basew ul li {
        padding-top: calc(2vw + 10px);
        padding-bottom: calc(2vw + 10px);
    }

    .footer .basew .f1 {
        margin-bottom: 20px;
    }

    .footer .basew {
        padding-left: 20px;
        box-sizing: border-box;
    }

    .proc .basew .left .box {
        width: 100%;
    }

    .proc .basew .left {
        width: 20%;
    }

    .proc .basew .nav, .proc .basew .content-body, .proc .basew .xlist, .proc .basew .list1, .proc .basew .pcon1 {
        width: 78%;
        margin-left: 2%;
    }

    .proc .basew .list1 {
        display: flex;
        flex-wrap: wrap;
    }

    .proc .basew .list1 .item {
        box-sizing: border-box;
        width: 50%;
        display: flex;
        flex-direction: column;
        height: auto;
        padding-bottom: calc(1vw + 5px);
    }

    .proc .basew .list1 .item .imgbox {
        width: 100%;
        height: auto;
    }

    .proc .basew .list1 .item .imgbox img {
        position: static;
        width: 100%;
        transform: translate(0);
    }

    
    .proc .basew .nav {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        height: auto;
    }

    .proc .basew .nav .title {
        padding-right: calc(1.2vw + 6px);
    }
    

    .proc .basew .left .box .fl li, .proc .basew .left .box .zx li {
        height: auto;
        width: 100%;
        line-height: 1.4;
        padding: calc(0.8vw + 4px);
        box-sizing: border-box;
    }

    .proc .basew .left .box .titleh, .proc .basew .left .box .titler {
        width: 100%;
        box-sizing: border-box;
        line-height: 1.4;
        display: flex;
        align-items: center;
    }

    .proc .basew .xlist .item {
        height: auto;
        display: flex;
        flex-direction: column;
    }

    .proc .basew .xlist .item .text, .proc .basew .xlist .item .title {
        width: 100%;
        margin-left: 0;
    }

    .proc .basew .list1 .item .title, .proc .basew .list1 .item .text, .proc .basew .list1 .item .more {
        width: 100%;
        text-align: center;
    }

    .proc .basew .pcon1 .imgbox {
        width: 36%;
    } 

    .proc .basew .pcon1 .imgbox .cpt {
        width: 100%;
        margin: 0;
    }

    .proc .basew .pcon1 .intro {
        width: 62%;
        margin-left: 2%;
    }

    .proc .basew .pcon1 .more {
        margin-left: 38% !important;
        margin-top: 2% !important;
    }

    .proc .basew .pcon1 .contenttop {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        height: auto;
        box-sizing: border-box;
        padding: calc(0.8vw + 4px) calc(1.2vw + 6px);
    }

    .proc .basew .pcon1 .contenttop .clear {
        display: none;
    }

    .proc .basew .pcon1 .contenttop .left {
        width: auto;
        margin-right: calc(1vw + 5px);
        margin-left: 0;
    }

    .proc .basew .pcon1 .contenttop .right {
        margin-right: 0;
    }

    .proc .basew .pcon1 .contenttop .right a:first-child {
        padding-left: 0;
    }

    .messages {
        box-sizing: border-box;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .messlist {
        width: 48%;
        display: flex;
    }

    .messsub {
        padding-left: 0 !important;
        margin: 0 auto;
    }
}

@media screen and (max-width:769px) {
    .header_more {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        width: 24px;
        height: 42%;
        margin-right: 10px;
    }

    .header_more span {
        display: block;
        width: 100%;
        border-radius: 1px;
        height: 2px;
        background-color: #fff;
    }

    .header .top2 .basew {
        justify-content: right;
    }

    .header .top2 .basew .lang {
        margin-left: 0;
        margin-right: 10px;
    }

    .header .top2 .basew .lx {
        display: none;
    }

    .header .top2 .basew form {
        display: none;
    }

    .header .top1 {
        height: 0;
    }

    .header .top1 .basew .phone {
        display: none;
    }

    .header .top1 .basew .logo {
        height: 47px;
        width: 100px;
        background-color: #fff;
    }


    .header .top1 .basew > ul {
        position: absolute;
        top: 47px;
        right: 0;
        margin: 0;
        display: flex;
        flex-direction: column;
        background-color: #fff;
        height: calc(100dvh - 47px);
        align-items: stretch;
        width: 0;
        overflow: hidden;
        transition: .4s;
        --header-nav-width: 70vw;
        background-image: url(../images/index2_02.png);
        background-size: 200% auto;
        background-position: right;
        background-color: transparent;
    }


    .header .top1 .basew > ul li {
        flex: 1;
        display: flex;
        justify-content: center;
        width: var(--header-nav-width);
    }

    .header .top1 .basew > ul li a {
        height: 100%;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 24px;
        color: #fff;
    }

    .header .top1 .basew > ul.active {
        width: var(--header-nav-width);
    }

    .header .top1 .basew > ul > li .ej {
        display: none;
    }

    .tgmf .basew .list {
        flex-wrap: wrap;
        justify-content: center;
    }

    .tgmf .basew .list .item {
        width: 32%;
    }


    .gytg .basew .xwzx .list .item .title, .gytg .basew .xwzx .list .item .text, .indexf .basew .jjtg .list .item .title, .indexf .basew .jjtg .list .item .text {
        width: calc(70% - 40px);
    }

    .gytg .basew .xwzx .list .item img, .indexf .basew .jjtg .list .item img {
        width: 30%;
    }

    .footer .basew .f1 {
        display: none;
    }

    .footer .basew {
        display: flex;
        justify-content: center;
        padding-top: 0;
    }

    .proc .basew .left .box:last-child {
        display: none;
    }

    .proc .basew {
        display: flex;
        flex-direction: column;
    }

    .proc .basew .nav, .proc .basew .content-body, .proc .basew .xlist, .proc .basew .list1, .proc .basew .pcon1 {
        width: 100%;
        margin-left: 0;
        box-sizing: border-box;
        padding: 0 10px;
    }

    .proc .basew .left {
        width: 100%;
        
    }

    .proc .basew .left .box {
        margin-top: 0;
    }

    .page {
        font-size: 10px;
    }
    .page a {
        padding: calc(0.4vw + 2px);
        margin: 0 calc(0.2vw + 1px);
        line-height: 1;
    }

    .header {
        position: fixed;

    }

    .proc .basew .pcon1 .imgbox {
        width: 100%;
    }

    .proc .basew .pcon1 .intro {
        width: 100%;
        margin-left: 0;
    }

    .proc .basew .pcon1 .more {
        margin-left: 0 !important;
    }

    .proc .basew .pcon1 .content .tgyy, .proc .basew .pcon1 .content .jscs, .proc .basew .pcon1 .content .cpjg, .proc .basew .pcon1 .content .clzh {
        width: 100%;
        margin-right: 0;
    }

    .messlist {
        width: 100% !important;
    }

    .messlist label {
        flex-shrink: 0;
        width: 45px !important;
    }

    .messlist input {
        flex: 1;
        width: auto;
    }
}

@media screen and (max-width:426px) {
    .gytg .basew .xwzx .list .item .title, .gytg .basew .xwzx .list .item .text, .indexf .basew .jjtg .list .item .title, .indexf .basew .jjtg .list .item .text {
        width: calc(70% - 40px);
    }

    .gytg .basew .xwzx .list .item .title, .indexf .basew .jjtg .list .item .title {
        font-size: 11px;
    }

    .gytg .basew .xwzx .list .item .text, .indexf .basew .jjtg .list .item .text {
        font-size: 9px;
        line-height: 1.6;
    }

    .gytg .basew .xwzx .list .item img, .indexf .basew .jjtg .list .item img {
        width: 30%;
    }

    .gytg .basew .tgjj>a {
        flex-direction: column;
    }

    .gytg .basew .tgjj p {
        width: 100%;
    }

    .gytg .basew .tgjj img {
        width: 100%;
        margin-left: 0;
        margin-top: 20px;
    }

    
}