@charset "utf-8";
/* CSS Document */
body {width:100%;position:relative;background:#fff;overflow:hidden;filter:alpha(opacity=0);transition:opacity .3s;}
.h10 {height:10px;}
.h20 {height:20px;}
.h30 {height:30px;}
.h40 {height:40px;}
.h50 {height:50px;}
.h100 {height:100px;}
.w1400 {position:relative;margin:0 auto;width:1200px;}
.jian100{margin-top:-100px;}

@media (max-width: 1300px) {

.h10 {height:5px;}
.h20 {height:10px;}
.h30 {height:15px;}
.h40 {height:20px;}
.h50 {height:25px;}
.h100 {height:50px;}

.w1400 {max-width:100%;width:90%}


}

@media (max-width: 800px) {
.h10 {height:2px;}
.h20 {height:5px;}
.h30 {height:7px;}
.h40 {height:10px;}
.h50 {height:12px;}
.h100 {height:25px;}
.w1400 {max-width:100%;width:96%}
.h500{ height:50px;}
.jian100{margin-top:0px;}
}





a{-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
a:hover{color:#FF6B07;text-decoration:none;transition: all 300ms ease-in-out 0s;}


.jieshao_0_box{ clear:both; width:100%; height:550px; background:url(../images/jieshao_2_bg.jpg) no-repeat center top; overflow:hidden;}

.wenzi0{ clear:both; text-align:left; padding-top:50px; max-width:1200px; margin:0 auto;}
.wenzi0 h2{ font-size:40px; line-height:60px; font-weight:normal; color:#fff;}
.wenzi0 h3{ margin:15px auto; width:60px; height:1px; background:#fff; }
.wenzi0 h4{ margin:30px auto; font-weight:normal; padding:0 25px; width:200px;border-left:1px solid #fff; border-right:1px solid #fff; line-height:30px; font-size:18px; color:#fff; }
.wenzi0 p{ font-size:18px; line-height:35px;color:#fff;}



.jieshao_1_box{ clear:both; width:100%; height:550px; background:url(../images/jieshao_1_bg.jpg) no-repeat center top; overflow:hidden;}

.wenzi{ clear:both; text-align:center; padding-top:50px;}
.wenzi h2{ font-size:40px; font-weight:normal;}
.wenzi h3{ margin:15px auto; width:60px; height:1px; background:#363636; }
.wenzi h4{ margin:30px auto; font-weight:normal; padding:0 25px; width:200px;border-left:1px solid #BCA065; border-right:1px solid #BCA065; line-height:30px; font-size:18px; color:#BCA065; }
.wenzi p{ font-size:18px; line-height:35px;}




.searchContent{position:absolute;top:70px;right:250px;padding:10px 15px 0 15px; width:300px; height:50px; z-index:99999;  display:none;  background:rgba(255,255,255,.6);}
.searchk{position:relative;}
.seachIcon{cursor:pointer;}
.sub-butn{ width:60px; height:40px; background:#ff0000; color:#fff; text-align:center; line-height:40px; float:right; border:none;}
.wenz_tex{margin-top:0px;width:215px;height:40px;background:#fff; border:none; float:left; padding-left:15px;}


.searchContentaa{position:absolute;top:60px;right:0px;padding:5px 5px 0 5px; width:300px; height:40px; z-index:999;  display:none;  background:rgba(255,255,255,.6);}
.searchkaa{position:relative;}
.seachIconaa{cursor:pointer;}
.sub-butnaa{ width:60px; height:30px; background:#ff0000; color:#fff; text-align:center; line-height:30px; float:right; border:none;}
.wenz_texaa{margin-top:0px;width:215px;height:30px;background:#fff; border:none; float:left; padding-left:15px;}



.home_about_tit{ width:100%; max-width:1200px; clear:both; text-align:center; margin:40px auto;}
.home_about_tit h2{ font-size:30px; line-height:45px;color:#363636;text-transform:uppercase; font-weight:normal;}
.home_about_tit h3{ font-size:20px; line-height:35px;color:#363636; font-weight:normal;}



@media (max-width: 800px) {

.home_about_tit{ max-width:100%;  margin:10px auto;}
.home_about_tit h2{ font-size:16px; line-height:26px;}
.home_about_tit h3{ font-size:14px; line-height:24px;}


}



.height80 {height:80px;clear:both;width:100%;}

.width1400 {max-width:1400px;margin:0 auto;position:relative;}

@media (max-width: 800px) {

.width1400 { max-width:98%; padding:0 1%;}
}


.banner {position:relative;width:100%;height:auto;overflow:hidden;}
.banner .container {height:100%;}
.banner .contents {position:absolute;left:0px;width:100%;height:100%;}
.banner .content {position:absolute;top:0px;width:100%;height:100%;background-size:100%;background-repeat:no-repeat;background-position:left top;text-align:center;}
.banner .contentInfo {overflow:hidden;position:absolute;top:50%;left:0px;width:800px;height:200px;margin-top:-100px;z-index:1;text-align:left;}
.banner .contentInfo .sub {text-shadow:0px 0px 3px #b67ebc;position:absolute;top:17px;left:8px;width:2px;height:120px;background:#fff;}
.banner .contentInfo .sub {transform-origin:left bottom;-moz-transform-origin:left bottom;-ms-transform-origin:left bottom;-o-transform-origin:left bottom;-webkit-transform-origin:left bottom;}
.banner .contentInfo .quan {text-shadow:0px 0px 3px #b67ebc;position:absolute;top:128px;left:0px;width:14px;height:14px;border:2px solid #fff;border-radius:16px;-moz-border-radius:16px;-ms-border-radius:16px;-o-border-radius:16px;-webkit-border-radius:16px;}
.banner .contentInfo .title {position:absolute;left:12%;top:8px;line-height:50px;font-size:45px;color:#fff;}
.banner .contentInfo .info {position:absolute;left:12%;top:80px;line-height:32px;font-size:22px;color:#fff;}
.banner .contentInfo .btn {text-shadow:0px 0px 3px #b67ebc;position:absolute;top:146px;left:32px;color:#fff;border:1px solid #fff;text-align:center;line-height:32px;width:110px;height:30px;border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;-o-border-radius:30px;-webkit-border-radius:30px;}
.banner .bannerNav {position:absolute;bottom:10px;width:100%;text-align:center;z-index:1;}
.banner .bannerNav .bannerNavChild {margin:0 5px;width:15px;height:15px;display:inline-block;*display:inline;*zoom:1;background:#fff;border-radius:15px;-moz-border-radius:15px;-ms-border-radius:15px;-o-border-radius:15px;-webkit-border-radius:8px;cursor:pointer;z-index:1;}
.banner .bannerNav .bannerNavChild.on {background:#ff7007;animation:bannerNavChildOn .2s  ease-in-out 0s  both;-moz-animation:bannerNavChildOn .2s  ease-in-out 0s  both;-webkit-animation:bannerNavChildOn .2s  ease-in-out 0s  both;-o-animation:bannerNavChildOn .2s  ease-in-out 0s  both;}
.banner .bannerBg {width:100%;height:auto;vertical-align:middle;}


.news_box{ clear:both; width:100%; padding:10px 0; margin:0 auto; background:#f7f7f7;}

@media (max-width: 800px) {
.news_box{ padding:0 0; }
}

.news_box a.more{ display:block; margin:20px auto 0 auto; font-size:15px; width:170px; height:50px; background:#0F99E1; line-height:50px; text-align:center; color:#fff;}
.news_box a:hover.more{ background:#ff6b07;}



@media (max-width: 800px) {
.news_box{ padding:0 0; }

.news_box a.more{  font-size:13px; width:100px; height:30px; line-height:30px;}
}



.feedback_box_pic{ float:left; margin:0;width:50%;}

.tab{width:48%; float:right; margin:0 0 0; margin-left:2%;}

.tab li{ margin-bottom:15px; line-height:30px; float:left; width:98%; margin-right:2%;}
.tab input{ width:100%;line-height:35px;padding: 10px 26px;box-shadow:2px 2px 3px rgba(0,0,0,0.15); font-size:16px; border:none;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
.tab textarea{ width:100%;line-height:30px;padding: 10px 26px;box-shadow:2px 2px 3px rgba(0,0,0,0.15); border:none; font-family:"微软雅黑"; font-size:16px;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
.tab input:hover ,.tab textarea:hover{ border-color:#fff;}
.tab .sumbit{width: 100%; display:block; margin-top:0px; cursor:pointer;border-style:solid;border-color:#f5f5f5;background-color:#0F99E1; border-radius:5px; font-size:16px;padding: 8px 50px; color:#fff; font-size:20px;}
.tab .sumbit:hover{ background-color:#EC872B; color:#FFFFFF;}



.tab2{width:100%; max-width:250px; padding-bottom:5px;}
.tab2 li{  display: inline-block; background:#fff; border-radius:5px; border:1px solid #ddd; margin:10px 0;}
.tab2 input ,.tab2 textarea{ width:90%;line-height:30px;padding: 5px 5%; margin-left:10px;border: 1px solid #fff; 
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
.tab2 input:hover ,.tab2 textarea:hover{ border-color:#fff;}

.tab2 .sumbitaa{margin-top:10px; width:100px; font-size:16px; height:35px; border:none; background: #0F99E1; display:inline-block; line-height:35px;  border-radius:0; text-align:center; color:#fff; padding:0;}


.service_box{ clear:both; width:100%; height:792px; margin:0 auto; background: url(../images/home_service_bg.jpg) center bottom;}

.zhuying{ padding:30px 0; text-align:center; color:#fff; font-size:15px; line-height:27px; max-width:1000px; margin:0 auto;}

/*分享*/
.social-icons { float:left;}
.social-icons.about {float: left;margin: 0 0 0 -5px;}
.social-icons li {display: inline;list-style: none;text-indent: -9999px;margin-left: 5px;float: left;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}		
.social-icons li a {background-repeat: no-repeat;background-position: 0 0;display: block;height: 28px;width: 28px;}

#social a img{border: none;}
.dribbble {background: url(../dribbble.png) no-repeat #fff;}
.facebook {background: url(../facebook.png) no-repeat #fff;}
.linkedin {background: url(../linkedin.png) no-repeat #fff;}
.pintrest {background: url(../pintrest.png) no-repeat #fff;}
.twitter {background: url(../twitter.png) no-repeat #fff;}



/* 效果CSS开始 */
#box_r{ width:70px; height:auto; position:fixed; right:0; top:200px; z-index:9999;}
#float li p[data-v-3498646e]{ color:#fff; margin-top:5px;}

#float li[data-v-3498646e] {
	height:70px;
	width:70px;
	background:#fff;
	text-align:center;
	position:relative;
	margin-top:1px
}

#float li:hover[data-v-3498646e] {
	background:#FE8100;
}


#float li .iconfont[data-v-3498646e] {
	color:#fff;
	font-size:40px;
	display:block
}
#float li>a[data-v-3498646e] {
	font-size:13px;
	text-decoration:none;
	color:#fff
}


#float .wechat[data-v-3498646e] {
	background:#FF6B07
}
#float .wechat a[data-v-3498646e] {
	display:inline-block;
	margin:10px auto 5px
}
#float .wechat img[data-v-3498646e] {
	width:23px;
	height:26px
}


#float .zixun[data-v-3498646e] {
	background:#FF6B07;

}
#float .zixun a[data-v-3498646e] {
	display:inline-block;
	margin:10px auto 5px
}
#float .zixun img[data-v-3498646e] {
	width:23px;
	height:26px;
	 text-align:center;
	  margin:0 auto;
}


.popup[data-v-3498646e] {
	display:none;
	position:absolute;
	left:-177px;
	top:0;
	width:177px
}

.wechat:hover .popup[data-v-3498646e] {
	display:inline-block
}
.wechat:hover .popup img[data-v-3498646e] {
	width:100%!important;
	height:100%!important
}


.zixun:hover .popup[data-v-3498646e] {
	display:inline-block
}
.zixun:hover .popup img[data-v-3498646e] {
	width:100%!important;
	height:100%!important
}


.footer_box {background:#242424;width:100%;clear:both;height:300px; padding-top:15px;position:relative;}
.footer_box_pic {float:right;margin-right:40px;margin-top:40px;}
.footer_box_pic img {width:140px;height:140px;}
.footer_box_pic h2 {line-height:50px;font-size:14px;color:#fff;text-align:center;}
.footer_left {float:left;}
.footer_right {position:absolute;bottom:-4px;right:0px;}
.footer_link {padding-top:40px;}
.footer_link ul li {position:relative;float:left;left:0;margin:0 20px;font-size:14px;color:#363636;overflow:hidden;margin-top:9px;cursor:pointer;}
.footer_link ul li div {padding-bottom:7px;}
.footer_link ul li a,.footer_link ul li a:hover {color:#363636;}
.footer_link ul li i {width:100%;height:1px;display:block;-webkit-transform:translateX(-110%);-moz-transform:translateX(-110%);-o-transform:translateX(-110%);transform:translateX(-110%);background:#0090D2;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;}
.footer_link ul li:hover i,.footer_link ul li.cur i {-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);}
.foot_logo {float:left;max-width:200px;padding:20px 0;background:#fff;margin-top:50px;}
.foot_logo img {max-width:100%;max-height:100%;}
.footer_link ul li div a:hover {color:#ddd;}
.foot_line {clear:both;width:920px;padding-top:30px;position:relative;}
.contact_box {max-width:1400px;margin-top:70px;height:270px;}
.contact_box_1 {float:right;}
.contact_box_1 p {color:#ddd;line-height:30px;padding-left:10px;font-size:15px;}
.contact_box_1 p span {font-size:25px;color:#ddd;}
.contact_box_2 {margin-top:35px;float:left;}
.contact_box_2 p {color:#ddd;line-height:30px;font-size:14px;}
.footer_bottom {height:60px;border-top:1px solid #1A2C36;clear:both;width:100%;}
.footer_bottom p {line-height:60px;color:#fff;font-size:14px;text-align:left;}
.footer_bottom p a {color:#ddd;}
.page-footer {overflow-x:hidden;padding:10px 0 0px 0;color:#ccc;box-sizing:border-box}
.page-footer dl {float:left;min-width:13%;box-sizing:border-box}
.page-footer dl:last-child {position:relative;z-index:3}
.page-footer dl:last-child,.page-footer dl:last-child a {color:#ccc}
.page-footer dl dt {font-size:17px;font-size:17px\9;padding:12px 0;font-weight:400;}
.page-footer dl dd {padding:7px 0;font-size:15px;color:#ccc; display:block; width:100%;}
.page-footer dl dd a {color:#ccc;}
.page-footer dl dd.lianxiren {background:url(../images/foot_m_youce2.png) no-repeat left top;padding-left:35px;margin:5px 0;display:inline-block;}
.page-footer dl dd.shouji {background:url(../images/dh.png) no-repeat left 5px;padding-left:35px;margin:5px 0;display:inline-block;}
.page-footer dl dd.zuoji {padding-left:35px;margin:5px -30px;display:inline-block;}
.page-footer dl dd.email {background:url(../images/foot_m_youce1.png) no-repeat left 5px;padding-left:35px;margin:5px 0;display:inline-block;}
.page-footer dl dd.dizhi {background:url(../images/dizhi.png) no-repeat left 5px;padding-left:35px;margin:5px 0;display:inline-block;}
.page-footer dt.online {margin-top:30px}
.clear {clear:both;overflow:hidden}
.page-footer i {display:inline-block;height:30px;width:30px;vertical-align:middle;margin-right:13px;margin-right:13px\9}
.page-footer i.saler {background:url(../img/footer_icon.png) no-repeat;background-position:-4px -6px}
.page-footer i.c_server {background:url(../img/footer_icon.png) no-repeat;background-position:-60px -1px}
.page-footer a {color:#949ca1;display:inline-block}
.page-footer a:hover {color:#FF6B07;text-decoration:none}
.page-footer .Copyright {position:absolute;width:98%;bottom:0;font-size:12px;font-size:12px\9;padding:6px 0 6px 2%;box-sizing:border-box;border-top:1px solid #585858}
.page-footer .Copyright a {margin-left:20px}
.page-footer .Copyright .y_f {float:right}
.page-footer .Copyright .y_f a {margin:0 6px}
.page-footer .part_msk {height:110%;width:20%;position:absolute;right:0;top:-50px;background:rgba(181,192,200,.2);z-index:1}
.page-footer .indicators {margin-bottom:14px}
.page-footer .indicators li {display:inline-block;vertical-align:middle;cursor:pointer}
.page-footer .indicators-1,.page-footer .indicators-2,.page-footer .indicators-3 {display:inline-block;background:url(../img/f.jpg) no-repeat;width:49px;height:35px}
.page-footer .indicators .indicators-2 {background-position:4px -34px}
.page-footer .indicators .indicators-3 {background-position:0 -74px}
.page-footer .tabs .img-box {width:100px;height:116px;position:relative;background:#333242;color:#fff;text-align:center;font-size:12px}
.page-footer .img-box p {width:100px;height:88px;}
.page-footer .img-box p:before {content:'';display:inline-block;border-bottom:16px solid #333242;border-left:12px solid transparent;border-right:12px solid transparent;position:absolute;top:-12px;left:50%;margin-left:-14px}
.page-footer .tab0 .img-box {margin-left:-30px}
.page-footer .tab1 .img-box {margin-left:20px}
.page-footer .tab2 .img-box {margin-left:0px}
.page-footer .tab0 p {background:url(../img/erweima.png) no-repeat center bottom;margin-bottom:5px}
.page-footer .tab2 p {background:url(../img/erweima.png) no-repeat center bottom;margin-bottom:5px}
@media (max-width:1400px) {.page-footer dl dt {font-size:16px;font-size:16px\9;}
.page-footer dl dd {font-size:13px;}
.page-footer .p_contain {width:20%}
.page-footer {padding:40px 0 0px 0;}
}
@media (max-width:1200px) {.page-footer {padding:30px 0 0px 0;}
.page-footer dl dt {font-size:15px;font-size:15px\9;}
.page-footer dl dd {font-size:13px;}
.page-footer .p_contain {width:16%}
}

.wendachild{ display:none;}

@media (max-width:800px) {
.footer_box { display:none;}
.wendachild{ display: block;}

#box_r{ display:none;}

.wendachild{ clear:both;padding:0 0;width:100%; margin:0 auto; float:none; border-bottom:1px solid #333;}
.wendachild:after{content: ""; display: block; height: 0; clear: both;visibility:hidden;}

.wendachild .childIcon:hover{background:#212226; color:#fff;}
.wendachild .childIcon .sub{position:absolute;height:2px;top:16px;right:9px;width:12px;height:2px;background:#fff; display: block;}
.wendachild .childIcon .sub.sub2{ transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);-webkit-transform:rotate(90deg);background:#fff;}
.wendachild .childIcon .sub2{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }


.wendachild .childIcon{cursor:pointer;position:relative;width:100%;height:40px;background:#212226; color:#fff; }
.wendachild .childIcon{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }

.wendachild .childIcon.on .sub2{transform:rotate(90deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);background:#455560;}
.wendachild .title{line-height:40px;color:#fff;font-size:13px; text-align:left; margin-left:10px;}
.wendachild .childContent{display:none;padding:0px 10px 10px 10px;background:#212226;}
.wendachild .childContent p{color:#999;line-height:27px;font-size:12px; min-height:auto; margin:0;}
.wendachild .childContent p a{ color:#999;}
.wendachild .childContent p a:hover{ color:#fff;}





}


.link_list_li{overflow:hidden;height:70px;padding:0; text-align:center;  width:180px;  margin:0 auto;}
.link_list_li_span{height:70px; display:inline-block; vertical-align:middle; }
.link_list_li img{ max-width:100%; max-height:100%;}


.animate05{-webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -ms-transition-duration:0.5s;transition-duration:0.5s;}
#partnersI {}
#partnersI .links li{width: 180px;height: 70px;position: relative; text-align:center; background:#fff;margin:10px 10px; border:1px solid #eee; padding:10px; float:left;}
#partnersI .links li .fontW{width: 100%;height: 100%; color: #fff;background: #FF6B07;position: absolute;top: 0;left: 0;opacity: 0;display:none\9;}
#partnersI .links li .fontW span{display: block;width: 100%;height: auto;position: absolute;top: 35px;width: 180px;font-size: 18px;left: 50%;margin-left: -80px;line-height: 24px;text-align: center;-webkit-transform: translateY(20px);-webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -ms-transition-duration:0.5s;transition-duration:0.5s;}
#partnersI .links li:hover .fontW{opacity: 1;display:block\9;}
#partnersI .links li:hover .fontW span{-webkit-transform: translateY(0px);}
@media (max-width: 639px) {

#partnersI {padding-left:0px;}
#partnersI .links li{width:31.33%;height:auto !important; margin:1% 1%;}
#partnersI .links li img{ width:100%; height:auto !important;}
#partnersI .links li .fontW{width: 100%;height: 100%;}
#partnersI .links li .fontW span{top:30px;width: 100%;font-size: 12px;left:50%;margin-left: -50%;}

}
@media (min-width: 640px) and (max-width:1023px ) {

#partnersI {padding-left:0px; clear:both; width:100%;}
#partnersI .links li{width:17%;height:auto !important; margin:2% 1%;}
#partnersI .links li img{ width:100%; height:auto !important;}
#partnersI .links li .fontW{width: 100%;height: 100%;}
#partnersI .links li .fontW span{top:40px;width: 100%;font-size: 12px;left:50%;margin-left: -50%;}


}

.dibu_box{ clear:both; width:100%; height:66px;border-top:1px solid #333; background:#242424;}
.dibu_box p{font-size:14px; line-height:60px; color:#ddd; float: left;}
.dibu_box .lianjie{float: right; margin-right:5px; margin-top:15px; line-height:45px; font-size:14px; color:#ccc;}
.dibu_box .lianjie .tubiao_left{float:left; margin-right:15px;}


@media (max-width:800px) {
.dibu_box{ clear:both; width:100%; height: auto!important ; padding-top:10px; padding-bottom:10px;}
.dibu_box p{float: none; text-align:center; line-height:22px; font-size:12px;}
.dibu_box .lianjie{float: none; margin-right:0; margin: 0 auto; text-align:center;}  
.dibu_box .lianjie .tubiao_left{float:none; margin:0 auto; display:inline-block;}
.dibu_box .lianjie .tubiao_left img{ max-width:70%;}
}

.link_box {clear:both;width:100%;height:50px;border-bottom:1px solid #1A2C36;margin-top:20px;margin-bottom:20px;}
.link_box ul li {display:inline-block;min-width:80px;margin:0 25px;text-align:left;color:#fff;font-size:15px;}
.link_box ul li a {color:#fff;}
.link_box ul li:first-child {margin:0 25px 0 0;}


.jieshao_box{ clear:both; width:100%; background:#F3F8FB; padding:30px 0; margin-top:30px;}
.jieshao_box h1{ font-size:18px; font-weight:700; line-height:60px; text-align:center; width:200px; height:60px; background:#009FE7; color:#fff; margin-bottom:30px;}
.jieshao_box h2{ line-height:60px;}

.jieshao_box p{ font-size:16px; line-height:30px;}

.jieshao_box p img{ max-width:100%; max-height:100%; margin:15px   auto; display:block;}

.product_right{float:right; width:550px;padding:30px 20px 0 20px; border:1px solid #ddd; background:#fff; min-height:635px; margin-top:0; }
.product_right p{ font-size:16px; line-height:25px; width:100%;}
.product_right hr{height:1px;border:none;border-top:1px solid #ccc; margin:8px 0;}


.product_right .pro_biaoti{  padding-bottom:20px; font-size:24px;color:#363636; font-weight:700; border-bottom:1px solid #ccc;line-height:35px;}

.product_right .pro_jieshao{ width:100%; padding:0; float:left; font-size:16px; min-height:100px;}
.product_right .pro_jieshao h4{ font-size:18px; color:#363636; margin:15px 0;}

.product_right .pro_jieshao dd:nth-child(2),.product_right .pro_jieshao dd:nth-child(4),.product_right .pro_jieshao dd:nth-child(6){ background:#f7f7f7;}


.product_right .pro_jieshao p{ padding-left:0; font-size:16px; line-height:30px; width:100%;}
.product_right .pro_jieshao h4 span{  margin-right:20px; height:40px; max-width:250px; text-align:left;display:block; color:#C42329;}


.proshow_list_li{overflow:hidden;height:600px;padding:0; text-align:center;  width:600px;  margin:0 auto;}
.proshow_list_li_span{height:600px; display:inline-block; vertical-align:middle; }
.proshow_list_li img{ max-width:100%; max-height:100%;}

@media (max-width: 1300px) {
.proshow_list_li{height:500px; width:500px;}
.proshow_list_li_span{height:500px;}
.product_right{ min-height:500px;  }
}

@media (max-width: 1200px) {

.product_right{  width:500px; min-height: inherit;  }
.proshow_list_li{height:450px; width:450px;}
.proshow_list_li_span{height:450px;}


.product_right{min-height:100px; margin-top:10px; }
.product_right .pro_biaoti{  padding-bottom:0px; font-size:18px; line-height:35px;}
.product_right .pro_jieshao{ width:100%; padding:10px 0; float:left; font-size:14px; min-height:60px;border-bottom:1px solid #eee;}
.product_right .pro_jieshao h4{ font-size:16px;  line-height:30px; height:30px; }
.product_right .pro_jieshao p{}
.product_right .pro_jieshao h4 span{  height:30px; }

.product_right .pro_jieshao span.yingwenban{ line-height:22px;}

}

@media (max-width: 1200px) {
.proshow_list_li{height:400px; width:400px;}
.proshow_list_li_span{height:400px;}
}



@media (max-width: 1024px) {
.product_right{float:none; width:96%; max-width:100%;padding-left:2%; clear:both; }

}



@media (max-width: 800px) {
.jieshao_box{ padding:10px 0; margin-top:0;}
.proshow_list_li{height:300px; width:300px;}
.proshow_list_li_span{height:300px;}
.product_right .pro_biaoti{ line-height:30px; font-size:16px;padding:0px 0 0 0;}
.product_right p{ font-size:14px; line-height:24px;}
.jieshao_box h2{ line-height:30px; font-size:16px;}
.product_right{ border:none;margin-top:0px; padding:0; width:100%; }
.product_right .pro_jieshao dd{  min-height:35px; line-height:35px; }
.product_right .pro_jieshao{padding:5px 0;}
.product_right .pro_jieshao h4{font-size:14px;  line-height:24px; height: auto; }
.product_right .pro_jieshao p{font-size:14px;  line-height:24px; height: auto; }

.product_right .pro_jieshao ul li{  height:35px; line-height:35px;font-size:14px; width:97%; padding-left:2%;  } 

.jieshao_box h1{ font-size:14px; line-height:40px; text-align:center; width:120px; height:40px; margin-bottom:10px;}
.jieshao_box p{ line-height:24px; font-size:14px;}

}






@media screen and (max-width:870px) {
.menu{}
.am-paragraph-default p{ margin:0 0 10px 0;}
.web_w{width:100%;max-width:100%; margin:0; padding:0; margin-top:5px;}
.menu{height:50px; padding:0; background:#fff;width:100%;z-index:1000; position: absolute; padding:0px 0;}
.am-topbar-btn{ background:none; position:absolute; right:14px; top:15px; width:25px; height:20px;color:#fff;  z-index:100; display:block!important;}
.am-topbar-btn span{display:block;width:100%;height:2px;position:absolute;background-color:#363636;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;-webkit-transition:all .2s ease-out;transition:all .2s ease-out;}
.menu.am-sticky .am-topbar-btn span ,.inner_header .menu .am-topbar-btn span{background-color:#363636!important;}
.am-topbar-btn span:nth-of-type(1){top:0;left:0;opacity:0;}
.am-topbar-btn span:nth-of-type(4){bottom:0;left:0;opacity:0;}
.am-topbar-btn span:nth-of-type(2),.am-topbar-btn span:nth-of-type(3){top:50%;left:0;margin-top:-1px;}
.am-topbar-btn span:nth-of-type(2){-moz-transform:rotate(45deg);-ms-transform:rotate(45deg));-webkit-transform:rotate(45deg);transform:rotate(45deg);background-color:#363636;}
.am-topbar-btn span:nth-of-type(3){-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);background-color:#363636;}
.am-topbar-btn.am-collapsed span:nth-of-type(2){-moz-transform:rotate(0);-ms-transform:rotate(0));-webkit-transform:rotate(0);transform:rotate(0);background-color:#363636;}
.am-topbar-btn.am-collapsed span:nth-of-type(3){-moz-transform:rotate(0);-ms-transform:rotate(0);-webkit-transform:rotate(0);transform:rotate(0);background-color:#363636;}
.am-topbar-btn.am-collapsed span:nth-of-type(1),.am-topbar-btn.am-collapsed span:nth-of-type(4){opacity:1;}
.am-topbar-collapse { float:none; clear:both; padding:0; position:relative; top:-50px; margin:0px;}
.am-topbar-collapse.am-collapse{display:none!important;}
.am-topbar-collapse.am-collapse.am-in{display:block!important; height:100vh!important;background:#fff;transition: all .4s ease 0s;-webkit-transition: all .4s ease 0s;-moz-transition: all .4s ease 0s;}
.nav ,.menu.am-sticky .nav{ height:auto; float:none; clear:both; margin:0!important;padding-top:50px!important;}
.nav li ,.menu.am-sticky .nav li { float:none;margin:0; border-bottom:#ddd solid 1px; padding:0; line-height:normal;transform: translateY(30px);-webkit-transform: translateY(30px);-moz-transform: translateY(30px);opacity:0; font-size:14px;}
.nav li:first-of-type{ display:block;}
.nav li a ,.menu.am-sticky .nav li a{height:40px;line-height:40px; position:relative; padding:0 14px;color:#363636;}
.nav li a:before{ display:block; line-height:50px; content:''; float:right;}
.am-topbar-collapse.am-collapse.am-in .nav li:nth-of-type(1){
	opacity: 1;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transition: all .6s ease .1s;
	-webkit-transition: all .6s ease .1s;
	-moz-transition: all .6s ease .1s;
}
.am-topbar-collapse.am-collapse.am-in .nav li:nth-of-type(2){
	opacity: 1;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transition: all .6s ease .2s;
	-webkit-transition: all .6s ease .2s;
	-moz-transition: all .6s ease .2s;
}
.am-topbar-collapse.am-collapse.am-in .nav li:nth-of-type(3){
	opacity: 1;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transition: all .6s ease .3s;
	-webkit-transition: all .6s ease .3s;
	-moz-transition: all .6s ease .3s;
}
.am-topbar-collapse.am-collapse.am-in .nav li:nth-of-type(4){
	opacity: 1;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transition: all .6s ease .4s;
	-webkit-transition: all .4s ease .4s;
	-moz-transition: all .6s ease .4s;
}
.am-topbar-collapse.am-collapse.am-in .nav li:nth-of-type(5){
	opacity: 1;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transition: all .6s ease .5s;
	-webkit-transition: all .6s ease .5s;
	-moz-transition: all .6s ease .5s;
}
.am-topbar-collapse.am-collapse.am-in .nav li:nth-of-type(6){
	opacity: 1;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transition: all .6s ease .6s;
	-webkit-transition: all .6s ease .6s;
	-moz-transition: all .6s ease .6s;
}
.am-topbar-collapse.am-collapse.am-in .nav li:nth-of-type(7){
	opacity: 1;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transition: all .6s ease .7s;
	-webkit-transition: all .6s ease .7s;
	-moz-transition: all .6s ease .7s;
}

}









/*菜单*/
.service_a .selectBtn a .cn:before{content:""}
.service_a{padding-bottom:5px; background:#f1f1f1; padding-top:5px; border-bottom:1px solid #ddd; clear:both; width:100%;}
.service_a .selectBtn{text-align:center;}
.service_a .selectBtn a{margin:0 15px;display:inline-block;padding:10px;width:150px;height:50px;border:1px solid #f1f1f1; background:#0F99E1;text-align:left;transition:all .5s;white-space:nowrap;color:#fff}
.service_a .selectBtn a.active,.service_a .selectBtn a:hover{background:#EC872B;border-color:#6DBB56;box-shadow:0 0 15px rgba(0,0,0,.2);color:#fff}
.service_a .selectBtn a.active .cn:before,.service_a .selectBtn a:hover .cn:before{width:100%;background-color:#fff;}
.service_a .selectBtn a .boxbx{position:relative}
.service_a .selectBtn a:hover .cn,.service_a .selectBtn a:hover .en{color:#fff}
.service_a .selectBtn a:hover .cn:before{background-color:#FFF8A8}
.service_a .selectBtn a .cn{position:relative;padding-top:20px;font-size:17px;line-height:30px}
.service_a .selectBtn a .cn:before{position:absolute;top:10px;left:0;width:24px;transition:all .5s;height:2px;background-color:#fff}
.service_a .selectBtn a .en{font-size:12px; letter-spacing:normal;text-transform:Uppercase;}


@media only screen and (max-width:1023px){
.service_a .selectBtn a{width:43%;height:50px;margin:0 1% 0 1%;padding:1%; display:inline-block;}
.service_a .selectBtn{margin-top:0px;padding-top:0px;text-align:left}
.service_a .selectBtn a .cn{font-size:14px}
.service_a .selectBtn a .en{ display:none;}

}


@media (min-width: 1024px) and (max-width:1199px ) {

.service_a .selectBtn a:nth-child(3){margin-right:0}
.service_a .selectBtn a .cn{font-size:14px}
}


.animate {
	transition: all 0.5s cubic-bezier(0.25, 0, 0, 1);
	-webkit-transition: all 0.5s cubic-bezier(0.25, 0, 0, 1);
}

.h_p {
	width: 100%;
	height: auto;
}

.h_p ul li {
	width: 29.33%;
	margin:20px 2%;
	height: auto;
	overflow: hidden;
	float: left;
	position: relative;
	padding-bottom:50px;
	background:#f1f1f1;
}

.h_p ul li img {
	width: 100%
}

.h_p ul li .pic {
	width: 100%;
	height: auto;
	background:none;
	position: relative;
	background-position: center center;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	background-repeat: no-repeat;
}

.h_p ul li .pic img {
	opacity: 1
}

.h_p ul li .mask {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: #f1f1f1;
}

.h_p ul li .mask .thum {
	width: 100%;
	height: auto;
	background:none;
	position: relative;
	background-position: center center;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	background-repeat: no-repeat
}

.h_p ul li .mask .cat {
	width: 100%;
	height: auto;
	position: absolute;
	text-align: center;
	top: 86%;
	font-weight: 700;
	font-size: 18px
}

.h_p ul li:nth-child(2) .mask .cat {
	background-position: 0 -55px
}

.h_p ul li:nth-child(3) .mask .cat {
	background-position: 0 -110px
}

.h_p ul li .mask .name {
	width: 100%;
	height: auto;
	line-height: 26px;
	text-align: center;
	color: #363636;
	text-align: center;
	position: absolute;
	left: 0;
	top: 90%;
	font-weight: normal;
	font-size: 16px
}

.h_p ul li .title {
	width: 100%;
	height: 30px;
    line-height: 30px;
	text-align: center;
	position: absolute;
	left: 0;
	text-align: center;
	font-size: 13px;
	top: 100%;
	opacity: 1;
	visibility: hidden;
	-webkit-transition-delay: .1s;



}
.h_p ul li .title span{ color:#fff; background:#0F99E1; padding:10px 15px; text-align:center;}
.h_p ul li .btn {
	width: 151px;
	height: 36px;
	display: block;
	cursor: pointer;
	background: url(../images/btn_bg.png) no-repeat;
	line-height: 36px;
	text-align: center;
	color: #FFF;
	position: absolute;
	left: 50%;
	margin-left: -75.5px;
	top: 40%;
	opacity: 1;
	visibility: hidden;
	-webkit-transition-delay: .2s
}

.h_p ul li:hover .mask {
	-webkit-transform: scale(1.1);
	opacity: 0;
	visibility: hidden
}

.h_p ul li:hover .title {
	opacity: 1;
	visibility: visible;
	top: 90%;

}

.h_p ul li:hover .btn {
	opacity: 1;
	visibility: visible;
	top: 85%
}

.lt {
	width: 100%;
	height: 4px;
	background: #ff0000;
	position: absolute;
	top: 10px;
}
.lb{
	width: 0;
	height: 4px;
	background: #ff0000;
	position: absolute;
	bottom: 10px
}



.ll {
	width: 4px;
	height: 0%;
	bottom: 10px;
	position: absolute;
	background: #c6ab43
}

.lr {
	width: 4px;
	height: 0%;
	top: 10px;
	position: absolute;
	background: #c6ab43
}

.lr {
	right: 10px
}

.ll {
	left: 10px
}

.h_p ul li:hover .lb,
.h_p ul li:hover .lt {
	width: -webkit-calc(100% - 20px);
	width: -moz-calc(100% - 20px);
	width: calc(100% - 20px)
}

.h_p ul li:hover .lb {
	right: 10px
}

.h_p ul li:hover .lt {
	right: 10px
}

.h_p ul li .lt {
	left: 10px;
	display: none
}

.h_p ul li:hover .ll,
.h_p ul li:hover .lr {
	height: -webkit-calc(100% - 20px);
	height: -moz-calc(100% - 20px);
	height: calc(100% - 20px)
}


.h_title {
	width: 100%;
	height: auto;
	position: relative
}

.h_title.c {
	text-align: center;
	color: #232531
}

.h_s ul li .btn {
	width: 150px;
	height: 30px;
	display: block;
	border: 1px solid #e6dcbd;
	color: #e6dcbd;
	line-height: 30px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	text-align: center;
	margin: auto
}

.h_s ul li .btn:hover {
	color: #FFF;
	border-color: #b39534;
	background: #b39534
}

.h_title b {
	font-size: 30px;
	text-align: center;
	line-height: 45px;
	font-weight: 400
}

.h_title p {
	width: 100%;
	opacity: .3;
	line-height: 25px;
	text-align: center;
	font-size: 12px;
	position: relative
}

.h_title p:after,
.h_title p:before {
	width: 200px;
	height: 1px;
	background: #FFF;
	position: absolute;
	top: 12px;
	content: ''
}

.h_title.c p:after,
.h_title.c p:before {
	width: 150px;
	background: rgba(0, 0, 0, .5)
}

.h_title.c p {
	opacity: .5
}

.h_title p:after {
	left: 0
}

.h_title p:before {
	right: 0
}

.clearfix:after {
	height: 0
}

@media (max-width: 1400px) {
.h_p ul li .mask .cat {
	top: 84%;
	font-size: 16px
}


.h_p ul li .mask .name {
	font-size: 13px;
	top:90%;
}


}



@media (max-width: 1200px) {


.h_p ul li .mask .cat {
	top: 84%;
	font-size: 14px
}


.h_p ul li .mask .name {
	font-size: 12px;
	top:88%;
}




}

@media only screen and (max-width:768px){


.bh_nav{width:100%;position:relative;overflow:hidden}

.bh_nav .b_c{width:60vw;padding:20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;z-index:9;position:relative}

.bh_nav ul{width:40vw;left:60vw}

.bh_nav>img{position:absolute;left:0;top:0}
.bh_slider{width:100%;margin-top:5px;height:-webkit-calc(100vw * 468 / 768);height:-moz-calc(100vw * 468 / 768);height:calc(100vw * 468 / 768)}



}



@media (max-width: 639px) {

.h_p ul li .mask .name{top:auto;bottom:0px; font-size:12px;}
.h_p ul li:hover .title{top:82%;font-size:12px;}
.h_p ul li:hover .btn{top:auto;bottom:20px}
.h_p ul li .pic img{opacity:.5}

.h_p ul li {width:47%; margin:10px 1.5%;}

.h_p ul li .mask .cat {top: 82%; font-size:13px;}
.h_p ul li .mask .name{ font-size:13px; top:80%;}
.h_title p:after,.h_title p:before{width:35vw}
}














.feedback_left{float:left; max-width:40%}
.feedback_left img{ max-width:100%;}
.feedback_right{float:right; max-width:58%;}






@media (max-width:800px) {


.tab{width:100%;}
.tab li{ margin-bottom:15px; line-height:30px; float:left; width:98%; margin-right:2%;}
.tab input{ width:100%;line-height:35px;padding: 10px 26px;box-shadow:2px 2px 3px rgba(0,0,0,0.15); font-size:16px; border:none;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
.tab textarea{ width:98%;line-height:30px;padding: 10px 26px;box-shadow:2px 2px 3px rgba(0,0,0,0.15); border:none; font-family:"微软雅黑"; font-size:16px;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
.tab input:hover ,.tab textarea:hover{ border-color:#fff;}
.tab .sumbit{width: 100%; display:block; margin-top:0px; cursor:pointer;border-style:solid;border-color:#f5f5f5;background-color:#0F99E1; border-radius:5px; font-size:16px;padding: 8px 50px; color:#fff; font-size:20px;}
.tab .sumbit:hover{ background-color:#EC872B; color:#FFFFFF;}



.feedback_left{float:none; max-width:100%}
.feedback_right{float:none; max-width:100%;}

.tab input{ line-height:30px;padding: 5px 10px; font-size:14px;}
.tab textarea{ line-height:24px;padding: 5px 10px; font-size:14px;}
.tab .sumbit{padding: 6px 0px; color:#fff; font-size:14px;}
}



/*联系我们*/
.n_contact_box{color:#363636;max-width:100%;}
.n_contact_box_tit{font-size:30px; text-align:left; padding:30px; line-height:35px;}
.n_contact_box_tit span{ font-size:16px;}
.n_contact_box_neirong{font-size:16px;  line-height:33px; text-transform:uppercase; float:left;padding:0px 0px; color:#363636;}
.n_contact_box_line{width:100px; height:2px; background:#fff; margin-top:0px; margin-bottom:10px;}
.n_contact_box img{ margin:0px 0 0px 0; max-width:170px;}
.n_contact_box p{ line-height:33px; margin:0; font-size:16px; letter-spacing:normal;}
.n_contact_box p strong{ line-height:40px; margin:0; font-size:20px;}
.n_contact_box p img{ margin:0 0 0 0;}
.n_contact_box p a{ color:#363636;}
.n_contact_box_erweima{float:right; text-align:center;}


@media (max-width:800px) {

.feedback_left{float:none; max-width:100%}
.feedback_right{float:none; max-width:100%;}

.tab input{ line-height:30px;padding: 5px 10px; font-size:14px;}
.tab textarea{ line-height:24px;padding: 5px 10px; font-size:14px;}
.tab .sumbit{padding: 6px 0px; color:#fff; font-size:14px;}


.n_contact_box{}
.n_contact_box_tit{font-size:16px; text-align:left; padding:10px; line-height:25px;}
.n_contact_box_tit span{ font-size:16px;}
.n_contact_box_neirong{font-size:14px;  line-height:24px; text-transform:uppercase; float:none;padding:0px 0px;}
.n_contact_box_line{width:100px; height:1px; background:#fff; margin-top:0px; margin-bottom:10px;}
.n_contact_box img{ margin:0px 0 0px 0; max-width:100px;}
.n_contact_box p{ line-height:24px;  font-size:14px; }
.n_contact_box p strong{ line-height:30px; margin:0; font-size:16px;}

.n_contact_box_erweima{float:none;  text-align:center;}
.n_contact_box_erweima div{ font-size:14px;}



}



/*banner图样式*/
.bannertt {position:relative;width:100%;overflow:hidden;margin:0 auto;text-align:center;background:#fff;height:500px;z-index:1;}




.bannertt .bg_123  {
       background-position: 0 center;
       width:100%; height:500px;margin:0 auto;text-align:center;
	      -webkit-animation: banner_inside 1s ease 1 forwards;
    -moz-animation: banner_inside 1s ease 1 forwards;
    -o-animation: banner_inside 1s ease 1 forwards;
    animation: banner_inside 1s ease 1 forwards;
	overflow:hidden;
    
}



@media screen and (max-width:1000px) {
.bannertt {
height:500px;
}
}

@media screen and (max-width:787px) {
.bannertt {
height:450px;
}

@media screen and (max-width:639px) {
.bannertt {
height:450px;
}
}

.bannertt .bg_123  {
height:450px;
 -webkit-animation: bgg linear 50s infinite alternate;
		-moz-animation: bgg linear 50s infinite alternate;
		  -o-animation: bgg linear 50s infinite alternate;
		   animation: bgg linear 50s infinite alternate;
		   }





	@-webkit-keyframes bgg{
		from{
			background-position: 0 center;
		}
		to{
			background-position: 100% center;
		}
	}
	@-moz-keyframes bgg{
		from{
			background-position: 0 center;
		}
		to{
			background-position: 100% center;
		}
	}
	@-o-keyframes bgg{
		from{
			background-position: 0 center;
		}
		to{
			background-position: 100% center;
		}
	}
	@keyframes bgg{
		from{
			background-position: 0 center;
		}
		to{
			background-position: 100% center;
		}

}

@-webkit-keyframes banner_inside {from {-webkit-transform:scale(0.9);transform:scale(0.9);}
to {-webkit-transform:scale(1);transform:scale(1);}
}
@-moz-keyframes banner_inside {from {-moz-transform:scale(0.9);transform:scale(0.9);}
to {-moz-transform:scale(1);transform:scale(1);}
}
@-o-keyframes banner_inside {from {-o-transform:scale(0.9);transform:scale(0.9);}
to {-o-transform:scale(1);transform:scale(1);}
}
@keyframes banner_inside {from {-webkit-transform:scale(1.23);-moz-transform:scale(1.23);-o-transform:scale(1.23);transform:scale(1.23);}
to {-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);}
}
}
.banner_txt {z-index:9999;width:100%;position:absolute;background:#fff;height:150px;bottom:0%;margin-right:50%;right:-50%;}
.banner_txt3 {left:-131px;position:absolute;bottom:-1px;max-width:200px;overflow:hidden;}
.banner_txt4 {left:60px;position:absolute;bottom:-20px;color:#E5B46B;font-size:83px;text-transform:uppercase;font-weight:700;}
.banner_txt4>div {display:inline-block;float:left;letter-spacing:12px;}
.banner_txta {z-index:9999;left: auto;position:absolute;top:30%;overflow:hidden;width:100%;height:300px;}
.banner_txt5 {position:absolute;color:#fff;font-size:45px; line-height:90px;text-align:center; width:100%;}
.banner_txt5 p {font-weight:700;font-size:50px;}
.banner_txt6 {position:absolute;color:#fff;top:30%;width:100%;margin:0 auto;text-align:center; font-size:26px; }




.banner_txtb{ display:none;}



.banner_txt6 i { display: block; margin:0 auto; width: 100px; height: 134px; background: url(../contact_pic/add.png) no-repeat 0 0;animation:gogogo 2s;
-moz-animation:gogogo 2s  infinite linear; /* Firefox */
-webkit-animation:gogogo 2s  infinite linear; /* Safari and Chrome */
-o-animation:gogogo 2s  infinite linear; /* Opera */}}
@keyframes gogogo{
0%{
 margin-top:0px;

}
50%{
 margin-top:15px;

}
100%{
 margin-top:0px;

}
}


@-webkit-keyframes gogogo {
0%{
 margin-top:0px;

}
50%{
 margin-top:15px;

}
100%{
 margin-top:0px;

}
}

/*内页手机banner图样式*/
.allpic img{width:100%;}
.allpic{ padding-top:0px;display:block;  position:relative; z-index:0;text-align:center;}
.allpic H3{ font-size:24px; color:#fff; font-weight:700; left:5%; position:absolute;top:40%;}
.allpic H4{ font-size:20px; letter-spacing: normal; color:#fff; font-weight: normal; left:5%; position:absolute; top:50%; text-align:left; line-height:30px;}

@media (max-width:1200px){

.banner_txta {top:40%;overflow:hidden;height:200px;}
.banner_txt5 {font-size:48px;line-height:60px;}
.banner_txt5 p {font-size:35px;}
}

@media (max-width:1000px){
.banner_txt{ display:none;}

.banner_txtb { display:block;z-index:9999;left:10%;position:absolute;top:40%;overflow:hidden;width:350px;height:200px;}
.banner_txtb5 {position:absolute;color:#fff;font-size:48px;text-transform:uppercase;text-align:left;opacity:0.1;}
.banner_txtb5 p {font-weight:700;font-size:35px;}

}


@media (max-width:639px){


.banner_txt6 i { display: block; margin:0 auto; width: 50px; height: 67px; background-size:cover!important;}

.allpic H3{ font-size:16px;  font-weight:700; top:43%;}
.allpic H4{ font-size:14px; font-weight: normal; top:55%;}

.banner_txta {overflow:hidden;width:100%;height:100px; top:30%;}
.banner_txt5 {font-size:22px; line-height:45px;}
.banner_txt6 {top:50%;font-size:15px; max-width:90%; margin-left:5%;}
}


.scroll_more {-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:70px;margin-bottom:0;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;height:auto;min-height:auto;overflow:visible;position:relative;z-index:99;bottom:30px;margin:0 auto;}
.scroll_div {position:absolute;color:#fff;width:100%;height:78px;bottom:0;border:0;left:0;right:auto;}
.scroll_txt {/* -webkit-transform:rotate(-90deg) translateX(-2rem);transform:rotate(-90deg) translateX(-2rem);*/    position:relative;display:block;/*   font-size:13px;color:#fff;text-transform:uppercase;letter-spacing:0.5px;font-family:Gilroy_Regular;*/margin-left:16px;}
.scroll_bar {width:2px;height:15px;position:absolute;bottom:2.14286rem;left:calc(50% - 1px);-webkit-transform:translateX(-50%);transform:translateX(-50%);margin-top:0;cursor:pointer;overflow:hidden;}
.scroll_bar::after {content:"";background-color:#fff;left:0;top:-100%;height:100%;width:100%;position:absolute;-webkit-animation:slide-down 2s infinite;animation:slide-down 2s infinite;}
@keyframes slide-down {0% {top:-100%;}
100% {top:100%;}
}

@media screen and (max-width:787px) {
.scroll_more_m {-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:70px;margin-bottom:0;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;height:auto;min-height:auto;overflow:visible;position:relative;z-index:99;bottom:10px;margin:0 auto;}
.scroll_div_m {position:absolute;color:#fff;width:100%;height:60px;bottom:0;border:0;left:0;right:auto;}
.scroll_txt_m {/* -webkit-transform:rotate(-90deg) translateX(-2rem);transform:rotate(-90deg) translateX(-2rem);*/    position:relative;display:block;/*   font-size:13px;color:#fff;text-transform:uppercase;letter-spacing:0.5px;font-family:Gilroy_Regular;*/margin-left:0px;}
.scroll_bar_m {width:2px;height:15px;position:absolute;bottom:0.3rem;left:calc(50% - 1px);-webkit-transform:translateX(-50%);transform:translateX(-50%);margin-top:0;cursor:pointer;overflow:hidden;}
.scroll_bar_m::after {content:"";background-color:#fff;left:0px;top:-100%;height:100%;width:100%;position:absolute;-webkit-animation:slide-down 2s infinite;animation:slide-down 2s infinite;}
@keyframes slide-down {0% {top:-100%;}
100% {top:100%;}
}
}






/*数字*/
.index_strong {padding:0px 0 10px 0px; float:left; width:95%;margin-top:0px;}
.index_strong_iteam {max-width:100%;width:100%;margin:0 auto;text-align:center;}
.index_strong_iteam ul {margin-left:0}
.index_strong_iteam li {text-align:center;display:inline-block;width:33.33%;float:left;text-transform:uppercase;position:relative;}
.index_strong_iteam li strong {display:block;line-height:50px;margin:20px 0 20px 0;font-size:50px;font-weight:normal;color:#179DDA;text-align:center;font-family:Geneva,Arial,Helvetica,sans-serif; position:relative;}
.index_strong_iteam li strong sup{ font-size:16px; position:absolute; top:10px;}
.index_strong_iteam li .text .title_cn {margin-top:0px;font-size:14px;text-align:center;}





@media only screen and (max-width:1000px) {
.index_strong {padding:0px 0 10px 0px; float:none; width:100%;margin-top:5%;}
.index_strong_iteam {max-width:100%;}
.index_strong_iteam ul {margin-left:0px;}
.index_strong_iteam li {width:25%; margin:15px 0;}
.index_strong_iteam li span { display:none;}
.index_strong_iteam li strong {display:block;line-height:45px;margin:0px auto;font-size:45px; letter-spacing:-2; text-align:center;}
.index_strong_iteam li .text .title_cn {margin-top:0px;font-size:16px; padding-left:0px;text-align:center;}
.index_strong_iteam li sup {font-weight:bold;font-size:20px;top:20px;right:0;color:#415ba8;position:absolute;}
}

@media only screen and (max-width:639px) {
.index_strong {padding:0px 0 0px 0px; float:none; width:100%;margin-top:2%;}
.index_strong_iteam {max-width:100%;}
.index_strong_iteam ul {margin-left:0px;}
.index_strong_iteam li {width:31.33%; margin:5px 1%;}
.index_strong_iteam li span { display:none;}
.index_strong_iteam li strong {display:block;line-height:30px;margin:0px auto;font-size:30px; letter-spacing:-2; text-align:center;}
.index_strong_iteam li .text .title_cn {margin-top:5px;font-size:13px; padding-left:0px;text-align:center;}
.index_strong_iteam li strong sup{ font-size:12px; position:absolute; top:10px; right:10px;}
}

.n_about_box{ clear:both; width:100%; background:url(../images/bg3222.jpg) no-repeat center top; height:550px;}


.about_left_box{ float:none;  max-width:100%; padding-top:30px}
.about_right_box{ float: right;  margin-left:2%; max-width:580px;margin-top:8%; margin-bottom:5%;}
.about_right_box img{ max-width:100%; max-height:100%; overflow:hidden;}

.about_tit{ width:100%; clear:both; z-index:3; position:relative; margin:10px auto; text-align:center;}
.about_tit h2{ font-size:40px; line-height:30px;color:#ddd;text-transform:uppercase; font-weight:normal;}
.about_tit h3{ font-size:30px; line-height:65px;font-weight:normal;  }
.about_tit .tit_line{width:100px; height:2px; background:#6f573b; margin-top:5px;}


.about_left_box p{ line-height:200%; font-size:16px;}

@media only screen and (max-width:1400px) {
.about_left_box{  max-width:400px;}

}


@media only screen and (max-width:1170px) {
.about_left_box{   margin-right:3%;margin-top:3%; }
.about_right_box{  margin-left:2%; max-width:400px;}
.about_right_box img{max-height:450px;}
.about_tit{ margin-bottom:20px;}
}


@media only screen and (max-width:1000px) {
.about_left_box{ max-width:100%;margin-right:0;margin-top:1%;}
.about_right_box{ margin:15px  auto 0 auto; clear:both; max-width:100%;}
.about_tit{ margin-bottom:15px;}
.n_about_box{  height:450px;}
.about_tit h2{ font-size:26px; line-height:35px;color:#ccc;text-transform:uppercase;}
.about_tit h3{ font-size:18px; line-height:28px;  }

}


@media only screen and (max-width:800px) {

.n_about_box{  height: auto;}

.about_tit{margin:10px auto;}
.about_tit h2{ font-size:20px; line-height:30px;color:#ccc;text-transform:uppercase;}
.about_tit h3{ font-size:16px; line-height:26px;  }

.about_left_box{ line-height:24px; margin:0;}

.about_left_box p{ font-size:14px; line-height:24px;}

}


.index_title{ text-align:center;padding:70px 0 20px 0; }
.index_title .title{ position:relative; padding-top:40px; color:#fff; font-size:34px;}
.index_title .des1{color: #fff; font-size:18px; margin-top:10px; line-height:35px;}


@media only screen and (max-width:800px) {

.index_title{ text-align:center;padding:30px 0 60px 0; }
.index_title .title{ position:relative; padding-top:10px; color:#fff; font-size:18px;}
.index_title .des1{color: #fff; font-size:14px; margin-top:10px; line-height:25px;}

.index_title img{ max-width:60px; max-height:60px; margin-top:15px;}
}


.vedio{ clear:both;text-align:center; padding-top:10%; width:100%; position:relative;}
.vedio .bg{width:100%; vertical-align:middle; max-width:602px;}
.vedio .icon{position:absolute;top:0px;bottom:0px;left:0px;right:0px;margin:auto;cursor:pointer;}
.vedio video{background:#fff;display:none;position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:1;}
.vedio .vedioClose{display:none;background:#ad322c;position:absolute;top:0px;right:0px;width:60px;height:60px;line-height:60px;text-align:center;z-index:1;cursor:pointer;}
.vedio .vedioClose img{ vertical-align:middle;max-width:70%;}



.alertVideoHide{display:none;position:fixed;top:0px;left:0px;width:100%;height:100%;background:url(../images/b-bg.png);z-index:999;}
.alertVideoContent{display:none;position:absolute;top:0;left:0;bottom:0px;right:0px;width:1200px;height:750px;margin:0 auto;z-index:999;background:none;padding:0;}
.alertVideoContent iframe{width:100% !important;height:100% !important;}
.alertVideoContent .vedioClose{position:absolute;top:0px;right:-60px;cursor:pointer;width:60px;height:60px;background:#ad322c;line-height:60px;cursor:pointer;text-align:center; z-index:99999;}
.alertVideoContent .vedioClose img{ vertical-align:middle;max-width:70%;}

@media screen and (max-width:1100px) {
.vedio{  left:5%; bottom:10%;}
.vedio img{ max-width:80px; max-height:80px;}
}


@media screen and (max-width:787px) {
.vedio{  left:2%; bottom:10%;}
.vedio img{ max-width:60px; max-height:60px;}
}


@media screen and (max-width:639px) {
.vedio img{ max-width:50px; max-height:50px;}
}






/*分页*/
.pageshow{ padding:10px 0px; height:30px; line-height:30px; text-align:center; clear: both; width:100%; }
.pageshow a {padding: 0 15px;
    line-height: 25px;
    display: inline-block;
    border: 1px #bbb solid;
    margin:0 5px;
    background: #ccc;
	font-size:13px;
	color:#333;
	 }

.pageshow a.pagefan ,.pageshow a:hover{
    background: #0092C5;border: 1px #0092C5 solid; color:#FFFFFF;}



@media (max-width: 1200px) {
.pageshow{  height:30px; line-height:30px; font-size:13px; padding:20px 0px;}
.pageshow a {padding: 0 6px;font-size:13px; }
}
@media (max-width: 800px) {
.pageshow{  padding:10px 0px; }
.pageshow a {padding: 0 6px;font-size:13px; }
}





.news_left01{float:left; width:840px; margin:20px 0 20px 0px;}
.news_righttitle{ font-size:15px; color:#333; border-bottom:1px solid #ccc; padding-bottom:15px; margin-bottom:15px;}


.news_left01 p{ line-height:180%; font-size:16px;}
.news_left01 p img{ max-width:100%; margin:15px auto; display:block;}


.righttitle{ font-size:22px; line-height:50px; }

.news_righttitle{ font-size:15px; color:#333; border-bottom:1px solid #ccc; padding-bottom:15px; margin-bottom:15px;}
.news_more{float:right;font-size:13px; font-weight:300;color:#999;}
.news_more a{ font-size:13px; font-weight:300;color:#999;}
.news_more a:hover{color:#999; text-decoration:underline;}



.aboutk_tit{ text-align:left; font-size:26px; line-height:50px; padding-top:0px; font-weight:normal; color:#363636;}

.right_news_click{ text-align:left;  color:#696969; position:relative; width:100%;margin-top:10px;}

.right_news_click h6{ float:left; font-family: Arial, Helvetica, sans-serif; font-weight:normal; font-size:24px; letter-spacing:-1px;line-height:25px;}
.right_news_click p{ float:left; font-size:13px; letter-spacing:normal;line-height:30px; margin:0; padding:0;margin-left:0px; }


.news_close{ position:absolute; right:5px; top:0;}

.text_neirong{line-height:25px;font-size:15px; padding:0 20px; }
.text_neirong p{ line-height:25px; font-size:15px;text-indent:2em;}
.text_neirong p img{ max-width:100%; max-height:100%; margin:10px auto;}


.zhaiyao{ background:#eee; width:96%; padding:10px 2%; line-height:30px; font-size:13px; margin-top:20px; margin-bottom:20px;}
.zhaiyao p{ font-size:13px; display:inline-block;}
.zhaiyao span{ color:#0092C5;}

.text_neirong1{line-height:30px;font-size:15px; padding:0 5px; }

.text_neirong1 p{ line-height:25px; font-size:15px;text-indent:2em; margin:0;}
.text_neirong1  img{ max-width:100%; max-height:100%; display: block; margin:20px auto;}
.text_neirong1 p img{ max-width:100%; max-height:100%; display: block; margin:20px auto;}

.shebei_biaoti{ text-align:left;}
.shebei_biaoti h2{ font-size:24px; color:#31A1A5; line-height:20px; height:30px;}
.shebei_biaoti span{ font-size:15px; color:#ccc; padding-left:10px; font-weight:normal;}
.shebei_biaoti span p{ display:inline-block;}



.news_line{ clear:both; width:100%;height:50px; line-height:25px;font-size:14px;}
.news_line .fl{ float:left;margin-left:45px;position:relative;}
.news_line .fr{ float:right; position:relative; margin-right:45px;}
.news_line .fl::after{ position:absolute; content:""; background:url(../images/shangyipian.png) no-repeat; width:36px; height:11px; left:-45px; top:8px;}
.news_line .fr::after{ position:absolute; content:""; background:url(../images/xiayipian.png) no-repeat; width:36px; height:11px; right:-45px; top:8px;}

@media (max-width: 1023px) {
.text_neirong1{line-height:25px;font-size:14px; padding:0 2%; }
.text_neirong1 p{ font-size:13px;}
.text_neirong{line-height:25px;font-size:14px; padding:0 2%; }
.text_neirong p{ font-size:13px;}
}

@media (max-width: 639px) {

.right_news_click{ margin-top:0px;}

.zhaiyao{ width:98%; padding:5px 1%; line-height:22px; font-size:12px; margin-top:10px; margin-bottom:10px;}
.zhaiyao p{ font-size:12px;}


.text_neirong1{line-height:25px;font-size:12px; padding:0 ; }
.text_neirong1 p{ font-size:12px;}
.text_neirong{line-height:25px;font-size:12px; padding:0; }
.text_neirong p{ font-size:12px;}
.text_neirong1  img{  margin:10px auto;}
.text_neirong1 p img{  margin:10px auto;}

}


.news_line a{ font-size:14px;}

.wid1200{max-width:1200px; margin:0 auto;}
.newsshow_right{ float:right; width:320px; background:#eee;  margin:30px 0px 0px 30px;}
.newsshow_right h2{ font-size:18px; width:100%; height:60px; line-height:60px;  text-align:left; padding-left:20px; color:#0092C5; font-weight:normal;}
.newsshow_right ul{ margin-top:0px; width:320px;}
.newsshow_right ul li {float:left; width:300px; color:#363636; padding:10px 10px 30px 10px; line-height:26px; font-size:13px; display:block;}
.newsshow_right ul li a{ color:#363636; font-size:16px; width:100%; line-height:30px; display:block;}
.newsshow_right ul li a:hover{ color:#0092C5;}
.newsshow_right_pic img{ max-width:100%;max-height:100%;}
.newsshow_right_pic .news_more_a{padding:10px 10px; color:#666;}
.newsshow_right_pic h3{  font-size:16px; line-height:30px; color:#363636;padding:10px 10px 5px 10px; }
.newsshow_right_pic h4{  font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#696969;  font-weight: normal;line-height:26px; padding:0px 10px;}
.news_right_text{ font-size:13px; color:#666; line-height:24px;padding:5px 10px;}
.news_border_box img{ float:left; margin:10px 10px; width:300px; height:4px;}


@media (min-width: 1024px) and (max-width:1199px ) {
.news_left01{ width:600px; margin:20px 0 0px 20px;}
.news_righttitle{ font-size:13px;padding-bottom:5px; margin-bottom:5px;}


.wid1200{max-width:1000px;}

}

@media (max-width: 1023px) {
.newsshow_right{display:none;}
.news_left01{width:100%; margin:0; margin-top:15px; clear:both;}
.news_left01 p{ font-size:14px; line-height:25px;}
.news_righttitle{ font-size:13px;padding-bottom:5px; margin-bottom:5px;}
.news_more{font-size:12px;}
.news_more a{ font-size:12px;}
.news_more a:hover{color:#999;}
.aboutk_tit{font-size:16px; line-height:25px;}
.text_neirong p img{ margin:10px auto;}

.wid1200{ max-width:96%; margin:10px 2%;}

.newsshow_right{display:none;}
}






.about_box_tit{ float:left;  width:50%; max-width:650px;}
.about_box_tit h2{ font-size:34px; color:#363636; line-height:40px; text-transform:uppercase;font-family:Geneva,Arial,Helvetica,sans-serif; }
.about_box_tit h3{font-size:24px; color:#363636; line-height:35px; }
.about_box_tit h4{}

.about_box{ clear:both;width:100%; background: url(../images/home_about_bg.jpg) no-repeat center bottom; height:550px;}

@media (max-width: 1023px) {

.about_box{ clear:both;width:100%;height: auto;}
}


.home_neirtong{ float:left; width:48%; max-width:600px; margin-top:50px;}
.home_neirtong p{ clear:both; width:95%; margin-right:5%; padding-top:10px;font-size:16px;text-align:left;color:#363636; line-height:30px;z-index:2; position:relative;}
.home_neirtong a.more{ float:left; margin-top:40px; width:170px; height:50px; line-height:50px; text-align:center; color:#fff; font-size:16px; background:#1b3692;}
.home_neirtong a:hover.more{ background:#EC872B; }
.about_box_pic{ float:right; width:50%; position:relative; height:100%;margin-top:0%; margin-right:0;}
.about_box_pic img{ height:100%;}

@media (max-width: 1024px) {

.home_neirtong{ float:left; width:100%; max-width:100%; margin-top:10px;}
}



.tabPanel{width:1200px; height:497px;  display:block;}
.tabPanel ul{ width:300px; height:497px;  display:block; float:left;background:#e2f2f4; }
.tabPanel ul li{ width:100%; height:98px; overflow:hidden; display:block; position:relative; z-index:14; cursor:pointer !important; border-bottom:2px solid #fff;}

.you_bt{ width:280px; height:70px; font-size:20px; color:#000; line-height:70px; text-align:left; padding-left:10px;}
.you_bt01{ width:50px; height:1px; background:#698DED; margin-left:10px; margin-top:0px; }
.you_bt02{ width:50px; height:1px; background:#698DED; margin-left:10px; margin-top:0px; }

.tabPanel .hit {background:#0f99e1; color:#fff;}
.tabPanel .hit .you_bt{  color:#fff; }
.tabPanel .hit .you_bt01{  color:#c3ab7b; }
.panes{ width:900px; background:#000; height:497px; display:block; float:left;}

.yjie{ width:900px; height:497px;  float:left; position:relative; }
.yjie .dizhi{ position:absolute; padding-top:10px; right:0px; bottom:-30px; width:500px; height:80px; text-align:left; padding-left:20px; border-radius:0 0 25px 0; z-index:999; background:rgba(255,112,7,0.8); color:#fff;}
.yjie .dizhi p{ color:#fff; line-height:25px; font-size:15px;}
.yjie img{ width:900px; height:497px;}


@media (max-width: 639px) {

.tabPanel{width:100%; max-width:100%; height: auto;  display:block;}
.tabPanel ul{ width:100%; max-width:100%; height: auto;    display:block; float:none;background:#e2f2f4; }
.tabPanel ul li{ width:18%; height:35px; margin:0; padding:0 0.2%; display:inline-block; overflow:hidden; position:relative; z-index:14; cursor:pointer !important; border:none; }

.you_bt{ width:100%; height:35px; font-size:13px; color:#000; line-height:35px; text-align:center; padding-left:0;}
.you_bt01{ width:35px; height:1px; background:#698DED; margin-left:0px; margin-top:0px; }
.you_bt02{ width:35px; height:1px; background:#698DED; margin-left:0px; margin-top:0px; }

.tabPanel .hit {background:#0f99e1; color:#fff;}
.tabPanel .hit .you_bt{  color:#fff; }
.tabPanel .hit .you_bt01{  color:#c3ab7b; }
.panes{ width:100%; max-width:100%;  background:#fff;height:auto;  display:block; float:none;}

.yjie{width:100%; max-width:100%;  max-height:250px; float:none; position:relative; }

.yjie img{ width:100%; max-width:100%;  height: auto;}

}




.qiehuandingwei{ clear:both; width:100%; text-align:center; margin-top:0px;}
@media (max-width: 639px) {
.qiehuandingwei{ clear:both; width:100%; text-align:center; margin-top:0px;}

}






.qiehuandingwei_n{ clear:both; width:100%; text-align:center; margin-top:0px;}

.product_bg{ clear:both; background: url(../images/jc_productbg.jpg) no-repeat center top; width:100%; height:600px; padding-top:10px; }
@media (max-width: 639px) {

.product_bg{ clear:both; bwidth:100%; height: auto; padding-top:10px; }
}
/* product */
.product{
	position: relative;
	width: 100%;
	max-width:1200px;
	margin: 0 auto;padding-bottom:50px;
}
.product li h3{text-align: center; color:#fff; background:#9CA8B8; height:50px; vertical-align:middle; width:96%; padding:0 2%;position:relative; z-index:999; font-size:15px; line-height:50px; padding-top:0px; font-weight: normal; }

.product li:first-child h3{ background:#799fc5; }
.product li:nth-child(2) h3{ background:#3a75af; }
.product li:nth-child(3) h3{ background:#53799f; }
.product li:nth-child(4) h3{ background:#96a48b; }
.product li:nth-child(5) h3{ background:#494663; }
.product li:nth-child(6) h3{ background:#bfbfbf; }
.product li:nth-child(7) h3{ background:#84ABBA; }
.product li:nth-child(8) h3{ background:#18293D; }
.product li:nth-child(9) h3{ background:#DC8A75; }
.product li:nth-child(10) h3{ background:#A27F7B; }


@media only screen and (max-width:1500px) {
.product{max-width:1100px;}
}

@media only screen and (max-width:780px) {
.product{max-width:100%;}
.pro_biaot{ margin-top:20px; margin-bottom:30px;}
}


.product .row{
  margin-bottom: 0px;
}

.product .tab-content{
	display: block;

}

/* product不占空间隐藏css */
.product .tab-content>.tab-pane{
	display: block;
	height: 0;
	overflow: hidden;
}
.product .tab-content>.active{
	display: block;
	height: auto;
	overflow: inherit;
}

.product .swiper-slide img{
	width: 100%;
	transform: scale(1.0);
    -webkit-transform: scale(1.0);
    -ms-transform: scale(1.0);
    -ms-transition: transform 1s cubic-bezier(0,1,0.5,1);
    -webkit-transition: transform 1s cubic-bezier(0,1,0.5,1);
    transition: transform 1s cubic-bezier(0,1,0.5,1);
}
.product .swiper-slide:hover .product .swiper-slide img{
	transform: scale(1.1);
}
.swiper-button-next,.swiper-button-prev{
	width: 50px;
	height: 50px;
	background-image: none;

	border-radius: 50%;
	font-size: 35px;

	text-align: center;
	margin-top: -20px;
}


@media (min-width:1600px) {

.weizhia{right: -50px;}
.weizhib{left: -50px;}

}


@media only screen and (max-width:1600px) {

.weizhia{right: -50px;}
.weizhib{left: -50px;}

}



@media only screen and (max-width:1400px) {

.weizhia{right: -30px;}
.weizhib{left: -30px;}

}

@media only screen and (max-width:1000px) {

.weizhia{right: -50px;}
.weizhib{left: -50px;}

}

@media only screen and (max-width:900px) {

.weizhia{right: 0px;}
.weizhib{left: 0px;}

}


@media only screen and (max-width:640px) {

.weizhia{right: 0px;}
.weizhib{left: 0px;}

}


.swiper-button-next:before{
	position: absolute;
    top: 30%;
    left: 50%;
    width: 35px;
    height: 35px;
    margin: 0 auto;
    transform: translate(-50%,-50%) rotate(-45deg);
    -ms-transform: translate(-50%,-50%) rotate(-45deg);
    -webkit-transform: translate(-50%,-50%) rotate(-45deg);
    border: 1px solid #FF7007;
	
    content: "";
    z-index: 9;
    border-width: 0 2px 2px 0;
}
.swiper-button-prev:before{
	position: absolute;
    top: 30%;
    left: 50%;
    width: 35px;
    height: 35px;
    margin: 0 auto;
    transform: translate(-50%,-50%) rotate(-45deg);
    -ms-transform: translate(-50%,-50%) rotate(-45deg);
    -webkit-transform: translate(-50%,-50%) rotate(-45deg);
    border: 1px solid #FF7007;
    content: "";
    border-width: 2px 0 0 2px;
}

@media only screen and (max-width:640px) {



.swiper-button-next:before{
	
    width: 20px;
    height: 20px;
 
}
.swiper-button-prev:before{

     width: 20px;
    height: 20px;

}


}




.product .swiper-slide{
	overflow: hidden;
	
    margin-right:0px;
	box-shadow: 5px 2px 7px #999;
	border:1px solid #ddd;
}
.tab-content .swiper-button-next.swiper-button-disabled, .tab-content .swiper-button-prev.swiper-button-disabled{
	    cursor: pointer;
		pointer-events: auto;
}
.tab-pane .swiper-button-next,.tab-pane .swiper-button-prev{
	display:  none;
}

.product .swiper-container-android .swiper-slide, .product .swiper-wrapper{
	/*transform: inherit !important;*/
}





/*产品类别*/

.cell .pic {
	width: 100%;
	height: auto;
	min-height:300px;
	background: #fff;
	position: relative;
	background-position: center center;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	background-repeat: no-repeat
}


.cell .pic:hover{opacity: 0.5;transition: width .4s ease-in-out,opacity .4s ease-in-out,left .4s ease-in-out}


.cell .pic img {
	opacity: 1
}

.cell .mask {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: #f1f0f0;
}




/*产品类别*/
.clearfix:after {
	height: 0
}


.animate {
	transition: all 0.5s cubic-bezier(0.25, 0, 0, 1);
	-webkit-transition: all 0.5s cubic-bezier(0.25, 0, 0, 1);
}


@media screen and (max-width:800px ) {


.about_box_tit{ margin-top:0px; margin-left:0;}
.about_box_tit h2{ font-size:16px; line-height:30px; }
.about_box_tit h3{font-size:14px;line-height:30px; }
.IndexList {width:90%;text-align:left; margin-top:5%;margin-left:5%; margin-right:5%; }
.about_box p{width:100%; margin-left:0%; margin-right:0%;}

}

@media screen and (max-width:1024px ) {
.about_box{  width:100%; }
.jiameng_box{  width:100%; }

}
@media screen and (max-width:639px ) {
.about_box_tit h2{ font-size:16px; line-height:26px; display:none; }
.about_box_tit h3{font-size:16px;line-height:22px; font-weight:700; }


.about_box p{ padding-top:0; font-size:13px; line-height:24px;}
.IndexList li:nth-child(2):after { display: none; }


.cell .pic {
	min-height: inherit;
	max-height:300px;

}


}



.pc_show{ display:block;}
.phone_show{ display:none;}

@media (max-width: 800px) {

.pc_show{ display:none;}
.phone_show{ display:block;}

}










/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar
{
    width: 7px;
    height: 7px;
    background-color: #ccc;

}
 
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track
{
  border-radius: 10px;
    background-color: #ccc;

}
 
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb
{
    border-radius: 0px;

    background-color: #000;
}