body, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, form, button, input, textarea, th, td { margin: 0px; padding: 0px; font-weight: normal; }

body{ font: normal 12px Microsoft YaHei, Arial, "\5b8b\4f53", tahoma; color:#232222; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; }

ul, ol, li { list-style: none; }

a { text-decoration: none; color: inherit; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }

a:hover { text-decoration: none; }

img { border: 0; vertical-align: top; max-width: 100%; }

button, input, select, textarea { font-size: 100%; vertical-align: middle; outline: none; -webkit-appearance: none; }

table { border-collapse: collapse; border-spacing: 0; }

.fixed:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.fixed { *zoom: 1; }

.clear { clear: both; }

.wp1200 { margin: 0 auto; width: 1200px; }
.wp1000 { margin: 0 auto; width: 1000px; }


.paged { text-align: center; }

.paged a, .paged .p_info, .paged .current { display: inline-block; zoom: 1; *display: inline; margin: 0px 2px 2px; padding: 7px; font-size: 12px; text-align: center; border: 1px solid #e0e2e2; background: #ffffff; color: #999; border-radius: 3px; }

.paged .current, .paged a:hover { border: 1px solid #4c82bd; color: #4c82bd; }

.top { width: 100%; height: 30px; }

.topLink { float: right; padding:10px 0; }
.topLink span { display: inline-block; *display: inline; *zoom: 1;vertical-align: top; font-size: 12px;line-height: 20px; background:url(../image/icon_t.png) no-repeat left 2px; color: #767676; padding:0 25px;}
.topLink span.wx{ background-position:left -25px; position:relative;}
.topLink span.email{background:url(../image/email.png) no-repeat left center;}
.topLink span.email a:hover{ color:#669cd2; text-decoration:none}
.topLink span.no_bg{ background:url(.);}
.topLink span i{
	z-index:9999;
	position: absolute;
	margin: 0;
	padding: 25px;
	left: 0;
	top: 20px;
	background-color: rgba(244,246,247,0.9);
	width: 150px;
	display: none;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border-top-right-radius: 0;
	border-top-left-radius: 0
}
.topLink span:hover i{
	display: block
}




.topLink span a:hover { color: #fff; text-decoration: underline; }
.topLink span:first-child a { padding-left: 0; border-left: none; }


.topSearch { float: right; }
.topLink input[type='button'] { float: left; display: block; width: 20px; height: 20px; border: none; background: #fff url(../image/icon_t.png) center -50px no-repeat; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; cursor: pointer; }
.topLink input[type='button']:hover { background-color: #eee; }
.topLink input[type="text"] { float: left; display: block; padding: 0 5px; margin: 0; height:20px; width: 100px; border:0;font-size: 12px; color: #767676; }

.header_top { background-color: #fff; }

.logoCon { float: left; padding-top: 0px; padding-left: 18px; }
.logoCon h1 { float: left; }
.logoCon h1 a { display: block; width: 182px; }
.logoCon h1 a img { width: 100%; }
.logoCon .headerStock { padding-top: 45px; float: left; margin-left: 20px; font-size: 12px; color: #599dc1; }

.nav_main { float: right; }
.nav_main li { float: left; width: 104px; line-height:50px !important; padding-bottom:10px; }
.nav_main li a { 

    color: #232222;
    display: block;
    font-size: 15px;
    height: 50px !important;

    text-align: center;
	padding-bottom:20px !important;
	line-height:50px;
}
.nav_main li.on a, .nav_main li.hover a, .nav_main li:hover a { border-bottom-color: #0166d6; color:#0166d6; }

.navSlideCon { width: 100%; background-color: #fff; height: 0; overflow: hidden; }
.navSlideCon > ul > li { padding-top: 30px; padding-bottom: 30px; border-top: 1px solid #e6e8e8; }
.navSlideCon .navSlideProList { 
	display: inline-block;
    float: none;
    margin: 0 30px;
    max-width: 12%;
    vertical-align: top;
    width: auto;
}
.navSlideCon .navSlideProList dt { 
	margin-bottom: 15px;
    text-align: left;
 }
.navSlideCon .navSlideProList dt a { 
	color: #666;
    font-family: "微软雅黑";
    font-size: 16px;
    font-weight: normal;
 }
.navSlideCon .navSlideProList dt a:hover { color: #669cd2; }
.navSlideCon .navSlideProList dd { line-height: 30px; height: 30px; overflow: hidden; }
.navSlideCon .navSlideProList dd a { 
	color: #999;
    font-family: "微软雅黑";
    font-size: 14px;
}
.navSlideCon .navSlideProList dd a:hover { color: #669cd2; }
.navSlideCon .navSlidePicBox { float: left; width: 49.5%; border-left: 1px dashed #dee0e0; padding-top: 30px; padding-bottom: 30px;}
.navSlideCon .navSlidePicBox:first-child { border-left: none; }
.navSlideCon .wd33{ width:33.3%;}
.navSlideCon .navSlidePicBox .img { margin-left: 10px; display: block; float: left; width: 195px; height: 136px; }
.navSlideCon .navSlidePicBox .img img { width: 100%; }
.navSlideCon .navSlidePicBox .img:hover { -webkit-opacity: 0.9; opacity: 0.9; filter: alpha(opacity=90); }
.navSlideCon .navSlidePicBox .info { margin-left: 210px; padding-right: 10px; }
.navSlideCon .navSlidePicBox .info .title { float:left; width:100%; margin-bottom: 20px; }
.navSlideCon .navSlidePicBox .info .title a { font-size: 16px; color: #666; font-family: "微软雅黑";font-weight: normal; }
.navSlideCon .navSlidePicBox .info .title a:hover { color: #669cd2; }
.navSlideCon .navSlidePicBox .info ul { float:left; width: 100%; }
.navSlideCon .navSlidePicBox .info ul li { float: left; width: 50%; line-height: 30px; height: 30px; overflow: hidden; }
.navSlideCon .navSlidePicBox .info ul li a { font-size: 14px; color: #999; font-family: "微软雅黑";}
.navSlideCon .navSlidePicBox .info ul li a:hover { color: #669cd2; }
.navSlideCon .navSlidePicBox .info p { font-size: 14px; line-height: 24px; color: #000; }
.navSlideCon .navWord { float: left; }
.navSlideCon .navWord li { float: left; width: 165px; text-align: center; line-height: 60px; }
.navSlideCon .navWord li a { font-size: 16px; color: #666; font-family: "微软雅黑";font-weight: normal;}
.navSlideCon .navWord li a:hover { color: #669cd2; }

.sideNavCon { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: 9999; padding-bottom:10px; }
.sideNavCon .bg { position: absolute; top: 0; left: 0; width: 100%; height: inherit; background-color: rgba(0, 0, 0, 0.5); z-index: 11000; }
.sideNavCon .sideNavScroll { position: absolute; top: 0; left: 0; width: 100%; height: inherit; background-color: #fff; overflow: hidden; z-index: 11001; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -webkit-transition: .5s ease all; transition: .5s ease all; }
.sideNavCon .sideNavScroll.on { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.sideNavCon .sideNavScroll .closeSideNavCon { display: block; width: 100%; height: 30px; text-align: right; padding-top: 5px; }
.sideNavCon .sideNavScroll .closeSideNavCon a { margin-right: 10px; display: inline-block; vertical-align: middle; width: 30px; height: 30px; background-color: #666; border-radius: 50%; line-height: 30px; font-size: 22px; color: #fff; text-align: center; }
.sideNavCon .sideNav { width: 100%; }
.sideNavCon .sideNav li { position: relative; margin: 0 10px; border-bottom: 1px solid #dcdbdb; }
.sideNavCon .sideNav li > a { position: relative; display: inline-block; padding-left: 20px; font-size: 1.6em; color: #333; line-height: 50px; }
.sideNavCon .sideNav li i { position: absolute; display: block; top: 0; right: 0; font-size: 1.4em; width: 50px; height: 50px; line-height: 4; color: #333; font-weight: bold; text-align: center; font-style: normal; z-index: 2; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; background: url(../image/arrow9.png) center no-repeat; background-size: 20px 20px; }
.sideNavCon .sideChildNavScroll { position: absolute; top: 0; left: 0; width: 100%; height: inherit; background-color: #f1f1f1; overflow: hidden; z-index: 11002; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -webkit-transition: .5s ease all; transition: .5s ease all; }
.sideNavCon .sideChildNavScroll.on { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.sideNavCon .sideChildNavScroll .backBtn { position: relative; width: 100%; text-align: center; height: 60px; line-height: 60px; color: #333; font-size: 16px; background-color: #fff; border-bottom: 1px solid #ededed; }
.sideNavCon .sideChildNavScroll .backBtn span { position: absolute; top: 0; left: 0; width: 30px; height: 30px; }
.sideNavCon .sideChildNav > ul { width: 100%; }
.sideNavCon .sideChildNav > ul > li { width: 100%; display: none; }
.sideNavCon .sideChildNav dl{background-color: #fff;}
.sideNavCon .sideChildNav dl dt { height: 60px; line-height: 60px; border-bottom: 1px solid #ededed;background-color: #f7f7f7; }
.sideNavCon .sideChildNav dl dt a { display: block; padding: 0 10px; color: #333; font-size: 16px; font-weight: bold; }
.sideNavCon .sideChildNav dl dd { width:50%; display:inline-block;height: 50px; line-height: 50px;}
.sideNavCon .sideChildNav dl dd a { display: block; padding: 0 20px; color: #333; font-size: 16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.sideNavCon .sideChildNav .sideChildWord li { height: 50px; line-height: 50px; border-bottom: 1px solid #e8e8e8; }
.sideNavCon .sideChildNav .sideChildWord li a { display: block; padding: 0 20px; color: #333; font-size: 16px; }

.mobileSearchCon { display: none; width: 100%; height: 46px; background-color: #999; overflow: hidden; }

.mobileSearchBox { position: relative; width: 98%; height: 40px; margin: 3px auto; background-color: #fff; border-radius: 5px; overflow: hidden; }
.mobileSearchBox input[type="text"] { width: 100%; height: 40px; line-height: 40px; font-size: 18px; padding: 0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: none; }
.mobileSearchBox input[type="button"] { position: absolute; display: block; width: 40px; height: 40px; top: 0; right: 0; border: none; background: url(../image/searchBtn2.png) center no-repeat; }

.banner { width: 100%; height: 612px; }
.banner .owl-stage-outer, .banner .owl-stage, .banner .owl-item { height: 100%; }
.banner .owl-controls { bottom: 30px; }
.banner .owl-controls .owl-dot { width: 14px; height: 14px; background-color: #fff; border: 1px solid #0665c5; margin: 0 8px; }
.banner .owl-controls .owl-dot.active { background-color: #0665c5; }
.banner .item { position: relative; height: 100%; }
.banner .item a { display: block; width: 100%; position: absolute; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; }



.index_proCon { width: 100%; padding-top: 30px; padding-bottom: 30px; background-color: #f2f2f2; margin-top:20px; }
.index_proCon .conTit { text-align: center; margin-bottom: 50px; }
.indexProSlide .items { background-color: #f2f2f2; }
.indexProSlide .items a { display: block; max-width: 275px; margin: 0 auto; text-align: center; padding-top: 5px; }
.indexProSlide .items a:hover .icon img {-webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); }
.indexProSlide .icon {width: 220px; height: 220px; margin: 0 auto 40px; }
.indexProSlide .icon img { width: 100%; height: 100%; transition: 0.8s ease all; -webkit-transition: 0.8s ease all; -moz-transition: 0.8s ease all; }
.indexProSlide .tit { font-size: 18px; font-weight: bold; color: #669cd2; margin-bottom: 10px; }
.indexProSlide p { font-size: 14px; line-height: 18px; color: #669cd2; height: 72px; overflow: hidden; }
.indexProSlide .owl-controls { bottom: 50%; }
.indexProSlide .owl-prev { position: absolute; top: 0; margin-top: -50px; left: -60px; width: 50px; height: 99px; background: url(../image/icon_jt.png) no-repeat; cursor: pointer; }
.indexProSlide .owl-next { position: absolute; top: 0; margin-top: -50px; right: -60px; width: 50px; height: 99px; background: url(../image/icon_jt.png) right center no-repeat; cursor: pointer; }


.index_videoBtn {position: relative; display: block; width: 100%; height: 590px; background-position: center center; background-repeat: no-repeat; background-size: cover; background-image: url(404.png); cursor: pointer; z-index: 3; }

.bdshare{ width:300px;text-align:center; margin-bottom:20px;}

.footerCon { background-color: #3a3a3a; width: 100%; }

.fastLinkCon { padding-bottom: 50px; border-bottom: 1px solid #333; }
.fastLinkCon .map {float: left; width:240px; height:160px; float:right; }
.fastLinkCon .map img { width: 100%; }
.foot_right{ float:right; width:550px;padding-top: 45px;}
.foot_right dl{ float:left;width:280px;}
.foot_right dl dt{font-size: 18px; color: #fff;font-weight:bold; font-size:16px;text-transform: uppercase; }
.foot_right dl dd{font-size: 14px; color: #bbb; line-height: 26px; padding-top:10px;}
.bgfooter {background-color: #3a3a3a;}
.fastLinkBox { float:left; width:600px;padding-top: 45px;
}
.fastLinkBox dl { float: left; width:33%; text-align: left;}
.fastLinkBox dl:first-child { border-left: none; }
.fastLinkBox dl dt { margin-bottom: 10px; }
.fastLinkBox dl dt a { font-size: 18px; color: #fff;font-weight:bold; font-size:16px;text-transform: uppercase; }
.fastLinkBox dl dt a:hover { color: #9ddef3; }
.fastLinkBox dl dd a { font-size: 14px; color: #bbb; line-height: 30px; }
.fastLinkBox dl dd a:hover { text-decoration: underline; }

.footer { padding-top: 10px; padding-bottom: 20px; }
.footer .word { float: left; width: 100%; padding-top: 15px; text-align:center; font-size: 14px; line-height: 24px; color: #bbb; }
.footer .word a { color: #fff; }
.footer .word a:hover { color: #fff; text-decoration: underline; }

.index_videoCon, .aboutVideo {position: relative;}
.index_videoWp { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; z-index: 999; }


.index_videoClose {position: absolute;display: block;width: 50px;height: 50px;background-color: #fff;top: 0;left: 50%;text-align: center;line-height: 50px;font-weight: bold;color: #333;font-size: 30px;z-index: 99;cursor: pointer; margin-left: 524px;}

.index_videoBox { position: absolute; width: 1048px; height: 590px; top: 50%; left: 50%; margin: -295px 0 0 -524px; }


.mobileIconCon { float: right; display: none; }
.mobileIconCon a { display: inline-block; vertical-align: top; width: 50px; height: 50px; }
.mobileIconCon a.searchBtn { background: url(../image/searchBtn2.png) center no-repeat; background-size: auto auto; }
.mobileIconCon a.menuBtn1 { position: relative; width:20px; height:15px; background:url(../image/icon_nav.png) no-repeat; top:20px; margin-right:10px;}
.mobileIconCon .mobileLan { display: inline-block; vertical-align: top; position: relative; z-index: 99; }
.mobileIconCon .mobileLan:hover ul { display: block; }
.mobileIconCon .mobileLan span { display: block; width: 80px; height: 50px; line-height: 50px; font-size: 14px; color: #000; text-align: center; position: relative; }
.mobileIconCon .mobileLan span:after { display: block; position: absolute; font-size: 12px; content: ""; color: #000; line-height: 50%; width: 20px; height: 20px; top: 15px; right: 0; text-align: center; line-height: 20px; -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: center center; transform-origin: center center; background: url("../image/arrow9.png") center center no-repeat; background-size: auto 10px; }
.mobileIconCon .mobileLan ul { display: none; position: absolute; width: 100%; top: 40px; left: 0; background-color: rgba(1, 135, 209, 0.9); }
.mobileIconCon .mobileLan ul li { text-align: center; border-top: 1px solid #85c6ea; }
.mobileIconCon .mobileLan ul li:first-child { border-top: none; }
.mobileIconCon .mobileLan ul li a { display: block; width: 100%; line-height: 35px; height: auto; color: #fff; font-size: 14px; }

.insideBanner { width: 100%; height: 360px; background-position: center center; background-repeat: no-repeat; background-size: cover; }

.main { width: 100%; background-color: #fff; overflow: hidden; }


.mainBreadCon { width: 100%; border-bottom: 1px solid #e4e6e6; }
.mainBreadCon .bread { float: right; line-height: 89px; font-size: 14px; color: #666; }
.mainBreadCon .bread a { color: #666; }
.mainBreadCon .bread a:hover { text-decoration: underline; }

.mainBreadMenu { float: left; }
.mainBreadMenu li { float: left; }
.mainBreadMenu li a { display: block; border-bottom: 2px solid #fff; padding: 0 25px; font-size: 18px; color: #999; line-height: 87px; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.mainBreadMenu li a:hover { color: #2558a7; }
.mainBreadMenu li.on a { color: #2558a7; font-weight: bold; border-bottom-color: #0665c5; }

.insideMain { padding-top: 50px; }

.insideMainMenuCon { float: left; width: 280px; }

.sideMenu { width: 100%; margin-bottom: 15px; }
.sideMenu dl { border-top: 1px solid #fff; width: 100%; }
.sideMenu dl:first-child { border-top: none; }
.sideMenu dl dt { width: 100%; }
.sideMenu dl dt a { display: block; height: 40px; line-height: 40px; overflow: hidden; font-size: 16px; font-weight: bold; color: #669cd2; padding-left: 30px; background: #f0f3f3 url(404.png) 10px center no-repeat; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.sideMenu dl dt a:hover { background-color: #eaeeee; }
.sideMenu dl dd { width: 100%; border-bottom: 1px solid #e6e8e8; }
.sideMenu dl dd h4 { width: 100%; background-color: #f8fafa; background-position: 95% center; background-repeat: no-repeat; background-image: url(404.png); height: 39px; line-height: 39px; overflow: hidden; }
.sideMenu dl dd h4 a { display: block; padding-left: 45px; font-size: 15px; color: #000; }
.sideMenu dl dd h4 a:hover { color: #669cd2; }
.sideMenu dl dd.on h4 { background-image: url(404.png); }
.sideMenu dl dd.on h4 a { color: #669cd2; }
.sideMenu dl dd.cur h4 a { color: #669cd2; }
.sideMenu dl dd .child { width: 100%; background-color: #f8fafa; border-top: 1px solid #e6e8e8; padding: 5px 0; }
.sideMenu dl dd .child li { padding-left: 65px; line-height: 40px; }
.sideMenu dl dd .child li a { font-size: 14px; color: #000; }
.sideMenu dl dd .child li a:hover { color: #669cd2; }
.sideMenu dl dd .child li.on a { color: #669cd2; }

.insideMainCon { margin-left: 340px; }

.aboutArticle { padding-top: 40px; font-size: 14px; color: #000; line-height: 30px; padding-bottom: 80px; }
.aboutArticle ul, .aboutArticle ol { list-style-type: disc; }

.panel-title a{ color:#999;font-size: 16px;}


@-webkit-keyframes bounce { 0%,
    20%,
    53%,
    80%,
    100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  40%,
    43% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); }
  70% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); }
  90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } }
@keyframes bounce { 0%,
    20%,
    53%,
    80%,
    100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  40%,
    43% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); -ms-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); }
  70% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -5px, 0); -ms-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); }
  90% { -webkit-transform: translate3d(0, -2px, 0); -ms-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); } }
.feedbackCon { padding-top: 40px; }

.en_indexProSlide .items { background-color: #f2f2f2; }
.en_indexProSlide .items a { display: block; max-width: 250px; margin: 0 auto; text-align: center; padding-top: 5px;}
.en_indexProSlide .items a:hover .icon { border-color: #489aed; }
.en_indexProSlide .items a:hover .tit { color: #489aed; }
.en_indexProSlide .icon { width: 214px; height: 214px; margin: 0 auto 20px; border-radius: 100%; overflow: hidden; border: 3px solid #d2e7ff; background-repeat: no-repeat; background-position: center center; background-size: cover; transition: 0.4s ease all; -webkit-transition: 0.4s ease all; -moz-transition: 0.4s ease all; }
.en_indexProSlide .tit { font-size: 16px; line-height: 22px; height: 44px; overflow: hidden; color: #666; margin-bottom: 10px; text-transform: uppercase; }
.en_indexProSlide .owl-controls { bottom: 50%; }
.en_indexProSlide .owl-prev { position: absolute; top: 0; margin-top: -70px; left: -100px; width: 50px; height: 99px; background: url(../image/arrow1.png) center no-repeat; cursor: pointer; }
.en_indexProSlide .owl-next { position: absolute; top: 0; margin-top: -70px; right: -100px; width: 50px; height: 99px; background: url(../image/arrow2.png) center no-repeat; cursor: pointer; }

.m-x-20 {
	margin-bottom: 20px
}
.m-x-30 {
	margin-bottom: 30px
}
.m-x-40 {
	margin-bottom: 40px
}
.m-s-10 {
	margin-top: 10px
}
.m-s-20 {
	margin-top: 20px
}
.m-s-30 {
	margin-top: 30px
}
.m-s-40 {
	margin-top: 40px
}
.z-m-none {
	margin-left: 0!important
}
.s-m-none {
	margin-top: 0!important
}
.y-m-none {
	margin-right: 0!important
}
.x-m-none {
	margin-bottom: 0!important
}
.m-top-20 {
	margin-top: 20px;
	margin-bottom: 0
}
.m-sx-10 {
	margin: 10px 0;
	display: block
}
.m-sx-20 {
	margin: 20px 0;
	display: block
}
.m-sx-30 {
	margin: 30px 0;
	display: block
}
.m-sx-40 {
	margin: 40px 0;
	display: block
}
.m-sx-50 {
	margin: 0;
	display: block
}
.text-danger, .text-danger:hover {
	color: #C00
}

.neirong {
	padding: 50px 0
}

.neirong_pro {
	padding: 30px 0
}
.neirong .info h3 {
	color: #2558a7;
	margin: 25px 0;
	font-weight: 600;
	line-height: 150%
}
.neirong .info h3.h3 {
	margin: 0 0 25px 0
}
.neirong .h1, .neirong .h2, .neirong .h3 {
	margin-top: 0
}
.neirong .info, .neirong .info p, .neirong .info li, .case-fl p, .ny-news p {
	line-height: 30px;
	 font-size:14px;
	color: #333
}
.neirong .info h4, .neirong .info h5, .neirong .info h6 {
	line-height: 30px
}
.neirong p.anniu .btn-success {
	margin: 20px 30px 0 0
}
.neirong .kehu img {
	border: 1px solid #eee
}
.neirong .info img {
	margin: 8px 0
}

.neirong .news {
	padding: 0
}

.ny-news {
	margin: 15px 0 20px 0;
	padding-bottom: 30px;
	border-bottom: 1px solid #ededed
}
.ny-news a.pic-link {
	margin-right: 20px
}

.ny-news h4 {
	font-size: 16px;
	font-weight:bold;
	margin: 0 0 10px 0;
	overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.ny-news p {
	margin: 0 0 5px 0
}
.ny-news p span {
	background-repeat: no-repeat;
	height: 18px;
	width: 22px;
	padding-left: 28px;
	margin-right: 10px;
	font-style: italic;
	color: #999;
	font-size: 12px
}
.mb-none {
	margin-bottom: 0; 
}
.pb-none {
	padding-bottom: 0
}
.btn-success {
	color: #fff;
	background-color: #69c;
	border-width: 0;
	border-radius: 0;
	padding: 12px 30px;
	margin: 0 15px 20px 15px
}
.btn-success:hover {
	color: #fff;
	background-color: #0A69C8
}
.ny-news p span.fl {
	background-image: url(../image/ny-news-bg.png);
	background-position: 0 0
}
.ny-news p span.gz {
	background-image: url(../image/ny-news-bg.png);
	background-position: 0 -20px
}
.ny-news p span.sj {
	background-image: url(../image/ny-news-bg.png);
	background-position: 0 -44px
}
.ny-right {
	margin-left: 15px
}

.ny-shuoming {
	margin-bottom: 30px
}
.ny-shuoming h2 {
	font-size: 24px;
	margin-top: 0;
	margin-bottom: 15px;
	font-weight: 600
}
.ny-shuoming p {
	color: #999;
	margin-bottom: 40px;
	padding-bottom: 25px;
	border-bottom: 1px solid #ededed;
	font-size: 12px
}

.pic-link .ylw-img-responsive2 {
	height: 160px;
	width: 220px
}
.ylw-img-responsive3 {
	height: 250px;
	width: 360px
}
 @media(min-width:768px) {
.neirong .pull-left {
	margin-right: 30px;
	margin-top: 0
}
.neirong .ny-right .pull-right {
	margin-left: 0
}
.neirong .pull-right {
	margin-left: 30px;
	margin-top: 0
}
}
 @media(max-width:767px) {
.neirong {
	padding: 30px 0
}
.neirong .info img {
	margin-bottom: 20px;
	margin-top: 20px
}
.neirong .info .like img {
	margin-bottom: 0;
	margin-top: 0
}
.neirong .mt {
	margin-top: 40px
}
.diwei p {
	margin-bottom: 20px
}
.ny-bt {
	border-bottom: 0
}
.neirong .pull-left, .neirong .pull-right {
	float: none!important
}
.neirong .info p {
	margin: 15px 0
}
}

 @media(min-width:1200px) {
.ny-news {
	min-height: 189px
}
}
 @media(min-width:999px) and (max-width:1199px) {
.ny-news {
	min-height: 159px
}
}

@media(min-width:999px) {
.case-hover {
	cursor: pointer;
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0);
	background-image: url(404.png);
	background-repeat: repeat;
	opacity: 0;
	filter: Alpha(Opacity=0);
	z-index: 96;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear
}
.case-hover:hover {
	opacity: 1;
	filter: Alpha(Opacity=1)
}
.case-hover * {
	filter: inherit
}
.case-hover {
	cursor: pointer
}
.case-hover:hover .hover-link, .tj-case figure div:hover .hover-link, .pic-link:hover .hover-link {
	background-image: url(../image/hover-link.png);
	background-repeat: no-repeat;
	background-position: center center
}
.hover-link {
	width: 44px;
	height: 44px;
	top: 50%;
	left: 50%;
	margin-left: -22px;
	margin-top: -22px;
	position: absolute;
	display: block
}

.ny-news a.pic-link {
	position: relative;
	display: block
}
.ny-h4.none {
	margin-top: 0
}
}

@media (max-width:768px){
	#myScrollspy{ display:none}
	.crumbs{padding-top:0 !important;}
	}

ul.pro_nav{width: 200px;border:0;}
ul.pro_nav li{margin: 0;border:0;}
ul.pro_nav li a{margin: 0;padding:8px 16px;font-size:16px;}
ul.pro_nav li a:hover{color: #2558a7; border:0; background:url(../image/icon_li.png) no-repeat left center;}

ul.pro_nav li.active a, ul.pro_nav li.active a:hover{color: #2558a7; border:0; background:url(../image/icon_li.png) no-repeat left center;}
ul.pro_nav.affix{top: 30px; }

ul.com_nav{width: 100%;border:0;}
ul.com_nav li{margin: 0;border:0;}
ul.com_nav li a{margin: 0;padding:10px 16px;font-size:16px;}
ul.com_nav li a:hover{color: #2558a7; border:0; background:url(../image/icon_li.png) no-repeat left center;}

ul.com_nav li.active a, ul.com_nav li.active a:hover{color: #2558a7; border:0; background:url(../image/icon_li.png) no-repeat left center;}
ul.com_nav.affix{top: 30px; }





.row_top{ padding:20px 0;}

.col_pro h2{ color:#2558a7; font-size:26px; border-bottom:1px solid #eee; padding-bottom:20px; margin-bottom:20px;}
.col_pd20 li{ padding-bottom:20px;overflow:hidden; margin-bottom:10px;}
.col_pd20 li a:hover{color:#2558a7;}
.thumbnail{ margin-bottom:15px; overflow:hidden;}
.caption{font-size:16px; text-align:center; color:353535; height:20px; line-height:20px;}
.honor img{ width:252px; height:362px;}

.row_case li .thumbnail{ padding-bottom:100px; border-bottom:2px solid #2558a7;}
.row_case li .thumbnail .cimg{ width:100%;height:245px !important;}
.row_case li h3{ color:#1f2021; font-size:20px; padding-bottom:10px; text-align:center}
.row_case li:hover h3{ color:#2558a7}
.row_case li p{ color:#999; font-size:14px; padding-bottom:20px; line-height:26px;}
.home_case li{ margin-right:0px; padding-right:0px;}
.home_case li .thumbnail{ width:390px; height:370px; padding-bottom:60px; border:0;background:url(../image/case_bg.png) no-repeat center bottom;}
.home_case li .thumbnail img{width:380px; height:300px; padding:5px;}
.home_case li h3{font-size:18px;}
.conTit { text-align: center; font-size: 26px; font-weight: bold; color: #669cd2; text-transform: uppercase; margin-bottom: 30px;margin-top: 40px;  }
	
.crumbs {
	background-color: #f7f7f7;
	border-bottom: 1px solid #ededed
}
.breadcrumb {
	padding: 18px 15px 20px 0;
	margin-bottom: 0;
	list-style: none;
	background-color: #f7f7f7;
	border-radius: 0
}
.breadcrumb>li {
	display: inline-block
}
.breadcrumb>li+li:before {
	padding: 0 5px;
	color: #ccc;
	content: "/\00a0"
}
.breadcrumb>.active {
	color: #999
}
.nav_view{ border-bottom:2px solid #2558a7; font-size:14px;}
.nav_view li{ padding-left:5px;}
.nav_view li a{ padding:10px 30px;}
.nav_view li a:hover{background:#2558a7; color:#fff; border-color:#2558a7}
.nav_view li.active a{background:#2558a7; color:#fff;}
.nav_view li.active a:hover{background:#2558a7; color:#fff;}
.pro_content{ padding:20px; line-height:28px; font-size:14px; padding-bottom:50px;}
.pro_content p{ margin-bottom:15px;}

.down_list{ padding:20px 0;}
.down_list li{ border:0; margin:0; border-bottom:1px solid #ddd; font-size:16px;line-height:30px;}
.down_list li a:hover{color:#2558a7}
.down_list li a.dw{ padding:5px 15px; border:0;}
.down_list li a i{ color:#fff;}
.down_list li a:hover.dw{color:#fff; background:#2558a7}


.index_newsCon { padding-top: 50px; padding-bottom: 24px; background-color: #fff; background:url(../image/new_bg.png) no-repeat center bottom;position: relative;  }
.index_newsCon .conTit { text-align: center; font-size: 26px; font-weight: bold; color: #669cd2; text-transform: uppercase; margin-bottom: 45px; }
.row_news{ width:1200px; padding:0; margin:0; overflow:hidden;}
.index_newsHot { float: left; width:480px; padding:0; margin:0; position:relative;}

.index_newsHotWp {background-color: #024c9e; height: 360px; padding:0; margin:0; overflow:hidden }
.index_newsHotWp a { position: relative; display: block; width: 100%; height: 100%; }

.index_newsHotWp .img { position: relative; width: 100%; height: 100%; overflow: hidden; cursor:pointer }
.index_newsHotWp .img img { display: block; }
.index_newsHotWp .info { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(404.png); overflow: hidden; }
.index_newsHotWp .time { margin-top: 160px; margin-left: 40px; padding-bottom: 15px; border-bottom: 3px solid #fff; float: left; margin-bottom: 10px; }
.index_newsHotWp .time .day { font-size: 62px; font-weight: bold; color: #fff; }
.index_newsHotWp .time .date { font-size: 18px; font-weight: bold; color: #fff; }
.index_newsHotWp h4 { float: left; margin-left: 40px; margin-right: 40px; font-size: 24px; font-weight: bold; color: #fff; height: 64px; line-height: 32px; overflow: hidden; }
.index_newsHotWp p { float: left; margin-left: 40px; margin-right: 40px; font-size: 14px; color: #fff; line-height: 24px; height: 48px; overflow: hidden; }

.index_newsSmallCon { float: left; width: 720px; padding:0; margin:0; }
.row_news ul{padding:0 !important; margin:0 !important;}

.index_newsSmallLeft { float: left; width: 360px; height: 180px; background-color: #0974e0; padding:0; margin:0; }
.index_newsSmallLeft a { display: block; }
.index_newsSmallLeft a:hover .img img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-opacity: 0.8; opacity: 0.8; filter: alpha(opacity=80); }
.index_newsSmallLeft .img { width:100%; height: 180px; overflow: hidden; }
.index_newsSmallLeft .img img { width: 100%; height: 100%; transition: 0.5s ease all; -webkit-transition: 0.5s ease all; -moz-transition: 0.5s ease all; }


.index_newsSmallRight { float: right; width: 360px; height: 180px; }

.index_newsCor { float:left;width: 360px; height: 180px; padding:0; margin:0; }
.index_newsCor a { display: block; width:360px; height:180px; }
.index_newsCor a:hover .img img { width:180px; height:180px; -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-opacity: 0.8; opacity: 0.8; filter: alpha(opacity=80); }
.index_newsCor.bgblue { background-color: #2558a7; }
.index_newsCor.bgblue .info { position: relative; float: left; width:180px;}
.index_newsCor.bgblue .info:before { position: absolute; display: block; content: ''; border-top: 8px solid transparent; border-right: 9px solid transparent; border-bottom: 8px solid transparent; border-left: 9px solid #2558a7; height: 0; width: 0; top: 50%; left: 100%; z-index: 2; }
.index_newsCor.bgblue .infoWp {}
.index_newsCor.bgblue .img { float: right; width: 180px; }

.index_newsCor.bggreen { background-color: #2558a7; }
.index_newsCor.bggreen .info { position: relative; float: right; width: 180px; height: 180px; }
.index_newsCor.bggreen .info:before { position: absolute; display: block; content: ''; border-top: 8px solid transparent; border-right: 9px solid #2558a7; border-bottom: 8px solid transparent; border-left: 9px solid transparent; height: 0; width: 0; top: 50%; left: 0; margin-left: -18px; z-index: 2; }
.index_newsCor.bggreen .img { float: left; width: 180px; height:180px; }
.index_newsCor .img { width: 180px; height: 180px; overflow: hidden; }
.index_newsCor .img img { width: 100%; height: 100%; transition: 0.5s ease all; -webkit-transition: 0.5s ease all; -moz-transition: 0.5s ease all; }
.index_newsCor .infoWp { height: 180px; overflow: hidden; }
.index_newsCor .time { padding-bottom: 15px; padding-top:10px; color: #fff; float: left;margin-left: 20px; margin-bottom: 10px; }

.index_newsCor h4 {float: left; font-size: 14px; padding:20px 18px; color: #fff; line-height: 24px;overflow: hidden; }

@media (max-width:768px){
.col_pro h2{ font-size:22px; padding-bottom:10px; margin-bottom:10px;}
.caption{ font-size:14px; color:353535;padding-left:0; height:40px;}
.nav_view li{ padding-left:2px;}
.nav_view li a{ padding:5px 15px;}

.row_case li .thumbnail{ padding-bottom:80px;}
.row_case li h3{ font-size:18px;}
.row_case li p{ font-size:13px;line-height:20px;}
.down_list li{ font-size:14px;line-height:20px;}
.home_case li .thumbnail{padding-bottom:80px; border-bottom:2px solid #2558a7;background:url(.) no-repeat;}


.index_newsCon{ padding-top:10px;}
.row_news{ width:100%;overflow:hidden;}
.index_newsSmallCon { float: none; width:100%; padding:0; margin:0; }
.index_newsHot { float:none; width:100%; padding:0; margin:0;}
.index_newsHot img{ width:100%; height:auto !important;}
.index_proCon{ margin-top:-10px;}
.index_newsCon{ padding-bottom:0px;}

.index_newsSmallLeft { float: left; width:100%; height:auto; padding:0;padding-bottom:10px; margin:0; background:url(.); }
.index_newsCor { float:left;width:100%; height: 150px; padding:0; margin-bottom:10px; }
.index_newsCor a { display: block; width:100%; height:150px; }
.index_newsCor a:hover .img img { width:150px; height:150px; -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-opacity: 0.8; opacity: 0.8; filter: alpha(opacity=80); }
.index_newsCor.bgblue { background-color: #2558a7; }
.index_newsCor.bgblue .info { position:none; float: none; width:auto;margin-left:160px;}

.index_newsCor.bgblue .info:before { position: absolute; display: block; content: ''; border:0; height: 0; width: 0; top:0; left:0; }
.index_newsCor.bgblue .infoWp {}
.index_newsCor.bgblue .img { float: left; width:150px; }
.index_newsCor.bggreen { background-color: #2558a7; }
.index_newsCor.bggreen .info { position:none; float: none; width:auto;margin-left:160px;}
.index_newsCor.bggreen .info:before { position:none; display: block; content: ''; border:0;  height: 0; width: 0; top:0; left: 0; margin-left:0; z-index: 2; }
.index_newsCor.bggreen .img { float: left; width: 150px; height:150px; }
.index_newsCor .img { width: 150px; height: 150px; overflow: hidden; float:left }
.index_newsCor .img img { width: 150px; height: 100%; transition: 0.5s ease all; -webkit-transition: 0.5s ease all; -moz-transition: 0.5s ease all; }
.index_newsCor .infoWp { width:99%; height:100%; overflow: hidden; }
.index_newsCor .time { padding-bottom: 15px; padding-top:0px; color: #fff; float: left;margin-left: 10px; margin-bottom: 10px; }
.index_newsCor h4 { width:100%;font-size: 14px; padding:20px 0;color: #fff; line-height: 24px;overflow: hidden; }

.index_proCon { width: 100%; padding-top:5px; margin-top:10px; padding-bottom:10px; }
.index_proCon .conTit { text-align: center; margin-bottom: 10px; }
.col_pd20 li{ margin-bottom:0;}
.honor img{ width:100%; height:auto !important;}


.row_case li .thumbnail .cimg{ width:100%;height:auto !important;}

	}
	
	@media screen and (max-width: 1200px){
	.wp1200{ width: 100%;}
	.wp1000{ width: 100%;}
	.indexProSlide .owl-prev,.en_indexProSlide .owl-prev{ left: 0;}
	.indexProSlide .owl-next,.en_indexProSlide .owl-next{ right: 0;}
	.historyList{ width: 100%; box-sizing: border-box; padding-left: 20px; background-position: 31px center;}
	.productList2{padding: 0;}
	.index_videoBox{ width: 100%; height: 100%; top: 0; left: 0; margin: 0;}
	
	.index_videoClose{ left: auto; right: 0; margin-left: 0;}
}

@media screen and (max-width: 1024px){
	.nav_main li{ width: 100px;}
	.index_newsHotWp .time{ margin-left: 30px;}
	.index_newsHotWp h4,.index_newsHotWp p{ margin-left: 30px; margin-right: 30px;}
	.fastLinkCon .map{ width: 400px;}
	.fastLinkBox{ margin-left: 400px;}
	.floatMenu ul li{ display: none;}
	.floatMenu ul li:first-child{ display: block;}
	.floatMenu{ bottom: 0;}
	.footer .word{ width: 410px;}
	.insideBanner{ height: 315px;}
	.insideMainCon{ margin-left: 310px;}
	.aboutArticle{ box-sizing: border-box; padding-left: 5px; padding-right: 5px;}
}

@media screen and (max-width: 800px){
	.nav_main{ display: none;}
	.mobileIconCon{ display: block;}
	.top{ display: none;}
	.logoCon{ padding-top: 5px; padding-bottom: 5px; height: 40px;}
	.logoCon h1{ height: 28px; float: none;}
	.logoCon h1 a,.logoCon h1 a img{ width: auto; height: 100%;}
	.logoCon h1 a img{ display: block;}
	.logoCon .headerStock{ float: none; padding-top: 0; margin-left: 0; font-size: 10px;}
	.banner{ height: 400px;}
	
	.fastLinkCon .map{ display: none;}
	.fastLinkBox{ margin-left: 0; padding-top: 30px;}
	.footer .erweima{ float: none; margin: 0 auto 5px;}
	.footer .share{ float: none; margin-left: auto; margin-right: auto; text-align: center;}
	.footer .share a{ float: none; display: inline-block; vertical-align: top;}
	.childCompany{ float: none; margin-left: auto; margin-right: auto;}
	.footer .word{ width: 100%; float: none; text-align: center;}
	.insideBanner{ height: 235px;}
	.mainBreadCon { width: 100%; line-height:0; padding:0; }
	.mainBreadCon .bread{ line-height: 40px; float: none; width: 100%; text-align: left; padding:5px; box-sizing: border-box;}
	.mainBreadMenu{ float: none; width: 100%;}
	.mainBreadMenu li a{ line-height: 47px;}
	.insideMainMenuCon{ float: none; width: 100%;}
	.insideMainCon{ margin-left: 0;}
	.sideMenu{ display: none;}
	.mobileSideMenuTit{ display: block;}
	.insideMain{ padding-top: 0;}
	
	.index_newsCon{ background:url(.);}
	.fastLinkBox.en{ margin-left: 0;}
	.fastLinkBox.en dl{ box-sizing: border-box; padding-left: 20px;}
	.footer .word.en{ width: 100%;}
	.index_videoWp { display: none; position: absolute; top:650px; left: 0;height:250px; background: #fff; z-index: 999; }

}

@media screen and (max-width: 640px){
	.floatMenu ul li a{ background-color: rgba(30,121,208,.5);}
	.banner{ height: 200px;}
	.indexProSlide .items a{ max-width: 150px; margin: 0 auto;}
	.indexProSlide .icon{ width: 100%; height: 0; padding-bottom: 100%; position: relative;}
	.indexProSlide .icon img{ position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0;}
	
	.mejs-container{ position: absolute; height: 100% !important; width: 100%;}
	.banner.en .owl-controls{ bottom: -15px;}
	.en_indexProSlide .icon{ width: 130px; height: 130px;}
	.index_videoClose{ top: -50px;}
}

@media screen and (max-width: 480px){
	.index_newsHotWp .img img{ width: 100%; height: 100%;}
	.mainBreadMenu{ display: none;}
	.insideBanner{ height: 110px;}
	.insideBreadCon{ height: auto;}
	.fastLinkCon{ display: none;}
	.indexProSlide .owl-prev,.indexProSlide .owl-next,.en_indexProSlide .owl-prev,.en_indexProSlide .owl-next{width: 25px; height: 50px; margin-top: -25px; background-size: 100% 100%;}
}

.box_offers{ border:1px solid #ccc; text-align:center;border-bottom:1px solid #ccc;  }
.box_offers ul{ height:32px; line-height:32px;}
.box_offers ul+ul{ border-top:1px solid #ddd;}
.box_offers .text-left{ text-indent:1em;}

.box_offers ul.bg{ background:#eee;}
.box_offers ul.bg li+li{ border-left:1px solid #ddd;}
.page{ width:100%; float:left; padding:30px 0;}
.page a{ border:1px solid #ddd; padding:5px 10px; margin-right:2px; }
.page a.hover{border:1px solid #428bca; padding:5px 10px; background:#428bca; color:#fff;}
.page a:hover{border:1px solid #428bca; padding:5px 10px; background:#428bca; color:#fff;}