@charset "utf-8";
/*默认参数*/
:root{
  --primary-color:#e52029;
  --secondary-color:#342a29;
  --background-color:#f4f4f4;
  --background-jianbain: linear-gradient(90deg, var(--primary-color), var(--secondary-color));
  --font-color-base:#333;
  --font-color-text:#666;
  --font-color-dec:#aaa;
  --font-size-base:16px;
  --font-size-blg:72px;
  --font-size-lg:48px;
  --font-size-md:36px;
  --font-size-sm:40px;
  --font-size-ms:22px;
  --font-size-xs:18px;
  --font-size-mi:14px;
  --border-radius: 6px;
  --line-height-text:1.55;
}
@font-face {
font-family: 'Roboto Black'; /* 字体名称，可以自定义 */
src: url('fonts/Roboto-Black.ttf');
}
@font-face {
font-family: 'Roboto Bold'; /* 字体名称，可以自定义 */
src: url('fonts/Roboto-Bold.ttf');
}
@font-face {
font-family: 'Roboto Light'; /* 字体名称，可以自定义 */
src: url('fonts/Roboto-Light.ttf');
}
@font-face {
font-family: 'Roboto'; /* 字体名称，可以自定义 */
src: url('fonts/Roboto-Regular.ttf');
}

/*全局控制*/
body{margin:0;padding:0;font-size:var(--font-size-base);line-height:1;font-family:Roboto,Arial, Helvetica,"Microsoft Yahei","PingFang SC";-webkit-text-size-adjust:none; color: var(--font-color-base); background: #f4f4f4}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;}
input,select,textarea{font-size:var(--font-size-base);line-height:var(--line-height-text);font-family:Roboto,Arial, Helvetica,"Microsoft Yahei","PingFang SC";}img{border:0;}ul,li{list-style-type:none;}
a{color:var(--font-color-base);text-decoration:none;}
a:hover{color:var(--primary-color);}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.dis{display:block;}.undis{display:none;}
.fl{float:left;}.fr{float:right;}.cl{clear:both;}.fb{font-weight:bold;}.fnb{font-weight:200;margin-left:-1px;}
.hr_1,.hr_10{font-size:1px;line-height:1px;clear:both; background:#ddd;}
.hr_1{height:1px;}.hr_10{height:10px;}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus{outline:none;}
table{ border-color: #aaa; border-spacing: 0; border: 1px; border-collapse: collapse;}

.mainbox{ width:100%; padding: 0 100px; margin:0 auto; min-width:1300px; box-sizing:border-box;max-width: 1900px;}
.nymainbox{ width:calc( 100% - 200px); margin:0 auto; min-width:1300px; box-sizing:border-box;max-width: 1700px;}

/*头部*/
header{max-width: 1500px; margin: 0 auto;}
.header_top{ position: relative; max-width:1500px; margin:0 auto; background:#fff; box-sizing:border-box; padding:60px 100px 40px; display:flex; justify-content: space-between;  position:relative;}
/*.header_top.header_fixed{ position:fixed; top:0; z-index:9999; width:100%; }*/
.header_top .logo{ width:100px; height:55px }

/*顶部导航*/
.symenuping{ height:40px;  }
.symenuping>ul{ display:flex; flex-direction:row; justify-content:center;}
.symenuping>ul>li{ padding:0 0 0 50px; }
.symenuping>ul>li>a{ color:#333; line-height:40px; font-size:var(--font-size-xs); }
.symenuping>ul>li em.nav-arrow {
  margin-left: 6px;
    display: inline-block;
    width: 11px;
    height: 6px;
    background: #aaa url(../images/nav-arrow.png) left center no-repeat;
    transition: all 0.5s ease;
}
.symenuping>ul>li:hover em.nav-arrow {
    background: var(--primary-color) url(../images/nav-arrow.png) left center no-repeat;
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    /* IE 9 */
    -webkit-transform: rotate(180deg);
}
.symenuping .submenu{  position: absolute; left: 0 !important; right:0; top:130px !important; width:100% !important; background:#f0f0f0;display:none; text-align:left; padding:0 40px 60px 60px; box-sizing:border-box; display:flex;flex-wrap: wrap;
 }
 .symenuping .submenu h3{ width:100%; margin-bottom:30px; font-weight:normal; font-size:var(--font-size-sm); font-family:Roboto Light; padding-top:60px; border-top:3px #ddd solid; }
.symenuping .submenu li{ display:block; box-sizing: border-box; padding:0 40px 0 0; width:25%; margin-bottom:40px; }
.symenuping .submenu li *{ transition: all 0.3s ease;}
.symenuping .submenu li a{ line-height:40px; font-size:var(--font-size-xs); display:inline-block; font-weight:bold; }
.symenuping .submenu li p{ font-size:var(--font-size-xs); color:#888; line-height:var(--line-height-text); font-family:Roboto Light}

.symenuping .submenu li:hover a{color: var(--primary-color);}
.symenuping .submenu li:hover p{ color:#333; }

@media(max-width:1600px) {
  .symenuping>ul>li{ }
}

@media(max-width:1400px) {
  .symenuping>ul>li{  }
}

/*语言和搜索*/
.topright{ display:flex; align-items:flex-end; flex-direction: column; }
.yuyan{height:25px; line-height:25px; position:relative;}
.yuyan h3{ font-size:var(--font-size-xs); color:#666; font-weight:normal;}
.yuyan h3 i{display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -o-border-radius: 100%;
    background: #aaa url(../images/language_icon_2.gif) no-repeat center center;
    background-size: cover;
    margin-right: 6px;
    margin-top:-3px;}
  .yuyan h3 a{ font-size:14px;color:#666; text-transform:uppercase; }
.yuyan ul{ background:#f4f4f4; position:absolute; left:0; right:0; top:25px; z-index:999; text-align:center; overflow:hidden; height:0; transition: all .5s ease;}
.yuyan ul li{ line-height:50px; font-size:14px; color:#666; border-bottom:1px #eee solid; position:relative; transition: all .5s ease; z-index:999;}
.yuyan ul li:after{ content:""; position:absolute; left:50%; bottom:1px; margin-left:0; width:0; height:2px; background:#007dd4; transition: all .5s ease;}
.yuyan ul li:hover:after{ width:60px; margin-left:-30px;}
.yuyan:hover ul{ display:block; height:100px;}

.topright-t{ display:flex; margin-bottom:6px; }
.hd_search{ width:150px;margin-right:10px;  }
.searchform{height:25px; background:#fff; }
.searchform form{ display:flex; border:1px #ddd solid; border-radius: 13px;box-sizing: border-box; }
.searchform form .hd_search_box{ font-size: 12px; height:25px; line-height:25px; border-radius: 13px; border:none; box-sizing: border-box; width: 125px;}
.searchform form .hd_search_btn{ width:23px; height:23px; background:url(../images/hd_search_btn.png) center center no-repeat; border:none;  cursor:pointer;}
.jk_phnav_menubox{ display:none; margin-left:10px }


.jk_phnav_menubtn {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 20px;
    height: 20px;
    cursor: pointer;
}
.jk_phnav_menubtn::after,.jk_phnav_menubtn::before {
    content: ""
}
.jk_phnav_menubtn span,.jk_phnav_menubtn::after,.jk_phnav_menubtn::before {
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 2px;
    transform: translateY(-50%);
    background: #aaa;
    transition: all .36s
}
.jk_phnav_menubtn::before {
    margin-top: -8px
}
.jk_phnav_menubtn::after {
    margin-top: 8px
}
.jk_phnav_menubtn.on span {
    opacity: 0
}
.jk_phnav_menubtn.on::after,.jk_phnav_menubtn.on::before {
    margin-top: 0
}
.jk_phnav_menubtn.on::before {
    transform: translateY(-50%) rotate(45deg)
}
.jk_phnav_menubtn.on::after {
    transform: translateY(-50%) rotate(-45deg)
}
.jk_phnav_menu {
  position: fixed;
  left: 0;
  top: 70px;
  z-index: 9999;
  width: 100%;
  height: calc(100% - 70px);
  padding: 0 20px 20px;
  box-sizing: border-box;
  background: #fff;
  color: #fff;
  display: flex;
  flex-direction: column;
  padding-bottom: 0;
  transform: translateX(100%);
  transition: all .5s cubic-bezier(.55,.085,.68,.53);
}
.jk_phnav_menu.on {
    transform: translateX(0);
    transition: all .5s cubic-bezier(.25,.46,.45,.94);
}
.jk_ph_navbar2 .jk_phmenu_scroll{
  margin-right: -15px;
  padding-right: 15px;
  overflow: scroll;
  flex-grow: 1;
}
.jk_phnav_lisbox{
  position: relative;
  border-bottom: 1px solid rgba(85, 85, 85, 0.6);
}
.jk_ph_nav a{
  vertical-align: middle;
  color: var(--font-color-text);
  font-size: var(--font-size-base);
  line-height: var(--line-height-text);
  padding: 10px 0;
  display: inline-block;
  max-width: calc(100% - 40px);
}
.jk_phnav_icon {
    display: none;
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
}
.jk_phnav_icon::after, .jk_phnav_icon::before {
    content: "";
    position: absolute;
    background: var(--secondary-color);
    transition: all .36s;
    width: 2px;
}
.jk_phnav_icon::before {
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: 1px;
}
.jk_phnav_icon::after {
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: 1px;
    height: 100%;
}
.jk_phnav_icon.on::after {
    transform: translateX(-50%) rotate(90deg);
}
.jk_ph_nav li:not(.jk_phnav_haschild)>.jk_phnav_lisbox>a {
  display: block;
  max-width: 100%;
}
.jk_ph_nav li:not(.jk_phnav_haschild)>.jk_phnav_lisbox .jk_phnav_icon {
    display: none;
}
.jk_phnav_haschild .jk_phnav_icon {
    display: block;
}
.jk_ph_nav ul {
    padding: 0 15px;
    display: none;
}

.jk_phnav_lisbox {
    position: relative;
    border-bottom: 1px solid rgba(85, 85, 85, 0.6);
}
.jk_ph_navbar2 .jk_ph_nav ul a{
  font-size: 14px;
  padding: 8px 0; line-height: var(--line-height-text);
}

@media(max-width:1300px) {
  .header_top{ padding:20px; align-items: center; }
  .topright-t{ margin-bottom:0 }
  .jk_phnav_menubox{ display:block; }
  .symenuping{display: none;}
  .header_top .logo{ max-height:40px; }
  .header_top .logo img{ max-height:40px; }
  .hd_search{ display:none; }
}

.sypro{
  max-width:1500px; margin:0 auto; background:#fff; box-sizing:border-box; padding:60px 100px;
}
.syprotitle{ display:flex; border-top:5px #333 solid; padding:40px 0;justify-content: space-between;align-items: center; }
.syprotitle h3{ font-size:var(--font-size-sm); color:#333; }
.syprotitle a{ font-size:var(--font-size-xs); color:#888; background:url(../images/morearrow.png) right center no-repeat; padding-right:20px; text-transform:uppercase; }
.syprolist{
  width: 100%;
}
.syprolist ul{ display:flex; }
.syprolist ul li{ width:31.33%; margin-right:2.5%;  }
.syprolist ul li:nth-child(3n){ margin-right:0 }
.syprolist ul li h4{ width:100%; background:#f8f8f8; margin-bottom: 20px; }
.syprolist ul li h4 a{ display:block; padding:10px; box-sizing:border-box; }
.syprolist ul li h4 a img{ max-width:100%;aspect-ratio: 4 / 3 ;object-fit: cover;}
.syprolist ul li h3{ margin-bottom: 10px;}
.syprolist ul li h3 a{ font-size:var(--font-size-ms); color:#333; line-height: var(--line-height-text); }
.syprolist ul li p{ font-size:var(--font-size-base); color: #888; font-family: Roboto Light; margin-bottom: 20px; line-height: var(--line-height-text);}
.syprolist ul li .syprockgd{ color: #333; font-size: var(--font-size-base); position:relative; font-weight:bold; line-height:24px; }
.syprolist ul li .syprockgd:before{ float: left; display: inline-block; border-radius: 50%; content:""; width:24px; height:24px; background:#4c4c4c url(../images/sypromore.png) center center no-repeat; margin-right: 10px;}
.syprolist ul li:hover h3 a{color: var(--primary-color);}
.syprolist ul li:hover .syprockgd:before{background:var(--primary-color) url(../images/sypromore.png) center center no-repeat;}

.sypiaofu1{max-width:1500px; margin:0 auto; background:#fff; box-sizing:border-box; position:relative; }
.sypiaofu1:before{
  content: ""; display: block; height:80px; width:300px; background: var(--primary-color);
}
.sypiaofu2{max-width:1500px; margin:0 auto; background:#fff; box-sizing:border-box; position:relative; height:80px; }
.sypiaofu2:before{
  content: ""; display: block; height:80px; width:300px; background: var(--primary-color);
  float: right;
}

@media(max-width:1300px) {
  .sypro{ padding:20px; }
  .syprotitle{ padding:20px 0; font-size:18px; }
  .syprotitle h3{ font-size:18px;}
  .syprotitle a{ font-size:14px; }
  .syprolist ul{flex-direction: column;}
  .syprolist ul li{ width:100%; margin-right:0; margin-bottom:20px; }
  .syprolist ul li h3 a{ font-size:18px; }
  .syprolist ul li p{ font-size:14px; }
  .syprolist ul li h4 a img{ width:100%; }
  .sypiaofu1{ height:40px; }
  .sypiaofu2{ height:40px; }
  .sypiaofu1:before{ width:160px; height:40px; }
  .sypiaofu2:before{ width:160px; height:40px; }
}

.syabout{max-width:1500px; margin:0 auto; background:#fff; box-sizing:border-box; padding:60px 100px 60px 0; position:relative; display:flex;align-items: center; }
.syaboutimg{ width:661px; height:400px; margin-right:60px; }
.syaboutimg video{ width:100%; height:100%; }
.syaboutimg iframe{ width:100%; height:100%; }
.syabouttext{ width:calc(100% - 721px); }
.syabouttexttitle{ font-size:var(--font-size-sm); font-weight: bold; border-top:3px #333 solid; border-bottom:1px #ddd solid; margin-bottom: 40px; padding:30px 0; line-height:var(--line-height-text); }
.syabouttextcon{ margin-bottom: 40px; font-size:var(--font-size-xs); line-height:var(--line-height-text); color:#666; font-family:Roboto Light }
.syabouttext .syprockgd{ color: #333; font-size: var(--font-size-base); position:relative; font-weight:bold; line-height:24px; }
.syabouttext .syprockgd:before{ float: left; display: inline-block; border-radius: 50%; content:""; width:24px; height:24px; background:var(--primary-color) url(../images/sypromore.png) center center no-repeat; margin-right: 10px;}

@media(max-width:1300px) {
  .syabout{ flex-direction:column; padding:20px; }
  .syaboutimg{ width:100%; height:30vh; margin-right:0; margin-bottom:20px; }
  .syaboutimg img{ width:100%;height: 100%; max-width:100%; aspect-ratio: 4 / 3 ;object-fit: cover;}
  .syabouttexttitle{ font-size:18px; padding:15px 0; margin-bottom:20px; }
  .syabouttextcon{ margin-bottom:20px; font-size:14px; }
  .syabouttext{ width:100%; }
}

.syfuwu{
  max-width:1500px; margin:0 auto; background:#fff; box-sizing:border-box; padding:60px 100px;
}
.syfuwutitle{ display:flex; border-top:5px #333 solid; padding:40px 0; flex-direction: column; }
.syfuwutitle h3{ font-size:var(--font-size-sm); color:#333; margin-bottom:10px; }
.syfuwutitle p{ font-size:var(--font-size-xs); color:#888; font-family:Roboto Light; }
.syfuwulist{
  width: 100%;
}
.syfuwulist ul{ display:flex; flex-wrap: wrap; }
.syfuwulist ul li{ width:31.33%; margin-right:2.5%; margin-bottom: 40px; padding-top:40px; border-top:1px #ddd solid;  }
.syfuwulist ul li:nth-child(3n){ margin-right:0 }
.syfuwulist ul li h4{ width:100%; }
.syfuwulist ul li h4 img{ max-width:100%;aspect-ratio: 400 / 250 ;object-fit: contain;}
.syfuwulist ul li h3{ margin-bottom: 20px; font-size:var(--font-size-ms); color:#333;}
.syfuwulist ul li h3 a{ font-size:var(--font-size-base); color:#333; }
.syfuwulist ul li p{ height: 230px; font-size:var(--font-size-xs); color: #888; font-family: Roboto Light; margin-bottom: 20px; line-height: var(--line-height-text);}

.syfuwulist ul li:nth-child(4) p{ height:150px; }
.syfuwulist ul li:nth-child(5) p{ height:150px; }

@media(max-width:1300px) {
  .syfuwu{ padding:20px; }
  .syfuwutitle{ padding:15px 0; font-size:18px; }
  .syfuwutitle h3{ font-size:18px;}
  .syfuwutitle p{ font-size:14px; }
  .syfuwulist ul{ flex-direction:column; }
  .syfuwulist ul li{ margin-bottom:20px; padding-top:20px; width:100%; margin-right:0; }
  .syfuwulist ul li h3{ font-size:16px; }
  .syfuwulist ul li p{ font-size:14px;height: auto; }
  .syfuwulist ul li h4 img{ width:100%; }
}


.synews{
  max-width:1500px; margin:0 auto; background:#fff; box-sizing:border-box; padding:60px 100px;
}
.synewstitle{ display:flex; border-top:5px #333 solid; padding:40px 0;justify-content: space-between;align-items: center; }
.synewstitle h3{ font-size:var(--font-size-sm); color:#333; }
.synewstitle a{ font-size:var(--font-size-xs); color:#888; background:url(../images/morearrow.png) right center no-repeat; padding-right:20px; text-transform:uppercase; }
.synewslist{
  width: 100%;
}
.synewslist ul{ display:flex; }
.synewslist ul li{ width:31.33%; margin-right:2.5%; padding-top:40px; border-top:1px #ddd solid; }
.synewslist ul li:nth-child(3n){ margin-right:0 }
.synewslist ul li h4{ font-size: var(--font-size-xs); color: #aaa; margin-bottom: 10px; font-weight:normal; font-family:Roboto Light }
.synewslist ul li h3{ margin-bottom: 10px;}
.synewslist ul li h3 a{ font-size:var(--font-size-ms); color:#333; line-height:var(--line-height-text); }
.synewslist ul li p{ font-size:var(--font-size-xs); color: #888; font-family: Roboto Light; margin-bottom: 20px; line-height: var(--line-height-text);}
.synewslist ul li .syprockgd{ color: #333; font-size: var(--font-size-base); position:relative; font-weight:bold; line-height:24px; }
.synewslist ul li .syprockgd:before{ float: left; display: inline-block; border-radius: 50%; content:""; width:24px; height:24px; background:#4c4c4c url(../images/sypromore.png) center center no-repeat; margin-right: 10px;}
.synewslist ul li:hover h3 a{color: var(--primary-color);}
.synewslist ul li:hover .syprockgd:before{background:var(--primary-color) url(../images/sypromore.png) center center no-repeat;}

@media(max-width:1300px) {
  .synews{ padding:20px; }
  .synewstitle{ padding:15px 0; font-size:18px; }
  .synewstitle h3{ font-size:18px;}
  .synewstitle p{ font-size:14px; }
  .synewslist ul{ flex-direction:column; }
  .synewslist ul li{ margin-bottom:20px; padding-top:20px; width:100%; margin-right:0; }
  .synewslist ul li h4{ font-size:14px; }
  .synewslist ul li h3 a{ font-size:16px; }
  .synewslist ul li p{ font-size:14px; }
  .synewslist ul li .syprockgd{ font-size:14px; }
  .synewslist ul li .syprockgd:before{ width:20px; height:20px; }
}


/*底部样式*/
.footlianxi{ width:100%; height:360px; display:flex; flex-direction:column; align-items:center; justify-content: center; background:url(../images/footlianxibg.jpg) center center no-repeat; }
.footlianxi h3{ font-size:var(--font-size-md); color:#fff; margin-bottom:20px; }
.footlianxi p{ font-size:var(--font-size-xs); text-transform: uppercase; color:#fff; margin-bottom:30px; }
.footlianxi h4{ text-align:center; font-weight:normal; }
.footlianxi h4 a{ display:inline-block; width:160px; height:46px; text-align:center; line-height:46px; font-size:var(--font-size-base); color:#fff; margin:0 20px; border:1px #fff solid; border-radius:var(--border-radius); }
.footlianxi h4 a.footlianxia{ background:#fff; color:var(--font-color-base); }

footer{max-width:1500px; margin:0 auto; background:#fff; box-sizing:border-box; padding:60px 100px 0; position:relative; }
footer:before{ position: absolute; left: 0; bottom: 0; content: ""; display: block; height:60px; width:200px; background: #342a29;}

.footer{ border-top: 5px #333 solid; width:100%; box-sizing:border-box; padding:60px 0; }
.footer ul{ display:flex; flex-direction:row; justify-content:space-between; }
.footer ul li{ padding-right:100px; max-width:400px; }
.footer ul li h3{ font-size:var(--font-size-ms); color:var(--font-color-base); margin-bottom:25px; }
.footer ul li a{ display: block; font-size:var(--font-size-xs); color:var(--font-color-text); margin-bottom:20px; font-family:Roboto Light; }
.footer ul li a:hover{ color:var(--primary-color); }
.footer ul li.footnavend{ padding-right: 0}
.footer ul li p{ display: block; font-size:var(--font-size-xs); color:var(--font-color-text); height: 20px; line-height: 20px; margin-bottom:20px; padding-left: 30px; background-repeat: no-repeat; background-position: left center; font-family:Roboto Light;}
.footer ul li p a{ display:inline-block; margin-bottom:0; }
.footer ul li p.footcontel{ background-image:url(../images/footcontel.png); }
.footer ul li p.footconemail{ background-image:url(../images/footconemail.png); }
.footer ul li p.footconadd{ background-image:url(../images/footconadd.png); }

.footnavend dl dd{ cursor: pointer; float:left; margin-right:8px; position:relative;}
.footnavend dl dd div{ height:0; width:0; position:absolute; left:50%; bottom:40px; transition: all .3s ease; overflow:hidden; border-radius:10px;}
.footnavend dl dd div img{ max-width:100%;}
.footnavend dl dd:hover div{ width:120px; height:120px; margin-left:-60px;}
.footnavend dl dd i{ display:inline-block; width:40px; height:40px; border-radius: 50%; margin-right:10px; float:left;}
.footnavend dl dd i.topcontentzmt01{ background:#aaa url(../images/topcontentzmt01.png) center center no-repeat;}
.footnavend dl dd i.topcontentzmt02{ background:#aaa url(../images/topcontentzmt02.png) center center no-repeat;}
.footnavend dl dd i.topcontentzmt03{ background:#aaa url(../images/topcontentzmt03.png) center center no-repeat;}
.footnavend dl dd i:hover.topcontentzmt01{ background:var(--primary-color) url(../images/topcontentzmt01.png) center center no-repeat;}
.footnavend dl dd i:hover.topcontentzmt02{ background:var(--primary-color) url(../images/topcontentzmt02.png) center center no-repeat;}
.footnavend dl dd i:hover.topcontentzmt03{ background:var(--primary-color) url(../images/topcontentzmt03.png) center center no-repeat;}

.footnavend dl dd span{ color:var(--font-color-text); font-size:12px; line-height:40px;}
.footnavend dl dd:last-child{ margin-right:0; }

.dibuyoulian{ line-height: var(--line-height-text); width:100%; box-sizing:border-box; padding:10px 0;font-size:var(--font-size-xs); color:var(--font-color-dec) }
.dibuyoulian a{ font-size:var(--font-size-xs); color:var(--font-color-dec) }

.copyright{ width:100%; box-sizing:border-box; display:flex; justify-content:flex-end; line-height: 60px;}
.copyright p{ font-family: Roboto Light; font-size:var(--font-size-mi); color:var(--font-color-dec);}
.copyright p a{ font-family: Roboto Light; font-size:var(--font-size-mi); color:var(--font-color-dec); }

@media(max-width:1300px) {
  footer{ padding:20px; }
  footer:before{ display:none; }
  .footer{ padding:20px 0; }
  .footer ul{flex-wrap: wrap;}
  .footer ul li{ width:100%; padding-right:0; margin-bottom: 20px; }
  .footer ul li:nth-child(1){ display:none; }
  .footer ul li:nth-child(2){ display:none; }
  .footer ul li h3{ font-size:18px; margin-bottom:15px; }
  .footer ul li a{ font-size:14px; margin-bottom:10px; }
  .footer ul li p{ font-size:14px; margin-bottom:10px; height: auto;}
  .footnavend dl dd i{ width:30px; height:30px; }
  .copyright{flex-direction: column; line-height: 1.5}
}

/*右侧悬浮框*/
.right_bar{position:fixed; top:calc(90px + 10vh); right:0; width:50px; height:203px; z-index:10; display:none;}
.right_bar li{ position:absolute; left:0; width:62px; height:50px; z-index:20; }
.right_bar li.rtbar_li1{ top:0; width:220px; }
.right_bar li.rtbar_li2{ top:51px; width:220px; }
.right_bar li.rtbar_li3{ top:102px; }
.right_bar li.rtbar_li4{ top:153px;}
.right_bar li.rtbar_li5{ top:204px;}
.right_bar li.rtbar_li6{ top:255px;}
.right_bar li a{ display:block; color:#FFF; font-size:14px; height:50px; line-height:50px; overflow:hidden; background-color:#39424b; opacity:0.8; border-radius:6px;}
.right_bar li a img{ display:block; float:left; vertical-align:middle; width:24px; height:24px; margin:12px 12px 14px 14px;}
.right_bar li a:hover{ background-color:#0042ad; opacity:1;}
.rtbar_shwx{ padding:10px; display:none; position:absolute; top:0; left:-142px; transition: all 0.3s ease; background:#fff; text-align:center; }
.rtbar_shwx img{ background-color:#fff; max-width:120px;}
.rtbar_shwx p{ line-height:1; color:#333; font-size:14px;}

/*内页样式*/
.nybanner{
  width:100%; height: 600px; display: flex; justify-content: center; align-items: center; flex-direction: column; background-position: bottom center; background-repeat: no-repeat;
}
.nybanner .nybannertext{ display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; }
.nybanner .nybannertext h3{ font-size:var(--font-size-md); color:#fff; margin-bottom:20px; }
.nybanner .nybannertext p{ font-size:var(--font-size-base); color:#fff; margin-bottom:40px; }
.nybanner .nybannertext a{ display:flex; flex-direction:column; color:#fff; font-size:var(--font-size-xs);margin-bottom:40px; }
.nybanner .nybannertext a img{ margin-bottom:10px; }
.nyaboutloc{  font-size:var(--font-size-base); color:#fff; }
.nyaboutloc a{ font-size:var(--font-size-base); color:#fff; }

.nyabout{max-width:1500px; margin:0 auto; background:#fff; box-sizing:border-box; padding:0 100px 60px; position:relative; }
.nyabouttext{ width: 100%; padding-top:60px; border-top:1px #333 solid; }
.nyabouttexttitle{ font-size:var(--font-size-lg); color:#333; font-family:Roboto Light; margin-bottom:20px; }
.nyabouttextcon{ width: 60%; font-family:Roboto Light; line-height: var(--line-height-text); font-size:var(--font-size-xs); color:#666 }
.nyaboutvideo{ width:100%; height:788px; margin-bottom:60px; }

.tyd-swiper-tpgdbox{}
.tyd-swiper-tpgdbox .tyd-swiper-tpgd01 {
  width: 100%;
  overflow: hidden;
}

.tyd-swiper-tpgdbox .tyd-swiper-tpgd01 .swiper-slide {
  text-align: center;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  padding: 5% 20px;
  box-sizing: border-box;
  position: relative;
}

.tyd-swiper-tpgdbox .tyd-swiper-tpgd01 .swiper-slide h3 {
  width: 100%;
  overflow: hidden;
  background: #fff;
  position: relative;
}

.tyd-swiper-tpgdbox .tyd-swiper-tpgd01 .swiper-slide h3 a {
  display: block;
  width: 100%;
}
.tyd-swiper-tpgdbox .tyd-swiper-tpgd01 .swiper-slide h3 a img{
  aspect-ratio: 4 / 3 ;
  object-fit: contain;
  width:100%;
}

.tyd-swiper-tpgdbox .tyd-swiper-tpgd01 .swiper-slide p {
  line-height: var(--line-height-text); font-size: var(--font-size-xs); color: #333; border-top: 1px #ddd solid; padding-top: 20px; height: 75px; text-align: left;
}

.nyaboutchejian{
  max-width:1500px; margin:0 auto; background:#fff; box-sizing:border-box;
}
.nyaboutchejiantitle{ display:flex; border-top:5px #333 solid; padding:40px 0; flex-direction: column;font-size:var(--font-size-sm); color:#333; margin-bottom:10px; font-family:Roboto Light;}
.nyaboutchejianlist{
  width: 100%;
}
.nyaboutchejianlist ul{ display:flex; flex-wrap: wrap;}
.nyaboutchejianlist ul li{ width:31.33%; margin-right:2.5%; margin-bottom:6%; padding-top:40px; border-top:1px #ddd solid;  }
.nyaboutchejianlist ul li:nth-child(3n){ margin-right:0 }
.nyaboutchejianlist ul li h4{ width:100%; }
.nyaboutchejianlist ul li h4 img{ max-width:100%;aspect-ratio: 400 / 250 ;object-fit: contain;}
.nyaboutchejianlist ul li h3{ margin-bottom: 20px; font-size:var(--font-size-ms); color:#333;}
.nyaboutchejianlist ul li h3 a{ font-size:var(--font-size-base); color:#333; }
.nyaboutchejianlist ul li p{ height: 80px; font-size:var(--font-size-xs); color: #888; font-family: Roboto Light; margin-bottom: 20px; line-height: var(--line-height-text);}

@media(max-width:1300px) {
  .nyabout{ padding:0 20px 20px; }
  .nyabouttext{ padding-top:20px; }
  .nyabouttexttitle{ font-size:20px; font-weight:bold; margin-bottom:10px; }
  .nyabouttextcon{columns:1 !important; font-size:14px; width:100%; }
  .nyaboutvideo{ height:40vh; margin-bottom:20px; }
  .nyaboutvideo video{ height:100%; }
  .tyd-swiper-tpgdbox .tyd-swiper-tpgd01 .swiper-slide p{ padding-top:10px; height:60px; }
  .nyaboutchejiantitle{ font-size:20px; font-weight:bold; margin-bottom:10px; padding:15px 0;}
  .nyaboutchejianlist ul{flex-direction: column;}
  .nyaboutchejianlist ul li{ width:100%; margin-right:0;margin-bottom:20px; }
  .nyaboutchejianlist ul li h3{ font-size:16px; margin-bottom:10px; }
  .nyaboutchejianlist ul li p{ font-size:14px; height:auto; margin-bottom:10px; }
  .nyaboutchejianlist ul li h4 img{ width:100%; }
}


.nypro{
  max-width:1500px; margin:0 auto; background:#fff; box-sizing:border-box; padding:0 100px 60px;
}
.nypro_title{width: 100%; display:flex; border-top:5px #333 solid; padding:40px 0;justify-content: space-between;flex-direction: column;}
.nypro_title h3{ font-size:var(--font-size-sm); color:#333; margin-bottom:20px }
.nypro_title div{ width: 65%; font-size:var(--font-size-xs); color:#888; line-height:var(--line-height-text);  font-family: Roboto Light;}
.nypro_list ul{ display:flex; flex-wrap: wrap;}
.nypro_list ul li{ width:31.33%; margin-right:2.5%; margin-bottom:6%;  }
.nypro_list ul li:nth-child(3n){ margin-right:0 }
.nypro_list ul li h4{ width:100%; background:#f8f8f8; margin-bottom: 20px; }
.nypro_list ul li h4 a{ display:block; padding:10px; box-sizing:border-box; }
.nypro_list ul li h4 a img{ max-width:100%;aspect-ratio: 4 / 3 ;object-fit: contain;}
.nypro_list ul li h3{ margin-bottom: 10px;}
.nypro_list ul li h3 a{ font-size:var(--font-size-ms); color:#333; line-height: var(--line-height-text); }
.nypro_list ul li p{ font-size:var(--font-size-base); color: #888; font-family: Roboto Light; margin-bottom: 20px; line-height: var(--line-height-text);}
.nypro_list ul li .nyprockgd{ color: #333; font-size: var(--font-size-base); position:relative; font-weight:bold; line-height:24px; }
.nypro_list ul li .nyprockgd:before{ float: left; display: inline-block; border-radius: 50%; content:""; width:24px; height:24px; background:#4c4c4c url(../images/sypromore.png) center center no-repeat; margin-right: 10px;}
.nypro_list ul li:hover h3 a{color: var(--primary-color);}
.nypro_list ul li:hover .nyprockgd:before{background:var(--primary-color) url(../images/sypromore.png) center center no-repeat;}

.nypro_box{ width:100%; margin-bottom: 60px; display:flex; align-items: center;}
.nypro_box_l{ width:50%; }
.nypro_box_l img{ max-width:100%;aspect-ratio: 4 / 3 ;object-fit: contain;}
.nypro_box_r{ width:45%; margin-left:5% }
.nypro_box_r h3{ font-size:var(--font-size-sm); color:#333; font-family:Roboto Light; font-weight: normal; line-height:var(--line-height-text); margin-bottom:20px; padding-bottom:20px; border-bottom:1px #ddd solid; }
.nypro_box_r p{ font-size:var(--font-size-xs); color:#888; font-family:Roboto Light; line-height: var(--line-height-text); margin-bottom:40px; }
.nypro_box_r ul{ display:flex; align-items: center; }
.nypro_box_r ul li{ margin-right:20px;background:var(--primary-color); position:relative; }
.nypro_box_r ul li:after{ content:""; position:absolute; left:0; top:0; width: 0; height:40px; z-index:1; background:var(--secondary-color);transition: all 0.5s ease; }
.nypro_box_r ul li a{ position: relative; z-index: 2; display:block; width:140px; height:40px; line-height: 40px; color:#fff; font-size:var(--font-size-xs); text-align:center;}
.nypro_box_r ul li:hover:after{ width:140px; }

.nypro_text{ width:100%; }
.nyprotexttitle{ font-size:var(--font-size-sm); color:#333; margin-bottom:40px;padding-top:40px; border-top:5px #333 solid;  }
.nyprotextcon{ width:100%; margin-bottom:40px; display:flex;flex-wrap: wrap; }
.nyprotextcon h3{ font-size:var(--font-size-ms); width:100%; margin-bottom:40px; }
.nyprotextcon p{ width:48%; margin-right:4%; font-size:var(--font-size-ms); color:#333; line-height:var(--line-height-text); margin-bottom:40px; padding-top:40px; border-top:1px #eee solid; font-family:Roboto Light; }
.nyprotextcon p:nth-child(2n){ margin-right:0; }
.nyprotextcon p img{ max-width:100%; }

@media(max-width:1300px) {
  .nypro{ padding:0 20px 20px; }
  .nypro_title{ padding:15px 0; font-size:18px; }
  .nypro_title h3{ font-size:18px; margin-bottom: 10px;}
  .nypro_title div{font-size:14px; width: 100%;}
  .nypro_title p{ font-size:14px; }
  .nypro_list ul{ flex-direction:column; }
  .nypro_list ul li{ width: 100%; margin-right:0; margin-bottom:20px; }
  .nypro_list ul li h4{ margin-bottom:10px; }
  .nypro_list ul li h4 a img{ width:100%; }
  .nypro_list ul li h3 a{ font-size:16px; }
  .nypro_list ul li p{ font-size:14px; }
  .nypro_list ul li .nyprockgd{ font-size:14px; }
  .nypro_list ul li .nyprockgd:before{ width:20px; height:20px; }
  .nypro_box{ margin-bottom: 20px; align-items:flex-start; flex-direction:column; }
  .nypro_box_l{ width:100%; }
  .nypro_box_l img{width: 100%;}
  .nypro_box_r{ width:100%; margin-left:0; }
  .nypro_box_r h3{ font-size:16px; font-weight: bold; margin-bottom:10px; padding-bottom:10px; }
  .nypro_box_r p{ font-size:14px; margin-bottom:20px; }
  .nypro_box_r ul li a{ font-size:14px; }
  .nyprotexttitle{ font-weight: bold; font-size:16px; margin-bottom:20px; padding-top:20px; }
  .nyprotextcon{ margin-bottom:20px;}
  .nyprotextcon h3{ font-size:16px; width:100%; margin-bottom:15px; }
  .nyprotextcon p{border-top:1px #eee solid; font-size:14px; width:100%; margin-right:0; margin-bottom:15px; padding-top:15px; }
}

.nynews{
  max-width:1500px; margin:0 auto; background:#fff; box-sizing:border-box; padding:0 100px 40px;
}
.nynews_title{ display:flex; border-top:5px #333 solid; padding:40px 0;justify-content: space-between;align-items: center; }
.nynews_title h3{ font-size:var(--font-size-sm); color:#333; }
.nynews_title a{ font-size:var(--font-size-xs); color:#888; background:url(../images/morearrow.png) right center no-repeat; padding-right:20px; text-transform:uppercase; }
.nynews_list{
  width: 100%;
}
.nynews_list ul{ display:flex; flex-wrap: wrap;}
.nynews_list ul li{ width:31.33%; margin-right:2.5%; margin-bottom: 6%; padding-top:40px; border-top:1px #ddd solid; }
.nynews_list ul li:nth-child(3n){ margin-right:0 }
.nynews_list ul li h5{ width:100%; background:#f8f8f8; margin-bottom: 20px; }
.nynews_list ul li h5 a{ display:block; box-sizing:border-box; }
.nynews_list ul li h5 a img{ max-width:100%;aspect-ratio: 4 / 3 ;object-fit: cover;}
.nynews_list ul li h4{ font-size: var(--font-size-xs); color: #aaa; margin-bottom: 10px; font-weight:normal; font-family:Roboto Light }
.nynews_list ul li h3{ margin-bottom: 10px;}
.nynews_list ul li h3 a{ font-size:var(--font-size-ms); color:#333; line-height:var(--line-height-text); }
.nynews_list ul li p{ font-size:var(--font-size-xs); color: #888; font-family: Roboto Light; margin-bottom: 20px; line-height: var(--line-height-text);}
.nynews_list ul li .syprockgd{ color: #333; font-size: var(--font-size-base); position:relative; font-weight:bold; line-height:24px; }
.nynews_list ul li .syprockgd:before{ float: left; display: inline-block; border-radius: 50%; content:""; width:24px; height:24px; background:#4c4c4c url(../images/sypromore.png) center center no-repeat; margin-right: 10px;}
.nynews_list ul li:hover h3 a{color: var(--primary-color);}
.nynews_list ul li:hover .syprockgd:before{background:var(--primary-color) url(../images/sypromore.png) center center no-repeat;}

.nynewsdata{ padding:0 0 0 60px; background:url(../images/nynewsdata.png) left center no-repeat; color:#888; font-family:Roboto Light; font-size:var(--font-size-ms); margin: 0 0 20px 0; height: 60px; line-height: 60px;}

.nyphotoimg{ margin-bottom:60px; }
.nyphotoimg img{ max-width:100%; }

.nynewstext{ font-size:var(--font-size-ms); color:#333; line-height:var(--line-height-text); font-family:Roboto Light; margin-bottom:60px; }
.nynewstext p{ margin-bottom:20px; }
.nynewstext video{ max-width:650px;}
.nynewstext iframe{ max-width:650px;}

.nyitemshowb{ width:100%; margin-bottom: 60px;}
.nyitemshowpreNext{}
.nyitemshowpreNext ul li{ background:#f8f8f8; padding:30px; float:left; width:48%; margin-right:4%; font-size:var(--font-size-xs); box-sizing:border-box; margin-bottom:20px; color: var(--font-color-dec); font-family: Roboto Light;}
.nyitemshowpreNext ul li:nth-child(2){ margin-right:0}
.nyitemshowpreNext ul li a{ font-size:var(--font-size-ms); color:var(--font-color-base); line-height: 3; font-family: Roboto Light;}
.nyitemshowpreNext ul li a:hover{color:var(--primary-color);}
.nyitemshowpreNext ul li span{ font-weight: normal; font-size:var(--font-size-xs); color:var(--font-color-dec);font-family: Roboto Light;}

@media(max-width:1300px) {
  .nynews{ padding:0 20px 20px; }
  .nynews_title{ padding:15px 0; font-size:18px; }
  .nynews_title h3{ font-size:18px; margin-bottom: 10px;}
  .nynews_title div{font-size:14px; width: 100%;}
  .nynews_title p{ font-size:14px; }
  .nyitemshowb{ margin-bottom:20px; }
  .nyitemshowpreNext ul li{ width:100%; margin-right:0; padding:20px; font-size:14px; margin-bottom:10px; }
  .nyitemshowpreNext ul li a{ font-size:16px; line-height:2; font-weight:bold; }
  .nyitemshowpreNext ul li span{ font-size:14px;}
  .nynews_list ul{ flex-direction:column; }
  .nynews_list ul li{ width: 100%; margin-right:0; margin-bottom:20px; }
  .nynews_list ul li h5{ margin-bottom:10px; }
  .nynews_list ul li h5 a img{ width:100%; }
  .nynews_list ul li h4{ font-size:14px; }
  .nynews_list ul li h3 a{ font-size:16px; }
  .nynews_list ul li p{ font-size:14px; }
  .nynews_list ul li .syprockgd{ font-size:14px; }
  .nynews_list ul li .syprockgd:before{ width:20px; height:20px; }
  .nynewsdata{ font-size:16px; height:30px; line-height:30px; background-size:30px; margin-bottom:10px; }
  .nynewstext{ font-size:14px; margin-bottom:20px; }
  .nynewstext img{ max-width:100%; }
  .nyphotoimg{ margin-bottom:20px; }
}



.nyphoto_list ul{ display:flex; flex-wrap: wrap;}
.nyphoto_list ul li{ width:31.33%; margin-right:2.5%; margin-bottom:6%;  }
.nyphoto_list ul li:nth-child(3n){ margin-right:0 }
.nyphoto_list ul li h4{ width:100%; background:#f8f8f8; margin-bottom: 20px; }
.nyphoto_list ul li h4 a{ display:block; padding:10px; box-sizing:border-box; }
.nyphoto_list ul li h4 a img{ max-width:100%;aspect-ratio: 4 / 3 ;object-fit: contain;}
.nyphoto_list ul li h3{ margin-bottom: 20px;}
.nyphoto_list ul li h3 a{ font-size:var(--font-size-ms); color:#333; line-height: var(--line-height-text); font-family: Roboto Light; font-weight: normal;}
.nyphoto_list ul li .nyprockgd{ color: #333; font-size: var(--font-size-base); position:relative; font-weight:bold; line-height:24px; }
.nyphoto_list ul li .nyprockgd:before{ float: left; display: inline-block; border-radius: 50%; content:""; width:24px; height:24px; background:#4c4c4c url(../images/sypromore.png) center center no-repeat; margin-right: 10px;}
.nyphoto_list ul li:hover h3 a{color: var(--primary-color);}
.nyphoto_list ul li:hover .nyprockgd:before{background:var(--primary-color) url(../images/sypromore.png) center center no-repeat;}

@media(max-width:1300px) {
  .nyphoto_list ul{}
  .nyphoto_list ul li{ width: 49%; margin-right:2%; margin-bottom:20px; }
  .nyphoto_list ul li:nth-child(3n){ margin-right:2%; }
  .nyphoto_list ul li:nth-child(2n){ margin-right:0; }
  .nyphoto_list ul li h4{ margin-bottom:10px; }
  .nyphoto_list ul li h4 a img{ width:100%; }
  .nyphoto_list ul li h3 a{ font-size:14px; }
  .nyphoto_list ul li p{ font-size:14px; }
  .nyphoto_list ul li .nyprockgd{ font-size:14px; }
  .nyphoto_list ul li .nyprockgd:before{ width:20px; height:20px; }
}

.nycontacttitle{width: 100%; display:flex; border-top:5px #333 solid; padding:40px 0;justify-content: space-between;flex-direction: column;}
.nycontacttitle h3{ font-size:var(--font-size-sm); color:#333; margin-bottom:20px }
.nycontacttitle p{ width: 65%; font-size:var(--font-size-xs); color:#888; line-height:var(--line-height-text);  font-family: Roboto Light;}

.nycontactimg{
  max-width:1500px; margin:0 auto; background:#fff; box-sizing:border-box; width: 100%;
}

.nycontactimgcon{ width:100%; max-width: 1500px;
    margin: 0 auto;
    background: #fff;height:780px; background:url(../images/nycontactimg.jpg) center center no-repeat; position:relative;
box-sizing: border-box; padding: 100px; background-size: cover;
}
.nycontactimgtext{
  width: 500px; height: 500px; padding: 60px; box-sizing: border-box; background: #ebebeb;
}
.nycontactimgtext h3{ font-size:var(--font-size-xs); color:#333; padding-bottom:20px; border-bottom:3px #333 solid; margin-bottom:20px;  line-height:var(--line-height-text);}
.nycontactimgtext h4{ font-size:var(--font-size-lg); color:#333; margin-bottom:20px;  line-height:var(--line-height-text);}
.nycontactimgtext p{ font-size:var(--font-size-base); color:#666; margin-bottom:40px; font-family:Roboto Light;line-height:var(--line-height-text);}
.nycontactimgtext a{ float:right; background:#222; color:#fff; font-family:Roboto Light; font-size:var(--font-size-xs); position:relative; text-align: center; z-index:2; width:220px; border-radius:25px; height:50px; line-height:50px;line-height:50px; overflow:hidden; }
.nycontactimgtext a span{ position:relative; z-index:2; }
.nycontactimgtext a:after{ content:""; background:var(--primary-color); width:0; height:50px; position:absolute; left:0; top:0;transition: all 0.5s ease;  }
.nycontactimgtext a:hover:after{ width:220px; }

.nycontacttexttitle{ margin:0 0 40px;padding-top:40px; border-top:1px #ddd solid;  }
.nycontacttexttitle h3{ font-size:var(--font-size-sm); color:#333; font-family:Roboto Light; font-weight: normal;}
.nycontacttexttitle p{ width:100%; margin-right:4%; font-size:var(--font-size-ms); color:#666; line-height:var(--line-height-text); margin-bottom:40px; padding-top:40px; font-family:Roboto Light; }
.nycontacttexttitle p a{ font-size:var(--font-size-ms); color:#666; line-height:var(--line-height-text); font-family:Roboto Light; }


.nycontact{width:100%; box-sizing:border-box; padding:100px 0;}

.nyconform{max-width:1500px; margin:0 auto; background:#fff; box-sizing:border-box; padding:0 100px 40px; display: flex;}
.nycontactneirong{ width:50%; box-sizing:border-box; padding-left:100px; }
.nycontactform{ width:50%; }

.khtitle{}
.khtitle h3{ font-size:var(--font-size-sm); font-weight:bold; color:var(--font-color-base); margin-bottom:20px;}
.khtitle p{ font-size:var(--font-size-xs); color:var(--font-color-dec); line-height:var(--line-height-text);}
.khtitle p span{ color:#f00}

.liuyan{ width:100%;}
.liuyan h3{ font-size:20px; color:var(--font-color-base); margin-top:30px;}
.liuyan table{ width:100%;}
.liuyan table td{ font-size:18px; padding:20px 0 0;}
.liuyan table td span{ color:#e20f1f;padding: 0 7px;}
.form-group p{ line-height:32px; padding-left:10px; position:relative;}
.form-group p:before{ content:""; width:2px; height:10px; left:0; top:10px; background:#0042ad; position:absolute;}
.form-control4{ float:left; width:365px; border-radius:3px; background:#f6f7fa; border:1px #e9ecf2 solid; height:40px; line-height:40px; color:#666; margin-right:20px; padding:0 15px; box-sizing:border-box;}
.form-control3{ float:left; width:235px; border-radius:3px; background:#f6f7fa; border:1px #e9ecf2 solid; height:40px; line-height:40px; color:#666; margin-right:20px; padding:0 15px; box-sizing:border-box;}
.form-control-c3{ width:750px; height:130px; background:#f6f7fa; border:1px #e9ecf2 solid; padding:5px 15px; box-sizing:border-box;}
.form-control-c4{ width:750px; height:80px; background:#f6f7fa; border:1px #e9ecf2 solid; padding:5px 15px; box-sizing:border-box;}

.formtext{ width:280px; height:40px; box-sizing:border-box; border:1px #aaa solid; line-height:40px; font-size:var(--font-size-xs); color:var(--font-color-base); padding-left:10px; float: left;font-family:Roboto Light;} 
.formtext1{ width:98%; box-sizing:border-box; height:50px; border:1px #aaa solid; line-height:50px; font-size:var(--font-size-xs); color:var(--font-color-base); padding-left:10px;font-family:Roboto Light;} 
.formtext2{ width:97.5%; height:130px; border:1px #aaa solid; line-height:30px; font-size:var(--font-size-xs); color:var(--font-color-base); padding:10px;font-family:Roboto Light;}
.bitian{ background:url(../images/bitian.png) right center no-repeat;}
.fstext{ font-size:var(--font-size-xs); color:var(--font-color-text); margin-left:20px; line-height:40px;}

.fy-alert-content{}
.fy-alert-content td{ padding:10px 0 }
.formtextxz{ width:98%; box-sizing:border-box; height:40px; border:1px #aaa solid; line-height:40px; font-size:var(--font-size-xs); color:var(--font-color-base); padding-left:10px;} 

@media(max-width:1300px) {
  .nycontacttitle{ padding:20px 0; font-size:18px; }
  .nycontacttitle h3{ font-size:18px; margin-bottom: 10px;}
  .nycontacttitle div{font-size:14px; width: 100%;}
  .nycontacttitle p{ font-size:14px; width:100% }
  .nycontactimgcon{ height:50vh; padding:60px; }
  .nycontactimgtext{width: 70%; height: 100%;padding: 40px;}
  .nycontactimgtext h3{ font-size:18px; padding-bottom:10px; margin-bottom:10px; }
  .nycontactimgtext h4{ font-size:22px; margin-bottom:10px;}
  .nycontactimgtext p{ font-size:14px;  margin-bottom:40px; }
  .nycontactimgtext a{ font-size:14px; width:160px; height:40px; line-height: 40px; border-radius:20px; }
  .nyconform{ flex-direction:column; padding:0 20px 20px; }
  .nycontactform{ width:100%; margin-bottom:40px; }
  .nycontactneirong{ width:100%; padding-left:0; }
  .nycontacttexttitle{ padding:20px 0; font-size:18px; margin-bottom:0; }
  .nycontacttexttitle h3{ font-weight: bold; font-size:18px; margin-bottom: 10px;}
  .nycontacttexttitle div{font-size:14px; width: 100%;}
  .nycontacttexttitle p{ font-size:14px; padding-top:10px; margin-bottom:0;}
  .nycontacttexttitle p a{ font-size:14px; }
  .liuyan table td{ font-size:14px; padding-top:10px; }
    .liuyan table tr:nth-child(1) td{ padding-top:0 }
  .formtext1{ height:40px; line-height:40px; font-size:14px; }
  .formtext2{ font-size:14px;}
  .formtext{ font-size:14px;}
}

/*分页样式*/
.pagination {
  clear: both;
  padding: 10px 0;
  text-align: center;
}
.pagination li {
  display: inline-block;
*display: inline;
  zoom: 1;
}
.pagination li a {
  display: block;
  padding: 10px 16px;
  background-color: #fff;
  border: 1px solid #eee;
  font-size:16px;
  transition: all 0.3s ease;
}
.pagination li + li a {
  border-left: none;
}
.pagination li.active a, .pagination li a:hover {
  background-color: var(--primary-color);
  border: 1px solid var(--primary-color);
  color: #ffffff;
  border-left: none;
}