body {width:100%;font:12px/1.5 "微软雅黑",sans-serif;background: #fff;position:relative;line-height:22px;}
*{margin:0;padding:0;border:0;font-family: '微软雅黑';}
a{text-decoration:none;}
p,i,b,u,span,h1,h2,h3,h4,h5,h6,em,strong,dfn{cursor:default;font-weight:normal;}
i,em,strong,q,cite,dfn{font-style:normal;cursor:default;}
big{font-size:12px;cursor:default;}
u{text-decoration:none;}
ul,ol{list-style:none;display:block;cursor:default;}
q::after{content:"";}
q::before{content:"";}
.clear {clear: both;}
.container {display: block;width: 1200px;margin: 0 auto;position: relative;}

.header {width: 100%;height: 120px;}
.header .logo {display: block;float: left;width: 195px;height: 82px;margin-top: 19px;margin-left: 42px;position: relative;}
.header .logo img {display: block;width: 100%;}
.header .menubut {float: right;padding: 8px 6px 5px 6px;border:1px solid #ddd;border-radius: 5px;display: none;}
.header .menubut span {display: block;width: 26px;height: 3px;background: #383838;margin-bottom: 3px;}
.header ul {display: block;float: right;margin-top: 70px;margin-right: 24px;position: relative;}
.header ul li {float: left;margin-left: 50px;}
.header ul li a {font-size: 15.2px;color: #000;line-height: 20px;}
.header ul li a:hover,.header ul li.on a {color: #005aab;}
.header dl {display: block;position: absolute;top: 25px;right: 24px;height: 16px;line-height: 16px;width: 166px;}
.header dl dd {display: block;float: left;height: 16px;line-height: 16px;margin-left: 10px;width: auto;}
.header dl dd span {font-size: 12px;color: #626262;line-height: 16px;height: 16px;display: block;float: left;margin-left: 5px;cursor: pointer;}
.header dl dd img {display: block;float: left;}

.gonggao {width: 100%;height: 42px;line-height: 42px;background: #294477;}
.gonggao .gonggaobox {height: 100%;line-height: 42px;padding-left: 42px;}
.gonggao .gonggaobox span {display: block;height: 42px;line-height: 42px;color: #fff;font-size: 14px;float: left;}
.gonggao .gonggaobox .scroll {display: block;height: 24px;line-height: 24px;float: left;margin-top: 9px;margin-left: 10px;overflow: hidden;width: 90%;white-space: nowrap;text-overflow: ellipsis;}
.gonggao .gonggaobox .scroll a {display: block;width: 200%;}
.gonggao .gonggaobox .scroll .time {float: left;display: block;background: #7f8fae;font-size: 12px;color: #fff;width: 75px;height: 18px;line-height: 18px;text-align: center;margin-top: 3px;margin-bottom: 3px;}
.gonggao .gonggaobox .scroll .text {float: left;margin-left: 20px;font-size: 12px;color: #fff;height: 18px;line-height: 18px;margin-top: 3px;margin-bottom: 3px;}

.banner {position: relative;}
.banner2 {position: relative;width:100%;overflow: hidden;display: none;}

.slider {position: relative;display: block;width: 100%;height: 690px;overflow: hidden;}
.slider-container {height: 690px;/*margin: 0 auto 0px;*/overflow: hidden;position: relative;width: 1920px;left:50%;margin-left:-960px;}
.slider-container .slider-wrapper {left: 0;overflow: hidden;position: absolute;top: 0;width: 5000em;-webkit-transition: all 800ms ease;-moz-transition: all 800ms ease;-o-transition: all 800ms ease;transition: all 800ms ease;}
.slider-container .slide {float: left;height: 690px;overflow: hidden;position: relative;width: 1920px;background: url(../images/banner_b.jpg) no-repeat;background-position: center;}
.slider-container .slide a{display: block;width: 100%;height: 100%;}
.slider-nav {display: none;position: absolute;bottom: 0px;text-align: center;width: 100%;height: 26px;}
.slider-nav li {display: inline;padding: 8px;}
.slider-nav .bullet {display: none;background-color: rgba(255,255,255,0.5);border-radius: 50%;display: inline-block;text-indent: -9000px;overflow: hidden;height: 16px;width: 16px;}
.slider-nav .active {background-color: #fff;}
.slider-nav .prev {display: none;}
.slider-nav .next {display: none;}

.videobox {width: 100%;background: url(../images/icon_5.png) no-repeat center bottom;padding-top: 20px;}
.videobox .title {width: 335px;height: 99px;margin: 0 auto;}
.videobox .video {width: 497px;height: 323px;margin: 40px auto 0 auto;}
.videobox .video .videoss {width: 100%;height: 100%;}
.videobox p {margin: 40px auto 0 auto;font-size: 18px;line-height: 24px;color: #0a0a0a;text-align: center;padding-bottom: 75px;}

.shipu {width: 100%;padding: 70px 0 45px 0;background: #282828;margin-top: 20px;}
.shipu .shipu-box h1 {font-size: 30px;line-height: 30px;line-height: 30px;text-align: center;color: #fff;display: block;padding-bottom: 23px}
.shipu .shipu-box span {font-size: 24px;line-height: 24px;line-height: 24px;text-align: center;color: #fff;display: block;padding-bottom: 50px;}
.shipu .shipu-bottom {width: 1800px;height: 340px;overflow: hidden;margin: 0 auto;}
.shipu .shipu-bottom .spbx {width: 300px;height: 170px;float: left;overflow:hidden;position: relative;transition:all 300ms;-webkit-transition:all 300ms;-ms-transition:all 300ms;-o-transition:all 300ms;-moz-transition:all 300ms;}
.shipu .shipu-bottom .spbx img.t {z-index:60;position: absolute;top: 0px;left: 0px;width: 100%;height: auto;transition:all 300ms;-webkit-transition:all 300ms;-ms-transition:all 300ms;-o-transition:all 300ms;-moz-transition:all 300ms;}
.shipu .shipu-bottom .spbx .detail {z-index:99;position: absolute;top: 170px;left: 0px;width: 100%;height: 100%;background: #1a1816;transition:all 300ms;-webkit-transition:all 300ms;-ms-transition:all 300ms;-o-transition:all 300ms;-moz-transition:all 300ms;}
.shipu .shipu-bottom .spbx .detail a.t {font-size: 18px;color: #fff;display: block;margin: 32px 20px 12px 20px;cursor: pointer;white-space: nowrap;text-overflow:ellipsis; overflow:hidden;}
.shipu .shipu-bottom .spbx:hover img.t {top: -170px;}
.shipu .shipu-bottom .spbx:hover .detail {top: 0px;}
.shipu .shipu-bottom .spbx .detail p {font-size: 12px;color: #fff;display: block;padding: 0px 20px 0px 20px;line-height: 18px;height: 36px;overflow: hidden;margin-bottom: 12px;}
.shipu .shipu-bottom .spbx .detail a.b {display: block;width: 18px;height: 15px;margin-left: 20px;}
.shipu .vendors_but {padding-top: 50px;height: 35px;}
.shipu .vendors_but a {width: 200px;height: 35px;line-height: 35px;text-align: center;background: #005aab;display: block;font-size: 14px;color: #fff;margin: 0 auto;border-radius: 5px;}

.aboutbox {width: 100%;padding-top: 70px;}
.aboutbox .tit {width: 148px;height: 149px;border:1px solid #3b3b3b;border-top: 0px;float: left;margin-left: 20px;}
.aboutbox .tit h3 {width: 100%;line-height: 18px;height: 18px;font-size: 18px;text-align: center;color: #383838;font-weight: bold;padding-top: 42px;}
.aboutbox .tit h4 {width: 100%;line-height: 8px;height: 8px;font-size: 8px;text-align: center;color: #383838;padding-top: 4px;}
.aboutbox .tit span {display: block;width: 70px;height: 3px;background: #005aab;margin: 30px auto 0 auto;}
.aboutbox p {float: left;display: block;margin-top: 30px;margin-left: 50px;width: 500px;font-size: 14px;color: #383838;line-height: 24px;}
.aboutbox .pic {float: left;width: 315px;height: 150px;margin-left: 40px;}
.aboutbox .more {float: left;width: 65px;height: 65px;border-right: 1px solid #383838;margin-top: 42.5px;margin-left: 30px;line-height: 65px;}
.aboutbox .more a {color: #383838;font-size: 12px;}

.fourbut {width: 100%;padding-top: 85px;padding-bottom: 45px;}
.fourbut ul {width: 100%;}
.fourbut ul li {width: 25%;float: left;position:relative;}
.fourbut ul li .left {width: 89px;height: 89px;float: left;margin-left: 55px;}
.fourbut ul li .right {float: right;height: 89px;width: 145px;}
.fourbut ul li .right h3 {display: block;line-height: 18px;font-size: 14px;color: #000;padding-top: 6px;}
.fourbut ul li .right span {display: block;line-height: 14px;font-size: 12px;color: #333;padding-top: 8px}
.fourbut ul li .right a {display: block;height: 12px;line-height: 12px;font-size: 12px;color: #005aab;padding-top: 8px;}
.fourbut ul li .code {padding: 15px;width: 200px;background: #444;position: absolute;bottom: 60px;left: 75px;display: none;z-index: 999;}
.fourbut ul li .code img{width: 100%;}
.fourbut ul li .code p {display: block;width: 100%;text-align: center;font-size: 12px;color: #fff;line-height: 24px;padding-top: 5px;}
.fourbut ul li .code span {width: 0;height: 0;border-left: 20px solid transparent;border-right: 20px solid transparent;border-top: 25px solid #444;position: absolute;bottom: -35px;left: 50%;margin-left: -20px;}
.fourbut ul li a:hover .code {display: block;}

.footer {border-top: 1px solid #bfbfbf;}
.footer .left {float: left;padding: 30px 0 32px 5px;}
.footer .left .link {color: rgba(0,0,0,0.9);font-size: 12px;padding-bottom: 18px;}
.footer .left .link a {color: rgba(0,0,0,0.6);font-size: 12px;display: inline-block;margin: 0 15px;}
.footer .left .link a:hover {color:#005aab;}
.footer .left p {color: rgba(0,0,0,0.7);font-size: 12px;padding-left: 15px;}
.footer .right {float: right;padding: 55px 13px 0 0;}
.footer .right p {font-size: 14px;font-weight: bold;color: #676767;}
.footer .right p span {color:#007abe;font-size: 18px;font-weight: bold;}

.main_visual{height:422px;overflow:hidden;position:relative;display: none;}


.neibanner {width: 100%;height: 280px;overflow: hidden;position: relative;background: #fcf0f0;}
.neibanner .neibannerbox {display: block;width: 2700px;height: 100%;position: absolute;left: 50%;margin-left: -1350px;text-align: center;}
.neibanner .neibannerbox img {height: 100%;width: auto;display: inline-block;}

.tp_box {padding-bottom: 35px;}
.tp_box .top {height: 80px;background: #ececec;}
.tp_box .top .title {line-height: 80px;font-size: 20px;color: #333;float: left;padding-left: 30px;}
.tp_box .top .position {line-height: 80px;font-size: 12px;padding-right: 30px;float: right;color: #666;}
.tp_box .top .position a {color: #666;}
.tp_box .bottom {height: 12px;background: #fff;}
.tp_box .bottom .sanjiao {height: 12px;background: url(../images/downsj.png) no-repeat 55px top;}

.shipubox .tab {padding: 0 30px;margin-bottom: 35px;}
.shipubox .tab a {display: inline-block;height: 30px;padding: 0 15px;background: #7a7a7a;color: #fff;text-align: center;font-size: 14px;border-radius: 5px;line-height: 30px;margin-right: 10px;margin-bottom: 10px;box-shadow: 2px 3px #666;}
.shipubox .tab a.on,.shipubox .tab a:hover {background: #31528f;box-shadow: 2px 3px #294477;}
.shipubox ul {padding: 0 30px 20px 30px;}
.shipubox ul li {margin-bottom: 35px;}
.shipubox ul li a.pic {display: block;width: 35%;float: left;border-radius: 8px;overflow: hidden;}
.shipubox ul li a.pic img {display: block;width: 100%;}
.shipubox ul li .detail {width: 62%;float: right;}
.shipubox ul li .detail h3 {line-height: 30px;font-size: 18px;color: #333;padding: 10px 0;white-space: nowrap;text-overflow:ellipsis; overflow:hidden;}
.shipubox ul li .detail p {line-height: 24px;font-size: 12px;color: #626262;max-height: 96px;overflow: hidden;margin: 10px 0;}
.shipubox ul li .detail a {display: block;float: right;width: 150px;height: 45px;line-height: 45px;text-align: center;font-size: 14px;color: #fff;background: #e8645a;margin-top: 10px;border-radius: 5px;box-shadow: 2px 3px #e2534b;}

.page_list {display: block;width: 100%;margin-bottom: 50px;text-align: center;}
.page_list a {display: inline-block;width:40px;height:40px;line-height: 40px;background: #ccc;color: #fff;margin-left: 5px;border-radius: 5px;font-size: 12px;}
.page_list a.on {background: #31528f;color: #fff;}
.page_list a:hover {background: #31528f;color: #fff;}
.page_info {display: block;width: 100%;margin-bottom: 50px;text-align: center;line-height: 24px;font-size: 12px;color: #666;}


.productbox ul {padding: 0 30px 20px 30px;}
.productbox ul li {margin-right: 20px;float: left;width: 268px;height: 268px;border-radius: 5px;border: 1px solid #dedede;overflow: hidden;margin-bottom: 20px;}
.productbox ul li a {display: block;width: 100%;height: 100%;overflow: hidden;position: relative;}
.productbox ul li a img {width: 100%;display: block;position: relative;}
.productbox ul li.last {margin-right: 0px;}
.productbox ul li:hover {box-shadow: 2px 3px rgba(0,0,0,0.1);}
.productbox ul li a .title {display: none;width: 100%;height: 100%;position: absolute;top: 0px;left: 0px;background: rgba(0,0,0,0.6);}
.productbox ul li a .title h3 {line-height: 268px;text-align: center;font-size: 18px;color: #fff;cursor: pointer;white-space: nowrap;text-overflow:ellipsis; overflow:hidden;padding: 0 20px;}
.productbox ul li:hover .title {display: block;}




.productbox2 ul {padding: 0 30px 20px 30px;}
.productbox2 ul li {margin-right: 20px;float: left;width: 268px;height: 400px;border-radius: 5px;border: 1px solid #dedede;overflow: hidden;margin-bottom: 43px;}
.productbox2 ul li a {display: block;width: 100%;height: 100%;overflow: hidden;position: relative;}
.productbox2 ul li a img {width: 100%;display: block;position: relative;}
.productbox2 ul li.last {margin-right: 0px;}
.productbox2 ul li:hover {box-shadow: 2px 3px rgba(0,0,0,0.1);}
.productbox2 ul li a .title {display: none;width: 100%;height: 100%;position: absolute;top: 0px;left: 0px;background: rgba(0,0,0,0.6);}
.productbox2 ul li a .title h3 {line-height: 268px;text-align: center;font-size: 18px;color: #fff;cursor: pointer;white-space: nowrap;text-overflow:ellipsis; overflow:hidden;padding: 0 20px;}
.productbox2 ul li:hover .title {display: block;}

.contact {padding-bottom: 80px;}
.contact .mapbox {display: block;width: 100%;}
.contact .mapbox img{display: block;width: 100%;}
.contact .text {width: 92%;padding: 20px;margin: 20px auto;background: #ececec;color: #777;line-height: 24px;font-size: 13px;border-radius: 8px;}
.contact .bottom {padding-top: 20px;}
.contact .bottom h3 {font-size: 20px;color: 666%;line-height: 24px;padding-bottom: 30px;color: #666;padding-left: 5px;}
.contact .bottom .left {float: left;width: 780px;}
.contact .bottom .left .line {height: 40px;padding-bottom: 20px;line-height: 40px;}
.contact .bottom .left .line input {display: block;width: 60%;float: left;height: 40px;border-radius: 8px;background: #e5e6e6;}
.contact .bottom .left .line span {float: left;height: 40px;line-height: 40px;width:20%;font-size: 18px;color: #666;}
.contact .bottom .left textarea {display: block;width: 100%;height: 240px;margin-bottom: 20px;background: #e5e6e6;border-radius: 8px;}
.contact .bottom .left .but input {display: block;width: 160px;height: 42px;border-radius: 5px;background: #e8645a;color: #fff;}
.contact .bottom .right {float: right;padding-right: 40px;}
.contact .bottom .right .address {height: 40px;line-height: 20px;padding-left: 40px;font-size: 14px;background: url(../images/address.png) no-repeat 0 center;color: #777;margin-bottom: 20px;}
.contact .bottom .right .phone {height: 20px;line-height: 20px;padding-left: 40px;font-size: 16px;background: url(../images/phone.png) no-repeat 5px center;color: #777;margin-bottom: 20px;}
.contact .bottom .right .email {height: 20px;line-height: 20px;padding-left: 40px;font-size: 16px;background: url(../images/email.png) no-repeat 4px center;color: #e2534b;margin-bottom: 20px;}


.detail_nei {display: block;padding: 10px 0 80px;}
.detail_nei h3 {display: block;font-size: 20px;text-align: center;line-height: 26px;padding: 0 30px 50px;}
.detail_nei .content {display: block;width: 1000px;margin: 0 auto;}


.yb_conct {
	position: fixed;
	z-index: 9999999;
	top: 100%;
	margin-top:-453px;
	right: -127px;
	cursor: pointer;
	transition: all .3s ease;
}
.yb_bar ul li {
	width: 180px;
	height: 53px;
	font: 16px/53px 'Microsoft YaHei';
	color: #fff;
	text-indent: 54px;
	margin-bottom: 3px;
	border-radius: 3px;
	transition: all .5s ease;
	overflow: hidden;
	cursor: pointer;
}
.yb_bar .yb_top {
	background: #294477 url(../images/fixCont.png) no-repeat 0 0;
}
.yb_bar .yb_phone {
	background: #294477 url(../images/fixCont.png) no-repeat 0 -57px;
}
.yb_bar .yb_QQ {
	text-indent: 0;
	background: #294477 url(../images/fixCont.png) no-repeat 0 -113px;
}
.yb_bar .yb_ercode {
	/*height:200px;*/

	background: #294477 url(../images/fixCont.png) no-repeat 0 -169px;
}
.hd_qr {
	padding: 5px 20px 15px 20px;
}
.yb_QQ a {
	display: block;
	text-indent: 54px;
	width: 100%;
	height: 100%;
	color: #fff;
}



@media (max-width: 1820px){
.shipu .shipu-bottom {width: 1500px;height: 340px;overflow: hidden;margin: 0 auto;}
}
@media (max-width: 1520px){
.shipu .shipu-bottom {width: 1200px;height: 340px;overflow: hidden;margin: 0 auto;}
}
@media (max-width: 1220px){
.container {width: 970px;}
.shipu .shipu-bottom {width: 900px;height: 680px;overflow: hidden;margin: 0 auto;}

.header .logo {display: block;float: left;width: 175px;height: 52px;margin-top: 34px;margin-left: 20px;position: relative;}
.header ul li {float: left;margin-left: 20px;}
.header dl {display: block;position: absolute;top: 25px;right: 20px;height: 16px;line-height: 16px;}

.gonggao .gonggaobox {height: 100%;line-height: 42px;padding-left: 20px;}

.slider {position: relative;display: block;width: 100%;height: 463px;overflow: hidden;}
.slider-container {height: 463px;/*margin: 0 auto 0px;*/overflow: hidden;position: relative;width: 1552px;left:50%;margin-left:-776px;}
.slider-container .slide {float: left;height: 463px;overflow: hidden;position: relative;width: 1552px;background: url(../images/banner_b.jpg) no-repeat;background-position: center;}
.slider-container .slide a img {display: block;width: 100%;}

.videobox {width: 100%;background: url(../images/icon_5.png) no-repeat center bottom;padding-top: 20px;background-size:437px auto; }
.videobox .title {width: 280px;height: 99px;margin: 0 auto;}
.videobox .title img {display: block;width: 100%;}
.videobox .video {width: 415px;height: 270px;margin: 40px auto 0 auto;}
.videobox .video img {display: block;width: 100%;}
.videobox p {margin: 35px auto 0 auto;font-size: 16px;line-height: 20px;color: #0a0a0a;text-align: center;padding-bottom: 60px;}

.aboutbox {width: 100%;padding-top: 60px;}
.aboutbox .tit {width: 128px;height: 129px;border:1px solid #3b3b3b;border-top: 0px;float: left;margin-left: 0px;}
.aboutbox .tit h3 {width: 100%;line-height: 18px;height: 18px;font-size: 18px;text-align: center;color: #383838;font-weight: bold;padding-top: 30px;}
.aboutbox .tit h4 {width: 100%;line-height: 8px;height: 8px;font-size: 8px;text-align: center;color: #383838;padding-top: 4px;}
.aboutbox .tit span {display: block;width: 70px;height: 3px;background: #005aab;margin: 30px auto 0 auto;}
.aboutbox p {float: left;display: block;margin-top: 10px;margin-left: 35px;width: 390px;font-size: 12px;color: #383838;line-height: 24px;}
.aboutbox .pic {float: left;width: 268px;height: 128px;margin-left: 25px;}
.aboutbox .pic img {display: block;width: 100%;}
.aboutbox .more {float: left;width: 65px;height: 65px;border-right: 1px solid #383838;margin-top: 31.5px;margin-left: 30px;line-height: 65px;}
.aboutbox .more a {color: #383838;font-size: 12px;}

.fourbut {width: 100%;padding-top: 65px;padding-bottom: 35px;}
.fourbut ul li .left {width: 75px;height: 75px;float: left;margin-left: 15px;}
.fourbut ul li .left img {width: 100%;display: block;}
.fourbut ul li .right {float: right;height: 75px;width: 145px;}
.fourbut ul li .right h3 {display: block;line-height: 18px;font-size: 14px;color: #000;padding-top: 8px;}
.fourbut ul li .right span {display: block;line-height: 14px;font-size: 12px;color: #333;padding-top: 5px}
.fourbut ul li .right a {display: block;height: 12px;line-height: 12px;font-size: 12px;color: #005aab;padding-top: 5px;}

.productbox ul {padding: 0 0px 20px 0px;}
.productbox ul li {margin-right: 26.666666666px;margin-left: 26.666666666px;float: left;width: 268px;height: 268px;border-radius: 5px;border: 1px solid #dedede;overflow: hidden;margin-bottom: 20px;}
.productbox ul li a {display: block;width: 100%;height: 100%;overflow: hidden;position: relative;}
.productbox ul li a img {width: 100%;display: block;position: relative;}
.productbox ul li.last {margin-right: 26.666666666px;margin-left: 26.666666666px;}
.productbox ul li:hover {box-shadow: 2px 3px rgba(0,0,0,0.1);}
.productbox ul li a .title {display: none;width: 100%;height: 100%;position: absolute;top: 0px;left: 0px;background: rgba(0,0,0,0.6);}
.productbox ul li a .title h3 {line-height: 268px;text-align: center;font-size: 18px;color: #fff;cursor: pointer;white-space: nowrap;text-overflow:ellipsis; overflow:hidden;padding: 0 20px;}
.productbox ul li:hover .title {display: block;}



.productbox2 ul {padding: 0 0px 20px 0px;}
.productbox2 ul li {margin-right: 26.666666666px;margin-left: 26.666666666px;float: left;width: 268px;height: 268px;border-radius: 5px;border: 1px solid #dedede;overflow: hidden;margin-bottom: 20px;}
.productbox2 ul li a {display: block;width: 100%;height: 100%;overflow: hidden;position: relative;}
.productbox2 ul li a img {width: 100%;display: block;position: relative;}
.productbox2 ul li.last {margin-right: 26.666666666px;margin-left: 26.666666666px;}
.productbox2 ul li:hover {box-shadow: 2px 3px rgba(0,0,0,0.1);}
.productbox2 ul li a .title {display: none;width: 100%;height: 100%;position: absolute;top: 0px;left: 0px;background: rgba(0,0,0,0.6);}
.productbox2 ul li a .title h3 {line-height: 268px;text-align: center;font-size: 18px;color: #fff;cursor: pointer;white-space: nowrap;text-overflow:ellipsis; overflow:hidden;padding: 0 20px;}
.productbox ul li:hover .title {display: block;}

.detail_nei .content {display: block;width: 100%;margin: 0 auto;}
.detail_nei .content img {width: 100% !important;}


.shipubox .tab {padding: 0 30px;margin-bottom: 35px;}
.shipubox .tab a {display: inline-block;height: 30px;padding: 0 15px;background: #7a7a7a;color: #fff;text-align: center;font-size: 14px;border-radius: 5px;line-height: 30px;margin-right: 10px;margin-bottom: 10px;box-shadow: 2px 3px #666;}
.shipubox .tab a.on,.shipubox .tab a:hover {background: #31528f;box-shadow: 2px 3px #294477;}
.shipubox ul {padding: 0 30px 20px 30px;}
.shipubox ul li {margin-bottom: 35px;}
.shipubox ul li a.pic {display: block;width: 35%;float: left;border-radius: 8px;overflow: hidden;}
.shipubox ul li a.pic img {display: block;width: 100%;}
.shipubox ul li .detail {width: 62%;float: right;}
.shipubox ul li .detail h3 {line-height: 30px;font-size: 18px;color: #333;padding: 5px 0;white-space: nowrap;text-overflow:ellipsis; overflow:hidden;}
.shipubox ul li .detail p {line-height: 24px;font-size: 12px;color: #626262;max-height: 72px;overflow: hidden;margin: 5px 0;}
.shipubox ul li .detail a {display: block;float: right;width: 150px;height: 45px;line-height: 45px;text-align: center;font-size: 14px;color: #fff;background: #e8645a;margin-top: 10px;border-radius: 5px;box-shadow: 2px 3px #e2534b;}


.contact .bottom {padding-top: 20px;}
.contact .bottom h3 {font-size: 20px;color: 666%;line-height: 24px;padding-bottom: 30px;color: #666;padding-left: 5px;}
.contact .bottom .left {float: left;width: 680px;}
.contact .bottom .left .line {height: 40px;padding-bottom: 20px;line-height: 40px;}
.contact .bottom .left .line input {display: block;width: 60%;float: left;height: 40px;border-radius: 8px;background: #e5e6e6;}
.contact .bottom .left .line span {float: left;height: 40px;line-height: 40px;padding-right: 40px;font-size: 18px;color: #666;}
.contact .bottom .left textarea {display: block;width: 100%;height: 240px;margin-bottom: 20px;background: #e5e6e6;border-radius: 8px;}
.contact .bottom .left .but input {display: block;width: 160px;height: 42px;border-radius: 5px;background: #e8645a;color: #fff;}
.contact .bottom .right {float: right;padding-right: 20px;}
.contact .bottom .right .address {height: 40px;line-height: 20px;padding-left: 40px;font-size: 14px;background: url(../images/address.png) no-repeat 0 center;color: #777;margin-bottom: 20px;}
.contact .bottom .right .phone {height: 20px;line-height: 20px;padding-left: 40px;font-size: 16px;background: url(../images/phone.png) no-repeat 5px center;color: #777;margin-bottom: 20px;}
.contact .bottom .right .email {height: 20px;line-height: 20px;padding-left: 40px;font-size: 16px;background: url(../images/email.png) no-repeat 4px center;color: #e2534b;margin-bottom: 20px;}



}
@media (max-width: 970px){
.container {width: 750px;}
.header .logo {display: block;float: left;width: 175px;height: 52px;margin-top: 34px;margin-left: 0px;position: relative;}
.header ul {margin-right: 0px;}
.header ul li {float: left;margin-left: 10px;}
.header ul li a {
    font-size: 12px;
    color: #000;
    line-height: 20px;
}
.header dl {display: block;position: absolute;top: 25px;right: 0px;height: 16px;line-height: 16px;}


.gonggao .gonggaobox {height: 100%;line-height: 42px;padding-left: 0px;}

.slider {position: relative;display: block;width: 100%;height: 358px;overflow: hidden;}
.slider-container {height: 358px;/*margin: 0 auto 0px;*/overflow: hidden;position: relative;width: 1200px;left:50%;margin-left:-600px;}
.slider-container .slide {float: left;height: 358px;overflow: hidden;position: relative;width: 1200px;background: url(../images/banner_b.jpg) no-repeat;background-position: center;}
.slider-container .slide a img {display: block;width: 100%;}

.videobox {width: 100%;background: url(../images/icon_5.png) no-repeat center bottom;padding-top: 20px;background-size:380px auto; }
.videobox .title {width: 210px;height: 62px;margin: 0 auto;}
.videobox .title img {display: block;width: 100%;}
.videobox .video {width: 340px;height: 221px;margin: 40px auto 0 auto;}
.videobox .video img {display: block;width: 100%;}
.videobox p {margin: 35px auto 0 auto;font-size: 14px;line-height: 20px;color: #0a0a0a;text-align: center;padding-bottom: 60px;}

.aboutbox {width: 100%;padding-top: 50px;}
.aboutbox .tit {width: 100%;height: auto;border:0px solid #3b3b3b;border-top: 0px;float: none;margin: 0 auto 30px auto;}
.aboutbox .tit h3 {width: 100%;line-height: 18px;height: 18px;font-size: 18px;text-align: center;color: #383838;font-weight: bold;padding-top: 0px;}
.aboutbox .tit h4 {width: 100%;line-height: 8px;height: 8px;font-size: 8px;text-align: center;color: #383838;padding-top: 4px;}
.aboutbox .tit span {display: block;width: 70px;height: 3px;background: #005aab;margin: 10px auto 0 auto;}
.aboutbox p {float: right;display: block;margin-top: 0px;margin-left: 0px;width: 440px;font-size: 14px;color: #383838;line-height: 24px;margin-right: 0px;}
.aboutbox .pic {float: left;width: 290px;height: 138px;margin-left: 0px;}
.aboutbox .pic img {width: 100%;}
.aboutbox .more {float: none;width: 65px;height: auto;border-right: 0px solid #383838;margin: 30px auto 0 auto;line-height: 35px;border-bottom: 1px solid #383838;text-align: center;}
.aboutbox .more a {color: #383838;font-size: 12px;display: inline-block;margin-top: 20px;}

.fourbut {width: 100%;padding-top: 50px;padding-bottom: 35px;}
.fourbut ul li .left {width: 89px;height: 89px;float: none;margin:0 auto;}
.fourbut ul li .left img {width: 100%;display: block;}
.fourbut ul li .right {float: none;height: auto;width: 100%;}
.fourbut ul li .right h3 {display: block;line-height: 18px;font-size: 13px;color: #000;padding-top: 8px;text-align: center;}
.fourbut ul li .right span {display: block;line-height: 14px;font-size: 12px;color: #333;padding-top: 5px;text-align: center;}
.fourbut ul li .right a {display: block;height: 12px;line-height: 12px;font-size: 12px;color: #005aab;padding-top: 5px;text-align: center;}

.footer {border-top: 1px solid #bfbfbf;}
.footer .left {float: none;padding: 30px 0 20px 0px;}
.footer .left .link {color: rgba(0,0,0,0.9);font-size: 12px;padding-bottom: 18px;text-align: center;}
.footer .left .link a {color: rgba(0,0,0,0.6);font-size: 12px;display: inline-block;margin: 0 15px;}
.footer .left .link a:hover {color:#005aab;}
.footer .left p {color: rgba(0,0,0,0.7);font-size: 12px;padding-left: 15px;text-align: center;}
.footer .right {float: none;padding: 0 0px 20px 0;text-align: center;}
.footer .right p {font-size: 14px;font-weight: bold;color: #676767;}
.footer .right p span {color:#007abe;font-size: 18px;font-weight: bold;}


.productbox ul {padding: 0 0px 20px 0px;}
.productbox ul li {margin-right: 10px;margin-left: 10px;float: left;width: 228px;height: 228px;border-radius: 5px;border: 1px solid #dedede;overflow: hidden;margin-bottom: 20px;}
.productbox ul li a {display: block;width: 100%;height: 100%;overflow: hidden;position: relative;}
.productbox ul li a img {width: 100%;display: block;position: relative;}
.productbox ul li.last {margin-right: 10px;margin-left: 10px;}
.productbox ul li:hover {box-shadow: 2px 3px rgba(0,0,0,0.1);}
.productbox ul li a .title {display: none;width: 100%;height: 100%;position: absolute;top: 0px;left: 0px;background: rgba(0,0,0,0.6);}
.productbox ul li a .title h3 {line-height: 228px;text-align: center;font-size: 18px;color: #fff;cursor: pointer;white-space: nowrap;text-overflow:ellipsis; overflow:hidden;padding: 0 20px;}
.productbox ul li:hover .title {display: block;}



.productbox2 ul {padding: 0 0px 20px 0px;}
.productbox2 ul li {margin-right: 10px;margin-left: 10px;float: left;width: 228px;height: 228px;border-radius: 5px;border: 1px solid #dedede;overflow: hidden;margin-bottom: 20px;}
.productbox2 ul li a {display: block;width: 100%;height: 100%;overflow: hidden;position: relative;}
.productbox2 ul li a img {width: 100%;display: block;position: relative;}
.productbox2 ul li.last {margin-right: 10px;margin-left: 10px;}
.productbox2 ul li:hover {box-shadow: 2px 3px rgba(0,0,0,0.1);}
.productbox2 ul li a .title {display: none;width: 100%;height: 100%;position: absolute;top: 0px;left: 0px;background: rgba(0,0,0,0.6);}
.productbox2 ul li a .title h3 {line-height: 228px;text-align: center;font-size: 18px;color: #fff;cursor: pointer;white-space: nowrap;text-overflow:ellipsis; overflow:hidden;padding: 0 20px;}
.productbox2 ul li:hover .title {display: block;}

.detail_nei .content {display: block;width: 100%;margin: 0 auto;}
.detail_nei .content img {width: 100% !important;}

.shipubox .tab {padding: 0 0px;margin-bottom: 35px;}
.shipubox .tab a {display: inline-block;height: 30px;padding: 0 15px;background: #7a7a7a;color: #fff;text-align: center;font-size: 14px;border-radius: 5px;line-height: 30px;margin-right: 10px;margin-bottom: 10px;box-shadow: 2px 3px #666;}
.shipubox .tab a.on,.shipubox .tab a:hover {background: #31528f;box-shadow: 2px 3px #294477;}
.shipubox ul {padding: 0 0px 20px 0px;}
.shipubox ul li {margin-bottom: 20px;}
.shipubox ul li a.pic {display: block;width: 45%;float: left;border-radius: 8px;overflow: hidden;}
.shipubox ul li a.pic img {display: block;width: 100%;}
.shipubox ul li .detail {width: 52%;float: right;}
.shipubox ul li .detail h3 {line-height: 30px;font-size: 18px;color: #333;padding: 0px 0;white-space: nowrap;text-overflow:ellipsis; overflow:hidden;}
.shipubox ul li .detail p {line-height: 24px;font-size: 12px;color: #626262;max-height: 72px;overflow: hidden;margin: 5px 0;}
.shipubox ul li .detail a {display: block;float: right;width: 150px;height: 45px;line-height: 45px;text-align: center;font-size: 14px;color: #fff;background: #e8645a;margin-top: 10px;border-radius: 5px;box-shadow: 2px 3px #e2534b;}

.contact .bottom {padding-top: 20px;}
.contact .bottom h3 {font-size: 20px;color: 666%;line-height: 24px;padding-bottom: 30px;color: #666;padding-left: 5px;}
.contact .bottom .left {float: left;width: 480px;}
.contact .bottom .left .line {height: 40px;padding-bottom: 20px;line-height: 40px;}
.contact .bottom .left .line input {display: block;width: 60%;float: left;height: 40px;border-radius: 8px;background: #e5e6e6;}
.contact .bottom .left .line span {float: left;height: 40px;line-height: 40px;padding-right: 40px;font-size: 18px;color: #666;}
.contact .bottom .left textarea {display: block;width: 100%;height: 240px;margin-bottom: 20px;background: #e5e6e6;border-radius: 8px;}
.contact .bottom .left .but input {display: block;width: 160px;height: 42px;border-radius: 5px;background: #e8645a;color: #fff;}
.contact .bottom .right {float: right;padding-right: 0px;}
.contact .bottom .right .address {height: 40px;line-height: 20px;padding-left: 40px;font-size: 14px;background: url(../images/address.png) no-repeat 0 center;color: #777;margin-bottom: 20px;}
.contact .bottom .right .phone {height: 20px;line-height: 20px;padding-left: 40px;font-size: 16px;background: url(../images/phone.png) no-repeat 5px center;color: #777;margin-bottom: 20px;}
.contact .bottom .right .email {height: 20px;line-height: 20px;padding-left: 40px;font-size: 16px;background: url(../images/email.png) no-repeat 4px center;color: #e2534b;margin-bottom: 20px;}


}
@media (max-width: 920px){
.shipu .shipu-bottom {width:600px;height: 1020px;overflow: hidden;margin: 0 auto;}
}
@media (max-width: 768px){

.yb_conct {display: none;}

.container {width: auto;padding: 0 15px;}

.header {width: 100%;height: 50px;position: fixed;background: #fff;z-index: 9999;}
.header .container {padding: 0px;}
.header .logo {display: block;float: left;width: auto;height: 30px;margin-top: 10px;margin-left: 15px;position: relative;}
.header .logo img {display: block;width: auto;height: 100%;}
.header .menubut {float: right;padding: 8px 6px 5px 6px;border:1px solid #ddd;border-radius: 5px;display: block;margin-top: 8.5px;margin-right: 15px;}
.header .menubut span {display: block;width: 26px;height: 3px;background: #383838;margin-bottom: 3px;}
.header ul {display: block;float: none;margin-top: 0px;margin-right: 0px;position: fixed;top: -410px;background: #fff;width: 100%;transition:all 500ms;-webkit-transition:all 500ms;-ms-transition:all 500ms;-o-transition:all 500ms;-moz-transition:all 500ms;z-index: 99999;}
.header ul li {float: none;margin-left: 0px;width: 100%;}
.header ul li.c {background: #005aab;}
.header ul li.c a{color: #fff;}
.header ul li a {font-size: 15.2px;color: #000;line-height: 50px;display: block;text-align: center;}
.header ul li a:hover {color: #005aab;}
.header dl {display: block;position: absolute;top: 16.5px;right: 70px;height: 16px;line-height: 16px;width: 73px;}
.header dl dd {display: block;float: left;height: 16px;line-height: 16px;margin-left: 10px;}
.header dl dd span {font-size: 12px;color: #626262;line-height: 16px;height: 16px;display: block;float: left;margin-left: 5px;cursor: pointer;display: none;}
.header dl dd img {display: block;float: left;}


.gonggao {width: 100%;height: 42px;line-height: 42px;background: #294477;padding-top: 50px;}
.gonggao .gonggaobox {height: 100%;line-height: 42px;padding-left: 0px;}
.gonggao .gonggaobox span {display: block;height: 42px;width:20%;line-height: 42px;color: #fff;font-size: 14px;float: left;}
.gonggao .gonggaobox .scroll {display: block;height: 24px;line-height: 24px;float: left;margin-top: 9px;margin-left: 0px;white-space: nowrap;text-overflow:ellipsis; overflow:hidden;width: 80%;}
.gonggao .gonggaobox .scroll a {display: block;width: 100%;height: 100%;white-space: nowrap;text-overflow:ellipsis; overflow:hidden;}
.gonggao .gonggaobox .scroll .time {float: none;display: inline-block;background: #7f8fae;font-size: 12px;color: #fff;width: auto;height: 18px;line-height: 18px;text-align: center;margin-top: 3px;margin-bottom: 3px;padding: 0 2px;}
.gonggao .gonggaobox .scroll .text {float: none;display: inline-block;font-size: 12px;color: #fff;height: 18px;line-height: 18px;margin-top: 3px;margin-bottom: 3px;margin-left: 5px;}

.videobox {width: 100%;background: url(../images/icon_5.png) no-repeat center bottom;padding-top: 20px;background-size: 95% auto}
.videobox .title {width: 50%;height: auto;margin: 0 auto;}
.videobox .title img {display:block;width: 100%;height: auto;}
.videobox .video {width: 96%;height: auto;margin: 30px auto 0 auto;}
.videobox .video img {display:block;width: 100%;height: auto;}
.videobox .video .videoss {width: 100%;height: 180px;}
.videobox p {margin: 30px auto 0 auto;font-size: 14px;line-height: 18px;color: #0a0a0a;text-align: center;padding-bottom: 55px;}

.shipu {width: 100%;padding: 50px 0 45px 0;background: #282828;margin-top: 20px;}
.shipu .shipu-box h1 {font-size: 24px;line-height: 24px;line-height: 24px;text-align: center;color: #fff;display: block;padding-bottom: 18px}
.shipu .shipu-box span {font-size: 18px;line-height: 18px;line-height: 18px;text-align: center;color: #fff;display: block;padding-bottom: 35px;}
.shipu .shipu-bottom {width: 100%;height: auto;overflow: hidden;margin: 0 auto;}
.shipu .shipu-bottom .spbx {width: 50%;height: auto;float: left;overflow:hidden;position: relative;transition:all 300ms;-webkit-transition:all 300ms;-ms-transition:all 300ms;-o-transition:all 300ms;-moz-transition:all 300ms;}
.shipu .shipu-bottom .spbx img.t {z-index:60;position: relative;width: 100%;height: auto;transition:all 300ms;-webkit-transition:all 300ms;-ms-transition:all 300ms;-o-transition:all 300ms;-moz-transition:all 300ms;}
.shipu .shipu-bottom .spbx .detail {z-index:99;position: absolute;top: 100%;left: 0px;width: 100%;height: 100%;background: #1a1816;transition:all 300ms;-webkit-transition:all 300ms;-ms-transition:all 300ms;-o-transition:all 300ms;-moz-transition:all 300ms;}
.shipu .shipu-bottom .spbx .detail a.t {font-size: 14px;color: #fff;display: block;margin: 12px 20px 6px 20px;cursor: pointer;}
.shipu .shipu-bottom .spbx:hover img.t {top: -100%;}
.shipu .shipu-bottom .spbx:hover .detail {top: 0px;}
.shipu .shipu-bottom .spbx .detail p {font-size: 12px;color: #fff;display: block;padding: 0px 20px 0px 20px;line-height: 18px;height: 18px;white-space: nowrap;text-overflow:ellipsis; overflow:hidden;}
.shipu .shipu-bottom .spbx .detail a.b {display: block;width: 18px;height: 15px;margin-left: 20px;margin-top: 12px;}

.aboutbox {width: 100%;padding-top: 40px;}
.aboutbox .tit {width: 148px;height: 149px;border:1px solid #3b3b3b;border-top: 0px;float: none;margin: 0 auto;}
.aboutbox .tit h3 {width: 100%;line-height: 18px;height: 18px;font-size: 18px;text-align: center;color: #383838;font-weight: bold;padding-top: 42px;}
.aboutbox .tit h4 {width: 100%;line-height: 8px;height: 8px;font-size: 8px;text-align: center;color: #383838;padding-top: 4px;}
.aboutbox .tit span {display: block;width: 70px;height: 3px;background: #005aab;margin: 30px auto 0 auto;}
.aboutbox p {float: none;display: block;margin-top: 20px;margin-left: 0px;width: 100%;font-size: 14px;color: #383838;line-height: 24px;}
.aboutbox .pic {float: none;max-width: 315px;height: auto;margin:10px auto 0px auto;}
.aboutbox .more {float: none;width: 20%;height: 65px;border-right: 1px solid #383838;line-height: 30px;margin: 0 auto;border-right: 0px;}
.aboutbox .more a {color: #383838;font-size: 12px;}


.fourbut {width: 100%;padding-top: 45px;padding-bottom: 15px;}
.fourbut ul {width: 100%;}
.fourbut ul li {width: 50%;float: left;}
.fourbut ul li .left {width: 75px;height: 75px;float: none;margin: 0 auto;}
.fourbut ul li .left img {width: 100%;height: auto;}
.fourbut ul li .right {float: none;height: auto;width: 100%;text-align: center;padding-bottom: 20px;}
.fourbut ul li .right h3 {display: block;line-height: 18px;font-size: 13px;color: #000;padding-top: 13px;}
.fourbut ul li .right span {display: block;line-height: 12px;font-size: 12px;color: #333;padding-top: 8px;height: 24px;}
.fourbut ul li .right a {display: block;line-height: 12px;font-size: 12px;color: #005aab;padding-top: 8px;}

.footer {border-top: 1px solid #bfbfbf;}
.footer .left {float: none;padding: 20px 0 10px 0px;}
.footer .left .link {color: rgba(0,0,0,0.9);font-size: 12px;padding-bottom: 10px;text-align: center;}
.footer .left .link a {color: rgba(0,0,0,0.6);font-size: 12px;display: inline-block;margin: 0 5px;}
.footer .left .link a:hover {color:#005aab;}
.footer .left p {color: rgba(0,0,0,0.7);font-size: 12px;padding-left: 0px;text-align: center;}
.footer .right {float: none;padding: 0 0px 20px 0;text-align: center;}
.footer .right p {font-size: 14px;font-weight: bold;color: #676767;}
.footer .right p span {color:#007abe;font-size: 18px;font-weight: bold;}

.banner {position: relative;display: none;}

.banner2 {position: relative;width:100%;overflow: hidden;display: block;}

.main_visual{overflow:hidden;position:relative;display: block;}
.main_image{height:100%;overflow:hidden;position:relative;}
.main_image ul{width:9999px;height:100%;overflow:hidden;position:absolute;top:0;left:0;}
.main_image li{float:left;width:100%;height:100%;}
.main_image li span{display:block;width:100%;height:100%}
.main_image li span img{display:block;width:100%;height: auto;}
.main_image li a{display:block;width:100%;height:100%}

div.flicking_con{display: none;}
#btn_prev,#btn_next{display:none;}


.productbox ul {padding: 0 0px 20px 0px;}
.productbox ul li {margin-right: 1.5%;margin-left: 1.5%;float: left;width: 46%;height: auto;border-radius: 5px;border: 1px solid #dedede;overflow: hidden;margin-bottom: 20px;}
.productbox ul li a {display: block;width: 100%;height: 100%;overflow: hidden;position: relative;}
.productbox ul li a img {width: 100%;display: block;position: relative;}
.productbox ul li.last {margin-right: 1.5%;margin-left: 1.5%;}
.productbox ul li:hover {box-shadow: 2px 3px rgba(0,0,0,0.1);}
.productbox ul li a .title {display: none;width: 100%;height: 100%;position: absolute;top: 0px;left: 0px;background: rgba(0,0,0,0.6);}
.productbox ul li a .title h3 {line-height: 24px;text-align: center;font-size: 14px;color: #fff;cursor: pointer;white-space: nowrap;text-overflow:ellipsis; overflow:hidden;padding: 0 20px;}
.productbox ul li:hover .title {display: block;}


.productbox2 ul {padding: 0 0px 20px 0px;}
.productbox2 ul li {    margin-right: 1.5%;
    margin-left: 1.5%;
    float: left;
    width: 46%;
    height: 219px;
    /* height: auto; */
    border-radius: 5px;
    border: 1px solid #dedede;
    overflow: hidden;
    margin-bottom: 38px;}
.productbox2 ul li a {display: block;width: 100%;height: 100%;overflow: hidden;position: relative;}
.productbox2 ul li a img {width: 100%;display: block;position: relative;}
.productbox2 ul li.last {margin-right: 1.5%;margin-left: 1.5%;}
.productbox2 ul li:hover {box-shadow: 2px 3px rgba(0,0,0,0.1);}
.productbox2 ul li a .title {display: none;width: 100%;height: 100%;position: absolute;top: 0px;left: 0px;background: rgba(0,0,0,0.6);}
.productbox2 ul li a .title h3 {line-height: 24px;text-align: center;font-size: 14px;color: #fff;cursor: pointer;white-space: nowrap;text-overflow:ellipsis; overflow:hidden;padding: 0 20px;}
.productbox2 ul li:hover .title {display: block;}

.tp_box {padding-bottom: 20px;}
.tp_box .top {height: 60px;background: #ececec;}
.tp_box .top .title {line-height: 60px;font-size: 14px;color: #333;float: left;padding-left: 0px;}
.tp_box .top .position {line-height: 60px;font-size: 12px;padding-right: 0px;float: right;color: #666;}
.tp_box .top .position a {color: #666;}
.tp_box .bottom {height: 12px;background: #fff;}
.tp_box .bottom .sanjiao {height: 12px;background: url(../images/downsj.png) no-repeat 20px top;}

.detail_nei .content {display: block;width: 100%;margin: 0 auto;}
.detail_nei .content img {width: 100% !important;}

.shipubox .tab {padding: 0 0px;margin-bottom: 20px;}
.shipubox .tab a {display: inline-block;height: 30px;padding: 0 15px;background: #7a7a7a;color: #fff;text-align: center;font-size: 14px;border-radius: 5px;line-height: 30px;margin-right: 10px;margin-bottom: 10px;box-shadow: 2px 3px #666;}
.shipubox .tab a.on,.shipubox .tab a:hover {background: #31528f;box-shadow: 2px 3px #294477;}
.shipubox ul {padding: 0 0px 20px 0px;}
.shipubox ul li {margin-bottom: 20px;}
.shipubox ul li a.pic {display: block;width: 100%;float: left;border-radius: 8px;overflow: hidden;}
.shipubox ul li a.pic img {display: block;width: 100%;}
.shipubox ul li .detail {width: 100%;float: right;margin-top: 10px;margin-bottom: 5px;}
.shipubox ul li .detail h3 {line-height: 24px;font-size: 14px;color: #333;padding: 0px 0;white-space: nowrap;text-overflow:ellipsis; overflow:hidden;}
.shipubox ul li .detail p {line-height: 24px;font-size: 12px;color: #626262;max-height: 72px;overflow: hidden;margin: 5px 0;}
.shipubox ul li .detail a {display: block;float: right;width: 100%;height: 36px;line-height: 36px;text-align: center;font-size: 14px;color: #fff;background: #e8645a;margin-top: 10px;border-radius: 5px;box-shadow: 2px 3px #e2534b;}


.contact .bottom {padding-top: 20px;}
.contact .bottom h3 {font-size: 20px;color: 666%;line-height: 24px;padding-bottom: 30px;color: #666;padding-left: 5px;}
.contact .bottom .left {float: left;width: 100%;}
.contact .bottom .left .line {height: 40px;padding-bottom: 20px;line-height: 40px;}
.contact .bottom .left .line input {display: block;width: 60%;float: left;height: 40px;border-radius: 8px;background: #e5e6e6;}
.contact .bottom .left .line span {float: left;height: 40px;line-height: 40px;padding-right: 40px;font-size: 18px;color: #666;}
.contact .bottom .left textarea {display: block;width: 100%;height: 140px;margin-bottom: 20px;background: #e5e6e6;border-radius: 8px;}
.contact .bottom .left .but input {display: block;width: 160px;height: 42px;border-radius: 5px;background: #e8645a;color: #fff;}
.contact .bottom .right {float: left;padding-right: 0px;margin-top: 40px;}
.contact .bottom .right .address {height: 40px;line-height: 20px;padding-left: 40px;font-size: 12px;background: url(../images/address.png) no-repeat 0 center;color: #777;margin-bottom: 20px;}
.contact .bottom .right .phone {height: 20px;line-height: 20px;padding-left: 40px;font-size: 14px;background: url(../images/phone.png) no-repeat 5px center;color: #777;margin-bottom: 20px;}
.contact .bottom .right .email {height: 20px;line-height: 20px;padding-left: 40px;font-size: 14px;background: url(../images/email.png) no-repeat 4px center;color: #e2534b;margin-bottom: 20px;}


}
@media (max-width: 620px){
.shipu {width: 100%;padding: 50px 0 45px 0;background: #282828;margin-top: 20px;}
.shipu .shipu-box h1 {font-size: 24px;line-height: 24px;line-height: 24px;text-align: center;color: #fff;display: block;padding-bottom: 18px}
.shipu .shipu-box span {font-size: 18px;line-height: 18px;line-height: 18px;text-align: center;color: #fff;display: block;padding-bottom: 35px;}
.shipu .shipu-bottom {width: 100%;height: auto;overflow: hidden;margin: 0 auto;}
.shipu .shipu-bottom .spbx {width: 50%;height: auto;float: left;overflow:hidden;position: relative;transition:all 300ms;-webkit-transition:all 300ms;-ms-transition:all 300ms;-o-transition:all 300ms;-moz-transition:all 300ms;}
.shipu .shipu-bottom .spbx img.t {z-index:60;position: relative;width: 100%;height: auto;transition:all 300ms;-webkit-transition:all 300ms;-ms-transition:all 300ms;-o-transition:all 300ms;-moz-transition:all 300ms;}
.shipu .shipu-bottom .spbx .detail {z-index:99;position: absolute;top: 100%;left: 0px;width: 100%;height: 100%;background: #1a1816;transition:all 300ms;-webkit-transition:all 300ms;-ms-transition:all 300ms;-o-transition:all 300ms;-moz-transition:all 300ms;}
.shipu .shipu-bottom .spbx .detail a.t {font-size: 14px;color: #fff;display: block;margin: 12px 20px 6px 20px;cursor: pointer;}
.shipu .shipu-bottom .spbx:hover img.t {top: -100%;}
.shipu .shipu-bottom .spbx:hover .detail {top: 0px;}
.shipu .shipu-bottom .spbx .detail p {font-size: 12px;color: #fff;display: block;padding: 0px 20px 0px 20px;line-height: 18px;height: 18px;white-space: nowrap;text-overflow:ellipsis; overflow:hidden;}
.shipu .shipu-bottom .spbx .detail a.b {display: block;width: 18px;height: 15px;margin-left: 20px;margin-top: 12px;}
}