/* CSS Document */

* { margin: 0; padding: 0; }



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



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



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



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



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



img.imgyzm { cursor: pointer; }



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



.disnone { display: none; }



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



@-webkit-keyframes bounceFromRight { 0% { margin-left: 0; }

  50% { margin-left: -30px; }

  100% { margin-left: 0; } }



@-moz-keyframes bounceFromRight { 0% { margin-left: 0; }

  50% { margin-left: -30px; }

  100% { margin-left: 0; } }



@keyframes bounceFromRight { 0% { margin-left: 0; }

  50% { margin-left: -30px; }

  100% { margin-left: 0; } }



@-webkit-keyframes bounceFromLeft { 0% { margin-left: 0; }

  50% { margin-left: 30px; }

  100% { margin-left: 0; } }



@-moz-keyframes bounceFromLeft { 0% { margin-left: 0; }

  50% { margin-left: 30px; }

  100% { margin-left: 0; } }



@keyframes bounceFromLeft { 0% { margin-left: 0; }

  50% { margin-left: 30px; }

  100% { margin-left: 0; } }



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

    transform: scale(0); }

  50% { -webkit-transform: scale(1);

    transform: scale(1); } }



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

    -moz-transform: scale(0);

      transform: scale(0); }

  50% { -webkit-transform: scale(1);

    -moz-transform: scale(1);

      transform: scale(1); } }



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

    -moz-transform: scale(0);

      -o-transform: scale(0);

      transform: scale(0); }

  50% { -webkit-transform: scale(1);

    -moz-transform: scale(1);

      -o-transform: scale(1);

      transform: scale(1); } }



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



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



img { border: none; }



ul { margin-bottom: 0; }



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



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



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



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



.clear { clear: both; }



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



textarea { resize: none; }



.l, .fl { float: left; }



.r, .fr { float: right; }



.fix { *zoom: 1; }



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



.wp { position: relative; }



.box { position: relative; }



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



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



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



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



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



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



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



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



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



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



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



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



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



/*.container*/

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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



.c-mail1 { margin-left: 20px; font-size: 12px; font-size: 1.2rem; line-height: 30px; color: #fff; background: url(../img/c-mail1.png) no-repeat left center; padding-left: 25px; }



.c-mail1 a { color: #fff; }



.c-tel1 { margin-left: 20px; font-size: 12px; font-size: 1.2rem; line-height: 30px; color: #fff; background: url(../img/c-tel1.png) no-repeat left center; padding-left: 25px; }



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



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



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



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



/*kefu*/

.kefu { position: fixed; right: 0px; top: 38%; z-index: 99999999; }



.kefu li { margin-top: 4px; }



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

  .kefu { background: #fff; height: 40px; width: 100%; bottom: 0; left: 0; top: auto; right: auto; }

  .kefu ul { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; }

  .kefu ul li { margin-top: 0; margin-bottom: 0; }

  .kefu ul img { width: 35px; display: block; margin-top: 2.5px; } }



.head { padding-bottom: 4px; padding-top: 15px; background: url(../img/headbg.jpg) no-repeat center top; }



.head .logo { margin-left: 22px; }



.head .yikuai .yk-top { padding-top: 3px; }



.head .yikuai .yk-top .y-one { margin-right: 46px; color: #fff; font-size: 14px; font-size: 1.4rem; color: #fff; line-height: 24px; }



.head .yikuai .yk-top .y-one span { color: #fff; display: block; padding-left: 23px; background: url(../img/head-phone.png) no-repeat left center; }



.head .yikuai .yk-top .y-two { margin-right: 73px; color: #fff; font-size: 14px; font-size: 1.4rem; color: #fff; line-height: 24px; }



.head .yikuai .yk-top .y-two a { color: #fff; display: block; padding-left: 33px; background: url(../img/head-mail.png) no-repeat left center; }



.head .yikuai .yk-top .y-two a:hover { text-decoration: underline; }



.head .yikuai .yk-top .y-three { margin-right: 98px; color: #fff; font-size: 14px; font-size: 1.4rem; color: #fff; line-height: 24px; }



.head .yikuai .yk-top .y-three span { font-size: 16px; font-size: 1.6rem; font-style: italic; display: block; color: #d1d1d1; float: left; font-weight: bold; margin-right: 8px; }



.head .yikuai .yk-top .y-three a { max-width: 302px; float: left; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; display: block; color: #fff; font-style: normal; }



.head .yikuai .yk-top .y-three a:hover { text-decoration: underline; }



.head .yikuai .yk-bot { margin-top: 53px; }



.head .yikuai .yk-bot .nav1 ul { padding-left: 25px; }



.head .yikuai .yk-bot .nav1 ul li { position: relative; padding: 0px 12px 19px; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; float: left; margin-right: 29px; background: url(../img/ulline.jpg) no-repeat -200px bottom; }



.head .yikuai .yk-bot .nav1 ul li:hover, .head .yikuai .yk-bot .nav1 ul li.on { background: url(../img/ulline.jpg) no-repeat center bottom; }



.head .yikuai .yk-bot .nav1 ul li:hover > a, .head .yikuai .yk-bot .nav1 ul li.on > a { color: #e6001c; }



.head .yikuai .yk-bot .nav1 ul li { z-index: 99999; }



.head .yikuai .yk-bot .nav1 ul li > a { display: block; color: #333; font-size: 16px; font-size: 1.6rem; font-weight: bold; text-transform: uppercase; }



.head .yikuai .yk-bot .nav1 ul li .yiji { width: 272px; position: absolute; top: 100%; left: 50%; margin-left: -86px; display: none; padding-top: 4px; }



.head .yikuai .yk-bot .nav1 ul li .yiji .yijiin { position: relative; background: url(../img/xian2.png) repeat center center; }



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



.head .yikuai .yk-bot .nav1 ul li .yiji .yijiin:hover > a { color: #fff; background: #0140a1 url(../img/jiantouon.png) no-repeat 12px center; }



.head .yikuai .yk-bot .nav1 ul > li:hover .yiji { display: block; }



.head .yikuai .yk-bot .nav1 ul li .erji { width: 287px; position: absolute; top: 0%; left: 100%; display: none; padding-left: 2px; }



.head .yikuai .yk-bot .nav1 ul li .erji .erjiin { background: url(../img/xian2.png) repeat center center; }



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



.head .yikuai .yk-bot .nav1 ul li .erjiin:hover > a { color: #fff; background: #0140a1 url(../img/jiantouon.png) no-repeat 12px center; }



.head .yikuai .yk-bot .nav1 ul li .yiji .yijiin:hover .erji { display: block; }



.head .logo { width: 115px; }



.head .logo a { display: block; }



.search { width: 39px; z-index: 99999; position: absolute; background: none; margin-top: -9px; right: 0; }



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



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



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



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



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



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



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



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



/* nav2 */

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



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



.nav2 ul li:hover, .nav2 ul li.hover { background-color: #0140a1; }



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



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



@media screen and (max-width: 1219px) { .head { background: url(../img/headbg.jpg) no-repeat 40% top; }

  .head .yikuai .yk-top .y-one { margin-right: 25px; }

  .head .yikuai .yk-top .y-two { margin-right: 10px; }

  .head .yikuai .yk-top .y-three { margin-right: 0; }

  .head .yikuai .yk-bot .nav1 ul li { margin-right: 30px; }
  .head .logo { margin-left: 0px; }
  
  .head .yikuai .yk-bot .nav1 ul li > a { font-size:14px; font-size:1.4rem;
   
   
}
   }
@media screen and (max-width: 979px) {
 .head .yikuai .yk-bot .nav1 ul li { margin-right: 15px; }
 
}

@media screen and (max-width: 979px) { .head .logo { margin-left: 0; }

  .head .yikuai { width: -webkit-calc(100% - 220px); width: -moz-calc(100% - 220px); width: calc(100% - 220px); }

  .head { background: url(../img/headbg.jpg) no-repeat 35% top; }

  .head .yikuai .yk-top .y-one { width: 48%; margin-right: 4%; }

  .head .yikuai .yk-top .y-two { width: 48%; margin-right: 0; }

  .head .yikuai .yk-top .y-three { width: 90%; margin-right: 0; margin-left: 10%; }

  .head .yikuai .yk-top { padding-top: 0; }

  .head .yikuai .yk-bot .nav1 a { font-size: 14px; font-size: 1.4rem; }

  .head .yikuai .yk-bot .nav1 ul li { padding-left: 0; padding-right: 0; }

  .head .yikuai .yk-bot { margin-top: 27px; } }



@media screen and (max-width: 840px) { .head .yikuai { width: -webkit-calc(100% - 140px); width: -moz-calc(100% - 140px); width: calc(100% - 140px); } }



@media screen and (max-width: 768px) { .head { background: #c5daf9; padding-top: 5px; padding-bottom: 5px; }

  .head .yikuai { display: none; }

  .head .logo { width: 90px; }

  .nav2 { display: block; } }



/*lun bo*/

#wowslider-container1 { display: table; zoom: 1; position: relative; width: 100%; max-width: 100%; max-height: 800px; margin: 0px auto 0px; z-index: 90; text-align: left; font-size: 10px; text-shadow: none; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }



* html #wowslider-container1 { width: 1920px; }



#wowslider-container1 .ws_images ul { position: relative; width: 10000%; height: 100%; left: 0; list-style: none; margin: 0; padding: 0; border-spacing: 0; overflow: visible; }



#wowslider-container1 .ws_images ul li { position: relative; width: 1%; height: 100%; line-height: 0; overflow: hidden; float: left; padding: 0 0 0 0 !important; margin: 0 0 0 0 !important; }



#wowslider-container1 .ws_images { position: relative; left: 0; top: 0; height: 100%; max-height: 800px; max-width: 100%; vertical-align: top; border: none; overflow: hidden; }



#wowslider-container1 .ws_images ul a { width: 100%; height: 100%; max-height: 800px; display: block; color: transparent; }



#wowslider-container1 img { max-width: none !important; }



#wowslider-container1 .ws_images .ws_list img, #wowslider-container1 .ws_images > div > img { width: 100%; border: none 0; max-width: none; padding: 0; margin: 0; }



#wowslider-container1 .ws_images > div > img { max-height: 800px; }



#wowslider-container1 .ws_images iframe { position: absolute; z-index: -1; }



#wowslider-container1 .ws-title > div { display: inline-block !important; }



#wowslider-container1 a { text-decoration: none; outline: none; border: none; }



#wowslider-container1 .ws_bullets { float: left; position: absolute; z-index: 70; }



#wowslider-container1 .ws_bullets div { position: relative; float: left; font-size: 0px; }



#wowslider-container1 .ws_bullets a { line-height: 0; }



#wowslider-container1 .ws_script { display: none; }



#wowslider-container1 sound, #wowslider-container1 object { position: absolute; }



#wowslider-container1 .ws_effect { position: static; width: 100%; height: 100%; }



#wowslider-container1 .ws_photoItem { border: 2em solid #fff; margin-left: -2em; margin-top: -2em; }



#wowslider-container1 .ws_cube_side { background: #A6A5A9; }



#wowslider-container1.ws_gestures { cursor: -webkit-grab; cursor: -moz-grab; }



#wowslider-container1.ws_gestures.ws_grabbing { cursor: -webkit-grabbing; cursor: -moz-grabbing; }



#wowslider-container1.ws_video_playing .ws_bullets, #wowslider-container1.ws_video_playing .ws_fullscreen, #wowslider-container1.ws_video_playing .ws_next, #wowslider-container1.ws_video_playing .ws_prev { display: none; }



#wowslider-container1 .ws_bullets { padding: 0px; }



#wowslider-container1 .ws_bullets a { position: relative; display: inline-block; width: 0; margin: 0px 6px; padding: 11px; -webkit-perspective: 80px; perspective: 80px; }



#wowslider-container1 .ws_bullets a > span { position: absolute; display: block; top: 0; right: 0; height: 100%; width: 100%; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: -webkit-transform 0.5s ease; transition: -webkit-transform 0.5s ease; -o-transition: -o-transform 0.5s ease; -moz-transition: transform 0.5s ease, -moz-transform 0.5s ease; transition: transform 0.5s ease; transition: transform 0.5s ease, -webkit-transform 0.5s ease, -moz-transform 0.5s ease, -o-transform 0.5s ease; background: url(../img/slide.png) no-repeat center center; }



#wowslider-container1 .ws_bullets a.ws_selbull > span { background: url(../img/slideon.png) no-repeat center center; }



#wowslider-container1 a.ws_next, #wowslider-container1 a.ws_prev, #wowslider-container1 .ws_playpause { position: absolute; width: 91px; height: 91px; top: 50%; margin-top: -1.25em; color: #ffffff; z-index: 100; -webkit-perspective: 20em; perspective: 20em; }



#wowslider-container1 a.ws_next { right: 50px; background: url(../img/slideright.png) no-repeat center center; }



#wowslider-container1 a.ws_prev { left: 50px; background: url(../img/slideleft.png) no-repeat center center; }



#wowslider-container1 a.ws_next:hover { right: 50px; background: url(../img/sliderighton.png) no-repeat center center; }



#wowslider-container1 a.ws_prev:hover { left: 50px; background: url(../img/slidelefton.png) no-repeat center center; }



#wowslider-container1 .ws_playpause { left: 50%; margin-left: -1.25em; }



#wowslider-container1 a.ws_next > span, #wowslider-container1 a.ws_prev > span, #wowslider-container1 .ws_playpause > span, #wowslider-container1 .ws_bullets a > span { display: block; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: -webkit-transform 0.5s ease; transition: -webkit-transform 0.5s ease; -o-transition: -o-transform 0.5s ease; -moz-transition: transform 0.5s ease, -moz-transform 0.5s ease; transition: transform 0.5s ease; transition: transform 0.5s ease, -webkit-transform 0.5s ease, -moz-transform 0.5s ease, -o-transform 0.5s ease; }



#wowslider-container1 .ws_bullets { bottom: 1.5em; left: 50%; }



#wowslider-container1 .ws_bullets div { left: -50%; }



#wowslider-container1 .ws-title { position: absolute; left: 2em; margin-right: 10em; z-index: 50; color: #fff; padding: 1em; bottom: 30px; top: auto; opacity: 1; }



#wowslider-container1 .ws-title div, #wowslider-container1 .ws-title span { display: inline-block; padding: 0.1em 0.6em; background-color: #1A2223; color: #54acd2; }



#wowslider-container1 .ws-title div { display: block; margin-top: 0.5em; font-size: 1.3em; }



#wowslider-container1 .ws-title span { text-transform: uppercase; font-size: 2em; }



#wowslider-container1 .ws_images > ul { animation: wsBasic 16s infinite; -moz-animation: wsBasic 16s infinite; -webkit-animation: wsBasic 16s infinite; }



@keyframes wsBasic { 0% { left: -0%; }

  12.5% { left: -0%; }

  25% { left: -100%; }

  37.5% { left: -100%; }

  50% { left: -200%; }

  62.5% { left: -200%; }

  75% { left: -300%; }

  87.5% { left: -300%; } }



@-moz-keyframes wsBasic { 0% { left: -0%; }

  12.5% { left: -0%; }

  25% { left: -100%; }

  37.5% { left: -100%; }

  50% { left: -200%; }

  62.5% { left: -200%; }

  75% { left: -300%; }

  87.5% { left: -300%; } }



@-webkit-keyframes wsBasic { 0% { left: -0%; }

  12.5% { left: -0%; }

  25% { left: -100%; }

  37.5% { left: -100%; }

  50% { left: -200%; }

  62.5% { left: -200%; }

  75% { left: -300%; }

  87.5% { left: -300%; } }



#wowslider-container1 .ws_bullets a img { position: absolute; display: block; text-indent: 0; bottom: 15px; left: -58px; visibility: hidden; max-width: none; }



#wowslider-container1 .ws_bullets a:hover img { visibility: visible; }



#wowslider-container1 .ws_bulframe div div { height: 48px; overflow: visible; position: relative; }



#wowslider-container1 .ws_bulframe div { left: 0; overflow: hidden; position: relative; width: 115px; }



#wowslider-container1 .ws_bullets .ws_bulframe { position: absolute; display: none; bottom: 25px; margin-left: 8px; cursor: pointer; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); }



#wowslider-container1 .ws_bulframe div div { height: auto; }



@media all and (max-width: 1219px) { #wowslider-container1 a.ws_next { width: 60px; height: 60px; background-size: 100% 100%; }

  #wowslider-container1 a.ws_prev { width: 60px; height: 60px; background-size: 100% 100%; } }



@media all and (max-width: 979px) { #wowslider-container1 a.ws_next { display: none; }

  #wowslider-container1 a.ws_prev { display: none; }

  #wowslider-container1 .ws_bullets a { padding: 5px; border-radius: 50%; overflow: hidden; } }



@media all and (max-width: 760px) { #wowslider-container1 .ws_fullscreen { display: block; } }



@media all and (max-width: 400px) { #wowslider-container1 .ws_thumbs { display: none; } }



.box-slide { width: 100%; overflow: hidden; }



.main1 { padding-top: 56px; display:none}



.main1 ul li { float: left; margin-left: 10px; width: 292px; }



.main1 .video2 {  position: relative; padding-bottom: 78.8%; height: 0; overflow: hidden; width: 100%; margin: 0 auto; }



.main1 .video2 iframe ,.main1 .video2 img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; }



.main1 .video2 iframe body { margin: 0 !important; }



.main1 .beizhu a { margin-top: 12px; display: block; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; text-align: center; font-size: 16px; font-size: 1.6rem; color: #333; }



.main1 .beizhu a:hover { color: #333; }



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



@media screen and (max-width: 979px) { .main1 { padding-top: 20px; }

  .main1 .beizhu a { font-size: 14px; font-size: 1.4rem; margin-top: 5px; } }



@media screen and (max-width: 768px) { .main1 ul li { width: 48%; margin: 1% !important; } }



.m23 { background: url(../img/m23bg.jpg) no-repeat top center; }



.main2 { margin-top: 79px; padding-bottom: 38px; }



.main2 .title { margin-bottom: 33px; background: url(../img/m2titlebg.png) no-repeat center center; text-align: center; text-transform: uppercase; font-weight: bold; font-size: 40px; font-size: 4rem; }



.main2 .title a { color: #e6001c; }



.main2 .title a span { color: #333; }



.main2 .title a:hover { color: #0140a1; }



.main2 .title a:hover span { color: #0140a1; }



.main2 .cont ul li { margin-bottom: 46px; position: relative; float: left; width: 370px; margin-left: 45px; }



.main2 .cont ul li:hover a.ab { margin-top: 13px; }



.main2 .cont ul li:hover a.ab span { height: 40px; border: 1px solid #fff; }



.main2 .cont .libot { background: url(../img/m2libot.png) repeat center center; position: absolute; width: 100%; bottom: 0; left: 0; padding: 0 10px; }



.main2 .cont a { display: block; }



.main2 .cont a.at { white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; font-size: 14px; font-size: 1.4rem; color: #fff; padding-top: 15px; text-align: center; text-transform: uppercase; }



.main2 .cont a.ab { -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; padding-bottom: 11px; margin-top: 4px; }



.main2 .cont a.ab span { -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; display: block; margin: 0 auto; overflow: hidden; height: 0; width: 140px; line-height: 40px; text-align: center; font-size: 14px; font-size: 1.4rem; color: #fff; border: 0px solid #fff; border-radius: 10px; }



@media screen and (max-width: 1219px) { .main2 .cont ul li { width: 31%; margin: 1% !important; } }



@media screen and (max-width: 979px) { .main2 { margin-top: 20px; padding-bottom: 30px; }

  .main2 .title { font-size: 26px; font-size: 2.6rem; margin-bottom: 10px; }

  .main2 .cont a.at { padding-bottom: 10px; font-size: 12px; font-size: 1.2rem; }

  .main2 .cont a.ab { display: none; } }



@media screen and (max-width: 768px) { .main2 .cont ul li { width: 48%; margin: 1% !important; } }



@media screen and (max-width: 639px) { .main2 .cont a.at { padding-top: 5px; padding-bottom: 5px; text-transform: capitalize; } }



.main3 { background:  #fbfbfb; padding-top: 56px; margin-top: 0px; padding-bottom: 76px; }



.main3 .title { margin-bottom: 25px; background: url(../img/m3titlebg.png) no-repeat center center; text-align: center; text-transform: uppercase; font-weight: bold; font-size: 40px; font-size: 4rem; }



.main3 .title a { color: #333; }



.main3 .title a:hover { color: #0140a1; }



.main3 .cont { margin-bottom: 9px; }



.main3 .cont a ,.about .cont a { display: block; text-align: center; font-size: 14px; font-size: 1.4rem; color: #333; line-height: 30px; }



.main3 .cont a:hover { color: #0140a1; }



.main3 .quan, .main3 .quan1 { height: 530px; position: relative; }



.main3 .quan .m3-0, .main3 .quan .m3-1, .main3 .quan .m3-2, .main3 .quan .m3-3, .main3 .quan .m3-4, .main3 .quan .m3-5, .main3 .quan .m3-6, .main3 .quan1 .m3-0, .main3 .quan1 .m3-1, .main3 .quan1 .m3-2, .main3 .quan1 .m3-3, .main3 .quan1 .m3-4, .main3 .quan1 .m3-5, .main3 .quan1 .m3-6 { position: absolute; z-index: 5; }



.main3 .quan .m3-2, .main3 .quan .m3-4, .main3 .quan .m3-6, .main3 .quan1 .m3-2, .main3 .quan1 .m3-4, .main3 .quan1 .m3-6 { text-align: right; }



.main3 .quan .m3-0, .main3 .quan1 .m3-0 { z-index: 6; top: 50%; margin-top: -170px; left: 50%; margin-left: -161px; }



.main3 .quan .m3-0 a, .main3 .quan1 .m3-0 a { display: block; }



.main3 .quan .m3-0 a img, .main3 .quan1 .m3-0 a img { -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }



.main3 .quan .m3-0 a:hover img, .main3 .quan1 .m3-0 a:hover img { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }



.main3 .quan .m3-1, .main3 .quan1 .m3-1 { background: url(../img/m3-1bg.png) no-repeat right 83px; left: 0; width: 490px; top: 0; }



.main3 .quan .m3-1 span, .main3 .quan1 .m3-1 span { margin-right: 10px; }



.main3 .quan .m3-1 .m3bot, .main3 .quan1 .m3-1 .m3bot { margin-top: 31px; width: 385px; margin-left: 20px; }



.main3 .quan .m3-1 .m3bot a, .main3 .quan1 .m3-1 .m3bot a { margin-left: 18px; }



.main3 .quan .m3-2, .main3 .quan1 .m3-2 { background: url(../img/m3-2bg.png) no-repeat left 75px; right: 0; width: 490px; top: 0; }



.main3 .quan .m3-2 span, .main3 .quan1 .m3-2 span { margin-left: 13px; }



.main3 .quan .m3-2 .m3bot, .main3 .quan1 .m3-2 .m3bot { margin-top: 23px; width: 440px; margin-left: 20px; }



.main3 .quan .m3-3, .main3 .quan1 .m3-3 { background: url(../img/m3-3bg.png) no-repeat right 65px; left: 0; width: 435px; top: 193px; }



.main3 .quan .m3-3 span, .main3 .quan1 .m3-3 span { margin-right: 35px; }



.main3 .quan .m3-3 .m3bot, .main3 .quan1 .m3-3 .m3bot { margin-top: 24px; width: 385px; margin-left: 40px; }



.main3 .quan .m3-4, .main3 .quan1 .m3-4 { background: url(../img/m3-4bg.png) no-repeat left 64px; right: 0; width: 435px; top: 193px; }



.main3 .quan .m3-4 span, .main3 .quan1 .m3-4 span { margin-left: 17px; }



.main3 .quan .m3-4 .m3bot, .main3 .quan1 .m3-4 .m3bot { margin-top: 23px; width: 345px; margin-left: 50px; }



.main3 .quan .m3-5, .main3 .quan1 .m3-5 { background: url(../img/m3-5bg.png) no-repeat right 27px; left: 0; width: 490px; top: 383px; }



.main3 .quan .m3-5 span, .main3 .quan1 .m3-5 span { margin-right: 10px; }



.main3 .quan .m3-5 .m3bot, .main3 .quan1 .m3-5 .m3bot { margin-top: 24px; width: 400px; margin-left: 45px; }



.main3 .quan .m3-6, .main3 .quan1 .m3-6 { background: url(../img/m3-6bg.png) no-repeat left 24px; right: 0; width: 490px; top: 383px; }



.main3 .quan .m3-6 span, .main3 .quan1 .m3-6 span { margin-left: 13px; }



.main3 .quan .m3-6 .m3bot, .main3 .quan1 .m3-6 .m3bot { margin-top: 22px; width: 420px; margin-left: 30px; }



.main3 .quan .m3top p, .main3 .quan1 .m3top p { font-size: 24px; font-size: 2.4rem; font-weight: bold; color: #333; }



.main3 .quan .m3top p a, .main3 .quan1 .m3top p a { color: #333; }



.main3 .quan .m3top p a span, .main3 .quan1 .m3top p a span { font-size: 40px; font-size: 4rem; color: #0140a1; position: relative; top: 10px; }



.main3 .quan .m3top p a:hover, .main3 .quan1 .m3top p a:hover { color: #0140a1; }



.main3 .quan .m3bot, .main3 .quan1 .m3bot { font-size: 14px; font-size: 1.4rem; color: #666; line-height: 30px; }



.main3 .quan .m3bot a, .main3 .quan1 .m3bot a { display: block; color: #666; }



.main3 .quan .m3bot a:hover, .main3 .quan1 .m3bot a:hover { color: #0140a1; }



.main3 .quan1 { display: none; }



@media screen and (max-width: 1219px) { .main3 .quan .m3-0 { width: 230px; margin-left: -123px; margin-top: -115px; }

  .main3 .quan .m3-1, .main3 .quan .m3-2, .main3 .quan .m3-3, .main3 .quan .m3-4, .main3 .quan .m3-5, .main3 .quan .m3-6 { width: 380px;; }

  .main3 .quan .m3-1 .m3bot, .main3 .quan .m3-2 .m3bot, .main3 .quan .m3-3 .m3bot, .main3 .quan .m3-4 .m3bot, .main3 .quan .m3-5 .m3bot, .main3 .quan .m3-6 .m3bot { margin-left: 0; width: 100%; }

  .main3 .quan .m3top p { font-size: 18px; font-size: 1.8rem; }

  .main3 .quan .m3top p a span { font-size: 34px; font-size: 3.4rem; }
  
  .main3 .quan .m3-1 {
    background: url(../img/m3-1bg.png) no-repeat right 50px;
    left: 0;
  
    top: 0;
}

.main3 .quan .m3-2{
    background: url(../img/m3-2bg.png) no-repeat left 60px;
    right: 0;
  
    top: 0;
}
  
   }
  
  




@media screen and (max-width: 999px) { .main3 { padding-top: 30px; margin-top: 0px; padding-bottom: 30px; background: #f6f6f6; }

  .main3 .title { font-size: 26px; font-size: 2.6rem; margin-bottom: 10px; }

  .main3 .cont { margin-bottom: 10px; }

  .main3 .quan { display: none; }

  .main3 .quan1 { height: auto; display: block; }

  .main3 .quan1 .m3-0 { width: 250px; margin: 0 auto; position: static; }

  .main3 .quan1 .m3-1, .main3 .quan1 .m3-2, .main3 .quan1 .m3-3, .main3 .quan1 .m3-4, .main3 .quan1 .m3-5, .main3 .quan1 .m3-6 { position: static; width: 100%; background: none; text-align: left; }

  .main3 .quan1 .m3-1 .m3bot, .main3 .quan1 .m3-2 .m3bot, .main3 .quan1 .m3-3 .m3bot, .main3 .quan1 .m3-4 .m3bot, .main3 .quan1 .m3-5 .m3bot, .main3 .quan1 .m3-6 .m3bot { width: 100%; margin-left: 0; margin-top: 10px; }

  .main3 .quan1 .m3-1 .m3top p, .main3 .quan1 .m3-2 .m3top p, .main3 .quan1 .m3-3 .m3top p, .main3 .quan1 .m3-4 .m3top p, .main3 .quan1 .m3-5 .m3top p, .main3 .quan1 .m3-6 .m3top p { font-size: 20px; font-size: 2rem; }

  .main3 .quan1 .m3-1 .m3top p a span, .main3 .quan1 .m3-2 .m3top p a span, .main3 .quan1 .m3-3 .m3top p a span, .main3 .quan1 .m3-4 .m3top p a span, .main3 .quan1 .m3-5 .m3top p a span, .main3 .quan1 .m3-6 .m3top p a span { margin-left: 0; margin-right: 15px; top: 3px; } }



@media screen and (max-width: 639px) { .main3 .quan1 .m3-0 { width: 180px; }

  .main3 .quan1 .m3-1 .m3top p, .main3 .quan1 .m3-2 .m3top p, .main3 .quan1 .m3-3 .m3top p, .main3 .quan1 .m3-4 .m3top p, .main3 .quan1 .m3-5 .m3top p, .main3 .quan1 .m3-6 .m3top p { font-size: 18px; font-size: 1.8rem; }

  .main3 .quan1 .m3-1 .m3top p a span, .main3 .quan1 .m3-2 .m3top p a span, .main3 .quan1 .m3-3 .m3top p a span, .main3 .quan1 .m3-4 .m3top p a span, .main3 .quan1 .m3-5 .m3top p a span, .main3 .quan1 .m3-6 .m3top p a span { font-size: 30px; font-size: 3rem; } }



.main4 { padding-bottom: 75px; background: url(../img/m4bg.jpg) no-repeat top center; padding-top: 56px; }



.main4 .title { margin-bottom: 33px; background: url(../img/m4titlebg.png) no-repeat center center; text-align: center; text-transform: uppercase; font-weight: bold; font-size: 40px; font-size: 4rem; }



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



.main4 .title a:hover { color: #0140a1; }



.main4 .cont { margin-top: 59px; }



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



.main4 .cont .img-scroll3 .prev3, .main4 .cont .img-scroll3 .next3 { position: absolute; display: block; width: 16px; height: 46px; top: 53%; margin-top: -60px; z-index: 999; }



.main4 .cont .img-scroll3 .prev3 { left: 0px; cursor: pointer; background: url(../img/i3imgleft.png) no-repeat center center; }



.main4 .cont .img-scroll3 .prev3:hover { cursor: pointer; background: url(../img/i3imglefton.png) no-repeat center center; }



.main4 .cont .img-scroll3 .next3 { right: 0px; cursor: pointer; background: url(../img/i3imgright.png) no-repeat center center; }



.main4 .cont .img-scroll3 .next3:hover { cursor: pointer; background: url(../img/i3imgrighton.png) no-repeat center center; }



.main4 .cont .img-list3 { position: relative; overflow: hidden; z-index: 99; width: 1090px; margin: 0 auto; }



.main4 .cont .img-list3 ul { width: 9999px; }



.main4 .cont .img-list3 ul li { width: 255px; float: left; margin-right: 24px; }



.main4 .cont .img-list3 ul li a { display: block; position: relative; overflow: hidden; }



.main4 .cont .img-list3 ul li a .lizz { position: absolute; width: 100%; height: 100%; top: -100%; left: 0; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; background: #1b70bf url(../img/fangda.png) no-repeat center center; background: rgba(27, 112, 191, 0.7) url(../img/fangda.png) no-repeat center center; }



.main4 .cont .img-list3 ul li:hover .lizz { top: 0; }



.main4 .cont .img-list3 ul li .libot { display: block; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; text-align: center; font-size: 14px; font-size: 1.4rem; color: #fff; margin-top: 17px; }



.main4 .cont .img-list3 ul li .libot:hover { color: #0140a1; }



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

  .main4 .cont .img-list3 { width: 830px; }

  .main4 .cont .img-list3 ul li { margin-right: 32px; } 



  .main4 .cont .img-scroll3 .prev3{left: 40px;}

  .main4 .cont .img-scroll3 .next3 {right: 40px;}

}



@media screen and (max-width: 979px) { .main4 .cont .img-list3 ul li a .lizz { display: none; }

  .main4 .cont .img-list3 { width: 100%; }

  .main4 .cont .img-scroll3 .prev3 { background: url(../img/i3imglefton.png) no-repeat center center; z-index:999; left:0px }

  .main4 .cont .img-scroll3 .next3 { background: url(../img/i3imgrighton.png) no-repeat center center; z-index:999; right:0px  }

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

  .main4 .cont .img-list3 ul li { width: 2.4%; margin-right: 0.1333%; }

  .main4 { padding-top: 30px; padding-bottom: 30px; }

  .main4 .cont { margin-top: 30px; }

  .main4 .title { font-size: 26px; font-size: 2.6rem; margin-bottom: 10px; } }



@media screen and (max-width: 768px) { .main4 .cont .img-list3 ul li { width: 3.2%; margin-right: 0.2%; } }



@media screen and (max-width: 520px) { .main4 .cont .img-list3 ul li { width: 4.9%; margin-right: 0.2%; }

  .main4 .cont .img-list3 ul li .libot { font-size: 12px; font-size: 1.2rem; } }



.main5 { padding-bottom: 91px; margin-top: 55px; background:url(../img/m5bg.jpg) no-repeat bottom center;}



.main5 .title { margin-bottom: 52px; background: url(../img/m2titlebg.png) no-repeat center center; text-align: center; text-transform: uppercase; font-weight: bold; font-size: 40px; font-size: 4rem; }



.main5 .title a { color: #e6001c; }



.main5 .title a span { color: #333; }



.main5 .title a:hover { color: #0140a1; }



.main5 .title a:hover span { color: #0140a1; }



.main5 .cont { margin-bottom: 106px; }



.main5 .cont ul li { float: left; width: 50%; border-bottom: 2px solid #005aae; text-align: center; background-color: #f2f2f2; cursor: pointer; }



.main5 .cont ul li { height: 63px; line-height: 60px; font-size: 26px; font-size: 2.6rem; color: #333; }



.main5 .cont ul li:hover, .main5 .cont ul li.on { color: #fff; background: url(../img/m5libg.png) repeat; }



.main5 .qiehuan li { width: 370px; margin-left: 45px; float: left; }



.main5 .qiehuan li a { display: block; }



.main5 .qiehuan li .litop { position: relative; }



.main5 .qiehuan li .litop .riqi { background: url(../img/riqibg.png) no-repeat center center; width: 78px; height: 78px; position: absolute; left: 0; top: 0; text-align: center; }



.main5 .qiehuan li .litop .riqi .month { padding-top: 5px; margin-bottom: 1px; color: #fff; font-size: 50px; font-size: 5rem; line-height: 50px; }



.main5 .qiehuan li .litop .riqi .year { color: #fff; font-size: 14px; font-size: 1.4rem; line-height: 14px; }



.main5 .qiehuan li .limid { margin-top: 19px; margin-bottom: 5px; }



.main5 .qiehuan li .limid a { font-weight: bold; font-size: 16px; font-size: 1.6rem; color: 3333; line-height: 26px; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; }



.main5 .qiehuan li .limid a:hover { color: #0140a1; }



.main5 .qiehuan li .libot a { font-size: 14px; font-size: 1.4rem; color: #666; line-height: 30px; height: 60px; overflow: hidden; }



.main5 .qiehuan li .libot a:hover { color: #0140a1; }



@media screen and (max-width: 1219px) { .main5 .qiehuan li { width: 31%; margin: 1% !important; } }



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

  .main5 .title { font-size: 26px; font-size: 2.6rem; margin-bottom: 10px; }

  .main5 .cont ul li { height: 40px; line-height: 38px; font-size: 20px; font-size: 2rem; }

  .main5 .cont { margin-bottom: 10px; }

  .main5 .qiehuan li .limid { margin-top: 5px; margin-bottom: 0; }

  .main5 .qiehuan li .limid a { font-size: 14px; font-size: 1.4rem; }

  .main5 .qiehuan li .libot a { font-size: 12px; font-size: 1.2rem; line-height: 24px; height: 48px; }

  .main5 .qiehuan li .litop .riqi { width: 60px; height: 60px; }

  .main5 .qiehuan li .litop .riqi .month { font-size: 30px; font-size: 3rem; line-height: 30px; }

  .main5 .qiehuan li .litop .riqi .year { font-size: 12px; font-size: 1.2rem; line-height: 12px; } }



@media screen and (max-width: 540px) { .main5 .qiehuan li { width: 98%; margin: 1% !important; }

  .main5 .cont ul li { font-size: 16px; font-size: 1.6rem; } }



.foot-top { padding: 18px 0; background: #585759; }



.foot-top .liangkuai .dianhua { padding-left: 65px; background: url(../img/ft-tel.png) no-repeat left center; line-height: 54px; font-size: 16px; font-size: 1.6rem; color: #fff; font-weight: bold; }



.foot-top .liangkuai .youxiang { margin-left: 57px; line-height: 54px; }



.foot-top .liangkuai .youxiang a { background: url(../img/ft-mail.png) no-repeat left center; display: block; padding-left: 65px; font-size: 16px; font-size: 1.6rem; color: #fff; font-weight: bold; }



.foot-top .liangkuai .youxiang a:hover { text-decoration: underline; }



.foot-top .rshejiao dd { float: left; margin-left: 30px; }



.foot { padding-top: 38px; padding-bottom: 35px; background: #333333; }



.foot .ft { float: left; }



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



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



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



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



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



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



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



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



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



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



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



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



.foot .ft3 .title { margin-bottom: 31px; }



.foot .ft2 { margin-left: 164px; width: 300px; }



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



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



.foot .ft2 ul li.li1 { background: url(../img/ftli1.png) no-repeat left 5px; }



.foot .ft2 ul li.li2 { background: url(../img/ftli2.png) no-repeat left 8px; }



.foot .ft2 ul li.li3 { background: url(../img/ftli3.png) no-repeat left 8px; }



.foot .ft2 ul li.li4 { background: url(../img/ftli4.png) no-repeat left 8px; }



.foot .ft2 ul li.li5 { background: url(../img/ftli5.png) no-repeat left 8px; }



.foot .ft2 ul li.li6 { background: url(../img/ftli6.png) no-repeat left 9px; }



.foot .ft2 ul li.li7 { background: url(../img/ftli7.png) no-repeat left 8px; }



.foot .ft1 { width: 200px; }



.foot .ft3 .xunpan { width: 100%; }



.foot .ft3 .xunpan .ip10 { margin-bottom: 10px; width: 100%; padding-left: 8px; background: url(../img/xing.png) no-repeat left 15px; }



.foot .ft3 .xunpan input, .foot .ft3 .xunpan textarea { font-size: 14px; font-size: 1.4rem; color: #666; display: block; width: 100%; height: 38px; line-height: 38px; padding-left: 37px; }



.foot .ft3 .xunpan textarea { height: 126px; }



.foot .ft3 .xunpan .ip1 input { background: #d6d6d6 url(../img/ip1.png) no-repeat 10px 6px; }



.foot .ft3 .xunpan .ip2 input { background: #d6d6d6 url(../img/ip2.png) no-repeat 10px 10px; }



.foot .ft3 .xunpan .ip3 textarea { background: #d6d6d6 url(../img/ip3.png) no-repeat 10px 12px; }



.foot .ft3 .xunpan .ip5 { padding-left: 8px; background: url(../img/xing.png) no-repeat left 15px; }



.foot .ft3 .xunpan .ip5 input[type="text"] { background: #d6d6d6; display: block; float: left; width: 130px; padding-left: 11px; }



.foot .ft3 .xunpan .ip5 .img { float: left; display: block; margin-left: 7px; margin-right: 8px; cursor: pointer; }



.foot .ft3 .xunpan .ip5 input[type="submit"] { float: left; display: block; font-size: 14px; font-size: 1.4rem; color: #fff; background-color: #0140a1; padding-left: 0; width: 130px; cursor: pointer; border: none; outline: none; text-transform: uppercase; }



@media screen and (max-width: 1219px) { .foot .ft2 { margin-left: 70px; } }



@media screen and (max-width: 999px) { .foot-top .rshejiao dd { margin-left: 10px; } }



@media screen and (max-width: 979px) { .foot .ft1 { margin-left: 0%; width: 50%; }

  .foot .ft2 { margin-left: 0%; width: 50%; }

  .foot .ft3 { margin-left: 0%; width: 100%; margin-top: 30px; }

  .foot-top { padding: 10px 0; }

  .foot-top .liangkuai { float: none; width: 521px; margin: 0 auto; }

  .foot-top .rshejiao { float: none; width: 344px; margin: 10px auto; } }



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

  .foot-top { display: none; } }



.links { font-size: 12px; font-size: 1.2rem; color: #fff; text-align: center; line-height: 29px; background-color: #222222; padding-top: 12px; padding-bottom: 7px; }



.links p { color: #fff; }



.links p a { color: #fff; }



.links p a:hover { text-decoration: underline; }



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



.links .wp2 a { font-size: 12px; font-size: 1.2rem; color: #fff; margin-left: 15px; text-align: center; line-height: 29px; margin-right:10px; display:inline-block }



.links .wp2 a:hover { text-decoration: underline; }



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



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



/* ======================================== bread-w ======================================== */

.bread-w { width: 100%; overflow: hidden; background: url(../img/breadbg.jpg) no-repeat top center; padding-top: 43px; padding-bottom: 35px; text-align: center; font-size: 16px; font-size: 1.6rem; color: #fff; }



.bread-w .br-top { font-size: 24px; font-size: 2.4rem; color: #fff; margin-bottom: 12px; font-weight: bold; text-transform: uppercase; }



.bread-w a { font-size: 16px; font-size: 1.6rem; color: #fff; line-height: 25px; }



.bread-w a:hover, .bread-w a.a2 { text-decoration: underline; }



.br-img { display: none; position: relative; }



@media screen and (max-width: 768px) { .bread-w .br-top { font-size: 30px; font-size: 3rem; }

  .bread-w { padding-bottom: 0px; padding-top: 0; } }



/*============================================ product ==============================================*/

/*goods*/

.product { padding-top: 100px;  }



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



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



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



.product .p-title1 { font-size: 30px; font-size: 3rem; color: #0140a1; text-transform: uppercase; position: relative; top: -8px; margin-bottom: 20px; }



.product .p-title2 { font-size: 30px; font-size: 3rem; color: #333333; text-transform: uppercase; margin-top: 26px; margin-bottom: 27px; }



.product .xiangqing .goods ul li { float: left; margin-left: 43px; margin-bottom: 24px; max-width: 268px; }



.product .liimg { width: 100%; max-width: 268px; }



.product .liimg a { display: block; }



.product .liimg a img { display: block; max-width: 100%; }



.product .liimg a:hover img { border: 0px solid #0140a1; }



.product .litxt { margin-top: 9px; padding-bottom: 12px; }



.product .litxt .topp { text-align: center; margin-bottom: 11px; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; }



.product .litxt .topp a { font-size: 14px; font-size: 1.4rem; color: #333; line-height: 27px; }



.product .litxt .topp a:hover { color: #0140a1; }



.product .litxt .midd { text-align: center; margin-bottom: 11px; }



.product .litxt .midd a { display: block; font-size: 14px; font-size: 1.4rem; color: #666; line-height: 30px; height: 60px; overflow: hidden; }



.product .litxt .midd a:hover { color: #0140a1; }



.product .litxt .bott { position: relative; }



.product .litxt .bott a { font-size: 14px; font-size: 1.4rem; border: 1px solid #0140a1; color: #0140a1; display: block; width: 141px; height: 33px; line-height: 30px; text-align: center; margin: 0 auto; }



.product .litxt .bott a:hover { background-color: #0140a1; color: #fff; }



.product .litxt .bott input { position: absolute; left: 0%; top: 21%; cursor: pointer; }



/*list*/

.product .xiangqing .list { width: 260px; margin-bottom: 20px; }



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



.product .xiangqing .list .title1 a { text-align: center; text-transform: uppercase; display: block; height: 45px; line-height: 45px; background-color: #0140a1; color: #fff; font-weight: bold; font-size: 24px; font-size: 2.4rem; }



.product .xiangqing .list .title1 a:hover { background-color: #0140a1; }



@media screen and (min-width: 1220px) { .product .xiangqing .list .subNavBox { display: block !important; } }



.product .xiangqing .list .subNav { cursor: pointer; margin-bottom: 0px; border: 1px solid #d2d2d2; margin-top: 8px; padding-top: 0px; background: #eee url(../img/probg.png) no-repeat 13px center; }



.product .xiangqing .list .subNav a { line-height: 26px; padding-top: 7px; padding-bottom: 7px; display: block; padding-left: 47px; font-size: 14px; font-size: 1.4rem; color: #333333; -webkit-transition: 0s; -o-transition: 0s; -moz-transition: 0s; transition: 0s; }



.product .xiangqing .list .subNav:hover { background: #0140a1 url(../img/probgon.png) no-repeat 13px center; }



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



.product .xiangqing .list .currentDd { background: #0140a1 url(../img/probgon.png) no-repeat 13px center; }



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



.product .xiangqing .list .navContent { display: none; background: #fff; position: relative; padding-top: 8px; padding-bottom: 10px; border: 1px solid #d2d2d2; border-top: 0; }



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



.product .xiangqing .list .navContent > li a:hover { color: #0140a1; }



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



.product .xiangqing .list .title2 a { font-size: 24px; font-size: 2.4rem; font-weight: bold; display: block; height: 45px; line-height: 45px; background-color: #0140a1; color: #fff; text-align: center; text-transform: uppercase; }



.product .xiangqing .list .title2 a:hover { background-color: #0140a1; }



.product .xiangqing .list dl { border: 1px solid #ccc; background-color: #eeeeee; }



.product .xiangqing .list dl dd { background-color: #eeeeee; padding-bottom: 18px; border-bottom: 1px solid #ccc; padding-left: 22px; padding-right: 22px; padding-top: 22px; }



.product .xiangqing .list dl dd .top a { font-size: 16px; font-size: 1.6rem; color: #333; padding-left: 26px; display: block; background: url(../img/newslist.png) no-repeat left center; line-height: 26px; }



.product .xiangqing .list dl dd .bottom a { font-size: 14px; font-size: 1.4rem; color: #666; line-height: 24px; display: block; }



.product .xiangqing .list dl dd a:hover { color: #0140a1; }



.product .xiangqing .list dl dd .bottom { margin-top: 9px; }



.product .xiangqing .list dl dd.dd2 { border-bottom: 0px; }



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



.show768 { display: none; width: 100%; height: 1px; }



/*page*/

.page1 { position: relative; margin: 35px auto 100px; }



.page1 { text-align: center; }



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



.page { text-align: center; }



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



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



.page a.no,.page a.no:hover{color:#333 !important; background: #eeeeee !important; border: 1px solid #eeeeee !important}



.page a.first { width: 59px; margin-right: 6px; }



.page a.last { width: 59px; margin-right: 10px; }



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



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



.ins { margin-left: 0px; width: 150px; display: inline-block; height: 30px; font-family: tahoma; line-height: 28px; text-align: center; border: none; outline: none; background-color: #333; color: #fff; font-size: 14px; font-size: 1.4rem; cursor: pointer; font-family: "arail"; }



.ins:hover { background-color: #0140a1; }



/* good1 */

.product .xiangqing .goods1 { width: 890px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }



.product #tsShopContainer li, .product #tsShopContainer img { vertical-align: top; }



.product #tsShopContainer { position: relative; float: left; }



.product #tsShopContainer #tsImgS { text-align: center; width: 416px; height: 337px; position: relative; border: 0px solid #dadada; padding: 0px 0px !important; }



.product #tsShopContainer #tsImgS a { display: block; text-align: center; margin: 0px auto; }



.product #tsShopContainer #tsImgS img { display: block; }



.product #tsShopContainer #tsPicContainer { width: 100%; position: relative; height: 86px; margin-top: 18px; }



.product #tsShopContainer #tsPicContainer #tsImgSArrL { width: 12px; position: absolute; top: 0px; left: 0px; cursor: pointer; height: 86px; background: url(../img/prleft.png) no-repeat left center; }



.product #tsShopContainer #tsPicContainer #tsImgSArrR { width: 12px; position: absolute; top: 0px; right: 0px; cursor: pointer; height: 86px; background: url(../img/prright.png) no-repeat right center; }



.product #tsShopContainer #tsPicContainer #tsImgSArrL:hover { background: url(../img/prlefton.png) no-repeat left center; }



.product #tsShopContainer #tsPicContainer #tsImgSArrR:hover { background: url(../img/prrighton.png) no-repeat right center; }



.product #tsShopContainer #tsPicContainer #tsImgSCon { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; position: absolute; top: 2px; left: 14px; width: 1px; overflow: hidden; height: 86px; }



.product #tsShopContainer #tsPicContainer #tsImgSCon ul { width: 100%; overflow: hidden; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }



.product #tsShopContainer #tsPicContainer #tsImgSCon li { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; width: 106px; float: left; cursor: pointer; margin-left: 0px; margin-bottom: 0; padding: 0 11px; }



.product #tsShopContainer #tsPicContainer #tsImgSCon li a { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; display: block; width: 106px; }



.product #tsShopContainer #tsPicContainer #tsImgSCon li img { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; display: block; width: 106px; height: 86px; border: 0px solid #dadada; }



.product .MagicZoomBigImageCont { border: 1px solid #dadada; background: #FFF; }



.product .MagicZoomBigImageCont img { max-width: 700px  }



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



.product .xiangqing .goods1 .content { width: 410px; margin: -2px auto 0; padding-right: 0px; }



.goods1 .content .title { text-align: left; margin-bottom: 16px; border-bottom: 1px solid #cccccc; padding-bottom: 0px; }



.goods1 .content .title h1 { text-align: left; font-size: 20px; font-size: 2.0rem; color: #0140a1; font-weight: bold; position: relative; top: -3px; line-height: 30px; }



.goods1 .content p { font-size: 14px; font-size: 1.4rem; color: #333; line-height: 26px; }



.rsh { width: 230px; margin: 37px 0 21px 0; }



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



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



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



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



.rsh .xqfx { font-size: 14px; font-size: 1.4rem; color: #666; position: relative; top: 4px; }



.goods1 .content .btn1 { width: 350px; }



.goods1 .content .btn1 a { font-weight: bold; display: block; font-size: 14px; font-size: 1.4rem; color: #fff; width: 141px; border: 0px solid #0140a1; height: 33px; line-height: 31px; text-align: center; background-color: #e6001c; }



.goods1 .content .btn1 a:hover { background-color: #0140a1; color: #fff; }



.goods1 .content .share1 { width: 100%; position: relative; top: 0px; margin-top: 167px; }



.goods1 .content .share1 .lspan { margin-right: 7px; text-align: left; height: 24px; line-height: 24px; font-size: 14px; font-size: 1.4rem; color: #333; }



.goods1 .content .share1 .rsh { height: 24px; }



.protitle1 { border: 1px solid #cccccc; padding-bottom: 8px; width: 100%; margin-bottom: 29px; margin-top: 29px; line-height: 30px; background: url(../img/xuxian1.png) repeat-x center 38px; }



.protitle1 a { font-size: 14px; font-size: 1.4rem; margin: 0 36px; padding-bottom: 18px; background: url(../img/protitle1.png) no-repeat center 34px; color: #666; display: inline-block; }



.protitle1 a:hover, .protitle1 a.on { background: url(../img/protitle1on.png) no-repeat center 31px; }



.goods1 .wenzi { margin-bottom: 84px; }



.goods1 .wenzi p { font-size: 14px; font-size: 1.4rem; color: #333; line-height: 26px; margin-bottom: 3px; }



.goods1 .wenzi p span { font-size: 14px; font-size: 1.4rem; color: #333; line-height: 26px; }



.goods1 .wenzi p li { font-size: 14px; font-size: 1.4rem; color: #333; line-height: 26px; }



.goods1 .wenzi p strong { font-size: 14px; font-size: 1.4rem; color: #333; line-height: 26px; }



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



.goods1 .wenzi p a { font-size: 14px; font-size: 1.4rem; color: #0140a1; line-height: 26px; }



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



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



.goods1 .wenzi .tt1 { font-size: 26px; font-size: 2.6rem; font-weight: bold; color: #0140a1; padding-bottom: 4px; border-bottom: 1px solid #cccccc; margin-bottom: 15px; }



.goods1 .wenzi .video { border: 1px solid red; position: relative; padding-bottom: 47%; height: 0; overflow: hidden; width: 636px; }



.goods1 .wenzi .video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; }



.goods1 .wenzi .video iframe body { margin: 0 !important; }



.goods1 .wenzi .p-item5 p { margin-bottom: 0px; line-height: 30px; }



.img980 { display: none; }



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



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



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



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



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



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



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



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









.hbiti { background: url(../img/relative.png) no-repeat 330px center; padding-top: 10px; padding-bottom: 16px; margin-bottom: 11px; }



.hbiti a { margin-left: 0px; font-size: 30px; font-size: 3.0rem; font-weight: bold; color: #0140a1; display: block; text-transform: uppercase; }



.hbiti a:hover { text-decoration: underline; }



.rel-pro { width: 100%; padding-bottom: 84px; }



.rel-pro li { width: 270px; float: left; margin-left: 40px; }



.rel-pro li a { display: block; }



.rel-pro li a img { max-width: 270px; width: 100%; margin: 0 auto; display: block; border: 0px solid #dadada; }



.rel-pro li a span { display: block; padding-top: 11px; padding-bottom: 14px; text-align: center; font-size: 14px; font-size: 1.4rem; color: #333; }



.rel-pro li a span:hover { color: #0140a1; }



.protitle1.fixed { margin-top: 0; z-index: 9999; background-color: #fff; position: fixed; top: 0; right: 0; top: 0; display: -webkit-box !important; display: -webkit-flex !important; display: -moz-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important; }



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

  .product .xiangqing .goods ul li { margin: 0 1% 20px 1% !important; width: 31%; } }



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

.goods1 .wenzi .table { overflow:scroll}



.goods1 .wenzi table { width:800px }






 }



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

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

  

  .product .litxt .bott a { width: 110px; }

  .show768 { display: block; }

  .page a { margin-bottom: 10px; }

  .page { margin-top: 20px; margin-bottom: 30px; }

  .bread { padding-top: 8px; padding-bottom: 8px; } }



@media screen and (max-width: 768px) { .br-img { display: block; }

  .bread-w .wp { display: none; }

  .product { padding-top: 15px; }

  .product .xiangqing .list .subNavBox { display: none; }

  .linebar { display: block; }

  .product .xiangqing .list .title1 { display: none; }

  .product .xiangqing .list .title1 a { text-align: left; text-indent: 20px; font-size: 20px; font-size: 2rem; }

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

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

  .product .xiangqing .list .title2 { margin-top: 30px; }

  .product .xiangqing .list .title2 a { text-align: left; font-size: 20px; font-size: 2rem; text-indent: 20px; }

  .product .litxt .topp a { font-size: 14px; font-size: 1.4rem; }

  .product .litxt .bott a { width: 100px; }

  .product .litxt .midd a { font-size: 12px; font-size: 1.2rem; } }



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

  .product .xiangqing .goods ul li { margin: 0 1% 20px 1% !important; width: 48%; }

  .yanzhengma{margin-top: 15px;}

   

  }



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

  .product .xiangqing .goods1 .content { width: 250px; }

  .goods1 .content .btn1 { width: 100%; }

  .goods1 .content .btn1 a { width: 100px; }

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

  .rel-pro li { width: 23%; margin: 1% !important; }

  .protitle1 a { margin: 0 12px; }

  .goods1 .wenzi .tt1 { font-size: 22px; font-size: 2.2rem; }

  .rel-pro { padding-bottom: 20px; }

  .goods1 .wenzi { margin-bottom: 40px; } }



@media screen and (max-width: 999px) { .product #tsShopContainer { float: none; margin: 0 auto 25px; width: 416px; }

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

  .product .xiangqing .goods1 { width: 650px; }

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



@media screen and (max-width: 979px) { .img980 { display: block; }
#tsShopContainer{ display:none}
  .product .xiangqing .goods1 { width: 100%; float: none; }

  .goods1 .content .btn1 { float: none; width: 280px; }

  .goods1 .content .btn1 a { width: 130px; height: 32px; line-height: 32px; font-size: 12px; font-size: 1.2rem; } }



@media screen and (max-width: 768px) { .img-scroll5 { margin-bottom: 20px; }

  .protitle1 a { margin: 0; }

  .img-list5 ul li { width: 4.9%; margin-right: 0.2%; }

  .hbiti a { font-size: 24px; font-size: 2.4rem; }

  .rel-pro li { width: 48%; margin: 1% !important; }

  .product #tsShopContainer { display: none; }

  .show979 { display: block; margin-bottom: 20px; }

  .goods1 .content .title h1 { font-size: 18px; font-size: 1.8rem; }

  .rel-pro li a span { font-size: 12px; font-size: 1.2rem; }

  .rel-pro { padding-bottom: 10px; }

  .hbiti { margin-bottom: 0; background: none; }

  .goods1 .wenzi .video { width: 100%; } }



@media screen and (max-width: 639px) { .goods1 .wenzi { margin-top: 30px; }

  .protitle1, .protitle1.fixed { display: none !important; } }



@media screen and (max-width: 410px) { ul.rel-pro li { width: 10%; margin-right: 0%; } }



.ab-top { background: url(../img/abline.png) no-repeat center 39px; margin-top: 31px; text-align: center; }



.ab-top a { width: 135px; margin: 0 15px; display: inline-block; }



.ab-top a img { margin: 0 auto; }



.ab-top a span { margin-top: 6px; display: inline-block; font-size: 18px; font-size: 1.8rem; color: #333; }



.ab-top a.on span { color: #0140a1; }



@media screen and (max-width: 979px) { .ab-top a { margin: 0; } }



@media screen and (max-width: 768px) { .ab-top { background: none; }

  .ab-top a { width: 32%; margin-bottom: 10px; }

  .ab-top a span { font-size: 14px; font-size: 1.4rem; }

  .ab-top a img { width: 60px; } }



@media screen and (max-width: 350px) { .ab-top a { width: 49%; margin-bottom: 10px; } }



.about { margin-top: 79px; }



.about .item1 .limg { margin-right: 40px; margin-bottom: 5px; }



.about .item1 .rtxt .title1 { margin-top: -3px; margin-bottom: 13px; font-size: 20px; font-size: 2rem; font-weight: bold; color: #0140a1; }



.about .item1 .rtxt .title1 img { position: relative; top: -3px; margin-right: 6px; }



.about .item1 .rtxt .subtitle1 { margin-bottom: 4px; text-transform: uppercase; font-size: 30px; font-size: 3rem; font-weight: bold; color: #0140a1; }



.about .item1 .rtxt .content p { font-size: 14px; font-size: 1.4rem; color: #333; line-height: 30px; margin-bottom: 30px; }



.about .item2 { padding-bottom: 108px; padding-top: 57px; margin-top: 20px; background: f6f6f6; }



.about .item2 .title { margin-bottom: 90px; background: url(../img/m3titlebg.png) no-repeat center center; text-align: center; text-transform: uppercase; font-weight: bold; font-size: 40px; font-size: 4rem; }



.about .item2 .quan, .about .item2 .quan1 { height: 530px; position: relative; }



.about .item2 .quan .m3-0, .about .item2 .quan .m3-1, .about .item2 .quan .m3-2, .about .item2 .quan .m3-3, .about .item2 .quan .m3-4, .about .item2 .quan .m3-5, .about .item2 .quan .m3-6, .about .item2 .quan1 .m3-0, .about .item2 .quan1 .m3-1, .about .item2 .quan1 .m3-2, .about .item2 .quan1 .m3-3, .about .item2 .quan1 .m3-4, .about .item2 .quan1 .m3-5, .about .item2 .quan1 .m3-6 { position: absolute; z-index: 5; }



.about .item2 .quan .m3-2, .about .item2 .quan .m3-4, .about .item2 .quan .m3-6, .about .item2 .quan1 .m3-2, .about .item2 .quan1 .m3-4, .about .item2 .quan1 .m3-6 { text-align: right; }



.about .item2 .quan .m3-0, .about .item2 .quan1 .m3-0 { z-index: 6; top: 50%; margin-top: -170px; left: 50%; margin-left: -161px; }



.about .item2 .quan .m3-0 a, .about .item2 .quan1 .m3-0 a { display: block; }



.about .item2 .quan .m3-0 a img, .about .item2 .quan1 .m3-0 a img { -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }



.about .item2 .quan .m3-0 a:hover img, .about .item2 .quan1 .m3-0 a:hover img { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }



.about .item2 .quan .m3-1, .about .item2 .quan1 .m3-1 { background: url(../img/m3-1bg.png) no-repeat right 83px; left: 0; width: 490px; top: 0; }



.about .item2 .quan .m3-1 span, .about .item2 .quan1 .m3-1 span { margin-right: 10px; }



.about .item2 .quan .m3-1 .m3bot, .about .item2 .quan1 .m3-1 .m3bot { margin-top: 31px; width: 385px; margin-left: 20px; }



.about .item2 .quan .m3-1 .m3bot a, .about .item2 .quan1 .m3-1 .m3bot a { margin-left: 18px; }



.about .item2 .quan .m3-2, .about .item2 .quan1 .m3-2 { background: url(../img/m3-2bg.png) no-repeat left 75px; right: 0; width: 490px; top: 0; }



.about .item2 .quan .m3-2 span, .about .item2 .quan1 .m3-2 span { margin-left: 13px; }



.about .item2 .quan .m3-2 .m3bot, .about .item2 .quan1 .m3-2 .m3bot { margin-top: 23px; width: 440px; margin-left: 20px; }



.about .item2 .quan .m3-3, .about .item2 .quan1 .m3-3 { background: url(../img/m3-3bg.png) no-repeat right 65px; left: 0; width: 435px; top: 193px; }



.about .item2 .quan .m3-3 span, .about .item2 .quan1 .m3-3 span { margin-right: 35px; }



.about .item2 .quan .m3-3 .m3bot, .about .item2 .quan1 .m3-3 .m3bot { margin-top: 24px; width: 385px; margin-left: 80px; }



.about .item2 .quan .m3-4, .about .item2 .quan1 .m3-4 { background: url(../img/m3-4bg.png) no-repeat left 64px; right: 0; width: 435px; top: 193px; }



.about .item2 .quan .m3-4 span, .about .item2 .quan1 .m3-4 span { margin-left: 17px; }



.about .item2 .quan .m3-4 .m3bot, .about .item2 .quan1 .m3-4 .m3bot { margin-top: 23px; width: 345px; margin-left: 0px; }



.about .item2 .quan .m3-5, .about .item2 .quan1 .m3-5 { background: url(../img/m3-5bg.png) no-repeat right 27px; left: 0; width: 490px; top: 383px; }



.about .item2 .quan .m3-5 span, .about .item2 .quan1 .m3-5 span { margin-right: 10px; }



.about .item2 .quan .m3-5 .m3bot, .about .item2 .quan1 .m3-5 .m3bot { margin-top: 24px; width: 400px; margin-left: 45px; }



.about .item2 .quan .m3-6, .about .item2 .quan1 .m3-6 { background: url(../img/m3-6bg.png) no-repeat left 24px; right: 0; width: 490px; top: 383px; }



.about .item2 .quan .m3-6 span, .about .item2 .quan1 .m3-6 span { margin-left: 13px; }



.about .item2 .quan .m3-6 .m3bot, .about .item2 .quan1 .m3-6 .m3bot { margin-top: 22px; width: 420px; margin-left: 30px; }



.about .item2 .quan .m3top p, .about .item2 .quan1 .m3top p { font-size: 24px; font-size: 2.4rem; font-weight: bold; color: #333; }



.about .item2 .quan .m3top p a, .about .item2 .quan1 .m3top p a { color: #333; }



.about .item2 .quan .m3top p a span, .about .item2 .quan1 .m3top p a span { font-size: 40px; font-size: 4rem; color: #0140a1; position: relative; top: 10px; }



.about .item2 .quan .m3bot, .about .item2 .quan1 .m3bot { font-size: 14px; font-size: 1.4rem; color: #666; line-height: 30px; }



.about .item2 .quan .m3bot a, .about .item2 .quan1 .m3bot a { display: block; color: #666; }



.about .item2 .quan1 { display: none; }



.about .item3 { padding-top: 32px; padding-bottom: 216px; background: url(../img/abitem3.jpg) no-repeat top center; }



.about .item3 .ltxt { margin-top: 176px; width: 550px; }



.about .item3 .ltxt .title { text-transform: uppercase; font-size: 48px; font-size: 4.8rem; font-weight: 900; color: #fff; }



.about .item3 .ltxt .subtitle { margin-top: 14px; font-size: 16px; font-size: 1.6rem; color: #fff; line-height: 36px; }



.about .item3 .rimg { position: absolute; top: 0px; right: 0px; }



.about .item4 { padding-top: 55px; padding-bottom: 75px; background: #f2f2f2; }



.about .item4 .i4top { margin-bottom: 36px; text-align: center; font-size: 18px; font-size: 1.8rem; color: #333; line-height: 36px; }



.about .item4 .i4bot a { margin: 0 auto; display: block; width: 213px; height: 49px; line-height: 49px; text-align: center; background-color: #0140a1; color: #fff; text-transform: uppercase; font-size: 16px; font-size: 1.6rem; }



@media screen and (max-width: 1219px) { .about .item2 .quan .m3-0 { width: 230px; margin-left: -123px; margin-top: -115px; }

  .about .item2 .quan .m3-1, .about .item2 .quan .m3-2, .about .item2 .quan .m3-3, .about .item2 .quan .m3-4, .about .item2 .quan .m3-5, .about .item2 .quan .m3-6 { width: 300px; }

  .about .item2 .quan .m3-1 .m3bot, .about .item2 .quan .m3-2 .m3bot, .about .item2 .quan .m3-3 .m3bot, .about .item2 .quan .m3-4 .m3bot, .about .item2 .quan .m3-5 .m3bot, .about .item2 .quan .m3-6 .m3bot { margin-left: 0; width: 100%; }

  .about .item2 .quan .m3top p { font-size: 18px; font-size: 1.8rem; }

  .about .item2 .quan .m3top p a span { font-size: 34px; font-size: 3.4rem; } }
  
  
  



@media screen and (max-width: 979px) { .about .item2 { padding-top: 30px; margin-top: 30px; padding-bottom: 30px; background: #f6f6f6 ; }

  .about .item2 .title { font-size: 26px; font-size: 2.6rem; margin-bottom: 10px; }

  .about .item2 .cont { margin-bottom: 10px; }

  .about .item2 .quan { display: none; }

  .about .item2 .quan1 { height: auto; display: block; }

  .about .item2 .quan1 .m3-0 { width: 250px; margin: 0 auto; position: static; }

  .about .item2 .quan1 .m3-1, .about .item2 .quan1 .m3-2, .about .item2 .quan1 .m3-3, .about .item2 .quan1 .m3-4, .about .item2 .quan1 .m3-5, .about .item2 .quan1 .m3-6 { position: static; width: 100%; background: none; text-align: left; }

  .about .item2 .quan1 .m3-1 .m3bot, .about .item2 .quan1 .m3-2 .m3bot, .about .item2 .quan1 .m3-3 .m3bot, .about .item2 .quan1 .m3-4 .m3bot, .about .item2 .quan1 .m3-5 .m3bot, .about .item2 .quan1 .m3-6 .m3bot { width: 100%; margin-left: 0; margin-top: 10px; }

  .about .item2 .quan1 .m3-1 .m3top p, .about .item2 .quan1 .m3-2 .m3top p, .about .item2 .quan1 .m3-3 .m3top p, .about .item2 .quan1 .m3-4 .m3top p, .about .item2 .quan1 .m3-5 .m3top p, .about .item2 .quan1 .m3-6 .m3top p { font-size: 20px; font-size: 2rem; }

  .about .item2 .quan1 .m3-1 .m3top p a span, .about .item2 .quan1 .m3-2 .m3top p a span, .about .item2 .quan1 .m3-3 .m3top p a span, .about .item2 .quan1 .m3-4 .m3top p a span, .about .item2 .quan1 .m3-5 .m3top p a span, .about .item2 .quan1 .m3-6 .m3top p a span { margin-left: 0; margin-right: 15px; top: 3px; } }



@media screen and (max-width: 639px) { .about .item2 .quan1 .m3-0 { width: 180px; }

  .about .item2 .quan1 .m3-1 .m3top p, .about .item2 .quan1 .m3-2 .m3top p, .about .item2 .quan1 .m3-3 .m3top p, .about .item2 .quan1 .m3-4 .m3top p, .about .item2 .quan1 .m3-5 .m3top p, .about .item2 .quan1 .m3-6 .m3top p { font-size: 18px; font-size: 1.8rem; }

  .about .item2 .quan1 .m3-1 .m3top p a span, .about .item2 .quan1 .m3-2 .m3top p a span, .about .item2 .quan1 .m3-3 .m3top p a span, .about .item2 .quan1 .m3-4 .m3top p a span, .about .item2 .quan1 .m3-5 .m3top p a span, .about .item2 .quan1 .m3-6 .m3top p a span { font-size: 30px; font-size: 3rem; } }



@media screen and (max-width: 1219px) { .about .item3 .rimg { width: 50%; }

  .about .item3 .ltxt { width: 49%; }

  .about .item3 .ltxt { margin-top: 120px; }

  .about .item3 .ltxt .title { font-size: 38px; font-size: 3.8rem; }

  .about .item3 .ltxt .subtitle { font-size: 14px; font-size: 1.4rem; line-height: 30px; } }



@media screen and (max-width: 979px) { .about .item1 .limg { float: none; width: 100%; margin-right: 0; margin-bottom: 15px; }

  .about .item1 .rtxt .subtitle1 { font-size: 26px; font-size: 2.6rem; }

  .about .item1 .rtxt .title1 { margin-bottom: 4px; }

  .about .item1 .rtxt .content p { font-size: 13px; font-size: 1.3rem; line-height: 26px; margin-bottom: 20px; }

  .about .item3 .ltxt { float: none; width: 100%; margin-top: 30px; text-align: center; }

  .about .item3 .rimg { position: static; margin: 30px auto 0; float: none; }

  .about .item3 { padding-bottom: 0; } }



@media screen and (max-width: 768px) { .about .item3 { padding-top: 10px; margin-top: 0; padding-bottom: 10px; }

  .about .item3 .ltxt .title { font-size: 30px; font-size: 3rem; text-transform: capitalize; }

  .about .item3 .ltxt .subtitle { font-size: 13px; font-size: 1.3rem; line-height: 26px; }

  .about .item4 .i4top { font-size: 14px; font-size: 1.4rem; line-height: 26px; } }



.news { margin-top: 70px; }



.news .cont { margin-bottom: 84px; }



.news .cont ul li { float: left; width: 50%; border-bottom: 2px solid #005aae; text-align: center; background-color: #f2f2f2; cursor: pointer; }

.news .cont ul li a{color:#333;}

.news .cont ul li { height: 63px; line-height: 60px; font-size: 26px; font-size: 2.6rem; color: #333; }



.news .cont ul li:hover, .news .cont ul li.on { color: #fff; background: url(../img/m5libg.png) repeat; }

.news .cont ul li:hover a, .news .cont ul li.on a{color: #fff;}



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



.news .qiehuan li { margin-bottom: 58px; padding-bottom: 52px; background: url(../img/n-qhbg.jpg) no-repeat bottom center; }



.news .qiehuan li .zuo { margin-right: 15px; width: 62px; height: 74px; background-color: #e6001c; text-align: center; }



.news .qiehuan li .zuo .month { padding-top: 3px; margin-bottom: 10px; font-size: 22px; font-size: 2.2rem; color: #fff; padding-bottom: 6px; background: url(../img/qq-line.png) no-repeat bottom center; }



.news .qiehuan li .zuo .year { font-size: 14px; font-size: 1.4rem; color: #fff; }



.news .qiehuan li .zhong { width: 100%; max-width: 300px; width: 300px\9; margin-right: 30px; }



.news .qiehuan li .you { width: 790px; }



.news .qiehuan li .you a { display: block; }



.news .qiehuan li .you .item1 { margin-top: 16px; margin-bottom: 21px; }



.news .qiehuan li .you .item1 a { font-size: 16px; font-size: 1.6rem; color: #333; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; }



.news .qiehuan li .you .item1 a:hover { color: #0140a1; }



.news .qiehuan li .you .item2 { margin-bottom: 52px; }



.news .qiehuan li .you .item2 a { font-size: 14px; font-size: 1.4rem; color: #666; line-height: 30px; height: 90px; overflow: hidden; }



.news .qiehuan li .you .item2 a:hover { color: #0140a1; }



.news .qiehuan li .you .item3 a { font-size: 14px; font-size: 1.4rem; color: #999; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; }



.news .qiehuan li .you .item3 a:hover { color: #0140a1; }



@media screen and (max-width: 1219px) { .news .qiehuan li .you { width: 540px; } }



@media screen and (max-width: 999px) { .news .qiehuan li .you { width: 520px; } }



@media screen and (max-width: 979px) { .news .cont ul li { height: 40px; line-height: 38px; font-size: 20px; font-size: 2rem; }

  .news .cont { margin-bottom: 20px; }

  .news .qiehuan li { margin-bottom: 20px; padding-bottom: 20px; }

  .news .qiehuan li .zhong { width: 250px; margin-right: 15px; }

  .news .qiehuan li .you .item1 { margin-top: 3px; margin-bottom: 5px; }

  .news .qiehuan li .you .item2 { margin-bottom: 16px; }

  .news .qiehuan li .you { width: -webkit-calc(100% - 349px); width: -moz-calc(100% - 349px); width: calc(100% - 349px); } }



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

  .news .qiehuan li .you { width: 100%; padding-top: 15px; }

  .news .qiehuan li .zhong { width: 210px; margin-right: 0px; }

  .news .qiehuan li .zuo { margin-right: 5px; } }



@media screen and (max-width: 540px) { .news .cont ul li { font-size: 16px; font-size: 1.6rem; } }



/* new2 */

.new2 { margin-bottom: 0px; }



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



.new2 .xqy { position: relative; }



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



.new2 .xqy .top1 .title1 h1 { font-size: 16px; font-size: 1.6rem; color: #333; font-weight: bold; }



.new2 .xqy .top1 .time { margin-top: 12px; margin-bottom: 5px; }



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



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



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



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



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



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



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



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



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



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



.new2_right { margin-top: 27px; width: 355px; }



.new2_right .back { display: block; font-size: 18px; font-size: 1.8rem; border-radius: 10px; margin: 0 auto; max-width: 222px; width: 100%; height: 51px; line-height: 51px; text-align: center; color: #fff; background: #e6001c; margin-bottom: 34px; font-weight: normal; }



.new2_right .title { display: block; font-size: 24px; font-size: 2.4rem; color: #e6001c; line-height: 40px; text-transform: uppercase; }



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



.shar_wrap { margin-bottom: 42px; }



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



.shar_wrap .share1 p .span { font-size: 16px; font-size: 1.6rem; color: #2c8dd6; position: relative; top:-5px; margin-right: 4px; display: inline-block; }



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



@media screen and (min-width: 1220px) { .shar_wrap .share1 p { margin-left: 50px; } }



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



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



.inpu a:hover { background: #0140a1; color: #fff; }



.new2_right .ex_wrap { width: 100%; border: 1px solid #b3d3ec; padding: 9px 17px 70px; margin: 0 auto; margin-bottom: 30px; }



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



.new2_right .ex_wrap dl .img1 { margin-bottom: 28px; }



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



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



.new2_right .ex_wrap dl dd a.we_tit:hover { color: #0140a1; }



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



.new2_right .ex_wrap .d-mid { margin-top: 12px; margin-bottom: 2px; font-size: 16px; font-size: 1.6rem; font-weight: bold; color: #333; }



.new2_right .ex_wrap .d-mid:hover { color: #0140a1; }



.new2_right .ex_wrap .d-bot { margin-bottom: 33px; font-size: 14px; font-size: 1.4rem; color: #333; }



.new2_right .ex_wrap .d-bot:hover { color: #0140a1; }



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



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



.updown p { display: inline-block; line-height: 28px; font-size: 14px; font-size: 1.4rem; color: #333; }



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



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



.updown p .on { color: #0140a1; }



.updown p a { font-size: 14px; font-size: 1.4rem; color: #333; text-transform: none; }



.updown p:hover a { color: #0140a1; }



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

  .new2_right { margin-right: 14px; }

  .news { margin-top: 20px; } }



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

  .new2_left { width: 100%; float: none; padding-right: 0; border-right: 0px; }

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

  .new2_right { margin-top: 0; }

  .updown { margin-bottom: 30px; }

  .new2_right .back { margin-bottom: 30px; }

  .new2_right .ex_wrap dl dd { float: left; width: 48%; margin: 1% !important; }

  .new2_right .back { margin-left: 0; }

  .shar_wrap .share1 p { margin-left: 0; }

  .shar_wrap { margin-bottom: 20px; } 
  
  
  
  
.new2 .newsx .table { overflow:scroll}



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

  }



@media screen and (max-width: 979px) { .main5 .cont ul li { height: 40px; line-height: 38px; font-size: 20px; font-size: 2rem; }

  .main5 .cont { margin-bottom: 10px; } }



@media screen and (max-width: 640px) { .new2 .xqy .top1 .title1 h1 { font-size: 18px; font-size: 1.8rem; line-height: 30px; }

  .new2_right .title { font-size: 20px; font-size: 2rem; }

  .new2_right .back { margin-bottom: 10px; } }



@media screen and (max-width: 560px) { .new2_right .ex_wrap .d-mid { font-size: 14px; font-size: 1.4rem; }

  .new2_right .ex_wrap .d-bot { font-size: 13px; font-size: 1.3rem; }

  .new2_right .ex_wrap dl dd { width: 98%; } }



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

  .new2_right .ex_wrap dl { width: 100%; }

  .ex_wrap { width: 100%; }

  .ex_wrap dl { width: 100%; } }



/*********************************************************************  news  ***************************************************************/

.nemain { padding-top: 10px; padding-bottom: 0px; }



.nelie { width: 360px; float: left; margin-left: 57px; margin-top: 35px; }



.netu { display: block; position: relative; max-width: 360px; margin: auto; overflow: hidden; }



.netun { display: block; }



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



.nefu { display: block; background: #333333; background: rgba(51, 51, 51, 0.89); position: absolute; width: 100%; height: 100%; left: 0px; top: 100%; }



.nefu span { display: block; width: 148px; height: 54px; background: #0140a1; text-align: center; line-height: 54px; position: absolute; left: 50%; margin-left: -74px; top: 50%; margin-top: -27px; font-size: 14px; font-size: 1.4rem; color: #fff; text-transform: uppercase; }



.nezi { white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; display: block; font-size: 18px; font-size: 1.8rem; line-height: 24px; margin-top: 20px; }



.nelie p a { display: block; font-size: 16px; font-size: 1.6rem; line-height: 24px; color: #666666; height: 48px; overflow: hidden; margin-top: 15px; }



.nelie > span { display: block; font-size: 14px; font-size: 1.4rem; color: #999999; padding-left: 22px; line-height: 24px; background: url(../img/neshizhong.png) no-repeat left center; margin-top: 15px; }



.nelie:hover .nefu { top: 0px; }



.nelie:hover a { color: #0140a1; }



.nemain .page { margin-top: 100px; }



@media screen and (min-width: 1000px) and (max-width: 1219px) { .nelie { width: 320px; margin-left: 10px; } }



@media screen and (max-width: 999px) { .nelie { width: 32.333%; margin-left: 0.5% !important; margin-right: 0.5%; margin-top: 20px; }

  .nezi { font-size: 16px; font-size: 1.6rem; }

  .nelie p a { font-size: 14px; font-size: 1.4rem; }

  .nemain { padding-top: 1px; padding-bottom: 24px; }

  .nemain .page { margin-top: 40px; }

  .nefu { display: none; } }



@media screen and (max-width: 699px) { .nelie { width: 49%; margin-left: 0.5%; margin-right: 0.5%; } }



@media screen and (max-width: 459px) { .nelie { width: 99%; margin-left: 0.5%; margin-right: 0.5%; } }



.exhibition .xqy { position: relative; }



.exhibition .xqy .top1 { margin-top: 57px; }



.exhibition .xqy .top1 .title1 { text-align: center; }



.exhibition .xqy .top1 .title1 h1 { font-size: 24px; font-size: 2.4rem; color: #333; font-weight: bold; }



.exhibition .xqy .top1 .time { text-align: center; margin-top: 7px; margin-bottom: 5px; }



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



.exhibition .newsx { padding-top: 35px; }



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



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



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



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



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



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



.exhibition .shar_wrap { width: 261px; margin: 0 auto; }



.exhibition .shar_wrap .share1 p { margin-left: 0; }
.exhibition .shar_wrap .share1 p .span{ top: -7px !important}



/*********************************************************************  news  ***************************************************************/

.application { padding-bottom: 70px; padding-top: 40px; }



.application .title { margin-bottom: 22px; font-size: 24px; font-size: 2.4rem; text-align: center; text-transform: uppercase; font-weight: bold; }



.application .cont { margin-bottom: 47px; font-size: 14px; font-size: 1.4rem; line-height: 30px; color: #333; text-align: center; }



.application ul li { overflow: hidden; margin-bottom: 30px; float: left; position: relative; margin-left: 15px; width: 390px; }



.application ul li .litop { width: 100%; }



.application ul li .libot { background: url(../img/applicationbg1.png) repeat center center; padding: 10px; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; position: absolute; width: 100%; height: 100%; left: 0; top: -100%; }



.application ul li .libot a { display: block; }



.application ul li .libot .a1 { margin-top: 32px; margin-bottom: 30px; padding-bottom: 0px; height: 84px; overflow: hidden; background: url(../img/applicationbg.jpg) no-repeat bottom left; font-size: 22px; font-size: 2.2rem; line-height: 36px; color: #fff; }



.application ul li .libot .a1:hover { color: #0140a1; }



.application ul li .libot .a2 { height: 60px; overflow: hidden; font-size: 14px; font-size: 1.4rem; color: #fff; line-height: 30px; }



.application ul li .libot .a2:hover { color: #0140a1; }



.application ul li:hover .libot { top: 0; }



@media screen and (max-width: 1219px) { .application ul li .libot .a1 { margin-top: 5px; }

  .application ul li .libot .a1 { line-height: 40px; }

  .application ul li { width: 31%; margin: 1% !important; } }

@media screen and (max-width: 999px) {
	.exhibition .newsx table { width: 800px; }



	.exhibition .newsx .table { overflow:scroll}


}
@media screen and (max-width: 979px) { .application { padding-bottom: 30px; }

  .application .title { margin-bottom: 20px; }

  .application .cont { margin-bottom: 20px; }

  .application ul li .libot { position: static; padding-bottom: 15px; }

  .application ul li .libot .a1 { margin-top: 0; margin-bottom: 5px; height: 72px; background: none; font-size: 18px; font-size: 1.8rem; }

  .application ul li .libot .a2 { font-size: 14px; font-size: 1.4rem; } }



@media screen and (max-width: 639px) { .application ul li { width: 48%; margin: 1% !important; } 

.yanzheng{margin-top: 10px;}

}



@media screen and (max-width: 400px) { .application ul li { width: 98%; margin: 1% !important; } }



/*********************************************************************  news  ***************************************************************/

.certificate { padding-top: 78px; padding-bottom: 77px; }



.certificate ul li { margin-bottom: 53px; width: 245px; margin-left: 73.33px; float: left; }



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



.certificate ul li span { -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; display: block; width: 100%; height: 100%; top: -100%; left: 0; background: #000 url(../img/fangda1.png) no-repeat center center; background: rgba(0, 0, 0, 0.5) url(../img/fangda1.png) no-repeat center center; position: absolute; }



.certificate ul li:hover span { top: 0; }



.certificate .libot { margin-top: 14px; font-size: 14px; font-size: 1.4rem; color: #333; text-align: center; }



@media screen and (max-width: 1219px) { .certificate ul li { width: 23%; margin: 1% !important; } }



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

  .certificate ul li span { top: 0; background: url(../img/fangda1.png) no-repeat center center; } }



@media screen and (max-width: 768px) { .certificate ul li { width: 31%; margin: 1% !important; } }



@media screen and (max-width: 420px) { .certificate ul li { width: 48%; margin: 1% !important; } }



/*********************************************************************  news  ***************************************************************/

.video { padding-top: 30px; }



.video ul li { margin-bottom: 63px; width: 292px; margin-left: 10.6px; float: left; }



.video .libot { margin-top: 13px; font-size: 16px; font-size: 1.6rem; color: #333; text-align: center; }



.video .video1 { position: relative; padding-bottom: 78.6%; height: 0; overflow: hidden; width: 100%;  margin: 0 auto; }



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



.video .video1 iframe body { margin: 0 !important; }



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



@media screen and (max-width: 1219px) { .video ul li { width: 23%; margin: 1% !important; } }



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



@media screen and (max-width: 768px) { .video ul li { width: 31%; margin: 1% !important; }

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

  .video .page { margin-top: 20px; } }



@media screen and (max-width: 420px) { .video ul li { width: 48%; margin: 1% !important; } }



/*==============================================faq=============================================*/

.faq { padding-top: 62px; }



.faq .subNav { position: relative; top: 0px; }



.faq .subNav .yiji { background: url(../img/wenhao.png) no-repeat left 20px; border-bottom: 1px dashed #ccc; padding-bottom: 25px; padding-top: 20px; }



.faq .subNav .yiji .erji { display: none; margin-top: 27px; padding-left: 38px; }



.faq .subNav .yiji .erji.xianshi { display: block; background: url(../img/renwu.png) no-repeat left 0px; }



.faq .subNav .yiji > a { font-size: 16px; font-size: 1.6rem; line-height: 30px; color: #333; padding-left: 38px; display: block; }



.faq .subNav .yiji.show1 > a { color: #333; }



.faq .subNav .yiji.show1 { background: url(../img/wenhao.png) no-repeat left 20px; }



.faq .subNav .yiji .erji a { font-size: 16px; font-size: 1.6rem; color: #333; line-height: 28px; }



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



@media screen and (max-width: 1220px) { .faq { padding-top: 30px; }

  .faqpage.page { margin-top: 40px; } }



/* ==========================================contact========================================= */

.contact { margin-bottom: 100px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; padding-top: 31px; }



.c_bottom { margin-top: 0px; float: right; }



.c_map img { width: 100%; max-width: 471px; max-height: 259px; }



.c_top { float: left; width: 516px; padding-top: 25px; background: url(../img/c_topbg.jpg) no-repeat top center; }



.c_top ul { width: 325px; margin: 75px auto 114px; }



.c_top ul .title { font-size: 26px; font-size: 2.6rem; color: #333; margin-bottom: 10px; }



.c_top ul li { font-size: 16px; font-size: 1.6rem; line-height: 34px; color: #666; }



.c_top ul li a { font-size: 16px; font-size: 1.6rem; line-height: 34px; color: #666; }



.c_top ul li a:hover { color: #0140a1; }



.c_top dl { margin-top: 15px; }



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



.c_top dl dd { float: left; margin-left: 11px; }



.contact .ditu { margin-top: 47px; }



.c_xp { float: left; width: 658px; }



.c_xp_title { padding-left: 17px; margin-top: 8px; }



.c_xp_title img { width: 100%; max-width: 111px; max-height: 23px; }



.c_xp_msg { padding-left: 0px; font-size: 14px; font-size: 1.4rem; color: #666; line-height: 30px; margin-top: 4px; margin-bottom: 21px; max-width: 660px; }



.c_div1 { padding-bottom: 23px; }



.c_div2 { padding-bottom: 23px; }



.c_div3 { padding-bottom: 21px; }



.c_bt1 { text-indent: -1px; color: #ff0000; font-size: 20px; font-size: 2rem; width: 14px; padding-left: 0px; float: left; height: 30px; line-height: 30px; margin-top: 17px; }



.c_div3 .c_bt1 { margin-top: 11px; }



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



.c_input, .c_input2, .c_captcha { height: 54px; line-height: 52px; }



.c_input { width: 309px; }



.c_input2 { width: 638px; }



.c_textarea { width: 644px; float: left; line-height: 26px; height: 193px; padding-top: 6px; }



.c_captcha { width: 175px; }



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



.c_send { float: right; cursor: pointer; /*margin-left:34px;*/ width: 246px; height: 54px; line-height: 52px; text-align: center; color: #fff; background: #0140a1; font-size: 14px; font-size: 1.4rem; margin-top: 1px; }



.c_send:hover { background: #aaaaaa; transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; }



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

  .c_nr1 { width: 48%; }

  .c_input { width: 90%; }

  .c_top { width: 415px; }

  .c_input2, .c_textarea { width: 95%; }

  .c_send { margin-left: 15px; float: left; margin-top: 20px; width: 95%; } }



@media screen and (max-width: 999px) { .c_bottom { width: 100%; max-width: 800px; margin: 0 auto; float: none; }

  .c_top ul { padding-bottom: 114px; margin-bottom: 0; }

  .c_top { width: 100%; float: none; margin-top: 30px; }

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

  .c_lx2, .c_lx3 { width: 50%; }

  .c_lx1 .c_lx_right { width: 85% !important; }

  .c_map { width: 100%; float: none; margin: 0 auto; text-align: center; }

  .c_xp { float: none; width: 100%; max-width: 800px; margin-top: 0px; }

  .c_xp_title { text-align: center; }

  .c_captcha { width: 250px; }

  .c_send { float: left; margin-left: 14px; } }



@media screen and (max-width: 879px) { .contact .ditu { margin-top: 30px; }

  .contact { margin-bottom: 30px; }

  .c_top ul .title { font-size: 20px; font-size: 2rem; }

  .c_top ul li { font-size: 14px; font-size: 1.4rem; }

  .c_top ul li a { font-size: 14px; font-size: 1.4rem; }

  .c_send { margin-left: 15px; width: 95%; margin-top: 20px; }

  .c_lx { margin-top: 30px; } }



@media screen and (max-width: 819px) { .c_lx_nr { width: 100%; float: none; }

  .c_lx_right, .c_lx1 .c_lx_right { width: 80% !important; }

  .c_lx1 .c_lx_pic, .c_lx2 .c_lx_pic, .c_lx3 .c_lx_pic { width: 90px; } }



@media screen and (max-width: 579px) { .c_div1 { padding-bottom: 0px; }

  .c_div2, .c_div3 { padding-bottom: 15px; }

  .c_nr1 { float: none; width: 100%; padding-bottom: 15px; }

  .c_input, .c_input2, .c_textarea, .c_captcha, .c_send { width: 90%; }

  .c_yzm { margin-top: 15px; margin-left: 15px; }

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

  .c_bt1 { margin-top: 0px; line-height: 40px; height: 40px; }

  .c_title { font-size: 30px; font-size: 3rem; line-height: 38px; }

  .c_msg { margin-top: 10px; } }



@media screen and (max-width: 519px) { .c_lx_right, .c_lx1 .c_lx_right { width: 75% !important; } }



@media screen and (max-width: 439px) { .c_top ul { width: 95%; }

  .c_lx_pic { width: 100%; text-align: center; margin: 0 auto; float: none; }

  .c_lx_right, .c_lx1 .c_lx_right { float: none; width: 100% !important; text-align: center; } }



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

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

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

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



/*# sourceMappingURL=index.css.map */





.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: #e6001c !important; color: #fff !important}





.onss{color: #0140a1  !important;}

 .about .cont a:hover{color:#333 !important }

.about .main3 .quan .m3top p a:hover, .main3 .quan1 .m3top p a:hover {
    color: #333;
}

.about .main3 .quan .m3bot a:hover, .about .main3 .quan1 .m3bot a:hover {
    display: block;
    color: #666;
}

.shuxp_c{ height:25px; white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; line-height:25px; font-size:14px; font-size:1.4rem }