/** reset **/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, img{border:medium none;margin: 0;padding: 0;font-size: 100%;}
body,button, input, select, textarea{font-size: 14px;line-height: 1.5;font-family: Arial, 'Microsoft Yahei';}
h1, h2, h3, h4, h5, h6{font-weight: normal;}
em{font-style:normal;}
ul, ol{list-style: none;}
input[type="text"],
input[type="password"],
button{background: none;border: none;outline: none;-webkit-appearance: none;}
textarea{resize: none;}
a{text-decoration: none;color:#333;}
a:hover{text-decoration: none;
		color:#0D6DFF;
		-moz-transition: all 0.3s ease-in;
		-webkit-transition: all 0.3s ease-in;
		-o-transition: all 0.3s ease-in;
		transition: all 0.3s ease-in;
}
img{border:0px;  outline-width:0px;  vertical-align:top;}
.clearfix { *zoom: 1; } 
.clearfix:before, .clearfix:after {  display: table; line-height: 0; content: ""; } 
.clearfix:after { clear: both; } 
.fl { float:left;}
.fr { float:right;}
.hide { display:none !important;}
.show { display:block !important;}


/*******************************************
      		 -****公共样式****-
********************************************/
html,body{overflow-x: hidden;}
div{box-sizing: border-box;}
.wp{width: 1200px;max-width: 94%;margin: 0 auto;}

#hd{height: 68px;background: #0571FF;position: relative;z-index: 11;}
.hd-logo{height: 100%;line-height: 68px;margin-left: 40px;}
.hd-logo img{vertical-align: middle;max-height: 80%;}
.hd-nav{margin-left: 9.3%;}
.hd-nav ul li{float: left;margin: 0 20px;}
.hd-nav ul li h3 a{display: block;line-height: 68px;padding: 0 10px;font-size: 16px;color: #fff;position: relative;overflow: hidden;}
.hd-nav ul li h3 a::after{display: block;content: "";width: 100%;height: 2px;position: absolute;bottom: 0;left: 0;}
.hd-nav ul li.on h3 a::after{background: #00FF66;-webkit-transition: 0.4s ease;-ms-transition: 0.4s ease;transition: 0.4s ease;}
@media screen and (min-width: 1366px) {
	.hd-nav ul li h3 a:hover::after{background: #00FF66;-webkit-transition: 0.4s ease;-ms-transition: 0.4s ease;transition: 0.4s ease;}
}
.hd-nav ul li .subnav{position: absolute;width: 100%;left: 0;top: 100%;background: rgba(255, 255, 255, 0.95);padding: 30px;display: none;}
.hd-nav ul li .sub-inner{width: 1020px;max-width: 60%;margin: 0 auto;}
.hd-nav ul li .sub-inner .item{width:130px;float:left;display:block;height:180px;}
.hd-nav ul li .sub-inner .item .onesort{font-weight:bolder;margin-left:6px;display:block;width:130px;padding-left:18px;}

.hd-nav ul li .sub-inner .item a{float: left;line-height: 24px;display: inline-block;margin: 5px 20px; }
.hd-nav ul li .sub-inner .item  img{width:120px; margin-left:-16px;margin-top:10px;}
.hd-bar h3{float: left;font-size: 14px;line-height: 20px;border-right: 1px solid #fff;margin: 24px 0 0 0;padding-right:12px;color: #fff;}
.hd-bar .hd-user{padding: 19px 40px 0;height: 68px;position: relative;}
.hd-bar .hd-user .photo{display: block;width: 30px;height: 30px;border-radius: 100%;overflow: hidden;}
.hd-bar .hd-user .photo img{width: 100%;height: 100%;}
.hd-bar .hd-user .dropdown{position: absolute;width: 100%;right: 0;top: 100%;background: rgba(255, 255, 255, 0.3);padding: 0 10px;display: none;}
.hd-bar .hd-user .dropdown ul li a img{width:30px;float:left;vertical-align:middle;margin-top:9px;margin-right:8px;}
.hd-bar .hd-user .dropdown ul li a{display: block;line-height: 48px;color: rgba(255, 255, 255, 0.5);border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
.hd-bar .hd-user .dropdown ul li a:hover{color: #fff;transition: 0.4s ease;}
.hd-bar .hd-user .dropdown .signout{display: block;line-height: 38px;color: #fff;}


#ft{background: #222C3A;}
#ft .ft-infos{padding: 32px 0;}
#ft .ft-infos .hot-line{color: #fff;line-height: 30px;}
#ft .ft-infos .hot-line h4{font-size: 18px;margin-bottom: 15px;}
#ft .ft-infos .hot-line h4 img{vertical-align: top;margin: 0 10px 0 0;}
#ft .ft-infos .hot-line h3{font-size: 22px;letter-spacing: 1px;}
#ft .ft-infos dl{float: left;margin-left: 80px;}
#ft .ft-infos dl dt{font-size: 16px;line-height: 22px;color: #fff;margin-bottom: 24px;}
#ft .ft-infos dl dd{font-size: 12px;line-height: 28px;color: #ccc;}
#ft .ft-infos dl dd a{color: #ccc;}
#ft .ft-infos dl dd a:hover{color: #fff;}
#ft .ft-infos .erweima li{float: left;margin-left: 46px;text-align: center;}
#ft .ft-infos .erweima li img{}
#ft .ft-infos .erweima li p{line-height: 24px;color: #fff;margin-top: 14px;font-size: 13px;}
#ft .copyright{border-top: 1px solid rgba(216, 216, 216, 0.1);padding: 10px 20px;}
#ft .copyright p{text-align: center;line-height: 20px;font-size: 12px;color: #888;}

.sidebar{position: fixed;top: 50%;right: 30px;z-index: 97;width: 48px;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.sidebar a{display: block;width: 48px;height: 48px;box-sizing: border-box;border: 1px solid #e6e6e6;background-color: #fff;}

.sidebar .phone-btn{background-image: url('../image/ema.png');background-size: 100% 100%;border-radius:6px;}
.sidebar .phone-btn:hover{background: #0066FF url('../image/ema_h.png');background-size: 100% 100%;border-color: #0066FF;}
.sidebar .wechat-btn{background-image: url('../image/wx.png');background-size: 100% 100%;border-radius:6px;}
.sidebar .wechat-btn:hover{background: #0066FF url('../image/wx_h.png');background-size: 100% 100%;border-color: #0066FF;}
.sidebar .backtop{background-image: url('../images/icon3.png');background-size: 100% 100%;margin-top: 36px;transform: translateX(200%);transition: 0.4s;}
.sidebar .backtop:hover{background: #0066FF url('../images/icon3-on.png');background-size: 100% 100%;border-color: #0066FF;}
.sidebar .backtop.backtop-show{transform: translateX(0);transition: 0.4s;}
.sidebar .side-inner{border: 1px solid #D7D7D7;background: #fff;border-radius: 4px;box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);position: relative;}
.sidebar .side-inner::before{display: block;content: "";width: 4px;height: 4px;border: 1px solid #fff;border-color: #d7d7d7 #d7d7d7 #fff #fff;background: #fff;position: absolute;top: 50%;right: -4px;margin-top: -4px;transform: rotate(45deg);}
.sidebar .side-phone{position: relative;}
.sidebar .side-phone .phone-num{position: absolute;top: 50%;right: 100%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);padding-right: 10px;display: none;}
.sidebar .side-phone .phone-num span{display: block;line-height: 56px;padding: 0 15px;white-space: nowrap;font-size: 16px;color: #666;}
.sidebar .side-phone:hover .phone-num{display: block;}
.sidebar .side-erweima{position: relative;margin-top: 20px;}
.sidebar .side-erweima .erweima{position: absolute;top: 50%;right: 100%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);padding-right: 10px;display: none;}
.sidebar .side-erweima:hover .erweima{display: block;}

@media screen and (max-width: 1280px) {
	.hd-nav{margin-left: 5%;}
	.hd-nav ul li .sub-inner{max-width: 80%;}
	.hd-nav ul li{margin: 0 12px;}
	.hd-bar h3{padding-right: 20px;}
	.hd-bar .hd-user{padding: 19px 20px 0;}

	#ft .ft-infos dl{margin-left: 3%;max-width: 200px;}
	#ft .ft-infos .erweima li{margin-left: 24px;}
	#ft .ft-infos .erweima li img{width: 100px;}
}


@media screen and (max-width: 1000px) {
	.hd-nav{margin-left: 3%;}
	.hd-nav ul li{margin: 0 10px;}
	.hd-nav ul li .sub-inner{max-width: 94%;}
	.hd-bar h3{padding-right: 10px;}
	.hd-bar .hd-user{padding: 19px 8px 0;}
}



/*******************************************
      		 -****首页样式****-
********************************************/
#banner{height: 470px;width: 100%;}
#banner .wp{height: 100%;position: relative;}
#banner .text{float: left;width: 50%;color: #fff;position: relative;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
#banner .text h2{font-size: 36px;line-height: 50px;}
#banner .text p{font-size: 16px;line-height: 32px;margin-top: 23px;}
#banner .text a{display: block;vertical-align: top;margin-top: 46px;width: 201px;line-height: 34px;background: #74FF00;border-radius: 4px;text-align: center;}
#banner .img{float: right;width: 50%;height: 100%;position: relative;}
#banner .img img{max-width: 90%;max-height: 90%;position: absolute;right: 0;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
#banner .swiper-pagination-bullet{width: 18px;height: 18px;background: url('../image/hexagon.png');background-size: 100% 100%;}




@media screen and (max-width: 1320px) {
	.index-sec3 .item-swiper .swiper-button-prev{left: 0px;}
	.index-sec3 .item-swiper .swiper-button-next{right: 0px;}
}






.do-html-content .ptxt{

    min-height: 60px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-align: center;
    color: #333;
}


.doimg{width: 480px; height: 360px;overflow: hidden; float: left; margin-right: 20px;}
.doimg img{width: 480px;}


.in_ab{ padding-top: 30px;}
.in_ab p{line-height: 30px; color: #fff;}
.in_ab a{width: 120px; height: 43px; line-height: 33px; padding-top: 5px; text-align: center;border: solid 1px #fff; cursor: pointer;display: block; }
.in_ab a:hover{opacity: 0.8}



.z-nav-conter li { color: #00BAF1;  border-bottom:#fff 2px solid; height: 36px; line-height: 36px;   }
.z-nav-conter li a:hover{ color: #00BAF1;  border-bottom:#00BAF1 2px solid; height: 36px; line-height: 36px;   }

.z-nav-conter  .active{ color: #00BAF1;  border-bottom:#00BAF1 2px solid;height: 36px; line-height: 36px; }
.z-nav-conter  .active a{color: #00BAF1;height: 30px; line-height: 36px;}

.z-nav-conter li a{  padding: 3px 16px; display: block;  font-size: 14px;height: 30px; line-height: 36px;border-bottom:#fff 2px solid;}

.in_logo{ width: 480px; margin-left: -60px;}
.in_logo img{ float: left;}
.in_logo span{ font-size: 22px; color:#06BBF2; font-weight: bolder; margin-left: -15px;float: left; margin-top: 4px;}

.in_tall{ margin-bottom: 20px;}
.in_t1{text-align: center;font-size: 28px; color: #06BBF2; font-weight: bolder;}
.in_t2{text-align: center; letter-spacing: 0px;font-size: 16px; color: #888; width: 800px; margin: 0 auto; line-height: 30px;}
.in_line{text-align: center; line-height: 1; color:#06BBF2; font-weight: bolder;  }

.in_butt a{ margin: 50px auto; width: 130px; height: 50px; line-height: 50px; text-align: center; display: block; border: solid 2px #06BBF2; color: #06BBF2; font-size: 16px; }
.in_butt a:hover{opacity: 0.8;}

/*边框*/
.ly-shortborder li .do-element-media-conter:before{ content: '';
    position: absolute;
    top:0;
    left:0;
    width: calc(100% - 35px);
    height: calc(100% - 35px);
    border: 1px solid #e5e7e9;
    border-width: 1px 0 0 1px;
    pointer-events: none;
    transition: .3s all ease;
    display: block;}
.ly-shortborder li .do-element-media-conter:after{ content: '';
    position: absolute;
    bottom:0;
    right:0;
    width: calc(100% - 35px);
    height: calc(100% - 35px);
    border: 1px solid #e5e7e9;
    border-width:0 1px 1px 0;
    pointer-events: none;
    transition: .3s all ease;
    display: block;}
.ly-shortborder li:hover .do-element-media-conter:after{width: 100%;height: 100%;border-color:#f2b705; }
.ly-shortborder li:hover .do-element-media-conter:before{width: 100%;height: 100%;border-color:#f2b705; }
/*间距*/
@media only screen and (min-width: 640px){
    .ly-shortborder li .do-element-media-conter{padding: 40px; margin:0 20px;}
}
/*线条*/
.ly-shortborder li .title:after{content: "";display:inline-block;position: relative; height: 2px;width:40px;background-color: #f2b705; transition: all 0.3s;left: calc(50%-20px);}
.ly-shortborder li:hover .title:after{width: 80px;left: calc(50%-40px);}
/**/
.ly-shortborder li .title{transition: all 0.3s;text-align: center;}
.ly-shortborder li .des{transition: all 0.3s;}
.ly-shortborder li .do-media-image-box{transition: all 0.3s;}
.ly-shortborder li:hover .title{transform: translateY(-10px);}
.ly-shortborder li:hover .des{transform: translateY(10px);}
.ly-shortborder li:hover .do-media-image-box{transform: translateY(-10px);}

.in_ys{ width: 45px;float: left; margin-right: 30px; margin-top:20px; margin-left: 26px;}
.wite_t p{ color: #fff; margin-right: 30px; color: #fff; }
.wite_t .des{opacity: 0.8}

.do-eynf3 .do-middle-center img { width:38%; }.do-eynf3 .do-title .title { font-size:18px;line-height:1.50em;text-align:left;color:rgb(255, 255, 255); }
.do-eynf3 .do-title .des>* { font-size:14px;line-height:1.50em;text-align:left;color:rgb(220, 220, 220);}

.m60{margin-top: 60px; padding-bottom: 60px;}
.p60{padding-top: 60px; padding-bottom: 30px;}

.dha{ background-color:#fff; margin:0; margin-top:-10px; padding-top:10px;}
.in_new p{text-align: center; line-height: 1; margin-bottom: 16px;}
.in_n{ cursor: pointer;}
.in_n:hover{ background-color: #eff3f8;}
.news_item img{width: 200px; height: 200px; float: left;}
.news_item .news_item_c{ float: left; width: 260px; margin-left: 20px;}

.news_item .news_item_c h3{font-size: 16px; height: 44px; line-height: 26px;}
.news_item .news_item_c .js-toclamp{ color: #777;height:86px; margin-top: 15px; line-height:22px;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;}


.news_item .news_item_c .do-time{margin-top: 20px; color: #888;}


.do-footer{ background-color: #333; height: 260px; overflow: hidden; width: 100%;}

.do-footer .fd{ margin-bottom: 20px; width: 1140px; margin: 0px auto;}
.do-footer .fd p span{font-family: SimHei; font-size: 18px; color: rgb(255, 255, 255);}
.do-footer .few img{ width:120px; margin-bottom: 28px;margin-top:-10px;}
.do-footer .few_t{ color: #fff; margin-left: 20px; font-size: 13px;opacity:0.8;}
.do-footer .fdd{text-align: center; width:1124; margin: 0px auto; border-top: solid 1px #ccc ; padding:8px;opacity:0.4;font-size:12px;
}


.bann{ height: 360px;min-width:1140px;  background-position: center; margin-top: 0px; background-color: cornflowerblue;}

.bann_about{  background-image: url('../img/bg_about.jpg')}
.bann_new{  background-image: url('../img/bg_new.jpg')}
.bann_pro{  background-image: url('../img/bg_pro.jpg')}
.bann_cont{  background-image: url('../img/bg_cont.jpg')}

.page{ height: 50px; clear: both; margin: 20px auto;margin-left:60px;}
.page a{ margin-left:10px;cursor: pointer; width: 26px; height: 26px; line-height: 26px; margin-right: 3px; text-align: center; border: #ccc solid 1px; color:#ccc ; display: block; float: left;text-decoration:none;}


.page a:hover{ color:#fff ; background-color: deepskyblue; cursor: pointer; width: 26px; height: 26px; line-height: 26px; margin-right: 3px; text-align: center;border: #fff solid 1px; }

.pagen{cursor: pointer; width: 26px; height: 26px; line-height: 26px;text-align: center; border:deepskyblue solid 1px; color:#fff ; display: block; float: left;text-decoration:none;background-color: deepskyblue;margin-left:-1px;margin-top:-2px;}


.cdh{height: 36px; line-height: 36px; font-family: Tahoma;color: #999; width:1140px; margin: 10px auto; border-bottom:  solid 1px #ccc;}
.cdh a{ color: #999; margin-right: 6px; font-family: "微软雅黑","Microsoft YaHei" }
.cdh a img{vertical-align:middle; width:16px; margin-left: 6px;}


.ldh{height: 36px; line-height: 36px; font-family: Tahoma;color: #999; width:100%; margin: 10px auto; border-bottom:  solid 1px #ccc;}
.ldh a{ color: #999; margin-right: 6px; font-family: "微软雅黑","Microsoft YaHei" }
.ldh a img{vertical-align:middle; width:16px; margin-left: 6px;}


.btnn{display: block; width:140px;padding:5px 5px; border: solid #ccc 1px; text-align: center; cursor: pointer; margin: 30px auto;}
.btnn:hover{color:fff ; background-color: #666; }

.con_100{ width: 100%; height: auto; background-image: url('../img/bg6.jpg'); background-position: top; background-color: #Fcfcfc; background-repeat:no-repeat;}
.con_1040{ width: 1040px; margin: 20px auto; line-height:36px;}
.con_1140{ width: 1140px; margin: 20px auto;}

.about_d{ width:100%; background-color: #076BDD; color: #fff; height: 500px; overflow: hidden; background-image: url('../img/bg1.jpg');}


 .aright{ margin-top:0px; width: 50%; background-color: #076BDD;opacity: 0.8; height: 500px; text-align: center; position: absolute; right: 0; z-index: 2;}
.baright{  margin-top:0px;width:50%; margin-left: 46%;  color: #fff; text-align: center;  position: relative; z-index: 1001; height: 500px; right: 0;}
.baright h3{ margin-top: 120px;}
.baright p{  margin-top: 40px; color: #fff; font-size: 16px;line-height:36px;}


.news{min-height: 600px;}
.news_left{ width: 820px; float: left; padding:20px 40px; float:left; background-color:#fff;}
.news_left h3{ display:block; width:100%; height:80px; line-height:80px; color:#000; text-align:center; }
.news_left #con{line-height:28px;}

.news_left li{  width:800px;  padding: 16px; cursor: pointer; margin-bottom: 20px;height: 180px; }
.news_left li:hover{ background-color: #f5f5f5;}
.news_left  i{float: left; display: block; height:80px; width: 85px; padding-top:5px; text-align: center; background-color: #f7f4f5; color: #666; font-style: normal;  }
.news_left  i h5{ font-size: 26px;}
.news_left  i h6{ font-size: 16px; margin-top: -15px;}
.news_left dl{ width: 500px; float: left; }
.news_left dl dt{  width: 100%; margin-left: 30px;font-size: 20px; color: #333; }
.news_left dl dd{ width: 100%;  margin-left: 30px; height:66px; margin-bottom: 20px; color: #666; margin-top: 14px;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden; }

.news_rig{width: 260px; float:right; border-left:#f7f4f5 solid 1px; padding-left:30px; }

.news_rig li:hover{ opacity: 0.8;}
.news_rig li{ width: 240px; height: 180px; overflow: hidden; margin-bottom: 30px;}

.news_rig li img{ width: 240px;}

.news_rig li span{ display: block; height: 28px;line-height:28px;background-color: #333; color: #fff; opacity: 0.8; margin-top: -28px; padding-left: 20px;overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;}

.news_rigs{width: 260px; float:left; margin-left:20px; background-color:#fff; padding:20px;}
.news_rigs li{ width: 220px; height:160px; overflow: hidden; margin-bottom: 30px;}

.news_rigs li img{ width: 220px;}

.news_rigs li span{ display: block; height: 26px;line-height: 26px;background-color: #333; color: #fff; opacity: 0.8; margin-top: -26px; padding-left: 10px;overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;}

.do-element-media-li .at{ width:360px; background-color:#00BAF1;opacity: 0.8; margin-top: -30px; display: block; height: 30px; color: #fff; line-height: 30px; padding-left: 16px;}

.do-media-image-conter- {width:360px;height:300px;display: flex;align-items: center;border:solid 1px #ccc;overflow:hidden;}
.do-media-image-conter- img {width:80%;margin:10px auto;vertical-align: middle;align-items: center;}
/*pro*/
.do-element-media-li{ cursor:pointer;}
.do-area { width:100%;  }
.do-row { width:1140px; }

  .pr_c{ width:1140px; margin:20px auto;}
                          .pr_cl{ width: 100%;}
						  .pr_cl dl{ width:100%; background-color:#fff; padding:30px; height:320px; margin-bottom:30px; cursor:pointer;}
						  .pr_cl dl:hover{opacity:0.9;}
						  .pr_cl dl img{ height:260px; float:left;margin-right:46px;}
						  .pr_cl dl dt{ width:500px; height:46px; float:left;line-height:46px;font-size:18px; color:#000;}
						  .pr_cl dl dd{ width:500px; height:80px; float:left; line-height:26px;}

.con_pr{ width:900px; float: left; margin-left: -50px; padding-left: 40px;font-size:12px;}

.con_pr dl{ width: 260px; height: 300px; float: left; margin:13px; margin-bottom: 26px;}
.con_pr dl dd{ width: 240px; height: 240px;  overflow: hidden;margin-left:10px;align-items: center;display: flex; }
.con_pr dl img{width: 240px;transition: all 0.8s; padding:10px;  align-items: center;}
.con_pr dl img:hover{
    transform: scale(1.2);}
.con_pr dl dt{ width:200px; margin-left:20px;height: 36px; line-height: 36px; overflow: hidden; padding: 0px;
    text-overflow:ellipsis; text-align:center;
    white-space: nowrap;}
	
.con_pr .tit{width:50%; border-bottom: solid 1px #ccc; float:left;text-align:left;height: 36px; line-height: 36px; margin-bottom: 16px;}
.ppag{width:50%; float:right;text-align: right; border-bottom: solid 1px #ccc; height: 36px; line-height: 36px; margin-bottom: 16px;}
.ppag b{ font-weight: normal; color:red;}
.con_pr .tnext{padding:2px 6px;border:solid 1px #ccc;font-size:12px;}

.pr_le{ width: 250px; min-height: 600px; float: left; margin-right: 30px; background-color: #023257;}
.pr_le #titt{ width: 100%; height: 80px; color: #fff; text-align: center; line-height: 80px; font-size: 30px; background-image: url('../img/pr_t.png') }
.pr_le dl{ margin-top: 6px;}
.pr_le dl a{ padding-left: 30px; color: #fff;}
.pr_le dl dt{ height: 30px; font-weight: bolder;}
.pr_le dl dd{ margin-left: 20px; height: 22px; line-height: 16px; margin-top: 16px;}
.pr_le dl dt span{ font-size: 30px; margin-right: 10px; margin-top: 2px;}


.con_l{ width: 700px; float: left;}
.prcon{width:700px;margin-left:20px;}

.showp_r{ margin-left: 30px;width:500px;}
.showp_r h3{ font-size: 18px; margin-top: 8px;font-weight:bold;color:#000;}
.showp_r p{margin-top: 15px; line-height: 24px; min-height: 200px;}
.showp_r .buy{width: 120px; height: 36px; line-height: 36px; display: block; float: left; margin-right: 20px; background-color:#E67D12; color: #fff; border-radius: 3px; text-align: left;}
.showp_r .buy img{ width: 40px; vertical-align:middle; margin-right: 8px; margin-left: 6px}

.showp_r .tto{width: 120px; height: 36px; line-height: 36px; display: block; float: left; margin-right: 30px; background-color:#40A54B; color: #fff; border-radius: 3px; text-align: left;}
.showp_r .tto img{ width: 30px; vertical-align:middle; margin-right: 8px; margin-left: 6px}
.showp_r a:hover{opacity: 0.9;}
.bg{width:100%px;height:470px;padding:20px;border-bottom:1px solid #E8E8E8;overflow: hidden;min-width:730px;box-sizing: border-box;background: #fff;}
.bg_left{width: 360px;height:auto;float: left}
.bg_right{float: left}

.show{width: 360px;border:1px solid #E8E8E8;height: 360px;margin-bottom: 10px;position: relative;cursor:move;margin-right:20px; align-items: center;display: flex;}
.show img{width: 350px;align-items: center;margin-left:5px;}

.mask{width: 215px;height: 215px;background: #000;filter: Alpha(opacity=50);opacity:0.5;position: absolute;top: 0;left: 0;display: none;}
.bigshow{width: 360px;height: 360px;overflow: hidden;margin-left: 10px;display: none;border:1px solid #E8E8E8;}
.bigshow img{width: 720px;height: 720px;margin-right: 10px;}
.smallshow{width: 100%;height: 70px;position: relative}
.smallshow img{width:100%;border:1px solid #e8e8e8;box-sizing: border-box;transition: all 0.5s}
.smallshow>.middle_box{margin-left: 30px;margin-right: 30px;width:370px;overflow: hidden;height: 70px;}
.smallshow .middle{overflow: hidden;transition: all 0.5s;height: 70px;}
.smallshow .middle>li{width: 64px;height: 64px;float: left;cursor:pointer;padding:0 5px;}
.smallshow>p{position: absolute;top:50%;width: 22px;height: 32px;margin-top: -16px;}
.smallshow>.prev{left: 0;background: url(img/hover-prev.png) no-repeat;transition: all 0.5s}
.smallshow>.next{right: 0;background: url(img/hover-next.png) no-repeat;transition: all 0.5s}
.smallshow>.prev.prevnone{left: 0;background: url(img/prev.png) no-repeat;cursor: not-allowed}
.smallshow>.next.nextnone{right: 0;background: url(img/next.png) no-repeat;cursor: not-allowed}


/*留言*/
.aboutly {

    width:100%;


}


#contact {

    padding:0px;
    margin:5px 0;
}

#contact h3 {
    color: #F96;
    display: block;
    font-size: 30px;
    font-weight: 400;
}

#contact h4 {
    margin:5px 0 15px;
    display:block;
    font-size:13px;
}

fieldset {
    border: medium none !important;
    margin: 0 0 10px;
    min-width: 100%;
    padding: 0;
    width: 100%;
}

#contact input[type="text"], #contact input[type="email"], #contact input[type="tel"], #contact input[type="url"], #contact textarea {
    width:100%;
    border:1px solid #CCC;
    background:#FFF;
    margin:0 0 5px;
    padding:10px;
}



#contact input[type="text"]:hover, #contact input[type="email"]:hover, #contact input[type="tel"]:hover, #contact input[type="url"]:hover, #contact textarea:hover {
    -webkit-transition:border-color 0.3s ease-in-out;
    -moz-transition:border-color 0.3s ease-in-out;
    transition:border-color 0.3s ease-in-out;
    border:1px solid #AAA;
}

#contact textarea {
    height:100px;
    max-width:100%;
    resize:none;
}

#contact select{width:100%;}

#contact button[type="submit"] {
    cursor:pointer;
    width:100%;
    border:none;
    background:#0CF;
    color:#FFF;
    margin:0 0 5px;
    padding:10px;
    font-size:15px;
}

#contact button[type="submit"]:hover {
    background:#09C;
    -webkit-transition:background 0.3s ease-in-out;
    -moz-transition:background 0.3s ease-in-out;
    transition:background-color 0.3s ease-in-out;
}

#contact button[type="submit"]:active { box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.5); }

#contact input:focus, #contact textarea:focus {
    outline:0;
    border:1px solid #999;
}



::-webkit-input-placeholder {
    color:#888;
}
:-moz-placeholder {
    color:#888;
}
::-moz-placeholder {
    color:#888;
}
:-ms-input-placeholder {
    color:#888;
}