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

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

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

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

img.imgyzm { cursor: pointer; }

.disnone { display: none; }

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

body { -webkit-transition: 0.5s; transition: 0.5s; margin: 0 auto; font-size: 14px; font-size: 1.4rem; max-width: 1920px; position: relative; overflow-x: hidden; font-family: "微软雅黑"; }

img { border: none; }

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; -webkit-transition: 0.3s; transition: 0.3s; }

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

.clear { clear: both; }

.maln { margin-left: auto !important; }

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

input, textarea { font-size: 14px; font-size: 1.4rem; color: #333; border: none; outline: none; }

.l { float: left; }

.r { float: right; }

.fix { *zoom: 1; }

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

.box { position: relative; }

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

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

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

::-webkit-input-placeholder { /* WebKit browsers */ color: #666; font-size: 16px; font-size: 1.6rem; font-family: "微软雅黑"; }

:-o-placeholder { /* Mozilla Firefox 4 to 18 */ color: #666; font-size: 16px; font-size: 1.6rem; font-family: "微软雅黑"; }

::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #666; font-size: 16px; font-size: 1.6rem; font-family: "微软雅黑"; }

:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #666; font-size: 16px; font-size: 1.6rem; font-family: "微软雅黑"; }

/*.container*/
.container { width: 5px; height: 100%; position: absolute; right: 0; -webkit-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: 0px; right: 0; display: block; height: auto; overflow: scroll; }

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

.container .nav form .iptc { 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/sousuo1.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; 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("../images/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: 50px; }

.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: 50px; 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: 50px; 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 { margin-right: 50px; 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 2px; }

.container .menubtn { width: 23px; height: 18px; position: absolute; top: 12px; right: 12px; -webkit-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: #333; }

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

/*lun bo*/
.index_focus { position: relative; width: 100%; height: 600px; margin: 0 auto; overflow: hidden; z-index: 9; display: block; }

.index_focusn { width: 1920px; position: absolute; left: 50%; top: 0px; margin-left: -960px; height: 100%; z-index: 99; }

.index_focus .bd li { display: none; position: absolute; left: 0; top: 0; width: 1920px; z-index: 999; }

.index_focus .slide_nav { position: absolute; bottom: 9px; left: 50%; margin-left: -55px; z-index: 9998; }

.index_focus .slide_nav a { width: 16px; height: 16px; cursor: pointer; float: left; margin-right: 6px; margin-left: 6px; background: url(../images/yao_hui.png) no-repeat center center; }

.index_focus_post { z-index: 10; }

.index_focus .pic { height: auto; display: block; margin: 0 auto; }

.index_focus .pic:hover { text-decoration: none; }

.index_focus .slide_nav li:hover, .index_focus .slide_nav .on { text-decoration: none; background: url(../images/yao_1.png) no-repeat center center; }

@media screen and (min-width: 1000px) and (max-width: 1219px) { .index_focus { height: 472px; }
  .index_focusn img { width: 80%; } }

@media screen and (min-width: 1000px) { .carousel, .clear2 { display: none; } }

@media screen and (max-width: 999px) { .index_focus { display: none; }
  .index_focus2 { display: none; }
  .carousel { width: 100%; position: relative; overflow: hidden; }
  .carousel ul { width: 100%; height: 100%; }
  .carousel ul li { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
  .carousel ul li img { width: 100%; vertical-align: middle; }
  .carousel ol { position: absolute; z-index: 2; width: 80px; height: 5px; bottom: 13px; left: 52%; -webkit-transform: translate3d(-50%, 0, 0); }
  .carousel ol li { float: left; width: 10px; height: 10px; margin-right: 10px; border-radius: 5px; background-color: #fff; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
  .carousel ol li.cur { width: 10px; background: #d71820; }
  .carousel ol li:last-child { margin: 0; } }

/* header */
.header { position: relative; top: 0px; left: 0px; width: 100%; z-index: 999; }

.header .logo { margin-top: 15px; }

.header .logo img { display: block; max-width: 183px; max-height: 71px; width: 100%; }

.hear_top { text-align: right; margin-top: 10px; padding-bottom: 20px; }

.hear_top p { display: inline-block; font-size: 14px; font-size: 1.4rem; }

.hear_top p a { display: inline-block; color: #666; line-height: 27px; }

.hear_top p a:hover, .hear_top p a.on { color: #d71820; }

.hear_top .mess { background: url(../images/mess.png) no-repeat left center; padding-left: 20px; color: #666; }

.header_form { margin-left: 6px; margin-right: 10px; display: inline-block; border-radius: 50px; border: 1px solid #cccccc; width: 242px; height: 27px; line-height: 27px; position: relative; }

.header_form .tex { font-size: 14px; font-size: 1.4rem; color: #999999; text-indent: 14px; width: 100%; line-height: 27px; height: 27px; display: inline-block; font-family: "微软雅黑"; border-radius: 50px; background: transparent; }

.header_form .sub { position: absolute; top: 0px; right: 0px; height: 27px; width: 40px; font-size: 0px; cursor: pointer; z-index: 99; background: transparent url(../images/suosou.png) no-repeat right center; }

.header_ul1 > li { float: left; margin-left: 84px; position: relative; padding-bottom: 9px; }

.header_ul1 > li > a { font-size: 16px; font-size: 1.6rem; color: #333; line-height: 30px; display: block; border-bottom: 2px solid transparent; text-transform: uppercase; }

.header_ul1 > li:hover > a, .header_ul1 li.on > a { color: #d71820; border-color: #d71820; }

.header_ul1 > li:hover .dan_header { display: block; }

.dan_header { padding: 10px 0px; display: none; width: 190px; position: absolute; left: -74px; top: 100%; background: #fff; z-index: 999999; border: 1px solid #ededed; }

.dan_header > ul > li { padding-bottom: 4px; line-height: 36px; padding-left: 21px; position: relative; left: 0px; }

.dan_header > ul > li > a { position: relative; font-size: 16px; font-size: 1.6rem; color: #666666; line-height: 30px; display: block; }

.dan_header > ul > li:hover > a { color: #d71820; }

.dan_header > ul > li:hover .dan_sanheader { display: block; }

.dan_sanheader { display: none; width: 290px; padding-left: 2px; position: absolute; left: 100%; top: 0px; z-index: 999999; }

.dan_sanheader > ul { padding: 10px 0px; background: #fff; }

.dan_sanheader > ul > li { line-height: 30px; padding-left: 21px; position: relative; }

.dan_sanheader > ul > li > a { font-size: 16px; font-size: 1.6rem; color: #666666; line-height: 30px; display: block; }

.dan_sanheader > ul > li:hover > a { color: #d71820; }

@media screen and (max-width: 1219px) { .header_ul1 > li { margin-left: 60px; } }

@media screen and (max-width: 999px) { .header { position: relative; }
  .header_ul1 > li { margin-left: 37px; }
  .header_ul1 > li > a { font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 830px) { .header { background: #fff; }
  .header_right { display: none; }
  .header .logo { float: none; margin: 0 auto; width: 100%; max-width: 123px; margin-top: 10px; } }

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

/* nav_head */
.nav_head { width: 100%; background: #fff; padding-top: 10px; display: none; }

.nav_head li { text-align: center; width: 25%; float: left; }

.nav_head li a { display: block; font-size: 18px; font-size: 1.8rem; color: #333; line-height: 30px; }

.nav_head li.on a { background: #d71820; color: #fff; }

.nav_head li:hover a { background: #d71820; color: #fff; }

@media screen and (max-width: 830px) { .nav_head { display: block; } }

@media screen and (max-width: 640px) { .nav_head li a { font-size: 14px; font-size: 1.4rem; color: #333; line-height: 30px; } }

@media screen and (min-width: 1220px) { .header, .hear_top, .header_ul1 { transition: 0.6s; -moz-transition: 0.6s; -o-transition: 0.6s; -webkit-transition: 0.6s; }
  /* .fixed .header{ position: fixed; padding:5.5px 0;  width: 100%; z-index: 99999999999999999; } */
  .fixed .header { position: fixed; width: 100%; top: 0px; background: #fff; z-index: 99999999999999999; }
  .fixed .header .logo img { max-width: 133px; }
  .fixed .hear_top { padding: 5px 0px; margin: 0 auto; }
  .fixed .header_ul1 > li { padding-bottom: 0px; } }

/* footer */
.footer { background: #3d3938; padding-top: 48px; }

.footer a:hover { color: #fff; }

.footer .title { font-size: 24px; font-size: 2.4rem; color: #fff; line-height: 30px; text-transform: uppercase; }

.footer .title a { color: #fff; }

.footer_left { float: left; width: 188px; }

.footer_left2 { float: left; width: 254px; }

.footer_center { float: right; width: 444px; }

.footer_right { float: left; width: 255px; }

.footer ul { margin-top: 19px; }

.footer ul li { line-height: 30px; color: #bbbbbb; }

.footer ul li a { color: #bbbbbb; position: relative; left: 0px; }

.footer ul li:hover { background: url(../images/toipke.png) no-repeat left center; }

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

.footer_center ul li span { color: #bbbbbb; padding-right: 15px; display: inline-block; }

.footer_center .shejiao { padding-top: 0px; }

.footer_center .shejiao a { display: block; margin-left: 14px; float: left; top: -16px; }

.shejiao a img { -webkit-transition: 0.3s all; transition: 0.3s all; }

.shejiao a:hover img { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }

.erweima { position: relative; right: 0px; bottom: 0px; }

.footer_bot { margin-top: 13px; padding-bottom: 6px; color: #bbbbbb; }

.footer_bot a, .footer_bot p { color: #bbbbbb; line-height: 30px; }

.footer_bot p { padding-top: 10px; padding-bottom: 6px; border-top: 1px solid #646464; }

.footer_bot p a { display: inline-block; padding-left: 5px; }

.Links { height: 40px; line-height: 30px; }

.Links a { display: inline-block; padding-left: 5px; }

@media screen and (max-width: 1219px) { .footer_left { width: 150px; }
  .footer_left2 { width: 200px; }
  .footer_center { width: 352px; }
  .footer_center .shejiao { margin-top: 10px; }
  .footer_center .shejiao a { top: 0px; }
  .erweima { margin-left: 10px; } }

@media screen and (max-width: 999px) { .footer_left { width: 50%; float: left; min-height: 175px; }
  .footer_left2 { width: 50%; float: right; min-height: 175px; }
  .footer_center { width: 50%; float: left; }
  .footer_right { width: 50%; float: right; }
  .footer_right .c_nr { width: calc(  48% - 23px); }
  .footer_right .c_captcha { width: calc(  48% - 15px); }
  .footer_right .c_input { width: calc(  100% - 35px); }
  .footer_right .c_textarea { width: calc(  100% - 35px); } }

@media screen and (max-width: 768px) { .footer_left2 { display: none; }
  .footer { padding-top: 0px; padding-bottom: 10px; }
  .footer_left { display: none; }
  .footer_center { display: none; }
  .footer_right { display: none; }
  .Links { display: none; }
  .footer_bot { font-size: 14px; font-size: 1.4rem; }
  .footer_bot p { border: 0px; } }

.main1 { padding-top: 44px; padding-bottom: 46px; }

.main1 .title { text-align: center; }

.main1 .title a { text-align: center; font-size: 34px; font-size: 3.4rem; color: #444444; line-height: 40px; }

.main1 p { padding-top: 20px; padding-bottom: 16px; }

.main1 p a { display: block; text-align: center; max-height: 90px; overflow: hidden; font-size: 14px; font-size: 1.4rem; color: #666; line-height: 30px; }

.main1 .m1_ul { max-width: 980px; margin: 0 auto; }

.main1 .m1_ul li { float: left; margin-left: 173px; }

.main1 .m1_ul img { display: block; max-width: 115px; max-height: 100px; margin: 0 auto; width: 100%; }

.main1 .m1_ul .wen { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; font-size: 16px; font-size: 1.6rem; color: #666666; line-height: 30px; }

.main1 .m1_wrap { max-width: 115px; width: 100%; margin: 0 auto; text-align: center; }

.main1 a:hover { color: #d71820; }

.main1 .m1_ul .wen:hover { color: #d71820; }

@media screen and (max-width: 1219px) { .main1 .m1_ul li { width: 23%; margin-left: 1% !important; margin-right: 1%; } }

@media screen and (max-width: 768px) { .main1 { padding: 30px 0px; }
  .main1 p { padding: 5px 0px; }
  .main1 .title a { font-size: 24px; font-size: 2.4rem; line-height: 30px; }
  .main1 .m1_ul .wen { font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 360px) { .main1 .m1_ul li { width: 48%; margin-left: 1% !important; margin-right: 1%; } }

.main2 { padding-top: 46px; padding-bottom: 52px; background: #f0f0f0 url(../images/m2bj.jpg) no-repeat center top; }

.main2 .title { text-align: center; }

.main2 .title a { text-align: center; font-size: 34px; font-size: 3.4rem; color: #444444; line-height: 40px; }

.main2 li { margin-left: 30px; float: left; margin-top: 20px; }

.main2 .m2_wrap { max-width: 380px; margin: 0 auto; width: 100%; }

.main2 .m2_wrap img { display: block; max-width: 380px; max-height: 279px; width: 100%; margin: 0 auto; border-radius: 15px 15px 0px 0px; }

.main2 .wenzi { height: 45px; background: #d71820; position: relative; border-radius: 0px 0px 15px 15px; }

.main2 .wenzi img { display: block; position: absolute; right: 13px; top: 15px; max-width: 19px; max-height: 19px; width: 100%; cursor: pointer; }

.main2 .wenzi a { width: 75%; margin: 0 auto; font-size: 20px; font-size: 2rem; line-height: 45px; display: block; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #fff; }

@media screen and (max-width: 1219px) { .main2 li { width: 31%; margin-left: 1% !important; margin-right: 1%; }
  .main2 .wenzi a { width: 70%; margin: 0 auto; } }

@media screen and (max-width: 768px) { .main2 { padding: 20px 0px; }
  .main2 .wenzi a { font-size: 16px; font-size: 1.6rem; }
  .main2 .wenzi img { right: 5px; }
  .main2 li { margin-top: 20px; }
  .main2 .title a { font-size: 24px; font-size: 2.4rem; } }

@media screen and (max-width: 600px) { .main2 li { width: 98%; margin-left: 1% !important; margin-right: 1%; } }

.main3 { padding-top: 49px; padding-bottom: 56px; }

.main3 .title { text-align: center; }

.main3 .title a { text-align: center; font-size: 34px; font-size: 3.4rem; color: #444444; line-height: 40px; }

.main3 li { width: 44.5%; }

.main3 .fwp { margin-top: 48px; position: relative; }

.main3 .swp { position: absolute; top: 0; left: 0; }

.main3 .swp a { display: block; width: 100%; margin: 0 auto; }

.main3 .swp a img { display: block; max-width: 115px; max-height: 100px; width: 100%; margin: 0 auto; }

.main3 .zi { padding-left: 134px; min-height: 100px; padding-right: 0px; }

.main3 .zi .title2 { margin-bottom: 11px; color: #333; display: block; line-height: 30px; font-size: 16px; font-size: 1.6rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.main3 .zi .p { display: block; max-height: 60px; overflow: hidden; font-size: 14px; font-size: 1.4rem; color: #666666; line-height: 30px; }

.main3 .zi .title2:hover { color: #d71820; }

.main3 .zi .p:hover { color: #d71820; }

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

@media screen and (max-width: 768px) { .main3 .title a { font-size: 24px; font-size: 2.4rem; }
  .main3 { padding: 30px 0px; }
  .main3 li { width: 100%; float: none; margin-top: 20px; } }

@media screen and (max-width: 640px) { .main3 .zi .title2 { margin-bottom: 0px; }
  .main3 .swp { position: relative; }
  .main3 .zi { padding-left: 0px; margin-top: 10px; } }

/* break */
.break { background: #f1f1f1; margin-bottom: 60px; }

.break p { color: #666; padding-top: 8px; padding-bottom: 7px; }

.break a { color: #666; line-height: 35px; }

.break a.on, .break a:hover { color: #d71820; }

.pr_ul1 li { border-radius: 5px; width: 230px; box-sizing: border-box; border: 1px solid #b2b2b2; float: left; margin-right: 57px; }

.pr_ul1 a { font-size: 16px; font-size: 1.6rem; display: block; width: 100%; height: 41px; line-height: 41px; text-align: center; }

.pr_ul1 li.on, .pr_ul1 li:hover { border-color: #d71820; }

.pr_ul1 li.on a, .pr_ul1 li:hover a { color: #d71820; }

.pro_ul2 li { margin-left: 40px; float: left; margin-top: 49px; }

.pro_ul2 .m2_wrap { max-width: 270px; margin: 0 auto; width: 100%; border: 1px solid #e6e6e6; box-sizing: border-box; border-radius: 10px; }

.pro_ul2 .m2_wrap img { display: block; max-width: 270px; max-height: 279px; width: 100%; margin: 0 auto; border-radius: 10px 10px 0px 0px; }

.pro_ul2 .wenzi { height: 35px; background: #aaaaaa; position: relative; border-radius: 0px 0px 10px 10px; -webkit-transition: 1s all; transition: 1s all; }

.pro_ul2 .wenzi img { display: block; position: absolute; right: 13px; top: 15px; max-width: 19px; max-height: 19px; width: 100%; }

.pro_ul2 .wenzi a { font-size: 16px; font-size: 1.6rem; line-height: 35px; display: block; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #fff; }

.pro_ul2 .p2_wrap { max-width: 270px; margin: 0 auto; width: 100%; margin-top: 16px; text-align: center; }

.pro_ul2 .p2_wrap input { display: inline-block; }

.pro_ul2 .p2_wrap a { display: inline-block; width: 112px; height: 28px; line-height: 28px; border: 1px solid #d71820; color: #d71820; margin-left: 10px; text-align: center; }

.pro_ul2 li:hover .wenzi { background: #d71820; }

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

.page1 { text-align: center; }

.page { position: relative; margin: 40px auto 100px; }

.page { text-align: center; }

.page a { display: inline-block; background-color: #999999; color: #fff; margin-right: 8px; width: 25px; height: 25px; line-height: 25px; text-align: center; font-size: 14px; font-size: 1.4rem; border-radius: 50%; }

.page a.on, .page a:hover { background-color: #d71820; color: #fff; border-color: #d71820; }

.page a.first { width: 80px; margin-right: 5px; background: transparent; color: #333; }

.page a.last { width: 50px; margin-left: 0px; background: transparent; color: #333; }

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

.page img { display: inline-block; position: relative; top: 5px; margin-left: 15px; margin-right: 8px; }

.ins { margin-left: 10px; width: 170px; display: inline-block; height: 32px; line-height: 30px; text-align: center; border: none; outline: none; background-color: #d71820; color: #fff; font-size: 14px; font-size: 1.4rem; cursor: pointer; }

@media screen and (max-width: 999px) { .page a { margin-bottom: 20px; }
  .page .l { float: none; }
  .page .add { float: none; }
  .break { margin-bottom: 40px; } }

@media screen and (max-width: 768px) { .page { margin-bottom: 30px; }
  .break { margin-bottom: 20px; } }

.product .page { margin-top: 55px; margin-bottom: 17px; }

@media screen and (max-width: 1219px) { .pr_ul1 li { width: 31%; margin-left: 1% !important; margin-right: 1%; }
  .pro_ul2 li { width: 23%; margin-left: 1% !important; margin-right: 1%; } }

@media screen and (max-width: 768px) { .pr_ul1 a { font-size: 14px; font-size: 1.4rem; }
  .pro_ul2 .wenzi a { font-size: 14px; font-size: 1.4rem; width: 95%; margin: 0 auto; }
  .pro_ul2 li { width: 31%; margin-left: 1% !important; margin-right: 1%; margin-top: 10px; } }

@media screen and (max-width: 640px) { .main3 .fwp { margin-top: 20px; }
  .pro_ul2 .p2_wrap a { width: 95px; }
  .pro_ul2 li { width: 48%; margin-left: 1% !important; margin-right: 1%; }
  .pr_ul1 li { width: 98%; float: none; margin-bottom: 10px; margin-left: 1% !important; margin-right: 1%; } }

.por2_box { margin-top: 49px; margin-bottom: 48px; }

#showArea img { cursor: pointer; display: block; margin-bottom: 42px; box-sizing: border-box; width: 100px; height: 73px; border: 1px solid #e6e6e6; border-radius: 5px; }

#showArea a { display: block; }

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

#gotop { cursor: pointer; display: block; margin: auto; height: 12px; background: url(../images/pr_top.png) no-repeat center center; }

#gobottom { cursor: pointer; display: block; margin: auto; height: 12px; background: url(../images/pro_bottom.png) no-repeat center center; }

#gotop:hover { background: url(../images/pr_toph.png) no-repeat center center; }

#gobottom:hover { background: url(../images/pro_bottomh.png) no-repeat center center; }

#showArea { margin-top: 27px; height: 330px; overflow: hidden; }

.MagicZoomBigImageCont { background: #FFF; width: 300px !important; height: 300px !important; }

.MagicZoomBigImageCont img { width: 1000px; height: 734px; }

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

.left-pro { width: 652px; }

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

.left-pro .t2 { width: 520px; text-indent: 0; float: right; height: 382px; box-sizing: border-box; border: 1px solid #e6e6e6; border-radius: 20px; }

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

.left-pro .t2 img { text-indent: 0; display: block; border-radius: 20px; }

.por2_box .content { width: 489px; }

.por2_box .content .title { padding-bottom: 9px; margin-bottom: 11px; border-bottom: 1px solid #e6e6e6; }

.por2_box .content .title h1 { font-size: 24px; font-size: 2.4rem; margin-top: 0px; }

.por2_box .content .btn { margin-top: 11px; max-width: 406px; width: 100%; }

.por2_box .content .btn a, .por2_box .content .btn span { background: #a4a4a4; font-size: 18px; font-size: 1.8rem; border-radius: 5px; text-align: center; line-height: 40px; color: #fff; width: 170px; height: 40px; }

.por2_box .content .btn a:hover { background: #d71820; }

.por2_box .content .share1 { padding-top: 24px; }

.por2_box .content .share1 p { text-align: center; display: inline-block; }

.por2_box .content .share1 p span { font-size: 14px; font-size: 1.4rem; color: #666; position: relative; top: -7px; margin-right: 5px; display: inline-block; }

.por2_box .content .share1 .shar { display: inline-block; }

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

.pro_x a { font-size: 14px; font-size: 1.4rem; color: #d71820; line-height: 30px; }

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

.pro_x iframe { display: block; max-width: 100%; margin: 0 auto; }

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

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

.pro_title1 { margin-bottom: 20px; line-height: 30px; padding-bottom: 10px; font-size: 26px; font-size: 2.6rem; color: #d71820; font-weight: bold; background: url(../images/pro_titl2.png) no-repeat left bottom; }

.pro_x2 { font-size: 14px; font-size: 1.4rem; color: #333; line-height: 30px; }

.pro_x2 a { font-size: 14px; font-size: 1.4rem; color: #d71820; line-height: 30px; }

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

.pro_x2 iframe { display: block; max-width: 100%; margin: 0 auto; }

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

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

.pro_ttile2 { margin-top: 20px; font-size: 32px; font-size: 3.2rem; text-align: center; line-height: 40px; }

.pro_ul3 { padding-bottom: 99px; }

.pro_ul3 li { margin-top: 40px; }

.pro_ul3 .wenzi { height: 35px; }

.pro_ul3 .wenzi a { line-height: 35px; }

.img980 { display: none; max-width: 520px; margin: 0 auto; width: 100%; margin-top: 20px; }

.img980 .slideBox { max-width: 520px; margin: 0 auto; width: 100%; height: auto; overflow: hidden; position: relative; }

.img980 .slideBox .bd { position: relative; height: 100%; z-index: 0; }

.img980 .slideBox .bd li { zoom: 1; vertical-align: middle; }

.img980 .slideBox .bd img { box-sizing: border-box; border: 1px solid #e6e6e6; max-width: 520px; max-height: 381px; display: block; width: 100%; }

.img980 .slideBox .prev { position: absolute; left: 0; top: 50%; margin-top: -22px; display: block; width: 24px; height: 45px; background: url(../images/eqleft.png) 0 0 no-repeat; filter: alpha(opacity=100); opacity: 1; }

.img980 .slideBox .next { position: absolute; right: 0; top: 50%; margin-top: -23px; display: block; width: 24px; height: 45px; background: url(../images/eqright.png) 0 0 no-repeat; filter: alpha(opacity=100); opacity: 1; }

@media screen and (max-width: 1219px) { .MagicZoomBigImageCont, .MagicZoomPup { display: none !important; }
  .left-pro { max-width: 652px; width: 100%; float: none; margin: 0 auto; }
  .por2_box .content { width: 100%; float: none; margin-top: 40px; } }

.pr_ul1_dan990 { display: none; margin-bottom: 20px; }

@media screen and (max-width: 999px) { .pr_ul1_dan990 { display: block; } }

@media screen and (max-width: 768px) { .pro_ul3 li { margin-top: 20px; }
  .pro_ul3 { padding-bottom: 30px; }
  .por2_box .content .btn a, .por2_box .content .btn span { width: 48%; } }

@media screen and (max-width: 660px) { .por2_box { margin-top: 0px; }
  .img980 { display: block; }
  .left-pro { display: none; } }

.hear_top .mess:hover { color: #d71820; }

/*kefu*/
.kefu { width: 53px; position: fixed; right: 0; top: 25%; z-index: 999999; }

.kefu li { margin-bottom: 1px; position: relative; }

.kefu #erweima { position: absolute; right: 100%; top: 0; display: none; z-index: 999; }

.kefu li img { display: block; }

@media screen and (max-width: 999px) { .kefu { width: 53px; position: fixed; } }

@media screen and (max-width: 768px) { .kefu { width: 100%; left: 0; bottom: 0; top: auto; right: auto; background-color: #fff; }
  body { padding-bottom: 40px; }
  .kefu ul { width: 100%; }
  .kefu li { width: 25%; height: 40px; float: left; }
  .kefu li img { margin: 0 auto; height: 40px; }
  .kefu .ewm { display: block; }
  .kefu #erweima { top: -242%; height: 100px; margin-right: -61px } }

/*********************************************************************  about1  *********************************************************/
.abnav { background: url(../images/abbiao.jpg) repeat-x left 54px; text-align: center; }

.abnav a { display: inline-block; *float: left; width: 120px; padding-top: 130px; font-size: 16px; font-size: 1.6rem; line-height: 24px; height: 48px; text-transform: uppercase; margin: 0 43px; -webkit-transition: 1s all; transition: 1s all; }

.ab1 { background: url(../images/abbiao1.jpg) no-repeat center top; }

.ab2 { background: url(../images/abbiao2.jpg) no-repeat center top; }

.ab3 { background: url(../images/abbiao3.jpg) no-repeat center top; }

.ab4 { background: url(../images/abbiao4.jpg) no-repeat center top; }

.ab5 { background: url(../images/abbiao5.jpg) no-repeat center top; }

.ne1 { background: url(../images/news1.jpg) no-repeat center top; }

.ne2 { background: url(../images/news2.jpg) no-repeat center top; }

.ab1:hover { background: url(../images/abbiao1h.jpg) no-repeat center top; }

.ab2:hover { background: url(../images/abbiao2h.jpg) no-repeat center top; }

.ab3:hover { background: url(../images/abbiao3h.jpg) no-repeat center top; }

.ab4:hover { background: url(../images/abbiao4h.jpg) no-repeat center top; }

.ab5:hover { background: url(../images/abbiao5h.jpg) no-repeat center top; }

.ne1:hover { background: url(../images/news1h.jpg) no-repeat center top; }

.ne2:hover { background: url(../images/news2h.jpg) no-repeat center top; }

.abnav a:hover { color: #d71820; }

.ab1.dangqianab { background: url(../images/abbiao1h.jpg) no-repeat center top !important; }

.ab2.dangqianab { background: url(../images/abbiao2h.jpg) no-repeat center top; }

.ab3.dangqianab { background: url(../images/abbiao3h.jpg) no-repeat center top; }

.ab4.dangqianab { background: url(../images/abbiao4h.jpg) no-repeat center top; }

.ab5.dangqianab { background: url(../images/abbiao5h.jpg) no-repeat center top; }

.ne1.dangqianab { background: url(../images/news1h.jpg) no-repeat center top; }

.ne2.dangqianab { background: url(../images/news2h.jpg) no-repeat center top; }

.dangqianab { color: #d71820 !important; }

.ab1main1 { padding-top: 30px; }

.ab1l { width: 606px; float: right; margin-top: 62px; }

.ab1l a { display: block; }

.ab1l a img { display: block; margin: auto; width: 100%; max-width: 606px; max-height: 450px; }

.ab1r { width: 570px; float: left; padding-top: 22px; }

.ab1biao1 { display: block; margin-bottom: 26px; }

.ab1biao1 img { display: block; width: 90%; max-width: 396px; max-height: 112px; }

.ab1main1 p { line-height: 30px; margin-top: 28px; }

.ab-title { margin-bottom: 10px; padding-bottom: 14px; display: inline-block; text-transform: uppercase; font-size: 36px; font-size: 3.6rem; color: #333333; line-height: 40px; border-bottom: 3px solid #d71820; }

.cont1 { margin-top: 40px; padding-bottom: 76px; }

.cont1 ul { margin-top: 8px; }

.cont1 li { padding: 16px 0; padding-left: 36px; background: url(../images/bg-about-his.png) no-repeat left 21px; }

.cont1 li span { float: left; display: block; font-size: 24px; font-size: 2.4rem; color: #333; }

.cont1 li p { float: left; display: block; font-size: 14px; font-size: 1.4rem; color: #333; line-height: 30px; margin-left: 12px; }

.ab1main2 { background: url(../images/ab1bei.jpg) no-repeat center top; margin-top: 37px; padding-bottom: 160px; }

.ab12zi { display: block; font-size: 18px; font-size: 1.8rem; color: #d71820; font-weight: bold; line-height: 30px; padding-top: 44px; }

.ab1main2 p { line-height: 30px; color: #333; margin-top: 29px; }

.ab1main2 p a { color: #d71820; }

.ab1main3 { padding-top: 40px; padding-bottom: 80px; }

.ab1main3 p { font-size: 16px; font-size: 1.6rem; line-height: 30px; }

.ab1main3 a { display: block; width: 294px; float: left; margin-left: 8px; margin-top: 43px; }

.ab1main3 a img { display: block; margin: auto; width: 100%; max-width: 294px; max-height: 237px; }

@media screen and (min-width: 1000px) and (max-width: 1219px) { .abnav a { margin: 0 20px; }
  .ab1l { width: 470px; }
  .ab1r { width: 470px; }
  .ab1r p { font-size: 14px; font-size: 1.4rem; line-height: 24px; margin-top: 24px; }
  .ab1main3 a { width: 237px; margin-left: 10px; } }

@media screen and (max-width: 999px) { .abnav { background: none; }
  .abnav a { width: 23.333%; float: left; margin: 10px 0.5%; }
  .ab1main1 { padding-top: 10px; }
  .ab1l { width: 100%; padding: 0px; background: none; float: none; margin-top: 25px; }
  .ab1r { width: 100%; float: none; }
  .ab1r p { font-size: 14px; font-size: 1.4rem; line-height: 24px; margin-top: 24px; }
  .ab1main2 { margin-top: 20px; padding-bottom: 30px; }
  .ab1main2 p { font-size: 14px; font-size: 1.4rem; margin-top: 10px; }
  .ab1main3 a { width: 49%; margin-left: 0.5% !important; margin-right: 0.5%; }
  .ab1main3 { padding-top: 40px; padding-bottom: 40px; } }

@media screen and (max-width: 768px) { .ab1main1 p { margin-top: 10px; }
  .cont1 { margin-top: 20px; }
  .ab-title { font-size: 26px; font-size: 2.6rem; padding-bottom: 5px; }
  .cont1 { padding-bottom: 30px; }
  .cont1 li p { width: 100%; display: block; } }

@media screen and (max-width: 540px) { .abnav a { width: 49%; } }

.about2 { padding-top: 31px; }

.about2 li { line-height: 44px; font-size: 14px; font-size: 1.4rem; }

.about2 li p{ line-height: 44px; font-size: 14px; font-size: 1.4rem; }

.about2 li b { font-size: 24px; font-size: 2.4rem; line-height: 44px; color: #d71820; }

@media screen and (max-width: 768px) { .about2 li { line-height: 30px; margin-bottom: 10px; }
  .about2 li b { line-height: 30px; } }

/*********************************************************************  about5  **********************************************************************/
.ab5main { padding-bottom: 98px; }

.zhanshi_tp2 { position: relative; width: 986px; margin: auto; margin-top: 60px; }

.zhanshi_tp2 .ulBigPic { width: 863px; margin-left: 61px; overflow: hidden; box-shadow: 2px 2px 6px #c1c1c1; }

.zhanshi_tp2 .ulBigPic li { width: 845px; display: none; border: 9px solid #fff; position: relative; }

.abfu { position: absolute; width: 100%; font-size: 16px; font-size: 1.6rem; color: #fff; text-align: center; line-height: 38px; bottom: 0px; left: 0px; background: #000; background: rgba(0, 0, 0, 0.5); }

.zhanshi_tp2 .ulBigPic .liSelected { display: block; }

.zhanshi_tp2 .ulBigPic img { display: block; width: 845px; height: 547px; }

.zhanshi_tp2 .sLeftBtnA, .zhanshi_tp2 .sLeftBtnASel, .zhanshi_tp2 .sLeftBtnABan, .zhanshi_tp2 .sRightBtnA, .zhanshi_tp2 .sRightBtnASel, .zhanshi_tp2 .sRightBtnABan { width: 24px; height: 45px; display: block; position: absolute; top: 245px; }

.zhanshi_tp2 .sLeftBtnA, .zhanshi_tp2 .sLeftBtnASel, .zhanshi_tp2 .sRightBtnA, .zhanshi_tp2 .sRightBtnASel { cursor: pointer; }

.zhanshi_tp2 .sLeftBtnA, .zhanshi_tp2 .sLeftBtnASel, .zhanshi_tp2 .sLeftBtnABan { left: 0px; background: url(../images/eqleft.png); }

.zhanshi_tp2 .sRightBtnA, .zhanshi_tp2 .sRightBtnASel, .zhanshi_tp2 .sRightBtnABan { right: 0px; background: url(../images/eqright.png); }

#sLeftBtnA:hover { background: url(../images/eqlefth.png); }

#sRightBtnA:hover { background: url(../images/eqrighth.png); }

.zhanshi_tp2 .dSmallPicBox { width: 986px; height: 139px; position: relative; margin-top: 12px; }

.zhanshi_tp2 .dSmallPic { width: 863px; left: 61px; height: 139px; position: absolute; top: 0px; overflow: hidden; }

.zhanshi_tp2 .dSmallPic ul { position: absolute; }

.zhanshi_tp2 .dSmallPic li { width: 221px; height: 139px; float: left; display: inline; cursor: pointer; overflow: hidden; }

.zhanshi_tp2 .dSmallPic .sPic { width: 199px; height: 131px; display: block; padding-top: 8px; }

.zhanshi_tp2 .dSmallPic .sPic img { width: 193px; height: 125px; border: 3px solid #fff; }

.zhanshi_tp2 .dSmallPic .sPic:hover { background: url(../images/zhizhen2.png) no-repeat center top; }

.zhanshi_tp2 .dSmallPic .sPic img:hover { border: 3px solid #d71820; }

.zhanshi_tp2 .dSmallPic .liSelected .sPic { background: url(../images/zhizhen2.png) no-repeat center top; }

.zhanshi_tp2 .dSmallPic .liSelected .sPic img { border: 3px solid #d71820; }

@media screen and (min-width: 1000px) and (max-width: 1319px) { .zhanshi_tp2 { width: 980px; }
  .zhanshi_tp2 .ulBigPic { margin-left: 55px; }
  .zhanshi_tp2 .dSmallPicBox { width: 980px; }
  .zhanshi_tp2 .dSmallPic { left: 55px; } }

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

@media screen and (max-width: 999px) { .ab5main { padding-bottom: 58px; }
  .zhanshi_tp2 { display: none; }
  .gongchang2 { width: 100%; }
  .gonglie2 { display: block; width: 45%; float: left; margin-left: 2.5%; margin-right: 2.5%; margin-top: 30px; }
  .gongtu2 img { width: 100%; max-width: 845px; max-height: 547px; }
  .gongzi2 { display: block; text-align: center; line-height: 30px; margin-top: 5px; }
  .ab3main { padding-bottom: 39px; } }

@media screen and (max-width: 639px) { .ab5main { padding-bottom: 40px; }
  .gonglie2 { margin-top: 10px; }
  .wenav a { width: 135px; font-size: 12px; font-size: 1.2rem; font-weight: normal; margin: 0 2px; } }

.ab4_ul { padding-top: 30px; padding-bottom: 0px; }

.ab4_ul li { float: left; margin-left: 72px; margin-top: 44px; }

.ab4_ul li .dan_wrap { position: relative; max-width: 246px; width: 100%; margin: 0 auto; overflow: hidden; }

.ab4_ul li .dan_wrap .fu { position: absolute; top: 100%; width: 100%; height: 100%; left: 0; }

.ab4_ul li .dan_wrap img { display: block; max-width: 246px; max-height: 337px; width: 100%; }

.ab4_ul li .wenzi { text-align: center; padding-top: 8px; max-width: 246px; width: 100%; font-size: 16px; font-size: 1.6rem; margin: 0 auto; line-height: 24px; min-height: 56px;}

.ab4_ul li .wenzi a { display: block; }

.ab4_ul li:hover .dan_wrap .fu { top: 0px; }

@media screen and (max-width: 1219px) { .ab4_ul li { width: 23%; margin-left: 1% !important; margin-right: 1% !important; margin-top: 20px; } }

@media screen and (max-width: 999px) { .ab4_ul { padding-bottom: 10px; }
  .ab4_ul li .dan_wrap .fu { top: 0px; background: none; } }

@media screen and (max-width: 768px) { .ab4_ul { padding-top: 0px; }
  .ab4_ul li { width: 31%; margin-left: 1% !important; margin-right: 1% !important; } }

@media screen and (max-width: 540px) { .ab4_ul li .wenzi { font-size: 14px; font-size: 1.4rem; }
  .ab4_ul li { width: 48%; margin-left: 1% !important; margin-right: 1% !important; } }

.news .m3_ul li { border-bottom: 1px solid #d8d8d8; margin-bottom: 48px; padding-bottom: 35px; }

.news .fwp { position: relative; }

.news .swp { position: absolute; top: 0; left: 0; }

.news .swp a { display: block; width: 100%; margin: 0 auto; }

.news .swp a img { display: block; max-width: 160px; max-height: 139px; width: 100%; margin: 0 auto; }

.news .zi { padding-left: 184px; min-height: 139px; padding-right: 0px; }

.news .zi .title2 { margin-bottom: 18px; color: #333; display: block; font-size: 18px; font-size: 1.8rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.news .zi .p { display: block; max-height: 60px; overflow: hidden; font-size: 14px; font-size: 1.4rem; color: #666666; line-height: 30px; }

.news .time3 { margin-top: 14px; font-size: 14px; font-size: 1.4rem; color: #999; line-height: 30px; }

.news .zi .title2:hover { color: #d71820; }

.news .zi .p:hover { color: #d71820; }

.news .page { margin: 0px auto 53px; }

@media screen and (max-width: 768px) { .news .swp { position: relative; }
  .news .zi { padding-left: 0px; margin-top: 20px; min-height: 100%; }
  .news .zi .title2 { margin-bottom: 5px; }
  .news .time3 { margin-top: 0px; }
  .news .page { margin-bottom: 30px; }
  .pro_ttile2 { font-size: 30px; font-size: 3rem; }
  .news .m3_ul li { padding-bottom: 10px; margin-bottom: 30px; } }

.news2 { position: relative; }

.news2 .top1 { margin-top: 30px; }

.news2 .news2x p{ font-size: 1.4rem; font-size: 14px; line-height: 24px;}

.news2 .top1 .title1 { text-align: center; }

.news2 .top1 .title1 h1 { font-size: 24px; font-size: 2.4rem; color: #333; font-weight: normal; }

.news2 .time { text-align: center; margin-top: 9px; margin-bottom: 18px; }

.news2 .time span.sapn1 { font-size: 14px; font-size: 1.4rem; color: #666666; font-weight: normal; display: inline-block; line-height: 20px; height: 20px; padding-left: 22px; background: url(../images/shizhong.png) no-repeat left center; }

.news2 .time .share1 { display: inline-block; position: relative; top: 8px; padding-left: 15px; }

.news2 .time .share1 .span { padding-right: 9px; font-size: 14px; font-size: 1.4rem; color: #666666; height: 26px; line-height: 26px; }

.new_x { font-size: 14px; font-size: 1.4rem; color: #333; line-height: 30px; }

.new_x a { font-size: 14px; font-size: 1.4rem; color: #d71820; line-height: 30px; }

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

.new_x iframe { display: block; max-width: 100%; margin: 0 auto; }

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

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

.updown { padding-top: 15px; border-top: 1px dashed #c0c0c0; margin-bottom: 89px; margin-top: 30px; }

.updown .up { margin-top: 0px; margin-bottom: 2px; }

.updown p { line-height: 32px; font-size: 14px; font-size: 1.4rem; color: #666666; }

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

.updown p .img img { display: inline-block; position: relative; top: 3px; }

.updown p .on { color: #d71820; }

.updown p span { font-size: 14px; font-size: 1.4rem; color: #666666; }

.updown p a { font-size: 14px; font-size: 1.4rem; color: #666666; }

.updown p a:hover { color: #d71820; }

.updown { padding-top: 15px; border-top: 1px dashed #c0c0c0; margin-bottom: 89px; margin-top: 30px; }

@media screen and (max-width: 768px) { .news2 .top1 .title1 h1 { font-size: 16px; font-size: 1.6rem; line-height: 30px; }
  .updown { margin-bottom: 30px; } }

.service .se_ul li { float: left; width: 258px; margin-left: 56px; margin-bottom: 58px; }

.service .se_ul .se_wrap { max-width: 258px; margin: 0 auto; width: 100%; text-align: center; }

.service .se_ul p { max-height: 90px; overflow: hidden; margin-top: 14px; color: #333; font-size: 14px; font-size: 1.4rem; line-height: 30px; }

.service .se_ul img { display: block; margin: 0 auto; max-width: 123px; max-height: 121px; width: 100%; }

.service .se_wp { display: block; max-width: 1200px; max-height: 464px; margin: 0 auto; width: 100%; margin-bottom: 75px; }

@media screen and (max-width: 1219px) { .service .se_ul li { width: 23%; margin-left: 1%; margin-right: 1%; } }

@media screen and (max-width: 999px) { .service .se_ul li { margin-bottom: 20px; } }

@media screen and (max-width: 768px) { .service .se_wp { margin-bottom: 20px; }
  .service .se_ul li { width: 48%; margin-left: 1%; margin-right: 1%; } }

@media screen and (max-width: 320px) { .service .se_ul p { font-size: 12px; font-size: 1.2rem; } }

/*********************************************************************  list  ***************************************************************/
.service2 { margin-top: 90px; }

.service2 ul.se_ul21 li { background: url(../images/lilbg.png) no-repeat bottom center; padding-bottom: 29px; margin-bottom: 27px; }

.service2 ul.se_ul21 li .lil { float: left; }

.service2 ul.se_ul21 li .li1 { width: 60px; text-align: center; font-size: 18px; font-size: 1.8rem; }

.service2 ul.se_ul21 li .li2 { margin-left: 90px; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; width: 600px; text-align: left; font-size: 18px; font-size: 1.8rem; }

.service2 ul.se_ul21 li .li2 a:hover { color: #d71820; }

.service2 ul.se_ul21 li .li3 { margin-left: 27px; width: 140px; text-align: left; font-size: 18px; font-size: 1.8rem; }

.service2 ul.se_ul21 li .li4 { margin-left: 132px; font-size: 14px; font-size: 1.4rem; color: #d71820; width: 119px; height: 25px; line-height: 25px; border: 1px solid #d71820; border-radius: 50px; text-align: center; }

.service2 ul.se_ul21 li .li4 a { color: #d71820; }

.service2 ul.se_ul21 li .li4:hover { background-color: #d71820; }

.service2 ul.se_ul21 li .li4:hover a { color: #fff; }

.service2 .page { margin-bottom: 35px; }

@media screen and (max-width: 1219px) { .list .list-top ul li { width: 31.3333%; margin: 1% !important; }
  .list .list-top ul li.on, .list .list-top ul li:hover { background-size: 100% auto; }
  .list .list-top ul li a { width: calc(100% - 2px); }
  .service2 ul.se_ul21 li .li2 { margin-left: 0; width: 510px; }
  .service2 ul.se_ul21 li .li4 { margin-left: 110px; } }

@media screen and (max-width: 999px) { .service2 ul.se_ul21 li .li4 { margin-left: 60px; } }

@media screen and (max-width: 979px) { .service2 ul.se_ul21 li .li2 { width: calc(100% - 60px); margin: 0; }
  .service2 ul.se_ul21 li .li3 { margin: 0; width: calc(50% - 20px); margin-left: 20px; margin-top: 15px; }
  .service2 ul.se_ul21 li .li4 { float: right; margin: 0; width: calc(30% - 2px); margin-top: 15px; } }

@media screen and (max-width: 768px) { .list .page { margin-top: 40px; margin-bottom: 30px; }
  .page a { margin-bottom: 10px; } }

@media screen and (max-width: 639px) { .list .list-top ul li { width: calc(100% - 2px); margin: 0; }
  .list .list-top ul li { height: 40px; padding-bottom: 10px; } }

@media screen and (max-width: 400px) { .service2 ul.se_ul21 li .li1 { font-size: 14px; font-size: 1.4rem; }
  .service2 ul.se_ul21 li .li2 { font-size: 14px; font-size: 1.4rem; }
  .service2 ul.se_ul21 li .li3 { font-size: 14px; font-size: 1.4rem; }
  .service2 ul.se_ul21 li .li4 { width: calc(50% - 2px); } }

/* contact */
.contact { background-color: white; }

/* contact_top */
.contact_top { background: #e5e5e5; border-radius: 8px; margin-top: 60px; }

/* c_left */
.c_left { width: 465px; padding-top: 62px; padding-bottom: 9px; background: url(../images/conleft1.png) no-repeat left top; border-radius: 8px 0px 0px 8px; }

.c_left_wrap { width: 374px; margin-left: 67px; }

.c_left_wrap .c_title { padding-bottom: 27px; font-size: 14px; font-size: 1.4rem; color: #fff; line-height: 30px; }

.c_left_wrap .c_titl3 { color: #fff; padding-bottom: 8px; font-size: 16px; font-size: 1.6rem; }

.c_left_wrap .c_tiyl { margin-bottom: 25px; font-size: 16px; font-size: 1.6rem; line-height: 26px; }

.c_left_wrap .c_tiyl4 { padding-left: 28px; font-weight: bold; color: #fff; background: url(../images/c_xin.png) no-repeat left 10px; }

.c_left_wrap .c_tiyl a { font-weight: bold; color: #fff; font-size: 16px; font-size: 1.6rem; line-height: 26px; }

.c_left_wrap .c_tiyl span { font-weight: bold; color: #fff; }

.c_left_wrap .c_tiyl a:hover { color: #d71820; }

.c_left_wrap .c_tiyl41 { padding-left: 28px; font-weight: bold; color: #fff; background: url(../images/c_xin1.png) no-repeat left 3px; }

.c_left_wrap .c_tiyl42 { padding-left: 28px; font-weight: bold; color: #fff; background: url(../images/c_xin2.png) no-repeat left 3px; }

.c_left_wrap .c_tiyl43 { padding-left: 28px; font-weight: bold; color: #fff; background: url(../images/c_xin3.png) no-repeat left top; }

.main2 .title a:hover { color: #d71820; }

.main3 .title a:hover { color: #d71820; }

/* c_right */
.c_right { float: right; width: 47%; margin-right: 84px; }

.c_title2 { padding-top: 23px; padding-left: 14px; line-height: 30px; font-weight: bold; font-size: 24px; font-size: 2.4rem; color: #d71820; text-transform: uppercase; padding-bottom: 3px; }

.c_xp { padding-top: 13px; }

.c_bt { width: 14px; float: left; color: #ff0000; font-family: "微软雅黑"; line-height: 36px; height: 36px; font-size: 14px; font-size: 1.4rem; }

.c_div1 { padding-bottom: 18px; }

.c_div2 { padding-bottom: 20px; }

.c_div3 { padding-bottom: 20px; }

.c_div4 { padding-top: 2px; margin-bottom: 5px; }

.c_input1 { float: left; line-height: 35px; height: 35px; font-size: 12px; font-size: 1.2rem; text-indent: 14px; color: #666666; width: 547px; border: solid 1px #cccccc; background: #fff; }

.c_textarea { font-family: "微软雅黑"; float: left; font-size: 12px; font-size: 1.2rem; text-indent: 14px; color: #666666; width: 544px; border: solid 1px #cccccc; line-height: 26px; padding-top: 1px; height: 211px; background: #fff; }

.c_captcha { font-size: 12px; font-size: 1.2rem; background: #fff; width: 154px; float: left; line-height: 35px; height: 35px; text-indent: 9px; color: #666666; border: solid 1px #cccccc; }

.c_yzm { float: left; margin-left: 19px; cursor: pointer; }

.c_send { float: right; text-align: center; color: #fff; background: #d71820; width: 181px; height: 37px; line-height: 35px; font-weight: bold; font-size: 14px; font-size: 1.4rem; cursor: pointer; font-family: "微软雅黑"; }

.map { margin: 49px auto 99px; }

.map img { display: block; max-width: 1200px; max-height: 381px; width: 100%; }

.map iframe { display: block; max-width: 1200px; max-height: 381px; width: 100%; }

@media screen and (max-width: 1219px) { .c_left_wrap { margin-left: 15px; }
  .c_left { width: 399px; }
  .c_div1, .c_div2, .c_div3 { padding-bottom: 16px; }
  .c_input1 { width: 95%; }
  .c_textarea { width: 95%; }
  .c_send { width: 116px; } }

@media screen and (max-width: 999px) { .contact_top { background: #e5e5e5; margin-top: 20px; }
  .map { margin: 20px auto 20px; }
  .c_left { float: none; width: 95%; margin: 0 auto; max-width: 399px; border-radius: 10px; margin-top: 20px; padding-bottom: 20px; padding-top: 20px; }
  .c_right { float: none; width: 95%; margin: 0 auto; margin-top: 20px; }
  .c_title2 { padding-top: 0px; }
  .c_left_wrap { width: 90%; margin: 0 auto; }
  .c_send { width: 95%; margin-left: 14px; margin-top: 15px; float: left; }
  .c_left_wrap .c_title { padding-bottom: 20px; } }

@media screen and (max-width: 419px) { .c_left_wrap .c_tiyl { margin-bottom: 15px; }
  .c_input1 { width: 90%; }
  .c_textarea { width: 90%; }
  .c_send { width: 90%; }
  .c_captcha { width: 90%; margin-bottom: 20px; }
  .c_yzm { margin-left: 12px; }
  .c_left_wrap .c_title { line-height: 24px; }
  .c_left_wrap .c_tiyl { font-size: 14px; font-size: 1.4rem; line-height: 28px; font-weight: normal; }
  .c_left_wrap .c_tiyl a { font-size: 14px; font-size: 1.4rem; line-height: 28px; font-weight: normal; }
  .c_left_wrap .c_tiyl span { display: block; font-size: 14px; font-size: 1.4rem; line-height: 28px; font-weight: normal; } }

.gotop { opacity: 0; position: fixed; bottom: 100px; right: 100px; width: 53px; height: 53px; background: url(../images/tophe.png) no-repeat center center; cursor: pointer; z-index: 999; }

@media screen and (max-width: 640px) { .gotop { right: 10px; border: 10px; } }

#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; 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; 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: "微软雅黑", Geneva, 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; transition: left .4s ease,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; animation: bounceFromRight .4s ease-out; }

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

.baguetteBox-button#next-button, .baguetteBox-button#previous-button { top: 50%; 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; 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: 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; animation: bounce 2s infinite ease-in-out; }

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

@-webkit-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; } }

@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); } }

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



.at-resp-share-element .at-icon{width: 24px!important;height: 24px!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: 24px!important;height: 24px!important;}
.at-resp-share-element .at-share-btn{margin-bottom: 0!important;margin-right: 3px!important;}

.none{background: #a4a4a4 !important; color: #fff !important}