/* CSS Document */

* { margin: 0; padding: 0;font-family: "微软雅黑" !important; }



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: Arial, Geneva, Verdana, sans-serif; }



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



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



.wp { position: relative; }



.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: 980px; 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: Arial, Geneva, Verdana, sans-serif; }



:-o-placeholder { /* Mozilla Firefox 4 to 18 */ color: #666; font-size: 16px; font-size: 1.6rem; font-family: Arial, Geneva, Verdana, sans-serif; }



::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #666; font-size: 16px; font-size: 1.6rem; font-family: Arial, Geneva, Verdana, sans-serif; }



:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #666; font-size: 16px; font-size: 1.6rem; font-family: Arial, Geneva, Verdana, sans-serif; }














.c_xp ::-webkit-input-placeholder { /* WebKit browsers */ color: #666; font-size: 12px; font-size: 1.2rem; font-family: Arial, Geneva, Verdana, sans-serif; }



.c_xp :-o-placeholder { /* Mozilla Firefox 4 to 18 */ color: #666;  font-size: 12px; font-size: 1.2rem;font-family: Arial, Geneva, Verdana, sans-serif; }



.c_xp ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #666;  font-size: 12px; font-size: 1.2rem; font-family: Arial, Geneva, Verdana, sans-serif; }



.c_xp :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #666;  font-size: 12px; font-size: 1.2rem; font-family: Arial, Geneva, Verdana, sans-serif; }




/*.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("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 { margin-right: 50px; color: #fff; font-size: 12px; font-size: 1.2rem; display: block; }



.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: 901px) { .container, .nav { display: none !important; } }



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



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



.slide .slideItem { display: block; }



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



.slide { position: relative; }



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



.slide .dotList { text-align: center; position: absolute; bottom: 13px; left: 50%; margin-left: -60px; }



.slide .dotList ul li { display: inline-block; width: 22px; height: 22px; background: url(../images/yao_hui.png) no-repeat center center; margin-left: 2px; cursor: pointer; }



.slide .dotList ul li.active { background: url("../images/yao_1.png") no-repeat center center; }



.slide .carousel-control { position: absolute; top: 50%; width: 60px; height: 60px; z-index: 999; margin-top: -28px; display: none; -webkit-transition: 1s; transition: 1s; }



.slide .carousel-control.left { left: 8%; background: url(../images/header_l.png) no-repeat center center; cursor: pointer; -webkit-transition: 1s; transition: 1s; }



.slide .carousel-control.right { right: 8%; background: url(../images/header_r.png) no-repeat center center; cursor: pointer; -webkit-transition: 1s; transition: 1s; }



.slide:hover .carousel-control { display: block; }



.slide .slidedetail { display: none; }



.imgtoVideo img { width: 100%; }



.imgtoVideo > div { padding: 1px; position: relative; cursor: pointer; width: 49%; display: inline-block; }



.imgtoVideo > div:hover .imgtoVideoDetail { display: block; }



.imgtoVideo .imgtoVideoDetail { width: 100%; height: 100%; position: absolute; top: 0; left: 0; padding: 1px; display: none; }



.imgtoVideo .imgtoVideoDetail > div { background: rgba(0, 98, 197, 0.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8142B49,endColorstr=#C8142B49); width: 100%; height: 100%; text-align: center; }



.imgtoVideo .tovideo .imgtoVideoDetail { display: block; }



.imgtoVideo .tovideo .imgtoVideoDetail > div { background: #0C2D47; width: 60px; height: 60px; color: #fff; line-height: 60px; vertical-align: middle; margin: 0 auto; margin-top: 17%; }



.imgtoVideo .imgtoVideoDetail .fa-search { color: #fff; font-size: 25px; margin-top: 21%; }



.contentIV { position: fixed; top: 0; left: 0; right: 0; width: 100%; height: 100%; display: table; background: rgba(20, 43, 73, 0.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8142B49,endColorstr=#C8142B49); margin: 0 auto; z-index: -999; max-width: 1024px; display: none; }



#picturetoVideo .carouse .slideItem { display: table; height: 100%; }



#picturetoVideo .carouse .slideItem > div { display: table-cell; vertical-align: middle; text-align: center; }



#picturetoVideo .carouse .slideItem .banner-img { max-width: 100%; width: auto; }



.closeContentIV { position: absolute; top: 10px; right: 10px; font-size: 25px; color: #fff; font-weight: bold; cursor: pointer; z-index: 999; }



.dan999 { display: block; }



.dan998 { display: none; }



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

  .dan998 { display: block; } }



@font-face { font-family: 'GothamBold'; src: url("fonts/GothamBold.eot"); src: url("fonts/GothamBold.eot") format("embedded-opentype"), url("fonts/GothamBold.woff2") format("woff2"), url("fonts/GothamBold.woff") format("woff"), url("fonts/GothamBold.ttf") format("truetype"), url("fonts/GothamBold.svg#GothamBold") format("svg"); }



/* search */

.search { display: inline-block; width: 44px; z-index: 99999; position: relative; background: url(../images/rihjt.png) no-repeat left center; top: 0px; right: 0px; }



.sb-icon-search { color: #333; width: 31px; height: 31px; display: block; }



.sb-search-submit { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; color: transparent; border: none; outline: none; z-index: 99999; }



.sb-search { position: relative; width: 0%; min-width: 31px; height: 31px; float: right; display: inline; overflow: hidden; -webkit-transition: width 0s; transition: width 0s; -webkit-backface-visibility: hidden; z-index: 99999; border-radius: 5px; color: #333; }



.sb-search-input { position: absolute; top: 0; left: 0px; outline: none; width: 236px; height: 31px; line-height: 31px; padding-left: 10px; border: none; margin: 0; z-index: 10; font-family: Arial, Helvetica, sans-serif; background: transparent; color: #333; }



.sb-icon-search, .sb-search-submit { width: 31px; height: 31px; display: block; position: absolute; right: 0px; top: 0px; padding: 0; margin: 0; cursor: pointer; background: url(../images/sousuo.png) no-repeat center; }



.sb-search.sb-search-open, .no-js .sb-search { width: 236px; height: 31px; line-height: 31px; position: relative; right: 0px; top: 0px; z-index: 9999999; background: #fff; color: #333; border: 1px solid #f8921b; }



.no-js .sb-search .sb-icon-search { position: absolute; background: #fff url(../images/sousuo.png) no-repeat center; z-index: 15; right: 0px; top: 0px; border: none !important; }



.no-js .sb-search .sb-search-submit { z-index: 9990; }



.header .shejiao a { display: inline-block; margin-left: 4px; }



/* header */

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



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



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



.header_top { text-align: right; margin-top: 20px; padding-bottom: 8px; }



.header_ul1 { display: inline-block; }



.header_ul1 > li { float: left; margin-right: 25px; margin-left: 23px; position: relative; padding-bottom: 0px; }



.header_ul1 > li > a { color: #333; line-height: 33px; display: block; font-family: 'GothamBold'; -webkit-transition: 1s all; transition: 1s all; border-bottom: 4px solid transparent; text-transform: uppercase; padding-bottom: 13px; }



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



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



.dan_header { padding: 10px 0px; display: none; width: 300px; border-radius: 0px 0px 5px 5px; position: absolute; left: 0px; top: 92%; box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.26); -webkit-transition: 1s all; transition: 1s all; background: #fff; background: rgba(255, 255, 255, 0.8); z-index: 999999; border-top: 4px solid #f8921b; }



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



.dan_header > ul > li > a { padding-left: 20px; position: relative; color: #666666; line-height: 30px; display: block; }



.dan_header > ul > li:hover > a { color: #fff; background: #f8921b url(../images/danledu.png) no-repeat 10px center; }



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



.dan_sanheader { display: none; width: 250px; position: absolute; left: 100%; top: -14px; z-index: 999999; border-top: 4px solid #f8921b; box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.26); -webkit-transition: 1s all; transition: 1s all; }



.dan_sanheader > ul { border-radius: 0px 0px 5px 5px; padding: 10px 0px; background: #fff; background: rgba(255, 255, 255, 0.8); }



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



.dan_sanheader > ul > li > a { padding-left: 23px; position: relative; color: #666666; line-height: 30px; display: block; }



.dan_sanheader > ul > li:hover > a { color: #fff; background: #f8921b url(../images/danledu.png) no-repeat 10px center; }



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



@media screen and (max-width: 999px) { .header { position: relative; }

  .header_ul1 > li { margin-left: 0px; }

  .header_ul1 > li > a { font-size: 14px; font-size: 1.4rem; } }



@media screen and (max-width: 900px) { .header { background: #fff; }

  .header_right { display: none; }

  .header .logo { float: none; margin: 0 auto; width: 100%; max-width: 123px; }

  .header_top { text-align: left; margin-left: 20px; } }



@media screen and (max-width: 768px) { 
  .slide .carousel-control { display: none; } 
  .slide:hover .carousel-control{
    display: none;
  }
  .slide .dotList ul li{
    width: 14px;
    height: 14px;
  }
  .slide .dotList{
    margin-left: -36px;
  }
}



/* 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: #f8921b; color: #fff; }



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



@media screen and (max-width: 900px) { .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; } }



/* footer */

.footer { background: url(../images/footetbj.jpg) repeat center top; padding-top: 64px; }



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



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



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



.footer_left { float: left; width: 183px; padding-left: 32px; background: url(../images/foolrg.png) no-repeat left 5px; }



.footer_center { float: left; width: 390px; background: url(../images/foolrg.png) no-repeat left 5px; margin-left: 77px;padding-left: 32px; }



.footer_right { float: right; width: 320px; padding-left: 32px; background: url(../images/foolrg.png) no-repeat left 5px; }



.footer_left ul { margin-top: 25px; }



.footer_left ul li { line-height: 30px; color: #c8c8c8; }



.footer_left ul li a { font-size: 14px; font-size: 1.4rem; color: #c8c8c8; position: relative; left: 0px; }



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



.footer_center ul { margin-top: 23px; }



.footer_center ul li { font-size: 14px; font-size: 1.4rem; padding-left: 25px; line-height: 30px; color: #c8c8c8; }



.footer_center ul li a { font-size: 14px; font-size: 1.4rem; color: #c8c8c8; }



.footer_center ul li.li1 { background: url(../images/foconli1.png) no-repeat left 7px; }



.footer_center ul li.li2 { background: url(../images/foconli2.png) no-repeat left 5px; }



.footer_center ul li.li3 { background: url(../images/foconli3.png) no-repeat left 5px; }



.footer_center ul li.li4 { background: url(../images/foconli4.png) no-repeat left 5px; }



.footer_right a, .footer_right p { font-size: 14px; font-size: 1.4rem; color: #c8c8c8; line-height: 30px; }



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



.footer_right .shejiao { padding-top: 23px; }



.footer_right .shejiao a { display: block; margin-left: 8px; float: left; }



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



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



.Links { margin-top: 27px; height: 39px; line-height: 39px; border-top: 1px solid #979797; color: #999999; }



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



.footer_right .fo_rp { padding-top: 24px; }



@media screen and (max-width: 1219px) { .footer_center { float: left; margin-left: 76px; } }



@media screen and (max-width: 999px) { .footer_left { width: calc( 40% - 32px); float: left; min-height: 250px; }

  .footer_center { width: calc( 60% - 32px); float: right; margin-left: 0px; }

  .footer_right { width: calc( 100% - 32px); }

  .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 { padding-top: 10px; padding-bottom: 10px; }

  .footer_left { display: none; }

  .footer_center { display: none; }

  .footer .title { display: none; }

  .footer_right { background: none; padding-left: 0px; width: calc( 100% - 0px); }

  .Links { display: none; }

  .footer_bot { font-size: 14px; font-size: 1.4rem; }

  .footer_right .shejiao { display: none; } }



.main1 { padding-top: 84px; padding-bottom: 91px; }



.main1 .m1_ul li { float: left; width: 290px; margin-left: 13px; }



.m1_wrap { position: relative; padding-top: 16px; }



.m1_wrap .m1img1 { display: block; max-width: 290px; max-height: 323px; position: absolute; width: 100%; top: 0px; left: 0px; display: none; -webkit-transition: 1s all; transition: 1s all; }



.m1_wrap .img { position: relative; max-width: 280px; margin: 0 auto; overflow: hidden; }



.m1_wrap .img a { display: block; }



.m1_wrap .img img { display: block; max-width: 280px; max-height: 280px; width: 100%; margin: 0 auto; }



.m1_wrap .img .fu { position: absolute; left: 0px; top: 100%; width: 100%; height: 100%; background: #f8921b; background: rgba(248, 146, 27, 0.6); -webkit-transition: 1s all; transition: 1s all; }



.m1_wrap .img .fu:hover { top: 0px; }



.m1_wrap .wenzi { padding-top: 28px; width: 100%; }



.m1_wrap .wenzi a { display: block; width: 100%; overflow: hidden;  text-align: center; font-family: 'GothamBold'; text-transform: uppercase; }



.m1_wrap .wenzi .title { margin-bottom: 5px; line-height: 30px; font-size: 24px; font-size: 2.4rem; color: #f8921b; min-height: 60px; }



.m1_wrap .wenzi .pdk { font-size: 14px; font-size: 1.4rem; color: #666666; line-height: 24px; }



.m1_ul li:hover .fu { top: 0px; }



.m1_ul li:hover .m1img1 { display: block; }



.m1_ul li:hover a:hover { color: #f8921b; }



.main2 .title:hover { color: #f8921b; }



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



@media screen and (max-width: 999px) { .main1 { padding-bottom: 40px; }

  .m1_wrap .img .fu { display: none; }

  .m1_wrap .m1img1 { display: none !important; } }



@media screen and (max-width: 768px) { .main1 { padding-bottom: 30px; padding-top: 30px; }

  .main1 .m1_ul li { width: 48%; margin-left: 1% !important; margin-right: 1%; }

  .m1_wrap .wenzi .title { font-size: 16px; font-size: 1.6rem; margin-bottom: 0px; }

  .m1_wrap .wenzi { margin-top: 5px; padding-top: 0px; margin-bottom: 0px; } }



.main2 { background: url(../images/m2bj.jpg) no-repeat center center; padding-top: 86px; padding-bottom: 99px; }



.main2 .title { font-size: 36px; font-size: 3.6rem; font-weight: 900; color: #fff; text-transform: uppercase; text-align: center; display: block; }



.main2 p { max-width: 990px; margin: 0 auto; width: 100%; margin-top: 29px; margin-bottom: 49px; }



.main2 p a { display: block; text-align: center; line-height: 24px; color: #fff; max-height: 120px; overflow: hidden; }



.main2 .more { position: relative; width: 157px; height: 38px; border: 2px solid #f8921b; line-height: 38px; text-align: center; border-radius: 0px 10px 0px 10px; font-family: 'GothamBold'; background: #f8921b; border-radius: 0px 10px 0px 10px; color: #fff; margin: 0 auto; overflow: hidden; -webkit-transition: 1s all; transition: 1s all; }



.main2 .more .ws_playpause { position: absolute; left: 0px; top: 0%; width: 100%; -webkit-transition: all 0.3s cubic-bezier(0.5, 0.12, 0.46, 0.88); transition: all 0.3s cubic-bezier(0.5, 0.12, 0.46, 0.88); color: #fff; }



.main2 .more .ws_playpause2 { box-sizing: border-box; position: absolute; color: #f8921b; background: #fff; border-radius: 0px 10px 0px 10px; left: 0px; top: 100%; width: 100%; -webkit-transition: all 0.3s cubic-bezier(0.5, 0.12, 0.46, 0.88); transition: all 0.3s cubic-bezier(0.5, 0.12, 0.46, 0.88); }



.main2 .more:hover .ws_playpause { top: 100%; }



.main2 .more:hover .ws_playpause2 { top: 0%; }



.main3 { padding-top: 90px; padding-bottom: 98px;  }



.main3 a { display: block; }



.main3 .m3_r { width: 785px; }



.main3 .ma3_l { display: block; width: 360px; text-align: left; }



.main3 .ma3_l span { display: block; }



.main3 .ma3_l img { display: block; }



.main3 .ma3_r { display: block; width: 412px; }



.main3 .ma3_r span { display: block; float: right; }



.main3 .ma3_r img { display: block; float: right; }



.main3 .img1 img { max-width: 218px; max-height: 189px; width: 100%; }



.main3 .img2 img { max-width: 360px; max-height: 199px; width: 100%; }



.main3 .img3 img { max-width: 277px; max-height: 249px; width: 100%; }



.main3 .img4 img { max-width: 412px; max-height: 320px; width: 100%; }



.main3 .img5 img { max-width: 270px; max-height: 189px; width: 100%; }



.main3 .img1 { overflow: hidden; display: block; max-width: 218px; max-height: 189px; margin-top: 10px; }



.main3 .img2 { overflow: hidden; display: block; max-width: 360px; max-height: 199px; margin-top: 10px; }



.main3 .img3 span { overflow: hidden; display: block; max-width: 277px; max-height: 249px; margin-top: 10px; }



.main3 .img4 { overflow: hidden; display: block; max-width: 412px; max-height: 320px; margin-top: 10px; }



.main3 .img5 { overflow: hidden; display: block; max-width: 270px; max-height: 189px; margin-top: 10px; }



.main3 .img3 { margin-top: 95px; margin-right: 117px; display: block; width: 100%; }



.main3 .m3_l { width: 358px; padding-top: 124px; }



.main3 .title4 { font-size: 42px; font-size: 4.2rem; font-weight: 900; text-transform: uppercase; }



.main3 .title5 { margin-top: 44px; margin-bottom: 6px; font-size: 16px; font-size: 1.6rem; font-weight: bold;  line-height: 24px; }



.main3 .slideBox { width: 100%; height: auto; overflow: hidden; position: relative; }



.main3 .slideBox .hd { height: 10px; overflow: hidden; position: absolute; left: 50%; margin-left: -27px; bottom: 89px; z-index: 1; }



.main3 .slideBox .hd ul { overflow: hidden; zoom: 1; float: left; }



.main3 .slideBox .hd ul li { float: left; margin-right: 4px; margin-left: 4px; border-radius: 50%; width: 10px; height: 10px; line-height: 14px; text-align: center; background: #999999; cursor: pointer; }



.main3 .slideBox .hd ul li.on { background: #f8921b; color: #fff; }



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



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



.main3 .slideBox p { margin-top: 20px; padding-bottom: 92px; }



.main3 .slideBox p a { max-height: 120px; overflow: hidden; display: block; line-height: 24px; }



.main3 .slideBox .time span { display: inline-block; padding-left: 20px; background: url(../images/m3itme.jpg) no-repeat left center; line-height: 24px; color: #f8921b; }



.main3 .more { position: relative; width: 157px; height: 38px; border: 2px solid #f8921b; line-height: 38px; text-align: center; border-radius: 0px 10px 0px 10px; font-family: 'GothamBold'; background: #f8921b; border-radius: 0px 10px 0px 10px; color: #fff; margin: 0 auto; overflow: hidden; -webkit-transition: 1s all; transition: 1s all; }



.main3 .more .ws_playpause { position: absolute; left: 0px; top: 0%; width: 100%; -webkit-transition: all 0.3s cubic-bezier(0.5, 0.12, 0.46, 0.88); transition: all 0.3s cubic-bezier(0.5, 0.12, 0.46, 0.88); color: #fff; }



.main3 .more .ws_playpause2 { box-sizing: border-box; position: absolute; color: #f8921b; background: #fff; border-radius: 0px 10px 0px 10px; left: 0px; top: 100%; width: 100%; -webkit-transition: all 0.3s cubic-bezier(0.5, 0.12, 0.46, 0.88); transition: all 0.3s cubic-bezier(0.5, 0.12, 0.46, 0.88); }



.main3 .more:hover .ws_playpause { top: 100%; }



.main3 .more:hover .ws_playpause2 { top: 0%; }



.main3 a { overflow: hidden; }



.main3 a img { display: block; -webkit-transition: 0.3s all; transition: 0.3s all; }



.main3 a:hover img { transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); }



.main3 .title4:hover { color: #f8921b; }



.main3 .title5:hover { color: #f8921b; }



.main3 .slideBox p a:hover { color: #f8921b; }



#box li div a:hover { color: #f8921b; }



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

  .main3 .m3_r { width: 60%; }

  .main3 .ma3_r { width: 50%; }

  .main3 .ma3_l { width: 48%; }

  .main3 .img3 { margin-top: 30px; } }



@media screen and (max-width: 999px) { .main3 .title5 { margin-top: 10px; }

  .main3 .m3_l { width: 100%; float: none; padding-top: 0px; margin-top: 0px; margin-bottom: 20px; }

  .main3 .m3_r { max-width: 803px; margin: 0 auto; width: 100%; float: none; } }



@media screen and (max-width: 768px) { .main3 { padding-top: 30px; padding-bottom: 40px; }

  .main3 .title4 { font-size: 26px; font-size: 2.6rem; }

  .main3 .title5 { font-size: 14px; font-size: 1.4rem; } 
  .main2 { background: #ccc;  }

  
  }



.main4 { padding-top: 84px; padding-bottom: 70px; background: url(../images/m4bj.jpg) no-repeat top center; }



.main4 .title a:hover { color: #f8921b; }



.main4 .title { margin-bottom: 9px; text-align: center; }



.main4 .title a { font-size: 42px; font-size: 4.2rem; color: #fff; text-transform: uppercase; font-weight: 900; }



.main4 p { max-width: 905px; width: 100%; margin: 0 auto; text-align: center; }



.main4 p a { display: block; color: #fff; line-height: 24px; }



.main4 .img-scroll { position: relative; width: 100%; margin-top: 40px; }



.main4 .img-scroll .prev { position: absolute; display: block; width: 40px; height: 40px; top: 50%; margin-top: -20px; }



.main4 .img-scroll .next { position: absolute; display: block; width: 40px; height: 40px; top: 50%; margin-top: -20px; }



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



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



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



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



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



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



.main4 .img-list li { float: left; width: 3.14%; margin-right: .3%; }



.main4 .img-list .m3lien { max-width: 308px; text-align: center; position: relative; overflow: hidden; box-sizing: border-box; border: 4px solid #fff; -webkit-transition: 1s all; transition: 1s all; }



.main4 .img-list .m3tu { display: block; }



.main4 .img-list .m3lien img { max-width: 308px; max-height: 368px; width: 100%; margin: 0 auto; display:block }



.main4 .img-list .m4zi { position: absolute; left: 100%; bottom: 0px; width: 100%; font-size: 16px; font-size: 1.6rem; background: #f8921b; background: rgba(248, 146, 27, 0.7); line-height: 50px; text-align: center; color: #fff; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }



.main4 .img-list .m3lien:hover .m4zi { left: 0; }



.main4 .img-list .m3lien:hover { border-color: #f8921b; }



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

  .main4 .img-scroll { padding-top: 20px; }

  .main4 .img-list li { width: 3%; margin-right: .487%; } 
  
  .main4 { background:#ccc;  }

  }



@media screen and (max-width: 400px) { .main4 .img-list { width: 191px; margin: 0 auto; }

  .main4 .img-list li { width: 191px; margin-right: .487%; } }



/* main5 */

.main5 { padding-bottom: 102px; background: url(../images/m5bj.jpg) no-repeat bottom center; }



/*******************  fenye lunbo  ********************/

#box { position: relative; width: 1035px; height: 488px; margin: 100px auto 0; }



#box ul { position: relative; width: 1038px; height: 373px; }



#box li { position: absolute; list-style: none; background: #000; width: 0; height: 0; top: 146px; left: 377px; z-index: 0; cursor: pointer; border-radius: 3px; }



#box li img { width: 100%; height: 100%; vertical-align: top; }



#box li div { width: 100%; filter: alpha(opacity=70); color: #333; text-align: center; line-height: 65px; height: 65px; text-align: center; }



#box li div a { color: #333; font-size: 16px; font-size: 1.6rem; }



#box li div h4 { margin: 0 10px; font: 12px/24px arial; border-bottom: 1px #333 solid; }



#box li div h4 span { color: red; margin-left: 10px; }



#box li div p { margin: 5px 10px 0; text-indent: 2em; }



#box .prev, #box .next { position: absolute; top: 50%; width: 24px; height: 44px; margin-top: -40px; overflow: hidden; text-indent: -999px; cursor: pointer; font-size: 0px; }



#copyright { padding-top: 10px; text-align: center; }



#box li div:hover { color: #ff9c00; }



#box2 { display: none; }



#box2 li { float: left; margin-left: 20px; width: 307px; margin-left: 29px; margin-bottom: 20px; }



@media screen and (min-width: 1000px) and (max-width: 1219px) { .main5 { margin-top: 30px; }

  #box2 { display: block; padding-top: 50px; }

  #box { display: none; }

  #box2 li { width: 23%; margin-left: 1%; margin-right: 1%; margin-bottom: 20px; }

  #box2 li img { width: 100%; max-width: 310px; max-height: 433px; }

  #box2 li div { text-align: center; font-size: 16px; font-size: 1.6rem; margin-top: 10px; color: #333; }

  #box2 li div a { cursor: pointer; color: #333; }

  .fwy { width: 710px; }

  .fwy2 { width: 675px; }

  .service { padding-bottom: 80px; } }



@media screen and (max-width: 999px) { .main5 { padding-top: 40px; padding-bottom: 40px; }

  #box2 li div a { cursor: pointer; color: #333; }

  #box2 { display: block; }

  #box { display: none; }

  #box2 { display: block; padding-top: 20px; }

  #box { display: none; }

  #box2 li img { width: 100%; max-width: 310px; max-height: 433px; }

  #box2 li div { text-align: center; font-size: 16px; font-size: 1.6rem; margin-top: 10px; color: #333; }

  .fwy { width: 65%; }

  .fwy2 { padding-left: 0; }

  .service { padding-bottom: 50px; }

  #box2 li { width: 23%; margin-left: 1%; margin-right: 1%; margin-bottom: 20px; } }



@media screen and (max-width: 750px) { .main5 { padding-top: 40px; margin-top: 0px; padding-bottom: 20px; }

  .fwy { width: 100%; }

  .fwz { float: left; }

  #box2 li div { text-align: center; font-size: 14px; font-size: 1.4rem; margin-top: 10px; color: #333; } }



@media screen and (max-width: 640px) { #box2 li { width: 48%; margin: 0 1%; margin-bottom: 10px; } }



@media screen and (max-width: 470px) { .main5 .title { font-size: 22px; font-size: 2.2rem; } }



/* break */

.break { padding-top: 15px; }



.break .wp { border-bottom: 1px solid #f8921b; }



.break p { text-transform: uppercase; font-family: 'GothamBold'; background: url(../images/titlr.png) no-repeat left center; padding-left: 26px; color: #2f6665; font-size: 16px; font-size: 1.6rem; }



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



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



.abnav2 { text-align: center; background: url(../images/ab2xvxian.jpg) no-repeat left bottom; margin-top: 49px; padding-bottom: 10px; }



.abnav2 a { display: inline-block; width: 190px; margin-left: 0px; margin-right: 0px; font-size: 14px; font-size: 1.4rem; line-height: 30px; font-weight: bold; color: #666666; text-align: center; padding-top: 70px; }



.abnav2 .ab21 { background: url(../images/ab2nav1.png) no-repeat top center; }



.abnav2 .ab22 { background: url(../images/ab2nav2.png) no-repeat top center; }



.abnav2 .ab23 { background: url(../images/ab2nav3.png) no-repeat top center; }



.abnav2 .ab21:hover { background: url(../images/ab2nav1h.png) no-repeat top center; }



.abnav2 .ab22:hover { background: url(../images/ab2nav2h.png) no-repeat top center; }



.abnav2 .ab23:hover { background: url(../images/ab2nav3h.png) no-repeat top center; }



.abnav2 .dangqianab2.ab21 { background: url(../images/ab2nav1h.png) no-repeat top center !important; }



.abnav2 .dangqianab2.ab22 { background: url(../images/ab2nav2h.png) no-repeat top center !important; }



.abnav2 .dangqianab2.ab23 { background: url(../images/ab2nav3h.png) no-repeat top center !important; }



.abnav2 a:hover, .abnav2 .dangqianab2 { color: #f8921b; }



.about { padding-bottom: 105px; }



.about .ab1_wrap { margin-top: 62px; }



.about .ab_l { width: 516px;margin-right: 20px;text-indent: 2em; }



.about .ab_l .title { font-family: 'GothamBold'; font-size: 40px; font-size: 4rem; color: #333; text-transform: uppercase; }



.about .ab_l .title span { color: #f8921b; }



.about .ab_l .title2 { margin-top: 20px; margin-bottom: 37px; color: #666666; font-size: 16px; font-size: 1.6rem; font-family: 'GothamBold'; }



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



.about .litop { position: relative; width: 600px; padding-bottom: 32.6%; height: 0; overflow: hidden; margin-top: 11px; }



.about .litop video{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; }



.about .litop iframe body { margin: 0px !important; }



.about .ab2_wrap img { display: block; max-width: 631px; max-height: 377px; width: 100%; margin: 0 auto; margin-right: 55px; }



.about .ab2_wrap p { line-height: 24px;text-indent: 2em; }



.about .ab2_wrap p.p1 { margin-top: 80px; padding-bottom: 21px; }



.about .ab3_wrap { padding-top: 15px; }



.about .ab3_wrap p { line-height: 24px; margin-top: 25px; }



.about .img-scroll { position: relative; width: 100%; margin-top: 44px; }



.about .img-scroll .prev { position: absolute; display: block; width: 19px; height: 30px; top: 50%; margin-top: -41px; }



.about .img-scroll .next { position: absolute; display: block; width: 19px; height: 30px; top: 50%; margin-top: -41px; }



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



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



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



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



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



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



.about .img-list li { float: left; width: 242px; margin-right: 41px; }



.about .img-list li .m3lien .m4fu { position: absolute; top: 100%; left: 0px; background: #f8921b; background: rgba(248, 146, 27, 0.45); width: 100%; height: 100%; }



.about .img-list li .m3lien { max-width: 242px; text-align: center; position: relative; overflow: hidden; }



.about .img-list li .m3lien img { max-width: 242px; max-height: 188px; width: 100%; margin: 0 auto; }



.about .img-list li .m4zi { display: block; margin: 0 auto; max-width: 242px; width: 100%; font-size: 14px; font-size: 1.4rem; color: #333; line-height: 38px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }



.about .img-list li .m3lien:hover .m4fu { top: 0; }



@media screen and (max-width: 1219px) { .about .ab1_wrap { margin-bottom: 20px; }

  .about .ab_l { width: 49%; }

  .about .litop { width: 49%; }

  .about .img-list { width: 89%; }

  .about .img-list li { margin-right: 70px; } }



@media screen and (max-width: 999px) { .about .img-list li .m3lien .m4fu { top: 0px; }

  .about .ab_l { width: 100%; float: none; }

  .about .litop { float: none; width: 600px; margin: 20px auto; }

  .about .ab2_wrap img { width: 100%; float: none; margin: 0 auto; }

  .about .ab2_wrap p.p1 { margin-top: 20px; padding-bottom: 10px; }

  .about .ab3_wrap p { margin-top: 10px; }

  .about { padding-bottom: 50px; }

  .about .img-list { width: 100%; }

  .about .img-scroll .hot { position: relative; top: 0px; max-width: 100px; width: 100%; height: 30px; margin-bottom: 20px; }

  .about .img-scroll .hot span { top: 0px; margin-top: 0px; }

  .about .img-list li { width: 2.4%; margin-right: .1%; } }



@media screen and (max-width: 768px) { .about { padding-bottom: 40px; }

  .about .img-scroll { margin-top: 20px; }

  .about .img-list li { width: 3%; margin-right: .487%; }

  .about .ab1_wrap { margin-top: 0px; }

  .about .ab_l .title { font-size: 26px; font-size: 2.6rem; line-height: 30px; }

  .about .litop { max-width: 600px; width: 100%; padding-bottom: 60%; } }



@media screen and (max-width: 400px) { .about .img-list { width: 242px; margin: 0 auto; }

  .about .img-list li { width: 242px; margin-right: .487%; } }



.about2 { padding-bottom: 0px; }



.ab2_ul { padding-top: 30px; }



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



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



.ab2_ul li .dan_wrap .fu { position: absolute; top: 100%; width: 100%; height: 100%; left: 0; background: #f8921b; background: rgba(248, 146, 27, 0.7); }



.ab2_ul li .dan_wrap img { display: block; max-width: 270px; max-height: 373px; width: 100%; }



.ab2_ul li .wenzi { text-align: center; padding-top: 15px; max-width: 270px; width: 100%; font-weight: bold; margin: 0 auto; line-height: 24px; }



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



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



.ab2_ul li:hover .wenzi a { color: #bd6358; }



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



@media screen and (max-width: 999px) { .ab2_ul { padding-bottom: 10px; }

  .ab2_ul li .wenzi { padding-top: 5px; }

  .ab2_ul li .dan_wrap .fu { top: 0px; background: #f8921b; background: rgba(248, 146, 27, 0.2); } }



@media screen and (max-width: 640px) { .ab2_ul { padding-top: 0px; }

  .abnav2 { background: none; margin-top: 30px; }

  .abnav2 a { /*width: 100%; margin: 0 auto; float: none;*/ margin-bottom: 20px; } }



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



/*page*/

.page { position: relative; margin: 54px auto 120px; }



.page { text-align: center; }



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



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



.page a.first,.page span.first { width: 59px; margin-right: 6px; font-size:12px; font-size:1.2rem }



.page a.last,.page span.last { width: 59px; margin-left: 4px; font-size:12px; font-size:1.2rem  }



/*.page span ,.page a{ 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: 2px; margin-left: 0px; margin-right: 0px; }



.ins { margin-left: 4px; width: 150px; display: inline-block; height: 30px; line-height: 28px; text-align: center; border: none; outline: none; background-color: #999999; 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; } }



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



/* ======================================== about2-w ======================================== */

.about2-w { margin-top: 52px; padding-bottom: 96px; background: url(../images/anuto.jpg) no-repeat bottom center; }



.about2-w .ab-mid .ab5main { padding-bottom: 0px; }



.about2-w .ab-mid .ab5main .zhanshi_tp2 { position: relative; width: 908px; margin: auto; margin-top: 0px; }



.about2-w .ab-mid .ab5main .zhanshi_tp2 .ulBigPic { max-height: 652px; overflow: hidden; width: 538px; box-sizing: border-box; border: 4px solid #e3e3e3; margin: 0 auto; overflow: hidden; }



.about2-w .ab-mid .ab5main .zhanshi_tp2 .ulBigPic li { width: 538px; display: none; border: 0px solid #fff; position: relative; box-sizing: content-box; }



.about2-w .ab-mid .ab5main .zhanshi_tp2 .ulBigPic li a { display: block; position: relative; overflow: hidden; }



.about2-w .ab-mid .ab5main .zhanshi_tp2 .ulBigPic li a .abzz { position: absolute; transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; width: 100%; height: 100%; bottom: -100%; left: 0; background: #000 url(../images/fangda-w.png) no-repeat center center; background: rgba(0, 0, 0, 0.5) url(../images/fangda-w.png) no-repeat center center; }



.about2-w .ab-mid .ab5main .zhanshi_tp2 .ulBigPic li a:hover .abzz { bottom: 0; }



.about2-w .ab-mid .ab5main .abfu { width: 100%; margin-top: 9px; font-size: 16px; font-size: 1.6rem; color: #333; text-align: center; line-height: 38px; }



.about2-w .ab-mid .ab5main .zhanshi_tp2 .ulBigPic .liSelected { display: block; }



.about2-w .ab-mid .ab5main .zhanshi_tp2 .ulBigPic img { display: block; max-width: 538px; max-height: 644px; width: 100%; }



.about2-w .ab-mid .ab5main .zhanshi_tp2 .sLeftBtnA, .about2-w .ab-mid .ab5main .zhanshi_tp2 .sLeftBtnASel, .about2-w .ab-mid .ab5main .zhanshi_tp2 .sLeftBtnABan, .about2-w .ab-mid .ab5main .zhanshi_tp2 .sRightBtnA, .about2-w .ab-mid .ab5main .zhanshi_tp2 .sRightBtnASel, .about2-w .ab-mid .ab5main .zhanshi_tp2 .sRightBtnABan { width: 60px; height: 60px; display: block; position: absolute; top: 294px; }



.about2-w .ab-mid .ab5main .zhanshi_tp2 .sLeftBtnA, .about2-w .ab-mid .ab5main .zhanshi_tp2 .sLeftBtnASel, .about2-w .ab-mid .ab5main .zhanshi_tp2 .sRightBtnA, .about2-w .ab-mid .ab5main .zhanshi_tp2 .sRightBtnASel { cursor: pointer; }



.about2-w .ab-mid .ab5main .zhanshi_tp2 .sLeftBtnA, .about2-w .ab-mid .ab5main .zhanshi_tp2 .sLeftBtnASel, .about2-w .ab-mid .ab5main .zhanshi_tp2 .sLeftBtnABan { left: 42%; margin-left: -317px; background: url(../images/eqleft-w.png) no-repeat; }



.about2-w .ab-mid .ab5main .zhanshi_tp2 .sRightBtnA, .about2-w .ab-mid .ab5main .zhanshi_tp2 .sRightBtnASel, .about2-w .ab-mid .ab5main .zhanshi_tp2 .sRightBtnABan { right: 42%; margin-right: -317px; background: url(../images/eqright-w.png) no-repeat; }



.about2-w .dSmallPicBox { position: relative; }



.about2-w .dSmallPicBox .sLeftBtnB, .about2-w .dSmallPicBox .sLeftBtnBSel, .about2-w .dSmallPicBox .sLeftBtnBBan, .about2-w .dSmallPicBox .sRightBtnB, .about2-w .dSmallPicBox .sRightBtnBSel, .about2-w .dSmallPicBox .sRightBtnBBan { width: 19px; height: 29px; display: block; position: absolute; }



.about2-w .dSmallPicBox .sLeftBtnB, .about2-w .dSmallPicBox .sLeftBtnBSel, .about2-w .dSmallPicBox .sRightBtnB, .about2-w .dSmallPicBox .sRightBtnBSel { cursor: pointer; }



.about2-w .dSmallPicBox .sLeftBtnB, .about2-w .dSmallPicBox .sLeftBtnBSel, .about2-w .dSmallPicBox .sLeftBtnBBan { left: -9%; background: url(../images/eqleft-w.png) no-repeat; top: 110px; }



.about2-w .dSmallPicBox .sRightBtnB, .about2-w .dSmallPicBox .sRightBtnBSel, .about2-w .dSmallPicBox .sRightBtnBBan { right: -9%; background: url(../images/eqright-w.png) no-repeat; top: 110px; }



.about2-w #sLeftBtnA:hover { background: url(../images/eqlefton-w.png) no-repeat; }



.about2-w #sRightBtnA:hover { background: url(../images/eqrighton-w.png) no-repeat; }



.about2-w .ab-mid .ab5main .zhanshi_tp2 .dSmallPicBox { width: 908px; height: 290px; position: relative; margin-top: 11px; }



.about2-w .ab-mid .ab5main .zhanshi_tp2 .dSmallPic { width: 908px; left: 0px; height: 290px; position: absolute; top: 0px; overflow: hidden; }



.about2-w .ab-mid .ab5main .zhanshi_tp2 .dSmallPic ul { position: absolute; }



.about2-w .ab-mid .ab5main .zhanshi_tp2 .dSmallPic li { text-align: center; width: 228px; height: 290px; float: left; display: inline; cursor: pointer; overflow: hidden; }



.about2-w .ab-mid .ab5main .zhanshi_tp2 .dSmallPic .sPic { width: 218px; height: 290px; display: block; padding-top: 5px; margin: 0 auto; }



.about2-w .ab-mid .ab5main .zhanshi_tp2 .dSmallPic .sPic img { width: 210px; height: 252px; border: 4px solid transparent; box-sizing: content-box; }



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



.about2-w .ab-mid .ab5main .zhanshi_tp2 .dSmallPic .sPic img:hover { border: 4px solid #f8921b; }



.about2-w .ab-mid .ab5main .zhanshi_tp2 .dSmallPic .sbic { font-size: 14px; margin-top: 13px; font-size: 1.4rem; color: #333; text-align: center; }



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



.about2-w .ab-mid .ab5main .zhanshi_tp2 .dSmallPic .liSelected .sPic img { border: 4px solid #f8921b; }



.gongchang2 { display: none; }



@media screen and (max-width: 999px) { .about2-w { background: none; }

  .about2-w .ab-mid .ab5main .zhanshi_tp2 { display: none !important; }

  .gongchang2 { display: block; }

  .about2-w .ab-mid .ab5main .gonglie2 { width: 23%; float: left; margin-left: 1%; max-block-size: 1%; }

  .about2-w .ab-mid .ab5main .gonglie2 img { display: block; max-width: 100%; } }



@media screen and (max-width: 768px) { .about2-w .ab-mid .ab5main .gonglie2 { margin-top: 20px; }

  .about2-w { margin-top: 0px; padding-top: 0px; padding-bottom: 46px; background: none; } }



@media screen and (max-width: 639px) { .about2-w .ab-mid .ab5main .gonglie2 { width: 31%; float: left; margin-left: 1%; max-block-size: 1%; margin-top: 20px; } }



@media screen and (max-width: 460px) { .about2-w .ab-mid .ab5main .gonglie2 { width: 48%; float: left; margin-left: 1%; max-block-size: 1%; margin-top: 20px; } }



.ziti { font-family: 'GothamBold'; }



/* product */

/*goods*/

.product { padding-top: 0px; }



.product .xiangqing .goods { width: 865px; padding-top: 13px; }



.product .box1 { width: 100%; }



.product .box1 .peo_ul { width: 100%; }



.product .box1 .peo_ul li { width: 100%; margin-top: 38px; border-bottom: 1px solid #dcdcdc; padding-bottom: 16px; }



.product .box1 .peo_ul li .dan_wrap { position: relative; min-height: 240px; }



.product .box1 .peo_ul li .img { position: absolute; left: 0px; top: 0px; box-sizing: border-box; border: 1px solid #dcdcdc; }



.product .box1 .peo_ul li .img > a img { display: block; max-width: 240px; max-height: 240px; width: 100%; }



.product .box1 .peo_ul li .img input { position: absolute; top: 10px; left: 10px; z-index: 9999; cursor: pointer; }



.product .box1 .peo_ul li .dan_wrap_rifgt { padding-left: 308px; padding-top: 17px; }



.dan_wrap_rifgt a { display: block; }



.dan_wrap_rifgt .przz { margin-bottom: 7px; padding-left: 30px; background: url(../images/palrj.png) no-repeat left center; font-size: 18px; font-size: 1.8rem; font-weight: bold; color: #333; line-height: 41px; }



.dan_wrap_rifgt .wenzi444 { display: block; line-height: 24px; color: #666; max-height: 48px; overflow: hidden; }



.dan_wrap .more { position: relative; margin-top: 63px; display: block; width: 155px; height: 37px; line-height: 37px; text-align: center; border-radius: 0px 10px 0px 10px; border: 2px solid #f8921b; font-family: 'GothamBold'; color: #fff; background: #f8921b; overflow: hidden; }



.dan_wrap .more .ws_playpause { position: absolute; left: 0px; top: 0%; width: 100%; -webkit-transition: all 0.3s cubic-bezier(0.5, 0.12, 0.46, 0.88); transition: all 0.3s cubic-bezier(0.5, 0.12, 0.46, 0.88); color: #fff; }



.dan_wrap .more .ws_playpause2 { box-sizing: border-box; position: absolute; color: #f8921b; background: #fff; border-radius: 0px 10px 0px 10px; left: 0px; top: 100%; width: 100%; -webkit-transition: all 0.3s cubic-bezier(0.5, 0.12, 0.46, 0.88); transition: all 0.3s cubic-bezier(0.5, 0.12, 0.46, 0.88); }



.dan_wrap .more:hover .ws_playpause { top: 100%; }



.dan_wrap .more:hover .ws_playpause2 { top: 0%; }



.dan_wrap_rifgt a:hover { color: #f8921b; }



.dan_wrap_rifgt .przz a { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }



/*list*/

.product .list { width: 270px; margin-top: 50px; padding-bottom: 30px; }



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



.product .list .title1 a { display: block; width: 100%; height: 46px; line-height: 46px; background: url(../images/protut.jpg) center; color: #fff; font-size: 20px; font-size: 2rem; color: #fff; text-align: center; font-family: 'GothamBold'; text-transform: uppercase; }



.product .list .subNavBox { width: 100%; margin-bottom: 70px; }



.product .list .subNav { cursor: pointer; background: #f4f4f4 url(../images/parrow.png) no-repeat 98% center; margin-top: 8px; margin-bottom: 0px; -webkit-transition: 1s all; transition: 1s all; }



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



.product .list .subNav a { line-height: 40px; padding-left: 20px; font-size: 16px; font-size: 1.6rem; font-weight: bold; color: #333333; -webkit-transition: 0s; transition: 0s; -webkit-transition: 1s all; transition: 1s all; }



.product .list .subNav:hover { background: #f8921b url(../images/parrowon.png) no-repeat 98% center; color: #f8921b; }



.product .list .subNav:hover a { color: #fff; }



.product .list .currentDd { background: #f8921b url(../images/parrowon.png) no-repeat 98% center; }



.product .list .currentDd a { color: #fff; }



.product .list .navContent { display: none; background: #f4f4f4; position: relative; top: 0px; padding-bottom: 13px; padding-top: 13px; }



.product .list .navContent > li > a { display: block; font-size: 14px; font-size: 1.4rem; line-height: 30px; color: #666666; padding-left: 19px; }



.product .list .navContent > li > a:hover { color: #f8921b; }



.product .list .subNav.currentDd .navContent { display: block; }



.list_title { background: url(../images/ortgj.png) no-repeat right center; max-width: 270px; margin-bottom: 8px; }



.list_title a { background: #fff; padding-right: 5px; color: #f8921b; font-size: 22px; font-size: 2.2rem; line-height: 24px; font-family: 'GothamBold'; }



.list_ul1 { margin-bottom: 46px; }



.list_ul1 li a { color: #fff; display: block; float: left; margin-left: 3px; margin-top: 9px; line-height: 25px; padding: 0 13px; background: #f8921b; font-size: 12px; font-size: 1.2rem; }



.list_ul2 { margin-top: 17px; }



.list_ul2 dl { position: relative; min-height: 128px; margin-bottom: 21px; }



.list_ul2 dl dt { position: absolute; top: 0px; left: 0px; }



.list_ul2 dl dt a { display: block; max-width: 128px; max-height: 128px; border: 1px solid #dcdcdc; }



.list_ul2 dl dt a img { display: block; max-width: 128px; max-height: 128px; width: 100%; }



.list_ul2 dl dd { padding-left: 149px; }



.list_ul2 dl dd a { display: block; font-size: 16px; font-size: 1.6rem; color: #333; line-height: 30px; padding-top: 37px; display: block; }



.list_ul2 dl dd a:hover { color: #f8921b; }



/*goods1*/

#showArea img:hover { border: 1px solid #f8921b; }



#showArea img { cursor: pointer; display: block; margin-bottom: 10px; width: 140px; height: 140px; border: 1px solid #dcdcdc; box-sizing: border-box; }



#showArea a { display: block; }



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



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



#gobottom { cursor: pointer; display: block; margin: auto; height: 20px; 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 { height: 450px; margin-top: 10px; overflow: hidden; }



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



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



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



.left-pro { width: 650px; text-align: left; margin: 0 auto; margin-top: 37px; }



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



.left-pro .t2 { width: 500px; text-indent: 0; float: left; height: 500px; border: 1px solid #dcdcdc; box-sizing: border-box; }



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



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



/* product */

.goods1 { width: 865px; padding-bottom: 105px; }



.product .content { width: 100%; }



.product .content .title { margin-top: 29px; margin-bottom: 24px; }



.product .content .title h1 { padding-left: 30px; background: url(../images/palrj.png) no-repeat left 10px; font-size: 18px; font-size: 1.8rem; font-weight: bold; color: #333333; line-height: 30px; }



.product .content .btn { width: 354px; display: inline-block; }



.product .content .btn a, .product .content .btn span { text-transform: uppercase; display: block; width: 155px; height: 37px; line-height: 37px; text-align: center; border-radius: 0px 10px 0px 10px; border: 2px solid #f8921b; font-family: 'GothamBold'; color: #f8921b; background: #fff; }



.product .content .btn a:hover { background-color: #f8921b; color: #fff; }



.product .content .share1 { display: inline-block; padding-left: 19px; margin-top: 7px; }



.product .content .share1 p { 
  position: relative;
  top: 50%;
  margin-right: 10px;
  display: inline-block;
  font-size: 14px;
  font-size: 1.4rem;
  color: #666;
  transform: translateY(40%);
}



.product .content .share1 .sha { display: inline-block; margin-left: -7px; }



.product .content .share1 .sha img { display: inline-block; }



.protitle1 { font-family: 'GothamBold'; text-transform: uppercase; font-size: 30px; font-size: 3rem; color: #333; width: 100%; margin-bottom: 30px; margin-top: 50px; background: url(../images/profjbj.jpg) no-repeat left center; }



.protitle2 { font-family: 'GothamBold'; text-transform: uppercase; font-size: 30px; font-size: 3rem; color: #333; width: 100%; margin-bottom: 27px; margin-top: 20px; background: url(../images/profjbj2.jpg) no-repeat left center; }



.protitle2 a { color: #333; }



.goods1 .wenzi { padding-bottom: 11px; font-size: 14px; font-size: 1.4rem; color: #333; line-height: 30px; }



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



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



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



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



.img980 { display: none; }



/*pro media zhuyemian*/

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

  .pro_accul li { width: 23%; margin-left: 1% !important; margin-right: 1% !important; }

  .goods1 { width: 684px; }

  #tsShopContainer { float: none; margin-bottom: 20px; }

  .product .xiangqing .goods1 .content { width: 100%; float: none; } }



@media screen and (max-width: 999px) { .product .xiangqing .goods { width: 100%; padding-bottom: 30px; }

  .product .xiangqing .list { width: 100%; margin-top: 0px; padding-top: 0px; }

  .product .peo_ul li .img .fu { top: 0px; }

  .product .page { margin-bottom: 30px; }

  .list_ul1 li a { margin-left: 1% !important; }

  #tsShopContainer { display: none; }

  .dan_wrap .more { margin-top: 10px; }

  

  

.goods1 .wenzi table { width: 1000px;}



.goods1 .wenzi .table { overflow:scroll }



  

  

   }



@media screen and (max-width: 700px) { .product .peo_ul li .img { position: relative; max-width: 274px; }

  .product .peo_ul li .dan_wrap_rifgt { padding-left: 0px; }

  .dan_wrap_rifgt .wenzi444 { margin-bottom: 20px; }

  .product .box1 .peo_ul li .img { position: relative; top: 0px; max-width: 274px; }

  .product .box1 .peo_ul li .dan_wrap_rifgt { padding-left: 0px; } }



/*pro media xiangqingyemian*/

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

  .MagicZoom { cursor: auto !important; }

  .left-pro { float: none; margin: 0 auto; margin-top: 37px; }

  .product .xiangqing .goods1 .content { width: 100%; }

  .MagicZoomBigImageCont, .MagicZoomPup { display: none !important; } }



@media screen and (max-width: 999px) { .product .xiangqing .list { width: 100%; }

  .img980 { display: block; }

  .left-pro { display: none; }

  .product .xiangqing .goods1 { width: 100%; }

  .protitle1, .protitle2 { background: none; } }



@media screen and (max-width: 640px) { .protitle1, .protitle2 { font-size: 24px; font-size: 2.4rem; }

  .product .content .btn { float: none; width: 100%; }

  .product .content .btn a, .product .content .btn span { width: 48%; }

  .product .content .share1 { padding-left: 0px; float: none; text-align: center; margin-top: 20px; } }



.product .img-scroll { position: relative; width: 100%; }



.product .img-scroll .hot { position: relative; background: #fff; top: -54px; float: right; max-width: 58px; width: 100%; height: 24px; }



.product .img-scroll .prev { position: absolute; display: block; width: 24px; height: 24px; top: 50%; margin-top: -12px; }



.product .img-scroll .next { position: absolute; display: block; width: 24px; height: 24px; top: 50%; margin-top: -12px; }



.product .img-scroll .prev { left: 0; cursor: pointer; background: url(../images/prot_left.jpg) no-repeat center; }



.product .img-scroll .next { right: 0; cursor: pointer; background: url(../images/prot_right.jpg) no-repeat center; }



.product .img-scroll .prev:hover { background: url(../images/prot_lefton.jpg) no-repeat center; }



.product .img-scroll .next:hover { background: url(../images/prot_righton.jpg) no-repeat center; }



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



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



.product .img-list li { float: left; width: 240px; margin-right: 72px; }



.product .img-list li .m3lien .m4fu { position: absolute; top: 100%; left: 0px; background: #f8921b; background: rgba(248, 146, 27, 0.6); width: 100%; height: 100%; }



.product .img-list li .m3lien { max-width: 240px; text-align: center; position: relative; overflow: hidden; }



.product .img-list li .m3lien img { box-sizing: border-box; border: 1px solid #dcdcdc; max-width: 240px; max-height: 240px; width: 100%; margin: 0 auto; }



.product .img-list li .m4zi { display: block; margin: 0 auto; max-width: 240px; width: 100%; font-size: 16px; font-size: 1.6rem; font-weight: bold; color: #333; line-height: 38px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 5px; }



.product .img-list li .m3lien:hover .m4fu { top: 0; }



.titlems a { text-align: left; line-height: 30px; font-size: 16px; font-size: 1.6rem; }



.titlems .dan_p { position: absolute; right: 0px; top: 16px; display: none; }



.titlems .dan_p span { margin-bottom: 2px; display: block; width: 25px; height: 4px; background-color: #f8921b; }



@media screen and (max-width: 999px) { .titlems { position: relative; margin-top: 20px; border-bottom: 3px solid #f8921b; margin-bottom: 40px; }

  .product .list .title1 { margin-bottom: 20px; }

  .product .list .title1 a { background: #fff; color: #333; width: 100%; max-width: 100%; text-align: left; }

  .titlems .dan_p { display: block; }

  .product .subNavBox { display: none; } }



@media screen and (max-width: 1219px) { .product .img-list li { width: 180px; } }



@media screen and (max-width: 999px) { .product .img-list li .m3lien .m4fu { top: 0px; display: none; }

  .product .img-list { width: 100%; }

  .product .img-scroll .hot { position: relative; top: 0px; float: right; max-width: 58px; width: 100%; margin-bottom: 10px; }

  .product .img-list li { width: 2.4%; margin-right: .1%; }

  .protitle2 { margin-bottom: 30px; } }



@media screen and (max-width: 768px) { .product .img-scroll { margin-top: 20px; }

  .product .img-list li { width: 3%; margin-right: .487%; } }



@media screen and (max-width: 400px) { .protitle1, .protitle2 { font-size: 20px; font-size: 2rem; }

  .product .img-list { width: 235px; margin: 0 auto; }

  .product .img-list li { width: 235px; margin-right: .487%; } }



/* news1 */

.news1 { padding-top: 50px; }



.news_ul li { background: url(../images/new29.jpg) repeat-x left bottom; padding-bottom: 24px; margin-bottom: 43px; }



.news_ul .time { width: 86px; padding-right: 16px; height: 110px; background: url(../images/nwewenibj.jpg) no-repeat left center; font-weight: bold; text-align: center; margin-right: 34px; }



.news_ul .time span { color: #fff; display: block; text-align: center; font-family: 'GothamBold'; }



.news_ul .time span.sp1 { font-size: 41px; font-size: 4.1rem; padding-top: 15px; }



.news_ul .time span.sp2 { font-size: 24px; font-size: 2.4rem; margin-top: 6px; text-transform: uppercase; }



.news_ul .img { display: block; }



.news_ul .img img { display: block; max-width: 238px; max-height: 141px; width: 100%; box-sizing: border-box; border: 2px solid #b7b7b7; }



.news_ul .wenzi { width: 788px; }



.news_ul .wenzi a { display: block; }



.news_ul .wenzi .title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: -5px; padding-top: 0px; padding-bottom: 8px; font-weight: bold; font-size: 16px; font-size: 1.6rem; color: #333; line-height: 24px; }



.news_ul .wenzi .alside { max-height: 48px; overflow: hidden; margin-bottom: 32px; font-size: 14px; font-size: 1.4rem; color: #666666; line-height: 24px; }



.news_ul .more { position: relative; display: block; width: 155px; height: 30px; line-height: 30px; text-transform: uppercase; text-align: center; border-radius: 0px 10px 0px 10px; border: 2px solid #f8921b; font-family: 'GothamBold'; color: #fff; background: #f8921b; overflow: hidden; }



.news_ul .more .ws_playpause { position: absolute; left: 0px; top: 0%; width: 100%; -webkit-transition: all 0.3s cubic-bezier(0.5, 0.12, 0.46, 0.88); transition: all 0.3s cubic-bezier(0.5, 0.12, 0.46, 0.88); color: #fff; }



.news_ul .more .ws_playpause2 { box-sizing: border-box; position: absolute; color: #f8921b; background: #fff; border-radius: 0px 10px 0px 10px; left: 0px; top: 100%; width: 100%; -webkit-transition: all 0.3s cubic-bezier(0.5, 0.12, 0.46, 0.88); transition: all 0.3s cubic-bezier(0.5, 0.12, 0.46, 0.88); }



.news_ul .more:hover .ws_playpause { top: 100%; }



.news_ul .more:hover .ws_playpause2 { top: 0%; }



.news_ul .wenzi .title:hover { color: #f8921b; }



.news_ul .wenzi .alside:hover { color: #f8921b; }



.news1 .page { margin-top: 58px; }



@media screen and (max-width: 1219px) { .news_ul .wenzi { width: 570px; } }



@media screen and (max-width: 999px) { .news1 .page { margin-top: 0px; }

  .dan_new_wreap { width: 100%; float: none; margin-bottom: 20px; }

  .news_ul .wenzi { width: 100%; float: none; }

  .news_ul .wenzi a.more { margin-top: 0px; }

  .news_ul .wenzi .alside { margin-bottom: 10px; } }



@media screen and (max-width: 420px) { .news_ul .img { width: 145px; } }



/* new2 */

.new2 { padding-top: 38px; margin-bottom: 20px; }



.new2_l { width: 772px; }



.new2_l .title1 h1 { font-size: 20px; font-size: 2rem; color: #f8921b; font-weight: bold; line-height: 40px; }



.new2_l .time { margin-top: 0px; padding-bottom: 9px; margin-bottom: 18px; }



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



.new2 .newsx { line-height: 26px; font-size: 16px; font-size: 1.6rem; color: #333; margin-bottom: 26px; }



.new2 .newsx strong { line-height: 26px; font-size: 16px; font-size: 1.6rem; color: #333; }



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



.new2 .newsx a { line-height: 26px; font-size: 16px; font-size: 1.6rem; color: #004993; }



.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_r { width: 270px; padding-right: 41px; margin-bottom: 20px; }



.new2_r .back { display: block; width: 100%; border-bottom: 3px solid #e4e4e4; text-transform: uppercase; padding-bottom: 0px; font-size: 20px; font-size: 2rem; font-weight: 900; line-height: 41px; color: #333333; margin-bottom: 36px; }



.new2_r li { border-bottom: 1px dashed #7e7e7e; padding-bottom: 6px; margin-bottom: 40px; }



.new2_r li a { display: block; }



.new2_r li a img { display: block; max-width: 270px; box-sizing: border-box; border: 2px solid #b7b7b7; }



.new2_r li a.we_tit { margin-top: 16px; max-height: 48px; overflow: hidden; color: #666666; line-height: 24px; }



.new2_r .time span { margin-top: 16px; padding-left: 21px; background: url(../images/danshijan.png) no-repeat left center; font-size: 12px; font-size: 1.2rem; color: #666666; font-weight: normal; display: inline-block; line-height: 26px; }



.new2_r li a.we_tit:hover { color: #f8921b; }



.new2_r .back:hover { color: #f8921b; }



.updown { padding-top: 15px; background: url(../images/new29.jpg) no-repeat top center; margin-bottom: 30px; }



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



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



.updown p .img { display: inline-block; padding-right: 5px; }



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



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



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



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



@media screen and (max-width: 1219px) { .new2_l { width: 666px; } }



@media screen and (max-width: 999px) { .new2_r { width: 100%; float: none; padding: 0px; }

  .new2_l { width: 100%; float: none; }

  .new2_r li a img { margin: 0 auto; }

  

  .new2 .newsx table { width: 1000px;  }



.new2 .newsx .table{ overflow:scroll}

  

  

  

  

   }



@media screen and (max-width: 768px) { .break p { font-size: 14px; font-size: 1.4rem; }

  .new2_l .title1 h1 { font-size: 20px; font-size: 2rem; line-height: 30px; }

  .new2 { padding-top: 20px; } }



.app_ul li { float: left; margin-left: 60px; margin-top: 50px; }



.app_ul .app_wrap { position: relative; overflow: hidden; max-width: 360px; margin: 0 auto; }



.app_ul .app_wrap a { display: block; }



.app_ul .app_wrap img { display: block; max-width: 360px; max-height: 240px; margin: 0 auto; width: 100%; }



.app_ul .app_wrap .fu { position: absolute; top: 100%; left: 0px; width: 100%; height: 100%; }



.app_ul .wenzi { max-width: 360px; margin: 0 auto; padding-top: 10px; }



.app_ul .wenzi a { font-size: 16px; font-size: 1.6rem; line-height: 30px; padding-left: 10px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }



.app_ul .wenzi a:hover { color: #f8921b; }



.app_ul li:hover .fu { top: 0px; }



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



@media screen and (max-width: 999px) { .app_ul .app_wrap .fu { display: none; } }



@media screen and (max-width: 640px) { .app_ul .wenzi { padding-top: 5px; }

  .app_ul .wenzi a { font-size: 14px; font-size: 1.4rem; }

  .app_ul li { width: 48%; margin-left: 1%; margin-right: 1%; margin-top: 20px; } }



.applications2 { padding-top: 42px; padding-bottom: 87px; }



.applications2 h1 { margin-bottom: 30px; background: url(../images/appbj.png) no-repeat left bottom; padding-bottom: 11px; line-height: 30px; text-transform: uppercase; font-size: 20px; font-size: 2rem; font-weight: bold; color: #f8921b; }



.applications2 .app_x { font-size: 14px; font-size: 1.4rem; color: #333; line-height: 30px; margin-bottom: 30px; }



.applications2 .app_x a { font-size: 14px; font-size: 1.4rem; color: #f8921b; line-height: 30px; }



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



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



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



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



@media screen and (max-width: 1219px) { .applications2 { padding-top: 42px; padding-bottom: 40px; } }



@media screen and (max-width: 999px) { .applications2 { padding-top: 20px; padding-bottom: 20px; } }



/* contact */

/* contact_top */

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



/* c_left */

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



.c_left_wrap { width: 339px; margin: 0 auto; }



.c_left_wrap .c_title { padding-bottom: 45px; font-size: 14px; font-size: 1.4rem; color: #fff; font-weight: bold; line-height: 24px; }



.c_left_wrap .c_titl3 { color: #fff; padding-bottom: 10px; }



.c_left_wrap .c_tiyl {/* margin-bottom: 30px;*/  margin-bottom: 25px;}



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



.c_left_wrap .c_tiyl4 a { font-weight: bold; color: #fff; }



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



.c_left_wrap .c_tiyl41 { padding-left: 20px; font-weight: bold; color: #fff; background: url(../images/c_xin2.png) no-repeat left 1px; }
.c_left_wrap .c_tiyl44 { padding-left: 20px; font-weight: bold; color: #fff; background: url(../images/foconli2.png) no-repeat left 1px; }



.c_left_wrap .c_tiyl42 { padding-left: 20px; font-weight: bold; color: #fff; background: url(../images/c_xin2whatapp.png) no-repeat left 1px; }
.c_left_wrap .c_tiyl42 a{ color:#fff;}


.c_left_wrap .c_tiyl43 { padding-left: 20px; font-weight: bold; color: #fff; background: url(../images/c_xin4.png) no-repeat left 3px; line-height: 24px; }



/* 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: #f8921b; text-transform: uppercase; padding-bottom: 3px; }



.c_xp { padding-top: 13px; }



.c_bt { width: 14px; float: left; color: #ff0000; font-family: Verdana; 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: Arial; 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; }



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



.c_send { float: right; text-align: center; color: #fff; background: #f8921b; width: 181px; height: 37px; line-height: 35px; font-size: 14px; font-size: 1.4rem; cursor: pointer; font-family: 'GothamMedium'; }



.map { margin: 50px auto 100px; }



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



@media screen and (max-width: 1219px) { .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%; }

  .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; }

  .yanzheng { margin-left: 12px; } }



@font-face { font-family: 'GothamMedium'; src: url("fonts/GothamMedium.eot"); src: url("fonts/GothamMedium.eot") format("embedded-opentype"), url("fonts/GothamMedium.woff2") format("woff2"), url("fonts/GothamMedium.woff") format("woff"), url("fonts/GothamMedium.ttf") format("truetype"), url("fonts/GothamMedium.svg#GothamMedium") format("svg"); }



.ziti1 { font-family: 'GothamMedium'; }



.ziti { font-family: 'GothamBold'; }



.gotop { opacity: 0; position: fixed; bottom: 100px; right: 100px; width: 20px; height: 20px; background: red; cursor: pointer; z-index: 999; display: none; }



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

	

	

	

	.listcart{ width:100%; margin-top:20px; margin-bottom:20px }



.listcart a{ display:inline-block;height: 26px; width:220px;



	line-height: 25px;



	



	cursor: pointer;



	



	border: none;



	overflow: hidden;



	color: #fff;



	cursor: pointer; background:#f8921b; padding-left:10px; padding-right:10px; text-align:center; font-size:14px; font-size:1.4rem; margin-left:10px;  font-family: 'HelveticaLTStdLight'; }



	@media screen and (max-width:999px){



		.listcart a{ width:40% ; margin-left:2.5%; margin-right:2.5%; padding-left:0px; padding-right:0px ;  }



		



	}



	



	@media screen and (max-width:420px){



		



		.listcart a{ width:95% !important ; float:none; overflow:hidden; margin-bottom:1rem; margin-bottom:1rem}







		



		}







.shuxp_c{ clear:both; width:100%; margin-top:10px;font-size:14px; font-size:1.4rem; line-height:25px }







.shuxp_c a{ color:#f8921b}





.top20du{ margin-top:20px; margin-bottom:20px}





.at-resp-share-element .at-icon { width: 25px !important; height: 25px !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: 25px !important; height: 25px !important; }



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

.lang{
  float: right;
  margin-right: 10px;
}
.lang a:hover{
  color: #f8921b;
}
.header_top .shejiao{
  float: right;
}
/*-------------contact start---------------------------------------------------------------*/
.common-vc{position: absolute; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%);}
.contact-pc{right: 0;width: 69px;z-index: 999;position: fixed;}
.contact-pc li{width: 69px;height: 69px;border-radius: 5px;margin-bottom: 2px;position: relative;}
.contact-pc li a{display: block;height: 69px;}
.contact-pc li:hover{}
.c1{background: #f8921b url(../images/skype.png) no-repeat center;}
.c2{background: #f8921b url(../images/whatsapp.png) no-repeat center;}
.c3{background: #f8921b url(../images/wechat.png) no-repeat center;cursor: pointer}
.c4{background: #f8921b url(../images/email.png) no-repeat center;}
.c5{background: #f8921b url(../images/back-top.png) no-repeat center;cursor: pointer}
.contact-pc .c3 .ewm{
  position: absolute;
  top: 0;
  left: 125px;
  max-width: 120px;
  width: 120px;
  height: 120px;
}
.contact-pc .c3:hover .ewm{
  left: -125px;
}

.contact-phone{position: fixed;bottom: 0;height: 50px;left: 0;right: 0;display: none;z-index: 999;}
.contact-phone li{width: 50%;height: 50px;float: left;position: relative;}
.contact-phone li a{display: block;height: 50px;}
.contact-phone .c3 .ewm{
  position: absolute;
  bottom: 50px;
  left: 0;
  max-width: 100px;
  width: 100px;
  height: 100px;
  display: none;
}
@media only screen and (max-width: 767px) {
  .contact-pc{display: none;}
  .contact-phone{display: block;}
  body{
    padding-bottom: 50px;
  }
}
/*back-top*/
.back-top{
  width: 50px;
  height: 50px;
  background: url(../images/back-top.jpg) no-repeat center;
  background-size: contain;
  position: fixed;
    right: 0px;
    bottom: -100px;
    transition: 1s;
    cursor: pointer;
    z-index: 998;
}
@media only screen and (max-width:767px ) {
    .back-top{width:40px;height:40px;display: none;}
}
/*-------------contact end-----------------------------------------------------------------*/
.product .list .navContent .active2{
  color: #f8921b;
}
.solgin {
  line-height: 100px;
  font-weight: bold;
}
@media only screen and (max-width:1220px ) {
  .solgin {
    width: 25%;
    line-height: 32px;
    margin-top: 20px;
  }
}
@media only screen and (max-width:900px ) {
  .solgin {
    display: none;
  }
}
.lang1{
  margin-right: 40px;
}
.lang1 a{
  font-weight: bold;
}
.header{
  position: fixed;
  background-color: #fff;
}

.header.active{
  box-shadow: 0px 0px 12px 0px rgba(51, 51, 51, 0.2);
}


.bannerRange{
  margin-top: 100px;
}


@media screen and (max-width:1220px){
  .bannerRange{
    margin-top: 93px;
  }
}

@media screen and (max-width:900px){
  .bannerRange{
    margin-top: 90.73px;
  } 
}