/* CSS Document */
* { margin: 0; padding: 0; }

@media screen and (min-width: 980px) { .none980 { display: none; } }

img { transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; }

input[type="submit"] { cursor: pointer; }

input[type="checkbox"] { cursor: pointer; }

input[type="radio"] { cursor: pointer; }

img.imgyzm { cursor: pointer; }

.img-responsive { display: block; max-width: 100%; height: auto; }

.disnone { display: none; }

#baguetteBox-overlay { display: none; opacity: 0; position: fixed; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; background-color: #222; background-color: rgba(0, 0, 0, 0.8); -webkit-transition: opacity .5s ease; -o-transition: opacity .5s ease; -moz-transition: opacity .5s ease; transition: opacity .5s ease; z-index: 99999999999999999999999999999999999999; }

#baguetteBox-overlay.visible { opacity: 1; }

#baguetteBox-overlay .full-image { display: inline-block; position: relative; width: 100%; height: 100%; text-align: center; }

#baguetteBox-overlay .full-image figure { display: inline; margin: 0; height: 100%; }

#baguetteBox-overlay .full-image img { display: inline-block; width: auto; height: auto; max-height: 100%; max-width: 100%; vertical-align: middle; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); }

#baguetteBox-overlay .full-image figcaption { display: block; position: absolute; bottom: 0; width: 100%; text-align: center; line-height: 1.8; color: #ccc; background-color: #000; background-color: rgba(0, 0, 0, 0.6); font-family: Arial, Helvetica, sans-serif; }

#baguetteBox-overlay .full-image:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; }

#baguetteBox-slider { position: absolute; left: 0; top: 0; height: 100%; width: 100%; white-space: nowrap; -webkit-transition: left .4s ease,-webkit-transform .4s ease; transition: left .4s ease,-webkit-transform .4s ease; -o-transition: left .4s ease,-o-transform .4s ease; -moz-transition: left .4s ease,transform .4s ease,-moz-transform .4s ease; transition: left .4s ease,transform .4s ease; transition: left .4s ease,transform .4s ease,-webkit-transform .4s ease,-moz-transform .4s ease,-o-transform .4s ease; transition: left .4s ease,transform .4s ease,-webkit-transform .4s ease; }

#baguetteBox-slider.bounce-from-right { -webkit-animation: bounceFromRight .4s ease-out; -moz-animation: bounceFromRight .4s ease-out; animation: bounceFromRight .4s ease-out; }

#baguetteBox-slider.bounce-from-left { -webkit-animation: bounceFromLeft .4s ease-out; -moz-animation: bounceFromLeft .4s ease-out; animation: bounceFromLeft .4s ease-out; }

.baguetteBox-button#next-button, .baguetteBox-button#previous-button { top: 50%; top: -webkit-calc(50% - 30px); top: -moz-calc(50% - 30px); top: calc(50% - 30px); width: 44px; height: 60px; }

.baguetteBox-button { position: absolute; cursor: pointer; outline: 0; padding: 0; margin: 0; border: 0; border-radius: 15%; background-color: #323232; background-color: rgba(50, 50, 50, 0.5); color: #ddd; font: 1.6em sans-serif; -webkit-transition: background-color .4s ease; -o-transition: background-color .4s ease; -moz-transition: background-color .4s ease; transition: background-color .4s ease; }

.baguetteBox-button:hover { background-color: rgba(50, 50, 50, 0.9); }

.baguetteBox-button#next-button { right: 2%; display: block !important; }

.baguetteBox-button#previous-button { left: 2%; display: block !important; }

.baguetteBox-button#close-button { top: 20px; right: 2%; right: -webkit-calc(2% + 6px); right: -moz-calc(2% + 6px); right: calc(2% + 6px); width: 30px; height: 30px; }

.baguetteBox-button svg { position: absolute; left: 0; top: 0; }

.spinner { width: 40px; height: 40px; display: inline-block; position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; }

.double-bounce1, .double-bounce2 { width: 100%; height: 100%; border-radius: 50%; background-color: #fff; opacity: .6; position: absolute; top: 0; left: 0; -webkit-animation: bounce 2s infinite ease-in-out; -moz-animation: bounce 2s infinite ease-in-out; animation: bounce 2s infinite ease-in-out; }

.double-bounce2 { -webkit-animation-delay: -1s; -moz-animation-delay: -1s; animation-delay: -1s; }

@-webkit-keyframes bounceFromRight { 0% { margin-left: 0; }
  50% { margin-left: -30px; }
  100% { margin-left: 0; } }

@-moz-keyframes bounceFromRight { 0% { margin-left: 0; }
  50% { margin-left: -30px; }
  100% { margin-left: 0; } }

@keyframes bounceFromRight { 0% { margin-left: 0; }
  50% { margin-left: -30px; }
  100% { margin-left: 0; } }

@-webkit-keyframes bounceFromLeft { 0% { margin-left: 0; }
  50% { margin-left: 30px; }
  100% { margin-left: 0; } }

@-moz-keyframes bounceFromLeft { 0% { margin-left: 0; }
  50% { margin-left: 30px; }
  100% { margin-left: 0; } }

@keyframes bounceFromLeft { 0% { margin-left: 0; }
  50% { margin-left: 30px; }
  100% { margin-left: 0; } }

@-webkit-keyframes bounce { 0%, 100% { -webkit-transform: scale(0);
    transform: scale(0); }
  50% { -webkit-transform: scale(1);
    transform: scale(1); } }

@-moz-keyframes bounce { 0%, 100% { -webkit-transform: scale(0);
    -moz-transform: scale(0);
      transform: scale(0); }
  50% { -webkit-transform: scale(1);
    -moz-transform: scale(1);
      transform: scale(1); } }

@keyframes bounce { 0%, 100% { -webkit-transform: scale(0);
    -moz-transform: scale(0);
      -o-transform: scale(0);
      transform: scale(0); }
  50% { -webkit-transform: scale(1);
    -moz-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1); } }

html { font-size: 62.5%; height: 100%; background-color: #fff; }

body { margin: 0 auto; font-size: 12px; font-size: 1.2rem; max-width: 1920px; position: relative; overflow-x: hidden; background-color: #fff; font-family: Arial, Helvetica, sans-serif; }

img { border: none; }

ul { margin-bottom: 0; }

ul li { list-style-type: none; }

a, dd, dl, dt, form, img, li, p, span, table, td, tr, ul { margin: 0; padding: 0; list-style: none; color: #333; }

a { text-decoration: none; color: #333; outline: none; transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; }

h1 { margin: 0; padding: 0; font-weight: normal; color: #333; }

.clear { clear: both; }

input, textarea { font-size: 12px; font-size: 1.2rem; color: #333; border: none; outline: none; font-family: Arial, Helvetica, sans-serif; }

textarea { resize: none; }

.l, .fl { float: left; }

.r, .fr { float: right; }

.fix { *zoom: 1; }

.fix:after, .fix:before { display: block; content: "clear"; height: 0; clear: both; overflow: hidden; visibility: hidden; }

.wp { position: relative; }

.box { position: relative; }

.mln { margin-left: 0 !important; }

.mbn { margin-bottom: 0 !important; }

.mtn { margin-top: 0 !important; }

@media screen and (min-width: 1220px) { .wp { width: 1200px; margin: auto; } }

@media screen and (min-width: 1000px) and (max-width: 1219px) { .wp { width: 980px; margin: auto; } }

@media screen and (max-width: 999px) { .wp { width: 95%; margin: auto; } }

@media screen and (min-width: 1220px) { .zong { width: 1200px; margin: auto; } }

@media screen and (min-width: 1000px) and (max-width: 1219px) { .zong { width: 980px; margin: auto; } }

@media screen and (max-width: 999px) { .zong { width: 95%; margin: auto; } }

::-webkit-input-placeholder { color: #333333; font-size: 14px; font-size: 1.4rem; font-family: Arial, Helvetica, sans-serif; }


:-o-placeholder { color: #333333; font-size: 14px; font-size: 1.4rem; font-family: Arial, Helvetica, sans-serif; }

::-moz-placeholder { color: #333333; font-size: 14px; font-size: 1.4rem; font-family: Arial, Helvetica, sans-serif; }

:-ms-input-placeholder { color: #333333; font-size: 14px; font-size: 1.4rem; font-family: Arial, Helvetica, sans-serif; }


.foot input::-webkit-input-placeholder {

color:#fff;

opacity:1;

}

.foot input:-o-placeholder {

color:#fff;

opacity:1;

}

.foot input::-moz-placeholder {

color:#fff;

opacity:1;

}

.foot input:-ms-input-placeholder {

color:#fff;

opacity:1;

}

.foot textarea::-webkit-input-placeholder {

color:#fff;

opacity:1;

}

.foot textarea:-o-placeholder {

color:#fff;

opacity:1;

}

.foot textarea::-moz-placeholder {

color:#fff;

opacity:1;

}

.foot textarea:-ms-input-placeholder {

color:#fff;

opacity:1;

}

/*.container*/
.container { padding: 0; width: 5px; height: 100%; position: absolute; right: 0; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; z-index: 999999999999999; cursor: pointer; position: fixed; top: -5px; right: 0; display: block; }

.container .nav { overflow: hidden; width: 300px; background: rgba(0, 0, 0, 0.8); position: absolute; top: 0; right: 0; display: block; height: auto; overflow: scroll; }

.container .nav form { margin: 15px auto; width: 258px; height: 26px; border: 1px solid #333; }

.container .nav form .iptc { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 15px; background-color: #fff; width: 80%; height: 26px; line-height: 26px; display: block; float: left; }

.container .nav form .ipsc { width: 20%; height: 26px; line-height: 26px; display: block; float: right; background: #fff url(../images/sousuo.png) no-repeat center center; }

.container .nav > ul { display: none; margin-top: 0px; margin-bottom: 0px; overflow: scroll; padding-top: 45px; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.container .nav > ul > li { line-height: 40px; font-size: 12px; font-size: 1.2rem; text-indent: 20px; position: relative; }

.container .nav > ul > li .addition { width: 20px; height: 20px; position: absolute; right: 15px; top: 10px; background: url("../fonts/shizi.png") no-repeat center center; }

.container .nav > ul > li .addition.fa:before { margin-right: 5px; color: #fff; text-indent: 0; }

.container .nav > ul > li > a { color: #fff; font-size: 12px; font-size: 1.2rem; display: block; margin-right: 40px; }

.container .nav > ul > li > a span { color: #fff; font-size: 12px; font-size: 1.2rem; }

.container .nav > ul > li .c-show { display: none; width: 100%; }

.container .nav > ul > li .c-show1 .c-s1 { position: relative; padding-left: 15px; }

.container .nav > ul > li .c-show1 .c-s1 > a { margin-right: 40px; position: relative; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px; }

.container .nav > ul > li .c-show1 .c-s1 > a span { font-size: 12px; font-size: 1.2rem; color: #fff; }

.container .nav > ul > li .c-show1 .c-s1 > .c-show2 { position: relative; }

.container .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 { position: relative; }

.container .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 > a { margin-right: 40px; text-indent: 35px; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px; }

.container .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 > a span { font-size: 12px; font-size: 1.2rem; color: #fff; }

.container .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 { position: relative; }

.container .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 .c-s3 a { text-indent: 50px; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px; }

.container .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 .c-s3 a span { font-size: 12px; font-size: 1.2rem; color: #fff; }

.container .nav > ul > dl { padding: 20px; }

.container .nav > ul > dl dd { float: left; margin: 0 5px; }

.container .menubtn { width: 23px; height: 18px; position: absolute; top: 32px; right: 20px; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; z-index: 9999; }

.container .menubtn span { display: block; width: 100%; height: 3px; margin-bottom: 3px; background-color: #217fc4; }

@media screen and (min-width: 769px) { .container, .nav { display: none !important; } }

.gotop { cursor: pointer; opacity: 0; position: fixed; bottom: 100px; z-index: 99999; right: 20px; width: 61px; height: 61px; }

.gotop img { max-width: 100%; display: block; }

@media screen and (max-width: 1219px) { .gotop { width: 40px; height: 40px; right: 15px; } }

/*kefu*/
.kefu { position: fixed; right: 0px; top: 210px; width: 69px; height: auto; text-align: center; background-color: #eee; z-index: 999; padding-bottom: 9px; padding-top: 7px; }

.kefu_nr { border-bottom: 1px solid #aaaaaa; width: 49px; margin: 0 auto; }

@media screen and (min-width: 640px) {
  .kefu{
    background: transparent;
  }
  .kefu_nr{
    width: 62px;
    aspect-ratio: 1/1;
    background-color: #217fc4;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 6px;
    border: 1px solid #217fc4 !important;
    transition: .3s;
    padding: 0px !important;
  }
  
  .kefu_nr img{
    filter: brightness(0) invert(1);
    margin: auto;
    transition: .2s;
  }
  
  .kefu_nr:hover{
    background: #fff;
  }
  
  .kefu_nr:hover img{
    filter: none;
  }
}

.kefu_font { line-height: 26px; font-size: 12px; color: #333; }

.kefu_font:hover { color: #000000; }

.kefu_nr.kefu_nr1 { padding-top: 9px; padding-bottom: 10px; }

.kefu_nr.kefu_nr2 { padding-top: 11px; padding-bottom: 0px; }

.kefu_nr.kefu_nr3 { padding-top: 14px; padding-bottom: 3px; }

.kefu_nr.kefu_nr4 { padding-top: 8px; padding-bottom: 6px; }

.kefu_nr.kefu_nr5 { padding-top: 3px; padding-bottom: 2px; border-bottom: 0; }

.kefu_nr.kefu_nr1 .kefu_font { margin-top: 2px; }

.kefu_nr.kefu_nr2 .kefu_font { margin-top: 2px; }

.kefu_nr.kefu_nr3 .kefu_font { margin-top: 2px; }

.kefu_nr.kefu_nr4 .kefu_font { margin-top: 2px; color: #333 !important; }

.kefu_nr.kefu_nr5 .kefu_font { margin-top: 2px; }

.kefu_nr.kefu_nr4 > a { display: block; position: relative; }

.kefu_nr.kefu_nr4 > a .erweima { display: block; display: none; position: absolute; right: 100%; top: 0; width: 150px; height: 150px; }

@media screen and (max-width: 639px) { body { padding-bottom: 50px; }
  .kefu .kefu_nr { padding: 0 !important; }
  .kefu_nr.kefu_nr2 .kefu_font { margin: 0 !important; }
  .kefu { position: fixed; bottom: 0 !important; top: auto; height: 50px; width: 100% !important; padding-bottom: 10px !important; padding-top: 5px !important; }
  .kefu .kefu_nr { width: 18% !important; float: left !important; margin: 0 1% !important; border: none !important; }
  .kefu_font { line-height: 12px; }
  .kefu_nr.kefu_nr4 > a .erweima { bottom: 100%; left: 0; top: auto; right: auto; } }

header{position: relative;z-index: 99999;}

header .rsousuo form { margin: 22px auto 0; width: 245px; height: 30px; border: 1px solid #333; }

header .rsousuo form .ipt { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 15px; background-color: #fff; width: 80%; height: 28px; line-height: 28px; display: block; float: left; }

header .rsousuo form .ips { width: 12%; height: 28px; line-height: 28px; display: block; float: right; background: #fff url(../images/sousuo.png) no-repeat center center; }

header .rsousuo .i-key { margin-top: 8px; }

header .rsousuo .i-key a { font-size: 12px; font-size: 1.2rem; color: #666; }

header .rsousuo .i-key a:hover { color: #217fc4; }

header { padding-top: 9px; padding-bottom: 14px; }

header nav { padding-top: 26px; margin-left: 110px; }

header nav ul li { float: left; margin-left: 64px; position: relative;}

header nav ul li a { padding-bottom: 24px; font-size: 14px; font-size: 1.4rem; color: #333; line-height: 30px; text-transform: uppercase; display: block; font-family: Arial, Helvetica, sans-serif; background: url(../images/navbg.jpg) no-repeat -50px bottom; }

header nav ul li:first-child { margin-left: 0 !important; }

header nav ul li:hover a, header nav ul li.on a { background: url(../images/navbg.jpg) no-repeat center bottom; color: #217fc4; }

/*erji*/
header nav ul li .yiji { width: 300px; position: absolute; top: 100%; left: 50%; margin-left: -86px; display: none; padding-top: 25px; }

header nav ul li .yiji .yijiin { position: relative; background: url(../images/xian2.png) repeat center center; }

header nav ul li .yiji .yijiin > a { padding: 10px 12px 10px 27px; background: url(../images/jiantou.png) no-repeat 12px center; display: block; line-height: 20px; color: #333; font-size: 14px; font-size: 1.4rem; border-radius: 0px; }

header nav ul li .yiji .yijiin:hover > a { color: #fff; background: #0e6bcd url(../images/jiantouon.png) no-repeat 12px center; }

header nav ul > li:hover .yiji { display: block; }

header nav ul li .erji { width: 287px; position: absolute; top: 0%; left: 100%; display: none; padding-left: 2px; }

header nav ul li .erji .erjiin { background: url(../images/xian2.png) repeat center center; }

header nav ul li .erji a { padding: 10px 12px 10px 27px; background: url(../images/jiantou.png) no-repeat 12px center; display: block; line-height: 20px; color: #333; font-size: 14px; font-size: 1.4rem; border-radius: 0px;}

header nav ul li .erjiin:hover > a { color: #fff; background: #0e6bcd url(../images/jiantouon.png) no-repeat 12px center; }

header nav ul li .yiji .yijiin:hover .erji { display: block; }


/* nav2 */
.nav2 { display: none; width: 100%; padding-top: 0px; }

.nav2 ul li { width: 25%; float: left; text-align: center; padding-top: 8px; padding-bottom: 8px; }

.nav2 ul li:hover, .nav2 ul li.hover { background-color: #217fc4; }

.nav2 ul li:hover a, .nav2 ul li.hover a { color: #fff; }

.nav2 ul li a { display: block; font-size: 12px; font-size: 1.2rem; color: #217fc4; }

@media screen and (max-width: 1219px) { header nav { margin-left: 50px; }
  header nav ul li { margin-left: 25px; } }

@media screen and (max-width: 999px) { header nav { margin-left: 40px; } }

@media screen and (max-width: 979px) { header nav { margin-left: 0; }
  header .lnav { float: none; }
  header nav ul { text-align: center; }
  header nav ul li, header nav ul li:first-child { display: inline-block; margin: 0 42px !important; float: none; } }

@media screen and (max-width: 768px) { header .lnav { display: none; }
  .logo { width: 180px; }
  header .rsousuo form { margin-top: 12px; }
  .rsousuo { margin-right: 40px; }
  .search { display: none; }
  .head .head-top .nav1 { display: none; }
  .head { position: static; -webkit-box-shadow: none; box-shadow: none; }
  .nav2 { display: block; }
  .logo { margin-top: 0; } }

@media screen and (max-width: 639px) { header .rsousuo { display: none; } }

/*lun bo*/
.slide { position: relative; }

.slide .carouse { width: 100%; overflow: hidden; position: relative; }

.slide .carouse .slideItem { width: 100%; position: absolute; cursor: pointer; }

.slide .carouse .slideItem .banner-img { width: 100%; }

.slide .console { height: 57px; display: inline-block; width: 35px; position: absolute; top: 40%; }

.slide .dotList { position: absolute; width: 100%; bottom: 37px; text-align: center; }

.slide .dotList ul li { display: inline-block; width: 17px; height: 17px; background-image: url("../images/slide.png"); background-repeat: no-repeat; background-position: center center; margin: 0 5px; cursor: pointer; }

.slide .dotList ul li.active { background-image: url("../images/slideon.png"); }

.slide .slidedetail { display: none; }

.slide .carousel-control.left, .slide .carousel-control.right { background: none; }

.slide.slide2 .dotList { bottom: 10px; }

@media screen and (max-width: 1219px) { .xiangxai { bottom: 13%; width: 40px; height: 40px; margin-left: -20px; } }

@media screen and (max-width: 999px) { .xiangxai { bottom: 15%; width: 30px; height: 30px; margin-left: -15px; } }

@media screen and (max-width: 768px) { .slide .carousel-control { width: 40px; height: 40px; background-size: 100%; }
  .slide .dotList { bottom: 5px; }
  .slide .carousel-control.left { left: 20px; }
  .slide .carousel-control.right { right: 20px; }
  .slide .carousel-control { top: 60%; }
  .slide .dotList ul li { width: 8px; height: 8px; margin: 0 3px; background-size: 100%; } }

.main1 { background: url(../images/main1bg.jpg) no-repeat top center; padding-top: 50px; padding-bottom: 34px; }

.main1 .item1 .limg { margin-left: 9%; width: 39.6%; }

.main1 .item1 .rtxt { width: 44.8%; }

.main1 .item1 .rtxt .rbox { width: 500px; }

.main1 .item1 .rtxt .rbox .title { margin-top: 7px; margin-bottom: 18px; font-size: 30px; font-size: 3rem; font-weight: bold; line-height: 40px; color: #333; text-transform: uppercase; }

.main1 .item1 .rtxt .rbox .title a { display: block; color: #333; }

.main1 .item1 .rtxt .rbox .title a:hover { color: #217fc4; }

.main1 .item1 .rtxt .rbox .content p { padding-left: 30px; font-size: 16px; font-size: 1.6rem; color: #333; line-height: 46px; background: url(../images/jiahao.png) no-repeat left 16px; }

.main1 .item1 .rtxt .rbox .content p a { color: #333; }

.main1 .item1 .rtxt .rbox .content p a:hover { color: #217fc4; }

.main1 .item1 .rtxt .rbox ul { margin-top: 13px; }

.main1 .item1 .rtxt .rbox ul li { float: left; width: 150px; margin-left: 25px; }

.main1 .item1 .rtxt .rbox ul li a { display: block; overflow: hidden; }

.main1 .item1 .rtxt .rbox ul li a img { -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }

.main1 .item1 .rtxt .rbox ul li a img:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

.main1 .item2 { margin-top: 78px; }

.main1 .item2 .limg { margin-right: 9%; width: 38.3%; }

.main1 .item2 .rtxt { width: 44.8%; }

.main1 .item2 .rtxt .rbox { width: 500px; }

.main1 .item2 .rtxt .rbox .title { margin-top: 7px; margin-bottom: 21px; font-size: 30px; font-size: 3rem; font-weight: bold; line-height: 40px; color: #333; text-transform: uppercase; }

.main1 .item2 .rtxt .rbox .title a { display: block; color: #333; }

.main1 .item2 .rtxt .rbox .title a:hover { color: #217fc4; }

.main1 .item2 .rtxt .rbox .content p { padding-left: 30px; font-size: 16px; font-size: 1.6rem; color: #333; line-height: 46px; background: url(../images/jiahao1.png) no-repeat left 16px; }

.main1 .item2 .rtxt .rbox .content p a { color: #333; }

.main1 .item2 .rtxt .rbox .content p a:hover { color: #217fc4; }

.main1 .item2 .rtxt .rbox ul { margin-top: 13px; }

.main1 .item2 .rtxt .rbox ul li { float: left; width: 150px; margin-left: 25px; }

.main1 .item2 .rtxt .rbox ul li a { display: block; overflow: hidden; }

.main1 .item2 .rtxt .rbox ul li a img { -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }

.main1 .item2 .rtxt .rbox ul li a img:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

.main1 .item3 { margin-top: 140px; }

.main1 .item3 .limg { margin-left: 9%; width: 42%; }

.main1 .item3 .rtxt { margin-top: 30px; width: 45.3%; }

.main1 .item3 .rtxt .rbox { width: 500px; }

.main1 .item3 .rtxt .rbox .title { margin-top: 7px; margin-bottom: 18px; font-size: 30px; font-size: 3rem; font-weight: bold; line-height: 40px; color: #fff; text-transform: uppercase; }

.main1 .item3 .rtxt .rbox .title a { display: block; color: #fff; }

.main1 .item3 .rtxt .rbox .title a:hover { color: #217fc4; }

.main1 .item3 .rtxt .rbox .content p { padding-left: 30px; font-size: 16px; font-size: 1.6rem; color: #333; line-height: 46px; background: url(../images/jiahao.png) no-repeat left 16px; }

.main1 .item3 .rtxt .rbox .content p a { color: #fff; }

.main1 .item3 .rtxt .rbox .content p a:hover { color: #217fc4; }

.main1 .item3 .rtxt .rbox ul { margin-top: 13px; }

.main1 .item3 .rtxt .rbox ul li { float: left; width: 150px; margin-left: 25px; }

.main1 .item3 .rtxt .rbox ul li a { display: block; overflow: hidden; }

.main1 .item3 .rtxt .rbox ul li a img { -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }

.main1 .item3 .rtxt .rbox ul li a img:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
@media screen and (max-width: 1790px) { 
  .main1 .item3 .rtxt .rbox .title a, .main1 .item3 .rtxt .rbox .content p a { color: #333; }
}
@media screen and (max-width: 1219px) { .main1 .item .limg { margin-top: 6%; }
  .main1 .item .rtxt .rbox { width: 90%; }
  .main1 .item .rtxt .rbox ul li { width: 31%; margin: 1% !important; }
  .main1 .item1 { padding-top: 50px; }
  .main1 .item1 .rtxt { width: 50%; }
  .main1 .item1 .limg { width: 50%; margin-left: 0; padding-left: 5%; padding-right: 5%; }
  .main1 .item2 { padding-top: 0px; }
  .main1 .item2 .rtxt { width: 50%; }
  .main1 .item2 .limg { width: 50%; margin-right: 0; padding-left: 5%; padding-right: 5%; }
  .main1 .item3 { padding-top: 0px; }
  .main1 .item3 .rtxt { width: 50%; }
  /*.main1 .item3 .rtxt .rbox .title a, .main1 .item3 .rtxt .rbox .content p a { color: #333; }*/
  .main1 .item3 .limg { width: 50%; margin-left: 0; padding-left: 5%; padding-right: 5%; } }

@media screen and (max-width: 980px) { .main1 .item1 .rtxt .rbox .title { font-size: 24px; font-size: 2.4rem; } }

@media screen and (max-width: 768px) { .main1 { padding-top: 30px; background: none; }
  .main1 .item { padding-top: 0; }
  .main1 .item .rtxt { float: none; width: 100%; }
  .main1 .item .rtxt .rbox { width: 95%; float: none; margin: 0 auto; }
  .main1 .item .limg { float: none; width: 100%; margin-top: 0; }
  .main1 .item .limg img { max-width: 500px; width: 100%; margin: 0 auto; }
  .main1 .item .rtxt .rbox .title { margin-bottom: 0; font-size: 20px; font-size: 2rem; }
  .main1 .item .rtxt .rbox .content p { font-size: 14px; font-size: 1.4rem; line-height: 30px; }
  .main1 .item1 .rtxt .rbox .content p, .main1 .item3 .rtxt .rbox .content p { background: url(../images/jiahao.png) no-repeat left 8px; }
  .main1 .item2 .rtxt .rbox .content p { background: url(../images/jiahao1.png) no-repeat left 8px; }
  .main1 .item3, .main1 .item2 { margin-top: 30px; }
  .main1 .item .rtxt .rbox .title { line-height: 30px; } }

.main2 { padding-bottom: 95px; padding-top: 124px; background: url(../images/m2bg.jpg) no-repeat top center; }

.main2 .limg { background: url(../images/m2imgbg.png) no-repeat 26px top; padding-top: 26px; padding-right: 26px; width: 530px; }

.main2 .rtxt { width: 590px; }

.main2 .rtxt .item1 { padding-left: 55px; background: url(../images/m2item1.png) no-repeat left center; }

.main2 .rtxt .item1 a { font-size: 30px; font-size: 3rem; color: #333; text-transform: uppercase; font-weight: bold; }

.main2 .rtxt .item1 a span { -webkit-transition: 0.3s; -o-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; color: #217fc4; }

.main2 .rtxt .item1 a:hover { color: #217fc4; }

.main2 .rtxt .item1 a:hover span { color: #333; }

.main2 .rtxt .item2 { margin-top: 15px; }

.main2 .rtxt .item2 a { display: block; line-height: 30px; color: #333; font-size: 14px; font-size: 1.4rem; }

.main2 .rtxt .item2 a:hover { color: #217fc4; }

.main2 .rtxt .item3 { margin-top: 26px; }

.main2 .rtxt .item3 a { display: block; line-height: 30px; color: #217fc4; font-size: 14px; font-size: 1.4rem; text-transform: uppercase; }

.main2 .rtxt .item3 a:hover { color: #333; }

@media screen and (max-width: 1219px) { .main2 .limg { width: 44%; background-size: -webkit-calc(100% - 26px) 90%; background-size: -moz-calc(100% - 26px) 90%; background-size: calc(100% - 26px) 90%; }
  .main2 .rtxt { width: 50%; }
  .main2 .rtxt .item2 a { max-height: 180px; overflow: hidden; } }

@media screen and (max-width: 999px) { .main2 .rtxt .item1 a { font-size: 24px; font-size: 2.4rem; } }

@media screen and (max-width: 768px) { .main2 { padding-top: 30px; padding-bottom: 30px; }
  .main2 .limg { width: 100%; float: none; background: none; padding-top: 0; padding-right: 0; }
  .main2 .limg img { margin: 0 auto 20px; }
  .main2 .rtxt { width: 100%; float: none; } }

@media screen and (max-width: 500px) { .main2 .rtxt .item1 { background-size: auto 15px; padding-left: 30px; }
  .main2 .rtxt .item1 a { font-size: 20px; font-size: 2rem; }
  .main2 .rtxt .item2 a { font-size: 12px; font-size: 1.2rem; }
  .main2 .rtxt .item3 { margin-top: 5px; } }

.main3 .img-scroll3 { position: relative; z-index: 9; }

.main3 .img-list3 { position: relative; overflow: hidden; z-index: 99; }

.main3 .img-list3 ul { width: 1000%; }

.main3 li { float: left; width: 2.5%; position: relative; overflow: hidden; }

.main3 .a1 { width: 100%; height: 100%; display: block; background: #000; background: rgba(0, 0, 0, 0.6); }

.main3 a { display: block; }

.main3 .libot { -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; position: absolute; width: 100%; height: 100%; top: -100%; left: 0; }

.main3 .libot .a-top { text-align: center; font-size: 30px; font-size: 3rem; color: #fff; padding-top: 17%; padding-bottom: 3px; background: url(../images/m3line.jpg) no-repeat bottom center; }

.main3 .libot .a-bot { font-size: 14px; font-size: 1.4rem; color: #fff; width: 376px; margin: 24px auto 0; line-height: 30px; text-align: center; }

.main3 li:hover .libot { top: 0; }

@media screen and (max-width: 1520px) { .main3 .libot .a-top { padding-top: 10%; }
  .main3 .libot .a-bot { width: 90%; } }

@media screen and (max-width: 1420px) { .main3 li { width: 3.333%; }
  .main3 .libot .a-top { font-size: 26px; font-size: 2.6rem; }
  .main3 .libot .a-bot { max-height: 90px; overflow: hidden; } }

@media screen and (max-width: 979px) { .main3 .libot .a-top { padding-top: 5%; font-size: 22px; font-size: 2.2rem; }
  .main3 .libot .a-bot { margin-top: 10px; }
  .main3 .libot { position: static; }
  .main3 .libot .a1 { padding-bottom: 20px; }
  .main3 .libot .a-bot { display: block; overflow: hidden; } }

@media screen and (max-width: 929px) { .main3 li { width: 5%; } }

@media screen and (max-width: 430px) { .main3 li { width: 10%; } }




.main4 { padding-top: 75px; padding-bottom: 138px; 
/*  background: url(../images/m4img.jpg) no-repeat top center;*/
   }

.main4 .title { padding-bottom: 14px; background: url(../images/m5line.jpg) no-repeat bottom center; text-align: center; font-size: 30px; font-size: 3rem; color: #333; font-weight: bold; text-transform: uppercase; margin-bottom: 75px; }

.main4 ul li { position: relative; padding-left: 30px; }

.main4 ul li .libox { width: 533px; }

.main4 ul li .libox .picl { width: 229px; }

.main4 ul li .libox .picr { width: 304px; }

.main4 ul li .libox .picr a { display: block; overflow: hidden; }

.main4 ul li .libox .picr a img { -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }

.main4 ul li .libox .picr:hover a img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

.main4 .kuai1 { position: absolute; width: 317px; height: 206px; background-color: #eeeeee; left: 0; top: 27px; padding: 10px; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }

.main4 .kuai1 .item1 { -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; padding-top: 17px; font-size: 12px; font-size: 1.2rem; color: #666666; margin-bottom: 12px; }

.main4 .kuai1 .item2 { margin-bottom: 12px; }

.main4 .kuai1 .item2 a { display: block; font-size: 14px; font-size: 1.4rem; color: #333; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; }

.main4 .kuai1 .item3 { margin-bottom: 13px; }

.main4 .kuai1 .item3 a { font-size: 14px; font-size: 1.4rem; color: #666; line-height: 30px; height: 60px; overflow: hidden;     display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}

.main4 .kuai1 .item4 a { font-size: 14px; font-size: 1.4rem; color: #217fc4; }

.main4 .kuai1:hover { background-color: #217fc4; }

.main4 .kuai1:hover .item1 { color: #fff; }

.main4 .kuai1:hover .item2 a { color: #fff; }

.main4 .kuai1:hover .item3 a { color: #fff; }

.main4 .kuai1:hover .item4 a { color: #fff; }

@media screen and (max-width: 1219px) { .main4 ul li { width: 48%; }
  .main4 ul li .libox { width: 100%; }
  .main4 ul li .libox .picl { width: 43%; }
  .main4 ul li .libox .picr { width: 57%; }
  .main4 .kuai1 { top: 10px; height: 183px; }
  .main4 .kuai1 .item1, .main4 .kuai1 .item2, .main4 .kuai1 .item3, .main4 .kuai1 .item4 { padding: 0; margin: 0; } }

@media screen and (max-width: 979px) { .main4 .kuai1 { position: static; }
  .main4 ul li .libox .picl { display: none; }
  .main4 ul li .libox .picr { float: none; }
  .main4 { padding-top: 30px; padding-bottom: 30px; }
  .main4 .kuai1 { height: auto; background: none !important; padding: 10px 0 !important; }
  .main4 .kuai1 .item3 a { line-height: 22px; display: block; height: 44px; }
  .main4 .kuai1:hover .item1 { color: #666; }
  .main4 .kuai1:hover .item2 a { color: #333; }
  .main4 .kuai1:hover .item3 a { color: #666; }
  .main4 .kuai1:hover .item4 a { color: #217fc4; }
  .main4 .title { margin-bottom: 30px; }
  .main4 ul li .libox .picr { width: 100%; }
  .main4 .kuai1 { width: 100%; }
  .main4 ul li { padding-left: 0; } }

@media screen and (max-width: 768px) { .main4 .title { font-size: 24px; font-size: 2.4rem; } }

@media screen and (max-width: 420px) { .main4 ul li { width: 100%; margin-bottom: 20px; }
  .main4 { padding-bottom: 0; background: none; } }

.foot { padding-top: 43px; padding-bottom: 44px; background: #333333; }

.foot form { padding-top: 11px; }

.foot .c_div1 { margin-bottom: 19px; }

.foot .c_div3 { margin-bottom: 19px; }

.foot .c_bt1 { color: #ff0000; font-size: 20px; font-size: 2rem; width: 14px; padding-left: 0px; float: left; height: 30px; line-height: 36px; margin-top: 8px; position: relative; left: 0px; font-family: Arial, Helvetica, sans-serif; }

.foot .c_div3 .c_bt1 { margin-top: 2px; }

.foot .c_input, .foot .c_input2, .foot .c_textarea, .foot .c_captcha { text-indent: 12px; float: left; border: solid 1px #fff; color: #fff; font-size: 14px; font-size: 1.4rem; background: transparent; }

.foot .c_input, .foot .c_input2, .foot .c_captcha { height: 40px; line-height: 40px; }

.foot .c_input { width: 220px; }

.foot .c_input2 { width: 382px; }

.foot .c_textarea { width: 484px; float: left; line-height: 26px; height: 87px; padding-top: 6px; }

.foot .c_captcha { width: 160px; }

.foot .c_yzm { float: left; cursor: pointer; margin-left: 22px; width: 140px; height: 40px; }

.foot .c_send { float: right; cursor: pointer; /*margin-left:34px;*/ width: 140px; height: 40px; line-height: 39px; text-align: center; color: #217fc4; background: #fff; font-size: 20px; font-size: 2rem; }

.foot .ft { float: left; }

.foot .ft .title { margin-bottom: 28px; text-transform: uppercase; font-size: 30px; font-size: 3rem; line-height: 30px; color: #fff; }

.foot .ft .title a { color: #fff; }

.foot .ft .title a:hover { text-decoration: underline; }

.foot .ft ul li { font-size: 14px; font-size: 1.4rem; color: #fff; line-height: 30px; }

.foot .ft ul li a { color: #fff; }

.foot .ft ul li a:hover { text-decoration: underline; }

.foot .ft p { margin-top: -3px; color: #fff; font-size: 14px; font-size: 1.4rem; line-height: 36px; }

.foot .ft p a { color: #fff; line-height: 36px; }

.foot .ft .cnzz { margin-left: 5px; margin-right: 1px; }

.foot .ft .reanod { margin-left: 9px; position: relative; top: -3px; }

.foot .ft1 li { padding-left: 15px; background: url(../images/jiantou1.png) no-repeat left center; }

.foot .ft3 { width: 320px; float: right; }

.foot .ft2 { margin-left: 110px; width: 498px; }

.foot .ft2 .title { margin-left: 14px; }

.foot .ft2 ul li { padding-left: 26px; text-transform: lowercase; }

.foot .ft2 ul li a { text-transform: lowercase; }

.foot .ft2 ul li a:hover { text-decoration: underline; }

.foot .ft1 { width: 200px; }

.foot dl { margin-top: 20px; }

.foot dl dd { float: left; margin-left: 14px; }

.foot dl dd img { position: relative; top: 0; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }

.foot dl dd:first-child { margin-left: 0; }

.foot dl dd:hover img { top: -10px; }

@media screen and (max-width: 1219px) { .foot .ft2 { margin-left: 0; }
  .foot .ft3 { width: 330px; }
  .foot .ft2 { width: 390px; }
  .foot .c_input { width: 170px; }
  .foot .c_textarea { width: 376px; }
  .foot .c_captcha { width: 100px; }
  .foot .c_send { width: 90px; } }

@media screen and (max-width: 999px) { .foot .ft1 { width: 190px; } }

@media screen and (max-width: 979px) { .foot .ft1 { width: 40%; }
  .foot .ft3 { width: 60%; }
  .foot { margin-top: 0; }
  .foot .ft2 { float: left; margin-top: 20px; }
  .foot .ft2 .title { margin-left: 0; } }

@media screen and (max-width: 768px) { .foot { display: none; } }

.links { font-size: 14px; font-size: 1.4rem; color: #fff; text-align: center; line-height: 24px; background-color: #217fc4; padding-top: 12px; padding-bottom: 7px; }

.links p { color: #fff; }

.links p a { color: #fff; }

.links p a:hover { color: #333; }

.links .wp3 { margin-bottom: 3px; }

.links .wp2 a { font-size: 14px; font-size: 1.4rem; color: #fff; margin-left: 15px; text-align: center; line-height: 24px; }

.links .wp2 a:hover { color: #333; }

.reanod { position: relative; top: -2px; margin-left: 8px; margin-right: 13px; }

@media screen and (max-width: 768px) { .links .wp2 { display: none; } }

.bread { padding-top: 22px; padding-bottom: 0px; font-size: 14px; font-size: 1.4rem; color: #666; line-height: 28px; }

.bread a { font-size: 14px; font-size: 1.4rem; color: #666; line-height: 28px; }

.bread a:hover, .bread a.a2 { color: #217fc4; }

.bread a.a1 { padding-left: 25px; background: url(../images/fangzi.png) no-repeat left center; }

.bread .wp { border-bottom: 1px solid #cccccc; }

#lun3 { display: none; }

.slide.subslide .dotList { bottom: 27px; }

@media screen and (max-width: 768px) { #lun3 { display: block; }
  #lun2 { display: none; } }

/* ===============================================================product====================================================== */
/*goods*/
.product { padding-top: 33px; }

.product .xiangqing .goods { width: 834px; }

.product .xiangqing .goods .box1 { width: 100%; }

.product .xiangqing .goods .box1 ul { width: 100%; }

.product .xiangqing .goods .box1 ul li { float: left; margin-left: 12px; width: 270px; margin-bottom: 30px; }

.product .xiangqing .goods .box1 ul li .libox { border: 1px solid #dadada; }

.product .xiangqing .goods .box1 ul li .img { width: 100%; }

.product .xiangqing .goods .box1 ul li .img > a { display: block; width: 100%; position: relative; overflow: hidden; }

.product .xiangqing .goods .box1 ul li .img > a img { display: block; width: 100%; height: 100%; }

.product .xiangqing .goods .box1 ul li .img > a .przz { position: absolute; top: 100%; left: 0; width: 100%; height: 100%; background: url(../images/przz.png) repeat center center; transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; }

.product .xiangqing .goods .box1 ul li .img > a .przz span { display: block; width: 113px; height: 36px; line-height: 36px; font-size: 14px; font-size: 1.4rem; color: #333; background-color: #fff; text-align: center; margin: 89px auto 0; transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; }

.product .xiangqing .goods .box1 ul li .img > a .przz span:hover { color: #217fc4; }

.product .xiangqing .goods .box1 ul li .img > a:hover .przz { top: 0; }

.product .xiangqing .goods .box1 ul li .wenzi1 { text-align: center; padding-top: 6px; padding-bottom: 17px; border-top: 1px solid #dadada; }

.product .xiangqing .goods .box1 ul li .wenzi1 a { font-size: 16px; font-size: 1.6rem; color: #333; display: block; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; }

.product .xiangqing .goods .box1 ul li .wenzi1 a:hover { color: #217fc4; }

.product .xiangqing .goods .box1 ul li .wenzi { width: 116px; height: 28px; margin: 0 auto 10px; }

.product .xiangqing .goods .box1 ul li .wenzi a { display: block; float: right; width: 95px; height: 26px; border-radius: 13px; line-height: 24px; color: #217fc4; border: 1px solid #217fc4; font-size: 14px; font-size: 1.4rem; text-align: center; }

.product .xiangqing .goods .box1 ul li .wenzi a:hover { color: #fff; background-color: #217fc4; }

.product .xiangqing .goods .box1 ul li .wenzi input { cursor: pointer; display: block; float: left; margin-top: 7px; }

/*page*/
.page { position: relative; margin: 73px auto 100px; }

.page { text-align: center; }

.page a { display: inline-block; background-color: #fff; color: #333; margin-left: 8px; width: 33px; height: 28px; line-height: 28px; border: 1px solid #e5e5e5; text-align: center; font-size: 12px; font-size: 1.2rem; border-radius: 0px; }

.page a.on, .page a:hover { color: #fff; border: 1px solid #217fc4; background-color: #217fc4; }

.page a.first { width: 59px; margin-left: 0; }

.page a.last { width: 59px; }
.page a.big { width: 59px; }


.page span { display: inline-block; width: 50px; text-align: center; font-size: 16px; font-size: 1.6rem; color: #333; position: relative; top: 3px; }

.page img { display: inline-block; position: relative; top: 0px; margin-left: 13px; }

.ins { width: 137px; margin-left: 40px; display: inline-block; height: 30px; line-height: 28px; text-align: center; border: none; outline: none; background-color: #217fc4; color: #fff; font-size: 12px; font-size: 1.2rem; cursor: pointer; font-family: Arial, Helvetica, sans-serif; }

/*list*/
.product .xiangqing .list { width: 320px; margin-bottom: 30px; }

.product .xiangqing .list .title1 { width: 100%; margin-bottom: 10px; }

.product .xiangqing .list .title1 a { display: block; width: 100%; text-align: center; font-size: 24px; font-size: 2.4rem; height: 51px; line-height: 51px; border-bottom: 1px solid #217fc4; color: #217fc4; font-weight: bold; background-color: #eeeeee; }

.product .xiangqing .list .subNavBox { width: 100%; }

.product .xiangqing .list .subNav { cursor: pointer; background: #fff; margin-top: 4px; }

.product .xiangqing .list .subNav.div1 { margin-top: 0px; padding-top: 4px; }

.product .xiangqing .list .subNav a { display: block; line-height: 25px; padding-top: 8px; padding-bottom: 8px; padding-left: 13px; padding-right: 25px; background: #e4e5e6 url(../images/parrow.png) no-repeat 95.5% 14px; font-size: 16px; font-size: 1.6rem; color: #333333; -webkit-transition: 0s; -o-transition: 0s; -moz-transition: 0s; transition: 0s; }

.product .xiangqing .list .subNav:hover a { background: #217fc4 url(../images/parrowon.png) no-repeat 95.5% 14px; color: #fff; }

.product .xiangqing .list .currentDd a { background: #217fc4 url(../images/parrowon.png) no-repeat 95.5% 14px; color: #fff; }

.product .xiangqing .list .navContent { margin-bottom: 13px; background-color: #fafafa; padding-top: 9px; padding-bottom: 11px; display: none; position: relative; top: 0px; }

.product .xiangqing .list .navContent > li { position: relative; }

.product .xiangqing .list .navContent > li > a { display: block; font-size: 14px; font-size: 1.4rem; line-height: 30px; color: #333; padding-left: 38px; background: url(../images/xian.png) no-repeat 16px center; }

.product .xiangqing .list .navContent > li > a:hover { color: #217fc4; }

.product .xiangqing .list .navContent dl { padding-top: 10px; padding-bottom: 15px; position: relative; }

.product .xiangqing .list .navContent dl a { display: block; font-size: 16px; font-size: 1.6rem; line-height: 30px; color: #333; padding-left: 45px; }

.product .xiangqing .list .navContent dl a:hover { color: #217fc4; }

.product .xiangqing .list .title2 { width: 100%; margin-top: 34px; margin-bottom: 48px; }

.product .xiangqing .list .title2 a { display: block; text-align: left; font-size: 24px; font-size: 2.4rem; height: 51px; line-height: 51px; font-weight: bold; border-bottom: 1px solid #217fc4; color: #217fc4; text-transform: uppercase; text-align: center; background-color: #eeeeee; padding: 0 15px; }

.product .xiangqing .list .picMarquee-top { margin: 0 auto; width: 219px; overflow: hidden; position: relative; }

.product .xiangqing .list .picMarquee-top .prev, .product .xiangqing .list .picMarquee-top .next { display: block; width: 100%; height: 30px; overflow: hidden; cursor: pointer; }

.product .xiangqing .list .picMarquee-top .prev { background: url(../images/pt-bot.png) no-repeat top center; }

.product .xiangqing .list .picMarquee-top .next { background: url(../images/pt-top.png) no-repeat top center; }

.product .xiangqing .list .picMarquee-top .bd { padding: 0 0px; }

.product .xiangqing .list .picMarquee-top .bd ul { overflow: hidden; zoom: 1; }

.product .xiangqing .list .picMarquee-top .bd ul li { text-align: center; zoom: 1; margin-bottom: 20px; }

.product .xiangqing .list .picMarquee-top .bd ul li .pic { text-align: center; }

.product .xiangqing .list .picMarquee-top .bd ul li .pic img { width: 217px; height: 176px; display: block; border: 1px solid #bfbfb6; }

.product .xiangqing .list .picMarquee-top .bd ul li .title { margin-top: 24px; }

.product .xiangqing .list .picMarquee-top .bd ul li .title a { display: block; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; font-size: 16px; font-size: 1.6rem; color: #333; }

.product .xiangqing .list .picMarquee-top .bd ul li .title a:hover { color: #217fc4; }

.linebar { display: none; width: 100%; padding: 10px 15px; font-size: 20px; font-size: 2rem; color: #fff; cursor: pointer; text-transform: uppercase; background-repeat: no-repeat; background-position: 98% center; background-color: #217fc4; background-image: url(../images/santiao.png); }

@media screen and (max-width: 979px) { .product .xiangqing .list .title1 { display: none; }
  .linebar { display: block; }
  .product .xiangqing .list .subNavBox { display: none; } }

/* ===============================================================product1====================================================== */
/*goods1*/
.product .xiangqing .goods1 { width: 834px; }

#showArea { margin-top: 14px; margin-bottom: 6px; }

#showArea img { cursor: pointer; display: block; width: 107px; height: 85px; margin-bottom: 18px; border: 1px solid #bfbfb6; }

#showArea a { display: block; }

#main_img { cursor: pointer; display: block; }

#gotop { cursor: pointer; display: block; margin: auto; }

#gobottom { cursor: pointer; display: block; margin: auto; }

#showArea { height: 303px; overflow: hidden; }

.MagicZoomBigImageCont { background: #FFF; }

.MagicZoomBigImageCont img { width: 832px !important; height: 708px !important; display: block; }

.MagicZoomPup { border: 0px solid #aaa; background: #ffffff; }

.left-pro { width: 612px; text-align: left; margin: 0px auto 23px; }

.left-pro .t1 { width: 109px; float: right; }

.left-pro .t2 { width: 490px; text-indent: 0; float: left; border: 1px solid #bfbfb6; }

.left-pro .t2 a { display: block; margin-bottom: 0px; }

.left-pro .t2 img { text-indent: 0; display: block; }

.goods1 .content .title { padding-top: 2px; }

.goods1 .content .title h1 { font-size: 16px; font-size: 1.6rem; color: #333; text-align: center; font-weight: bold; }

.goods1 .content .btn1 { width: 381px; margin: 0 auto; margin-top: 26px; margin-bottom: 34px; }

.goods1 .content .btn1 a { display: block; font-size: 16px; font-size: 1.6rem; color: #217fc4; width: 168px; height: 44px; line-height: 44px; text-align: center; border: 1px solid #217fc4; }

.goods1 .content .btn1 a:hover { color: #fff; background-color: #217fc4; }

.goods1 .content .share1 { width: 228px; margin: 0 auto; padding-bottom: 27px; }

.goods1 .content .share1 .span { font-size: 14px; font-size: 1.4rem; color: #217fc4; height: 26px; line-height: 26px; }

.at-resp-share-element .at-icon { width: 26px !important; height: 26px !important; }

.at-style-responsive .at-share-btn { padding: 0 !important; border-radius: 2px !important; }

.at-resp-share-element .at-share-btn .at-icon-wrapper { width: 26px !important; height: 26px !important; }

.at-resp-share-element .at-share-btn { margin-bottom: 0 !important; margin-right: 3px !important; }

.protitle1 { background: #eeeeee; width: 100%; margin-bottom: 30px; margin-top: 30px; }

.protitle1 a { height: 48px; line-height: 48px; text-transform: uppercase; font-size: 20px; font-size: 2rem; color: #333; display: block; width: 292px; text-align: center; background: #f8f8f8 url(../images/xian1.png) repeat-x bottom center; }

.goods1 .wenzi p { line-height: 30px; font-size: 14px; font-size: 1.4rem; color: #333; margin-bottom: 30px; font-family: Arial, Helvetica, sans-serif; }

.goods1 .wenzi span { line-height: 30px; font-size: 14px; font-size: 1.4rem; color: #333; font-family: Arial, Helvetica, sans-serif; }

.goods1 .wenzi p img { display: block; max-width: 100%; }

.goods1 .wenzi a { line-height: 30px; font-size: 14px; font-size: 1.4rem; color: #217fc4; }

.goods1 .wenzi table { width: 97%; border-collapse: collapse; line-height: 24px; margin-bottom: 30px; }

.goods1 .wenzi tr td { line-height: 24px; padding: 2px; border: 1px solid #ccc; white-space: nowrap; }

.protitle2 { background: #eeeeee; width: 100%; margin-bottom: 20px; margin-top: 30px; }

.protitle2 a { height: 48px; line-height: 48px; text-transform: uppercase; font-size: 18px; font-size: 1.8rem; color: #000; display: block; width: 236px; text-align: center; background: #f8f8f8 url(../images/xian1.png) repeat-x bottom center; }

.protitle3 { background: #eeeeee; width: 100%; margin-bottom: 20px; margin-top: 30px; }

.protitle3 a { height: 48px; line-height: 48px; text-transform: uppercase; font-size: 18px; font-size: 1.8rem; color: #000; display: block; width: 262px; text-align: center; background: #f8f8f8 url(../images/xian1.png) repeat-x bottom center; }

.protitle4 { background: #eeeeee; width: 100%; margin-bottom: 22px; margin-top: 40px; }

.protitle4 a { height: 48px; line-height: 48px; text-transform: uppercase; font-size: 18px; font-size: 1.8rem; color: #000; display: block; width: 209px; text-align: center; background: #f8f8f8 url(../images/xian1.png) repeat-x bottom center; }

.protitle4 a:hover { color: #217fc4; }

ul.rel-pro { margin-bottom: 115px; }

ul.rel-pro li { float: left; margin-right: 12px; width: 270px; }

.img-scroll4 { position: relative; z-index: 9; padding-top: 9px; margin-top: 16px; margin-bottom: 0px; }

.img-scroll4 .prev4, .img-scroll4 .next4 { position: absolute; display: block; width: 42px; height: 46px; top: 0; margin-top: -68px; z-index: 999; }

.img-scroll4 .prev4 { right: 35px; cursor: pointer; background: url(../images/i4imgleft.png) no-repeat center center; }

.img-scroll4 .next4 { right: 0px; cursor: pointer; background: url(../images/i4imgright.png) no-repeat center center; }

.img-list4 { position: relative; overflow: hidden; z-index: 99; }

ul.rel-pro { width: 9999px; }

/* ul.rel-pro li .libox{} */
ul.rel-pro li .img { border: 1px solid #dadada; }

ul.rel-pro li .img > a { display: block; width: 100%; position: relative; overflow: hidden; }

ul.rel-pro li .img > a img { display: block; width: 100%; height: 100%; }

ul.rel-pro li .img > a .przz { position: absolute; top: 100%; left: 0; width: 100%; height: 100%; background: url(../images/przz.png) repeat center center; transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; }

ul.rel-pro li .img > a .przz span { display: block; width: 113px; height: 36px; line-height: 36px; font-size: 14px; font-size: 1.4rem; color: #333; background-color: #fff; text-align: center; margin: 89px auto 0; transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; }

ul.rel-pro li .img > a .przz span:hover { color: #217fc4; }

ul.rel-pro li .img > a:hover .przz { top: 0; }

ul.rel-pro li .wenzi1 { text-align: center; padding-top: 8px; padding-bottom: 18px; border-top: 1px solid #dadada; }

ul.rel-pro li .wenzi1 a { font-size: 16px; font-size: 1.6rem; color: #333; }

ul.rel-pro li .wenzi1 a:hover { color: #217fc4; }

.img980 { display: none; }

.img-scroll5 { position: relative; z-index: 9; margin-bottom: 66px; }

.img-scroll5 .prev5, .img-scroll5 .next5 { position: absolute; display: block; width: 42px; height: 46px; top: 50%; margin-top: -23px; z-index: 999; }

.img-scroll5 .prev5 { left: 0px; cursor: pointer; background: url(../images/i4imgleft.png) no-repeat center center; }

.img-scroll5 .next5 { right: 0px; cursor: pointer; background: url(../images/i4imgright.png) no-repeat center center; }

.img-list5 { position: relative; overflow: hidden; z-index: 99; }

.img-list5 ul { width: 1000%; }

.img-list5 ul li { width: 3.2%; margin-right: 0.2%; float: left; }

.img-list5 ul li img { border: 1px solid #ccc; display: block; max-width: 100%; }

/*pro media zhuyemian*/
@media screen and (max-width: 1219px) { .product .xiangqing .list { width: 260px; }
  .product .xiangqing .goods { width: 700px; }
  .product .xiangqing .goods .box1 ul li { width: 31%; margin: 0 1% 2% 1% !important; } }

@media screen and (max-width: 999px) { .product .xiangqing .goods { width: 650px; } }

@media screen and (max-width: 979px) { .img-scroll5 { margin-bottom: 30px; }
  .page { margin-bottom: 30px; }
  .page .l { float: none; }
  .page a { margin-bottom: 10px; }
  .page .add { float: none; }
  .product .xiangqing .goods { width: 100%; }
  .product .xiangqing .goods .box1 ul li { width: 23%; margin: 0 1% 2% 1% !important; }
  .product .xiangqing .list { width: 100%; }
  .product .xiangqing .goods .box1 ul li .img > a .przz { display: none; }
  .product .xiangqing .list dl dd .dd1 { border: none; border-bottom: 1px solid #b5b5b5; } }

@media screen and (max-width: 900px) { .product .xiangqing .goods .box1 ul li { width: 31%; margin: 0 1% 2% 1% !important; } }

@media screen and (max-width: 500px) { .product .xiangqing .goods .box1 ul li { width: 48%; margin: 0 1% 2% 1% !important; } }

@media screen and (max-width: 320px) { .product .xiangqing .goods .box1 ul li { width: 100%; margin: 0 0% 2% 0% !important; } }

/*pro media xiangqingyemian*/
@media screen and (max-width: 1219px) { .product .xiangqing .goods1 { width: 700px; }
  .MagicZoomPup, .MagicZoomBigImageCont { display: none !important; }
  .MagicZoom { cursor: auto !important; }
  .product .xiangqing .goods1 .content { width: 100%; }
  ul.rel-pro { width: 1000%; }
  ul.rel-pro li { width: 3.2%; margin-right: 0.2% !important; } }

@media screen and (max-width: 999px) { .product .xiangqing .goods1 { width: 650px; } }

@media screen and (max-width: 979px) { .product .xiangqing .list .picMarquee-top .bd ul li { margin-bottom: 0; }
  .product .xiangqing .list .picMarquee-top .bd ul li .title { margin-top: 5px; }
  .product .xiangqing .list .picMarquee-top .bd ul li .title a { font-size: 14px; font-size: 1.4rem; }
  .img980 { display: block; }
  .left-pro { display: none; }
  .product .xiangqing .goods1 { width: 100%; }
  ul.rel-pro { margin-bottom: 40px; }
  ul.rel-pro li .wenzi1 a { font-size: 14px; font-size: 1.4rem; display: block; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; } }

@media screen and (max-width: 639px) { ul.rel-pro li { width: 4.9%; margin-right: 0.2%; }
  .img-list5 ul li { width: 4.9%; margin-right: 0.2%; }
  .goods1 .content .btn1 { margin-top: 5px; margin-bottom: 15px; }
  .goods1 .content .btn1 a { height: 34px; line-height: 34px; }
  .protitle1 a, .protitle4 a { font-size: 16px; font-size: 1.6rem; } }

@media screen and (max-width: 410px) { .goods1 .content .btn1 { width: 100%; }
  .goods1 .content .btn1 a { float: none; margin: 15px auto 0; }
  ul.rel-pro li { width: 10%; margin-right: 0%; }
  .img-list5 ul li { width: 10%; margin-right: 0%; } }

.fen { background-color: #cbe9fe; }

.fen .bgfff { background-color: #fff; width: 1300px; margin: 0 auto; }

.fen header, .fen .nav2 { background-color: #fff; }

@media screen and (max-width: 1319px) { .fen .bgfff { width: 100%; } }

.about p { font-size: 14px; font-size: 1.4rem; color: #666; line-height: 30px; }

.about1_left { padding-top: 36px; }

.about1_right { margin-left: 25px; margin-top: 97px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; position: relative; width: 611px; padding: 14px 13px 10px 21px; background: url(../images/aboutebg1.jpg) no-repeat top right; }

.about1_right .img2 { position: absolute; left: 0; bottom: 0; }

.ab1_ttile1 { font-size: 26px; font-size: 2.6rem; color: #217fc4; line-height: 44px; font-weight: bold; padding-left: 27px; background: url(../images/aboutitltbj.png) no-repeat left center; }

.ab1_tutle2 { text-transform: uppercase; margin-bottom: 4px; padding-top: 6px; padding-bottom: 17px; line-height: 44px; font-size: 40px; font-size: 4rem; color: #333; font-weight: bold; }

.ab1_tutle2 span { color: #217fc4; }

.ab1_wrap { padding-bottom: 31px; }

.about1_right .img1 { display: block; max-width: 611px; width: 100%; }

.ab1_con { margin-top: 0px; min-height: 227px; background: url(../images/abtoi_titler.jpg) no-repeat top center;background-size: cover; padding-bottom: 20px; }

.ab1_con .title { padding-top: 48px; padding-bottom: 20px; font-size: 26px; font-size: 2.6rem; color: #fff; font-weight: bold; font-style: italic; text-transform: uppercase; }

.ab1_con .title2 { font-size: 20px; font-size: 2rem; color: #fff; }

.ab1_con2 { padding-top: 64px; padding-bottom: 92px; }

.ab1_con2_title { font-size: 30px; font-size: 3rem; padding-bottom: 15px; color: #217fc4; font-weight: bold; text-transform: uppercase; text-align: center; background: url(../images/tierbj.png) no-repeat bottom center; }

.ab1_con2 .img-scroll { position: relative; width: 100%; padding-top: 74px; }

.ab1_con2 .img-scroll .prev, .ab1_con2 .img-scroll .next { position: absolute; display: block; width: 42px; height: 42px; top: 50%; margin-top: -24.5px; z-index: 9999; }

.ab1_con2 .img-scroll .prev { left: 0; cursor: pointer; background: url(../images/arrowleft1.png) no-repeat center; }

.ab1_con2 .img-scroll .next { right: 0; cursor: pointer; background: url(../images/arrowright1.png) no-repeat center; }

.ab1_con2 .img-scroll .prev:hover { background: url(../images/arrowleft1on.png) no-repeat center; }

.ab1_con2 .img-scroll .next:hover { background: url(../images/arrowright1on.png) no-repeat center; }

.ab1_con2 .img-list { position: relative; width: 88.6%; overflow: hidden; margin: 0 auto; }

.ab1_con2 .img-list ul { width: 1000%; }

.ab1_con2 .img-list li { float: left; display: inline; width: 2.2%; margin-right: .4%; }

.ab1_con2 .img-list li .m3lie2 { max-width: 232px; text-align: center; position: relative; }

.ab1_con2 .img-list li .m3lie2 img { max-width: 232px; max-height: 317px; width: 100%; margin: 0 auto; }

.ab1_con2 .img-list li .m3lie2 .m4fu { position: absolute; top: -100%; left: 0; width: 100%; height: 100%; }

.ab1_con2 .img-list li .m4zi { position: relative; z-index: 999; padding-top: 26px; display: block; width: 100%; font-size: 16px; font-size: 1.6rem; color: #333; line-height: 21px; text-align: center; }

.ab1_con2 .img-list li .m4zi span { text-transform: none; display: block; text-align: center; width: 100%; }

.ab1_con2 .img-list li:hover .m3lie2 .m4fu { position: absolute; top: 0; }

.ab1_con1 { padding-bottom: 76px; margin-top: 19px; }

.ab1_con1 li { float: left; width: 393px; margin-left: 10px; }

.ab1_con1 li a { display: block; overflow: hidden; position: relative; }

.ab1_con1 li .limid { width: 100%; height: 100%; top: -100%; left: 0; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; position: absolute; background: #0196da url(../images/fangda.png) no-repeat center center; background: rgba(1, 150, 218, 0.5) url(../images/fangda.png) no-repeat center center; }

.ab1_con1 li:hover .limid { top: 0; }

.ab1_con1 li .libot { padding: 0 12px; font-size: 14px; font-size: 1.4rem; background: #333; background: rgba(0, 0, 0, 0.5); position: absolute; width: 100%; left: 0; color: #fff; height: 53px; line-height: 53px; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; bottom: 0; }

.ab1_con1-1 { padding-bottom: 76px; margin-top: 32px; }

.ab1_con1-1 li { float: left; width: 393px; margin-left: 10px; margin-bottom: 36px; }

.ab1_con1-1 li a { display: block; overflow: hidden; position: relative; }

.ab1_con1-1 li .limid { width: 100%; height: 100%; top: -100%; left: 0; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; position: absolute; background: #0196da url(../images/fangda.png) no-repeat center center; background: rgba(1, 150, 218, 0.5) url(../images/fangda.png) no-repeat center center; }

.ab1_con1-1 li:hover .limid { top: 0; }

.ab1_con1-1 li .libot { padding: 0 12px; font-size: 14px; font-size: 1.4rem; background: #333; background: rgba(0, 0, 0, 0.5); position: absolute; width: 100%; left: 0; color: #fff; height: 53px; line-height: 53px; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; bottom: 0; }

.ab1_con1-1 .page { margin: 35px auto 25px; }

@media screen and (max-width: 1219px) { .about1_right { width: 50%; }
  .ab1_con1 li { width: 31%; margin: 1% !important; }
  .ab1_con1 li .libot { height: 35px; line-height: 35px; }
  .ab1_con1-1 li { width: 31.3333%; margin: 1% !important; }
  .ab1_con1-1 li .libot { height: 35px; line-height: 35px; }
  .ab1_con1 { padding-bottom: 30px; margin-top: 0; } }

@media screen and (max-width: 999px) { .about1_right { width: 100%; float: none; margin: 0; padding: 0; background: none; margin-top: 20px; }
  .about1_right .img2 { display: none; }
  .about1_left { width: 100%; float: none; padding-top: 20px; }
  .about_top li { width: 31% !important; margin: 0 !important; font-size: 14px; font-size: 1.4rem; }
  .ab1_con2 .img-list li .m3lie2 .m4fu { top: 0px; }
  .ab1_con2 .img-list { width: 100%; } }

@media screen and (max-width: 979px) { .ab1_con2 .img-scroll .prev, .ab1_con2 .img-scroll .next { width: 30px; height: 30px; background-size: 100% 100% !important; }
  .ab1_con1 li .limid { background: url(../images/fangda.png) no-repeat center center; top: 0; }
  .ab1_con1-1 li .limid { background: url(../images/fangda.png) no-repeat center center; top: 0; }
  .ab1_con2 { padding-top: 30px; padding-bottom: 30px; }
  .ab1_con2 .img-scroll { padding-top: 30px; } }

@media screen and (max-width: 768px) { .ab1_con1-1 { padding-bottom: 10px; }
  .ab1_con1-1 li { width: 48%; margin: 1% !important; } }

@media screen and (max-width: 700px) { .about_top li { height: 59px; width: 98% !important; margin: 0 !important; font-size: 14px; font-size: 1.4rem; }
  .about_top { height: auto; } }

@media screen and (max-width: 640px) { .ab1_con2 .img-list li { float: left; display: inline; width: 4.5%; margin-right: 1%; }
  .ab1_tutle2 { font-size: 26px; font-size: 2.6rem; padding-bottom: 0px; }
  .ab1_con1 li { width: 100%; float: none; max-width: 393px; margin: 10px auto !important; } }

@media screen and (max-width: 430px) { .ab1_con1-1 li { width: 100%; float: none; max-width: 393px; margin: 10px auto !important; }
  .ab1_con1-1 .page { margin: 20px auto 5px; } }

@media screen and (max-width: 320px) { .ab1_con .title { padding-top: 88px; } }

.newslie { padding-top: 36px; }

.newslie li { margin-bottom: 32px; padding-bottom: 31px; background: url(../images/dibuheng.jpg) repeat-x bottom; }

.newslie li span { display: block; width: 80px; text-align: center; margin-top: 31px; }

.newslie li span a { color: #217fc4; font-size: 30px; font-size: 3rem; display: block; }

.newslie li span p { font-size: 18px; font-size: 1.8rem; color: #666666; display: block; margin-top: 8px; }

.synewsms2 { width: 788px; margin-right: 46px; margin-top: 22px; }

.synewstu2 { width: 248px; display: block; }

.synewstu2 img { display: block; width: 100%; max-width: 248px; margin: 0 auto; }

.synewsms2 a { display: block; font-size: 18px; font-size: 1.8rem; color: #333; }

.synewsms2 a:hover { color: #217fc4; }

.synewsms2 p a { height: 90px; overflow: hidden; display: block; font-size: 14px; font-size: 1.4rem; color: #666666; line-height: 30px; margin-top: 16px; }

.synewsz2 { padding-bottom: 41px; }

.synewsms2 a:hover { color: #217fc4; }

.news { padding-bottom: 1px; }

.news .page { margin-top: 90px; }

@media screen and (min-width: 1000px) and (max-width: 1219px) { .synewsms2 { margin-right: 15px; width: 585px; } }

@media screen and (max-width: 999px) { .synewsms2 { margin-right: 15px; width: -webkit-calc(100% - 360px); width: -moz-calc(100% - 360px); width: calc(100% - 360px); }
  .news .page { margin-top: 30px; } }

@media screen and (max-width: 640px) { .synewsms2 { width: 100%; margin: 0; margin-top: 20px; }
  .synewstu2 { width: 170px; }
  .synewsms2 a { font-size: 14px; font-size: 1.4rem; }
  .synewsms2 p a { font-size: 12px; font-size: 1.2rem; }
  .newslie li { padding-bottom: 10px; margin-bottom: 10px; } }

/* new2 */
.new2 { margin-bottom: 0px; }

.new2_left { width: 830px; border-right: 1px solid #e5e5e5; padding-right: 28px; }

.new2 .xqy { position: relative; }

.new2 .xqy .top1 { margin-top: 33px; }

.new2 .xqy .top1 .title1 h1 { font-size: 24px; font-size: 2.4rem; color: #333; text-transform: uppercase; line-height: 40px; }

.new2 .xqy .top1 .time { margin-top: 8px; margin-bottom: 20px; font-weight: bold; }

.new2 .xqy .top1 .time span { font-size: 14px; font-size: 1.4rem; color: #666666; font-weight: bold; display: inline-block; line-height: 26px; }

.new2 .newsx { border-top: 1px solid #e5e5e5; padding-top: 13px; }

.new2 .newsx p { line-height: 30px; font-size: 14px; font-size: 1.4rem; color: #666666; margin-bottom: 30px; }

.new2 .newsx span { line-height: 30px; font-size: 14px; font-size: 1.4rem; color: #666666; }

.new2 .newsx li { line-height: 30px; font-size: 14px; font-size: 1.4rem; color: #666666; }

.new2 .newsx b { line-height: 30px; font-size: 14px; font-size: 1.4rem; color: #666666; }

.new2 .newsx img { display: block; max-width: 100%; }

.new2 .newsx a { line-height: 30px; font-size: 14px; font-size: 1.4rem; color: red; }

.new2 .newsx table { width: 90%; border-collapse: collapse; line-height: 22px; border: 1px solid #ccc; margin-left: auto; margin-right: auto; }

.new2 .newsx table tr td { padding: 3px; border: 1px solid #ccc; background: #fff; }

.new2_right { margin-top: 43px; margin-right: 34px; }

.new2_right .back { display: block; font-size: 18px; font-size: 1.8rem; border-radius: 5px; text-transform: uppercase; max-width: 237px; width: 100%; height: 60px; line-height: 60px; text-align: center; color: #fff; background: #217fc4; margin-bottom: 55px; font-weight: normal; }

.new2_right .title { display: block; font-size: 26px; font-size: 2.6rem; color: #201d1d; line-height: 40px; font-weight: bold; text-transform: uppercase; }

.top_imgtd { display: block; width: 8px; height: 20px; margin-bottom: 33px; }

.shar_wrap { margin-bottom: 49px; }

.shar_wrap .share1 p { text-align: center; display: inline-block; margin-left: 6px; }

.shar_wrap .share1 p span { font-size: 14px; font-size: 1.4rem; color: #6293d8; position: relative; top: 2px; margin-right: 4px; display: inline-block; }

.shar_wrap .share1 .shar { display: inline-block; }

.inpu { text-align: center; margin-bottom: 24px; }

.inpu a { display: inline-block; width: 130px; height: 38px; line-height: 38px; text-align: center; margin-left: 25px; margin-right: 25px; font-size: 14px; font-size: 1.4rem; color: #217fc4; border-radius: 50px; border: 1px solid #217fc4; }

.inpu a:hover { background: #217fc4; color: #fff; }

.new2_right .ex_wrap { width: 305px; margin: 0 auto; padding-bottom: 10px; }

.new2_right .ex_wrap dl { width: 100%; margin: 0 auto; margin-bottom: 23px; }

.new2_right .ex_wrap dl dd a { display: block; }

.new2_right .ex_wrap dl dd a.we_tit { padding-top: 15px; line-height: 30px; font-size: 14px; font-size: 1.4rem; color: #666; }

.new2_right .ex_wrap dl dd a.we_tit:hover { color: #217fc4; }

.new2_right .ex_wrap dl dt img { display: block; max-width: 305px; width: 100%; }

.updown { padding-top: 12px; border-top: 1px solid #a9a9a9; margin-bottom: 100px; }

.updown .up { margin-top: 18px; margin-bottom: 12px; }

.updown p { display: inline-block; line-height: 28px; font-size: 16px; font-size: 1.6rem; color: #201d1d; }

.updown p .img { display: inline-block; }

.updown p .img img { display: inline-block; position: relative; top: -1px; padding-right: 4px; }

.updown p .on { color: #217fc4; }

.updown p a { font-size: 16px; font-size: 1.6rem; color: #201d1d; text-transform: none; }

.updown p:hover a { color: #217fc4; }

@media screen and (max-width: 1219px) { .new2_left { width: 605px; }
  .new2_right { margin-right: 14px; } }

@media screen and (max-width: 999px) { .new2_right { width: 100%; float: none; margin-right: 0; }
  .new2_left { width: 100%; float: none; padding-right: 0; border-right: 0px; }
  .new2_right .ex_wrap { width: 100%; margin: 0 auto; padding-bottom: 10px; }
  .new2_right { margin-top: 0; }
  .updown { margin-bottom: 30px; }
  .new2_right .back { margin-bottom: 30px; } }

@media screen and (max-width: 640px) { .new2 .xqy .top1 .title1 h1 { font-size: 18px; font-size: 1.8rem; line-height: 30px; }
  .new2_right .title { font-size: 20px; font-size: 2rem; }
  .new2_right .back { margin-bottom: 10px; }
  .shar_wrap { margin-bottom: 20px; } }

@media screen and (max-width: 400px) { .new2_right .ex_wrap { width: 100%; }
  .new2_right .ex_wrap dl { width: 100%; }
  .ex_wrap { width: 100%; }
  .ex_wrap dl { width: 100%; } }

/******************************************************************  contact  *****************************************************/
.comain * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

.comain { padding-bottom: 95px; }

.col { width: 560px; float: left; padding-top: 28px; }

.cor { width: 371px; float: right; padding-top: 26px; margin-right: 40px; }

.col a, .cor > a { display: block; font-size: 16px; font-size: 1.6rem; text-transform: uppercase; font-weight: bold; line-height: 28px; color: #217fc4; margin-bottom: 15px; }

.cor > a { margin-bottom: 17px; }

.col .xing { background: #fff url(../images/xing.jpg) no-repeat left top; }

.col .int1 { width: 243px; height: 47px; line-height: 47px; border: 1px solid #dcd9d9; padding-left: 24px; margin-bottom: 35px; font-size: 14px; font-size: 1.4rem; color: #1b1b1b; }

.col textarea { width: 534px; height: 177px; line-height: 47px; border: 1px solid #dcd9d9; padding-left: 24px; margin-bottom: 35px; font-size: 14px; font-size: 1.4rem; color: #1b1b1b; background: #fff url(../images/xing.jpg) no-repeat left top; }

.col .int2 { width: 178px; height: 47px; line-height: 47px; border: 1px solid #dcd9d9; padding-left: 24px; margin-bottom: 35px; font-size: 14px; font-size: 1.4rem; color: #1b1b1b; float: left; margin-right: 9px; }

.col .int3 { width: 180px; height: 48px; float: right; border: 1px solid #dcd9d9; background: #217fc4; padding: 0px; font-size: 18px; font-size: 1.8rem; color: #fefefe; cursor: pointer; }

.col .int3:hover { background: #118fd9; }

.cor ul { background: #f1f1f1; padding: 20px 20px 1px 30px; }

.cor ul li { margin-bottom: 24px; font-size: 14px; font-size: 1.4rem; padding-left: 67px; min-height: 51px; margin-top: 0px; color: #333; }

.cor ul li:last-child { margin-bottom: 11px; }

.cor ul li a { display: block; line-height: 25px; color: #333; }

.cotud { line-height: 25px; }

.cotus { line-height: 51px; }

.cotu1 { background: url(../images/cotu1.png) no-repeat left top; }

.cotu2 { background: url(../images/cotu2.png) no-repeat left top; }

.cotu3 { background: url(../images/cotu3.png) no-repeat left top; }

.cotu4 { background: url(../images/emaile.png) no-repeat left top; }

.cotu5 { background: url(../images/cotu5.png) no-repeat left top; }

.cotu6 { background: url(../images/cotu6.png) no-repeat left top; }

.cor ul li a:hover { color: #217fc4; }

.ditu { margin-top: 29px; }

.przi { display: block; position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; margin-top: auto; background: rgba(52, 170, 240, 0); -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }

.przi span { display: block; position: absolute; width: 100%; left: 0px; top: 50%; margin-top: -20px; font-size: 28px; font-size: 2.8rem; line-height: 40px; color: #fff; font-weight: bold; text-align: center; z-index: 999; text-shadow: 2px 4px 4px #535252; }

.prlie:hover .przi { background: rgba(52, 170, 240, 0.5); }

@media screen and (max-width: 1219px) { .cor { margin-right: 0; } }

@media screen and (max-width: 999px) { .cor { width: 340px; } }

@media screen and (max-width: 979px) { .cor, .col { float: none; width: 100%; }
  .col .int1, .col textarea { float: left; }
  .col .int1 { width: -webkit-calc(100% - 26px); width: -moz-calc(100% - 26px); width: calc(100% - 26px); height: 34px; line-height: 34px; margin-bottom: 10px; }
  .col textarea { width: -webkit-calc(100% - 26px); width: -moz-calc(100% - 26px); width: calc(100% - 26px); margin-bottom: 10px; } }

@media screen and (max-width: 639px) { .comain { padding-bottom: 30px; }
  .col .int2 { width: -webkit-calc(100% - 26px); width: -moz-calc(100% - 26px); width: calc(100% - 26px); height: 34px; line-height: 34px; margin-bottom: 10px; }
  .col .int3 { width: -webkit-calc(100% - 2px); width: -moz-calc(100% - 2px); width: calc(100% - 2px); height: 34px; line-height: 34px; }
  .coyanzheng { margin-bottom: 10px !important; } }

@media screen and (max-width: 768px) { ::-webkit-input-placeholder { color: #333333; font-size: 12px; font-size: 1.2rem; font-family: Arial, Helvetica, sans-serif; }
  :-o-placeholder { color: #333333; font-size: 12px; font-size: 1.2rem; font-family: Arial, Helvetica, sans-serif; }
  ::-moz-placeholder { color: #333333; font-size: 12px; font-size: 1.2rem; font-family: Arial, Helvetica, sans-serif; }
  :-ms-input-placeholder { color: #333333; font-size: 12px; font-size: 1.2rem; font-family: Arial, Helvetica, sans-serif; } }

/*# sourceMappingURL=index.css.map */
.kefu_nr{
    position: relative;
}
.kefu_nr>div{
    position: absolute;
    right: 100%;
    top:50%;
    transform: translateY(-50%);
    flex-direction: column;
	gap: 5px;
	display:flex;
	padding-right: 5px;
	display:none;
}
.kefu_nr>div a{
    background: #217fc4;
	white-space: nowrap;
	font-size: 16px;
	color: #fff;
	padding: 3px 20px;
}
@media screen and (min-width: 640px) {
    .kefu_nr:hover>div{
        display:flex;
    }
}