*{ margin:0; padding:0;}
table{ border-collapse:collapse;}
a{ text-decoration:none;}
a:hover,a:focus{ text-decoration:none;}
a:focus{ outline:none;}
ol,ul{ margin:0;}
p{ margin:0;}
.h1, .h2, .h3, h1, h2, h3,.h4,h4{ margin:0;}
.cor_red{ color:#da2600;}
.cor_blue{ color:#0f68a4;}
.clear{ clear:both;}
.shows{ display:block;}
.hides{ display:none;}
.inshow{ display:inline-block;}
.ellipsis{ display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.bd_weixin_popup{ height:auto !important;}

li {
   list-style: none;
}

ul li {
	list-style: none;
}

html { -ms-touch-action:none; -webkit-text-size-adjust:100%; height:100%;}
body { font-family:"Microsoft YaHei"; position:relative; height:100%; color:#666666;}
@font-face {
font-family:'avianregular';
src: url('http://www.0755trj.com/templets/gzb/fonts/avian_regular.eot'); /* IE9 Compat Modes */
src: url('http://www.0755trj.com/templets/gzb/fonts/avian_regular.eot') format('embedded-opentype'), /* IE6-IE8 */
		 url('http://www.0755trj.com/templets/gzb/fonts/avian_regular.woff') format('woff'), /* Modern Browsers */
		 url('http://www.0755trj.com/templets/gzb/fonts/avian_regular.ttf')  format('truetype'), /* Safari, Android, iOS */
		 url('http://www.0755trj.com/templets/gzb/fonts/avian_regular.svg') format('svg'); /* Legacy iOS */
font-weight: normal;
font-style: normal;
}
@font-face {
font-family:'trends';
src:url('http://www.0755trj.com/templets/gzb/fonts/trends.ttf');
font-weight: normal;
font-style: normal;
}

.imgFull{ background-position:center center; background-repeat:no-repeat; background-size:cover;}
.imgFull img{ display:none;}

header{ background:#FFFFFF; box-shadow:0 0 20px rgba(0,0,0,0.27); min-width:320px; transition:all 0.3s ease-in 0s;}
.logo{ height:auto; padding:29px 0; transition:all 0.3s ease-out 0s;}
.logo img{ transition:all 0.3s ease-out 0s;}
nav.navbar.bootsnav{ border:none; background:none;}
.navList{ padding-left:50px;}
nav.navbar.bootsnav ul.nav > li > a{ padding:0 15px; margin:0 10px; font-weight:normal; line-height:112px; height:112px; position:relative; color:#303030; font-size:16px; transition:all 0.3s ease-out 0s;}
/*nav.navbar.bootsnav ul.nav > li > a:hover,nav.navbar.bootsnav ul.nav > li.on > a,nav.navbar.bootsnav ul.nav > li.active > a{ background:#044d7f !important; color:#FFFFFF; font-weight:bold;}*/
nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after{ content:""; margin:0;}
.navSub{ padding-top:0; background:none; box-shadow:none; border:none; width:100px; min-width:100px; left:50%; margin-left:-50px; border-top:3px solid #e47a1e;}
.navSubList{ background:#ffffff; padding:15px 5px;}
.navSubList li{ border-bottom:1px solid rgba(255,255,255,0.2);}
.navSubList li:last-child{ border:none;}
.navSubList li a{ display:block; color:#303030; text-align:center; line-height:28px; transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
.navSubList li a:hover{ color:#e57b1e;}

.navRig{ line-height:20px; font-size:12px; color:#023d11; right:15px !important; padding-left:35px; margin-top:15px; background:url(../image/navrigbg.jpg) left top no-repeat; position:absolute;}
.navRig:after,.navRig:before{ display:block; content:""; background:#e57b1e; position:absolute; z-index:-1;}
.navRig:before{ width:1px; height:100%; left:13px; top:0;}
.navRig:after{ width:5px; height:5px; border-radius:50%; left:11px; bottom:0;}
.tel{ font-family:'avianregular'; font-size:24px; color:#e57b1e;}
.tel a{ color:#e57b1e;}
.navRig p:nth-child(3){ padding-top:5px;}
nav.navbar.bootsnav .navbar-toggle{ background:none !important; color:#023d11;}

.banner .swiper-slide a{ display:block; height:100%;}
.banner .imgFull img{ display:block;}
.banTextBg{ position:absolute; left:0%; top:15%; width:100%;}
.banText{ padding-left:16%;}
.banText img{ max-width:80%;}
.banner .swiper-pagination{ margin:0; bottom:130px; right:0; width:100%; text-align:center;}
.banner .swiper-pagination-bullet{ width:14px; height:14px; background:url(../image/banfocus.png) center bottom no-repeat; opacity:1; margin:0 5px; transition:all 0.4s ease 0s;}
.banner .swiper-pagination-bullet-active{ background-position:center top;}
.banBtn{ position:absolute; left:0; top:0; width:100%; height:100%;}
.banBtn .container{ height:100%; margin:0 auto; position:relative;}
.banPrev,.banNext{ position:absolute; width:40px; height:72px; top:50%; z-index:1; cursor:pointer; opacity:0.6; transition:all 0.4s ease 0s;}
.banPrev{ left:15px; background:url(../image/banprev.png) left center no-repeat;}
.banNext{ right:15px; background:url(../image/bannext.png) right center no-repeat;}
.banPrev:hover,.banNext:hover{ opacity:1;}

.banBotBg{ background:rgba(0,0,0,0.5); position:relative; width:100%; height:110px; z-index:1; margin-top:-110px;}
.banBot{ margin:0;}
.banBot li{ padding:0; position:relative; overflow:hidden; transition:all 0.4s ease 0s;}
.banIco{ padding:18px 0; width:100%; height:110px; transition:all 0.4s ease 0s;}
.banIco a{ display:block; width:100%; color:#FFFFFF; line-height:28px; text-align:center;}
.banIco img{ margin:0 auto; max-width:50%;}
.banBotLink{ position:absolute; right:0; top:0; width:53%; height:100%; padding-top:13px; transform:translateX(50%); opacity:0; transition:all 0.4s ease 0s;}
.banBotLink a{ display:block; width:78px; height:28px; line-height:28px; border:1px solid #FFFFFF; color:#FFFFFF; text-align:center; border-radius:14px; margin:10px auto; transition:all 0.4s ease 0s;}
.banBotLink a:hover{ border-color:#023d11; background:#023d11;}
.banBot li:hover{ background:#e57b1f;}
/*.banBot li:hover .banIco{ width:47%;}
.banBot li:hover .banIco a{ border-right:1px solid #FFFFFF;}
.banBot li:hover .banBotLink{ opacity:1; transform:translateX(0%);}
.banBot li:nth-child(3):hover .banIco,.banBot li:nth-child(4):hover .banIco{ width:100%;}
.banBot li:nth-child(3):hover .banIco a,.banBot li:nth-child(4):hover .banIco a{ border:none;}
.banBot li:nth-child(3):hover .banBotLink,.banBot li:nth-child(4):hover .banBotLink{ transform:translateX(50%); opacity:0;}*/
.banBot li.twoLink:hover .banIco{ width:47%;}
.banBot li.twoLink:hover .banIco a{ border-right:1px solid #FFFFFF;}
.banBot li.twoLink:hover .banBotLink{ opacity:1; transform:translateX(0%);}


.title{ font-size:32px; color:#303030; text-align:center;}
.title h2{ font-size:32px; line-height:150%; color:#303030; padding:20px 0;}
.box1Bg{ background:url(../image/box1bg.jpg) repeat;}
.box1{ margin:0 -10px; padding-bottom:40px;}
.box1 li{ padding:10px;}
.box1 li a{ display:block; height:100%; position:relative; color:#FFFFFF; font-size:14px; line-height:22px;}
.box1Img{ overflow:hidden;}
.box1Img img{ width:100%; transition:all 0.4s ease 0s;}
.box1Shadow{ position:absolute; left:0; bottom:0; width:100%; height:100%; background:rgba(0,0,0,0.2); transition:all 0.4s ease 0s;}
.box1TextBg{ position:absolute; left:0; top:0; width:100%; height:100%; padding:15px; line-height:28px; transition:all 0.4s ease 0s;}
.box1Text{ overflow:hidden; position:absolute; left:0; top:50%; width:100%; transform:translateY(-50%);}
.box1TitEn{ font-size:36px; font-family:'avianregular';}
.box1TitCn{ font-size:28px;}
.box1TitCn span{ font-size:20px;}
.box1HovBg{ position:absolute; left:0; bottom:0; width:100%; height:100%; padding:15px 10%; overflow:hidden; transition:all 0.4s ease 0s;}
.box1Hov{ overflow:hidden; position:absolute; left:0; top:50%; width:100%; padding:0 5%; transform:translateY(-50%);}
.box1Hov .box1TitCn{ opacity:0; transform:translateX(-100%); transition:all 0.4s ease 0s;}
.box1Brief{ height:132px; margin:10px 0 10px; overflow:hidden; opacity:0; transform:translateX(100%); transition:all 0.4s ease 0s;}
.box1More{ width:125px; height:36px; border-radius:18px; border:1px solid #FFFFFF; text-align:center; line-height:34px; opacity:0; transform:translateY(100%); transition:all 0.4s ease 0s;}
.box1 li a:hover .box1Shadow{ background:rgba(0,0,0,0.7);}
.box1 li a:hover .box1TextBg{ opacity:0;}
.box1 li a:hover .box1Img img{ transform:scale(1.05);}
.box1 li a:hover .box1HovBg .box1TitCn{ opacity:1; transform:translateX(0); transition:all 0.4s ease 0.2s;}
.box1 li a:hover .box1HovBg .box1Brief{ opacity:1; transform:translateX(0); transition:all 0.4s ease 0.2s;}
.box1 li a:hover .box1HovBg .box1More{ opacity:1; transform:translateY(0); transition:all 0.4s ease 0.2s;}

.box2Bg{ background:#FFFFFF; overflow:hidden; position:relative;}
.box2Bg .box1HovBg .box1TitCn{ opacity:1; transform:translateX(0);}
.box2Bg .box1HovBg .box1Brief{ opacity:1; transform:translateX(0);}
.box2Bg .box1HovBg .box1More{ opacity:1; transform:translateY(0);}
.box2Bg .box1 li a:hover .box1More{ background:#023d11; border-color:#023d11;}

.box3Bg{ position:relative; color:#FFFFFF; overflow:hidden;}
.box3Shadow{left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3);}
.box3Bg .container{ height:100%; overflow:hidden;}
.box3{ height:100%; overflow:hidden;}
.box3Bg a{ display:block; width:100%; height:100%; position:relative; z-index:1; position:relative;}
.box3Bg a img{ width:100%; transition:all 0.4s ease 0s;}
.box3ConBg{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3);}
.box3Con{ overflow:hidden; position:absolute; left:0; top:50%; width:100%; padding:0 5%; transform:translateY(-50%);}
.box3Ico{ /*position:absolute; left:50%; top:50%; margin:-69px 0 0 -69px;*/ margin:0 auto; width:138px; height:138px; background:url(../image/box3ico.png) center center no-repeat; background-size:cover;}
.box3Text{ color:#FFFFFF; font-weight:bold; font-size:36px;}
.box3Bg a:hover img{ transform:scale(1.05);}

.mvLayerBg{ position:fixed; left:0; top:0; z-index:1030; width:100%; height:100%; background:rgba(0,0,0,0.4); display:none;}
.mvLayer{ width:86%; max-width:800px; position:fixed; height:auto; top:50%; border:10px solid #FFFFFF; border-radius:0.4em; z-index:1030; left:50%; display:none; box-shadow:0 0 10px rgba(0,0,0,0.2);}
.mvLayer iframe{ width:100%; height:auto;}
.mvPlayer{ background:#000000; display:block;}
.mvLayer i{ position:absolute; right:-36px; top:-10px; width:30px; height:30px; box-shadow:3px 0 3px rgba(0,0,0,0.2); background:url(../image/close.png) center center #FFFFFF no-repeat; cursor:pointer;}

.box4Bg{ padding-bottom:40px;}
.box4Tab{ margin:0 -10px;}
.box4Tab li{ padding:10px;}
.box4Tab li a{ display:block; width:190px; height:46px; font-size:16px; color:#303030; line-height:44px; border:1px solid #dddddd; border-radius:25px; transition:all 0.4s ease 0s;}
.box4Tab li.active a{ background:#f78320; border-color:#f78320; color:#FFFFFF;}
.box4Tab li.active a:hover{ color:#FFFFFF;}
.box4Tab li a:hover{ color:#f78320; border-color:#f78320;}

.box4Tab2Bg{ padding:20px 0 0;}
.box4Tab2{ display:none;}
.box4Tab2Item{ border:1px solid #dddddd; padding:5px 20px; margin:0; line-height:34px; border-radius:25px; position:relative;}
.box4Tab2Item:after{ display:block; content:""; position:absolute; top:-9px; width:16px; height:9px; background:url(../image/box4tab2bg.jpg) center top no-repeat;}
.box4Tab2:first-child .box4Tab2Item:after{ left:485px;}
.box4Tab2:last-child .box4Tab2Item:after{ left:700px;}
.box4Tab2Item li{ padding:0 10px;}
.box4Tab2Item li strong{ color:#023d11;}
.box4Tab2Item li img{ vertical-align:top; margin-top:7px;}
.box4Tab2Item li a{ display:block; color:#303030;}
.box4Tab2Item li.active a,.box4Tab2Item li a:hover{ font-weight:bold; color:#f78320;}

.box4Con{ padding:30px 0 0;}
.box4Item{ margin:0 -10px; display:none;}
.box4Item li{ padding:10px;}
.box4Item li a{ display:block; height:100%; position:relative; overflow:hidden;}
.box4Shadow{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.35); opacity:0; transition:all 0.4s ease 0s;}
.box4Ico{ position:absolute; left:0; top:0; width:100%; height:100%; background:url(../image/box4ico.png) center center no-repeat; opacity:0; transform:translateY(100%); transition:all 0.4s ease 0s;}
.box4Item li a:hover .box4Shadow{ opacity:1;}
.box4Item li a:hover .box4Ico{ opacity:1; transform:translateY(0);}

.box5{ margin:0 -10px; padding-bottom:30px; overflow:hidden;}
.box5Lef,.box5Rig{ padding:10px;}
.box5Lef a{ display:block; height:100%; color:#FFFFFF; font-size:16px; line-height:36px; position:relative; overflow:hidden;}
.box5LefImg{ overflow:hidden;}
.box5LefImg img{ width:100%; transition:all 1s ease 0s;}
.box5LefTit{ position:absolute; left:0; bottom:0; width:100%; padding:14px 20px; background:rgba(0,0,0,0.6);}
.box5LefTime{ float:right; background:url(../image/box5lefico.png) left center no-repeat; padding-left:20px; margin-left:10px; letter-spacing:1px;}
.box5RigItem{ border-bottom:1px dashed #dcdcdc;}
.box5RigItem li{ padding:10px 0; border-top:1px dashed #dcdcdc;}
.box5RigItem li a{ display:block; height:100%; font-size:14px; color:#707070; line-height:20px; padding-right:60px; background:url(../image/box5rigbg.png) right center no-repeat;}
.box5Lef a:hover .box5LefImg img{ transform:scale(1.05);}
.box5RigTime{ float:left; width:85px; height:64px; padding-right:10px; border-right:1px solid #dcdcdc; text-align:center; color:#909090;}
.data{ font-size:36px; line-height:40px;}
.mouth{ font-size:17px; line-height:24px;}
.box5RigText{ margin-left:92px;}
.box5RigTit{ font-size:18px; color:#303030; line-height:200%;}
.box5RigItem li a:hover{ background:url(../image/box5rigbg2.png) right center no-repeat;}
.box5More{ float:right; display:block; width:43px; height:43px; margin:20px auto 0; background:url(../image/box5more.jpg) left center no-repeat; transition:all 0.4s ease 0s;}
.box5More:hover{ background-position:right center;}

.footBg{ background:url(../image/footbg.jpg) center center no-repeat; background-size:cover; font-size:14px; color:#303030; line-height:30px; overflow:hidden;}
.footBg a{ color:#303030; font-size:14px;}
.footTop{ padding:15px 0; line-height:24px;}
.footTop a{ display:inline-block; vertical-align:middle;}
.footTop a:hover{ color:#f78320; transition:all 0.3s ease 0s;}
.footTop span{ padding:0 10px; display:inline-block; vertical-align:middle;}
.footTop span:last-child{ display:none;}

.footBot{ border-top:1px solid rgba(0,0,0,0.15); padding:25px 0;}
.footLef{ margin-right:270px; max-width:670px; padding-top:15px;}
.footLefTop{ overflow:hidden;}
.footLogo{ float:left; width:150px; height:57px; border-right:1px solid #023d11; padding-right:15px; margin-right:15px;}
.footTel{ float:left; color:#023d11; line-height:22px; margin:0 -10px; font-size:0;}
.footTel li{ padding:0 10px; width:100%; font-size:14px;}
.footTelNum{ color:#e57b1e; font-size:36px; line-height:35px; font-family:'avianregular';}
.footLefBot{ line-height:34px; border-top:1px solid rgba(0,0,0,0.15); padding:10px 0 0; margin-top:10px;}
.copyright{ float:left; font-size:14px; color:#474747; line-height:30px;}
.followus{ float:right; font-size:0; color:#dddddd; margin:0;}
.followus li{ position:relative; vertical-align:middle; font-size:16px;}
.followus li a{ display:block; width:34px; height:34px; border-radius:50%; border:1px solid #929292; text-align:center; line-height:32px; font-size:18px; color:#707070; cursor:pointer; transition:all 0.4s ease 0s;}
.followus li a:hover{ background:#e57b1e; border-color:#e57b1e; color:#FFFFFF;}
.wchatImg{ position:absolute; left:50%; transform:translateX(-50%); bottom:40px; background:#FFFFFF; text-align:center; color:#666666; border:1px solid #e2e2e2; z-index:1; display:none;}
.wchatImg img{ margin:0 auto; max-width:124px;}
.followus li:hover .wchatImg{ display:block;}
.footRig{ float:right; width:268px; font-size:0; margin:0 -10px;}
.footRig li{ width:50%; vertical-align:top; padding:10px; font-size:12px; color:#303030;}

.bannerN{ height:500px; position:relative; text-align:center;}
.bannerN .imgFull{ position:absolute; left:0; top:0; width:100%; height:100%;}
.banShadow{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3);}


.mainBg{ position:relative; overflow:hidden; min-height:185px; font-size:14px; color:#303030; line-height:22px;}
.mainBg .mainBg_box {
	margin-top: 10px;
   font-size:16px;
}
.mainBg .mainBg_box a {
	font-size: 16px;
	color: #303030;
}




/*.mainBg img{ max-width:100%;}*/
/*.mainBgImg{ position:absolute; left:0; top:0; width:100%; height:185px; background:url(../images/mainbg.png) center top no-repeat; animation:mainBg 50s infinite; z-index:-1;}
@keyframes mainBg{
	0%{ transform:skewX(0deg); transform-origin:center top;}
	25%{ transform:skewX(45deg); transform-origin:center top;}
	50%{ transform:skewX(0deg); transform-origin:center top;}
	75%{ transform:skewX(-45deg); transform-origin:center top;}
	100%{ transform:skewX(0deg); transform-origin:center top;}
}*/
.oneBox1Bg{ background:url(../image/onebox1bg.jpg) center top #FFFFFF no-repeat; background-size:100% auto; padding-bottom:40px;}
.oneBox1 p{ margin:15px 0;}
.oneBox1 p strong{ font-size:20px; color:#303030;}
.oneBox1 img{ margin:15px 0;min-width: 640px;}





.oneBox2Bg{ background:url(../image/onebox2bg.jpg) center center no-repeat; background-size:cover; padding-bottom:40px;}
.oneBox2Bg .title h2{ color:#FFFFFF;}
.oneBox2{ margin:0 -3px;}
.oneBox2 li{ padding:3px;}
.oneBox2 li a{ display:block; height:100%; color:#FFFFFF; line-height:20px; text-align:center; position:relative;}
.oneBox2 .imgFull{ position:absolute; left:0; top:0; width:100%; height:100%;}
.oneBox2TextBg{ position:relative; z-index:1; height:200px;}
.oneBox2Text{ padding:40px 10% 0;}
.oneBox2Text h3{ font-size:20px; padding:10px 0;}

.oneBox3Bg{ padding-bottom:50px;}
.oneBox3 li{ background:url(../image/box1bg.jpg) repeat;}
.oneBox3Img{ float:left; width:50%;}
.oneBox3Img img{ width:100%;}
.oneBox3TextBg{ margin-left:50%; height:100%; overflow:hidden; position:relative;}
.oneBox3Text{ padding:0 35px; position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%;}
.oneBox3Text p strong{ font-size:16px; color:#e57b1e;}
.oneBox3 li:nth-child(2n) .oneBox3Img{ float:right;}
.oneBox3 li:nth-child(2n) .oneBox3TextBg{ margin-left:0; margin-right:50%;}

.prolistBg{ padding:0 3%; overflow:hidden;}
.prolist{ margin:0 -10px; padding:10px 0 30px;}
.prolist li{ padding:10px;}
.prolist li a{ display:block; height:100%; position:relative; color:#FFFFFF; font-size:14px; overflow:hidden;}
.proImg{ overflow:hidden;}
.proImg img{ width:100%; transition:all 0.4s ease 0s;}
.proText{ position:absolute; left:0; bottom:0; width:100%; height:46px; overflow:hidden; background:rgba(136,195,20,0.95); padding:5px 5%; transition:all 0.4s ease 0s;}
.proName{}
.proTit{ font-size:18px; line-height:36px;}
.proNum{ width:22px; height:25px; line-height:25px; margin-right:10px; margin-top:-4px; font-size:18px; color:#e57b1e; font-weight:bold; display:inline-block; vertical-align:middle; background:url(../image/pronumbg.png) center center no-repeat; text-align:center;}
.proBrief{ height:88px; overflow:hidden; margin:10px 0 20px; opacity:0; transform:translate(100%,100%); transition:all 0.4s ease 0s;}
.proIco{ width:80px; height:80px; background:url(../image/proico.png) center center no-repeat; background-size:cover; margin:10px auto 0; opacity:0; transform:translate(-100%,100%); transition:all 0.4s ease 0s;}
.prolist li a:hover .proText{ background:rgba(247,131,32,0.9); height:100%; padding:10px 10%; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:flex; justify-content:center; align-items:center;}
.prolist li a:hover .proTit{ padding:10px 0;}
.prolist li a:hover .proBrief{ opacity:1; transform:translate(0,0); transition:all 0.4s ease 0.3s;}
.prolist li a:hover .proIco{ opacity:1; transform:translate(0,0); transition:all 0.4s ease 0.3s;}

.proTop{ background:url(../image/box1bg.jpg) repeat; margin-bottom:30px;}
.proTopLef{ float:left; width:55.8%; position:relative;}
.proTopLef img{ width:100%;}
.proTopPrev,.proTopNext{ width:35px; height:63px; transform:translateY(-50%);}
.proTopLef .swiper-pagination{ bottom:10px; padding-right:15px; width:100%; text-align:right;}
.proTopLef .swiper-pagination-bullet{ width:14px; height:14px; border:1px solid #FFFFFF; border-radius:0; opacity:1; background:none; margin:0 5px; transition:all 0.4s ease 0s;}
.proTopLef .swiper-pagination-bullet-active{ background:#FFFFFF;}
.proTopRig{ margin-left:55.8%; padding:40px 50px 20px;}
.proTopH3{ font-size:22px; color:#023d11; line-height:36px;}
.proTopH4{ font-size:20px; color:#e57b1e; line-height:36px;}
.proTopBrief{ margin:10px 0; min-height:88px;}

.proCenTitL,.proCenTitR{ display:inline-block; vertical-align:middle;}
.proCenTitL{ font-size:34px; color:#e57b1e; line-height:50px;}
.proCenTitLen{ font-size:70px; color:#023d11; font-family:Impact;}
.proCenTitR{ background:url(../image/procentitrbg.png) left top no-repeat; padding:5px 0 0 30px; font-size:24px; font-family:'avianregular'; color:#707070;}
.proCenTitR h3{ font-size:28px; color:#e57b1e;}
.proCenTitR h3 span{ font-size:62px; color:#023d11;}

.proCenItem{ margin:0 -9px; padding:20px 0;}
.proCenItem li{ padding:10px 9px;}
.proCenItem li a{ display:block; height:110px; border:1px solid #e2e2e2; border-radius:60px; padding:10px; color:#707070; transition:all 0.4s ease 0s;}
.proCenIco{ float:left; width:88px; height:88px; border-radius:50%; text-align:center; background:#fcf2e8; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:flex; justify-content:center; align-items:center; transition:all 0.4s ease 0s;}
.proCenIco img{ max-width:50%;}
.proCenText{ margin-left:98px;}
.proCenTit{ font-size:20px; color:#303030; padding:5px 0; transition:all 0.4s ease 0s;}
.proCenBrief{ height:44px; overflow:hidden;}
.proCenItem li a:hover{ background:#e57b1e; border-color:#e57b1e; color:#FFFFFF;}
.proCenItem li a:hover .proCenIco{ background:#FFFFFF;}
.proCenItem li a:hover .proCenTit{ color:#FFFFFF;}

.proBot{ position:relative; margin-bottom:40px;}
.proBot .swiper-slide a{ display:block; height:100%; color:#FFFFFF;}
.proBotImg{ overflow:hidden;}
.proBotImg img{ width:100%; transition:all 0.4s ease 0s;}
.proBotName{ position:absolute; left:0; bottom:0; width:100%; padding:5px 10px; font-size:14px; line-height:34px; background:rgba(136,195,20,0.95); transition:all 0.4s ease 0s;}
.proBotPrev,.proBotNext{ width:28px; height:50px; opacity:1; transform:translateY(-50%);}
.proBot .swiper-slide a:hover .proBotImg img{ transform:scale(1.05);}
.proBot .swiper-slide a:hover .proBotName{ background:rgba(247,131,32,0.9);}

.case .box4Tab2Item{ margin:15px 0;}
.case .box4Tab2Item:after{ display:none;}
.caselist{ margin:0 -7px; padding:0;}
.caselist li{ padding:10px 7px;}
.caseName{ width:100%; position:absolute; left:0; width:100%; bottom:15px; padding:0 15px;}
.caseIco{ width:88px; height:88px; background:url(../image/caseico.png) center center no-repeat; background-size:cover; margin:20px auto;}
.caseTit{ font-size:14px; transition:all 0.4s ease 0s;}
.caselist li a:hover .caseName{ position:static;}
.caselist li a:hover .caseTit{ font-size:16px; text-align:center;}
.caselist li a:hover .proText{ padding:10px 0 !important;}

.page{ padding:30px 0; text-align:center;}
.page img{ margin:0 auto;}

.vrTip{ text-align:center; padding-bottom:10px; color:#E57B1E;}
.vrImg{ position:absolute; left:0; top:0; background:rgba(247,131,32,0.4); width:100%; height:100%; padding:10%; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:flex; justify-content:center; align-items:center; transform:translate(0%,-100%); transition:all 0.4s ease 0s;}
.vrImg img{ max-width:100%; max-height:80%;}
.vrlist li a:hover .vrImg{ transform:translate(0,0);}
.vrlist li a:hover .proText{ height:46px; padding:5px 0% !important; display:block;}
.vrlist li a:hover .caseTit{ font-size:14px; line-height:36px; text-align:left;}

.artlist{ padding:30px 0 0;}
.artlist li{ padding:25px 0; border-bottom:1px dashed #bbbbbb; color:#707070; line-height:22px;}
.artlist li:first-child{ padding-top:0;}
.artlistImg{ float:left; width:330px; height:218px; background-position:center center; background-repeat:no-repeat; background-size:cover; overflow:hidden;}
.artlistImg img{ display:none;}
.artlistImg a{ display:block; height:100%;}
.artlistText{ margin-left:360px;}
.artlistTit{ font-size:20px; color:#303030; line-height:130%; transition:all 0.4s ease 0s;}
.artlistTit a{ display:block; color:#303030;}
.artlistTit span{ color:#e57b1e;}
.artlistTit b{ font-weight:normal;}
.artlistTit b img{ vertical-align:top;}
.artlistTime{ font-size:16px; color:#707070; font-family:'avianregular'; padding:10px 0;}
.share{ float:right; background:url(../image/share.png) center left no-repeat; padding-left:20px; font-size:14px; color:#e57b1e;}
.share:hover{ color:#e57b1e;}
.artlistBrief{ line-height:24px; height:120px; margin-bottom:10px; overflow:hidden;}
.artlistMore a{ font-size:14px; color:#707070;}
.artlist li:hover .artlistTit a,.artlist li:hover .artlistMore a{ color:#e57b1e;}

.article{ padding:30px 0; min-height:500px;}

.article div { font-size:16px;line-height:26px;}

.article div a { color:#2c6242;}




.article img{ max-width:100% !important; height:auto !important;}
.article p{ margin:15px 0; font-size:16px;line-height:26px}
.article p.titEn{ margin:0;}
.articleTit{ font-size:30px; color:#333333; line-height:150%; padding-bottom:10px;}
.articleTime{ padding:10px 0;}
.articleTime span{ display:inline-block; vertical-align:middle; padding:0 10px;}
.articleImg{ margin:0 -10px;}
.articleImg li{ padding:10px;}
.articleImg li img{ margin:0 auto;}

.contact{ padding:40px 0;}
.contactName{ font-size:24px; color:#023d11; font-weight:bold; line-height:150%; padding:10px 0;}
.contactItem{ padding:80px 0 20px; margin:0 -7px;}
.contactItem li{ position:relative; padding:7px;}
.contactCon{ height:100%; background:#FFFFFF; border-radius:10px; box-shadow:0 0 10px rgba(0,0,0,0.18);}
.contactIco{ position:absolute; left:50%; top:0; max-width:100px; transform:translate(-50%,-50%); border-radius:50%; box-shadow:0 0 20px rgba(0,0,0,0.18);}
.conText{ padding:60px 30px 20px; font-size:14px; color:#303030; line-height:30px;}
.conText h3{ text-align:center; font-size:16px; color:#023d11; padding:5px 0 10px;}
.contactItem li:nth-child(2) .contactBrief{ padding-left:50px;}
.contactItem li:nth-child(3) .contactBrief{ font-size:12px; line-height:18px;}
.contactItem li:nth-child(3) .contactBrief span{ color:#e57b1e;}
.contact_map{ height:400px; box-shadow:0 0 10px rgba(0,0,0,0.18);}



/*分页相关开始*/
.pagelist ul{
	text-align:center;
	margin:20px 0;
}

.pagelist li, .thisclass{
	display:inline-block;
	margin:0 2px;
}

.pagelist li a, .thisclass{
	color:#666;
	display:inline-block;
	border: 1px solid #ddd;
	padding: 6px 15px;
	text-decoration: none;
}


.pagelist .thisclass{
	display:inline-block;
	margin:0 2px;
	color:#666;
	border:1px solid #ddd;
	padding:6px 15px;
}

.pagelist .thisclass:visited {
	border-color:#F37B1D;
	background:#F37B1D;
	color:#fff;
}


.pagelist li a:hover{
	border-color:#F37B1D;
	background:#F37B1D;
	color:#fff;
}

.pagelist li.active a{
	border-color:#F37B1D;
	background:#F37B1D;
	color:#fff;
}
/*分页相关结束*/



.storeBg{ background:url(../image/storebg.jpg) center top no-repeat; background-size:cover;}
.store .box4Tab li a{ background:#FFFFFF; color:#303030; border-color:#FFFFFF;}
.store .box4Tab li a:hover{ color:#f78320;}
.store .box4Tab li.active a{ background:#f78320; color:#FFFFFF; border-color:#f78320;}

.storeBox{ padding:40px 0; position:relative;}
.storeMap{ float:left; width:796px; height:661px; position:relative;}
.storeDot{ position:absolute; left:0; top:0; width:100%; height:100%;}
.storeDot li{ position:absolute; width:42px; height:22px;}
.storeName{ display:inline-block; font-size:14px; color:#023d11; line-height:22px; z-index:2; position:relative; cursor:pointer;}
.storeName a{ color:#023d11; display:block;}
.dot{ display:block; width:7px; height:7px; background:#023d11; border-radius:50%; position:absolute; z-index:1;}
.storeLiBg{ position:absolute; z-index:0; font-size:0; width:auto; height:auto; display:none;}
.storeDot li:hover .storeName a,.storeDot li.active .storeName a{ color:#FFFFFF;}
.storeDot li:hover .dot,.storeDot li.active .dot{ background:#FFFFFF;}
.storeDot li:hover .storeLiBg,.storeDot li.active .storeLiBg{ display:block;}

.storeDot li.storeLi5:hover .storeName a,.storeDot li.storeLi5.active .storeName a,.storeDot li.storeLi6:hover .storeName a,.storeDot li.storeLi6.active .storeName a,.storeDot li.storeLi23:hover .storeName a,.storeDot li.storeLi23.active .storeName a{ color:#F78320;}
.storeDot li.storeLi5:hover .dot,.storeDot li.storeLi5.active .dot{ background:url(../image/star2.png) center center no-repeat;}


.storeDot li.storeLi1{ left:687px; top:110px;}
.storeDot li.storeLi1 .dot{ bottom:-7px; left:50%; margin-left:-4px;}
.storeDot li.storeLi1 .storeLiBg{ left:-75px; top:-101px;}

.storeDot li.storeLi2{ left:700px; top:170px;}
.storeDot li.storeLi2 .dot{ top:-7px; left:-7px;}
.storeDot li.storeLi2 .storeLiBg{ left:-60px; top:-38px;}

.storeDot li.storeLi3{ left:665px; top:210px;}
.storeDot li.storeLi3 .dot{ top:-7px; left:10px;}
.storeDot li.storeLi3 .storeLiBg{ left:-46px; top:-27px;}

.storeDot li.storeLi4{ left:470px; top:235px;}
.storeDot li.storeLi4 .dot{ top:50%; left:45px; margin-top:-4px;}
.storeDot li.storeLi4 .storeLiBg{ left:-136px; top:-219px;}

.storeDot li.storeLi5{ left:556px; top:225px;}
.storeDot li.storeLi5 .dot{ width:9px; height:9px; background:url(../image/star.png) center center no-repeat; border-radius:0; left:30px; bottom:-9px;}
.storeDot li.storeLi5 .storeLiBg{ left:22px; top:12px;}

.storeDot li.storeLi6{ left:603px; top:235px;}
.storeDot li.storeLi6 .dot{ left:0; bottom:-7px;}
.storeDot li.storeLi6 .storeLiBg{ left:-10px; top:15px;}

.storeDot li.storeLi7{ left:570px; top:290px;}
.storeDot li.storeLi7 .dot{ left:0; top:-7px;}
.storeDot li.storeLi7 .storeLiBg{ left:-17px; top:-83px;}

.storeDot li.storeLi8{ left:540px; top:360px;}
.storeDot li.storeLi8 .dot{ left:20px; top:-7px;}
.storeDot li.storeLi8 .storeLiBg{ left:-26px; top:-38px;}

.storeDot li.storeLi9{ left:522px; top:310px;}
.storeDot li.storeLi9 .dot{ left:10px; top:-7px;}
.storeDot li.storeLi9 .storeLiBg{ left:-12px; top:-63px;}

.storeDot li.storeLi10{ left:600px; top:320px;}
.storeDot li.storeLi10 .dot{ left:10px; top:-7px;}
.storeDot li.storeLi10 .storeLiBg{ left:-22px; top:-33px;}

.storeDot li.storeLi11{ left:440px; top:295px;}
.storeDot li.storeLi11 .dot{ left:10px; top:-7px;}
.storeDot li.storeLi11 .storeLiBg{ left:-17px; top:-19px;}

.storeDot li.storeLi12{ left:480px; top:345px;}
.storeDot li.storeLi12 .dot{ left:10px; bottom:-7px;}
.storeDot li.storeLi12 .storeLiBg{ left:-36px; top:-73px;}

.storeDot li.storeLi13{ left:195px; top:180px;}
.storeDot li.storeLi13 .dot{ left:10px; top:-7px;}
.storeDot li.storeLi13 .storeLiBg{ left:-186px; top:-94px;}

.storeDot li.storeLi14{ left:340px; top:320px;}
.storeDot li.storeLi14 .dot{ top:50%; left:32px; margin-top:-4px;}
.storeDot li.storeLi14 .storeLiBg{ left:-131px; top:-50px;}

.storeDot li.storeLi15{ left:405px; top:340px;}
.storeDot li.storeLi15 .dot{ left:10px; top:-7px;}
.storeDot li.storeLi15 .storeLiBg{ left:-136px; top:-128px;}

.storeDot li.storeLi16{ left:210px; top:410px;}
.storeDot li.storeLi16 .dot{ left:10px; bottom:-7px;}
.storeDot li.storeLi16 .storeLiBg{ left:-167px; top:-103px;}

.storeDot li.storeLi17{ left:385px; top:420px;}
.storeDot li.storeLi17 .dot{ top:50%; left:32px; margin-top:-4px;}
.storeDot li.storeLi17 .storeLiBg{ left:-65px; top:-54px;}

.storeDot li.storeLi18{ left:465px; top:440px;}
.storeDot li.storeLi18 .dot{ left:10px; top:-7px;}
.storeDot li.storeLi18 .storeLiBg{ left:-21px; top:-35px;}

.storeDot li.storeLi19{ left:545px; top:415px;}
.storeDot li.storeLi19 .dot{ top:50%; left:32px; margin-top:-4px;}
.storeDot li.storeLi19 .storeLiBg{ left:-58px; top:-31px;}

.storeDot li.storeLi20{ left:525px; top:470px;}
.storeDot li.storeLi20 .dot{ left:30px; top:0;}
.storeDot li.storeLi20 .storeLiBg{ left:-28px; top:-32px;}

.storeDot li.storeLi21{ left:605px; top:400px;}
.storeDot li.storeLi21 .dot{ left:10px; top:-7px;}
.storeDot li.storeLi21 .storeLiBg{ left:-23px; top:-49px;}

.storeDot li.storeLi22{ left:641px; top:365px;}
.storeDot li.storeLi22 .dot{ left:10px; bottom:-7px;}
.storeDot li.storeLi22 .storeLiBg{ left:-41px; top:-25px;}

.storeDot li.storeLi23{ left:650px; top:390px;}
.storeDot li.storeLi23 .dot{ top:50%; left:30px; margin-top:-2px;}
.storeDot li.storeLi23 .storeLiBg{ left:25px; top:2px;}

.storeDot li.storeLi24{ left:650px; top:430px;}
.storeDot li.storeLi24 .dot{ left:10px; top:-7px;}
.storeDot li.storeLi24 .storeLiBg{ left:-13px; top:-21px;}

.storeDot li.storeLi25{ left:385px; top:533px;}
.storeDot li.storeLi25 .dot{ left:10px; top:-7px;}
.storeDot li.storeLi25 .storeLiBg{ left:-70px; top:-75px;}

.storeDot li.storeLi26{ left:460px; top:485px;}
.storeDot li.storeLi26 .dot{ left:0; bottom:-7px;}
.storeDot li.storeLi26 .storeLiBg{ left:-48px; top:-29px;}

.storeDot li.storeLi27{ left:585px; top:475px;}
.storeDot li.storeLi27 .dot{ left:10px; top:-7px;}
.storeDot li.storeLi27 .storeLiBg{ left:-15px; top:-40px;}

.storeDot li.storeLi28{ left:628px; top:500px;}
.storeDot li.storeLi28 .dot{ left:25px; top:-7px;}
.storeDot li.storeLi28 .storeLiBg{ left:-20px; top:-40px;}

.storeDot li.storeLi29{ left:480px; top:550px;}
.storeDot li.storeLi29 .dot{ left:10px; bottom:-7px;}
.storeDot li.storeLi29 .storeLiBg{ left:-53px; top:-45px;}

.storeDot li.storeLi30{ left:559px; top:530px;}
.storeDot li.storeLi30 .dot{ left:10px; bottom:-7px;}
.storeDot li.storeLi30 .storeLiBg{ left:-46px; top:-13px;}

.storeDot li.storeLi31{ left:678px; top:535px;}
.storeDot li.storeLi31 .dot{ left:10px; top:-7px;}
.storeDot li.storeLi31 .storeLiBg{ left:2px; top:-27px;}

.storeDot li.storeLi32{ left:497px; top:630px;}
.storeDot li.storeLi32 .dot{ left:23px; top:-2px;}
.storeDot li.storeLi32 .storeLiBg{ left:-2px; top:-15px;}

.storeAddBg{ float:right; width:368px; height:540px; background:#FFFFFF; border-radius:10px; margin-top:60px; padding:15px 15px 15px 35px; overflow:hidden;}
.storeAdd{ height:100%;}
.storeAddItem li{ border-bottom:1px dashed #dddddd;}
.storeAddItem li a{ display:block; height:100%; font-size:14px; color:#707070; line-height:20px; padding:15px 0;}
.storeAddItem li a h3{ font-size:20px; color:#303030; line-height:22px; padding:5px 0;}
.storeAddItem li a:hover h3{ color:#023d11;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:5px !important; background:#e1771a !important;}
.mCSB_scrollTools .mCSB_draggerRail{ width:1px !important; background:rgba(0,0,0,0.1) !important;}

.storeSel{ padding:20px 0;}
.storeSel select{ width:100%; background:none; border:1px solid #FFFFFF; line-height:36px; height:36px; border-radius:5px; padding:0 10px; color:#FFFFFF; appearance:none; -webkit-appearance:none; -moz-appearance:none; padding-right:15px; background:url(../image/selectbg.png) 98% center no-repeat; cursor:pointer;}
.storeSel select option{ color:#F78320; padding:5px 10px; line-height:32px;}

/*20170707*/
.honList .caseIco{ background-image:url(../image/honico.png);}
.honImg{ border:1px solid #e2e2e2;}
.honImgD{ display:none;}

.honLayer{}
.honLayer{ width:86%; max-width:1800px; position:fixed; height:auto; top:50%; border:10px solid #FFFFFF; border-radius:0.4em; z-index:1030; left:50%; display:none; box-shadow:0 0 10px rgba(0,0,0,0.2);}
.honLayer i{ position:absolute; right:-36px; top:-10px; width:30px; height:30px; box-shadow:3px 0 3px rgba(0,0,0,0.2); background:url(../image/close.png) center center #FFFFFF no-repeat; cursor:pointer;}

.caseDetail{ padding:0 150px; position:relative; margin:15px 0;}
.casePrev,.caseNext{ display:block; position:absolute; top:50%; transform:translateY(-50%); width:40px; height:72px; background-color:#E57B2E; background-position:center center; background-repeat:no-repeat; cursor:pointer; z-index:1;}
.casePrev{ left:0; background-image:url(../image/banprev.png); background-size:50% auto;}
.caseNext{ right:0; background-image:url(../image/bannext.png); background-size:50% auto;}

.banZht img{ width:100%;}

.wrap1Bg{ padding:55px 0 70px; overflow:hidden;}
.wrap1Text{ font-size:14px; color:#707070; line-height:22px; background:url(../image/zh1bg.jpg) left top no-repeat; padding-left:300px; min-height:353px;}
.wrap1Text h3{ font-size:50px; color:#023d11; font-family:'trends';}
.wrap1Text h4{ font-size:18px; color:#f78320; font-weight:bold; line-height:22px;}
.wrap1Text p{ margin:15px 0;}
.wrap1Rig img{ margin:0 auto; display:block; max-width:100%;}

.wrap2Bg{ background:url(../image/zhbg.jpg) repeat; padding:25px 0 80px; overflow:hidden;}
.wrap2 .title span{ font-size:56px; color:#f78320; font-family:'trends'; padding:0 5px;}
.wrap2 .title strong{ font-size:32px; color:#023d11;}

.wrap2List{ padding:80px 0 20px; margin:0 -7px; font-size:0; text-align:center;}
.wrap2List li{ display:inline-block; vertical-align:top; position:relative; padding:7px; width:20%;}
.wrap2Con{ height:100%; background:#FFFFFF; border-radius:10px; box-shadow:0 0 10px rgba(0,0,0,0.18);}
.wrap2Ico{ position:absolute; left:50%; top:0; max-width:100px; transform:translate(-50%,-50%);}
.wrap2TextBg{ font-size:14px; color:#303030; line-height:30px;}
.wrap2Text{ padding:50px 22px 40px;}
.wrap2Text h3{ text-align:center; font-size:16px; color:#023d11; padding:5px 0 10px;}
.wrap2Brief{ font-size:14px; color:#707070; line-height:22px; text-align:left;}

.wrap3Bg{ padding:30px 0; overflow:hidden;}
.wrap3 .title{ background:url(../image/wrap3titbg.png) center center no-repeat; background-size:contain; padding:60px 0;}
.wrap3 .title span{ font-size:30px; color:#303030;}
.wrap3 .title strong{ font-size:36px; color:#023d11; position:relative; top:-10px; right:-20px;}
.wrap3 .title h2{ font-size:72px; color:#f78320; font-family:'trends'; padding:0; line-height:100%;}
.wrap3Brief{ font-size:14px; color:#707070; line-height:22px; text-align:center; max-width:970px; margin:0 auto 30px;}
.wrap3List li{ padding:15px 0;}
.wrap3Img{ float:right; width:50%;}
.wrap3Img{ float:right;}
.wrap3Img img{ max-width:90%;}
.wrap3Text{ padding-right:50%;}
.wrap3Name{ overflow:hidden;}
.wrap3Num{ float:left; width:79px; height:88px; line-height:79px; background:url(../image/wrap3numbg1.png) center top no-repeat; text-align:center; color:#FFFFFF; font-size:40px; font-family:Impact;}
.wrap3NameText{ margin-left:95px;}
.wrap3NameTop{ overflow:hidden;}
.wrap3NameTop h3{ float:left; font-size:36px; color:#f78320; font-weight:bold; width:150px;}
.wrap3NameCon{ margin-left:155px; font-size:16px; color:#023d11; line-height:18px;}
.wrap3NameEn{ font-size:30px; color:#efefef; font-family:Impact;}
.wrap3Con{ padding:10px 50px 0 30px; font-size:16px; color:#707070; line-height:22px;}
.wrap3Con p{ padding-left:30px; margin:15px 0; position:relative;}
.wrap3Con p:after{ position:absolute; left:0; top:2px; width:16px; height:16px; background:#f78320; box-shadow:0 0 1px #f78320; display:block; content:""; transform:rotate(45deg);}
.wrap3List li:nth-child(2n) .wrap3Img,.wrap3List li:nth-child(2n) .wrap3Img img{ float:left;}
.wrap3List li:nth-child(2n) .wrap3Text{ padding-left:50%; padding-right:0;} 
.wrap3List li:nth-child(2n) .wrap3Num{ background-image:url(../image/wrap3numbg2.png);}
.wrap3List li:nth-child(2n) .wrap3NameTop h3{ color:#023d11;}
.wrap3List li:nth-child(2n) .wrap3NameCon{ color:#f78320;}
.wrap3List li:nth-child(2n) .wrap3Con{ padding:10px 0 0 30px;}
.wrap3List li:nth-child(2n) .wrap3Con p:after{ background:#023d11;}

.wrap4Bg{ padding:20px 0 60px; overflow:hidden;}
.wrap4 .title{ text-align:center; padding-bottom:35px;}
.wrap4 .title h2{ display:inline-block; vertical-align:middle; font-size:60px; color:#f78320; font-family:'trends'; background:url(../image/wrap4titbg.jpg) left top no-repeat; background-size:contain; padding:40px 0 0 110px; margin-left:-110px;}
.wrap4 .title h2 span{ font-size:50px; color:#023d11;}
.wrap4BoxBg{ border:1px solid #ebeaea; padding:1px; background:#FFFFFF; box-shadow:0 0 3px #f2f2f2; border-radius:10px; overflow:hidden;}
.wrap4Box{ background:#e5e5e6; padding:10px; border-radius:10px;}
.wrap4Lef{ float:left; background:#FFFFFF; width:165px; border-radius:10px;}
.wrap4Rig{ margin-left:175px; background:#FFFFFF; border-radius:10px;}
.wrap4Name{ border-bottom:1px solid #e5e5e6; line-height:56px; padding:0 20px; overflow:hidden;}
.wrap4Name h3{ font-size:18px; color:#023d11; font-weight:bold; line-height:56px; float:left;}
.wrap4Name a{ float:right; font-size:14px; color:#023d11; font-weight:bold;}

.wrap4LefSwiperBg{ padding:10px 0;}
.wrap4LefSwiper{ height:300px;}
.wrap4LefSwiper .swiper-slide{ height:auto;}
.wrap4LefList{}
.wrap4LefList li a{ padding-left:25px; font-size:16px; color:#023d11; line-height:36px; display:block; transition:all 0.4s ease 0s;}
.wrap4LefList li a.active,.wrap4LefList li a:hover{ color:#f78320;}
.wrap4List{ padding:20px 14px; overflow:hidden; display:none;}
.wrap4List li{ float:left; width:25%; padding:6px;}
.wrap4List li a{ display:block; height:100%; position:relative;}
.wrap4List li a img{ width:100%;}
.wrap4Tit{ position:absolute; left:0; bottom:0; width:100%; color:#FFFFFF; line-height:38px; padding:0 10px; background:rgba(3,61,17,0.9); font-size:14px; transition:all 0.3s ease 0s;}
.wrap4List li a:hover .wrap4Tit{ background:rgba(274,131,32,0.9);}

.wrap5Bg{ background:url(../image/wrap5bg.jpg) center center no-repeat; overflow:hidden;}
.wrap5Tit{ padding:60px 0;}

.wrap6Bg{ overflow:hidden; font-size:14px; color:#707070; line-height:22px; padding:20px 0 40px;}
.wrap6{ overflow:hidden;}
.wrap6List{ font-size:0; margin:0 -30px;}
.wrap6List li{ display:inline-block; vertical-align:top; width:50%; padding:0 30px; font-size:14px; color:#303030; line-height:22px;}
.wrap6Tit{ font-size:30px; color:#f78320; font-weight:bold; text-align:center; padding:40px 0 30px;}
.wrap6Tit span{ color:#023d11;}
.wrap6TitNum{ font-size:34px; color:#f78320; border-radius:50%; border:1px solid #f78320; display:inline-block; vertical-align:top; width:40px; height:40px; line-height:50px; text-align:center; font-family:Impact; margin:-5px 5px 0 0;}

.wrap6Con1 .media-left,.wrap6Con1 .media-right{ padding:6px;}
.wrap6Con1 .media-body{ padding-left:15px;}
.wrap6Con1 .media:nth-child(2n) .media-body{ padding-left:0; padding-right:15px;}
.wrap6Name1{ width:66px; height:66px; box-shadow:0 0 6px rgba(0,0,0,0.3); border-radius:50%; border:1px solid #FFFFFF; background:#e5e5e6; padding:3px; overflow:hidden;}
.wrap6Name1 span{ display:block; width:100%; height:58px; padding:10px 10px 0; font-size:16px; font-weight:bold; line-height:18px; background:#023d11; text-align:center; color:#FFFFFF; border-radius:50%;}
.wrap6Text1{ background:#e5ebe7; padding:10px 15px; min-height:62px; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:flex; align-items:center; position:relative;}
.wrap6Text1:after{ display:block; content:""; position:absolute; top:50%; margin-top:-7px; left:-6px;
width: 0;
height: 0;
border-style: solid;
border-width: 7px 6px 7px 0;
border-color: transparent #e5ebe7 transparent transparent;
}
.wrap6Con1 .media:nth-child(2n) .wrap6Text1:after{ left:auto; right:-6px;
border-width: 7px 0 7px 6px;
border-color: transparent transparent transparent #e5ebe7;
}

.wrap6Con2 .media{ background:#fef2e8; padding:10px; border-radius:60px;}
.wrap6Con2 .media .media-body{ padding:0 15px !important;}
.wrap6Name2{ width:60px; height:60px;}
.wrap6Name2 span{ background:#f78320; height:52px; line-height:32px; font-size:30px; font-family:'avianregular';}
.wrap6Text2{ padding:0; background:none; min-height:0;}
.wrap6Text2:after{ display:none;}

.wrap6Con3{ font-size:14px; color:#707070; line-height:22px; position:relative; padding:100px 0 0;}
.wrap6Con3 p{ margin:15px 0;}
.wrap6Con3Img{ position:absolute; left:160px; top:0; font-size:0;}
.wrap6Con3Img img{ display:inline-block; vertical-align:bottom;}
.wrap6Con3Text{ padding-top:100px;}

.wrap6Con4{ position:relative; padding:0 20px; max-width:480px; margin:0 auto;}
.wrap6Con4ItemBg{ float:left; width:218px; height:218px; overflow:hidden; padding:10px; border:1px solid #FFFFFF; background:#e5e5e6; border-radius:50%; box-shadow:0 0 6px rgba(0,0,0,0.3);}
.wrap6Con4ItemBg2,.wrap6Con4ItemBg4{ float:right;}
.wrap6Con4ItemBg3,.wrap6Con4ItemBg4{ margin-top:-10px;}
.wrap6Con4ItemBg2 .wrap6Con4Item,.wrap6Con4ItemBg3 .wrap6Con4Item{ background:#023d11;}
.wrap6Con4ItemBg5{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.wrap6Con4ItemBg5 .wrap6Con4Item{ background:#FFFFFF; color:#303030;}
.wrap6Con4Item{ background:#f78320; border-radius:50%; width:100%; height:100%; padding:35px 25px; color:#FFFFFF; font-size:14px; line-height:22px;}

.wrap6Con5{ color:#707070;}
.wrap6Con5 p{ margin:15px 0;}
.wrap6Con5 p span{ font-size:16px; color:#023d11;}

.wrap7Bg{ padding:20px 0 70px; overflow:hidden;}
.wrap7 .title{ background:url(../image/wrap7titbg.png) center center no-repeat; background-size:contain;}
.wrap7 .title h2{ font-size:60px; color:#f78320; font-family:'trends'; padding:20px 0 0 50px;}
.wrap7List{ overflow:hidden; margin:0 -6px; padding:30px 0 0; font-size:0; text-align:center;}
.wrap7List li{ display:inline-block; vertical-align:top; width:20%; padding:6px; font-size:14px;}
.wrap7Con{ height:100%;}
.wrap7Text{ height:100%; border-radius:10px; overflow:hidden; color:#FFFFFF; position:relative;}
.wrap7TextConBg{ height:100%; box-shadow:0 0 6px rgba(0,0,0,0.3); border:1px solid #FFFFFF; background:#e5e5e6; padding:10px; border-radius:10px; overflow:hidden;}
.wrap7TextCon{ height:100%; padding:30px 20px 25px; position:relative;}
.wrap7Img{ position:absolute; left:0; top:0; width:100%; height:100%; border-radius:10px; overflow:hidden; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.wrap7Img img{ display:none;}
.wrap7Num,.wrap7Brief{ display:block; position:relative; text-align:left;}
.wrap7Num{ font-size:40px; font-family:'avianregular';}

.wrap8Bg{ background:url(../image/zhbg.jpg) repeat; padding:25px 0 40px; overflow:hidden;}
.wrap8 .title img{ width:120px; vertical-align:middle; margin-top:-15px;}

.wrap9Bg{ padding:30px 0 60px; overflow:hidden;}
.wrap9List{ position:relative;}
.wrap9List .swiper-slide a{ display:block; color:#FFFFFF; position:relative;}
.wrap9Img img{ margin:0 auto; width:100%;}
.wrap9List .wrap12Prev,.wrap9List .wrap12Next{ top:50%; transform:translateY(-50%);}
.wrap9List .wrap12Prev{ background-image:url(../image/wrap10prev.png);}
.wrap9List .wrap12Next{ background-image:url(../image/wrap10next.png);}

.wrap9List .swiper-slide a:hover .caseName{ position:static;}
.wrap9List .swiper-slide a:hover .caseTit{ font-size:16px; text-align:center; padding:10px 0;}
.wrap9List .swiper-slide a:hover .proText{ padding:10px 0; background:rgba(247,131,32,0.9); height:100%; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:flex; justify-content:center; align-items:center;}
.wrap9List .swiper-slide a:hover .proBrief{ opacity:1; transform:translate(0,0); transition:all 0.4s ease 0.3s;}
.wrap9List .swiper-slide a:hover .proIco{ opacity:1; transform:translate(0,0); transition:all 0.4s ease 0.3s;}

.wrap10Bg{ background:url(../image/zhbg.jpg) repeat; padding:25px 0 40px; overflow:hidden;}
.wrap10List{ position:relative;}
.wrap10List .swiper-slide a{ display:block;}
.wrap10Img img{ margin:0 auto; width:100%;}
.wrap10Tit{ font-size:22px; color:#303030; line-height:200%; transition:all 0.4s ease 0s;}
.wrap10Brief{ font-size:14px; color:#707070; line-height:22px; height:44px; overflow:hidden;}
.wrap10List .swiper-slide a:hover .wrap10Tit{ color:#f78320;}
.wrap10List .wrap12Prev{ background-image:url(../image/wrap10prev.png);}
.wrap10List .wrap12Next{ background-image:url(../image/wrap10next.png);}

.wrap11Bg{ padding:20px 0 40px; color:#707070; overflow:hidden;}

.wrap12Bg{ background:url(../image/zhbg.jpg) repeat; padding:25px 0; overflow:hidden;}
.wrap12List{ position:relative;}
.wrap12List .swiper-slide a{ display:block;}
.wrap12Img{ border:1px solid #dddddd;}
.wrap12Tit{ font-size:18px; color:#303030; line-height:200%; padding:10px 0; transition:all 0.4s ease 0s;}
.wrap12List .swiper-slide a:hover .wrap12Tit{ color:#f78320;}
.wrap12Prev,.wrap12Next{ position:absolute; top:30%; z-index:1; width:26px; height:47px; cursor:pointer;}
.wrap12Prev{ left:18px; background:url(../image/wrap12prev.png) left center no-repeat; background-size:cover;}
.wrap12Next{ right:18px; background:url(../image/wrap12next.png) right center no-repeat; background-size:cover;}

.wrap13Bg{ overflow:hidden;}
.wrap13Bg .contactCon{ background:none; box-shadow:none;}

/*20170810*/
.online{ width:160px; border:1px solid #FFFFFF; background:#e5e5e6; padding:10px 0 25px; text-align:center; box-shadow:0 0 6px rgba(0,0,0,0.3); position:fixed; top:50%; left:10px; transform:translateY(-50%); z-index:1031;}
.onLineClose{ display:block; float:right; margin-right:10px; width:18px; height:19px; background:url(../image/onlineclose.png) right center no-repeat; cursor:pointer;}
.onLineImg img{ margin:0 auto; border:1px solid #023d11;}
.onLineTit{ font-size:18px; color:#023d11; padding:10px 0 15px;}
.onLineItem{ overflow:hidden; padding-bottom:15px;}
.onLineItem li{ padding:4px 0;}
.onLineItem li a{ display:block; margin:0 auto; width:108px; height:24px; line-height:22px; border:1px solid #f78320; color:#f78320;}
.onLineItem li a:hover{ background:#f78320; color:#FFFFFF;}
.onLineItem li a:hover img.inshow{ display:none;}
.onLineItem li a:hover img.hides{ display:inline;}
.onLineTel{ overflow:hidden;}
.onLineTel li{ padding:5px 0;}
.onLineTel li p strong span{ color:#023d11;}
.onTel{ font-size:20px; color:#023d11;}

.onBotBg{left:0; bottom:0; width:100%; z-index:1; background:rgba(0,0,0,0.65);}
.onBot{ padding:20px 0 5px 0;/*padding:30px 0;*/ text-align:center;}
.onBotLogo,.onBotTel,.onBotMes{ display:inline-block; vertical-align:middle; color:#FFFFFF; text-align:left;}
.onBotLogo{ width:184px;}
.onBotTel{ background:url(../image/onbottelbg.png) left top no-repeat; padding-left:48px; font-size:16px; margin:0 30px 0 70px;}
.onBotTel h3{ font-size:20px;}
.onBotTel p span{ font-size:30px; font-family:'avianregular';}
.onBotMesItem,.onBotBtn{ display:inline-block; vertical-align:middle;}
.onBotBtn{ background:#ff7500; color:#FFFFFF; text-align:center; width:90px; height:90px; border-radius:10px; text-transform:uppercase; cursor:pointer; margin-left:30px;}
.onBotBtn a{ display:block; color:#FFFFFF; padding:15px 0 0; height:100%;}
.onBotBtn p{ font-size:26px;}
.onBotMesItem li{ padding-bottom:10px;}
.onBotMesItem li span{ float:left; line-height:23px; padding-right:7px;}
.onBotInput{ width:160px; line-height:23px; background:#FFFFFF; border:none; color:#303030; padding:0 5px;}
textarea.onBotInput{ resize:none;}

@media (min-width:1230px){
	.container{ width:1230px;}
}
@media (max-width:1600px){
	.logo{ padding:21px 0 22px;}
	nav.navbar.bootsnav ul.nav > li > a{ line-height:97px; height:97px;}
	.navRig{ line-height:18px; margin-top:10px;}
	.tel{ font-size:20px;}
		
	.banText img{ max-width:70%;}
	.banner .swiper-pagination{ bottom:90px;}
	.banPrev,.banNext{ width:30px; height:54px; background-size:cover;}
	.banBotBg{ height:80px; margin-top:-80px;}
	.banIco{ height:80px; padding:10px 0;}
	.banIco img{ max-width:35px;}
	.banBotLink{ padding-top:5px;}
	.banBotLink a{ margin:5px auto;}
	
	.title h2{ font-size:28px;}
	
	.box1TitEn{ font-size:30px;}
	.box1TitCn{ font-size:24px;}
	.box1TitCn span{ font-size:18px;}
	
	.proIco{ width:60px; height:60px;}
	
	.contact_map{ height:360px;}
	
	.wrap3 .title{ padding:50px 0;}
	.wrap3 .title span{ font-size:24px;}
	.wrap3 .title strong{ font-size:30px;}
	.wrap3 .title h2{ font-size:52px;}
	
	.wrap4 .title h2{ font-size:50px;}
	.wrap4 .title h2 span{ font-size:40px;}
	
	.wrap7 .title h2{ font-size:50px;}
	
	.online{ padding:10px 0;}
	.onBot{ padding:15px 0;}
}
@media (max-width:1400px){		
	.bannerN{ height:450px;}
	.proIco{ width:40px; height:40px;}
	.prolist li a:hover .proText{ padding:10px 5%;}
	.prolist li a:hover .proTit{ padding:0;}
}
@media (max-width:1230px){
	.box4Tab2:first-child .box4Tab2Item:after{ left:455px;}
	.box4Tab2:last-child .box4Tab2Item:after{ left:670px;}	
	
	.storeAddBg{ width:340px; padding:15px 10px 15px 25px;}
	.storeAddItem li a h3{ font-size:18px;}
}
@media (max-width:1200px){
	.logo{ padding:15px 0;}
	.logo img{ height:40px;}
	.navList{ padding-left:30px;}
	nav.navbar.bootsnav ul.nav > li > a{ font-size:14px; margin:0; line-height:67px; height:67px;}
	.navRig{ margin-top:15px;}
	.navRig p{ display:none;}
	.navRig p.tel{ display:block;}
	
	.title h2{ font-size:24px; padding:15px 0;}
	.box1More{ height:34px; line-height:32px;}
	
	.box3Ico{ width:100px; height:100px;/* margin:-50px 0 0 -50px;*/}
	
	.box4Tab li a{ width:150px; height:40px; line-height:38px;}
	.box4Tab2:first-child .box4Tab2Item:after{ left:375px;}
	.box4Tab2:last-child .box4Tab2Item:after{ left:550px;}
	.box4Ico{ background-size:70px;}
	
	.box5Lef a{ font-size:14px; line-height:30px;}
	.box5LefTit{ padding:10px;}
	.box5RigItem li{ padding:8px 0;}
	.box5RigItem li a{ padding-right:40px; background-size:25px !important;}
	.box5RigTime{ width:72px; height:50px;}
	.data{ font-size:30px; line-height:30px;}
	.mouth{ font-size:16px; line-height:20px;}
	.box5RigTit{ font-size:16px;}
	.box5More{ margin:10px auto 0; font-size:14px;}
	
	.prolist li a:hover .proText{ padding:10px 10%;}
	.prolist li a:hover .proTit{ padding:10px 0;}
	
	.proTopLef{ width:50%;}
	.proTopRig{ margin-left:50%; padding:15px 15px;}
	.proTopH3{ font-size:20px; line-height:22px;}
	.proTopH4{ font-size:18px; line-height:24px;}
	.proTopBrief{ min-height:44px; margin:5px 0;}
	
	.proCenTitL{ font-size:24px; line-height:40px;}
	.proCenTitLen{ font-size:54px;}
	.proCenTitR{ font-size:18px; background-size:80px;}
	.proCenTitR h3{ font-size:24px;}
	.proCenTitR h3 span{ font-size:48px;}	
	
	.proCenIco{ width:68px; height:68px; margin-top:10px;}
	.proCenText{ margin-left:78px;}
	.proCenTit{ font-size:18px; padding:0 0 5px;}
	.proCenBrief{ height:66px;}
	
	.caseIco{ width:66px; height:66px;}	
	
	.artlist li{ padding:15px 0;}
	.artlistImg{ width:260px; height:172px;}
	.artlistText{ margin-left:280px;}
	.artlistTit{ font-size:18px;}
	.artlistBrief{ height:72px;}
	
	.articleTit{ font-size:24px;}
	
	.contactItem li:nth-child(2) .contactBrief{ padding-left:0px;}
	.contact_map{ height:350px;}
	
	.storeBox{ padding:0;}
	.storeMap{ transform:scale(0.8); transform-origin:left center;}
	.storeAddBg{ position:absolute; right:0; top:60px; width:300px; height:400px;}
	.storeAddItem li a h3{ font-size:16px;}
	
	.caseDetail{ padding:0 100px;}
	
	.wrap1Text{ background-size:200px auto; padding-left:180px; min-height:189px;}
	.wrap1Text h3{ font-size:32px;}
	.wrap1Text h4{ font-size:16px;}
	.wrap1Text p{ margin:10px 0;}
	
	.wrap2 .title span{ font-size:32px;}
	.wrap2 .title strong{ font-size:24px;}
	
	.wrap3 .title{ padding:40px 0;}
	.wrap3 .title span{ font-size:20px;}
	.wrap3 .title strong{ font-size:24px; right:-10px;}
	.wrap3 .title h2{ font-size:40px;}
	.wrap3Num{ width:60px; height:67px; line-height:60px; background-size:cover; font-size:30px;}
	.wrap3NameText{ margin-left:65px;}
	.wrap3NameTop h3{ font-size:30px; width:130px;}
	.wrap3NameCon{ margin-left:135px;}
	.wrap3NameEn{ font-size:26px; line-height:100%;}
	.wrap3Con{ font-size:14px; padding:0 15px 0 20px;}
	.wrap3List li:nth-child(2n) .wrap3Con{ padding:0 0 0 20px;}
	
	.wrap4 .title h2{ font-size:36px; padding:20px 0 0 70px; margin-left:-70px;}
	.wrap4 .title h2 span{ font-size:30px;}
	.wrap4LefSwiper{ height:225px;}
	
	.wrap5Tit img{ max-width:350px;}
	
	.wrap6Tit{ font-size:24px; padding:30px 0 20px;}
	.wrap6TitNum{ width:36px; height:36px; font-size:30px; line-height:44px;}
	.wrap6List{ margin:0 -15px;}
	.wrap6List li{ padding:0 15px;}
	.wrap6Con3Img img:first-child{ width:60%;}
	.wrap6Con3Img img:last-child{ width:40%;}
	.wrap6Con3{ padding:80px 0 0;}
	.wrap6Con3Text{ padding:60px 0 0;}
	.wrap6Con4{ padding:0; max-width:440px;}
	
	.wrap7 .title h2{ font-size:40px; padding:10px 0 0 30px;}
	
	
	.wrap12Tit{ font-size:16px;}
	.wrap12Prev{ left:10px;}
	.wrap12Next{ right:10px;}
	
}
@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:0px;}
	nav.navbar.bootsnav ul.nav > li > a{ padding:0 8px;}
	.navRig{ position:relative;}
}
@media (max-width:992px){
	nav.navbar.bootsnav .navbar-header{ padding:0;}
	.logo{ position:static; padding:5px 0; width:115px; margin-left:15px;}
	.logo img{ height:40px;}
	nav.navbar.bootsnav .navbar-brand{ float:left !important;}
	nav.navbar.bootsnav ul.nav > li > a:after{  height:1px; bottom:-2px; display:none;}
	
	.navRig{ margin-top:5px; right:40px !important; background-size:20px; padding-left:25px;}
	.navRig:before{ left:10px;}
	.navRig:after{ left:8px;}
	.tel{ font-size:16px;}
	nav.navbar.bootsnav .navbar-toggle{ float:right; position:static; margin:0; margin-top:14px;}
	nav.navbar.bootsnav .navbar-nav{ margin:0; left:0; padding:10px 0;}
	nav.navbar.bootsnav ul.nav > li > a{ height:40px; line-height:40px; padding:0 15px; margin:0; border-bottom:none; font-size:14px; border-radius:0;}
	#navbar-menu{ padding:0; border-top:1px solid #023d11;}
	
	nav.navbar.bootsnav li.dropdown .dropdown-menu{ width:100%; border:none; left:0; margin-left:0; margin-top:0; padding:0 !important;}
	nav.navbar.bootsnav li.dropdown .dropdown-menu:before{ display:none;}
	nav.navbar.bootsnav li.dropdown .dropdown-menu ul{ background:rgba(0,0,0,0); padding:0; border-radius:0; background:none;}
	nav.navbar.bootsnav li.dropdown .dropdown-menu ul li{ padding:0; border-bottom-color:rgba(0,0,0,0.1);}
	nav.navbar.bootsnav li.dropdown .dropdown-menu ul li a{ color:#333333; border-color:#e0e0e0; text-align:left; padding-left:15px;}
		
	.banner{ height:400px;}
	.banner .imgFull{ position:absolute; left:0; top:0; width:100%; height:100%;}
	.banner .imgFull img{ display:none;}
	.banner .swiper-pagination{ bottom:10px;}
	.banPrev, .banNext{ width:24px; height:43px;}
	
	.banBotBg{ margin:0; height:auto; background:#e57b1f;}
	.banBotBg li{ height:80px;}
	.banIco{ font-size:12px;}
	.banBotLink a{ width:70px;}
	/*.banBotBg li:nth-child(1) .banIco,.banBotBg li:nth-child(2) .banIco{ width:40%;}	
	.banBot li:nth-child(1) .banIco a,.banBot li:nth-child(2) .banIco a{ border-right:1px solid #FFFFFF;}
	.banBot li:nth-child(1) .banBotLink,.banBot li:nth-child(2) .banBotLink{ opacity:1; transform:translateX(0%);}*/
	
	.banBot li.twoLink .banIco{ width:47% !important;}
	.banBot li.twoLink .banIco a{ border-right:1px solid #FFFFFF;}
	.banBot li.twoLink .banBotLink{ opacity:1; transform:translateX(0%);}
	
	.box1TitEn{ font-size:24px;}
	.box1TitCn{ font-size:20px;}
	.box1TitCn span{ font-size:14px;}
	.box1Brief{ height:88px;}
	.box1More{ width:100px; height:30px; line-height:28px;}
	
	.box3Ico{ width:80px; height:80px; /*margin:-40px 0 0 -40px;*/}
	.box3Text{ font-size:20px;}
	
	.box4Tab2:first-child .box4Tab2Item:after{ left:265px;}
	.box4Tab2:last-child .box4Tab2Item:after{ left:440px;}
	.box4Tab2Bg{ padding:15px 0 0;}
	.box4Tab2Item li{ padding:0 5px;}
	.box4Con{ padding:15px 0 0;}
	.box4Ico{ background-size:50px;}
	
	.footRig{ float:none; width:100%; max-width:268px; margin:0 auto;}
	.footLef{ margin-right:0; max-width:none;}
	
	.oneBox3Img{ float:none !important; width:100%;}
	.oneBox3TextBg{ margin:0 !important; height:auto !important;}
	.oneBox3Text{ padding:25px 15px; position:static; transform:translateY(0);}
	
	.proIco{ width:50px; height:50px;}
	.prolist li a:hover .proText{ padding:10px 5%;}
	.prolist li a:hover .proTit{ padding:0;}
	
	.proTopLef{ float:none; width:100%;}
	.proTopRig{ margin:0; padding:15px;}
	.proTopH3,.proTopH4{ line-height:30px;}
	.proTopBrief{ margin:10px 0;}
	
	.proCenIco{ width:88px; height:88px; margin-top:0;}
	.proCenText{ margin-left:98px; margin-top:10px;}
	.proCenBrief{ height:44px;}
	
	.artlistImg{ width:200px; height:132px;}
	.artlistText{ margin-left:220px;}
	.artlistTit{ font-size:16px;}
	.artlistTime{ font-size:16px; padding:5px 0;}
	.artlistBrief{ height:48px;}
	
	.contactName{ font-size:20px;}
	.contactItem{ padding:60px 0 0;}
	.contactItem li{ height:auto !important;}
	.conText{ padding:60px 20px;}
	
	.storeBox{ padding-bottom:35px;}
	.storeMap{ float:none; margin:0 auto; transform:scale(0.9); transform-origin:left center;}
	.storeAddBg{ position:static; float:none; width:100%; margin-top:0;}
	
	.caseDetail{ padding:0 50px;}
	
	.wrap2List li{ width:33.33%;}
	
	.wrap4Lef{ float:none; width:100%;}
	.wrap4LefSwiper{ height:auto;}
	.wrap4LefSwiper .swiper-slide{ height:100%;}
	.wrap4LefList{ font-size:0;}
	.wrap4LefList li{ display:inline-block; vertical-align:top;}
	.wrap4LefList li a{ padding:0 20px; font-size:14px;}
	.wrap4Rig{ margin:10px 0 0;}
	.wrap4List li{ width:50%;}
	
	.wrap3Img,.wrap3Img img{ float:none !important;}
	.wrap3Img{ width:100%; padding-bottom:15px;}
	.wrap3Img img{ max-width:100%; margin:0 auto;}
	.wrap3Text{ padding:0 !important;}
	
	.wrap5Tit img{ max-width:300px;}
	
	.wrap6List li{ width:100%;}
	.wrap6Con3{ padding:0;}
	.wrap6Con3Img{ position:static; left:0; max-width:400px; margin:0 auto;}
	.wrap6Con3Text{ padding:0;}
	
	.wrap7List li{ width:33.33%;}
	.wrap7TextCon{ padding:20px 10px 15px;}
	.wrap7Num{ font-size:30px;}
}
@media (max-width:767px){	
	.box1{ padding-bottom:20px;}
	.box4Tab li{ padding:10px 5px;}
	.box4Tab li a{ width:auto; padding:0 10px; min-width:130px; height:36px; line-height:34px;}
	.box4Tab2Item:after{ display:none;}
	.box4Tab2Item{ padding:5px 10px;}
	
	.footTelNum{ font-size:30px;}
	.wchatImg{ left:auto; right:0; transform:translateX(0);}
	
	.bannerN{ height:320px;}
	.oneBox1Bg,.oneBox2Bg,.oneBox3Bg{ padding-bottom:25px;}
	.oneBox1 p strong{ font-size:16px;}
	.oneBox2TextBg{ height:auto; min-height:180px;}
	.oneBox2Text h3{ font-size:16px;}
	
	.proBrief{ height:66px;}
	.proIco{ width:40px; height:40px;}
	
	.artlistImg{ display:block; float:none; width:100%; height:auto; padding-bottom:10px; background:none !important;}
	.artlistImg img{ display:block; margin:0 auto;}
	.artlistText{ margin-left:0;}
	.artlistTime{ font-size:14px;}
	.artlistBrief{ height:auto; max-height:72px;}
	
	.articleTit{ font-size:20px;}
	.articleTime{ padding:5px 0 10px;}
	
	
}
@media (max-width:640px){	
	.banner{ height:300px;}
	.banText img{ max-width:80%;}
	.banPrev, .banNext{ width:15px; height:27px;}
	
	.title h2{ font-size:22px; padding:10px 0;}
		
	.box3Ico{ width:60px; height:60px; /*margin:-30px 0 0 -30px;*/}
	.box3Text{ font-size:16px;}
	.mvLayer{ border-width:5px;}
	.mvLayer i{ right:-30px; top:-5px;}
	
	.footLogo{ float:none; width:100%; height:auto; border:none; border-bottom:1px solid #023d11; padding:0 0 10px; margin:0 0 10px;}
	.footLogo img{ margin:0 auto;}
	.footTel{ float:none; width:100%;}
	
	.bannerN{ height:280px;}
	
	.prolist{ margin:0 -5px;}
	.prolist li{ padding:5px;}
	.proText{ height:40px; padding:5px;}
	.proTit{ font-size:16px; line-height:30px;}
	.proNum{ font-size:16px; background-size:18px;}
	.proBrief{ margin:5px 0; height:44px;}
	.proIco{ width:30px; height:30px;}
	.prolist li a:hover .proText{ padding:0 10px;}
	
	.proCenTitL{ font-size:18px; line-height:30px;}
	.proCenTitLen{ font-size:34px;}
	.proCenTitR{ font-size:16px; background-size:60px; padding-left:15px;}
	.proCenTitR h3{ font-size:20px;}
	.proCenTitR h3 span{ font-size:38px;}
	
	.proTopH3{ font-size:18px;}
	.proTopH4{ font-size:16px;}
	.proCenTit{ font-size:16px;}
	.proBotName{ line-height:28px;}
	
	.caseIco{ width:40px; height:40px;}
	
	.contactIco{ max-width:60px;}
	.conText{ padding:30px 20px;}
	
	.contact{ padding:20px 0;}
	.contact_map{ height:300px;}
	
	.caseDetail{ padding:0;}
	.casePrev,.caseNext{ width:25px; height:45px;}
	
	.wrap1Text{ background-size:150px auto; padding-left:130px;}
	.wrap1Text h3{ font-size:26px;}
	
	.wrap2 .title span{ font-size:26px;}
	.wrap2 .title strong{ font-size:20px;}
	.wrap2List li{ width:50%;}
	.wrap2List li:last-child{ height:auto !important;}
	
	.wrap3NameEn{ font-size:16px;}
	
	.wrap4List{ padding:10px 5px;}
	
	.wrap5Tit{ padding:30px 0;}
	.wrap5Tit img{ max-width:180px;}
	
	.wrap6Tit{ font-size:18px;}
	.wrap6TitNum{ width:30px; height:30px; font-size:24px; line-height:38px;}
	.wrap6Name1{ width:60px; height:60px;}
	.wrap6Name1 span{ font-size:14px; height:52px; line-height:16px;}
	.wrap6Con1 .media-body{ padding-left:5px;}
	.wrap6Con2 .media{ border-radius:10px; padding:10px 5px;}
	.wrap6Con2 .media-left{ vertical-align:top;}
	.wrap6Con2 .media .media-body{ padding:0 10px !important;}
	.wrap6Name2{ width:50px; height:50px;}
	.wrap6Name2 span{ font-size:24px; height:42px; line-height:24px;}
	.wrap6Con3 img.pull-left{ max-width:40%;}
	.wrap6Con4{ padding:10px; max-width:100%;}
	.wrap6Con4ItemBg{ float:none; width:100%; height:auto; border-radius:10px; margin-bottom:10px !important;}
	.wrap6Con4Item{ padding:20px; border-radius:10px;}
	.wrap6Con4ItemBg3,.wrap6Con4ItemBg4{ margin:0;}
	.wrap6Con4ItemBg5{ position:static; transform:translate(0,0);}
	.wrap6Con5 img.pull-left{ max-width:40%;}
	
	.wrap7Bg{ padding:10px 0 30px;}
	.wrap7 .title h2{ font-size:30px;}
	.wrap7List li{ width:100%; height:auto !important;}
	.wrap7Num{ font-size:20px;}
}
@media (max-width:460px){
	.logo{ padding:10px 0;}
	.logo img{ height:30px;}
	.banBotBg .container{ padding:0;}
	.banIco{ padding:15px 0;}
	.banIco img{ max-width:25px;}
	.banBotLink a{ font-size:12px; width:50px;}
	
	.box3Ico{ width:40px; height:40px; /*margin:-20px 0 0 -20px;*/}
	
	.box5RigItem li a{ background:none !important; padding-right:0;}
	.box5RigTime{ width:62px;}
	.data{ font-size:22px; line-height:30px;}
	.mouth{ font-size:14px;}
	.box5RigText{ margin-left:72px;}
	
	.footTel li{ font-size:12px;}
	.footTelNum{ font-size:24px;}
	
	.bannerN{ height:220px;}
	.banH2{ font-size:22px;}
	
	.prolist li{ width:100%;}
	
	.proCenIco{ width:68px; height:68px; margin-top:10px;}
	.proCenText{ margin-left:78px; margin-top:0;}
	.proCenBrief{ height:66px;}
	
	.case .box4Tab2Item{ margin:5px 0;}
	.contactName{ font-size:18px;}
	.contact_map{ height:250px;}
	
	.wrap1Text{ background:none; padding:0;}
	
	.wrap2List li{ width:100%; height:auto !important; margin-bottom:10px;}
	
	.wrap3 .title{ padding:30px 0;}
	.wrap3 .title span{ font-size:18px;}
	.wrap3 .title strong{ font-size:20px; right:-5px; top:-5px;}
	.wrap3 .title h2{ font-size:30px;}
	
	.wrap3Num{ width:40px; height:45px; line-height:40px; font-size:20px;}
	.wrap3NameText{ margin-left:45px;}
	.wrap3NameTop h3{ float:none; width:100%; font-size:20px;}
	.wrap3NameCon{ margin:5px 0 0;}
	.wrap3Con p{ padding-left:20px;}
	.wrap3Con p:after{ width:12px; height:12px; top:5px;}
	
	.wrap4Bg{ padding:0 0 30px;}
	.wrap4 .title{ padding-bottom:20px;}
	.wrap4 .title h2{ font-size:26px; padding:20px 0 0 50px; margin-left:-20px;}
	.wrap4 .title h2 span{ font-size:20px;}
	.wrap4List li{ width:100%;}
}
@media (max-width:360px){
	.navRig > ul > li:first-child{ display:none;}
	.banner{ height:240px;}
	
	.box1Brief{ height:44px;}
	.footTel li{ width:100%; text-align:center;}
	.copyright{ float:none; text-align:center;}
	.followus{ float:none; text-align:center;}
	.wchatImg{ left:50%; right:auto; transform: translateX(-50%);}
	
	.bannerN{ height:180px;}
	.contact_map{ height:200px;}
	
	.storeAddBg{ height:300px;}
}	
@media (max-height:414px){	
}
@media all and (orientation : landscape){
}
@media all and (orientation : portrait){ 
}