@charset "utf-8";
body { font-size:14px; background:#FFF; }
body, html, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, th, td, form, object, iframe, blockquote, pre, a, abbr, address, code, img, fieldset, form, label, figure { margin:0; padding:0; }
body, html, input, button, textarea { color:#333; font-family:'Montserrat', Arial, Helvetica, sans-serif; line-height:1.5 }
article, aside, figcaption, figure, footer, header, main, nav, section { display:block; }
h1 { font-size:20px; }
h2 { font-size:18px; }
h3 { font-size:16px; }
h4, h5 { font-size:14px; }
img { border:none; vertical-align:middle; max-width:100%; }
li { list-style:none; }
i, em { font-style:normal; }
a { color:#333; text-decoration:none; }
a:focus { outline:none; }
a:hover { color:#333; text-decoration:none; }
input[type="text"]:focus { outline:none; }
input[type="button"], input[type="reset"], input[type="submit"] { cursor:pointer; }
input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {border:none;padding:0;}
a:active, select, input, textarea { -webkit-tap-highlight-color:rgba(0, 0, 0, 0); -webkit-tap-highlight-color:transparent; outline:0!important; }
 /**{ -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; outline: 0; }*/
/* clear floating */
.clearfix:after{ content:""; display:block; clear:both; visibility:hidden; height:0;}
.clearfix{ *zoom:1;}
.clear { clear:both; }
/* layout */
.z9999 { z-index:9999!important; }
.gotop {position:fixed;text-align:center;right:50px;bottom:50px;color:#ffffff;background:#000;border-radius: 50%;text-align: center; height:52px;line-height:50px;width:52px; z-index:99999; cursor:pointer; font-size:14px; border:2px solid #f3f3f3; display:none; font-size:13px;}
.gotop:before{content: "\f0d8";color:#FFF;font: 18px/48px 'FontAwesome';}
.gotop:hover { -moz-transform:translateY(-10px); -webkit-transform:translateY(-10px); -ms-transform:translateY(-10px); -o-transform:translateY(-10px); transform:translateY(-10px); }
/* transition */
.stran3{ -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out; }
.stran5{ -moz-transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out; -ms-transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out; transition:all .5s ease-in-out; }

.w1200{width: 1200px;margin: 0 auto;}
.fl{ float:left;}
.fr{ float:right;}

.b40{ margin-bottom:40px;}
.t10{	margin-top:10px;	}
.t20{margin-top:20px;}
.pd10{ padding:10px;}
.ptb20{padding:20px 0;}
.mg40{ margin:40px 0;}

.bor{   border: 1px solid #c3c3c3;}

.dis{display: flex;flex-direction: row;justify-content: space-between;}


/*-------------------------------
			animation  start
			----------------------------------*/
.animated {-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated.infinite {-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
.animated.hinge {-webkit-animation-duration:2s;animation-duration:2s}
@-webkit-keyframes fadeInLeftA{0%{opacity:0;-webkit-transform:translate3d(-20%,0,0);transform:translate3d(-20%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInLeftA{0%{opacity:0;-webkit-transform:translate3d(-20%,0,0);-ms-transform:translate3d(-20%,0,0);transform:translate3d(-20%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}
.fadeInLeftA{-webkit-animation-name:fadeInLeftA;animation-name:fadeInLeftA}
@-webkit-keyframes fadeInUpA{0%{opacity:0;-webkit-transform:translate3d(0,30px,0);transform:translate3d(0,30px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInUpA{0%{opacity:0;-webkit-transform:translate3d(0,30px,0);-ms-transform:translate3d(0,30px,0);transform:translate3d(0,30px,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}
.fadeInUpA{-webkit-animation-name:fadeInUpA;animation-name:fadeInUpA}
@-webkit-keyframes fadeInRightA{0%{opacity:0;-webkit-transform:translate3d(20%,0,0);transform:translate3d(20%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInRightA{0%{opacity:0;-webkit-transform:translate3d(20%,0,0);-ms-transform:translate3d(20%,0,0);transform:translate3d(20%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}
.fadeInRightA{-webkit-animation-name:fadeInRightA;animation-name:fadeInRightA}
@-webkit-keyframes twinkling{0%{opacity:0;}100%{opacity:1;}}
@-webkit-keyframes OrangePulse {from { background-color: rgba(210,174,109,.2); -webkit-box-shadow: 0 0 10px rgba(210,174,109,1); }50% { background-color: rgba(210,174,109,1); -webkit-box-shadow: 0 0 10px rgba(210,174,109,1); }to { background-color:rgba(210,174,109,.2); -webkit-box-shadow: 0 0 10px rgba(210,174,109,1); }}
/*-------------------------------
			animation  end
			----------------------------------*/

.nav_wrap li, li a{ -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out; }
.nav_wrap li ul{ -moz-transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out; -ms-transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out; transition:all .5s ease-in-out; }

header{width:100%;  background:#0281dc}
.web_head{ border-bottom:2px solid #c3c3c3;}

.top
{
    padding: 15px 0;
    height: 30px;
    position: relative;
    color:#fff;
}
.top span{ display:inline-block; height:28px;  line-height:28px; margin-right:20px; padding-left:30px; }
.top span.bg1{ background:url(../images/wtele.png) 0 center no-repeat;}
.top span.bg2{ background:url(../images/wmail.png) 0 center no-repeat;}
.top span.bg3{ background:url(../images/wmap.png) 0 center no-repeat;}

.top .head-search{ width:320px; height:30px; border-radius:5px; border:1px solid #c3c3c3; position:absolute; top:26%; right:0;}
.top .search-txt{ width:265px; border:0; padding:0 5px; height:30px;}
.top .search-btn{ width:29px; height:16px; border:0;  position:absolute; top:7px; right:0; background:url(../images/search_btn.png) no-repeat;}

.layout{width:100%; position:relative;}

.web_head.fixed-nav{position:fixed; left:0; top:0;background:rgba(2,129,220,0.7); z-index:9999}
.web_head.fixed-nav:hover{ background:rgba(2,129,220,0.9);}

.ctus
{
    position:absolute;
    top:13px;
    right:15px;
}
.ctus img{ width:25px;}
/*.ctus em{color:#fff; }*/

.wrap
{
   position:relative;
}
.nav_wrap
{
    position:absolute;
    top:0;
    right:0;
    height:85px;
}
.nav_wrap li{  text-transform:uppercase;font-family: 'MontserratSemiBold'; padding:0 10px; float:left;display:inline;position:relative;}
.nav_wrap li a { position:relative; color:#fff; display:block; line-height:85px; padding:0 20px; font-weight:bold; font-size:1.10rem; }
.nav_wrap li ul { padding:10px 0; position:absolute; left:0; top:85px; width:250px; z-index:999; background:rgba(0,0,0,.5); transform: scale3d(0.9, 0.9, 1); opacity:0; visibility:hidden; }
.nav_wrap li:hover > ul {transform: scale3d(1, 1, 1);  opacity:1; visibility:visible; }
.nav_wrap li li { width:100%; padding:0; cursor:pointer; }
.nav_wrap li li a {display:block; width:80%; margin:0 auto; line-height:40px; color:#fff; font-size:0.75rem; font-weight:normal;  }
.nav_wrap li li a:hover{ background:#e6c01c}
.nav_wrap li a b { position:relative; display:inline-block; vertical-align:middle; margin:-5px 0 0 5px; }
.nav_wrap li a b:after { font-family: 'fontawesome'; content:url(../Images/111.png); font-size:14px; }
.nav_wrap li li a b:after { content:url(../Images/222.png); }
.nav_wrap li li a b { position:absolute; right:10px; top:5px; }


.content
{
    margin:20px auto;
}

/*banner*/
.banner
{
    height:300px;
    background:url(../images/banner.jpg) center no-repeat;
}
.banner h1{ font-size:40px;  text-align:center; padding-top:100px; color:#fff;text-transform:uppercase; letter-spacing:0.5px;     line-height: 45px;}
.banner div{ text-align:center; line-height:100px; font-size:36px; color:#fff;}
.banner div span{ color:#0281dc; font-weight:bold;}

/*左侧导航*/
.leftnav
{
    width:320px;
    height: auto;
    float:left;
}
.leftnav .tit{ padding-left:30px; color:#fff; font-size:26px;  height:55px; line-height:55px; background:#0281dc; border-radius:8px 8px 0 0;}
.leftnav .nav ul
{
    border:1px solid #c3c3c3;
    border-top:0;
    padding:10px;
}
.leftnav .nav ul li
{
    padding:0 15px;
    font-size:16px;
    line-height:48px;
    border-bottom:1px solid #ccc;
    position:relative;
    cursor:pointer;
}
.leftnav .nav ul li:last-child{ border:0;}
.leftnav .nav li ul{ border:0; display:none;}
.leftnav .nav li li{ height:30px; line-height:30px; }
.leftnav .nav li b { position:absolute; top:10px;right:10px; display:inline-block; vertical-align:middle; }
.leftnav .nav li b:after { font-family: 'fontawesome'; content:url(../Images/arrow-right.png); font-size:14px; }


.side-products {-webkit-animation:fadeInLeftA 1.5s;}
.side-products ul{ margin-bottom: 15px; border:1px solid #c3c3c3; border-top:0; }
.side-products li { position:relative;overflow:hidden;padding:8px; border-bottom:1px dashed #eee;}
.side-products li img{ width:100%;}
.side-products li div{ padding:5px; line-height:25px; text-align: center;}
.side-products li div a:hover{ text-decoration:underline;}

/*-------------右侧内容-------------*/
.rgcont
{
    width:860px;
}
.cont{ border:1px solid #c3c3c3; padding:20px; line-height:30px; word-wrap:break-word}
.cont .tit{ font-size:26px; color:#333; padding-left:30px; line-height:50px; border-bottom:1px dashed #eee; }


/*web footer*/
.web_footer { position:relative;  /*background:url(../images/footer-bg.png) center;*/ background:#333; margin:0px 0 0; overflow:hidden;}
.foot_items { position:relative; overflow:hidden;padding:35px 0 40px; width:100%; margin:0 auto  }
.foot_items, .foot_items a { color:#c6c6c6; }
.foot_items li:hover a{ color:#0281dc}
.foot_item { position:relative; float:left; margin:25px 0 20px; }
.foot_item.foot_item_info { width:34%; padding-right:3%;}
.foot_item.foot_item_product{width:34%; padding-right:6%; word-break:break-all;}
.foot_item.foot_item_contact { width:20%; float:right}
.foot_item .title{position:relative;color:#FFF;font-family: 'MontserratSemiBold'; font-weight:normal; font-size:20px; padding:0 0 12px; margin:0 0 35px;}
.foot_item .title:after{ content:""; position:absolute;bottom:0; left:0;width:35px; height:1px; background:#FFF;}
.foot_item.foot_item_info .text{ text-align:justify; margin:35px 0 20px;}
.foot_item.foot_item_info .more{ position:relative; display:inline-block; vertical-align:top;}
.foot_item.foot_item_info .more:after{font-family: 'fontawesome';content:url(../Images/777.png); margin:0 0 0 7px;-moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
.foot_item.foot_item_info .more:hover:after{margin:0 0 0 14px;}
.foot_item.foot_item_product li{ margin:0 0 10px;}
.foot_item.foot_item_contact address{ font-style:normal;}
.foot_item.foot_item_contact address li{ position:relative;padding:0 0 0 35px; margin:0 0 15px; height:35px; line-height:30px; color:#fff;}
.foot_item.foot_item_contact address li:before{ content:""; width:32px; height:32px; position:absolute; left:0; top:0; background-image:url(../Images/contact_ico.png); background-repeat:no-repeat;}
.foot_item.foot_item_contact address li.foot_addr:before{}
.foot_item.foot_item_contact address li.foot_phone:before{background:url(../images/f-phone.png) 0 center no-repeat;}
.foot_item.foot_item_contact address li.foot_email:before{background:url(../images/f-email.png) 0 center no-repeat;}



.copyright{ position:relative; line-height:30px; padding:8px 0; background:#0281dc; color:#FFF; text-align:center; font-size:12px;}

/*-------------------------------
			scrollsidebar start
			----------------------------------*/
.scrollsidebar, .scrollsidebar a { font-size:12px; color:#999; font-family:Arial, Helvetica, sans-serif; }
.scrollsidebar { position:absolute; z-index:30; top:150px; right:0; }
.show_btn { width:38px; height:192px; overflow:hidden; cursor:pointer; display:block; overflow:hidden; background:url(../Images/show_btn.png) no-repeat center center; }
.side_content { width:0; height:auto; overflow:hidden; float:left; }
.side_content .side_list { width:170px; overflow:hidden; border:1px solid #dadada; border-radius:8px; position:relative; background:#FFF; }
.side_content .side_list .hd img { width:100%; border-bottom:1px solid #dadada; }
.side_content .side_list .cont{ padding:20px 1px;}
.side_content .side_list .cont li { height:40px; line-height:40px; border-bottom:1px solid #dadada; list-style:none; position:relative; }
.side_content .side_list .cont li a { position:relative; display:block; padding:0 0 0 25px; text-decoration:none; }
.side_content .side_list .cont li a:before { content:""; position:absolute; display:block; overflow:hidden; top:0; left:0; width:25px; height:40px; background-repeat:no-repeat; background-position:center center; }
.side_content .side_list .cont li .email:before { background:url(../Images/icons01.png) 0 center no-repeat ; }
.side_content .side_list .cont li .phone:before { background:url(../Images/icons02.png) 0 center no-repeat; }
.side_content .side_list .t-code { padding:10px 10px 7px; border-bottom:1px solid #dadada; }
.side_content .side_list .t-code img { width:100%; }
.side_content .side_list .side_title { height:30px; line-height:30px; padding:0 12px; }
.side_content .side_list .side_title .close_btn { background:url(../Images/close.png) no-repeat center center; width:12px; height:30px; position:absolute; bottom:0; right:10px; cursor:pointer; }
.side_content .side_list .side_title .close_btn span { display:none; } 
/*-------------------------------
			scrollsidebar end
			----------------------------------*/


/*-------------------------------
			faq  start
			----------------------------------*/
.faq{}
.faq_cont{ padding:5px; border-bottom:1px dashed #ddd; }
.faq_cont div{ background:url(../images/ans.png) 0 4px no-repeat; text-indent:1.7em}

/*-------------------------------
			faq  end
			----------------------------------*/

/*-------------------------------
			联系我们  start
			----------------------------------*/
			
.ctact{
	width:92%; margin:30px 4% 0 4% ;
	background-color:#0281dc;
	border:1px solid #eee;
	padding:15px 0;
}
.ctact p{ width:90%; margin:0 auto; font-size:16px; color:#fff;}

.ctact_cont
{
    width:100%;
    margin-top:40px;
}
.ctact_cont li{
	width:90%;  margin:0 auto; padding:5px 5px;
	}
.ctact_cont li span{	float:left; width:20%; text-align:right; display:block;}
.ctact_cont li .inptxt{border:1px #333 solid; text-indent:5px; border-radius:5px; width:50%;}
.ctact_cont li .inptrea{
	width:63%; height:180px; border:1px #333 solid; border-radius:5px; text-indent:5px; resize:none;
	}
.inpsubmit{
	width:200px; height:40px; line-height:40px; text-align:center; background:#0281dc; border:0; border-radius:5px; margin:0 auto; color:#FFF; font-size:20px; display:block;}

.ctact_info{ width:95%; margin:30px auto;}
.ctact_info dl{     width:33%;    float:left;}
.ctact_info dl dt{ border-radius:50%; width:64px; height:64px; float:left; margin-right:5px; }
.ctact_info dl dt.bg1{ background:#029e80 url(../images/whmap.png) center no-repeat;}
.ctact_info dl dt.bg2{ background:#43cd7a url(../images/whTele.png) center no-repeat;}
.ctact_info dl dt.bg3{ background:#0281dc url(../images/whMail.png) center no-repeat;}
.ctact_info dl dd h3{ line-height:30px;}

/*----------------------------------产品与新闻列表----------------------------------*/
.list{ }
.list ul{ }
.list ul li{ cursor:pointer; padding:15px 0; min-height:215px; width:100%; border-bottom:1px solid #c3c3c3; position:relative;}
.list ul li:hover{ border-color:#0281dc;}
.list ul li:hover .getall{ background:#0281dc;}
.list ul li img{ max-height:215px; float:left;max-width: 25%}
.list ul li div{ width:74%; margin-left:1%; float:left;}
.list ul li div p{ line-height:25px;word-break:break-all;}
.list ul li p.date{ line-height:30px; font-style:italic; color:#696969; text-align:left; letter-spacing:0.5px}
.list ul li h4{ line-height:50px;}
.list ul li .getall{ padding:5px; display:block; color:#fff; position:absolute; bottom:10px; right:10px; background:#a0a0a0; }

#newslist li{ min-height:135px; margin-bottom:10px;}


/*----------------------------------新闻详细----------------------------------*/
.det_title{ text-align:center}
.date{    line-height:30px; color:#666; text-align:center;}
.prenext div,.prenext div a{ line-height:30px; width:100%; color:#666;}
.prenext div a:hover{ color:#0281dc; text-decoration:underline;}


/*----------------------------------产品详细----------------------------------*/
.protop{ width:100%; }
.protop .proimg{ width:490px; float:left;}
.protop img.curimg{ width:300px; height:390px; border:1px solid #c3c3c3; cursor:pointer; }
.protop ul{width:150px; float:left; margin-right:10px; }
.protop ul li{ margin-bottom:3px; cursor:pointer;   }
.protop ul li:last-child{ margin-bottom:0;}
.protop ul li img{ border-radius:5px; width:100%; border:1px solid #c3c3c3; }
.protop .prot{ width:360px; float:right;}
.protit{ padding-left:10px;  border-top:1px dashed #c3c3c3; }
.protop .prot .date{ font-style:italic;}
.protop .prot .date span{ font-weight:bold; color:#0281dc;}
.protop .prot p{ margin-bottom:15px; word-break:break-all}
.protit span{ color:#fff; line-height:40px; text-align:center; border-radius:5px; margin-top:15px; width:200px; display:block; background:#0281dc; font-size:22px; font-weight:bold ;}

.prodt{ width:calc(100%-20px); word-break:break-all;}

.prorec ul{ width:100%;}
.prorec ul li{ width:24.7%; border-right:1px dashed #c3c3c3; display:inline; border-radius:5px; float:left;}
.prorec ul li:last-child{ border-right:0;}
.prorec ul li img{ width:100%; border-radius:5px;}
.prorec ul li a.t{ display:block; line-height:30px; text-align:center; padding:0 10px;}

/*----------------------------------首页 start----------------------------------*/

.firtop{justify-content: space-around;}
.firtop>div{width: 30%;text-align: center;}
.firtop b{width: 80%;margin-left: 10%;font-weight: normal;display: block;}
.firtop img{display: block;margin: 0 auto;margin-bottom: 15px;}
.firtop .infili1{font-size: 16px;line-height: 40px;}
.firtop .infili2{font-size: 14px;line-height: 20px;color: #333;}


.fircen{background-color: #f6f6f6;padding: 40px;}
.fircen img{width: 100%;}
.fircen .fircenlef{width: 50%;float: left; position:relative;}
.fircen .fircenrig{width: 40%;float: left;}
.fircenlef .sp1{font-size: 1.5rem;font-weight: bold;padding: 0 15px;border-right: 1px solid #ff712e;line-height: 18px;}
.fircenlef .sp2{color: #333;font-size: 12px;line-height: 18px;padding: 0px 18px;}
.fircenlef div{font-size: 12px;color: #333;line-height: 20px;padding:0px 10px;text-indent: 20px;margin-top: 15px;}
.fircenlef a{ display:block; width:100px; text-align:center; color: #fff;background-color: #0281dc;line-height: 33px;padding: 0px 15px;border-radius: 5px; position:absolute; bottom:0; left:20px;}
.firbot>div{width: 50%;position: relative;margin-bottom: 30px;float: left;}
.firbot>div img{width: 100%;}
.firbot .li1box{width: 100%;position: absolute;top: 35%;}
.li1box .botli1{text-align: center;line-height: 40px;border: 1px solid  #000;width: 30%;margin: 0 auto;}
.firbot>div .botli2{font-size: 14px;text-align: center;position: absolute;top: 55%;left: 20%;width: 60%;}
.blatit{text-align: center;padding: 10px;margin-bottom: 30px;}


.ind_tit{ width:100%; height:54px; line-height:54px; font-size:2rem; font-weight:bold;}

.ind_tit span:first-child{ height: 2px;background: linear-gradient(to right,#fff,#bfbfbf);background:-webkit-linear-gradient(to right,#fff,#bfbfbf);background: -webkit-linear-gradient(to right,#fff,#bfbfbf);position: relative; margin-top:26px}
.ind_tit span:first-child::after{content: "";width: 10px;height: 10px;background-color: #bfbfbf;border-radius: 5px;position: absolute;top: -5px;right: -15px;}
.ind_tit span:last-child{height: 2px;background: linear-gradient(to left,#fff,#bfbfbf);background:-webkit-linear-gradient(to left,#fff,#bfbfbf);background: -webkit-linear-gradient(to left,#fff,#bfbfbf);position: relative; margin-top:26px}
.ind_tit span:last-child::before{content: "";width: 10px;height: 10px;background-color: #bfbfbf;border-radius: 5px;position: absolute;top: -5px;left: -15px;}

.ind_tit span
{
    width: 33%;
    float:left;
    display:inline-block;
    color:#333;
    text-align:center;
}

.ind_tit span em{ margin-left:10px; color:#0281dc;}

.ind_tit div em:first-child{ color:#e83538;}
.ind_tit div em:last-child{ color:#fac140;}

.blatit{text-align: center;padding: 10px;margin-bottom: 30px;}
h1{font-size: 25px;font-weight: bolder;line-height: 30px;border-bottom: 2px solid #6b9bce;padding: 5px;display: inline-block;margin: 0 auto;position: relative;}
h1::after{content: "";width: 30%;height: 4px;background-color: #ff6e2a;position: absolute;bottom: -3px;left: 35%;}


.news_z{
	height:480px;margin-bottom:50px; margin-top:30px; padding-bottom:20px;
	}
.news_b{
	width:45.5%; float:left; margin-left:3%; margin-bottom:15px;
	}
	


.adv{ height:260px; position:relative;  margin-bottom:40px; }

.advbg{
    height: 100%;
    background: url(../images/indLasBox.png) center no-repeat;
    background-size: 100% 100%;
    position: absolute;
    width:100%;
}

.advcont{
    padding:15px 0;
    height:calc(100% - 30px);
    position:relative;
    background-size: 100% 100%;
    width:65%;
    margin:auto;
    color:#fff;
}
.advcont p{padding-top:15px; text-indent:2em; font-size:14px;}

.ind_prod{}
.ind_prod ul{}
.ind_prod ul li{ width:calc(300px - 22px); border:1px solid #c3c3c3; float:left; margin-right:20px; margin-bottom:20px; }
.ind_prod ul li:nth-child(4),.ind_prod ul li:nth-child(8){ margin-right:0;}
.ind_prod ul li img{ width:100%; }
.ind_prod ul li span{ display:block; line-height:30px; padding:0 10px; text-align:center;}

/*----------------------------------首页 end----------------------------------*/

/*-------------page----------------*/
.page_bar{ position:relative;  line-height:31px; height:33px; margin:50px 0; text-align:center; font-size:12px;}
.page_bar a,.page_bar span{position:relative; display:inline-block; vertical-align:top; min-width:33px; padding:0 5px;  border:1px solid #ccc; margin:0 0 0 8px; text-align:center; border-radius:3px;filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#fefefe',endColorStr='#e3e3e3',gradientType='0');background: -moz-linear-gradient(top, #fefefe, #e3e3e3);background: -o-linear-gradient(top,#fefefe, #e3e3e3);background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fefefe), to(#e3e3e3));}
.page_bar a.current,.page_bar a:hover{ color:#FFF; background:#ffbc0e;  border-color:#ffbc0e } 





.msg
{
    position:fixed; right:5px; bottom:1px; z-index:9999;
    -webkit-animation:fadeInUpA 1.5s;
    
}
.msg .tit 
{
    height:45px; line-height:45px; background:#36a9e1; color:#fff;
    border-radius:8px 8px 0 0;
    padding-left:20px;
    cursor:pointer;
}
.msg .msgico
{
    width:12px;
    height:6px;
    display:block;
    position:absolute;
    top:19px;
    right:20px;
    background:url(../images/down.png) no-repeat;
}
.msg ul
{
    height:354px;
    border:1px solid #36a9e1;
    background:#fff;
    padding:10px 10px 0 10px;
    
}

.msg ul li
{
    margin:20px 10px 0 10px;
}
.msg li input.inp
{
    width:100%;
    border-radius:8px;
    border:1px solid #ccc;
    height:35px;
    padding:0 5px;
    line-height:35px;
}
.msg li .txtbox
{
    width:100%;
    border-radius:8px;
    border:1px solid #ccc;
    height:85px;
    padding:5px;
    line-height:25px;
    outline:none;resize:none;
}

.msg li a
{
    width:100%;
    display:block;
    height:30px;
    text-align:center;
    color:#fff;
    background:green;
    border-radius:8px;
    line-height:30px;
}


/*-------------------------------
			swiper-slide end
			----------------------------------*/
.slider_banner { position:relative; overflow:hidden;height: calc(100vw/4); }
.swiper-container-no-flexbox .swiper-slide { float:left }
.swiper-container-vertical>.swiper-wrapper { -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column }
.swiper-wrapper { position:relative; width:100%; height:100%; z-index:1; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-transition-property:-webkit-transform; transition-property:-webkit-transform; -o-transition-property:transform; transition-property:transform; transition-property:transform, -webkit-transform; -webkit-box-sizing:content-box; box-sizing:content-box }
.swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) }
.swiper-container-multirow>.swiper-wrapper { -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap }
.swiper-container-free-mode>.swiper-wrapper { -webkit-transition-timing-function:ease-out; -o-transition-timing-function:ease-out; transition-timing-function:ease-out; margin:0 auto }
.swiper-slide { -webkit-flex-shrink:0; -ms-flex-negative:0; flex-shrink:0; width:100%;/* height:100%;*/ position:relative; overflow:hidden; -webkit-transition-property:-webkit-transform; transition-property:-webkit-transform; -o-transition-property:transform; transition-property:transform; transition-property:transform, -webkit-transform }
.swiper-invisible-blank-slide { visibility:hidden }
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height:auto }
.swiper-container-autoheight .swiper-wrapper { -webkit-box-align:start; -webkit-align-items:flex-start; -ms-flex-align:start; align-items:flex-start; -webkit-transition-property:height, -webkit-transform; transition-property:height, -webkit-transform; -o-transition-property:transform, height; transition-property:transform, height; transition-property:transform, height, -webkit-transform }
.swiper-container-3d { -webkit-perspective:1200px; perspective:1200px }
.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper { -webkit-transform-style:preserve-3d; transform-style:preserve-3d }
.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top { position:absolute; left:0; top:0; width:100%; height:100%; pointer-events:none; z-index:10 }
.swiper-container-3d .swiper-slide-shadow-left { background-image:-webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image:-webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image:-o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image:linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) }
.swiper-container-3d .swiper-slide-shadow-right { background-image:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image:-webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image:-o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image:linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) }
.swiper-container-3d .swiper-slide-shadow-top { background-image:-webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image:-webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image:-o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image:linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) }
.swiper-container-3d .swiper-slide-shadow-bottom { background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image:-webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image:-o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image:linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) }
.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal>.swiper-wrapper { -ms-touch-action:pan-y; touch-action:pan-y }
.swiper-container-wp8-vertical, .swiper-container-wp8-vertical>.swiper-wrapper { -ms-touch-action:pan-x; touch-action:pan-x }
.swiper-button-next, .swiper-button-prev { position:absolute; top:50%; width:50px; height:50px; margin-top:-31.5px; z-index:10; cursor:pointer; opacity:0; -moz-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; }
.swiper-container:hover .swiper-button-next, .swiper-container:hover .swiper-button-prev { }
.swiper-container:hover .swiper-button-prev { left:65px; }
.swiper-container:hover .swiper-button-next { right:65px; }
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { cursor:auto; pointer-events:none; display:none; }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next { background:url(../Images/prev.png) no-repeat center center; background-size:cover; left:10px; right:auto }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev { background:url(../Images/next.png) no-repeat center center; background-size:cover; right:10px; left:auto }
.slider_banner:hover .swiper-button-prev { left:120px; opacity:1; }
.slider_banner:hover .swiper-button-next { right:120px; opacity:1; }
.swiper-button-lock { display:none }
.swiper-pagination { position:absolute; text-align:center; -webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); z-index:10 }
.swiper-pagination.swiper-pagination-hidden { opacity:0 }
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom:0; left:0; width:100% }
.swiper-pagination-bullets-dynamic { overflow:hidden; font-size:0 }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transform:scale(.33); -ms-transform:scale(.33); transform:scale(.33); position:relative }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform:scale(.66); -ms-transform:scale(.66); transform:scale(.66) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform:scale(.33); -ms-transform:scale(.33); transform:scale(.33) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform:scale(.66); -ms-transform:scale(.66); transform:scale(.66) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform:scale(.33); -ms-transform:scale(.33); transform:scale(.33) }
.swiper-pagination-bullet { width:10px; height:10px; display:inline-block; vertical-align:middle; border-radius:100%; background:#eee; }
button.swiper-pagination-bullet { border:none; margin:0; padding:0; -webkit-box-shadow:none; box-shadow:none; -webkit-appearance:none; -moz-appearance:none; appearance:none }
.swiper-pagination-clickable .swiper-pagination-bullet { cursor:pointer }
.swiper-pagination-bullet-active { background:#0281dc; }
.swiper-container-vertical>.swiper-pagination-bullets { right:10px; top:50%; -webkit-transform:translate3d(0, -50%, 0); transform:translate3d(0, -50%, 0) }
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin:6px 0; display:block }
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display:inline-block; -webkit-transition:.2s top, .2s -webkit-transform;
transition:.2s top, .2s -webkit-transform;-o-transition:.2s transform, .2s top;transition:.2s transform, .2s top;transition:.2s transform, .2s top, .2s -webkit-transform}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin:0 3px }
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); white-space:nowrap }
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition:.2s left, .2s -webkit-transform;
transition:.2s left, .2s -webkit-transform;-o-transition:.2s transform, .2s left;transition:.2s transform, .2s left;transition:.2s transform, .2s left, .2s -webkit-transform}
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition:.2s right, .2s -webkit-transform;transition:.2s right, .2s -webkit-transform;-o-transition:.2s transform, .2s right;transition:.2s transform, .2s right;transition:.2s transform, .2s right, .2s -webkit-transform}
.swiper-pagination-progressbar { background:rgba(0, 0, 0, .25); position:absolute }
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background:#007aff; position:absolute; left:0; top:0; width:100%; height:100%; -webkit-transform:scale(0); -ms-transform:scale(0); transform:scale(0); -webkit-transform-origin:left top; -ms-transform-origin:left top; transform-origin:left top }
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin:right top; -ms-transform-origin:right top; transform-origin:right top }
.swiper-container-horizontal{ overflow:hidden;}
.swiper-container-horizontal>.swiper-pagination-progressbar { width:100%; height:4px; left:0; top:0 }
.swiper-container-vertical>.swiper-pagination-progressbar { width:4px; height:100%; left:0; top:0 }
.swiper-pagination-white .swiper-pagination-bullet-active { background:#0281dc }
.swiper-pagination-progressbar.swiper-pagination-white { background:rgba(255, 255, 255, .25) }
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill { background:#fff }
.swiper-pagination-black .swiper-pagination-bullet-active { background:#000 }
.swiper-pagination-progressbar.swiper-pagination-black { background:rgba(0, 0, 0, .25) }
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill { background:#000 }
.swiper-pagination-lock { display:none }
.swiper-scrollbar { border-radius:10px; position:relative; -ms-touch-action:none; background:rgba(0, 0, 0, .1) }
.swiper-container-horizontal>.swiper-scrollbar { position:absolute; left:1%; bottom:3px; z-index:50; height:5px; width:98% }
.swiper-container-vertical>.swiper-scrollbar { position:absolute; right:3px; top:1%; z-index:50; width:5px; height:98% }
.swiper-scrollbar-drag { height:100%; width:100%; position:relative; background:rgba(0, 0, 0, .5); border-radius:10px; left:0; top:0 }
.swiper-scrollbar-cursor-drag { cursor:move }
.swiper-scrollbar-lock { display:none }
.swiper-zoom-container { width:100%; height:100%; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; text-align:center }
.swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg { max-width:100%; max-height:100%; -o-object-fit:contain; object-fit:contain }
.swiper-slide-zoomed { cursor:move }
.swiper-lazy-preloader { width:42px; height:42px; position:absolute; left:50%; top:50%; margin-left:-21px; margin-top:-21px; z-index:10; -webkit-transform-origin:50%; -ms-transform-origin:50%; transform-origin:50%; -webkit-animation:swiper-preloader-spin 1s steps(12, end) infinite; animation:swiper-preloader-spin 1s steps(12, end) infinite }
.swiper-lazy-preloader:after { display:block; content:''; width:100%; height:100%;  background-position:50%; background-size:100%; background-repeat:no-repeat }
.swiper-lazy-preloader-white:after {  }
@-webkit-keyframes swiper-preloader-spin { 100% {-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@keyframes swiper-preloader-spin { 100% {-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
.swiper-container .swiper-notification { position:absolute; left:0; top:0; pointer-events:none; opacity:0; z-index:-1000 }
.swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function:ease-out; -o-transition-timing-function:ease-out; transition-timing-function:ease-out }
.swiper-container-fade .swiper-slide { pointer-events:none; -webkit-transition-property:opacity; -o-transition-property:opacity; transition-property:opacity }
.swiper-container-fade .swiper-slide .swiper-slide { pointer-events:none }
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events:auto }
.swiper-container-cube { overflow:visible }
.swiper-container-cube .swiper-slide { pointer-events:none; -webkit-backface-visibility:hidden; backface-visibility:hidden; z-index:1; visibility:hidden; -webkit-transform-origin:0 0; -ms-transform-origin:0 0; transform-origin:0 0; width:100%; height:100% }
.swiper-container-cube .swiper-slide .swiper-slide { pointer-events:none }
.swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin:100% 0; -ms-transform-origin:100% 0; transform-origin:100% 0 }
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events:auto }
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next+.swiper-slide, .swiper-container-cube .swiper-slide-prev { pointer-events:auto; visibility:visible }
.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top { z-index:0; -webkit-backface-visibility:hidden; backface-visibility:hidden }
.swiper-container-cube .swiper-cube-shadow { position:absolute; left:0; bottom:0; width:100%; height:100%; background:#000; opacity:.6; -webkit-filter:blur(50px); filter:blur(50px); z-index:0 }
.swiper-container-flip { overflow:visible }
.swiper-container-flip .swiper-slide { pointer-events:none; -webkit-backface-visibility:hidden; backface-visibility:hidden; z-index:1 }
.swiper-container-flip .swiper-slide .swiper-slide { pointer-events:none }
.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events:auto }
.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top { z-index:0; -webkit-backface-visibility:hidden; backface-visibility:hidden }
.swiper-container-coverflow .swiper-wrapper { -ms-perspective:1200px }
.slider_banner .swiper-slide img { width:100%; }
.slider_banner .swiper-slide img+img { position:absolute; left:0; top:0; }
.slider_banner .swiper-slide img { width: 100%; transition: 3s linear; transform: scale(1.08); }
.slider_banner .swiper-slide.swiper-slide-active img { transform: scale(1); }
/*-------------------------------
			swiper-slide end
			----------------------------------*/

/*-------------------------------
			footer LATEST NEWS start
			----------------------------------*/




/*-------------------------------
			footer LATEST NEWS end
			----------------------------------*/