﻿@charset "utf-8";*{margin:0;padding:0}table{border-collapse:collapse}a{text-decoration:none}a:focus,a:hover{text-decoration:none}a:focus,input:focus,select:focus{outline:0}ol,ul{margin:0}p{margin:0}.h1,.h2,.h3,.h4,.h5,h1,h2,h3,h4,h5{margin:0;font-family:"Microsoft YaHei"}img{border:none;vertical-align:middle}.cor_red{color:#e61c15}.clear{clear:both}.shows{display:block}.showsIn{display:inline-block}.hides{display:none}.ellipsis{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bd_weixin_popup{height:auto!important;box-sizing:content-box}html{-ms-touch-action:none;-webkit-text-size-adjust:100%;height:100%;min-width:320px}body{font-family:"Microsoft YaHei";position:relative;height:100%;color:#333;overflow-x:hidden}
@font-face {
font-family:'TENSANSBOLD';
src: url('../fonts/TENSANSBOLD.eot'); /* IE9 Compat Modes */
src: url('../fonts/TENSANSBOLD.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	 url('../fonts/TENSANSBOLD.woff') format('woff'), /* Modern Browsers */
	 url('../fonts/TENSANSBOLD.ttf')  format('truetype'), /* Safari, Android, iOS */
	 url('../fonts/TENSANSBOLD.svg#YourWebFontName') format('svg'); /* Legacy iOS */
}
.imgBg{ background-position:center center; background-repeat:no-repeat; background-size:cover;}
.imgBg img{ }
.flexBox{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-pack:center; -webkit-flex-flow:column wrap; -ms-flex-flow:column wrap; flex-flow:column wrap; align-items:center;}
.wow{ animation-delay:0.3s;}

/*header*/
.logo{ height:90px; margin-left:0 !important; margin-right:15px; padding:10px 15px; max-width:182px;}
.logo span{ display:block; width:100%;}
nav.navbar.bootsnav{ background:rgba(0,0,0,0.6); border:none; transform:all 1s ease-in-out; color:#FFFFFF;}
nav.navbar.bootsnav ul.nav > li > a,.attr-nav > ul > li > a{ color:#FFFFFF;}
nav.navbar.bootsnav ul.nav > li{ padding:0 10px;}
nav.navbar.bootsnav ul.nav > li > a{ font-size:16px; font-weight:normal; line-height:30px; padding:30px 15px;}
nav.navbar.bootsnav ul.nav > li > a:after{ display:block; content:"" !important; position:absolute; left:50%; top:0; width:0%; height:4px; background:#006ebd; margin:0 !important; z-index:1001; transition:all 0.4s linear;}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu{ width:150px; width:212px; background:rgba(0,0,0,0.3); border:none; text-align:center; left:50%; margin-left:-106px; padding:15px 0; animation-duration:0.5s;}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a{ border:none; color:#FFFFFF; transition:all 0.4s linear;}
nav.navbar.bootsnav ul.nav > li.active > a:after,nav.navbar.bootsnav ul.nav > li.on > a:after{ left:0; width:100%;}
nav.navbar.bootsnav ul.nav > li.active > a,nav.navbar.bootsnav ul.nav > li.active > a:hover,nav.navbar.bootsnav ul.nav > li.active > a:focus{ font-weight:bold; color:#FFFFFF;}
.navRig{ line-height:90px; font-size:0;}
.navRig > ul{ vertical-align:middle; margin:0; font-size:16px;}
.navRig > ul > li{ padding:0 20px;}
.navRig > ul > li > a{ padding:0; text-align:center;}
.navRig > ul > li > a > i{ font-size:16px; padding-right:8px; position:relative; top:2px;}
.navRig > ul > li.on > a,nav.navbar.bootsnav.no-background.white .attr-nav > ul > li.on > a{ color:#FFFFFF; transition:all 0.4s linear;}
.navRig .dropdown-menu{ width:100% !important; margin:0 !important; left:0 !important; background:#FFFFFF !important; color:#333333; border-radius:0; min-width:0; padding:6px 0 !important; left:auto; right:0; box-shadow:none; animation-duration:0.5s;}
.navTel{ font-size:18px; font-family:Verdana;}
.navTel i{ font-size:18px; padding-right:10px;}
.language{ background:#1b68a7 !important; transition:all 0.4s linear;}
.language a span{ padding-right:10px;}
.language .dropdown-menu li a{ color:#333333 !important; text-align:left; padding-left:30px !important;}
.language .dropdown-menu li:last-child{ font-size:18px;}

.banner{ height:85%; position:relative; z-index:1;}
.banner .swiper-slide{ position:relative; overflow:hidden; background:#000000;}
.banImg{ height:100%; transition:all 5s linear;}
.banPage{ position:absolute; left:0; bottom:5%; width:100%; z-index:1; text-align:center;}
.banPage .swiper-pagination-bullet{ opacity:1; width:14px; height:14px; border:2px solid #FFFFFF; background:none; border-radius:50%; margin:0 7px; transition:all 0.3s linear;}
.banPage .swiper-pagination-bullet-active{ background:#FFFFFF;}
.banText{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:2; color:#FFFFFF;}
.banCon{ width:100%; max-width:690px; margin:10px auto; padding:0 15px;}
.banH2{ font-size:66px; text-shadow:5px 5px 10px rgba(0,0,0,0.5);}
.banBrief{ font-size:34px; line-height:160%; max-width:620px; margin:10px auto;}
.banLogo{ position:relative; width:100%; margin:10px auto; overflow:hidden; opacity:0.8;}
.banLogo:after,.banLogo:before{ width:7px; height:7px; border:1px solid #FFFFFF; border-radius:50%; display:block; content:""; position:absolute; top:50%; margin-top:1px;}
.banLogo:before{ left:0;}
.banLogo:after{ right:0;}
.banLogo span{ display:inline-block; vertical-align:top; font-size:28px; font-family:Palatino Linotype;}
.banLine{ position:absolute; top:50%; width:500px; height:1px; margin-top:4px; background:#FFFFFF;}
.banLine1{ right:50%; margin-right:60px;}
.banLine2{ left:50%; margin-left:60px;}
.ban1 .banBrief{ font-size:30px; max-width:690px;}
.ban2 .banBrief{ font-size:32px; max-width:650px;}
.banTip{ position:absolute; right:35px; bottom:-26px; z-index:2; color:#FFFFFF; font-family:Palatino Linotype;}
.banArrow{ display:inline-block; vertical-align:middle; width:30px; height:100px; background:#ff9a0e; margin-right:15px;}
.banArrow span{ display:block; margin:10px auto; width:1px; height:20px; background:#FFFFFF; position:relative; animation:banArrow 2s linear infinite;}
.banArrow span:after{ display:block; content:""; width:0; height:0; position:absolute; left:-4px; bottom:0; border-top:4px solid #FFFFFF; border-left:4px solid transparent; border-right:4px solid transparent;}
.banTipText{ display:inline-block; vertical-align:middle;}

.boxTit{ padding:20px 15px; max-width:1200px; margin:0 auto; font-size:17px; color:#666666; line-height:160%;}
.boxTit h2{ font-size:42px; color:#222222; line-height:140%;}
.boxBrief{ margin:10px 0;}

.page1Bg{ overflow:hidden;}
.page1Lef{ float:left; width:50%; padding:50px 7%; background:#1b68a7; color:#FFFFFF;}
.page1LefCon{ max-width:570px;}
.page1Tit{ font-size:44px; line-height:130%; margin:15px 0;}
.page1Ico{ display:block; width:49px; height:12px; background:url(../images/page1Ico.png) repeat-x; margin:15px 0; animation:backgroundBg 2s linear infinite;}
.page1Name{ font-size:28px; line-height:150%; margin:15px 0;}
.page1Brief{ font-size:14px; line-height:28px;  min-height:140px; max-height:168px; overflow:hidden; opacity:0.7; margin:15px 0;}
.page1More{ display:block; margin:15px 0; font-size:0; width:160px; height:42px; line-height:42px; background:#ff9a0e; color:#FFFFFF; text-align:center;}
.page1More strong,.page1More span,.page1More i{ font-size:15px; display:inline-block; vertical-align:middle; font-weight:normal; font-style:normal;}
.page1More span{ width:0; height:2px; background:#FFFFFF; margin-left:9px; transition:all 0.3s linear;}
.page1More i{ border-left:8px solid #FFFFFF; border-top:6px solid transparent; border-bottom:6px solid transparent;}
.page1More:hover,.page1More:focus{ color:#FFFFFF;}
.page1Rig{ float:right; width:50%; position:relative; padding-top:120px;}
.page1Rig:after{ display:block; content:""; width:120px; height:100%; background:#1b68a7; position:absolute; left:0; top:0;}
.page1En{ font-size:88px; line-height:100%; font-weight:bold; color:#000000; opacity:0.08; font-family:Palatino Linotype; text-transform:uppercase; position:absolute; left:0; top:60px; width:100%; text-align:center; padding-left:120px;}
.page1Img{ height:460px;}
.page1Img .imgBg{ height:100%;}
.page1Prev,.page1Next{ display:block; width:64px; height:64px; line-height:62px; text-align:center; position:absolute; left:0; top:315px; font-size:34px; z-index:1; cursor:pointer;}
.page1Prev{ background:#FFFFFF; color:#1b68a7; transform:translateX(-100%);}
.page1Next{ background:#1b68a7; color:#FFFFFF;}
.page1page{ text-align:center; display:none;}
.page1page .swiper-pagination-bullet{ opacity:1; width:10px; height:10px; border:1px solid #FFFFFF; background:none; border-radius:50%; margin:0 4px; transition:all 0.3s linear;}
.page1page .swiper-pagination-bullet-active{ background:#FFFFFF;}

.page2Bg{ padding:40px 0 0; overflow:hidden;}
.page2List{ font-size:0; margin:0 -2px;}
.page2List li{ float:none; vertical-align:bottom; padding:2px;}
.page2List li a{ display:block; height:100%; position:relative;}
.page2Img{ background:#000000; position:relative; height:0; padding-bottom:73.37%; overflow:hidden;}
.page2Img .imgBg{ position:absolute; left:0; top:0; width:100%; height:100%; opacity:0.9; transition:all 0.3s linear;}
.page2HovBg{ position:absolute; left:0; bottom:0; width:100%; height:50%;
background-color: rgba(0, 129, 204, 0);
background-image: -webkit-linear-gradient(to bottom,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0,0.8) 100%);
background-image: linear-gradient(to bottom,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0,0.8) 100%);
transition:all 0.3s linear;
}
.page2HovBg2{ position:absolute; left:0; top:0; width:100%; height:100%; background:#1b68a7; opacity:0; transition:all 0.3s linear;}
.page2Hov{ position:absolute; left:50%; top:50%; width:100%; padding:15px; transform:translate(-50%,-50%); color:#FFFFFF;}
.page2Name{ font-size:26px; position:absolute; left:0; bottom:0; width:100%; color:#FFFFFF; line-height:180%; padding:15px; transition:all 0.3s linear;}
.page2Name2{ font-size:34px; margin-bottom:20px; opacity:0; transform:translateX(-25%); transition:all 0.3s linear;}
.page2Brief{ font-size:14px; line-height:26px; max-height:78px; overflow:hidden; margin:20px auto; max-width:345px; opacity:0; transform:translateX(25%); transition:all 0.3s linear;}
.page2Ico{ width:46px; height:46px; margin:0 auto 15px; border-radius:50%; background:url(../images/page2Ico.png) center center #ff9a0e no-repeat; opacity:0; transform:scaleY(-1); transition:all 0.3s linear 0s;}

.page3Bg{ padding:40px 0 50px; background:#f5f5f5;}
.page3List{ padding:10px 0;}
.page3Link{ display:block; width:100%; height:100%; position:relative; overflow:hidden;}
.page3Img{ height:0; padding-bottom:54.05%; position:relative; overflow:hidden;}
.page3Img .imgBg{ position:absolute; left:0; top:0; width:100%; height:100%; transition:all 0.3s linear;}
.page3Time{ position:absolute; left:20px; top:0; background:rgba(0,0,0,0.45); padding:25px 5px 5px; width:45px; font-size:12px; text-align:center; color:#FFFFFF; transition:all 0.3s linear;}
.page3Time strong{ font-size:14px;}
.page3Tit{ font-size:17px; color:#4b4b4b; font-weight:bold; margin:15px 0; transition:all 0.3s linear;}
.page3Brief{ font-size:13px; color:#888888; line-height:22px; height:44px; overflow:hidden; margin:15px 0;}
.page3More{ width:130px; height:28px; border:1px solid #bdbdbd; line-height:26px; text-align:center; font-size:12px; color:#8d8d8d; font-family:Palatino Linotype; text-transform:uppercase; margin:15px 0; transition:all 0.3s linear;}
.page3Page{ text-align:center;}
.page3Page .swiper-pagination-bullet{ opacity:1; width:42px; height:2px; background:#b2b2b2; border-radius:0; margin:0 6px; transition:all 0.3s linear;}
.page3Page .swiper-pagination-bullet-active{ height:6px; background:#f4920b;}

.page4Bg{ background:url(../images/page4Bg.jpg) center center fixed no-repeat; padding:70px 0 50px; color:#FFFFFF;}
.page4Bg.mob{ background-attachment:scroll;}
.page4Lef{ float:left; width:50%; padding:15px 0;}
.page4Lef h2{ font-size:30px; line-height:150%; margin-bottom:15px;}
.page4Lef h2 img{ max-width:28px; margin-right:10px; position:relative; top:-2px;}
.page4Rig{ float:right; width:50%; font-size:0;}
.page4Rig li{ vertical-align:top; padding-left:40px; padding-right:0; font-size:14px; text-align:center;}
.page4Rig li:first-child{ padding-left:0;}
.page4Rig li a{ display:block; height:100%; position:relative; color:#FFFFFF; line-height:28px;}
.page4Img{ width:80px; height:80px; border:1px solid #FFFFFF; position:relative; margin-bottom:5px;}
.page4Img span{ display:block; width:100%;}
.page4Img img{ margin:0 auto; max-width:51%;}
.page4Hov{ position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; transition:all 0.3s linear;}

.footBg{ background:#3f3f3f; color:#FFFFFF; font-size:13px; line-height:26px; overflow:hidden;}
.footBg a{ color:#a0a0a0;}
.footTop{ padding:60px 0;}
.ftRig{ float:right; text-align:right; font-size:0;}
.ftRigCon,.ftWx{ display:inline-block; vertical-align:top; font-size:13px;}
.ftRigCon{ text-align:left; padding-right:30px; max-width:310px; color:rgba(255,255,255,0.5);}
.ftRigTel{ padding-left:50px; background:url(../images/ftRigTel.png) left 10px no-repeat; min-height:52px;}
.ftRigTel span{ color:#FFFFFF; display:block; font-size:28px; font-family:Verdana; line-height:160%; word-break:break-all; font-family:Arial;}
.ftOnLine{ display:block; width:140px; height:38px; line-height:38px; text-align:center; color:#FFFFFF !important; background:#fb9508; font-size:15px; font-weight:bold; margin:20px 0 10px;}
.ftOnLine i{ margin-right:5px;}
.ftWx{ text-align:center; max-width:130px; opacity:0.5;}
.ftLink{ overflow:hidden; margin:0; font-size:0;}
.ftLink li{ vertical-align:top; width:25%; padding:0; padding-right:10px; font-size:13px; max-width:170px;}
.ftLink li p a{ display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:all 0.3s linear;}
.footSub{ overflow:hidden;}
.footMore{ display:none; opacity:0.5; cursor:pointer; transition:all 0.3s linear;}
.footMore i{ margin-left:5px;}
.ftH3{ margin-bottom:5px;}
.ftH3 a{ font-size:16px; color:#FFFFFF; line-height:210%;}
.footBot{ overflow:hidden; padding:25px 0; font-size:15px; color:#FFFFFF; opacity:0.5; border-top:1px solid rgba(255,255,255,0.2);}
.footBot a{ color:#FFFFFF; transition:all 0.3s linear;}
.ftBotRig{ float:right; overflow:hidden; margin:0;}
.ftBotRig li{ position:relative; padding:0 10px 0 10px; margin-left:-6px;}
.ftBotRig li:after{ display:block; content:""; width:2px; height:14px; background:rgba(255,255,255,0.5); position:absolute; left:0; top:50%; margin-top:-7px;}
.ftBotLef{ overflow:hidden;text-shadow: 0 0 3px #000;}

.banPic{ height:550px; position:relative; overflow:hidden; color:#FFFFFF;}
.banTit{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; max-width:1200px; margin:0 auto; padding:15px; text-align:center;}
.banTitEn{ font-size:36px; line-height:200%; font-family:Georgia; text-transform:uppercase;}
.banTit h2{ overflow:hidden; font-size:46px; line-height:150%;}
.banTit h2 span{ display:inline-block; vertical-align:middle; position:relative;}
.banTit h2 span:before,.banTit h2 span:after{ display:block; content:""; width:93px; height:7px; position:absolute; top:50%; margin-top:-4px;}

.index_text{ font-size:24px; color:#237c04; letter-spacing:30px;text-shadow: 0 0 5px #fff; padding:30px 0px;}

.oneBg{ font-size:16px; color:#5e5e5e; line-height:200%; padding:60px 0; overflow:hidden;}
.oneBg:nth-child(2n){ background:#f6f6f6;}
.oneText strong{ color:#1b68a7;}
.oneText img{ margin:15px auto; max-width:100% !important; height:auto !important;}
.one1Top{ margin:15px 0; font-size:0; text-align:center;}
.one1Top li{ width:20%; vertical-align:top; font-size:16px;}
.one1Top li img{ margin:10px auto;}
.one1Bot{ margin:15px 0; font-size:0; text-align:center;}
.one1Bot li{ width:50%; vertical-align:top; font-size:16px;}
.one1Bot li img{ margin:10px auto;}
.one2List{ font-size:0; text-align:center; padding:20px 0 0; margin:0 -15px;}
.one2List li{ color:#FFFFFF; font-size:16px; line-height:28px; font-weight:bold; width:14.2%; vertical-align:top; padding:15px; position:relative;}
.one2CirBg{ width:146px; height:146px; border:4px solid #1b68a7; padding:4px; background:#FFFFFF; border-radius:50%; overflow:hidden; position:relative; z-index:1;}
.one2Cir{ width:100%; height:100%; background:#1b68a7; border-radius:50%; overflow:hidden; padding:10px;}
.one2List li:nth-child(2n){ margin-top:80px;}
.one2List li:nth-child(2) .one2Cir{ padding:10px 20px;}
.one2List li:nth-child(4){ font-size:32px; line-height:38px; font-weight:normal;}
.one2List li:nth-child(4) .one2CirBg{ background:#ff9a0e; border-color:#ff9a0e;}
.one2List li:nth-child(4) .one2Cir{ background:#ff9a0e; padding:10px 30px;}
.one2List li:after{ display:block; content:""; position:absolute; left:100%; bottom:0; width:97px; height:109px; transform:translate(-50%,0%); background:url(../images/one2Bg1.png) no-repeat;}
.one2List li:nth-child(2n):after{ transform:translate(-50%,-50%); background-image:url(../images/one2Bg2.png);}
.one2List li:last-child(7n)::after{ display:none;}
.one2List li:last-child:after{ display:none;}
.one4List{ margin:20px 0 0; position:relative;}
.one4List .swiper-container{ padding:0 5px;}
.one4List a{ display:block; height:100%; position:relative;}
.one4Img{ display:table; text-align:center; background:#FFFFFF; box-shadow:0 0 5px rgba(0,0,0,0.2); width:100%; height:110px; margin:10px auto;}
.one4Img span{ display:table-cell; vertical-align:middle; height:100%;}
.one4Img span img{ margin:0 auto; max-width:90%; max-height:80%;}
.one4Tit{ font-size:14px; color:#666666; font-weight:bold; line-height:30px;}
.one4Prev,.one4Next{ display:block; width:30px; height:40px; line-height:38px; text-align:center; color:#FFFFFF; font-size:28px; background:#ff9a0e; position:absolute; top:46px; z-index:1; cursor:pointer;}
.one4Prev{ left:-13px; padding-right:2px;}
.one4Next{ right:-13px; padding-left:2px;}
.one5List{ font-size:0; text-align:center; margin:0 -15px;}
.one5List li{ vertical-align:top; padding:15px; position:relative; width:45.8%;}
.one5List li img{ max-width:100%; margin:25px 0;}
.one5Tit{ text-align:left; font-size:24px; color:#1b68a7; line-height:32px; font-weight:bold; border-bottom:2px solid #b0b0b0; padding:10px 0; margin-bottom:25px;}
.one5List li:nth-child(2n+1){ width:51.5%;}
.one6List{ position:relative; margin:25px 0;}
.one6Img{ position:relative; overflow:hidden; height:0; padding-bottom:67.37%;}
.one6Img .imgBg{ position:absolute; left:0; top:0; width:100%; height:100%;}
.one6Prev,.one6Next{ display:block; width:30px; height:40px; line-height:38px; text-align:center; color:#FFFFFF; font-size:28px; background:#ff9a0e; position:absolute; top:50%; margin-top:-20px; z-index:1; cursor:pointer;}
.one6Prev{ left:-15px; padding-right:2px;}
.one6Next{ right:-15px; padding-left:2px;}

.mainBg{ padding-bottom:40px; position:relative;}
.mainTopBg{ position:absolute; left:0; top:-60px; width:100%; height:60px; background:rgba(0,0,0,0.3);}
.left{ float:left; width:230px; margin-top:-130px; position:relative;}
.leftTop{ background:#1b68a7; height:130px; padding:30px 10px 0; color:#FFFFFF; font-size:14px; line-height:160%; position:relative;}
.leftTop p{ font-family:Georgia; text-transform:uppercase;}
.leftTit{ font-size:26px; line-height:180%;}
.leftH2Btn{ position:absolute; right:15px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); cursor:pointer;}
.leftH2Btn i{ margin-right:5px; font-size:16px;}
.leftList{ background:#f5f5f5; overflow:hidden;}
.leftList li{ border-top:1px solid #FFFFFF; margin-top:-1px; animation-fill-mode:backwards;}
.leftH3{ border-bottom:1px solid #FFFFFF; border-left:3px solid transparent; transition:all 0.5s ease;}
.leftH3 a{ position:relative; display:block; overflow:hidden; font-size:14px; padding:10px 20px; font-size:14px; color:#555555; line-height:28px; transition:all 0.5s ease;}
.leftH3 a:before{ float:right; display:block; content:"\f0dd"; font-family:FontAwesome; font-size:14px; color:#cbcbcb; margin-left:5px; transition:all 0.5s ease;}
.leftList li.active .leftH3{ border-left-color:#ff9a0e;}
.leftList li.active .leftH3 a{ font-weight:bold; color:#1b68a7;}
.leftList li.active .leftH3 a:before{ color:#1b68a7;}
.leftSub{ padding:10px 0; display:none;}
.leftSub p a{ display:block; position:relative; font-size:14px; color:#777777; line-height:26px; padding:5px 0; padding-left:45px; transition:all 0.5s ease;}
.leftSub p a:after{ display:block; content:""; width:4px; height:4px; background:#cbcbcb; position:absolute; top:18px; left:32px; transition:all 0.5s ease;}
.leftSub p a.active{ color:#1b68a7;}
.leftSub p a.active:after{ background:#1b68a7;}

.topBar{ font-size:0; margin:-2px -1px; text-align:center;}
.topBar li{ padding:2px 1px 0; min-width:150px; text-align:center; vertical-align:middle;}
.topBar li a{ display:block; background:#eeeeee; font-size:15px; color:#444444; line-height:26px; padding:10px; transition:all 0.3s linear;}
.topBar li.active a{ background:#1b68a7; color:#FFFFFF; font-weight:bold;}
.topBar li.active a:hover,.topBar li.active a:focus{ color:#FFFFFF;}

.right{ margin-top:-60px; position:relative; margin-left:285px; color:#666666; font-size:14px; line-height:28px;}
.rigTop{ overflow:hidden; height:60px; line-height:30px; padding:15px 0; color:#FFFFFF;}
.breadNav{ float:right; background:none; font-size:12px; line-height:30px; margin:0; padding:0;}
.breadNav li i{ margin-right:5px; font-size:17px;}
.breadNav li a{ color:#FFFFFF;}
.breadNav > li + li:before{ content:""; padding:0; font-family:FontAwesome;}
.breadNav > li + li + li:before{ color:#FFFFFF; content:"\f0da"; padding: 0 5px; font-family:FontAwesome;}
.rigH2{ float:left; font-size:18px; line-height:30px;}
.rigBot{ padding:30px 0 0; font-size:14px; color:#666666; line-height:32px;}
.page{ padding:45px 0;}
.page img{ margin:0 auto;}

.proList{ display:flex; flex-wrap:wrap; padding:0 1px;}
.proList li{ display:flex; padding:10px 15px;}
.proList li a{ display:block; width:100%; border:1px solid #bdbdbd; text-align:center; font-size:16px; color:#555555; line-height:30px; padding:10px; transition:all 0.3s linear;}
.proTop{ overflow:hidden; padding:20px 0;}
.goList{ float:right; width:130px; height:40px; line-height:40px; background:#ff9a0e; color:#FFFFFF; font-size:15px; text-align:center; margin-left:15px;}
.goList i{ margin-right:5px;}
.goList:hover,.goList:focus{ color:#FFFFFF;}
.proTopCon{ overflow:hidden; font-size:16px; color:#555555; line-height:200%;}
.proTopCon h1{ font-size:26px; color:#333333; line-height:38px; margin-bottom:0.1rem;}
.proTab{ font-size:0; margin:0 -1px; border-bottom:2px solid #1b68a7;}
.proTab li{ padding:2px 1px 0; min-width:150px; text-align:center; vertical-align:middle;}
.proTab li a{ display:block; background:#eeeeee; font-size:15px; color:#444444; line-height:26px; padding:10px; transition:all 0.3s linear;}
.proTab li.active a{ background:#1b68a7; color:#FFFFFF; font-weight:bold;}
.proTab li.active a:hover,.proTab li.active a:focus{ color:#FFFFFF;}
.anchor{ display:block; height:90px; margin-top:-90px;}
.proItem{ border-bottom:1px solid #e5e5e5; padding:22px 0;}
.proItem:last-child{ border:none; padding-bottom:0;}
.proItemTit{ font-size:24px; color:#333333; line-height:30px; background:url(../images/proItemTitBg.png) left center no-repeat; padding:12px 0; padding-left:30px;}

.techText{ font-size:15px; line-height:30px;}
.techText strong{ font-size:16px; color:#1b68a7;}
.techText img{ margin:15px auto; max-width:100% !important; height:auto !important;}

.croImg{ font-weight:bold; font-size:0; margin:0.2rem -12px;}
.croImg li{ float:none; vertical-align:top; font-size:15px; color:#555555; line-height:30px; padding:0 12px;}
.croImg img{ box-shadow:0 0 7px rgba(0,0,0,0.25);}

.DrugList{ font-size:0; display:flex; flex-wrap:wrap; margin:0 auto; width:80%;}
.DrugList li{ display:flex; vertical-align:top; font-size:15px; color:#666666; line-height:28px; padding:12px 90px 12px 80px; transition:all 0.3s linear;}
.drugCon{ display:block; height:100%; position:relative; background:#e7f0f8; color:#666666; padding:35px; transition:all 0.3s linear;}
.drugTit{ font-size:22px; color:#085279; line-height:34px; font-weight:bold; transition:all 0.3s linear;}
.drugTit2{ font-size:18px; color:#333333; line-height:34px; transition:all 0.3s linear;}
.drugIco{ overflow:hidden; position:relative; margin:15px auto;}
.drugIco span{ display:inline-block; vertical-align:middle; width:20px; height:22px; background:url(../images/drugIco.png) center center no-repeat; position:relative;}
.drugIco span:before,.drugIco span:after{ display:block; content:""; width:0.8rem; height:1px; background:rgba(0,0,0,0.15); position:absolute; top:50%; transition:all 0.3s linear;}
.drugIco span:before{ right:100%; margin-right:0.15rem;}
.drugIco span:after{ left:100%; margin-left:0.15rem;}
.drugBrief{ margin:15px auto 0;}
.DrugList li:last-child .drugTit{ font-size:30px;}
.drugCon:hover,.drugCon:focus{ color:#666666;}

.drugH2{ font-size:32px; color:#222222; line-height:120%; text-align:center; margin-bottom:0.4rem;}
.drugImg img{ margin:15px auto; max-width:100% !important; height:auto !important;}
.drugTable1{ margin:0.4rem 0 0; width:100%;}
.drugTable1 td{ ver}
.drugTable1 thead tr th{ background:#1b68a7; color:#FFFFFF; font-size:20px; line-height:40px; padding:0.1rem; border:none;}
.drugTable1 thead tr th:nth-child(2){ text-align:center; vertical-align:middle;}
.drugTable1 tbody tr th{ font-size:17px; line-height:30px; padding:0.1rem; color:#555555; border:none;}
.drugTable1 tbody tr td{ font-size:16px; line-height:30px; padding:0.1rem; color:#333333; border:none;}
.drugTable1 tbody tr:nth-child(2n){ background:#f0f0f0; border:none;}
.drugTable1 tbody tr:nth-child(2n+1){ background:#d2deef; border:none;}
.drugTable1 tr th:first-child{ border-right:1px solid #FFFFFF; width:20%; padding-left:4%;}
.drugTable1 tr td:nth-child(2){ padding-left:4%;}

.drugText{ font-size:15px; color:#666666; line-height:30px; margin:0.3rem 0;}
.drugText p{ padding-left:20px; position:relative;}
.drugText p:after{ display:block; content:""; position:absolute; left:0; top:12px; width:7px; height:7px; border:2px solid #1b68a7; border-radius:50%;}
.drugText strong{ color:#1b68a7;}
.drugTable2{ width:100%; margin:0.4rem 0 0; text-align:center; vertical-align:middle;}
.drugTable2 thead tr th{ background:#1b68a7; font-size:20px; color:#FFFFFF; padding:0.15rem 15px; width:25%;}
.drugTable2 tbody tr th{ font-size:18px; color:#444444;}
.drugTable2 th,.drugTable2 td{ text-align:center; line-height:30px; padding:0.1rem 15px; border:1px solid #FFFFFF;}
.drugTable2 td{ font-size:20px; color:#222222;}
.drugTable2 tbody tr:nth-child(2n){ background:#eaeff7;}
.drugTable2 tbody tr:nth-child(2n+1){ background:#d2deef;}

.arList{ padding:0.3rem 0 0;}
.arList li{ padding:0.3rem 0; border-bottom:1px solid #e1e1e1;}
.arList li a{ display:block; height:100%; position:relative; overflow:hidden;}
.arImg{ float:left; width:328px; height:178px; margin-right:50px; position:relative; overflow:hidden;}
.arImg .imgBg{ width:100%; height:100%; transition:all 0.3s linear;}
.arRig{ overflow:hidden;}
.arTit{ font-size:24px; color:#4b4b4b; line-height:140%; transition:all 0.3s linear;}
.arLine{ display:block; width:34px;; height:3px; background:#ff9a0e; margin:15px 0; transition:all 0.3s linear;}
.arBrief{ font-size:14px; color:#888888; line-height:26px; height:52px; overflow:hidden; margin:15px 0;}
.arBot{ overflow:hidden; font-size:13px; color:#999999; line-height:36px; margin:0 -10px;}
.arBot span{ padding:0 10px;}
.arBot .pull-right{ font-weight:bold; color:#1b68a7; transition:all 0.3s linear;}

.arTextBg{ box-shadow:0 0 5px rgba(0,0,0,0.2); position:relative; margin-top:-50px; min-height:400px; background:#FFFFFF;}
.arText{ padding:30px 50px; font-size:14px; color:#666666; line-height:30px;}
.arText p{ margin:25px 0;}
.arText img{ margin:25px auto; max-width:100% !important; height:auto !important;}
.arTop{ border-bottom:1px solid #e7e7e7; padding:0.2rem 0; margin-bottom:0.2rem;}
.arTop h1{ font-size:28px; color:#222222; line-height:150%; margin-bottom:0.1rem;}
.arInfor{ font-size:14px; color:#999999; line-height:22px; margin:0 -5px;}
.arInfor span{ display:inline-block; vertical-align:middle; padding:0 5px;}
.arInfor span i{ margin-right:8px;}

.arBtn{ position:absolute; left:50%; margin-left:630px; top:0; z-index:2;}
.arBtn.Fixed{ position:fixed; top:90px;}
.arPage{ background:#ff9a0e;}
.arPage li{ width:50px; height:50px; line-height:50px; text-align:center; color:#FFFFFF;}
.arPage li a{ display:block; color:#FFFFFF; font-size:30px; transition:all 0.3s linear;}
.arPage .fa-th-large{ font-size:18px;}
.arShare{ text-align:center; padding:15px 0; box-shadow:0 0 5px rgba(0,0,0,0.2); margin-top:20px;}
.arShare li{ color:#4c4c4c; font-size:14px; margin:1px auto;}
.arShare li a{ float:none; display:block; width:30px; height:30px; margin:0 auto; background-image: url(../images/shareIco.png); background-repeat: no-repeat;}
.shareIco1{ background-position:center top;}
.shareIco2{ background-position:center -30px;}
.shareIco3{ background-position:center -60px;}
.shareIco4{ background-position:center -90px;}

.conLef{ float:left; width:50%; font-size:15px; color:#666666; line-height:34px;}
.conRig{ float:right; width:47.5%; height:460px; border:1px solid #dcdcdc;}
.companyCn{ font-size:28px; color:#333333; line-height:200%;}
.companyEn{ font-size:20px; color:#333333; line-height:150%; font-family:Arial;}
.conLine{ display:block; width:34px; height:3px; background:#1b68a7; font-size:0; margin:20px 0;}
.conInfor{ margin:20px  0;}
.conInfor p{ padding-left:30px; position:relative;}
.conInfor p:after{ display:block; position:absolute; left:0; top:2px; font-family:FontAwesome; font-size:17px; color:#888888;}
.conPhone:after{ content:"\f10b"; font-size:22px !important;}
.conAdd:after{ content:"\f041";}
.conTel:after{ content:"\f095";}
.conFax:after{ content:"\f02f";}
.conEmail:after{ content:"\f0e0";}
.conCode:after{ content:"\f15c";}
.conCar:after{ content:"\f1b9";}
.conWeChat{ font-size:0; padding:15px; box-shadow:0 0 5px rgba(0,0,0,0.2); max-width:370px; margin:20px 0;}
.conWx,.conWxRig{ display:inline-block; vertical-align:middle; font-size:14px; line-height:200%; color:#888888;}
.conWx{ width:45%; max-width:118px; padding-right:20px;}
.conWx img{ width:100%;}
.conWxRig{ width:55%; max-width:165px;}
.conWxRig p{ padding:0;}


@media (min-width:993px){
	.navRig > ul > li > a:hover{ color:#FFFFFF; transition:all 0.4s linear;}
	.language .dropdown-menu li a:hover{ background:#f0f0f0 !important;}
	nav.navbar.bootsnav ul.nav > li > a:hover:after{ left:0; width:100%;}
	nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li a:hover, nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li a:hover{ color:#00ace4;}
	.page1More:hover span{ width:12px;}
	.page2List li a:hover .page2Img .imgBg{ transform:scale(1.1);}
	.page2List li a:hover .page2HovBg{ opacity:0;}
	.page2List li a:hover .page2HovBg2{ opacity:0.85;}
	.page2List li a:hover .page2Name{ transform:translateY(100%);}
	.page2List li a:hover .page2Name2,.page2List li a:hover .page2Brief{ opacity:1; transform:translateX(0);}
	.page2List li a:hover .page2Ico{ opacity:1; transform:scaleY(1);}
	.page3Link:hover .page3Img .imgBg{ transform:scale(1.1);}
	.page3Link:hover .page3Time{ background:#1b68a7;}
	.page3Link:hover .page3Tit{ color:#ff9a0e;}
	.page3Link:hover .page3More{ border-color:#ff9a0e; background:#ff9a0e; color:#FFFFFF;}
	.page4Rig li a:hover .page4Img{ background:#FFFFFF;}
	.page4Rig li a:hover .page4Img > img{ opacity:0;}
	.page4Rig li a:hover .page4Hov{ opacity:1;}
	.page4Rig li a:hover .page4Hov img{ animation:swing 2s linear 1;}
	.footBg a:hover,.footMore:hover{ color:#FFFFFF; opacity:1;}
	.ftOnLine:hover i{ animation:swing 1.5s linear infinite;}
	.leftH3:hover{ border-left-color:#ff9a0e;}
	.leftH3 a:hover{ color:#1b68a7;}
	.leftH3 a:hover:before{ color:#1b68a7;}
	.leftSub p a:hover{ color:#1b68a7;}
	.leftSub p a:hover:after{ background:#1b68a7;}
	.topBar li a:hover{ color:#1b68a7;}
	.proList li a:hover{ border-color:#1b68a7; background:#1b68a7; color:#FFFFFF; font-weight:bold;}
	.proTab li a:hover{ color:#1b68a7;}
	.drugCon:hover{ background:#1b68a7; color:#FFFFFF;}
	.drugCon:hover .drugTit,.drugCon:hover .drugTit2{ color:#FFFFFF;}
	.drugCon:hover .drugIco span{ background-image:url(../images/drugIco2.png);}
	.drugCon:hover .drugIco span:before,.drugCon:hover .drugIco span:after{ background:rgba(255,255,255,0.3);}
	.arList li a:hover .arImg .imgBg{ transform:scale(1.1);}
	.arList li a:hover .page3Time{ background:#1b68a7;}
	.arList li a:hover .arTit{ color:#0f61a5;}
	.arList li a:hover .arLine{ width:42px;}
	.arList li a:hover .arBot .pull-right{ color:#ff9a0e;}
	.arPage li a:hover{ background:#ffb856;}
}
@media (min-width:1400px){
	.container{ width:1230px;}
}
@media (max-width:1600px){
	.logo{ height:80px; padding:15px; max-width:160px;}
	nav.navbar.bootsnav.menu-center ul.nav.navbar-center{ position:relative; left:-4%;}
	nav.navbar.bootsnav ul.nav > li > a{ padding:25px 10px;}
	.navRig{ line-height:80px;}
	.banH2{ font-size:50px;}
	.banLogo span{ font-size:24px;}
	.banBrief{ font-size:28px;}
	.ban1 .banBrief{ font-size:26px;}
	.ban2 .banBrief{ font-size:24px;}
	
	.boxTit{ font-size:14px;}
	.boxTit h2{ font-size:34px;}
	.boxBrief{ margin:5px auto;}
	
	.page1Lef{ padding:30px 5%;}
	.page1Tit{ font-size:38px;}
	.page1Name{ font-size:22px;}
	.page1Rig{ padding-top:90px;}
	.page1Rig:after{ width:90px;}
	.page1En{ font-size:70px; padding-left:90px; top:40px;}
	.page1Img{ height:400px;}
	.page1Prev,.page1Next{ width:54px; height:54px; line-height:52px; top:270px;}
	
	.page2Bg{ padding:30px 0 0;}
	.page2Name{ font-size:22px; padding:10px;}
	.page2Name2{ font-size:28px;}
	.page2Ico{ width:38px; height:38px;}
	
	.page3Bg{ padding:30px 0 40px;}
	.page3Tit{ font-size:16px;}
	
	.banPic{ height:500px;}
	.banTit h2{ font-size:36px;}
	.banTitEn{ font-size:26px; line-height:160%;}
	
	.anchor{ height:80px; margin-top:-80px;}
}
@media (max-width:1400px){
	.logo{ height:70px; padding:15px 0; max-width:130px;}
	nav.navbar.bootsnav ul.nav > li{ padding:0 5px;}
	nav.navbar.bootsnav ul.nav > li > a{ font-size:15px; padding:20px 10px;}
	.navRig{ line-height:70px;}
	.navRig > ul{ font-size:14px;}
	.navRig > ul > li{ padding:0 15px;}
	.navTel{ font-size:16px;}
	.navTel i{ font-size:16px; padding-right:5px;}
	.banCon{ max-width:570px;}
	.banH2{ font-size:44px;}
	.banLogo span{ font-size:20px;}
	.banBrief{ font-size:24px;}
	.ban1 .banBrief{ font-size:22px;}
	.ban2 .banBrief{ font-size:20px;}
	
	.boxTit{ padding:10px 15px;}
	.boxTit h2{ font-size:30px;}
		
	.page1Lef{ padding:15px 5%;}
	.page1Tit{ font-size:34px;}
	.page1Name{ font-size:20px;}
	.page1Rig{ padding-top:80px;}
	.page1Rig:after{ width:80px;}
	.page1En{ font-size:60px; padding-left:80px;}
	.page1Img{ height:350px;}
	.page1Prev,.page1Next{ width:44px; height:44px; line-height:42px; top:240px; font-size:28px;}
	
	.page2Name{ font-size:18px;}
	.page2Name2{ font-size:24px; margin-bottom:10px;}
	.page2Brief{ margin:10px auto;}
	.page2Ico{ margin:0 auto 10px;}
	
	.page4Lef h2{ font-size:26px;}
	.page4Bg{ padding:50px 0 30px;}
	.page4Rig li{ padding-left:25px;}
	
	.footTop{ padding:40px 0;}
	.footBot{ padding:15px 0;}
	
	.banPic{ height:450px;}
	.banTit h2{ font-size:30px;}
	.banTitEn{ font-size:22px; line-height:160%;}
	.banTit h2 span:before,.banTit h2 span:after{ width:70px;}
	
	.oneBg{ padding:40px 0; font-size:15px;}	
	.one1Top li{ font-size:15px;}
	
	.mainTopBg{ line-height:50px; height:50px; top:-50px;}
	.left{ margin-top:-110px;}
	.leftTop{ height:110px; padding:20px 10px 0;}
	.leftTit{ font-size:24px;}
	.topBar li{ min-width:120px;}
	.topBar li a{ padding:6px;}
	.right{ margin-left:260px; margin-top:-50px;}
	.rigTop{ height:50px; padding:10px 0;}
	.proList{ margin:0 -8px;}
	.proList li{ padding:6px 8px;}
	.proList li a{ font-size:14px; line-height:24px;}	
	.anchor{ height:70px; margin-top:-70px;}
	.proTopCon{ font-size:14px;}
	.proTopCon h1{ font-size:22px; line-height:34px;}
	.proTab li{ min-width:120px;}
	.proTab li a{ padding:6px;}
	.proItem{ padding:15px 0;}
	.proItemTit{ font-size:20px; background-size:22px auto; padding:8px 0; padding-left:28px;}
	
	.techText{ font-size:14px; line-height:28px;}
	.techText strong{ font-size:15px;}
	
	.DrugList li{ font-size:14px;}
	.drugCon{ padding:25px;}
	.drugTit{ font-size:20px; line-height:32px;}
	.drugTit2{ font-size:16px; line-height:32px;}
	.DrugList li:last-child .drugTit{ font-size:30px;}
	.drugIco{ margin:10px auto;}
	.drugBrief{ margin:10px auto 0;}
	
	.drugH2{ font-size:26px; margin-bottom:0.3rem;}
	.drugTable1{ margin:0.3rem 0 0;}
	.drugTable1 thead tr th{ font-size:18px; line-height:30px;}
	.drugTable1 tbody tr th{ font-size:15px;}
	.drugTable1 tbody tr td{ font-size:14px;}
	.drugTable1 tr th:first-child{ padding-left:3%;}
	
	.drugText{ font-size:14px; line-height:28px;}
	.drugText p{ padding-left:15px;}
	.drugText p:after{ top:10px;}
	.drugTable2 thead tr th{ font-size:18px;}
	.drugTable2 th, .drugTable2 td{ line-height:24px;}
	.drugTable2 td{ font-size:16px;}
	.drugTable2 tbody tr th{ font-size:15px;}
	
	.arList{ padding:15px 0 0;}
	.arList li{ padding:20px 0;}
	.arTit{ font-size:22px; line-height:40px;}
	.page{ padding:35px 0;}
	
	.arTextBg{ max-width:1000px; margin:-50px auto 0;}
	.arText{ padding:20px 30px;}
	.arText p,.arText img{ margin:15px auto;}
	.arTop h1{ font-size:24px;}
	.arBtn{ margin-left:530px;}
}
@media (max-width:1200px){
	.logo{ max-width:120px;}
	nav.navbar.bootsnav.menu-center ul.nav.navbar-center{ left:-7%;}
	nav.navbar.bootsnav ul.nav > li{ padding:0}
	nav.navbar.bootsnav ul.nav > li > a{ padding:20px 5px;}
	nav.navbar.bootsnav ul.nav > li > a:after{ height:3px;}
	.banH2{ font-size:38px;}
	.page1En{ font-size:50px;}
	.page2Name2{ font-size:20px;}
	.page2Ico{ width:34px; height:34px;}
	.page4Lef{ width:58%;}
	.page4Rig{ width:42%;}
	.page4Rig li{ padding-left:15px;}
	.footTop{ padding:30px 0;}
	.ftRigCon{ padding-right:15px;}
	.ftRigTel{ padding-left:40px; background-size:30px;}
	.ftRigTel span{ font-size:24px;}
	.ftOnLine{ width:120px; height:34px; line-height:34px; margin:10px 0;}
	.ftWx{ max-width:110px; font-size:12px;}
	.banPic{ height:400px;}
	.proTop{ padding-top:0;}
	.DrugList{ }
	.DrugList li{ padding:5px;}
	.drugCon{ padding:15px;}
	.drugTit{ font-size:18px; line-height:28px;}
	.drugTit2{ line-height:28px;}
	
	.arImg{ width:260px; height:150px; margin-right:30px;}
	.arTit{ font-size:20px; line-height:30px;}
	.arLine,.arBrief{ margin:10px 0;}
	
	.companyCn{ font-size:24px;}
	.companyEn{ font-size:18px;}
	
	.arTextBg{ max-width:860px; margin:-30px auto 0;}
	.arText{ padding:15px;}
	.arTop h1{ font-size:22px;}
	.arBtn{ margin-left:450px;}
}
@media (max-width:1023px) and ( min-width:993px){
	nav.navbar.bootsnav.menu-center ul.nav.navbar-center{ float:none; margin:0 auto; display:table; table-layout:fixed; left:0;}
}
@media (max-width:991px){
	nav.navbar.bootsnav .container-fluid{ padding:0;}
	nav.navbar.bootsnav .navbar-header{ padding:0 15px;}
	nav.navbar.bootsnav .navbar-brand{ display:inline-flex;}
	.logo{ padding:10px 0; height:60px; vertical-align:middle;}
	.navRig{ line-height:60px; right:0; margin:0;}
	nav.navbar.bootsnav .navbar-toggle{ background:none !important;}
	nav.navbar.bootsnav .navbar-collapse{ border-top:1px solid #e0e0e0;}
	nav.navbar.bootsnav.no-full .navbar-collapse{ max-height:none;}
	nav.navbar.bootsnav.menu-center ul.nav.navbar-center{ left:0;}
	nav.navbar.bootsnav .navbar-nav{ padding:0 15px;}
	nav.navbar.bootsnav ul.nav > li{ padding:0;}
	nav.navbar.bootsnav ul.nav > li > a{ padding:5px 0;}
	nav.navbar.bootsnav ul.nav > li > a:after{ top:auto; bottom:-1px; height:1px;}
	nav.navbar.bootsnav ul.nav li.dropdown .dropdown-menu{ position:static !important; background:none; text-align:left;}
	nav.navbar.bootsnav ul.nav li.dropdown .dropdown-menu > li > a{ color:#FFFFFF;}
	.banner{ height:5rem;}
	.banTip{ right:15px; bottom:-20px; font-size:12px;}
	.banArrow{ height:80px; margin-right:8px;}
	.page1Rig{ display:none;}
	.page1Lef{ float:none; width:100%; padding:0.3rem;}
	.page1LefCon{ max-width:100%;}
	.page1Tit,.page1Ico,.page1Name,.page1Brief,.page1More{ margin:0.15rem 0;}
	.page1page{ display:block;}
	.page3Bg{ padding:20px 0 30px;}
	.page4Bg{ padding:0.3rem 0;}
	.page4Lef,.page4Rig{ float:none; width:100%; text-align:center;}
	.page4Lef h2{ font-size:22px; margin-bottom:5px;}
	.page4Lef h2 img{ max-width:22px; margin-right:5px;}
	.page4Rig{ margin:0 -10px;}
	.page4Rig li{ padding:10px !important;}
	.page4Img{ margin:0 auto 5px;}
	.ftRig{ float:none; width:100%; text-align:center;}
	.ftLink{ text-align:center; padding:15px 0 0;}
	.ftLink li{ text-align:left;}
	.ftBotRig{ float:none; width:100%;}
	.banPic{ height:3.8rem;}
	.banTit{ padding-top:60px;}
	.oneBg{ padding:0.3rem 0; font-size:14px;}
	.one1Top li{ width:33.33%; font-size:14px;}
	.one1Bot li{ width:100%;}
	.one2List{ padding:0.2rem 0 0;}
	.one2List li{ font-size:14px; line-height:24px;}
	.one2List li:nth-child(4){ font-size:20px; line-height:26px;}
	.one2List li:nth-child(2n){ margin-top:60px;}
	.one2CirBg{ width:110px; height:110px; border-width:2px; padding:2px;}
	.one2Cir{ padding:5px;}
	.one5List li{ width:100% !important;}
	
	.mainBg{ padding-bottom:0.2rem;}
	.mainTopBg{ display:none;}
	.left,.right{ float:none; width:100%;}
	.left{ float:none; width:100%; margin-top:-0.3rem;}
	.right{ margin-left:0; margin-top:0;}
	.leftTop{ min-height:0; padding:10px; font-size:12px; height:auto; text-align:left;}
	.leftTit{ font-size:18px; line-height:140%;}
	.leftH3 a{ padding:8px 10px;}
	.leftList{ display:none;}
	.leftList li:first-child{ border-top:none;}
	.leftList li:last-child{ border-bottom:none;}
	.leftSub{ margin:0 -10px; padding:0 10px 10px; font-size:0;}
	.leftSub p{ display:inline-block; vertical-align:top; padding:0 10px;}
	.leftSub p a{ padding-left:10px;}
	.leftSub p a:after{ left:0; top:16px;}
	.topBar li{ min-width:100px;}
	.rigTop{ height:auto; margin-bottom:0; border-bottom:1px solid #bdbdbd; color:#333333;}
	.rigH2{ float:none;}
	.breadNav{ float:none;}
	.breadNav li a{ color:#333333;}
	.breadNav > li + li + li:before{ color:#333333;}
	.rigBot{ padding:0.3rem 0 0;}
	.page{ padding:0.3rem 0;}
	.anchor{ height:60px; margin-top:-60px;}
	.goList{ float:none; display:block; margin:0 0 0.1rem;}
	.proTab li{ min-width:100px;}
	.proItemTit{ font-size:18px;}
	.techText{ padding-bottom:0.2rem;}
	.drugTable2 thead tr th{ font-size:16px;}
	.drugTable2 tbody tr th{ font-size:14px;}
	.drugTable2 td{ font-size:14px;}
	.arImg{ width:220px; height:140px; margin-right:15px;}
	.arTit{ font-size:18px; line-height:26px;}
	.arBot{ line-height:22px;}
	.conLef,.conRig{ float:none; width:100%;}
	.conRig{ height:4rem;}
	
	.arBtn{ position:static !important; margin:0;}
	.arPage{ text-align:center; font-size:0; margin:0 auto;}
	.arPage li{ display:inline-block; vertical-align:middle; width:33.33%; border-left:1px solid #FFFFFF; line-height:44px;}
	.arShare{ text-align:center; padding:10px; margin:10px 0 0;}
	.arShare li{ display:inline-block; vertical-align:middle;}
	.arShare li:first-child{ margin-right:5px;}
	.shareIco3{ display:none !important;}
}
@media (max-width:767px){
	nav.navbar.bootsnav .navbar-header{ margin:0;}	
	nav.navbar.bootsnav .navbar-nav{ margin:0;}
	.banPage{ bottom:0.2rem;}
	.banPage .swiper-pagination-bullet{ width:11px; height:11px; margin:0 4px;}
	.banCon{ max-width:100%; padding:0.4rem 0.3rem 0;}
	.banH2{ font-size:0.44rem;}
	.banLogo{ margin:0.1rem auto;}
	.banLogo span{ font-size:0.24rem;}
	.banBrief{ font-size:0.28rem !important; max-width:none !important; margin:0.1rem auto;}
	.banLogo:after,.banLogo:before{ margin-top:-3px;}
	.banLine{ margin-top:0;}
	.banLine1{ margin-right:0.6rem;}
	.banLine2{ margin-left:0.6rem;}
	.banTip{ right:0; bottom:-10px;}
	.banArrow{ width:24px; height:50px; margin-right:5px;}
	.banTipText{ display:none;}
	.page2Bg{ padding:0.3rem 0 0;}
	.page3Bg{ padding:0.2rem 0 0.3rem;}
	.one2List{ margin:0 -5px; display:flex; flex-wrap:wrap;}
	.one2List li{ width:33.33%; margin:0 !important; padding:5px; display:flex;}
	.one2List li:after{ display:none;}
	.one2CirBg{ width:100%; height:auto; border-radius:0;}
	.one2Cir{ border-radius:0; padding:10px !important;}
	.one2List li:nth-child(4){ width:100%; font-size:18px; line-height:24px;}
	.one5List{ margin:0 -0.15rem;}
	.one5List li{ padding:0.15rem;}
	.one5Tit{ font-size:18px; margin-bottom:0.3rem;}
	.one5List li img{ margin:0.25rem auto;}
	.drugH2{ font-size:22px;}
	.drugTable1 thead tr th{ font-size:15px; line-height:24px;}
	.drugTable1 tr th:first-child{ width:auto; padding:0.1rem 15px;}
	.drugTable1 tbody tr th{ font-size:13px; line-height:24px;}
	.drugTable1 tbody tr td{ padding:0.1rem 15px; font-size:12px; line-height:24px;}
}
@media (max-width:640px){
	.language i{ display:none;}
	.language a span{ display:none;}
	.language a img{ margin:0 5px;}
	.language .dropdown-menu{ width:100px !important; left:auto !important; right:0 !important;}
	.language .dropdown-menu li a{ padding:2px 0 !important; text-align:center;}
	.page2Name{ font-size:16px;}
	.page3List{ padding:0;}
	.page3Time{ left:10px; padding:5px;}
	.page3Page .swiper-pagination-bullet{ width:0.5rem; margin:0 3px;}
	.footTop{ padding:0.3rem 0;}
	.ftRigCon{ display:block; padding-right:0; max-width:100%;}
	.ftWx{ display:block; max-width:100%; margin:15px auto;}
	.ftWx img{ margin:0 auto; max-width:50%;}
	.ftLink li{ display:block; width:100%; max-width:100%; border-bottom:1px dashed rgba(255,255,255,0.1); padding:5px 0;}
	.ftLink li:last-child{ border:none;}
	.ftH3{ margin-bottom:0;}
	.ftH3 a{ font-size:15px;}
	.footSub{ margin:0 -5px; padding:0; height:auto !important;}
	.footSub p{ float:left; padding:0 5px;}
	.footMore{ display:none !important;}
	.banTit h2{ font-size:24px;}
	.banTitEn{ font-size:18px;}
	.banTit h2 span:before,.banTit h2 span:after{ width:0.8rem;}
	.arList li{ padding:15px 0;}
	.arImg{ width:140px; height:120px;}
	.arTit{ font-size:16px;}
	.arLine,.arBrief{ margin:5px 0;}
	.arBot .pull-right{ display:none;}
}
@media (max-width:460px){
	.logo{ height:50px; max-width:90px; padding:5px 0;}
	.navRig{ line-height:50px;}
	.language a img{ margin:0;}
	nav.navbar.bootsnav .navbar-toggle{ margin-top:6px;}
	.page1Tit{ font-size:0.4rem;}
	.page1Name{ font-size:0.34rem;}
	.page1More{ width:140px; height:38px; line-height:38px;}	
	.boxTit{ padding:0.2rem 15px;}
	.boxTit h2{ font-size:0.44rem;}
	.page4Rig{ max-width:200px; margin:0 auto;}
	.page4Rig li{ width:50%;}	
	.oneBg{ padding:0.4rem 0;}
	.one1Top li{ width:50%;}
	.one1Top li img{ max-width:90%; margin:0.1rem auto;}
	.banTit h2{ font-size:22px;}
	.banTitEn{ font-size:16px;}
	.banTit h2 span:before{ margin-right:15px;}
	.banTit h2 span:after{ margin-left:15px;}
	.proList{ display:block;}
	.proList li{ width:100%; display:block;}
	.goList{ width:120px; height:34px; line-height:34px; font-size:14px;}
	.proTopCon h1{ font-size:20px;}
	.anchor{ height:50px; margin-top:-50px;}
	.topBar li{ min-width:25%;}
	.topBar li a{ font-size:14px;}
	.proTab li{ min-width:25%;}
	.proTab li a{ font-size:14px;}
	.proItem{ padding:10px 0 !important;}
	.proItemTit{ font-size:17px; padding:0; padding-left:28px; background-size:20px auto;}
	.croImg li{ width:100%;}
	.DrugList{ display:block;}
	.DrugList li{ width:100%; display:block; margin-bottom:20px;}
	.drugH2{ font-size:18px; line-height:140%;}
	.drugTable2 thead tr th{ font-size:14px;}
	.arImg{ float:none; width:100%; height:auto; margin:0 auto 15px; max-width:328px;}
	.arImg .imgBg{ background:none !important;}
	.arImg .imgBg img{ display:block;}
	.arLine{ height:2px;}
	.conLef{ font-size:14px; line-height:28px;}
	.conInfor p{ padding-left:25px;}
	.companyCn{ font-size:22px;}
	.companyEn{ font-size:16px;}
	.conLine{ margin:20px 0 10px;}
	.arTop h1{ font-size:18px;}
	.arPage li{ height:44px; line-height:40px;}
	.index_text{ font-size:22px; color:#237c04; letter-spacing:4px;text-shadow: 0 0 5px #fff; padding:40px 0px;}
}
@media (max-width:360px){
	.page2List li{ width:100%;}
}