@import url("/public/css/jquery.sliderTabs.css");
@import url("/public/css/swipebox.css");
@import url("/public/css/animate.css");
@import url("/public/css/base.css");

* {font-family:Verdana, Arial, Helvetica, sans-serif;}
h2, h4, h3, h1, form, input, p, textarea {padding:0;margin:0;}
body {background:#fff;font-size:11px;}
.bodymain {margin:0px auto;max-width:1200px;}
.bodymainc {margin:0px auto;max-width:1200px;padding:0 10px;}

input::-webkit-input-placeholder{color:#555;font-size:14px;}
input::-moz-placeholder{color:#555;font-size:14px;}
input:-moz-placeholder{color:#555;font-size:14px;}
input:-ms-input-placeholder{color:#555;font-size:14px;}
textarea::-webkit-input-placeholder{color:#555;font-size:14px;}
textarea::-moz-placeholder{color:#555;font-size:14px;}
textarea:-moz-placeholder{color:#555;font-size:14px;}
textarea:-ms-input-placeholder{color:#555;font-size:14px;}

.width1100 {max-width:1200px;margin:0px auto;}


.bodymain {margin:0px auto;max-width:1200px;}
.bodymainc {margin:0px auto;max-width:1200px;padding:0 10px;}
.topbig {position:relative;}
.topbig .topbigbg {position:absolute;top:0px;left:0;right:0;z-index:999;height:165px;background:url("header_bg.png") no-repeat bottom center;}
.toprap {position:relative;height:120px;z-index:1000;max-width:1210px;margin:0px auto;}
.toprap .lan {overflow:hidden;}
.toprap .lan li {float:left;padding-left:20px;}
.toprap .lan li a {color:#fff;}
.toprap .logorap {float:left;padding:20px 0;}
.toprap .logorap img {max-height:100px;}
.toprap .tel {float:right;color:#fff;text-align:right;padding-top:25px;font-size:14px;color:#ddd;padding-left:50px;}
.toprap .tel span {display:block;font-size:20px;color:#fff;padding-top:6px;}
.toprap ul.menu {float:right;}
.toprap ul.menu li {float:left;padding:40px 0;min-width:110px;position:relative;text-align:center;}
.toprap ul.menu li a {display:block;}
.toprap ul.menu li a span {font-size:16px;line-height:1.3;position:relative;display:block;color:#fff;padding-bottom:5px;}
.toprap ul.menu li a code {font-size:12px;color:#888;transform:scale(0.9);display:block;position:relative;}
.toprap ul.menu li:hover span::after {transform:rotate(-45deg);opacity:1;}
.toprap ul.menu li span::after {display:block;content:'';position:absolute;width:20px;height:1px;background-color:#6e6e6e;left:100%;top:0;margin-left:-5px;transform-origin:left top;transform:rotate(-0deg);opacity:0;-moz-transition:all ease-in-out 0.35s;-webkit-transition:all ease-in-out 0.35s;-o-transition:all ease-in-out 0.35s;-ms-transition:all ease-in-out 0.35s;transition:all ease-in-out 0.35s;}
.toprap ul.menu li:hover code::after {transform:rotate(-45deg);opacity:1;}
.toprap ul.menu li code::after {display:block;content:'';position:absolute;width:20px;height:1px;background-color:#6e6e6e;right:100%;bottom:0;margin-right:-20px;transform-origin:right bottom;transform:rotate(-0deg);opacity:0;-moz-transition:all ease-in-out 0.35s;-webkit-transition:all ease-in-out 0.35s;-o-transition:all ease-in-out 0.35s;-ms-transition:all ease-in-out 0.35s;transition:all ease-in-out 0.35s;}
.toprap ul.menu li ul {display:none;}


.toprap .mobmenurap {position:absolute;top:15px;right:10px;z-index:2;}
.toprap .mobmenurap .mobmenubig {background:#318d3f;color:#fff;float:right;border-radius:6px;line-height:32px;padding:0 15px;}
.toprap .mobmenurap .mobmenubig span {float:left;color:#fff;display:block;padding-right:10px;}
.toprap .mobmenurap ul {position:absolute;right:0px;top:34px;z-index:999;left:-100px;background:#318d3f;padding:15px;}
.toprap .mobmenurap ul li {overflow:hidden;color:#fff;line-height:32px;font-size:12px;border-bottom:1px solid #3eaf4f;text-transform:capitalize;}
.toprap .mobmenurap ul li a {display:block;float:left;color:#fff;}
.toprap .mobmenurap ul li span {display:block;float:right;font-size:20px;padding:0 15px;background:#006600;}
.toprap .mobmenurap ul li.mli {background:#5da568;padding:0 15px;border-bottom:1px solid #5cb86a;}


/* flexslider */
.flexslider {position:relative;overflow:hidden;background:none;}
.flexslider ol,.flexslider ul {padding:0px;margin:0px;list-style:none;}
.flexslider ol li,.flexslider ul li{padding:0px;margin:0px;list-style:none;}
.flexslider .slides{position:relative;z-index:1;}
.flexslider .slides li img {width:100%;}
.flexslider .flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flexslider .flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flexslider .flex-control-nav a {display:inline-block;width:14px;height:14px;line-height:14px;overflow:hidden;background:url(/public/images/dot.png) right 0 no-repeat;cursor:pointer;text-indent:-99px;}
.flexslider .flex-control-nav .flex-active{background-position:0 0;}
.flexslider .flex-direction-nav {position:absolute;z-index:3;width:100%;top:45%;}
.flexslider .flex-direction-nav li:first-child {float:left;}
.flexslider .flex-direction-nav li {float:right;}
.flexslider .flex-direction-nav li a{display:block;width:30px;height:30px;overflow:hidden;cursor:pointer;position:absolute;}
.flexslider .flex-direction-nav li a.flex-prev{left:20px;background:url(/public/images/prev.png) center center no-repeat;background-size:100% 100%;}
.flexslider .flex-direction-nav li a.flex-next{right:20px;background:url(/public/images/next.png) center center no-repeat;background-size:100% 100%;}



.aboutrap {overflow:hidden;padding:55px 0;position:relative;margin-bottom:55px;}
.aboutrap .aboutp {padding:100px 180px 0 430px;}
.aboutrap .aboutp .aboutpb {border:10px solid #eee;background:#fff;padding:45px;} 
.aboutrap .aboutp h1 {padding:0px 0;font-size:24px;}
.aboutrap .aboutp p {padding:20px 0 0 0;line-height:26px;font-size:14px;color:#555;}
.aboutrap .aboutp a {display:inline-block;line-height:36px;background:#567b2e;color:#fff;padding:0 20px;border-radius:10px;margin-top:15px;font-size:16px;}
.aboutrap .aboutimg {position: absolute;left:0;top:55px;border:10px solid #eee;width:640px;z-index:-1;}
.aboutrap .aboutimg2 {position: absolute;z-index:1;bottom:0px;right:0px;}
.aboutrap img {display:block;}

.ishiprap {min-height:160px;margin:20px 0 0 0;padding:50px 0 50px 0;background:url(/public/tpl/bottlejxgz/images/ship.jpg) no-repeat center center;background-size:100% auto;}
.ishiprapb {margin-left:550px;background:rgba(255,255,255,0.8);padding:50px;}
.ishiprapb h2 {font-size:26px;padding-bottom:20px;}
.ishiprapb p {font-size:16px;line-height:30px;color:#333;}

.ifuwurap {min-height:160px;margin:20px 0;padding:50px 0 50px 0;background:url(/public/tpl/bottlejxgz/images/ifuwu.jpg) no-repeat center center;background-size:100% auto;}
.ifuwurapb {margin-right:550px;background:rgba(255,255,255,0.8);padding:50px;}
.ifuwurapb h2 {font-size:26px;padding-bottom:20px;}
.ifuwurapb p {font-size:16px;line-height:30px;color:#000;}

.iproductrap {background:#eee;}
ul.iproductul {overflow:hidden;padding:30px;}
ul.iproductul li {float:left;width:20%;padding:10px;text-align:center;}
ul.iproductul li a {color:#666;}
ul.iproductul li.title {height:100%;text-align:left;}
ul.iproductul li.title h2 {font-size:30px;;}
ul.iproductul li.title h2 span {display:inline-block;padding-top:30px;height:100%;border-top:2px solid green}
ul.iproductul li.title code {display:block;padding-top:20px;font-size:16px;color:#bbb;}
ul.iproductul li.more a {display:block;margin:65px 20px 0 20px;height:36px;line-height:36px;background:#ddd;color:green;font-size:16px;}

.ititle {color:#333;font-size:26px;font-weight:bold;padding-bottom:10px;text-align: left;position: relative;}
h2.ititle::after {
    content: '';
    width: 30%;
    height: 2px;
    background-color: #c7000b;
    position: absolute;
	left:0;
    bottom: 0;
    min-width: 35px;
    max-width: 50px;
}

ul.igodlist {overflow:hidden;padding-top:30px;}
ul.igodlist li {float:left;width:50%;padding:0 0 15px 15px;}
ul.igodlist li.lio {padding:0 15px 15px 0;}
ul.igodlist li p {line-height:28px;font-size:16px;color:#444;padding-bottom:10px;}
ul.igodlist li img {border:5px solid #eee;display:block;}
ul.igodlist li .imgrap {padding:15px 0;position: relative;}
ul.igodlist li .imgrap .imgrapc {position: absolute;left:30px;bottom:30px;right:30px;}
ul.igodlist li .imgrap .imgrapc span {display:block;color:#fff;font-size:26px;padding-bottom:10px;}
ul.igodlist li .imgrap .imgrapc p {color:#fff;}

.itelrap {background:url(bglineb.jpg) repeat;min-height:60px;padding:0px 0;overflow:hidden;}
.itelrap .width1100 {overflow:hidden;}
.itelrap .iteldesc {float:left;color:#fff;line-height:28px;font-size:16px;}
.itelrap .itelcode {float:right;color:#fff;line-height:28px;font-size:14px;text-align:right;}
.itelrap .itelcode code {color:#fff;font-size:22px;}

ul.iserverrap {padding:50px 0;overflow:hidden;}
ul.iserverrap li {float:left;width:50%;}
ul.iserverrap li .isp {height:233px;text-align:center;padding:40px 0;}
ul.iserverrap li .isp h3 {font-size: 24px;color:#555;line-height:34px;padding-bottom:20px;}
ul.iserverrap li .isp h3 span {display:block;font-weight:normal;}
ul.iserverrap li .isp p {color:#666;}

.inewsrap {overflow:hidden;}
.inewsrap .newimg {float:left;width:50%;padding:30px 30px 30px 0;}
.inewsrap .newimg img {border:10px solid #eee;display:block;}
.inewsrap .inewsul {float:right;width:50%;padding:30px 0px;}
.inewsrap .inewsul li {border:1px solid #ddd;margin-bottom:25px;height:130px;overflow:hidden;}
.inewsrap .inewsul li span {display:block;float:left;width:130px;height:130px;background:#ddd;text-align:center;font-size:16px;color:#666;}
.inewsrap .inewsul li span code {display:block;line-height:80px;font-size:32px;}
.inewsrap .inewsul li h2 {padding:20px 20px 10px 150px;font-size:18px;}
.inewsrap .inewsul li p {padding:0px 20px 20px 150px;font-size:14px;line-height:28px;color:#444;}

.bottomrap {background: #21282e;padding:40px 0;}
ul.bottomul {overflow:hidden;}
ul.bottomul li {float:left;padding-right:140px;color:#fff;}
ul.bottomul li.fr {float:right;padding-right:0px;color:#fff;}
ul.bottomul li .t {font-size:18px;margin-bottom:40px;border-left: 3px solid #ffbb02;padding-left: 12px;}
ul.bottomul li a {display:block;color:#ddd;line-height: 28px;font-size:14px;padding-left:12px;}
.bottomrap .copyright {margin-top: 40px;color: #ddd;font-size: 12px;line-height: 1.2;padding: 22px 15px;background: #191e22;text-align: center;}
.bottomrap .copyright a {color: #ddd;}


ul.rbtnrap {position:fixed;right:10px;bottom:200px;z-index:9999;}
ul.rbtnrap li {position: relative;padding-bottom:10px;}
ul.rbtnrap li i {display:block;width:50px;;height:50px;line-height:50px;font-size:26px;text-align:center;border:0px solid #ddd;background:#fff;cursor:pointer;}
ul.rbtnrap li a i {color:#111;}
ul.rbtnrap li .lim {display:none;}
ul.rbtnrap li:hover .lim {display:block;position: absolute;right:60px;top:0px;width:180px;padding:10px;background:#fff;border:1px solid #ddd;}
ul.rbtnrap li:hover .lim a {display:block;color:#333;line-height:24px;font-size:14px;}
ul.rbtnrap li:hover .lim img {width:100%;display:block;}

.bottomrapt {background:url("f2_bg.png") no-repeat;background-size:100% 100%;min-height:360px;padding:100px 0;}
.bottomrapt .btctitle {font-size:66px;color:#e8f4e3;text-align:center;position: relative;line-height:66px;}
.bottomrapt .btctitle span {display:block;position: absolute;left:0px;right:0px;line-height:66px;font-size:36px;color:#111;}
.bottomrapt .btcdesc {text-align:center;padding:15px;font-size:16px;color:#444;}
.bottomrapt ul.btul {overflow:hidden;padding:25px 0;width:1100px;margin:0px auto;}
.bottomrapt ul.btul li {float:left;width:33.33%;padding:20px 60px;}
.bottomrapt ul.btul li:first-child {padding-left:0px;}
.bottomrapt ul.btul li:last-child {padding-right:0px;}
.bottomrapt ul.btul li i {display:block;float:right;font-size:55px;color:#444;}
.bottomrapt ul.btul li .btname {font-size:16px;color:#555;padding-bottom:10px;}
.bottomrapt ul.btul li .btname span {display:block;}
.bottomrapt ul.btul li .btcpde {font-size:16px;color:#111;padding-top:10px;}
.bottomrapt ul.btul li .btcpde a {color:#111;}

.bottomrapt .btcform {overflow:hidden;padding:5px 0;width:1100px;margin:0px auto;}
.bottomrapt .btcform li {float:left;width:50%;padding:0px 10px;}
.bottomrapt ul.btcform li:first-child {padding-left:0px;}
.bottomrapt ul.btcform li:last-child {padding-right:0px;}
.bottomrapt ul.btcform li input {height:48px;line-height:46px;border:1px solid #ddd;padding:0 10px;font-size:18px;width:100%;margin-bottom:15px;}
.bottomrapt ul.btcform li textarea {height:175px;line-height:46px;border:1px solid #ddd;padding:0 10px;font-size:18px;width:100%;margin-bottom:15px;}
.bottomrapt .btbtnsubmit {background:green;color:#fff;line-height:46px;font-size:16px;text-align:center;width:1100px;margin:0px auto;cursor:pointer;}

.bottomrapf {background: #21282e;padding:20px 0;text-align:center;color:#eee;}
.bottomrapf .btlink a {display:inline-block;color:#eee;padding:0 15px;font-size:14px;}
.bottomrapf .copyright {color: #bbb;padding-top:15px;}
.bottomrapf .copyright a {color: #bbb;}

.pclassrap {background:#fff;}
.pclassrap a {display:inline-block;padding:0 35px;line-height:36px;font-weight:bold;font-size:16px;color:#222;border-right:2px solid #fff;background:#eee;border-bottom:1px solid #fff;}
.pclassrap a.on {background:#eee;color:green;border-bottom:1px solid #eee;}

.icminrap {padding:20px 0;min-height:120px;background:url("icbg1.jpg") no-repeat;background-size:100% 100%;}
.icminrap .qq {float:right;width: 200px;height: 50px;padding:5px;text-align: center;background: #fff;border-radius: 3px;margin-top:20px;}
.icminrap .qq a {display:block;border:1px solid #333;font-size:16px;font-weight:bold;color:#111;border-radius: 3px;line-height: 40px;}
.icminrap .icmintitle {font-size:30px;color:#fff;padding-bottom:15px;}
.icminrap .tel span {display:inline-block;width: 310px;
background: url(telbg.png) no-repeat left top;
height: 40px;
line-height: 40px;
color: #111;
font-size:20px;
text-align: center;
margin-right: 5px;
display: inline-block;
text-indent: 14px;
}

.icminrap .qqs {float:right;width: 200px;height: 50px;padding:5px;text-align: center;color:#fff;}
.icminrap .qqs i {display:block;padding-bottom:15px;}
.icminrap .qqs code {line-height:46px;display:block;font-size:26px;}
.icminrap .qqs span {display:inline-block;font-size:16px;line-height:40px;padding:0 25px;background:#eee;border-radius:4px;color:#111;}


ul.mobbtmenu {position: fixed;bottom:0px;right:0px;z-index:9999;left:0px;height:50px;background:#058106;padding-top:4px;}
ul.mobbtmenu li {float:left;width:25%;text-align:center;color:#fff;padding:5px;font-size:12px;}
ul.mobbtmenu li a {color:#fff;}
ul.mobbtmenu li span {display:block;font-size:18px;}

.bannerpic {}
.bannerpic a {display:block;height:500px;}

.contentrap {max-width:1200px;padding:15px 10px;margin:0px auto;overflow:hidden;}
.contentrap .cr_menu {margin-bottom:5px;}
.contentrap .cr_menu span {display:inline-block;position: relative;font-size: 18px;line-height: 22px;padding: 8px 15px;background:#eee;color:#222;margin-right: 10px;margin-bottom:25px;}
.contentrap .cr_menu span a {font-size: 14px;color:#222;}
.contentrap .cr_menu span.on {background:#ddd;color:green;}
.contentrap .cr_menu span.on a {color:green;}
.contentrap .cr_menu span.on::after {top: 100%;left: 50%;border: solid transparent;border-top-color: transparent;border-top-width: medium;border-right-color: transparent;border-right-width: medium;border-bottom-color: transparent;border-bottom-width: medium;border-left-color: transparent;border-left-width: medium;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color:rgba(255,255,255,0);border-top-color: rgba(255, 255, 255, 0);border-top-color:#ddd;border-width: 12px;margin-left: -12px;z-index: 9;}

.contentrap .cr_left {float:left;width:25%;}
.contentrap .cr_left ul.cr_left_menu {margin-right:0px;line-height: 26px;border-bottom: 3px solid #009815;}
.contentrap .cr_left ul.cr_left_menu li {border-bottom: 1px dotted#333;font-size: 14px;padding-left:0px;padding-bottom: 2px;overflow: hidden;margin-top: 5px;}
.contentrap .cr_left ul.cr_left_menu li.title {height: 73px;line-height: 73px;font-weight: bold;text-align: center;font-size: 24px;background:#666;color:#fff;border-bottom: 3px solid #009815;}
.contentrap .cr_left ul.cr_left_menu li a {display: block;height: 30px;line-height: 30px;padding-left: 20px;background:#fff url(/public/images/arr8.png) 5px 50% no-repeat;color:#333;}
.contentrap .cr_left ul.cr_left_menu li.on a {color:#333;}

.contentrap .cr_right {float:right;width:75%;padding-left:25px;}
.contentrap .pinforapbig h1.ptitle {font-weight: bold;font-size: 24px;line-height: 40px;padding: 20px 0px;}
.contentrap .pinforapbig {text-align: center;}
.contentrap .pcontentrap {padding:20px 10px;line-height:24px;}


.contentrap .gohead {overflow:hidden;text-align:right;height:44px;line-height:44px;color:#000;font-size:12px;border-bottom:1px solid #009815;}
.contentrap .gohead a {color:#000;font-size:12px;}
.contentrap .gohead a.home {display:inline-block;padding-left:20px;background:url('home.png') no-repeat left 15px;}
.contentrap .menuh1 {float:left;color:#000;font-size:18px;font-weight:bold;}

.contentrap ul.plistul {overflow:hidden;padding:20px 0;}
.contentrap ul.plistul li {float:left;width:25%;padding:15px;overflow:hidden;}
.contentrap ul.plistul li .pli {}
.contentrap ul.plistul li .pimgb {background:#fff;overflow:hidden;position:relative;border:1px solid #fff;}
.contentrap ul.plistul li .pimgs {position:absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.contentrap ul.plistul li .pimg {overflow:hidden;}
.contentrap ul.plistul li .pimg img {transition: all 0.6s;width:100%;}
.contentrap ul.plistul li .pimg img:hover{transform: scale(1.2);-ms-transform: scale(1.2);}
.contentrap ul.plistul li .pname {text-align:center;height:36px;line-height:36px;overflow:hidden;}
.contentrap ul.plistul li .pname a {color:#333;font-size:14px;}
.contentrap ul.plistul li:hover .pname {color:green;}
.contentrap ul.plistul li:hover .pname a {color:green;}

.txtcontent {margin:20px 0;padding:10px;line-height:26px;background:#fff;font-size:14px;}
.txtcontent img {max-width:100%;}

.pages {text-align:center;overflow:hidden;padding:20px;}
.pages a {display:inline-block;margin:0px 5px;font-size:14px;border-radius:2px;background:#7e6e53;height:32px;color:#fff;line-height:32px;padding:0 10px;}
.pages a.on {background:#fff;color:#bbb;}



@media screen and (max-width:960px) {
	.contentrap .cr_right {width:100%;float:auto;padding-left:0px;}
	.ui-slider-tab-content {max-height:420px;}
}

@media screen and (max-width:640px) { 
	.topbig .topbigbg {height:120px;}
	.toprap .bodymain {height:70px;}
	.toprap {height:80px;}
	.toprap .logorap {float:left;padding:10px 0px;}
	.toprap .logorap img {height:60px;}
	.ihxrap .ihxtop {display:none;}
	.ihxrap .ihxbottom {display:none;}
	.ihxrap .ihxcontent .ihxbc {padding:10px;}
	.ihxrap .ihxcontent .ihxbc ul.ihxul li {width:25%;}
	.iscenter .isleft {width:100%;height:auto;}
	.iscenter .isright {width:100%;height:auto;padding:20px 10px;}
	.iscenter .isright h1 {font-size:20px;padding:0px 0 10px 0;}
	.iscenter .isright p {font-size:12px;line-height:18px;}
	.contentrap ul.plistul li {float:left;width:33.33%};
	.pages a.hide640 {display:none;}
	.pinforap .pimg {width:100%;}
	.pinforap .pcoderap {width:100%;padding-left:0px;}
	.contentrap .feedbackrap {padding:10px 10px;}
	.contentrap .feedbackrap li {padding:5px 30px 5px 110px;}
	.contentrap .feedbackrap li code {width:100px;font-size:14px;}
	ul.piclistul li {float:left;width:50%;}
	.ui-slider-tab-content {max-height:320px;}
	ul.indexnewlist li {width: 100%;}

	.aboutrap {margin-bottom: 25px;}
	.aboutrap .aboutp {padding:10px 20px 0px 10px;}
	.aboutrap .aboutp .aboutpb {border:10px solid #eee;background:#fff;padding:15px;} 
	.aboutrap .aboutimg2 {position: absolute;z-index:1;bottom:0px;right:0px;width:120px;}

	.pclassrap a {display:block;float:left;width:33.33%;font-size:14px;text-align:center;}
	.pclassrap a:first-child {display:none;}

	.inewsrap .inewsul li p {line-height: 24px;}

	ul.iproductul {padding:10px;}
	ul.iproductul li {width:50%;padding:10px;}

	.ishiprap {min-height:auto;margin:20px 0 0 0;padding:0;background:url(/public/tpl/bottlejxgz/images/ship.jpg) no-repeat center center;background-size:100% 100%;}
	.ishiprapb {margin-left:0px;padding:25px;}

	.ititle {padding:0 15px;}
	h2.ititle::after {left:15px;}

	ul.igodlist {padding:0px;margin:10px;}
	ul.igodlist li.lio {padding:0px;}
	ul.igodlist li {width:100%;padding:0px;}

	.ifuwurap {padding:0px;min-height:auto;}
	.ifuwurapb {margin-right:0px;padding:30px 10px;}

	.inewsrap .inewsul {width:100%;padding:15px 0;}

	.bannerpic a {display:block;height:200px;}


	#backtotop a { bottom:60px;}
}


@media screen and (max-width:520px) { 
	.ihxrap .ihxcontent .ihxbc ul.ihxul li {width:33.33%;}
	.ui-slider-tab-content {max-height:260px;}
}

@media screen and (max-width:400px) { 
	.ihxrap .ihxcontent .ihxbc ul.ihxul li {width:50%;}
	.ui-slider-tab-content {max-height:200px;}
}