*{ margin:0 auto; padding:0; transition-property: all;-ms-transition-property: all;-moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all;}
body{font-family: "arial, helvetica, sans-serif"; color:#666;  background: #FFFFFF; font-size: 14px; }
a{ text-decoration: none; color: #333333; -webkit-transition: all ease .2s;  -moz-transition: all ease .2s; transition: all ease .2s; border:none}
a:focus { outline: 0; }
a:hover{ color: #3ba5bd;}


img {
	border: none;
	transition-duration: 0.5s; -webkit-transition-duration: 0.5s;
}
ul,li{ list-style:none; }
.clear{ clear:both;}
p{ margin:0 auto; padding:0; transition-duration: 0.5s; -webkit-transition-duration: 0.5s;}
.padding5{ padding:5px;}
.padding10{ padding:10px;}
.padding15{ padding:15px;}
.padding20{ padding:20px;}
.padding30{ padding:30px;}
.padding40{ padding:40px;}
.fr{ float:right;}
.fl{ float:left; }
.paddingright{ padding-right:10px;}
.paddingleft{ padding-left:10px;}
.undis{ display:block; }
.dis{ display:none;  }
.pr5{ padding-right:5px;}
.red{ color:#f00;}
.fff{ color:#fff;}
.pdt30{ padding-top: 30px;}
.txtcenter{ text-align: center;}

input,button,select,textarea{ outline:none;font-family:"microsoft yahei"; }
textarea{resize:none;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;padding:0;margin:0;font-weight:normal;}

submit{ font-family: arial;}
#warp{ width:100%; height:auto;  position:relative;   }
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
#home .home a,
#about .about a,
#products .products a,
#photo .photo a,
#ser .ser a,
#news .news a,
#contact .contact a{color: #3ba5bd; }

#home .home ul li a{ color: #666; border-right: none;}
#home .home ul li a:hover{color: #fff;  background: #3ba5bd;}

#about .about ul li a{ color: #666; border-bottom: none;}
#about .about ul li a:hover{color: #fff;  background: #3ba5bd;}

#products .products ul li a{ color: #666; border-bottom: none;}
#products .products ul li a:hover{color: #fff;  background: #3ba5bd;}

#news .news ul li a{ color: #666; border-bottom: none;}
#news .news ul li a:hover{color: #fff;  background: #3ba5bd; }

#ser .ser ul li a{ color: #666; border-bottom: none;}
#ser .ser ul li a:hover{color: #fff;  background: #3ba5bd; }

#photo .photo ul li a{ color: #666; border-bottom: none;}
#photo .photo ul li a:hover{color: #fff;  background: #3ba5bd;}

#contact .contact ul li a{ color: #666; border-bottom: none;}
#contact .contact ul li a:hover{color: #fff;  background: #3ba5bd;}


.gotop {
	width: 24px;
	height: 24px;
	padding: 10px;
	background: #ccc url(../images/float_qqicon1.png) no-repeat center;
	position: fixed;
	right: 0;
	bottom: 0px;
}

/*首页*/
.topbg{ width: 100%; height: 30px; background: #4b4e53;}
.top{ color: #FFFFFF; line-height: 30px; width: 1200px; overflow: hidden;}
.top span a{ color: #FFFFFF; height: 30px;  display: block; float: left; padding: 0 10px; border-right: 1px solid #FFFFFF;}
.top span a i{line-height: 30px; font-size: 15px;}
.top span a:hover{ background: #3BA5BD;}
.Headerbgfix{ position: fixed; left: 0; top: 0; z-index: 99999999999; border-bottom: 1px solid #dbdbdb;}
.Headerbg{ width: 100%; height: 90px; background: #FFFFFF;}
.Header{ width: 1200px; height: 90px; position: relative;}
.Header .logo{ float: left; width: 168px; height: 90px; overflow: hidden;}
.Header .logo a{ display: inline-block; width: 168px; height: 90px;  background: url(../images/logo.jpg) no-repeat center;}
.Header .nav{ float: right; width: auto; height: 90px;  }
.Header .nav li{ float: left; width: 104px; height:90px; line-height: 16px; text-align: center; font-size: 14px; font-weight: bold; position: relative;}
.Header .nav li a{ display: block; border-right: 1px solid #e1e1e1; height: 16px; margin-top: 36px;}
.Header .nav li:hover ul{ display: block;}
.Header .nav li ul{ width: 208px; background: #FFFFFF; position: absolute; left: 0; top: 90px; z-index: 999; display: none;}
.Header .nav li ul li{ float: none; width: 248px; height: 42px; line-height: 42px; border-bottom: 1px solid #dbdbdb; text-align: left; text-indent: 1em; font-weight: normal; }
.Header .nav li ul li a{ color: #666666; height: 42px; margin-top: 0;  border-right:none;}
.Header .nav li ul li a:hover{ background: #3BA5BD; color: #FFFFFF;}
.Header .nav li ul.proul{ width:506px; padding:0 15px;}
.Header .nav li ul.proul .proulLeft{ float:left;}
.Header .nav li ul.proul .proulRight{ float:right; margin-left:10px;}


.langCn{ margin-top: 36px; padding:0 13px ;}
.langSea{ margin-top: 36px; padding:0 13px ;}
.langSea i{ font-size: 16px; cursor: pointer;}


.searchshow{ width: 308px; height: 34px; z-index: 999;  background: #FFFFFF; position: absolute; right:0; top: 72px; display: none;}
.searchshow .inputt{ width: 248px; padding: 0 10px; height: 32px; border: 1px solid #ddd; border-right:none ; float: left; font-size: 14px; color:#999;}
.searchshow .submitt{ width: 39px; height: 34px; float: left;  border: none; background:#3BA5BD; color: #FFFFFF; font-size: 18px; }

.searchshow1{display: none;}

.main_visual{height:460px;overflow:hidden;position:relative;}
.main_image{height:460px;overflow:hidden;position:relative;}
.main_image ul{width:9999px;height:460px;overflow:hidden;position:absolute;top:0;left:0}
.main_image li{float:left;width:100%;height:460px;}
.main_image li span{display:block;width:100%;height:460px}
.main_image li a{display:block;width:100%;height:460px}
div.flicking_con{position:absolute;bottom:10px;left:50%;z-index:666;width:100%;height:10px;margin:0 0 0 -24px;}
div.flicking_con a{float:left;width:10px;height:10px;margin:0 4px; padding:0; background:#FFFFFF;display:block;text-indent:-1000px; border-radius: 10px;}
div.flicking_con a.on{background:#3BA5BD;}
#btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:64px!important;height:64px!important;top:50%;margin-top:-37px;}
#btn_prev{background:url(../images/hover_left.png) no-repeat left top;left:3%;}
#btn_next{background:url(../images/hover_right.png) no-repeat right top;right:3%;}

.inProbg{ background:#fafafa; width: 100%; height: auto; padding-bottom: 60px;}
.inTit{ width: 1200px; height: auto; padding: 55px 0; overflow: hidden;}
.inTitLeft{ width: 450px; height: auto; float: left; overflow: hidden;}
.inTitLeft h1{ color: #3BA5BD; font-size:38px; line-height: 44px; font-weight: normal;}
.inTitLeft h2{ text-transform: uppercase; color: #000; font-size: 16px; line-height: 44px;}
.inTitLeft h3{ width: 50px; height: 2px; background: #3BA5BD; float: left; clear: both; margin-top: 10px;}
.inTitRight{ float: right; width: 705px; font-size: 14px; line-height: 26px; padding-top: 15px;}

.inPro{ width: 1200px; height: 300px; overflow: hidden;}
.inPro dl{ float: left; width: 300px; height: 300px; position: relative;}
.inPro dl a{ display: block; width: 100%; height: 100%;}
.inPro dl dt{width: 300px; height: 300px; overflow: hidden;}
.inPro dl dt img{width: 300px; height: 300px;}
.inPro dl a:hover  dt img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.inPro dl dd{ z-index: 999;  width: 100%; color: #FFFFFF; text-align: center; height: 38px; line-height: 38px; text-transform: uppercase; position: absolute; left: 0; bottom: 0;}
.inPro dl:nth-child(odd) dd{ background: #3ba5bd;}
.inPro dl:nth-child(even) dd{ background: #9db8bf;}

.inPro dl:nth-child(odd) dd:before{
		content:"";
		position:absolute;
		top:-10px;
		left:50%;
		margin-left: -10px;
		border-bottom:10px solid #3ba5bd;
		border-left:10px solid transparent;
		border-right:10px solid transparent;
	}
.inPro dl:nth-child(even) dd:before{
		content:"";
		position:absolute;
		top:-10px;
		left:50%;
		margin-left: -10px;
		border-bottom:10px solid #9db8bf;
		border-left:10px solid transparent;
		border-right:10px solid transparent;
	}

.inList2{ width: 100%; height: 200px;}
.inList2 dl{ float: left; text-align: center; color: #FFFFFF; width: 33.3%; height: 200px;}
.inList2 dl:nth-child(1){ background: #3ba5bd;}
.inList2 dl:nth-child(2){ background: #3594aa;}
.inList2 dl:nth-child(3){ background: #2e8095;}
.inList2 dl dt{ width: 100%; height: 80px; margin-top: 30px;}
.inList2 dl dd{ width: 100%; height: 70px; line-height: 70px; font-size: 28px;}

.inTit1{ width: 1200px; height: auto; padding: 55px 0; overflow: hidden; text-align: center;}
.inTit1 h1{ line-height: 80px; color: #000000; font-size: 36px; font-weight: normal;}
.inTit1 h3{ width: 50px; height: 2px; background: #3BA5BD; }
.inContribute{ width: 1200px; height: auto; overflow: hidden;} 
.inContributeLeft{ float: left; width: 570px; height: auto; overflow: hidden;}
.inContributeLeft dt{ width: 64px; height: auto; float: left;}
.inContributeLeft dd{ float: right; width: 475px; height: auto; overflow: hidden;}
.inContributeLeft dd .inCItem{ width: 475px; height: auto; overflow: hidden; margin-bottom: 35px;}
.inContributeLeft dd .inCItem h4{ color: #000000; font-size: 18px; line-height: 32px;}
.inContributeLeft dd .inCItem p{ color: #666666; font-size: 14px; line-height: 26px;}

.inContributeRight{ float: right; width: 570px; height: auto; overflow: hidden;}
.inContributeRight a{ display: block; float: left; margin: 0 0 1px 1px; width: 283px; height: 141px; overflow: hidden;}
.inContributeRight a img{width: 283px; height: 141px;}
.inContributeRight a:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}

.inAbbg{ width: 100%; height: 580px; background: url(../images/inAbout.jpg) no-repeat center;}
.inAbbox{ width: 1200px; height: 342px; padding-top: 118px;}
.inAbboxR{ float: right; width: 440px; height: 342px; padding: 50px; box-sizing: border-box; overflow: hidden; background: url(../images/inabTm.png) repeat;}
.inAbboxR h1{ font-size: 34px; font-weight: normal; color: #000000; line-height: 40px;}
.inAbboxR p{  font-size: 14px; line-height: 24px; color: #3ba5bd; height: 72px; overflow: hidden; margin: 25px 0;}
.inAbboxR a{ width: 140px; height: 43px; line-height: 43px; background: #3BA5BD; display: inline-block; color: #FFFFFF; text-align: center; border-radius: 3px; border-bottom: 1px solid #19839b;}


.inLinks{ width: 1200px; height: auto; overflow: hidden; padding-bottom: 50px;}
.inLinks a{ display: block; width: 240px; height: 64px; overflow: hidden; text-align: center; float: left; margin-top: 30px;}
.inLinks a img{ width: 184px; height: 64px;}
.inLinks a:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}

.inContactbg{ width: 100%; height: 400px; background: url(../images/inConbg.jpg) no-repeat; text-align: center;}
.inContactbg1{ width: 100%; height: 400px; background: url(../images/inContm.png) repeat;}

.inTit2{ width: 1200px; height: auto; padding: 65px 0 35px 0; overflow: hidden; text-align: center;}
.inTit2 h1{ line-height: 80px; color: #fff; font-size: 36px; font-weight: normal;}
.inTit2 h3{ width: 50px; height: 2px; background: #fff; }

.inContactbg p{ color: #FFFFFF; line-height: 32px; text-align: center; width: 660px; font-weight: bold;}
.inContactbg a{ margin-top: 35px; width: 150px; height: 43px; line-height: 43px; background: #3BA5BD; display: inline-block; color: #FFFFFF; text-align: center; border-radius: 3px; border-bottom: 1px solid #19839b;}

.footerbg{ width: 100%; padding: 50px 0; background: #333333; color: #FFFFFF;}
.footer{ width: 1200px; height: auto; overflow: hidden;}
.footer a{ color: #FFFFFF;}
.footer dl{ float: left; width: 300px; height: auto; overflow: hidden;}
.footer dl dt{ width: 100%; height: 42px; line-height: 42px; overflow: hidden; font-weight: bold; font-size: 16px ;}
.footer dl dd{ width: 100%; height: auto; padding-top: 10px;}
.footer dl dd a{ display: block; line-height: 30px;}
.footer dl h4{ font-size: 14px; line-height: 24px;}
.footer dl h3{ width: 100%; height: 28px; overflow: hidden; margin-top: 10px;}
.footer dl h3 a{ display: block; float: left; height: 28px; width: 28px; text-align: center; margin-right: 10px; border-radius: 50%;}
.footer dl h3 a i{ font-size: 16px; line-height: 28px;}
.footer dl h3 a:nth-child(1){ background: #3b60ae;}
.footer dl h3 a:nth-child(2){ background: #1dbbd8;}
.footer dl h3 a:nth-child(3){ background: #d13b19;}
.footer dl h3 a:nth-child(4){ background: #1477bc;}
.footer dl h3 a:nth-child(5){ background: #c3292f;}
.footer dl h3 a:nth-child(6){ background: #22a0d4;}
.footer dl h3 a:nth-child(7){ background: #bb0203;}
.footinfobg{ width: 100%; height: 55px; background: #222222;}
.footinfo{ width: 1200px; height: 55px; line-height: 55px; color: #FFFFFF;}



.banner2{ width: 100%; height: 180px; }
.banner2Txt{ width: 1200px; height: 180px; line-height: 180px; color: #FFFFFF; font-weight: bold; font-size: 36px;}

.abBoxbg{ width: 100%; height: auto; padding: 30px 0; background: #fcfcfc;}
.abBox{ width: 1200px; height: auto; line-height: 26px; font-size: 14px;}
.abBox img{ max-width: 100%; height: auto;}

.ConBoxbg{ width: 100%; height: auto; padding: 30px 0; background: #fafafa;}
.ConBox{ width: 1200px; height: auto; line-height: 26px; font-size: 14px;}
.ConBoxLeft{ float: left; width: 600px; height: auto; overflow: hidden;  line-height: 26px; font-size: 14px;}

.ConBoxRight{ float: right; width: 568px; height: auto; overflow: hidden;  line-height: 26px; font-size: 14px;}
.ConBoxRight h1{ line-height: 42px; font-size: 20px; color: #3ba5bd;}
.ConBoxRight p{ line-height: 26px; font-size: 14px; padding-bottom: 25px;}
.ConBoxRightDiv1{ width: 568px; height: 45px; margin-bottom: 20px;}
.ConBoxRightDiv1 li{ float: left; position: relative; width: 281px; height: 45px; margin-left: 6px;}
.ConBoxRightDiv1 li:first-child{ margin-left: 0;}
.ConBoxRightDiv1 li .coninput{ width: 281px; height: 45px;  line-height:45px;box-sizing: border-box; padding: 0 15px; background: #FFFFFF; border: 1px solid #e1e1e1;}


.ConBoxRightDiv2{ width: 568px; height: 45px; margin-bottom: 20px;}
.ConBoxRightDiv2 li{  position: relative; width: 568px; height: 45px;}
.ConBoxRightDiv2 li .coninput1{width: 568px; height: 45px;  line-height:45px;box-sizing: border-box; padding: 0 15px; background: #FFFFFF; border: 1px solid #e1e1e1;}

.ConBoxRightDiv3{ width: 568px; height: 180px; margin-bottom: 20px;}
.ConBoxRightDiv3 li{ position: relative; width: 568px; height: 180px;}
.ConBoxRightDiv3 li .contxt{width: 568px; height: 180px;  line-height:24px;box-sizing: border-box; padding: 15px; background: #FFFFFF; border: 1px solid #e1e1e1;}


.ConBoxRightDiv4{ width: 568px; height: 45px; margin-bottom: 20px;}
.ConBoxRightDiv4 li{  position: relative; width: 568px; height: 45px; }
.ConBoxRightDiv4 li .consub{width: 150px; height: 44px; line-height: 44px; background: #3BA5BD; border: none; color: #FFFFFF; text-align: center; border-radius: 3px; border-bottom: 1px solid #19839b;}

.ConMap{ width: 1200px; height: 450px; overflow: hidden;}

.SerBox{ width: 1200px; height: auto; line-height: 26px; font-size: 14px; padding:30px 0;}
.SerBox img{ max-width: 100%; height: auto;}
.SerHonorbg{ width: 100%; height: auto; padding: 30px 0; background: #f2f2f2; border-top: 1px solid #e1e1e1;}
.SerHonor{ width: 1200px; height: auto; overflow: hidden;}
.SerHonor dl{ float: left; text-align: center; width: 248px; height: 400px; overflow: hidden; margin: 0 25px;}
.SerHonor dl dt{ width: 248px; height: 352px; overflow: hidden;}
.SerHonor dl dt img{ width: 248px; height: 352px;}
.SerHonor dl dt a:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.SerHonor dl dd{ width: 248px; height: 48px; line-height: 48px; font-size: 16px; overflow: hidden;}

.photoList{ width: 1200px; height: auto; overflow: hidden; padding-top: 50px;}
.photoList dl{ float: left; width: 354px; height: 296px; overflow: hidden; text-align: center; margin: 0 20px;}
.photoList dl dt{ width: 354px; height: 236px; overflow: hidden;}
.photoList dl dt img {width: 354px; height: 236px; }
.photoList dl dt a:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.photoList dl dd{ width: 100%; height: 60px; line-height: 60px; font-size: 16px; overflow: hidden;}

.Newsbg{ width: 100%; background: #fafafa; height: auto; min-height: 600px; overflow: hidden;  border-top: 1px solid #e1e1e1;}
.NewsBox{ width: 1200px; height: auto; overflow: hidden;}
.NewsList{ float: left; border-right: 1px solid #e1e1e1; width: 833px;  min-height: 800px; padding-right: 50px; padding-top: 50px;}
.NewsList dl{ width: 833px; height: auto; overflow: hidden; margin-bottom: 50px;}
.NewsList dl dt{ width: 833px; height: 343px; overflow: hidden;}
.NewsList dl dt img{ width: 833px; height: 343px; border-radius: 3px;}
.NewsList dl dd{ width: 100%; height: auto;}
.NewsList dl dd h4{height: 40px; line-height: 40px; overflow: hidden; font-size: 20px;}
.NewsList dl dd h4 a{ color: #000; }
.NewsList dl dd h3{height: 30px; line-height: 30px; overflow: hidden; font-size: 13px; font-weight: normal; color: #999999;}
.NewsList dl dd p{height: 72px; line-height: 24px; overflow: hidden; font-size: 14px; font-weight: normal; color: #666;}
.NewsList dl dd h2{ padding-top: 15px;}
.NewsList dl dd h2 a{ color: #3ba5bd; font-weight: normal; font-size: 15px;}
.NewsList dl dd h2 a:hover{ text-decoration: underline;}



.NewsRight{ float: right; width: 276px; height: auto; overflow: hidden; padding-top: 50px;}
.NewsRsearch{ width: 276px; height: 41px; overflow: hidden;}
.NewsRsearch .NewsInput{ width: 235px; height: 41px; padding: 0 15px; background: #fff; border: 1px solid #e1e1e1; float: left; box-sizing: border-box;}
.NewsRsearch .NewsSub{color: #FFFFFF; font-size: 18px; float: left; width: 41px; height: 41px; text-align: center; background: #3ba5bd; border: none;}

.NewsRBox{ width: 276px; height: auto; padding-top: 40px; overflow: hidden;}
.NewsRBox h1{ color: #000000; font-size: 18px;}
.NewsRBox dl{ width: 276px; height: 36px; overflow: hidden; margin-top: 18px;}
.NewsRBox dl dt{ width: 34px; height: 34px; float: left; border: 1px solid #e1e1e1; text-align: center;}
.NewsRBox dl dt img{ width: 28px; height: 28px; padding-top: 3px;}
.NewsRBox dl dd{ width: 225px; float: right; height: 36px; overflow: hidden;}
.NewsRBox dl dd h4{ font-size: 14px; line-height: 18px; height:18px; overflow:hidden; }
.NewsRBox dl dd h4 a{ color: #000000;}
.NewsRBox dl dd p{ font-size: 13px; line-height: 18px; color: #999999; height:18px; overflow:hidden;}


.NewsShow{ float: left; border-right: 1px solid #e1e1e1; width: 833px;  min-height: 800px; padding-right: 50px; padding-top: 50px;}
.NewsSTit{ width: 100%; height: auto; padding: 15px 0; line-height: 42px; font-size: 34px; font-weight: bold; color: #000000;}
.NewsSAdmin{ width: 100%; height: 32px; line-height: 32px; overflow: hidden; color: #999999;}
.NewsSinfo{ width: 100%; height: auto; line-height: 26px; font-size: 14px; padding:20px 0;}
.NewsSinfo img{ max-width: 100%; height: auto;}

.NewsSActi{ width: 100%; height: auto; line-height: 32px; font-size: 14px;}
.NewsSActi li{ width: 100%; overflow: hidden;}
.NewsSActi li a{ padding-left: 15px;}

.goods_banner{ width: 100%; height: 400px;}
.goodsList{ width: 1280px; padding: 30px 0; overflow: hidden;}
.goodsList dl{ float: left; width: 368px; height: 529px; overflow: hidden; margin: 0 25px;}
.goodsList dl dt{ width: 368px; height: 368px; overflow: hidden;}
.goodsList dl dt img{ width: 368px; height: 368px;}
.goodsList dl dt a:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.goodsList dl dd{ width: 100%; height: auto; padding-top: 35px;}
.goodsList dl dd h4{ width: 100%; height: 50px; line-height: 50px; font-size: 21px;}
.goodsList dl dd h4 a{ color: #3BA5BD;}
.goodsList dl dd p{ width: 100%; height: 50px; line-height: 50px; font-size: 14px;}
.goodsList dl dd p a{ color: #3BA5BD;}


.relatedList{ width: 1200px; height: auto; padding: 30px 0; overflow: hidden;}
.relatedList dl{ float: left; width: 280px; height: auto; overflow: hidden; margin: 0 10px;} 
.relatedList dl dt{ width: 280px; height: 280px; overflow: hidden;} 
.relatedList dl dt img{ width: 280px; height: 280px;}  
.relatedList dl dt a:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.relatedList dl dd{ width: 280px; height: auto; padding: 15px 0;} 
.relatedList dl dd h4{ font-weight: normal; font-size: 16px; line-height: 30px;}
.relatedList dl dd h4 a{ color: #3BA5BD;}
.relatedList dl dd p{  font-size: 14px; line-height: 24px; height: 48px; overflow: hidden; margin-top: 10px;}
.relatedList dl dd p a{ color: #3BA5BD;}


.goodsContacts{ width: 1200px; height: 261px; overflow: hidden;}
.goodsContactsLeft{ float: left; width: 726px; height: 261px; overflow: hidden;}
.goodsContactsLeft img{width: 726px; height: 261px; }

.goodsContactsRight{ float: right; width: 474px; height: 251px; box-sizing: border-box; padding: 40px; background: #3ba5bd; overflow: hidden; text-align: center;}
.goodsContactsRight h4{ color: #FFFFFF; font-size: 21px; line-height: 28px; margin-top: 25px;}
.goodsContactsRight a{ margin-top: 20px; display: block; width: 140px; height: 44px; line-height: 44px; background: #FFFFFF; text-align: center; border-radius: 3px;}

.goodsCsMainbg{ width:100%; padding:50px 0; overflow:hidden; background:#fafafa;}
.goodsCsMain{ width:1200px; overflow:hidden;}
.goodsCsMainLeft{ float:left; width:782px; height:auto; overflow:hidden;}
.goodsCsMainLeft table{ border:1px solid #e1e1e1;  font-size: 14px; border-collapse:collapse; border-spacing:0; width:100%;}
.goodsCsMainLeft table td{ border:1px solid #e1e1e1; padding:8px 2px; text-align:center}
.goodsCsMainLeft table tr{background:#fff; }
.goodsCsMainLeft table tr:nth-child(even){ background: #e5e5e5;}

.goodsCsMainRight{ float:right; width:354px; height:auto; overflow:hidden;}
.goodsCsMainRightTit{ width:354px; height:31px; background: url(../images/goodsCsrLine.jpg) repeat-x; line-height:31px; overflow:hidden;}
.goodsCsMainRightTit h3{ font-size:20px; float:left; background:#fafafa; padding-right:20px; color:#333;}
.goodsCsMainRightRemark{ padding:25px 0; width:100%; height:auto; overflow:hidden; font-size:14px; line-height:25px;}
.goodsCsMainRightBtn{ width:354px; height:44px; line-height:44px; overflow:hidden; margin-bottom:50px;}
.goodsCsMainRightBtn a{ width:164px; height:43px; background:#3ba5bd; border-bottom:1px solid #19839b; border-radius: 3px; color:#fff; text-align:center; font-size:14px; display:block; float:left; }
.goodsCsMainRightBtn a i{ padding-right:10px; }

.goodsCsMainRightFrom{ width:354px; height:auto; overflow:hidden; padding-top:30px;}
.GoodsBoxRightDiv1{ width: 354px; height: 45px; margin-bottom: 20px;}
.GoodsBoxRightDiv1 li{ float: left; position: relative; width: 173px; height: 45px; margin-left: 6px;}
.GoodsBoxRightDiv1 li:first-child{ margin-left: 0;}
.GoodsBoxRightDiv1 li .coninput{ width: 173px; height: 45px;  line-height:45px;box-sizing: border-box; padding: 0 15px; background: #FFFFFF; border: 1px solid #e1e1e1;}


.GoodsBoxRightDiv2{ width: 354px; height: 45px; margin-bottom: 20px;}
.GoodsBoxRightDiv2 li{  position: relative; width: 354px; height: 45px;}
.GoodsBoxRightDiv2 li .coninput1{width: 354px; height: 45px;  line-height:45px;box-sizing: border-box; padding: 0 15px; background: #FFFFFF; border: 1px solid #e1e1e1;}

.GoodsBoxRightDiv3{ width: 354px; height: 180px; margin-bottom: 20px;}
.GoodsBoxRightDiv3 li{ position: relative; width: 354px; height: 180px;}
.GoodsBoxRightDiv3 li .contxt{width: 354px; height: 180px;  line-height:24px;box-sizing: border-box; padding: 15px; background: #FFFFFF; border: 1px solid #e1e1e1;}


.GoodsBoxRightDiv4{ width: 354px; height: 45px; margin-bottom: 20px;}
.GoodsBoxRightDiv4 li{  position: relative; width: 568px; height: 45px; }
.GoodsBoxRightDiv4 li .consub{width: 150px; height: 44px; line-height: 44px; background: #3BA5BD; border: none; color: #FFFFFF; text-align: center; border-radius: 3px; border-bottom: 1px solid #19839b;}





 
@media (min-width: 320px) and (max-width:767px ) {
	
#home .home ul li a{ color: #666; border-right: none;}
#home .home ul li a:hover{color: #fff;  background: #3ba5bd;}

#about .about ul li a{ color: #666; border-bottom: none;}
#about .about ul li a:hover{color: #fff;  background: #3ba5bd;}

#products .products ul li a{ color: #FFFFFF; border-bottom: none;}
#products .products ul li a:hover{color: #fff;  background: #3ba5bd;}

#news .news ul li a{ color: #666; border-bottom: none;}
#news .news ul li a:hover{color: #fff;  background: #3ba5bd; }

#ser .ser ul li a{ color: #666; border-bottom: none;}
#ser .ser ul li a:hover{color: #fff;  background: #3ba5bd; }

#photo .photo ul li a{ color: #666; border-bottom: none;}
#photo .photo ul li a:hover{color: #fff;  background: #3ba5bd;}

#contact .contact ul li a{ color: #666; border-bottom: none;}
#contact .contact ul li a:hover{color: #fff;  background: #3ba5bd;}
	
	
	
.topbg{ width: 100%; height: 60px; background: #4b4e53; position: absolute; left: 0; top: 0; z-index: 9999;}
.top{ color: #FFFFFF; line-height: 30px; width: 100%; overflow: hidden; text-align: center; font-size: 0.8rem;}
.top span{ float: none; width: 100%; display: block; height: 30px; text-align: center;}
.top span a{ color: #FFFFFF; height: 30px;  display: inline-block; float: none; text-align: center; padding: 0 10px; margin-left:-5px; border: 1px solid #FFFFFF;}
.top span a i{line-height: 30px; font-size: 15px;}
.top span a:hover{ background: #3BA5BD;}

.Headerbg{ display: none;}


.searchshow1{display: none; width:94% ; padding: 0 3%; height: 44px; padding-top: 10px; border-bottom: 1px solid #EEEEEE; background: #FFFFFF; z-index: 9999;  position: relative; }
.searchshow1 .inputt{ width: 90%; padding: 0 3%; box-sizing: border-box;  height: 34px; border: 1px solid #ddd;  border-right:none ; float: left; font-size: 0.9rem; color:#999;}
.searchshow1 .submitt{ width: 10%; height: 34px; float: left;  border: none; background: #3ba5bd; text-align: center;  color:#fff; font-size: 1.2rem;}

.main_visual{height:250px;overflow:hidden;position:relative;}
.main_image{height:250px;overflow:hidden;position:relative;}
.main_image ul{width:9999px;height:250px;overflow:hidden;position:absolute;top:0;left:0}
.main_image li{float:left;width:100%;height:250px;}
.main_image li span{display:block;width:100%;height:250px}
.main_image li a{display:block;width:100%;height:250px}
div.flicking_con{position:absolute;bottom:10px;left:50%;z-index:666;width:100%;height:10px;margin:0 0 0 -24px;}
div.flicking_con a{float:left;width:10px;height:10px;margin:0 4px; padding:0; background:#FFFFFF;display:block;text-indent:-1000px; border-radius: 10px;}
div.flicking_con a.on{background:#3BA5BD;}
#btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:34px!important;height:34px!important;top:50%;margin-top:-17px;}
#btn_prev{background:url(../images/hover_left.png) no-repeat left top;left:3%; background-size:cover ;}
#btn_next{background:url(../images/hover_right.png) no-repeat right top;right:3%; background-size:cover ;}



.inProbg{ background:#fafafa; width: 100%; height: auto; padding-bottom: 60px;}
.inTit{ width: 94%; height: auto; padding: 25px 0; overflow: hidden;}
.inTitLeft{ width: 100%; height: auto; float: none; overflow: hidden;}
.inTitLeft h1{ color: #3BA5BD; font-size:2rem; line-height: 44px; font-weight: normal;}
.inTitLeft h2{ text-transform: uppercase; color: #000; font-size: 1rem; line-height: 44px;}
.inTitLeft h3{ width: 50px; height: 2px; background: #3BA5BD; float: left; clear: both; margin-top: 10px;}
.inTitRight{ float: none; width: 100%; font-size: 0.9rem; line-height: 26px; padding-top: 15px;}

.inPro{ width: 94%; height: auto; overflow: hidden;}
.inPro dl{ float: left; width: 50%; height: auto; position: relative;}
.inPro dl a{ display: block; width: 100%; height: 100%;}
.inPro dl dt{width: 100%; height: 100%; overflow: hidden;}
.inPro dl dt img{width: 100%; height: 100%; }
.inPro dl a:hover  dt img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.inPro dl dd{ font-size: 0.9rem; z-index: 999;  width: 100%; color: #FFFFFF; text-align: center; height: 38px; line-height: 38px; text-transform: uppercase; position: absolute; left: 0; bottom: 0;}

.inList2{ width: 100%; height: auto;}
.inList2 dl{ float: none; text-align: center; color: #FFFFFF; width: 100%; height: auto; padding: 25px 0;}
.inList2 dl:nth-child(1){ background: #3ba5bd;}
.inList2 dl:nth-child(2){ background: #3594aa;}
.inList2 dl:nth-child(3){ background: #2e8095;}
.inList2 dl dt{ width: 100%; height: 80px; margin-top: 0;}
.inList2 dl dd{ width: 100%; height: 70px; line-height: 70px; font-size: 1.4rem;}

.inTit1{ width: 94%; height: auto; padding:25px 0; overflow: hidden; text-align: center;}
.inTit1 h1{ line-height: 60px; color: #000000; font-size:1rem; font-weight: normal;}
.inTit1 h3{ width: 50px; height: 2px; background: #3BA5BD; }
.inContribute{ width: 94%; height: auto; overflow: hidden;} 
.inContributeLeft{ float: none; width: 100%; height: auto; overflow: hidden;}
.inContributeLeft dt{ width: 64px; height: auto; float: left; display: none;}
.inContributeLeft dd{ float: none; width: 100%; height: auto; overflow: hidden;}
.inContributeLeft dd .inCItem{ width: 100%; height: auto; overflow: hidden; margin-bottom: 15px;}
.inContributeLeft dd .inCItem h4{ color: #000000; font-size: 1rem; line-height: 32px;}
.inContributeLeft dd .inCItem p{ color: #666666; font-size: 0.9rem; line-height: 26px;}

.inContributeRight{ float: none; width: 100%; height: auto; overflow: hidden;}
.inContributeRight a{ display: block; float: left; margin: 0 0 1px 0%; width: 100%; box-sizing: border-box; height: auto; overflow: hidden;}
.inContributeRight a img{width: 100%; height: 100%; }
.inContributeRight a:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}


.inAbbg{ width: 100%; height: auto; background: url(../images/inAbout.jpg) no-repeat center; background-size:cover ;}
.inAbbox{ width: 80%; height: auto; padding-top: 30px; padding-bottom: 30px;}
.inAbboxR{ float: none; width: 100%; height: auto; padding: 20px; box-sizing: border-box; overflow: hidden; background: url(../images/inabTm.png) repeat;}
.inAbboxR h1{ font-size: 1.8rem; font-weight: normal; color: #000000; line-height: 40px;}
.inAbboxR p{  font-size: 0.9rem; line-height: 24px; color: #3ba5bd; height: 72px; overflow: hidden; margin: 25px 0;}
.inAbboxR a{font-size: 0.9rem;  width: 140px; height: 43px; line-height: 43px; background: #3BA5BD; display: inline-block; color: #FFFFFF; text-align: center; border-radius: 3px; border-bottom: 1px solid #19839b;}


.inLinks{ width: 94%; height: auto; overflow: hidden; padding-bottom:30px;}
.inLinks a{ display: block; width: 50%; height: auto; overflow: hidden; text-align: center; float: left; margin-top: 10px;}
.inLinks a img{ width: 80%; height: auto;}
.inLinks a:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}

.inContactbg{ width: 100%; height: auto; background: url(../images/inConbg.jpg) no-repeat; text-align: center; background-size:cover ;}
.inContactbg1{ width: 100%; height: auto; background: url(../images/inContm.png) repeat; padding-bottom: 35px;}

.inTit2{ width: 80%; height: auto; padding: 35px 0 35px 0; overflow: hidden; text-align: center;}
.inTit2 h1{ line-height: 60px; color: #fff; font-size:1.4rem; font-weight: normal;}
.inTit2 h3{ width: 50px; height: 2px; background: #fff; }

.inContactbg p{ color: #FFFFFF; line-height: 32px; text-align: center; width: 100%; font-size: 0.9rem; font-weight: bold;}
.inContactbg a{font-size: 0.9rem; margin-top: 35px; width: 150px; height: 43px; line-height: 43px; background: #3BA5BD; display: inline-block; color: #FFFFFF; text-align: center; border-radius: 3px; border-bottom: 1px solid #19839b;}

.footerbg{ width: 100%; padding: 30px 0; background: #333333; color: #FFFFFF;}
.footer{ width: 80%; height: auto; overflow: hidden;}
.footer a{ color: #FFFFFF;}
.footer dl{ float: none; width: 100%; height: auto; overflow: hidden; margin-bottom: 20px;}
.footer dl dt{ width: 100%; height: 42px; line-height: 42px; overflow: hidden; font-weight: bold; font-size: 1rem ;}
.footer dl dd{ width: 100%; height: auto; padding-top: 10px;}
.footer dl dd a{ display: block; line-height: 30px; font-size: 0.9rem;}
.footer dl h4{ font-size: 0.9rem; line-height: 24px;}
.footer dl h3{ width: 100%; height: 28px; overflow: hidden; margin-top: 10px;}
.footer dl h3 a{ display: block; float: left; height: 28px; width: 28px; text-align: center; margin-right: 10px; border-radius: 50%;}
.footer dl h3 a i{ font-size: 16px; line-height: 28px;}
.footer dl h3 a:nth-child(1){ background: #3b60ae;}
.footer dl h3 a:nth-child(2){ background: #1dbbd8;}
.footer dl h3 a:nth-child(3){ background: #d13b19;}
.footer dl h3 a:nth-child(4){ background: #1477bc;}
.footer dl h3 a:nth-child(5){ background: #c3292f;}
.footer dl h3 a:nth-child(6){ background: #22a0d4;}
.footer dl h3 a:nth-child(7){ background: #bb0203;}
.footinfobg{ width: 100%; height: auto; background: #222222; text-align: center; padding: 15px 0;}
.footinfo{ width: 80%; font-size: 0.8rem; height: auto; line-height: 24px; color: #FFFFFF;}

.banner2{ width: 100%; height: 180px; }
.banner2Txt{ width: 100%; height: 180px; line-height: 180px; color: #FFFFFF; font-weight: bold; font-size: 2rem; text-align: center;}

.abBoxbg{ width: 100%; height: auto; padding: 30px 0; background: #fcfcfc;}
.abBox{ width: 94%; height: auto; line-height: 26px; font-size: 0.9rem;}

.ConBoxbg{ width: 100%; height: auto; padding: 30px 0; background: #fafafa;}
.ConBox{ width: 94%; height: auto; line-height: 26px; font-size: 0.9rem;}
.ConBoxLeft{ float: none; width: 100%; height: auto; overflow: hidden;  line-height: 26px; font-size: 0.9rem; margin-bottom: 25px;}

.ConBoxRight{ float: none; width: 100%; height: auto; overflow: hidden;  line-height: 26px; font-size: 0.9rem;}
.ConBoxRight h1{ line-height: 42px; font-size: 1.4rem; color: #3ba5bd;}
.ConBoxRight p{ line-height: 26px; font-size: 0.9rem; padding-bottom: 25px;}
.ConBoxRightDiv1{ width: 100%; height: auto; margin-bottom: 0;}
.ConBoxRightDiv1 li{ float: none; position: relative; width: 100%; height: 45px; margin-left: 0; margin-bottom: 25px;}
.ConBoxRightDiv1 li:first-child{ margin-left: 0;}
.ConBoxRightDiv1 li .coninput{ width: 100%; height: 45px;  line-height:45px;box-sizing: border-box; padding: 0 15px; background: #FFFFFF; border: 1px solid #e1e1e1;}


.ConBoxRightDiv2{ width: 100%; height: auto; margin-bottom: 0;}
.ConBoxRightDiv2 li{  position: relative; width: 100%; height: 45px;  margin-bottom: 25px;}
.ConBoxRightDiv2 li .coninput1{width: 100%; height: 45px;  line-height:45px;box-sizing: border-box; padding: 0 15px; background: #FFFFFF; border: 1px solid #e1e1e1;}

.ConBoxRightDiv3{ width: 100%; height: auto; margin-bottom: 0;}
.ConBoxRightDiv3 li{ position: relative; width: 100%; height: auto; margin-bottom: 25px;}
.ConBoxRightDiv3 li .contxt{width: 100%; height: 100px; line-height:24px;box-sizing: border-box; padding: 15px; background: #FFFFFF; border: 1px solid #e1e1e1;}


.ConBoxRightDiv4{ width: 100%; height: 45px; margin-bottom: 20px;}
.ConBoxRightDiv4 li{  position: relative; width: 568px; height: 45px; }
.ConBoxRightDiv4 li .consub{width: 150px; height: 44px; line-height: 44px; background: #3BA5BD; border: none; color: #FFFFFF; text-align: center; border-radius: 3px; border-bottom: 1px solid #19839b;}

.ConMap{ width: 94%; height: 250px; overflow: hidden;}

.SerBox{ width: 94%; height: auto; line-height: 26px; font-size: 0.9rem; padding:30px 0;}
.SerBox img{ max-width: 100%; height: auto;}
.SerHonorbg{ width: 100%; height: auto; padding: 30px 0; background: #f2f2f2; border-top: 1px solid #e1e1e1;}
.SerHonor{ width: 100%; height: auto; overflow: hidden;}
.SerHonor dl{ float: left; text-align: center; width: 46%; height: auto; overflow: hidden; margin: 0 2%;}
.SerHonor dl dt{ width: 100%; height: auto; overflow: hidden;}
.SerHonor dl dt img{  width: 100%; height: auto; }
.SerHonor dl dt a:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.SerHonor dl dd{ width: 100%; height: 48px; line-height: 48px; font-size: 1rem; overflow: hidden;}

.photoList{ width: 100%; height: auto; overflow: hidden; padding-top: 50px;}
.photoList dl{ float: left; width: 46%; height: auto; overflow: hidden; text-align: center; margin: 0 2%;}
.photoList dl dt{  width: 100%; height: auto;  overflow: hidden;}
.photoList dl dt img { width: 100%; height: auto;  }
.photoList dl dt a:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.photoList dl dd{ width: 100%; height: 60px; line-height: 60px; font-size: 1rem; overflow: hidden;}

.Newsbg{ width: 100%; background: #fafafa; height: auto; min-height: 600px; overflow: hidden;  border-top: 1px solid #e1e1e1;}
.NewsBox{ width: 94%; height: auto; overflow: hidden;}
.NewsList{ float: none; border-right: none; width: 100%; padding-right: 0; padding-top: 30px;}
.NewsList dl{ width: 100%; height: auto; overflow: hidden; margin-bottom:30px;}
.NewsList dl dt{ width: 100%; height: auto; overflow: hidden;}
.NewsList dl dt img{ width: 100%; height: auto; border-radius:3px;}
.NewsList dl dd{ width: 100%; height: auto;}
.NewsList dl dd h4{height: 40px; line-height: 40px; overflow: hidden; font-size: 1.2rem;}
.NewsList dl dd h4 a{ color: #000; }
.NewsList dl dd h3{height: 30px; line-height: 30px; overflow: hidden; font-size: 0.8rem; font-weight: normal; color: #999999;}
.NewsList dl dd p{height: 72px; line-height: 24px; overflow: hidden; font-size: 0.9rem; font-weight: normal; color: #666;}
.NewsList dl dd h2{ padding-top: 15px;}
.NewsList dl dd h2 a{ color: #3ba5bd; font-weight: normal; font-size: 0.9rem;}
.NewsList dl dd h2 a:hover{ text-decoration: underline;}



.NewsRight{ display: none;}
.NewsShow{ float: none; border-right: none; width: 100%;  min-height: 500px; padding-right: 0; padding-top: 20px;}
.NewsSTit{ width: 100%; height: auto; padding: 15px 0; line-height: 42px; font-size: 2rem; font-weight: bold; color: #000000;}
.NewsSAdmin{ width: 100%; height: 32px; line-height: 32px; overflow: hidden; color: #999999;}
.NewsSinfo{ width: 100%; height: auto; line-height: 26px; font-size: 0.9rem; padding:20px 0;}
.NewsSinfo img{ max-width: 100%; height: auto;}

.NewsSActi{ width: 100%; height: auto; line-height: 32px; font-size: 0.9rem;}
.NewsSActi li{ width: 100%; overflow: hidden;}
.NewsSActi li a{ padding-left: 15px;}

.goods_banner{ width: 100%; height: 200px;}
.goodsList{ width: 94%; padding: 30px 0; overflow: hidden;}
.goodsList dl{ float: left; width: 100%; height: auto; overflow: hidden; margin: 0 0;}
.goodsList dl dt{ width: 100%; height: auto; overflow: hidden;}
.goodsList dl dt img{ width: 100%; height: auto;}
.goodsList dl dt a:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.goodsList dl dd{ width: 100%; height: auto; padding-top: 35px; padding-bottom: 35px;}
.goodsList dl dd h4{ width: 100%; height: 50px; line-height: 50px; font-size: 1.4rem;}
.goodsList dl dd h4 a{ color: #3BA5BD;}
.goodsList dl dd p{ width: 100%; height: 50px; line-height: 50px; font-size: 0.9rem;}
.goodsList dl dd p a{ color: #3BA5BD;}


.relatedList{ width: 94%; height: auto; padding: 30px 0; overflow: hidden;}
.relatedList dl{ float: left; width: 100%; height: auto; overflow: hidden; margin: 0 0;} 
.relatedList dl dt{ width: 100%; height: auto; overflow: hidden;} 
.relatedList dl dt img{ width: 100%; height: auto; }  
.relatedList dl dt a:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.relatedList dl dd{ width: 100%; height: auto; padding: 15px 0;} 
.relatedList dl dd h4{ font-weight: normal; font-size: 1rem; line-height: 30px;}
.relatedList dl dd h4 a{ color: #3BA5BD;}
.relatedList dl dd p{  font-size: 0.9rem; line-height: 24px; height: 48px; overflow: hidden; margin-top: 10px;}
.relatedList dl dd p a{ color: #3BA5BD;}


.goodsContacts{ width: 94%; height: auto; overflow: hidden;}
.goodsContactsLeft{ float: none; width: 100%; height: auto; overflow: hidden;}
.goodsContactsLeft img{width: 100%; height: auto;}

.goodsContactsRight{ float: none; width: 100%; height: autp; box-sizing: border-box; padding: 20px; background: #3ba5bd; overflow: hidden; text-align: center;}
.goodsContactsRight h4{ color: #FFFFFF; font-size: 1.2rem; line-height: 28px; margin-top: 25px;}
.goodsContactsRight a{ margin-top: 20px; display: block; width: 140px; height: 44px; line-height: 44px; background: #FFFFFF; text-align: center; border-radius: 3px;}
 
 
 .goodsCsMainbg{ width:100%; padding:50px 0; overflow:hidden; background:#fafafa;}
.goodsCsMain{ width:96%; overflow:hidden;}
.goodsCsMainLeft{ float:none; width:100%; height:auto; overflow:hidden;}
.goodsCsMainLeft table{ border:1px solid #e1e1e1;  font-size: 0.9rem; border-collapse:collapse; border-spacing:0; width:100%; }
.goodsCsMainLeft table td{ border:1px solid #e1e1e1; padding:8px 2px; text-align:center}
.goodsCsMainLeft table tr{background:#fff; }
.goodsCsMainLeft table tr:nth-child(even){ background: #e5e5e5;}

.goodsCsMainRight{ float:none; width:100%; height:auto; overflow:hidden; padding-top:30px;}
.goodsCsMainRightTit{ width:100%; height:31px; background: url(../images/goodsCsrLine.jpg) repeat-x; line-height:31px; overflow:hidden;}
.goodsCsMainRightTit h3{ font-size:1.1rem; float:left; background:#fafafa; padding-right:20px; color:#333;}
.goodsCsMainRightRemark{ padding:25px 0; width:100%; height:auto; overflow:hidden; font-size:0.9rem; line-height:25px;}
.goodsCsMainRightBtn{ width:100%; height:44px; line-height:44px; overflow:hidden; margin-bottom:30px;}
.goodsCsMainRightBtn a{ width:264px; height:43px; background:#3ba5bd; border-bottom:1px solid #19839b; border-radius: 3px; color:#fff; text-align:center; font-size:1rem; display:block; float:left; }
.goodsCsMainRightBtn a i{ padding-right:10px; }

.goodsCsMainRightFrom{ width:100%; height:auto; overflow:hidden; padding-top:30px;}
.GoodsBoxRightDiv1{ width: 100%; height: auto; margin-bottom: 20px;}
.GoodsBoxRightDiv1 li{ float: none; position: relative; width: 100%; height: 45px; margin-left: 0; margin-bottom:20px}
.GoodsBoxRightDiv1 li:first-child{ margin-left: 0;}
.GoodsBoxRightDiv1 li .coninput{ width: 100%; height: 45px;  line-height:45px;box-sizing: border-box; padding: 0 15px; background: #FFFFFF; border: 1px solid #e1e1e1;}


.GoodsBoxRightDiv2{ width: 100%; height: 45px; margin-bottom: 20px;}
.GoodsBoxRightDiv2 li{  position: relative; width: 100%; height: 45px;}
.GoodsBoxRightDiv2 li .coninput1{width: 100%; height: 45px;  line-height:45px;box-sizing: border-box; padding: 0 15px; background: #FFFFFF; border: 1px solid #e1e1e1;}

.GoodsBoxRightDiv3{ width: 100%; height: 180px; margin-bottom: 20px;}
.GoodsBoxRightDiv3 li{ position: relative; width: 100%; height: 180px;}
.GoodsBoxRightDiv3 li .contxt{width: 100%; height: 180px;  line-height:24px;box-sizing: border-box; padding: 15px; background: #FFFFFF; border: 1px solid #e1e1e1;}


.GoodsBoxRightDiv4{ width: 100%; height: 45px; margin-bottom: 20px;}
.GoodsBoxRightDiv4 li{  position: relative; width: 568px; height: 45px; }
.GoodsBoxRightDiv4 li .consub{width: 264px; height: 44px; line-height: 44px; background: #3BA5BD; border: none; color: #FFFFFF; text-align: center; font-size:1rem; border-radius: 3px; border-bottom: 1px solid #19839b;}



}