﻿@font-face
{
    font-family: myFirstFont;
    src: url(../fonts/Roboto-Light-10.ttf);
}
 
*{ margin:0 auto; padding:0; transition-property: all;-ms-transition-property: all;-moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all; text-transform: capitalize;}
body{ font-family:'myFirstFont',Helvetica,Arial,Lucida,sans-serif; color:#666666; font-size:14px; background: #FFFFFF; }
a{ text-decoration: none; -webkit-transition: all ease .1s;  -moz-transition: all ease .1s; transition: all ease .1s; border:none; color: #666666;}
a:focus { outline: 0 }
a:hover{ color: #2f5596;}
img{ border:none; -webkit-transition: all ease .5s;  -moz-transition: all ease .5s; transition: all ease .5s;}
ul,li{ list-style:none;}
.clear{ clear:both;}
p{ margin:0 auto; padding:0;}
.padding5{ padding:5px;}
.padding10{ padding:10px;}
.padding15{ padding:15px;}
.padding20{ padding:20px;}
.padding30{ padding:30px;}
.padding40{ padding:40px;}
.fr{ float:right;}
.fl{ float:left; }
.paddingright{ padding-right:10px;}
.paddingleft{ padding-left:10px;}

.dis{ display:none;  }
.pr5{ padding-right:5px;}
.red{ color:#f00;}
.fff{ color:#fff;}
.pdt30{ padding-top: 30px;}
.txtcenter{ text-align: center;}

#home .home a,
#about .about a,
#products .products a,
#services .services a,
#solutions .solutions a,
#contact .contact a{  color: #23bce5; }



#about .about ul li a{  color: #333333; border-bottom: 1px solid #DEDEDE;}
#about .about ul li a:hover{ color: #FFFFFF;  background: #23bce5;}


#products .products ul li a{  color: #333333; border-bottom: 1px solid #DEDEDE;}
#products .products ul li a:hover{ color: #FFFFFF;  background: #23bce5;}


#services .services ul li a{  color: #333333; border-bottom: 1px solid #DEDEDE;}
#services .services ul li a:hover{ color: #FFFFFF;  background: #23bce5;}


#solutions .solutions ul li a{  color: #333333; border-bottom: 1px solid #DEDEDE;}
#solutions .solutions ul li a:hover{ color: #FFFFFF;  background: #23bce5;}


#contact .contact ul li a{  color: #333333; border-bottom: 1px solid #DEDEDE;}
#contact .contact ul li a:hover{ color: #FFFFFF;  background: #23bce5;}


.gotop {
	width: 24px;
	height: 24px;
	padding: 10px;
	background: #ccc url(../images/float_qqicon1.png) no-repeat center;
	position: fixed;
	right: 0;
	display:none;
	bottom: 0px;
}

input,button,select,textarea{ outline:none; font-family:'myFirstFont',Helvetica,Arial,Lucida,sans-serif;}
textarea{resize:none;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none; font-weight:normal;}


submit{ font-family:'myFirstFont',Helvetica,Arial,Lucida,sans-serif;}
#warp{ width:100%; height:auto;  overflow: hidden;}
.HeaderM{ display: none;}
.topBG{ width: 100%; height: 40px; line-height: 40px; background: url(../images/Topbg.jpg) no-repeat center; box-sizing: border-box; padding: 0 30px; text-align: right;}
.topBG a{ color: #FFFFFF; padding-left: 20px;}
.topBG span{ border-left: 1px solid #FFFFFF; margin-left: 20px;}
.Headerbg{ width: 100%; height: auto; background: #FFFFFF; position: fixed; left: 0; top: 0; z-index: 999; border-bottom: 1px solid #DEDEDE;}
.Header{ width: 100%; height: 87px; padding: 15px 35px; box-sizing: border-box; position: relative;}
.Header .logo{ float: left; width: 89px; height: 47px; overflow: hidden;}
.Header .logo a{ display: block; width: 89px; height: 47px; background: url(../images/logo.jpg) no-repeat;}
.Header .searchH{ float: right; width: auto; height: 47px; }
.Header .searchH  a{ line-height: 77px;}

.Header .navigation{ float: right; width: auto; height: 47px; line-height: 77px;}
.Header .navigation li{ float: left; padding-right: 40px; font-size: 18px;}
.Header .navigation li ul li{ padding: 0; width: 16.66%;}
.Header .navigation a{ position: relative;}
 li.nav-item:hover>a ,li.nav-item.active>a{color: #2f5596;}
 /* 二级菜单 */
.subMenu{display: none;position: absolute;top: 87px; padding: 15px 0; left: 0;width: 100%; height: auto; background-color: #2f5596; z-index: 888;}
.subMenu>ul{ width: 100%;}

.subMenu>ul>li>a{display:block;  line-height: 42px; color: #ccc; padding-left: 40px;  }
.subMenu>ul>li>a:hover{color:#FFFFFF}
.subMenu>ul>li a i{ padding-right:10px;}
.subMenu>ul>li>ul{ float:left; width:200px;}
.subMenu>ul>li>ul a{ color:#fff; font-size:13px; padding-left: 40px; display:block; height:32px; line-height:32px; overflow:hidden;}

.Header .searchHBg{ display: none; width: 100%; height: auto; padding: 25px 0; background: #2f5596; position: absolute; left: 0; top: 87px; z-index: 999;}
.Header .searchHBg .searchHbox{  width: 580px; padding: 0 10px; height: 40px; background: #FFFFFF; border-radius: 3px;}
.Header .searchHBg .searchHbox .Hinput{ float: left; width: 550px; height: 40px; line-height: 40px; border: none;}
.Header .searchHBg .searchHbox .Hsub{ float: left; width: 30px; height: 40px; overflow: hidden; text-align: center; border: none; background: none;}



  .swiper-container {
  	margin-top: 87px;
      width: 100%;
      height:740px;
    }
    
  .swiper-container h2{ color:#fff; width:65%; float:right; padding-right:10%; font-size:24px; line-height:32px;}   
  .swiper-container h2 a{ background:#2f5596; color:#fff; border:1px solid #fff; width:110px; height:42px; line-height:42px; display:block; font-weight:normal; font-size:16px; margin-top:15px; }
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 20px;}    
.swiper-pagination span{ width: 10px; height: 10px; border-radius: 10px;}
.swiper-pagination-bullet{ background: #CCCCCC; opacity: 1.0;  }
.swiper-pagination-bullet-active{ background: #FFFFFF; }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{ display: none;}    
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{  display: none;}   
.swiper-container:hover .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ display: block;}   
.swiper-container:hover .swiper-button-prev, .swiper-container-rtl .swiper-button-next{  display: block;}   
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 20px;}

.index1{ width: 60%; height: auto; padding: 35px 20%; text-align: center; font-size:18px; line-height: 32px;  color: rgba(255,255,255,0.7)!important;  background: url(../images/bannerBbg.jpg) no-repeat top center; background-attachment: fixed;  background-size: cover;}

.index2Tit{ width:100%; height:42px; line-height:42px; padding:0 0 25px 0; color:#2f5596; font-size:28px; text-transform:uppercase; text-align:center;}
.index2{ width: 1080px; height: auto; padding: 60px 0 0 0; overflow: hidden;}
.index2 dl{ float: left; width: 200px; height: auto; box-sizing: border-box; border: 1px solid #DEDEDE;text-align: center; margin:8px;}
.index2 dl:hover{box-shadow:0 0 10px #CCCCCC; }
.index2 dl dt{ width: 100%; height: auto; overflow: hidden;}
.index2 dl dt img{   width: 100%; height: auto; }
.index2 dl dd{ width: 100%; height:40px; line-height: 40px; font-size: 0.9rem; overflow: hidden;}

.main_visual .owl-carousel,.main_visual .owl-stage-outer,.main_visual .owl-stage,.main_visual .owl-carousel .owl-item{width: 100%;height: 100% !important;}
.main_visual .owl-carousel .item{width: 100%;height: 100%; background-repeat: no-repeat; background-position: center center;-webkit-background-size: cover; background-size: cover;}
.main_visual .owl-prev,.main_visual .owl-next{ display: none; text-indent: 9999999em;}


.main_visual .owl-dots{ width: 100%; text-align: center; height: 10px; position:absolute; left: 0; bottom: 0;  z-index: 999;}
.main_visual .owl-dots .owl-dot{display: inline-block;  margin:0 5px ;}
.main_visual .owl-dots .owl-dot span{  display: inline-block; width: 10px; height: 10px; background:#CCCCCC; border-radius: 50%;}
.main_visual .owl-dot.active span{width: 10px; height: 10px; background:#0054A3; border-radius: 50%;}

.index2More{ width:100%; height:50px; padding:40px 0 60px 0;}
.index2More a{ display:block; width:140px; height:48px; line-height:48px; border:1px solid #dedede; font-size:15px; text-align:center;}
.index2More a:hover{ background:#2f5596; color:#fff;}
.index2M{ display:none;}

.index3Bg{ width: 100%; height: 392px;  background: url(../images/index3bg.jpg) no-repeat top center; background-attachment: fixed;  background-size: cover; border-top:1px solid #eee; border-bottom:1px solid #eee;}
.index3{ width: 1080px; height: auto; overflow: hidden; padding-top: 50px;}
.index3 h2{ line-height: 32px; font-size: 18px;}
.index3List{ width: 1080px; height: 262px; overflow: hidden; padding-top: 25px;}
.index3List a{ display:block; height:32px; line-height:32px; border:1px solid #dedede; width:100px; text-align:center; margin-top:20px; float:left; clear:both; font-size:14px;}
.index3List a:hover{background:#2f5596; color:#fff;}

.index3List1{ float: left; font-size: 16px; line-height: 28px; width: 285px; height: 262px; overflow: hidden; padding-right: 38px; border-right: 1px solid; border-right-color: rgba(178,178,178,0.52)}

.index3List2{ float: left; font-size: 16px; line-height: 28px; width: 285px; height: 262px; overflow: hidden; padding-right: 37px; padding-left: 57px; border-right: 1px solid; border-right-color: rgba(178,178,178,0.52)}

.index3List3{ float: right; font-size: 16px; line-height: 28px; width: 315px; height: 262px; overflow: hidden; }

.index4bg{ width: 100%; height: auto; padding: 40px 0; background: #ededed; border-bottom: 1px solid #dedede; border-top: 1px solid #dedede;}
.index4{ width: 1080px; height: 296px; overflow: hidden;}
.index4L{ float:left; width: 525px; height: 296px; overflow: hidden;}
.index4L img{width: 525px; height: 296px;}
.index4R{ float:right; width: 525px; height: 296px; overflow: hidden;}
.index4R h2{ font-size: 18px; line-height: 24px; height: 48px; overflow: hidden;}
.index4R h3{ font-size: 14px; font-weight: normal; line-height: 36px; color: #999999;  overflow: hidden;}
.index4R h3 span{ text-transform:uppercase; padding-right:5px;}
.index4R p{ font-size: 14px; line-height: 26px; height: 156px; overflow: hidden;}
.index4R h4{ display: inline-block; font-weight: normal; font-size: 14px; width: 100px; margin-top: 10px; height: 30px; line-height: 30px; border: 1px solid #ccc; text-align: center;}
.index4R h4 a{ display: block;}
.index4R h4 a:hover{ background: #333333; color: #FFFFFF;}


.index5{ width: 1080px; height: auto; padding: 40px 0; overflow: hidden;}
.EmaBox{ width: 1020px; height: auto; padding:35px 30px; overflow: hidden; background: #f9f9f9;}
.EmaBox1{ width: 1020px; height: 39px; overflow: hidden;}
.EmaBox1 .Einput1{ float: left; background: #FFFFFF; border: none; width: 675px; height: 39px; line-height: 39px; box-sizing: border-box; padding: 0 10px;}
.EmaBox1 .Esub1{ float: right; width: 326px; height: 39px; line-height: 39px; font-weight: bold; font-size: 16px; border: none; text-align: center; color: #FFFFFF; background: #2f5596;}
.EmaBox p{ padding-top: 20px; line-height: 24px;}


.footerbg{width: 100%; height: auto; padding: 40px 0; background: #f2f2f2;}

.footer1{ width: 1080px; height: auto; overflow: hidden;}
.footer1 dl{width:100%; height: auto; overflow: hidden;}
.footer1 dl dt{ width: 100%; height: 42px; line-height: 42px; color: #333333; font-size: 18px;}
.footer1 dl dd{ width: 100%; height: auto; overflow: hidden;}
.footer1 dl dd a{ display: block; line-height: 28px; font-size: 16px; float:left; width:33.3%}

.footer2{ width: 1080px; height: 28px; line-height: 28px; padding-top: 25px; overflow: hidden;}
.footer2 a{ font-size: 24px; padding-left: 15px;}

.abWz{ width: 1080px; height: 54px; line-height: 54px; margin-top: 158px; font-size: 16px; color: #999999;}
.abWz a{ color: #999999;}
.abWz a:hover{ color: #2f5596;}
.abTit{ width: 1080px; height: 66px; line-height: 66px; font-size: 26px; color: #2f5596; padding-top: 15px; }
.abBox{ width: 1080px; height: auto; padding-top: 10px; padding-bottom: 50px; overflow: hidden;}
.abBoxL{ float: left; width: 680px; height: auto; overflow: hidden; line-height: 28px; font-size: 16px;}
.abBoxL img{ width: 100%; height: auto; margin-top: 25px;}

.abBoxR{ float: right; width: 369px; height: auto; }
.abBoxR img{width: 369px; height: 291px; box-shadow: 0px 12px 18px -6px rgba(0,0,0,0.3);}
.abBoxR p{ text-align: center; height: 54px; line-height: 54px; font-size: 18px;}

.ab2Bg{ width: 100%; height: auto; padding-bottom:50px; background: url(../images/ab2bg.jpg) no-repeat top center; background-size:cover; background-attachment: fixed;}
.ab2box{ width: 1080px; height: auto; overflow: hidden; padding-top: 60px;}
.ab2boxL{  float: none; width: 100%; padding-right:0; height: auto; overflow-y: auto; color: #FFFFFF;}
.ab2boxL h2{ font-weight: normal; line-height: 46px; font-size: 20px;}
.ab2boxL p{ font-size: 14px; line-height: 28px;}
.ab2boxR{ float: right; width: 510px; height: auto; overflow: hidden;}
.ab2boxR img{ width: 100%; height: auto;}

 /*滚动条样式*/
.ab2boxL::-webkit-scrollbar {/*滚动条整体样式*/

            width: 4px;     /*高宽分别对应横竖滚动条的尺寸*/
            height: 4px;
        }
.ab2boxL::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
            border-radius: 5px;
            -webkit-box-shadow: inset 0 0 5px rgba(255,255,255,1);
            background: rgba(255,255,255,1);
        }
.ab2boxL::-webkit-scrollbar-track {/*滚动条里面轨道*/
            -webkit-box-shadow: inset 0 0 5px rgba(255,255,255,0.2);
            border-radius: 0;
            background: rgba(255,255,255,0.1);
        }



.ab3List{ width: 1080px; height: 112px; overflow: hidden; padding:35px 0;}
.ab3List dl{ float: left; width: 33.3%; height: 112px; border-right: 1px solid #DEDEDE; box-sizing: border-box; text-align: center;}
.ab3List dl dt{ width: 100%; height: 72px; color: #2f5596; line-height: 72px; font-size: 50px;}
.ab3List dl dt i{ padding-right: 10px;}
.ab3List dl dd{ width: 100%; height: 40px; line-height: 40px;}

.ab4Bg{ width: 100%; height: 400px;  border-top: 1px solid #DEDEDE;  border-bottom: 1px solid #DEDEDE; background: url(../images/ab4bg.jpg) no-repeat top center; background-size:cover;}
.ab4_1{ width: 1000px; height: 206px; padding-top: 90px;}
.ab4_1 img{ width: 1000px; height: 206px;}

.ab4_2{ width: 1080px; height: 54px; line-height: 54px;  background-color: rgba(12,113,195,0.68); margin-top: 15px;}
.ab4_2 h3{ float: left; color: #FFFFFF; width: 20%; text-align: center; font-size: 20px;}

.ab5box{ width: 1080px; height: 138px; padding: 80px 0; overflow: hidden;}
.ab5box dl{ float: left; width: 50%; height: 138px; box-sizing: border-box; overflow: hidden;}
.ab5box dl dt{ width: 100%; height: 30px; line-height: 30px; color: #2f5596; font-size: 18px;}
.ab5box dl dd{ width: 100%; height: auto; line-height: 30px; font-size: 16px;}
.ab5box dl:first-child{ padding-right: 60px; border-right: 1px solid #DEDEDE;}
.ab5box dl:last-child{ padding-left: 60px;}

.abTeam{ width: 1080px; height: auto; overflow: hidden;}
.abTeam dl.ABTeamdl dd{ display: block;}
.abTeam dl.ABTeamdl dt{ background: url(../images/TeamIcon2.jpg) no-repeat right center; }
.abTeam dl{ width: 1080px; box-sizing: border-box; height: auto; background: #f4f4f4; margin-bottom: 25px; padding: 0 25px; border: 1px solid #d9d9d9;}
.abTeam dl dt{ width: 100%; height: 64px; line-height: 64px; font-size: 18px; background: url(../images/TeamIcon1.jpg) no-repeat right center; cursor: pointer;}
.abTeam dl dd{ width: 100%; height: auto; line-height: 26px; font-size: 16px; padding-bottom: 25px; display: none;}
.abTeam dl dd img{ float: left; padding: 0 15px 0 0; width: 230px; height: auto;}

.abContent{ width: 1080px; height: auto; padding: 25px 0; line-height: 26px; font-size: 16px;  overflow: hidden;}
.abNewsList{ width: 1080px; height: auto; overflow: hidden; padding: 25px 0; }
.abNewsList dl{ width: 1080px; height: 295px; overflow: hidden; margin-bottom: 25px;}
.abNewsList dl dt{ float: left; width: 525px; height: 295px; overflow: hidden;}
.abNewsList dl dt img{width: 525px; height: 295px;}
.abNewsList dl dd{ float:right; width: 525px; height: 296px; overflow: hidden;}
.abNewsList dl dd h2{ font-size: 18px; line-height: 24px; height: 48px; overflow: hidden;}
.abNewsList dl dd h3{ font-size: 14px; font-weight: normal; line-height: 36px; color: #999999;  overflow: hidden;}
.abNewsList dl dd h3 span{ text-transform:uppercase; padding-right:5px;}
.abNewsList dl dd p{ font-size: 14px; line-height: 26px; height: 156px; overflow: hidden;}
.abNewsList dl dd h4{ display: inline-block; font-weight: normal; font-size: 14px; width: 100px; margin-top: 10px; height: 30px; line-height: 30px; border: 1px solid #ccc; text-align: center;}
.abNewsList dl dd h4 a{ display: block;}
.abNewsList dl dd h4 a:hover{ background: #333333; color: #FFFFFF;}

.abHonor{ width: 1080px; height: auto; border: 1px solid #DEDEDE; box-sizing: border-box;}
.abHonor1{ width: 100%; height: 48px; line-height: 48px;  padding: 0 20px; font-weight: bold; font-size: 18px;  box-sizing: border-box; border-bottom: 3px solid #DEDEDE; }
.abHonor1 dt{ float: left; width: 35%; height: 48px; overflow: hidden;}
.abHonor1 dd{ float: left; width: 65%; height: 48px; overflow: hidden;}

.abHonor2{ width: 100%; height: auto; padding:20px; font-size: 16px;  box-sizing: border-box;  }
.abHonor2 dl{ width: 100%; height: 42px; overflow: hidden;}
.abHonor2 dt{ float: left; width: 35%; height: 42px; overflow: hidden;}
.abHonor2 dd{ float: left; width: 65%; height: 42px; overflow: hidden; line-height: 21px;}
.abHonor2 dd a{ color:#2f5596;}


.newsShow{ width: 1080px; height: auto; overflow: hidden;}
.newsShowL{ float: left; width: 700px; height: auto; overflow: hidden;}
.newsShowLTit{ width: 100%; color: #2f5596; font-size: 28px; line-height: 40px;}
.newsShowLTime{ width: 100%; height: 42px; line-height: 42px; font-size: 16px;}
.newsShowLImg{ width: 100%; height: auto; overflow: hidden;}
.newsShowLImg img{ width: 100%; height: auto; }
.newsShowLinfo{ width: 100%; height: auto; padding: 25px 0; line-height: 26px; font-size: 16px;  overflow: hidden;}
.newsShowLinfo img{ max-width: 100%; height: auto;}

.newsShowR{ float: right; width: 320px; height: auto; overflow: hidden;}
.newsShowRnav{ width: 320px; height: auto;}
.newsShowRnav dl{ width: 320px; height: auto; padding: 15px; box-sizing: border-box; border-bottom: 1px solid #DEDEDE; border-top: 1px solid #DEDEDE;}
.newsShowRnav dl dt{ width: 100%; height: 30px; line-height: 30px; font-size: 18px; cursor: pointer; background: url(../images/newsnav.jpg) no-repeat right center;}
.newsShowRnav dl dd{ display: none; width: 100%; height: auto; padding-top: 10px;}
.newsShowRnav dl dd a{ display: block; height: 32px; padding-left: 15px; line-height: 32px; font-size: 16px; background: url(../images/newsnava.jpg) no-repeat left center;}

.newsShowREmail{ margin-top: 30px; width: 320px; height: auto; padding:30px; box-sizing: border-box; overflow: hidden; background: #f9f9f9;}
.newsShowREmail1{ width: 100%; height: auto; overflow: hidden;}
.newsShowREmail1 .Einput1{  background: #FFFFFF; border: none; width: 100%;  height: 39px; line-height: 39px; box-sizing: border-box; padding: 0 10px;}
.newsShowREmail1 .Esub1{width: 100%; margin-top: 5px; height: 39px; line-height: 39px; font-weight: bold; font-size: 16px; border: none; text-align: center; color: #FFFFFF; background: #2f5596;}
.newsShowREmail p{ padding-top: 20px; line-height: 24px;}



.newsNav{ width: 1132px; height: auto;  overflow: hidden;}
.newsNav dl{ float: left; text-align: center; width: 508px; height: 351px; border: 1px solid #DEDEDE; overflow: hidden; margin: 28px;}
.newsNav dl dt{ width: 508px; height: 269px; overflow: hidden;}
.newsNav dl dt img{ width: 508px; height: 269px;}
.newsNav dl dd{ width: 100%; height: 82px; line-height: 82px; font-size: 18px; overflow: hidden;}

.newsList{ width: 1110px; height: auto; overflow: hidden; padding: 25px 0;}
.newsList dl{ float: left; width: 340px; height: 360px; overflow: hidden; margin: 15px;}
.newsList dl dt{ width: 340px; height: 244px; overflow: hidden; border-bottom: 1px solid #DEDEDE;}
.newsList dl dt img{ width: 340px; height: 200px;}
.newsList dl dt h4{ width: 100%; height: 44px; line-height: 44px; font-weight: normal; font-size: 13px; background: #f7f7f7; box-sizing: border-box; padding: 0 20px;}
.newsList dl dt h4 span{ text-transform:uppercase; padding-right:5px;}
.newsList dl dd{ width: 100%; padding:15px 20px; box-sizing: border-box;}
.newsList dl dd p{ font-size: 16px; line-height: 26px; height: 78px; overflow: hidden;}
.newsList dl a:hover dt{box-shadow:0 0 10px #CCCCCC; }

.MarketsList{ width: 1110px; height: auto; overflow: hidden; padding: 25px 0;}
.MarketsList dl{ float: left; width: 320px; height: 410px; overflow: hidden; margin: 0 25px;}
.MarketsList dl dt{ box-sizing: border-box; width: 320px; height: 244px; border: 1px solid #DEDEDE; overflow: hidden; text-align: center;}
.MarketsList dl dt img{ width: 318px; height: 168px;}
.MarketsList dl dt h4{ font-weight: normal; font-size: 18px; height: 74px; line-height: 74px; overflow: hidden;}
.MarketsList dl dd{ width: 320px; height:112px; overflow: hidden;  font-size: 14px; line-height: 28px; margin-top: 27px;}
.MarketsList dl a:hover dt{box-shadow:0 0 10px #CCCCCC; }

.MarketsBanner{ width: 100%; height: auto; margin-top: 128px;}
.MarketsList1 dl{ float: left; width: 320px; height: 244px; overflow: hidden; margin:  25px;}

.InvestorsBanner{margin-top: 128px; width: 100%; height: 520px; line-height: 520px; text-align: center; color: #FFFFFF; font-size: 42px; font-weight: bold;}

.InvestorsList{ width: 100%; height: auto; padding: 25px 0; overflow: hidden;}
.InvestorsList dl{ width: 100%; height: 60px; overflow: hidden; padding: 20px 0;}
.InvestorsList dl dt{ font-size: 16px; line-height: 30px; height: 30px;}
.InvestorsList dl dd{ font-size: 16px; line-height: 30px; height: 30px; color: #999999;}
.InvestorsList dl dd a{ color: #2f5596; padding-left: 10px; margin-left: 10px;}
.InvestorsList dl dd span{ text-transform:uppercase; padding-right:5px;}
.InvestorsList dl dd a:before{ content: "|"; padding-right: 10px;}
.InvestorsList dl dd a img{ padding-right: 10px; vertical-align: middle;}

.goodsMenu{ width: 100%; height: auto; padding: 25px 0; background: #2f5596; margin-top: 87px;}
.goodsMenu a{ color: rgba(255, 255, 255, 0.8); padding-left: 25px;}
.goodsMenu a:hover{ color: #FFFFFF;}

.goodsBanner{width: 100%; height: 520px; line-height: 520px; text-align: center; color: #FFFFFF; font-size: 42px; font-weight: bold;}


.goodsListTop{ width: 1080px; height: 62px; line-height: 62px; font-weight: bold; font-size: 20px; color: #000000;}
.goodsList{ width: 1102px; height: auto; padding: 25px 0;}
.goodsList dl{ float: left; width: 347px; height: 243px; box-sizing: border-box; border: 1px solid #DEDEDE; margin: 10px; text-align: center;}
.goodsList dl:hover{box-shadow:0 0 10px #CCCCCC; }
.goodsList dl dt{ width: 345px; height: 203px; overflow: hidden;}
.goodsList dl dt img{ width: 345px; height: 203px; }
.goodsList dl dd{ width: 345px; height:40px; line-height: 40px; font-size: 16px; overflow: hidden;}

.goodsSearch{ width: 1080px; height: 38px; position:relative;}
.goodsSearch .Ginput{ border-radius: 3px; float: right; width: 484px; padding: 0 12px; height: 36px; line-height: 36px; border: 1px solid #DEDEDE;}

.goodsSearchList{ width:488px; padding:10px;  border: 1px solid #DEDEDE;  border-radius: 3px; position:absolute; right:0; top:38px; background:#fff; display:none}
.goodsSearchList dl{ width:100%; height:62px; overflow:hidden; margin:5px 0;}
.goodsSearchList dl a{ display:block; padding:5px;  width:100%; height:42px; overflow:hidden; background:#fff; color: #2f5596;}
.goodsSearchList dl a:hover{ background:#eee;}
.goodsSearchList dl a dt{ float:left; width:42px; height:42px; overflow:hidden;}
.goodsSearchList dl a dt img{ width:42px; height:42px; }
.goodsSearchList dl a dd{ float:right; width:420px; height:42px; line-height:21px; overflow:hidden;}
.goodsSearchList dl a dd h4{ font-size:16px; font-weight:normal;}
.goodsSearchList dl a dd p{ font-size:14px;}
.undis{ display:block;  background-size: cover;}

.goodsMenuinfo2{ width: 1080px; height: auto; overflow: hidden;}
.goodsMenuinfo2Top{ width: 100%; height: 42px; line-height: 42px; border-bottom: 1px solid #DEDEDE; background: #f4f4f4;}
.goodsMenuinfo2Top a{ padding:  0 40px; height: 42px; margin-right: -4px; font-size: 16px; display: inline-block; border-right: 1px solid #dedede;}
.goodsMenuinfo2Top a:last-child{ border-right: none;}
.goodsMenuinfo2Top a i{ line-height: 42px;}
.goodsMenuinfo2Top .tabs .thistab,.tabs .thistab a:hover {background: #FFFFFF;  }

.Goodstab_conbox{ width: 100%; padding: 25px 0; border-bottom: 1px dotted #CCCCCC; }
.goodsnavinfo{ width: 100%; height: auto; line-height: 28px; font-size: 16px; overflow: hidden;}

.goods2ListBox{ width: 1080px; height: auto; padding: 50px 0;}
.goods2ListBoxL{ float: left; width: 720px; height: auto; overflow: hidden;}
.goods2ListBoxL dl{ width: 720px; height: auto; overflow: hidden; margin-bottom: 50px;}
.goods2ListBoxL dl dt{width: 28%;float: left;margin-right: 2%; overflow: hidden;}
.goods2ListBoxL dl dt img{ width: 100%; height: 100%;}
.goods2ListBoxL dl a:hover dt img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.goods2ListBoxL dl dd{ width: 70%; float: right; box-sizing: border-box; padding: 10px;}
.goods2ListBoxL dl dd h2{ color: #2f5596; font-weight: normal; font-size: 18px; line-height: 26px;}
.goods2ListBoxL dl dd div{ line-height: 24px; font-size: 16px; margin-top: 10px; height: 120px; overflow: hidden;}

.goods2ListBoxR{ float: right; width: 309px; height: auto; overflow: hidden; padding-left: 10px; border-left: 1px dotted #CCCCCC;}
.goods2ListBoxR dl{ width: 100%; height: auto; margin-bottom: 30px;}
.goods2ListBoxR dt{ width: 100%; height: 42px; line-height: 42px; text-transform: uppercase; font-size: 18px; color: #000000; background: url(../images/goodsSelectDt1.jpg) no-repeat right center;}
.goods2ListBoxR dt.current{background: url(../images/goodsSelectDt.jpg) no-repeat right center;}

.goods2ListBoxR dt a{color: #000000;}
.goods2ListBoxR dd{ width: 100%; height: auto; overflow: hidden; }
.goods2ListBoxR dd a{ display: block; padding-left: 30px; font-size: 15px; line-height: 28px; background: url(../images/goodsSelectbg.jpg) no-repeat left center;}
.goods2ListBoxR dd a.selected{background: url(../images/goodsSelectbg1.jpg) no-repeat left center;}

.proShow1{ width: 1080px; padding: 25px 0; height: auto; overflow: hidden;}
.proShow1L{ width: 520px; height: auto; float: left; cursor: pointer;}
.proShow1L img{ width: 100%; height: auto;}

.proShow1R{ width: 520px; height: auto; float: right; }
.proShow1R h2{ color: #2f5596; font-weight: normal; font-size: 18px; line-height: 26px;}
.proShow1R div{ line-height: 24px; font-size: 16px; padding: 25px 0; height: auto; overflow: hidden;}
.proShow1R .divBuy{ width: 100%; height: 42px; line-height: 42px;}
.proShow1R .divBuy a{ color: #2f5596; font-size: 18px;}
.proShow1R .divBuy a i{ padding-right: 10px;}


.proShow2{ width: 1080px; border: 1px solid #DEDEDE; height: auto; overflow: hidden;}
.proShow2Top{ width: 100%; height: 42px; line-height: 42px; border-bottom: 1px solid #DEDEDE; background: #f4f4f4;}
.proShow2Top a{ padding:  0 40px; height: 42px; margin-right: -4px; font-size: 16px; display: inline-block; border-right: 1px solid #dedede;}
.proShow2Top a:last-child{ border-right: none;}
.proShow2Top a i{ line-height: 42px;}
.proShow2Top .tabs .thistab,.tabs .thistab a:hover {background: #FFFFFF;  }
.GoodsShowtab_conbox{ width: 100%; height: auto; padding: 30px; overflow: hidden; box-sizing: border-box;}
.proShowinfo{ width: 100%; height: auto; line-height: 28px; font-size: 16px; overflow: hidden;}
.proShowinfo dl{ width: 100%; height: 36px; line-height: 36px; overflow: hidden; margin-bottom: 10px;}
.proShowinfo dl dt{ float: left; font-size: 16px;}
.proShowinfo dl dd{ float: right; width: 110px; height: 36px; font-size: 14px; text-align: center;}
.proShowinfo dl dd a{ display: block; background: #F4F4F4;}
.proShowinfo dl dd a:hover{ background: #2f5596; color: #FFFFFF;}

.proShowFed{ width: 100%; height: auto; overflow: hidden;}

.proShowFed1{ width: 100%; height: 82px; overflow: hidden;}
.proShowFed1Top{ width: 100%; height: 42px; line-height: 42px; font-size: 16px;}
.proShowFed1Bot{ width: 100%; height: 40px; overflow: hidden;}
.proShowFed1Bot input{ width: 100%; height: 40px; line-height: 40px; box-sizing: border-box; padding: 0 10px; border: 1px solid #DEDEDE; border-radius: 3px;}

.proShowFed2{ width: 100%; height: 82px; overflow: hidden;}
.proShowFed2 dl{ width: 48%; height: 82px;}
.proShowFed2 dl dt{ width: 100%; height: 42px; line-height: 42px; font-size: 16px;}
.proShowFed2 dl dd{ width: 100%; height: 40px; overflow: hidden;}
.proShowFed2 dl dd input{ width: 100%; height: 40px; line-height: 40px; box-sizing: border-box; padding: 0 10px; border: 1px solid #DEDEDE; border-radius: 3px;}

.proShowFed3{ width: 100%; height: 122px; overflow: hidden;}
.proShowFed3Top{ width: 100%; height: 42px; line-height: 42px; font-size: 16px;}
.proShowFed3Bot{ width: 100%; height: 80px; overflow: hidden;}
.proShowFed3Bot textarea{ width: 100%; height: 80px; line-height: 24px; box-sizing: border-box; padding: 10px; border: 1px solid #DEDEDE; border-radius: 3px;}

.proShowFed4{ width: 100%; height: 40px; overflow: hidden; margin-top: 10px;}
.proShowFed4 input{ width: 100%; height: 40px; border: none; text-align: center; color: #FFFFFF; font-size: 18px; background: #2f5596; border-radius: 3px;}


.ConBox1{ width:1080px; height:auto; overflow:hidden; padding:25px 0;}

.productsMain{ width:1140px; height:auto; padding:25px 0; overflow:hidden;}
.productsMain dl{ float:left; width:320px; height:auto; overflow:hidden; margin:0 30px;}
.productsMain dl dt{ width:320px; height:171px; border:1px solid #dedede; box-sizing: border-box; overflow:hidden;}
.productsMain dl dt img{ width:318px; height:169px; }
.productsMain dl dd{ width:100%; height:auto; padding:25px 0; overflow:hidden;}
.productsMain dl dd h4{ width:100%; height:36px; line-height:36px; color:#333; overflow:hidden; font-size:18px;}
.productsMain dl dd div{ width:100%; height:auto;  overflow:hidden;}
.productsMain dl dd div a{ display:block; line-height:32px; height:32px; overflow:hidden; color:#2f5596; font-size:16px; background: url(../images/newsnava.jpg) no-repeat left center; padding-left:15px;}


.left-auto{ width:1080px; height:auto; overflow:hidden;padding:30px 0;}

.nodata{ font-size:16px; text-align:center; width:100%; height:36px; line-height:36px; padding:10px 0; color:Red;}

.n-list{ padding:15px 30px; }
	.n-list li{ display:block; padding-bottom:15px; border-bottom:1px solid #f0f0f0; overflow:hidden; }
	.n-list li:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
	.n-list li h2{ padding:15px 0 15px; font-size:18px; line-height:24px; font-weight:normal;  white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
	.n-list li h2 a{ color:#333; text-decoration:none; }
	.n-list li h2 a:hover{ color:#8CAC52; }
	.n-list li .note b{ position:relative; display:block; float:left; margin-right:16px; width:118px; height:118px; border:1px solid #e8e8e8; font-style:normal; }
	.n-list li .note b img{ min-width:100%; min-height:100%; width:100%; _height:100%; }
	.n-list li .note p{ display:block; font-size:16px; max-height:84px; line-height:28px; font-weight:500; color:#666; overflow:hidden; }
	.n-list li .note .info{ padding-top:10px; height:20px; line-height:20px; }
	.n-list li .note .info span{ margin-right:10px; color:#999;  font-size:16px; }
    .n-list li .note .info span i{ margin-right:3px;  font-size:16px;  }



.client-2 {
            position: fixed;
            right: -152px;
            top: 50%;
            z-index: 900;
        }
        
        .client-2 li a {
            text-decoration: none;
        }
        .client-2 li {
            margin-top: 1px;
            clear: both;
            height: 62px;
            position: relative;
        }
        
        .client-2 li i {
            background: url(../images/fx.png) no-repeat;
            display: block;
            width: 30px;
            height: 27px;
            margin: 0px auto;
            text-align: center;
        }
        
        .client-2 li p {
            height: 20px;
            font-size: 12px;
            line-height: 20px;
            overflow: hidden;
            text-align: center;
            color: #fff;
        }
        
        .client-2 .my-kefu-qq i {
            background-position: 4px 5px;
        }
        
        .client-2 .my-kefu-tel i {
            background-position: 0 -21px;
        }
        
        .client-2 .my-kefu-liuyan i {
            background-position: 4px -53px;
        }
        
        .client-2 .my-kefu-weixin i {
            background-position: -34px 4px;
        }
        
        .client-2 .my-kefu-weibo i {
            background-position: -30px -22px;
        }
        
        .client-2 .my-kefu-ftop {
            display: none;
        }
        
        .client-2 .my-kefu-ftop i {
               width: 33px;
    height: 31px;
    background-position: -23px -47px;
    background-size: 52px 82px;
        }
        .client-2 .my-kefu-ftop .my-kefu-main{
            padding-top: 6px;
        }
        
        .client-2 .my-kefu-left {
            float: left;
            width: 80px;
            height: 47px;
            position: relative;
        }
        
        .client-2 .my-kefu-tel-right {
            font-size: 14px;
            color: #fff;
            float: left;
            height: 24px;
            line-height: 22px;
            padding: 0 2px;
           
            margin-top: 10px;
        }
        
        .client-2 .my-kefu-right {
            width: 20px;
        }
        
        .client-2 .my-kefu-tel-main {
            background: #2f5596;
            color: #fff;
            height: 53px;
            width: 230px;
            padding:9px 0 0;
            float: left;
        }
        
        .client-2 .my-kefu-main {
            background: #2f5596;
            width: 97px;
            height: 53px;
            position: relative;
            padding:9px 0 0;
            float: left;
        }
        
        .client-2 .my-kefu-weixin-pic {
            position: absolute;
            left: -130px;
            top: -24px;
            display: none;
            z-index: 333;
        }
        
        .my-kefu-weixin-pic img {
            width: 115px;
            height: 115px;
        }




@media (max-width: 767px) {

.Headerbg{ display: none;}	
.HeaderM{ display: block; background: #FFFFFF; position: fixed; left: 0; top: 0; height: 60px; line-height: 60px; border-bottom: 1px solid #EEEEEE; z-index: 9999; width: 90%; padding: 0 5%;}

.HeaderM .logo{ float: left; width: 64px; height: 34px; overflow: hidden; padding-top: 12px;}
.HeaderM .logo a{ display: block; overflow: hidden; width: 64px; height: 34px; }
.HeaderM .logo a img{ width: 64px; height: 34px;  }
.m-menu{float: right;width: 40px; padding-top: 15px;}
.m-menu .icon{line-height: 1;font-size: 0;display: inline-block;vertical-align: middle;cursor: pointer;}
.m-menu .icon>span{display: inline-block;width: 40px;height: 2px;background: #9e9d9e;margin: 5px 0;display: inline-block;}
.m-menu .drop-down{display: none;position: fixed;top: 61px;left: 0;right: 0;background: #ffffff;height: calc(100vh - 131px);z-index: 10;text-align: center;padding: 30px 5%; overflow-y: auto;z-index: 12;}
.m-menu .drop-down::-webkit-scrollbar{display: none;}
.m-menu .drop-down>ul>li{line-height: 69px;border-bottom: 1px solid #eeeeee;}
.m-menu .drop-down>ul>li>a{font-size: 20px;color: #000;display: block;}

.m-menu .subnav{padding-bottom: 24px;display: none;}
.m-menu .subnav a{display: block;height: 40px;line-height: 40px;font-size: 16px;color: #333333;}
.m-menu .subnav ul a{ font-size:0.9rem; line-height:32px; height:32px; overflow:hidden; display:block; color:#999;}

.m-menu .drop-down .form{border: 1px solid #e5e5e5;display: inline-block;height: 43px;line-height: 43px;border-radius: 5px;font-size: 0;vertical-align: top;position: relative;}
.m-menu .drop-down .text{display: inline-block;vertical-align: top;width: 270px;height: 30px;margin-top: 6px;padding: 0 5px; border: none;}
.m-menu .drop-down .submit{display: inline-block;vertical-align: top;width: 45px; border: none; background: url(../images/icon2.jpg) center center no-repeat;font-size: 0;height: 43px;border-left: 1px solid #e5e5e5;cursor: pointer;}

.swiper-container{ display: none;}


.index1{ margin-top: 61px; width: 94%; height: auto; padding: 20px 3%; text-align: center; font-size:1rem; line-height: 28px;  color: rgba(255,255,255,0.7)!important;  background: url(../images/bannerBbg.jpg) no-repeat top center; background-attachment: fixed;  background-size: cover;}

.index2{ display:none;}
.index2M{ display:block; width:94%; height:auto;}
.index2M dl{ float: left; width: 100%; height: auto; box-sizing: border-box; border: 1px solid #DEDEDE;text-align: center;}
.index2M dl:hover{box-shadow:0 0 10px #CCCCCC; }
.index2M dl dt{ width: 100%; height: auto; overflow: hidden;}
.index2M dl dt img{   width: 100%; height: auto; }
.index2M dl dd{ width: 100%; height:40px; line-height: 40px; font-size: 0.8rem; overflow: hidden;}

.main_visual1 .owl-carousel,.main_visual1 .owl-stage-outer,.main_visual1 .owl-stage,.main_visual1 .owl-carousel .owl-item{width: 100%;height: 100% !important;}
.main_visual1 .owl-carousel .item{width: 100%;height: 100%; background-repeat: no-repeat; background-position: center center;-webkit-background-size: cover; background-size: cover;}
.main_visual1 .owl-prev,.main_visual1 .owl-next{ display: none; text-indent: 9999999em;}


.main_visual1 .owl-dots{ width: 100%; text-align: center; height: 10px; position:absolute; left: 0; bottom: 0;  z-index: 999;}
.main_visual1 .owl-dots .owl-dot{display: inline-block;  margin:0 5px ;}
.main_visual1 .owl-dots .owl-dot span{  display: inline-block; width: 10px; height: 10px; background:#CCCCCC; border-radius: 50%;}
.main_visual1 .owl-dot.active span{width: 10px; height: 10px; background:#0054A3; border-radius: 50%;}


.index3Bg{ width: 100%; height: auto; background: url(../images/index3bg.jpg) no-repeat top center; background-attachment: fixed;  background-size: cover;}
.index3{ width: 94%; height: auto; overflow: hidden; padding-top: 20px;}
.index3 h2{ line-height: 52px; font-size: 1.4rem;}
.index3List{ width: 100%; height: auto; overflow: hidden; padding-top: 15px;}
.index3List1{ float: none; font-size: 1rem; line-height: 26px; padding-bottom: 20px; width: 100%; height: auto; overflow: hidden; padding-right: 0; border-right:none; border-bottom: 1px solid; border-right-color: rgba(178,178,178,0.52)}

.index3List2{ float: none; font-size: 1rem; line-height: 26px; width: 100%; padding: 20px 0; height: auto; overflow: hidden; padding-right: 0; padding-left: 0; border-right:none; border-bottom: 1px solid;  border-right-color: rgba(178,178,178,0.52)}

.index3List3{ float: none; font-size: 1rem; line-height: 26px;width: 100%;  padding: 20px 0;  height: auto; overflow: hidden; }

.index4bg{ width: 94%; height: auto; padding: 20px 3%; background: #ededed; border-bottom: 1px solid #dedede; border-top: 1px solid #dedede;}
.index4{ width: 100%; height: auto; overflow: hidden;}
.index4L{ float:none; width: 525px; height: 296px; overflow: hidden;}
.index4L img{width: 100%; height: auto;}
.index4R{ float:none; width: 100%; height: auto; overflow: hidden; padding-top: 15px;}
.index4R h2{ font-size: 1.1rem; line-height: 24px; height: 48px; overflow: hidden;}
.index4R h3{ font-size: 0.8rem; font-weight: normal; line-height: 36px; color: #999999;  overflow: hidden;}
.index4R p{ font-size: 0.9rem; line-height: 26px; height: 156px; overflow: hidden;}
.index4R h4{ display: inline-block; font-weight: normal;  font-size: 0.9rem; width: 100px; margin-top: 10px; height: 30px; line-height: 30px; border: 1px solid #ccc; text-align: center;}
.index4R h4 a{ display: block;}
.index4R h4 a:hover{ background: #333333; color: #FFFFFF;}


.index5{ width: 94%; height: auto; padding: 20px 3%; overflow: hidden;}
.EmaBox{ width: 100%; height: auto; padding:20px; box-sizing: border-box; overflow: hidden; background: #f9f9f9;}
.EmaBox1{ width: 100%; height: auto; overflow: hidden;}
.EmaBox1 .Einput1{ float: none; background: #FFFFFF; border: none; width: 100%; height: 39px; line-height: 39px; box-sizing: border-box; padding: 0 10px;}
.EmaBox1 .Esub1{ margin-top: 5px; float: none; width: 100%; height: 39px; line-height: 39px; font-weight: bold; font-size: 1rem; border: none; text-align: center; color: #FFFFFF; background: #2f5596;}
.EmaBox p{ padding-top: 20px; line-height: 24px;}


.footerbg{width: 100%; height: auto; padding: 30px 0; background: #f2f2f2;}

.footer1{  display: none;}

.footer2 span{ float: none; display: block; }
.footer2{ width: 100%; height: auto; line-height: 36px; padding-top:0; overflow: hidden; text-align: center;}
.footer2 a{ font-size: 24px; padding-left: 15px;}


.abWz{ width: 94%; height: 28px; line-height: 28px; padding: 15px 0; margin-top: 68px; font-size: 1rem; color: #999999;}
.abWz a{ color: #999999;}
.abWz a:hover{ color: #2f5596;}
.abTit{ width: 94%; height: 66px; line-height: 66px; font-size: 1.6rem; color: #2f5596; padding-top: 15px; }
.abBox{ width: 94%; height: auto; padding-top: 10px; padding-bottom: 30px; overflow: hidden;}
.abBoxL{ float: none; width: 100%; height: auto; overflow: hidden; line-height: 28px; font-size: 1rem;}
.abBoxL img{ width: 100%; height: auto; margin-top: 20px;}

.abBoxR{ float: none; width: 100%; height: auto; padding-top: 25px;}
.abBoxR img{width: 100%; height: auto; box-shadow: 0px 12px 18px -6px rgba(0,0,0,0.3);}
.abBoxR p{ text-align: center; height: 54px; line-height: 54px; font-size: 1.1rem;}

.ab2Bg{ width: 100%; height: auto; background: url(../images/ab2bg.jpg) no-repeat top center; background-size:cover; background-attachment: fixed;}
.ab2box{ width: 94%; height: auto; overflow: hidden; padding-top: 30px; padding-bottom: 30px;}
.ab2boxL{ float: none; width: 100%; height: auto; overflow: hidden; color: #FFFFFF;}
.ab2boxL h2{ font-weight: normal; line-height: 46px; font-size: 1.2rem;}
.ab2boxL p{ font-size: 1rem; line-height: 28px;}
.ab2boxR{ float: none; width: 100%; height: auto; overflow: hidden; padding-top: 25px;}
.ab2boxR img{ width: 100%; height: auto;}

.ab3List{ width: 94%; height: auto; overflow: hidden; padding:25px 0;}
.ab3List dl{ float: none; width: 100%; height: auto; border-right:none;  border-bottom: 1px solid #DEDEDE; box-sizing: border-box; text-align: center;}
.ab3List dl dt{ width: 100%; height: 72px; color: #2f5596; line-height: 72px; font-size: 50px;}
.ab3List dl dt i{ padding-right: 10px;}
.ab3List dl dd{ width: 100%; height: 40px; line-height: 40px;}

.ab4Bg{ width: 100%; height: auto; padding-bottom: 50px;  border-top: 1px solid #DEDEDE;  border-bottom: 1px solid #DEDEDE; background: url(../images/ab4bg.jpg) no-repeat top center; background-size:cover;}
.ab4_1{ width: 80%; height: auto; padding-top: 40px;}
.ab4_1 img{ width: 100%; height: auto;}

.ab4_2{ width: 94%; height: auto; line-height: 42px;  background-color: rgba(12,113,195,0.68); margin-top: 15px;}
.ab4_2 h3{ float: none; color: #FFFFFF; width: 100%; text-align: center; font-size: 1.2rem;}

.ab5box{ width: 94%; height: auto; padding: 40px 0; overflow: hidden;}
.ab5box dl{ float: none; width: 100%; height: auto; box-sizing: border-box; overflow: hidden; padding: 15px 0;}
.ab5box dl dt{ width: 100%; height: 30px; line-height: 30px; color: #2f5596; font-size: 1.1rem;}
.ab5box dl dd{ width: 100%; height: auto; line-height: 30px; font-size: 1rem; }
.ab5box dl:first-child{ padding-right: 0; border-right: none; border-bottom: 1px solid #DEDEDE;}
.ab5box dl:last-child{ padding-left: 0;}

.abTeam{ width: 94%; height: auto; overflow: hidden;}
.abTeam dl.ABTeamdl dd{ display: block;}
.abTeam dl.ABTeamdl dt{ background: url(../images/TeamIcon2.jpg) no-repeat right center; }
.abTeam dl{ width: 100%; box-sizing: border-box; height: auto; background: #f4f4f4; margin-bottom: 25px; padding: 0 15px; border: 1px solid #d9d9d9;}
.abTeam dl dt{ width: 100%; height: 64px; line-height: 64px; font-size: 1rem; overflow: hidden; background: url(../images/TeamIcon1.jpg) no-repeat right center; cursor: pointer;}
.abTeam dl dd{ width: 100%; height: auto; line-height: 26px; font-size: 0.9rem; padding-bottom: 25px; display: none;}
.abTeam dl dd img{ float: left; padding: 0 15px 0 0; width: 40%; height: auto;}


.abContent{ width: 94%; height: auto; padding: 25px 0; line-height: 26px; font-size: 1rem;  overflow: hidden;}
.abNewsList{ width: 94%; height: auto; overflow: hidden; padding: 25px 0; }
.abNewsList dl{ width: 100%; height: auto; overflow: hidden; margin-bottom: 25px;}
.abNewsList dl dt{ float: none; width: 100%; height: auto;  overflow: hidden;}
.abNewsList dl dt img{width: 100%; height: auto; }
.abNewsList dl dd{ float:none; width: 100%; height: auto;  overflow: hidden;}
.abNewsList dl dd h2{ font-size: 1.1rem; line-height: 24px; height: 48px; overflow: hidden;}
.abNewsList dl dd h3{ font-size: 0.8rem; font-weight: normal; line-height: 36px; color: #999999;  overflow: hidden;}
.abNewsList dl dd p{ font-size: 0.9rem; line-height: 26px; height: 156px; overflow: hidden;}
.abNewsList dl dd h4{ display: inline-block; font-weight: normal; font-size: 0.9rem; width: 100px; margin-top: 10px; height: 30px; line-height: 30px; border: 1px solid #ccc; text-align: center;}
.abNewsList dl dd h4 a{ display: block;}
.abNewsList dl dd h4 a:hover{ background: #333333; color: #FFFFFF;}

.abHonor{ width: 94%; height: auto; border: 1px solid #DEDEDE; box-sizing: border-box;}
.abHonor1{ width: 100%; height: 48px; line-height: 48px;  padding: 0 10px; font-weight: bold; font-size: 1.1rem;  box-sizing: border-box; border-bottom: 3px solid #DEDEDE; }
.abHonor1 dt{ float: left; width: 70%; height: 48px; overflow: hidden;}
.abHonor1 dd{ float: left; width: 30%; height: 48px; overflow: hidden;}

.abHonor2{ width: 100%; height: auto; padding:10px; font-size: 0.9rem;  box-sizing: border-box;  }
.abHonor2 dl{ width: 100%; height: 42px; overflow: hidden;}
.abHonor2 dt{ float: left; width: 70%; height: 42px; overflow: hidden;}
.abHonor2 dd{ float: left; width: 30%; height: 42px; overflow: hidden;}
.abHonor2 dd a{ color:#2f5596;}


.newsShow{ width: 94%; height: auto; overflow: hidden;}
.newsShowL{ float: none; width: 100%; height: auto; overflow: hidden;}
.newsShowLTit{ width: 100%; color: #2f5596; font-size: 1.4rem; line-height: 32px;}
.newsShowLTime{ width: 100%; height: 42px; line-height: 42px; font-size: 1rem;}
.newsShowLImg{ width: 100%; height: auto; overflow: hidden;}
.newsShowLImg img{ width: 100%; height: auto; }
.newsShowLinfo{ width: 100%; height: auto; padding: 20px 0; line-height: 26px; font-size: 1rem;  overflow: hidden;}
.newsShowLinfo img{ max-width: 100%; height: auto;}

.newsShowR{ float: none; width: 100%; height: auto; overflow: hidden;}
.newsShowRnav{ width: 100%; height: auto;}
.newsShowRnav dl{  width: 100%; height: auto; padding: 15px; box-sizing: border-box; border-bottom: 1px solid #DEDEDE; border-top: 1px solid #DEDEDE;}
.newsShowRnav dl dt{ width: 100%; height: 30px; line-height: 30px; font-size: 1.1rem; cursor: pointer; background: url(../images/newsnav.jpg) no-repeat right center;}
.newsShowRnav dl dd{ display: none; width: 100%; height: auto; padding-top: 10px;}
.newsShowRnav dl dd a{ display: block; height: 32px; padding-left: 15px; line-height: 32px; font-size: 1rem; background: url(../images/newsnava.jpg) no-repeat left center;}

.newsShowREmail{ margin-top: 30px; width: 100%; height: auto; padding:30px; box-sizing: border-box; overflow: hidden; background: #f9f9f9;}
.newsShowREmail1{ width: 100%; height: auto; overflow: hidden;}
.newsShowREmail1 .Einput1{  background: #FFFFFF; border: none; width: 100%;  height: 39px; line-height: 39px; box-sizing: border-box; padding: 0 10px;}
.newsShowREmail1 .Esub1{width: 100%; margin-top: 5px; height: 39px; line-height: 39px; font-weight: bold; font-size: 1rem; border: none; text-align: center; color: #FFFFFF; background: #2f5596;}
.newsShowREmail p{ padding-top: 20px; line-height: 24px;}



.newsNav{ width: 94%; height: auto;  overflow: hidden;}
.newsNav dl{ float: none; text-align: center; width: 100%; height: auto; box-sizing: border-box; border: 1px solid #DEDEDE; overflow: hidden; margin: 15px 0;}
.newsNav dl dt{ width: 100%; height: auto;  overflow: hidden;}
.newsNav dl dt img{  width: 100%; height: auto; }
.newsNav dl dd{ width: 100%; height: 52px; line-height: 52px; font-size: 1.1rem; overflow: hidden;}

.newsList{ width: 94%; height: auto; overflow: hidden; padding:15px 0;}
.newsList dl{ float: none; width: 100%; height: auto; overflow: hidden; margin: 10px 0;}
.newsList dl dt{ width: 100%; height: auto;  overflow: hidden; border-bottom: 1px solid #DEDEDE;}
.newsList dl dt img{ width: 100%; height: auto; }
.newsList dl dt h4{ width: 100%; height: 34px; line-height: 34px; font-weight: normal; font-size: 0.8rem; background: #f7f7f7; box-sizing: border-box; padding: 0 20px;}
.newsList dl dd{ width: 100%; padding:15px 20px; box-sizing: border-box;}
.newsList dl dd p{ font-size: 1rem; line-height: 26px; height: 78px; overflow: hidden;}

.MarketsList{ width: 94%; height: auto; overflow: hidden; padding: 25px 0;}
.MarketsList dl{ float: none; width: 100%; height: auto;  overflow: hidden; margin: 15px 0;}
.MarketsList dl dt{ box-sizing: border-box; width: 100%; height: auto;  border: 1px solid #DEDEDE; overflow: hidden; text-align: center;}
.MarketsList dl dt img{ width: 100%; height: auto; }
.MarketsList dl dt h4{ font-weight: normal; font-size: 1.1rem; height: 54px; line-height: 54px; overflow: hidden;}
.MarketsList dl dd{ width: 100%; height:112px; overflow: hidden;  font-size: 0.9rem; line-height: 28px; margin-top: 27px; margin-bottom: 10px;}
#markets .abWz{ padding-top: 100px;}
.MarketsBanner{ display: none;}
.MarketsList1 dl{ float: none; width: 100%; height: auto; overflow: hidden; margin: 15px 0;}

.InvestorsBanner{margin-top: 61px; width: 100%; height: 220px; line-height: 220px; text-align: center; color: #FFFFFF; font-size: 2rem; font-weight: bold;}

.InvestorsList{ width: 100%; height: auto; padding: 25px 0; overflow: hidden;}
.InvestorsList dl{ width: 100%; height: auto; overflow: hidden; padding: 10px 0;}
.InvestorsList dl dt{ font-size: 1rem; line-height: 30px; height: auto;}
.InvestorsList dl dd{ font-size: 16px; line-height: 30px; height: 30px; color: #999999;}
.InvestorsList dl dd a{ color: #2f5596; padding-left: 10px; margin-left: 10px;}
.InvestorsList dl dd a:before{ content: "|"; padding-right: 10px;}
.InvestorsList dl dd a img{ padding-right: 10px; vertical-align: middle;}

.goodsMenu{ width: 94%; height: auto; padding: 15px 3%; background: #2f5596; margin-top: 61px;}
.goodsMenu a{ color: rgba(255, 255, 255, 0.8); padding-left: 0; display: block; float: left; width: 50%; line-height: 36px;}
.goodsMenu a:hover{ color: #FFFFFF;}

.goodsBanner{width: 100%; height: 220px; line-height: 220px; text-align: center; color: #FFFFFF; font-size: 2rem; font-weight: bold;}

.goodsListTop{ width: 94%; height: 62px; line-height: 62px; font-weight: bold; font-size: 1.4rem; color: #000000; padding-top: 25px;}
.goodsList{ width: 94%; height: auto; padding: 15px 0;}
.goodsList dl{ float: none; width: 100%; height: auto; box-sizing: border-box; border: 1px solid #DEDEDE; margin: 10px 0; text-align: center;}
.goodsList dl:hover{box-shadow:0 0 10px #CCCCCC; }
.goodsList dl dt{ width: 100%; height: auto; overflow: hidden;}
.goodsList dl dt img{ width: 100%; height: auto; }
.goodsList dl dd{ width: 100%; height:40px; line-height: 40px; font-size: 1rem; overflow: hidden;}

.goodsSearch{ width: 94%; height: 38px; position:relative; }
.goodsSearch .Ginput{ border-radius: 3px; float: none; width: 100%; padding: 0 12px; box-sizing: border-box; height: 38px; line-height: 38px; border: 1px solid #DEDEDE;}
#products .abWz{ padding-top: 20px;}

.goodsSearchList{ width:100%; padding:10px;  border: 1px solid #DEDEDE;  border-radius: 3px; position:absolute; box-sizing: border-box; right:0; top:38px; background:#fff; display:none}
.goodsSearchList dl{ width:100%; height:62px; overflow:hidden; margin:5px 0;}
.goodsSearchList dl a{ display:block; padding:5px;  width:100%; height:42px; overflow:hidden; background:#fff; color: #2f5596;}
.goodsSearchList dl a:hover{ background:#eee;}
.goodsSearchList dl a dt{ float:left; width:10%; height:auto; overflow:hidden;}
.goodsSearchList dl a dt img{ width:100%; height:auto; }
.goodsSearchList dl a dd{ float:right; width:85%; height:42px; line-height:21px; overflow:hidden;}
.goodsSearchList dl a dd h4{ font-size:16px; font-weight:normal;}
.goodsSearchList dl a dd p{ font-size:14px;}
.undis{ display:block;}

.goodsMenuinfo2{ width: 94%; height: auto; overflow: hidden;}
.goodsMenuinfo2Top{ width: 100%; height: 42px; line-height: 42px; border-bottom: 1px solid #DEDEDE; background: #f4f4f4;}
.goodsMenuinfo2Top a{ padding:  0 10px; height: 42px; margin-right: -4px; font-size: 1rem; display: inline-block; border-right: 1px solid #dedede;}
.goodsMenuinfo2Top a:last-child{ border-right: none;}
.goodsMenuinfo2Top a i{ line-height: 42px;}
.goodsMenuinfo2Top .tabs .thistab,.tabs .thistab a:hover {background: #FFFFFF;  }

.Goodstab_conbox{ width: 100%; padding: 25px 0; border-bottom: 1px dotted #CCCCCC; }
.goodsnavinfo{ width: 100%; height: auto; line-height: 28px; font-size: 1rem; overflow: hidden;}

.goods2ListBox{ width: 94%; height: auto; padding: 20px 0;}
.goods2ListBoxL{ float: none; width: 100%; height: auto; overflow: hidden;}
.goods2ListBoxL dl{ width: 100%;  height: auto; overflow: hidden; margin-bottom: 20px;}
.goods2ListBoxL dl dt{width: 100%;float: none;margin-right: 0; overflow: hidden;}
.goods2ListBoxL dl dt img{ width: 100%; height: 100%;}
.goods2ListBoxL dl a:hover dt img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.goods2ListBoxL dl dd{ width: 100%; float: none; box-sizing: border-box; padding: 10px;}
.goods2ListBoxL dl dd h2{ color: #2f5596; font-weight: normal; font-size: 1.1rem; line-height: 26px;}
.goods2ListBoxL dl dd div{ line-height: 24px; font-size: 1rem; margin-top: 10px; height: 120px; overflow: hidden;}

.goods2ListBoxR{ float: none; width: 100%; height: auto; overflow: hidden; padding-left: 0; padding-top: 25px; border-top: 1px dotted #CCCCCC; border-left: none;}
.goods2ListBoxR dl{ width: 100%; height: auto; margin-bottom: 30px;}
.goods2ListBoxR dt{ width: 100%; height: 42px; line-height: 42px; text-transform: uppercase; font-size: 1.1rem; color: #000000; background: url(../images/goodsSelectDt1.jpg) no-repeat right center;}
.goods2ListBoxR dt.current{background: url(../images/goodsSelectDt.jpg) no-repeat right center;}

.goods2ListBoxR dt a{color: #000000;}
.goods2ListBoxR dd{ width: 100%; height: auto; overflow: hidden; }
.goods2ListBoxR dd a{ display: block; padding-left: 30px; font-size: 1rem; line-height: 28px; background: url(../images/goodsSelectbg.jpg) no-repeat left center;}
.goods2ListBoxR dd a.selected{background: url(../images/goodsSelectbg1.jpg) no-repeat left center;}

.proShow1{ width: 94%; padding: 25px 0; height: auto; overflow: hidden;}
.proShow1L{ width: 100%; height: auto; float: none; cursor: pointer;}
.proShow1L img{ width: 100%; height: auto;}

.proShow1R{ width: 100%; height: auto; float: none; }
.proShow1R h2{ color: #2f5596; font-weight: normal; font-size: 1.1rem; line-height: 26px;}
.proShow1R div{ line-height: 24px; font-size: 1rem; padding: 25px 0; height: auto; overflow: hidden;}
.proShow1R .divBuy{ width: 100%; height: 42px; line-height: 42px;}
.proShow1R .divBuy a{ color: #2f5596; font-size: 1.1rem;}
.proShow1R .divBuy a i{ padding-right: 10px;}

.proShow2{ width: 94%; box-sizing: border-box; border: 1px solid #DEDEDE; height: auto; overflow: hidden;}
.proShow2Top{ width: 100%; height: auto; line-height: 42px; border-bottom: none; background: #f4f4f4;}
.proShow2Top a{ padding:  0; text-align: center; height: 42px; margin-right:0; font-size: 1rem; display: inline-block; width: 100%; border-bottom: 1px solid #DEDEDE; border-right: none;}
.proShow2Top a:last-child{ border-right: none;}
.proShow2Top a i{ line-height: 42px;}
.proShow2Top .tabs .thistab,.tabs .thistab a:hover {background: #FFFFFF;  }
.GoodsShowtab_conbox{ width: 100%; height: auto; padding: 15px; overflow: hidden; box-sizing: border-box;}
.proShowinfo{ width: 100%; height: auto; line-height: 28px; font-size: 1rem; overflow: hidden;}
.proShowinfo dl{ width: 100%; height: auto; line-height: 36px; overflow: hidden; margin-bottom: 10px;}
.proShowinfo dl dt{ float: none; font-size: 1rem; width: 100%;}
.proShowinfo dl dd{ float: none; width: 100%; height: 36px; font-size: 0.9rem; text-align: center;}
.proShowinfo dl dd a{ display: block; background: #F4F4F4; }
.proShowinfo dl dd a:hover{ background: #2f5596; color: #FFFFFF;}


.proShowFed1{ width: 100%; height: auto; overflow: hidden;}
.proShowFed1Top{ width: 100%; height: 42px; line-height: 42px; font-size: 1rem;}
.proShowFed1Bot{ width: 100%; height: 40px; overflow: hidden;}
.proShowFed1Bot input{ width: 100%; height: 40px; line-height: 40px; box-sizing: border-box; padding: 0 10px; border: 1px solid #DEDEDE; border-radius: 3px;}

.proShowFed2{ width: 100%; height: auto; overflow: hidden;}
.proShowFed2 dl{ width: 100%; height: 82px;}
.proShowFed2 dl.fl{ float: none;}
.proShowFed2 dl.fr{ float: none;}
.proShowFed2 dl dt{ width: 100%; height: 42px; line-height: 42px; font-size: 1rem;}
.proShowFed2 dl dd{ width: 100%; height: 40px; overflow: hidden;}
.proShowFed2 dl dd input{ width: 100%; height: 40px; line-height: 40px; box-sizing: border-box; padding: 0 10px; border: 1px solid #DEDEDE; border-radius: 3px;}

.proShowFed3{ width: 100%; height: 122px; overflow: hidden;}
.proShowFed3Top{ width: 100%; height: 42px; line-height: 42px; font-size: 1rem;}
.proShowFed3Bot{ width: 100%; height: 80px; overflow: hidden;}
.proShowFed3Bot textarea{ width: 100%; height: 80px; line-height: 24px; box-sizing: border-box; padding: 10px; border: 1px solid #DEDEDE; border-radius: 3px;}

.proShowFed4{ width: 100%; height: 40px; overflow: hidden; margin-top: 10px;}
.proShowFed4 input{ width: 100%; height: 40px; border: none; text-align: center; color: #FFFFFF; font-size: 1.1rem; background: #2f5596; border-radius: 3px;}

.ConBox1{ width:94%; height:auto; overflow:hidden; padding:20px 0;}

.productsMain{ width:94%; height:auto; padding:20px 0; overflow:hidden;}
.productsMain dl{ float:none; width:100%; height:auto; overflow:hidden; margin:10px 0;}
.productsMain dl dt{ width:100%; height:auto; border:1px solid #dedede; box-sizing: border-box; overflow:hidden;}
.productsMain dl dt img{width:100%; height:auto; }
.productsMain dl dd{ width:100%; height:auto; padding:15px 0; overflow:hidden;}
.productsMain dl dd h4{ width:100%; height:36px; line-height:36px; color:#333; overflow:hidden; font-size:1.1rem;}
.productsMain dl dd div{ width:100%; height:auto;  overflow:hidden;}
.productsMain dl dd div a{ display:block; line-height:32px; height:32px; overflow:hidden; color:#2f5596; font-size:1rem; background: url(../images/newsnava.jpg) no-repeat left center; padding-left:15px;}





}