@charset "utf-8";
/* CSS Document */

/********reset********/
html, body, div, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, from, input, img, select, button, textarea, iframe, frameset, table, th, tr, td, fieldset { margin: 0; padding: 0; }
/********body********/
* { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
body { font-size: 14px; font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif; color: #0073c0; }
div { vertical-align: top; }
i, em, cite { font-style: normal; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
a { text-decoration: none; color: #666; }
a:hover { color: #333; }
ul, li { list-style: none; display: block; }
img { border: 0 none; max-width: 100% }
img { vertical-align: middle; }
figure {
    -webkit-margin-before: 0;
    -webkit-margin-after:0;
    -webkit-margin-start: 0;
    -webkit-margin-end:0;
}
/*h1{font-size:30px; line-height:1.1}
h2{font-size:28px; line-height:1.1}
h3{font-size:24px; line-height:1.1}
h4{font-size:22px; line-height:1.1}
h5{font-size:18px; line-height:1.1}
h6{font-size:14px; line-height:1.1}*/
h1 { font-size: 24px }
h2 { font-size: 24px }
input { -webkit-appearance: none; }
/********base********/
body{background-image: url(../images/bg01.jpg); background-repeat: repeat;background-attachment:fixed;  background-position: center center; }
.flex { margin: 0 auto; width: 1200px; }
.clear { clear: both; }
.none { display: none }
.hide { display: none; }
.btn{background:none; border: 2px solid rgba(255,255,255,.3); color:#ccc; background: rgba(0,0,0,.3);display:inline-block; border-radius:4px;  padding: 12px 48px;font-size: 18px;}
.btn:hover{ color: #fff;border: 2px solid rgba(255,255,255,0);background:rgba(255,255,255,.3);}
/*.lazy img{display: none;}*/
.phoneshow{ display:none}
.phonehide{display: block;}

/*index head-box*/
.head-box { background: rgba(0,0,0,.8);/* */ position:relative; top: 0; left: 0; width: 100%; z-index: 9 }
.head-icon { width: 100%; border-bottom: 1px solid #E6E6E6; }
.head-icon .tel { padding: 10px 0; float: right; font-size: 20px }
.head-icon .tel li { float: left; margin-left: 16px; }
.head-icon .tel li a { padding: 5px; color: #ccc; display: block }
.head-icon .tel li a:hover { color: #0073c0 }
.head-icon .search-box { padding: 10px 0; float: right; font-size: 20px; border-right: 1px solid #ccc; padding-right: 20px }
.head-icon.hide { display: block }
input:focus { outline: none }
.search{float: right;display:inline-block;position: relative; z-index: 1}
.searchbox{line-height: 1;display: inline-block;
    vertical-align: middle;    border: 2px solid #ccc;
    border-radius: 4px;}
.search-keyword { border: none; background: none; color: #ccc; border-radius: 0; box-shadow: none; width: 130px; height: 30px; vertical-align: top; padding: 0 6px; }
.search-submit { width: 30px;border: none; font-style: 30px; background: none; height: 30px; border-radius: 0; line-height: 30px;  color: #ccc; border: none; vertical-align: top; }
.search-submit:hover {color: #BF242A}
.head-icon .iconfont { font-size: 20px; }
.head-nav { height: 72px; line-height: 72px }
.logo { display: inline-block;position: relative;z-index: 1}
.logo a { display:inline-block; height: 40px }
.logo a img {max-height: 100%; }
.hottel { float: right; }
.lang { float: right; color: #fff; font-size: 14px; }
.lang a { color: #fff; display: inline-block }
.lang a:hover { color: #0078D7 }
.menu {  position: absolute; z-index: 0; left: 0;top: 0;text-align: center;width: 100%;}

.navbtn { display: none }
.nav {}
.nav.hide { display: block }
.nav li { display: inline-block }
.nav li a { color: #fff; font-size: 16px; padding: 0 20px; line-height: 48px }
.nav li:hover { background: rgba(175,0,0,.7)}
.nav li div.subnav { display: none; position: absolute; z-index: 9; background: rgba(0,0,0,.5); transition: height 0s; -moz-transition: height 0s; /* Firefox 4 */ -webkit-transition: height 0s; /* Safari and Chrome */ -o-transition: height 0s; /* Opera */ }
.nav li div.subnav ul { padding-bottom: 12px }
.nav li:hover ul { text-align: center; background: rgba(0, 0, 0.5) }
.nav li:hover ul li { background: none; display: block }
.nav li ul li.subnavpic { height: 60px; width: 177px; margin-right: 32px; display: none }
.nav li:hover ul li a { display: block; line-height: 40px; font-size: 16px; color: #eee; text-align: left; }
.nav li:hover ul li a span { vertical-align: middle; }
.nav li:hover ul li a i { font-size: 20px; margin-right: 6px; vertical-align: middle; }
.nav li:hover ul li a:hover { background: rgba(175,0,0,.7)}
.nav li:hover div.subnav { display: block }
.nav li .iconfont { font-size: 14px; margin-left: 5px; }

/* banner */
.slide { overflow: hidden; /*background: #ccc; */}
.index-box{background-position: center center;color: #333;background-size:cover;padding: 50px 0 100px;text-align: center }
.index-box h2{line-height: 2;color:#FFF;}
.index-box h2 span{display: inline-block;padding:0 20px; vertical-align: top; }
.index-box h2:before{display: inline-block;content:"";width: 50px;height: 24px;vertical-align: top; border-bottom: 1px solid #fff;}
.index-box h2:after{display: inline-block;content:"";width: 50px;height: 24px;vertical-align: top; border-bottom: 1px solid #fff;}
.index-box h3{color: #999;line-height: 2; font-size: 16px}
.index-box .info{margin: 40px auto;}

.index-type {}
.index-type  h2 {color: #fff;}
.index-type  h3 { color: #ccc;}
.index-type .info { border: 2px solid #ccc;border-radius: 6px;background: rgba(0,0,0,.3);}
.index-type .info ul{ padding: 20px; text-align:left}
.index-type .info ul li{display: inline-block;width: 12.5%; text-align: center; vertical-align: top}
.index-type .info ul li a{display: block;border-radius: 4px; border: 0px solid #ccc; color: #ccc; height: 140px; margin: 0 auto}
.index-type .info ul li a i{ display: block; margin: 0 auto; padding: 16px 0; text-align: center;  font-size: 48px; }
.index-type .info ul li a span{ display: block;font-size: 16px; }
.index-type .info ul li a:hover{background: rgba(255,255,255,.3); color: #fff;}

.modeltype { }
.modeltype h4 {color: #fff; padding:12px 0}
.modeltype  h3 { color: #ccc;}
.modeltype ul{  border-radius: 6px;background: rgba(0,0,0,.5);}
.modeltype ul{ padding: 0px;  overflow:hidden}
.modeltype ul li{display: inline-block;margin:8px 0;width:6.25%; text-align: center; vertical-align: top}
.modeltype ul li a{display: block;border-radius: 4px; border: 0px solid #ccc; color: #ccc; margin: 0 auto; height:72px;}
.modeltype ul li a i{ display: block; margin: 0 auto; line-height:72px;text-align: center;  font-size: 32px;height:72px;transition: linear .2s; }
.modeltype ul li a span{ display: block;font-size: 14px;height:72px;line-height: 72px;}
.modeltype ul li a:hover i{margin-top: -72px;}
/*详情*/
.details{}
.details .details_title{text-align: center;margin-bottom:70px;}
.details .details_title  h4{font-size: 32px;color: #fff;}
.details .details_title  h6{font-size: 18px;}
.details .details_list a{width: 23.5%;margin-left: 2%;border: 1px solid;background-repeat: no-repeat; background-position: center center;background-size:contain; display: inline-block;}
.details .details_list a:first-child{margin-left:0}
.details .details_left{border:1px solid;float: left;width: 38%;padding: 20px;background: rgba(0,0,0,.5);}
.details .details_left .details_img{border: 1px solid;background-repeat: no-repeat; background-position: center center;background-size:contain;}
.details .details_left .details_img img:{border:1px solid;width: 100%;}
.details .details_left .details_img img:hover{border:1px solid #fff;}
.details .details_left .details_list{margin-top: 10px;}
.details_right{float: right;width:58%;border-top:1px solid rgba(255,255,255,.3);border-bottom: 1px solid rgba(255,255,255,.3);font-size: 16px;color: rgba(255,255,255,.3);}
.details_right ul{color: #fff;border:none;background: rgba(0,0,0,0);}
.details_right ul li{display: block;width: 100%;text-align: left;line-height: 32px;border-bottom:1px solid rgba(255,255,255,.3);padding: 15px;}
.point a{color: #ccc;}
.point .to_prev{float: left;}
.point .to_next{float: right;}

/*container*/

.container_left{background: rgba(0,0,0,.5);margin-top: 50px;}
.container_left ul li{display: inline-block;width: 25%;text-align: center;}

.container_left ul li a{color:#fff;border:1px solid rgba(255,255,255,0);font-size: 18px;height: 50px;line-height: 50px;display: block;}
.container_left ul li:hover a{border:1px solid #fff;}


.index-hot {padding:100px 0 0 ;}
.index-hot .info {border: 0px solid rgba(255,255,255,.5); border-radius:6px;background:rgba(0,0,0,.5); padding:60px}
.index-hot .info .pic{float: left; width:50%;}
.index-hot .info .text{float: right;width:50%;  padding:48px 24px;color:#fff;line-height: 2.5; border-radius:4px }
.index-hot .info .text h4{font-size: 18px;}
.index-hot .info .text p{text-align:left;color: #fff;}

.index-hot2{padding: 0 0 100px;}
.index-hot2 .info {border: 12px solid rgba(255,255,255,.5); border-radius:6px;background:url(../images/hotpic2.jpg) center center;background-size: cover;padding:60px}
.index-hot2 .info .pic{float: right; width:50%;padding:100px 0}
.index-hot2 .info .text{float: left;width:50%; background:rgba(0,0,0,.2);padding:48px 24px; color:#fff;line-height: 2.5; border-radius:4px }
.index-hot2 .info .text h4{font-size: 18px;}
.index-hot2 .info .text p{text-align:left;}

.index-news{}
.index-news ul{}
.index-news ul li{ width:49%; margin-left:2%;display: inline-block; border:2px solid rgba(255,255,255,.3); border-radius:4px;padding: 20px;text-align: left; margin-bottom:20px; background: rgba(0,0,0,.3);} 
.index-news ul li:nth-child(2n+1){ margin-left:0} 
.index-news ul li:hover{background: rgba(255,255,255,.3); border:2px solid rgba(255,255,255,0)}
.index-news ul li a{ position:relative;display: block;}
.index-news ul li img{ width:40%;display: inline-block;}
.index-news ul li div{ width:57%;display: inline-block;line-height: 2; margin-left:3%; color:#fff;}
.index-news ul li div span{ position:absolute; bottom:0}

.aboutpage { background: #787878; }
.aboutpage .banner { height: 1200px }

.aboutpage .main { margin-top: -778px; z-index: 1; position: relative; }
.aboutpage .content{ background:#fff; width:68%; padding:60px; float:right; font-size:15px; line-height:2}
.aboutpage .content h1{ color:#74AC32}
.aboutpage .content h1:before,.aboutpage .content h2:before{ display:none}


.banner { height: 150px; background-size: cover; position: relative; background-position: center center;display: none; }
.banner .banner_content{margin:0 auto;width:960px;height: 300px;margin-top: 190px;}
/*详情页banner*/
.banner .banner_content .banner_left{width: 418px;height: 260px;float: left;vertical-align: center;}
.banner .banner_content .banner_left .banner_left_head{font-size: 28px;color: #000;margin-bottom: 15px;}
.banner .banner_content .banner_left .banner_left_content{font-size: 14px;color: #333333;line-height: 36px;}
.banner .banner_content .banner_right{float: right;}
.branchbar{position:absolute;bottom: 0;left: 0; width: 100%;background:rgba(0,0,0,.5);}
.branchbar h2 { float: left; line-height: 32px; display: none }
.branch {line-height: 40px;color:#ccc;font-size:14px;}
.branch a { color: #ccc; font-size: 14px }
.branch span { font-size: 14px; }
.branch a:hover { color: #fff }
.bannerbox{ overflow:hidden}

.main { color: #ccc; padding: 60px 0 72px }
.main-left { float: left; width: 18%; display:none !important }
.main-left h2 { height: 48px; font-size: 18px; height: 48px; line-height: 48px; padding: 0 12px; border-left: 4px solid #65aae1;background:#0078D7; color: #fff; }
.left-menu {}
.left-menu li {border-left: 4px solid #ccc;text-align:left;  margin-top: 4px;}
.left-menu li:hover { border-left:4px solid #65aae1}
.left-menu li.select{border-left: 4px solid #0078D7;}
.left-menu li.select a{background: #fff;}
.left-menu li.select span { color: #0073c0 }
.left-menu li a { font-size: 16px; color: #333; background: #f0f0f0; height: 44px; display: block; line-height: 44px; padding-left: 10px;  position: relative; z-index: 1 }
/*.left-menu li a:after{ content:""; display:inline-block; width:20px; height:20px; border-radius:50%; border:6px solid #8DC21F; vertical-align:top}*/
.left-menu li a:hover {}
.left-menu li a.select { color: #0073c0; }

.main-right {float:none !important; width: 100%; min-height: 500px;  }

.index-pic .arrow-left:hover, .index-pic .arrow-right:hover { border: 1px solid #0073c0; color: #0073c0 }
.main-right .title.imgs { text-align: left }
.main-right .title { font-size: 32px; text-align: center; color: #fff; padding: 24px 0;}
.main-right .tools { font-size: 16px; text-align: center; color: #333; padding-bottom: 16px }
.main-right .content { margin-top: 20px; min-height: 500px; font-size: 14px; line-height: 2; color: #fff;border-radius:8px;padding: 20px;text-align: left; margin-bottom:20px; background: rgba(0,0,0,.5);  }
.main-right .note{}
.main-right .note li{width:25%}
.main-right .note li a{ color:#fff; text-align:center;display:block; width:160px; height:160px}
.main-right .note ul li a:hover {background: rgba(255,255,255,.3);color: #fff;}
.main-right .note li a i{display: block; margin: 0 auto;padding: 16px 0 0;text-align: center;font-size: 48px;}
.main-right .note li a span{display: block; font-size: 16px;}
.content h1 { color: #333; font-size: 24px; line-height: 36px; vertical-align: middle; }
.content h2 { color: #0073c0; font-size: 24px; vertical-align: middle }
.content h3 { font-size: 18px; color: #fff; background: #0073c0; text-align: center; line-height: 1.5; border-radius: 14px }
.content hr { border: none; border-top: 1px solid #ccc }

.newslist {}
.newslist  h2 { line-height: 2}
.newslist  h3 { color: #999;line-height: 2; font-size: 16px}
.newslist ul{}
.newslist ul li{ width:49%; margin-left:2%;display: inline-block; border:2px solid rgba(255,255,255,.3); border-radius:4px;padding: 20px;text-align: left; margin-bottom:20px; background: rgba(0,0,0,.3);} 
.newslist ul li:nth-child(2n+1){ margin-left:0} 
.newslist ul li:hover{background: rgba(255,255,255,.3); border:2px solid rgba(255,255,255,0)}
.newslist ul li a{ position:relative;display: block;}
.newslist ul li img{ width:40%;display: inline-block;}
.newslist ul li div{ width:57%;display: inline-block;line-height: 2; margin-left:3%; color:#fff;}
.newslist ul li div span{ position:absolute; bottom:0}

.productlist { min-height: 500px; padding:32px 0 ; }
.productlist li { margin-bottom: 20px; width: 32%; margin-left: 2%; display: inline-block;  border:2px solid rgba(255,255,255,0); border-radius:4px;padding: 20px;text-align: left; margin-bottom:20px; background: rgba(0,0,0,.5); }
.productlist ul li:hover{background: rgba(0,0,0,.5); border:2px solid rgba(255,255,255,.8)}
.productlist li:nth-child(3n+1) { margin-left: 0 }
.productlist li a {color:#fff; display: block; background-size: cover; background-position: center center }
.productlist li a img { }
.productlist li a div { font-size: 14px;line-height: 2; padding-top:20px} 
.productlist li a div span{float:right}

.contact .map{ width:100%; height:550px;overflow: hidden}
.contact .map iframe{ width:100% !important;height:550px }
.contact .map #dituContent{width:100% !important;}
.contact .info{}	
.contactmap .ueditor_baidumap { margin-top: 20px }

.pages { text-align: center;color: #ccc; }
.pages ul{ padding:12px 0 ;border:2px solid rgba(255,255,255,0); border-radius: 6px;background: rgba(0,0,0,.0);}
.pages a, .pages span { padding: 4px 4px; margin:0 12px; color:#ccc;display:inline-block}
.pages span.current{ background:rgba(255,255,255,.3) ; width:28px; border-radius:4px}
.pages a:hover{ color:#fff;}

.footmenu{background:rgba(0,0,0,.8); padding:40px 0 0}
	.footlogo{float: left;display:block;}
.footlogo img{height: 48px;}
.copyright-box { padding:10px 0 40px 0; color: #ccc;background:rgba(0,0,0,.8); text-align: center;  line-height: 1.8;}
.copyright a { color: #999 }


.foot-icon{float: right;text-align: center;}
	.contact-icon{display: inline-block; margin-left: 12px}
	.contact-icon a{ color:#CCC; padding:8px;font-size:32px; text-align: center; display: inline-block;}
	.contact-icon:hover a{color: #af0000; }
	.contact-icon span{display: block; color:#CCC; line-height: 1;}
	.contact-icon:hover span{color: #af0000; }
	.search-box{ text-align:center}
.phonemenu { position: fixed; right: 20px; bottom: 90px; z-index:5 }
.phonemenu a { font-family: "iconfont"; font-size: 24px; padding:0; display: block; width: 48px; height: 48px; text-align: center; color: #fff; line-height: 48px; background:rgba(0,0,0,.5)  ; border: 1px solid #fff;}
.phonemenu a:hover{background: rgba(0,120,215,.5);}
.totop { position: fixed; right: 20px; bottom: 40px; z-index:5;display: none}
.totop.show{display: inline-block;}
.totop a { font-family: "iconfont"; font-size: 24px; display: block; width: 48px; height: 48px; padding:inherit; text-align: center; color: #fff; line-height: 48px; background:rgba(0,0,0,.5) ; border: 1px solid #fff; }
.totop a:hover{background:rgba(175,0,0,.7) ;}
.phonemenu{ display:none}
.pswp__img--placeholder{display: none;}
#think_page_trace_open{display: none;}





@media only screen and (max-width: 1420px) {
.flex { margin: 0 auto; width: 1200px; }
.banner{ height:640px}

}

@media only screen and (max-width: 1220px) {
.flex { margin: 0 auto; width: 980px; }
	.banner{ height:400px}
	.head-nav{line-height:60px; height: 60px}	
	.logo a img{height: 30px;}
	.index-box{padding: 40px 0 60px;}
	.copyright-box{padding: 20px 0;}
	.banner .banner_content{margin-top: 60px;}
	.details_right ul li{line-height:45px; }
	
}

@media only screen and (max-width: 1000px) {
.flex { margin: 0 auto; width: 700px; }
h1 { font-size: 20px }
.head-box{ position:relative;}
.product-img-text { font-size: 18px }
.text-content { width: 46%; }
.menu{ float:left; text-align:left;width: auto; left: 2%; top: 12px;position: absolute;}
.lang{display: none;}
.head-nav { padding: 16px 0; line-height: 36px; text-align:center }
.nav-phone { display: none }
.nav-search { float: right }
.search{display: none;}
a.navbtn { display: inline-block; color: #fff; font-size: 24px; margin-left: 12px }
.nav.hide { display: none }
.nav {  left: 4%; height: auto; background: rgba(0,0,0,.6); position:absolute }
.nav li { display: block; float: none; text-align: center; width: 100px; height: 40px }
.nav li a { color: #fff;  padding: 0 8px ; line-height:40px}
.nav li div.subnav { margin-left: -168px; margin-top: -38px; width: 168px; position: absolute; }
.nav li div.subnav ul { padding: 0; }

.nav>li:hover { background: rgba(175,0,0,.7); }
.nav>li:hover a { color: #fff }
.nav li:hover div.subnav { margin-left: 100px; margin-top: -40px; width:200px; position: absolute; padding: 0; height: auto }
.nav li:hover ul li { width:auto; height: 40px }
.nav li:hover ul li:hover { background: rgba(0,90,192,.6); }
.nav li:hover ul li:hover a { color: #fff }
.nav li:hover ul li.subnavpic { width: auto; height: auto; padding: 12px 24px; background: none; margin-right: 0 }
.nav li:hover ul li a { line-height: 40px; padding-right: auto }
.nav li:hover ul li a span { display: none }
.nav>li>a:after { display: none }
.slide { overflow: hidden }
.flex1 { width: 140%; margin-left: -20%; }
	.index-pic .swiper-container img{ width: 160%; margin-left: -30%}
.index-partner li{ width:25%}
.index-hot .info .pic{width: 100%;}
.index-hot .info .text{width: 100%;}
.index-hot2 .info .pic{width: 100%;}
.index-hot2 .info .text{width: 100%;}
.index-type .info ul li{ width:20%}
.banner { height: 240px }
.news-content li { width: 100%; margin-left: 0; margin-bottom: 20px }
.news-content li .new-img { width: 30%; float: left }
.modeltype{display: none;}
.index-news ul li div span{ position:relative;}
.newslist ul li img{ width:100%}
.newslist ul li div{ width:100%; padding-top:20px}
.newslist ul li div span{ position:relative}
.main-left { display: none; position: fixed; left: 0; top: 0; width: 250px; height: 100%; background: rgba(255,255,255,.95);  z-index: 9 }
.main-left.show { display: block }
.phonemenu { display: block; display: inline-block }
.main-right { width: 100% }
.main-right .title{font-size: 24px;}
.contact-icon span{display: none;}
	.contactinfo{display: none;}
	.copyright{text-align: center;margin-top: -20px;float: none;}
	.foot-icon{float: none}
	.footlogo{display: none;}
.banner .banner_content{margin-top: 30px;height: 200px;width: 98%;}
.banner .banner_content .banner_left{height: 200px;}
.banner .banner_content .banner_left .banner_left_head{margin-bottom: 0px;margin-top: 10px;font-size: 16px;}
.banner .banner_content .banner_left .banner_left_content{line-height: 26px;font-size: 12px;}
.banner .banner_content .banner_right img{width:242px; margin-top: 30px;}
.details_right ul li{line-height:29px;}
.container .container_left ul li a{color: rgba(255,255,255,.9);font-size: 16px;}
}
 


@media only screen and (max-width: 720px) {
.phoneshow{display: block;}
.phonehide{display:none;}
	
.flex { width: 92% }
.head-nav { padding: 6px 0; height: auto}
	.logo a img{display: inline-block;}
.index-about .info{width:auto}
	.banner{height: 200px;}
.index-box{ padding:32px 0;} 
.index-box .info{padding: 20px 0}
	.index-server .info{margin: 32px auto; text-align: left}
	.index-server .info ul li{width:50%; text-align: center; margin-bottom: 20px}
	.index-server .info ul li a i{}
	.index-server .info ul li a span{ display: inline-block; padding:24px 0}
	.index-pic .swiper-container img{ width: 200%; margin-left: -50%}
	.main{padding: 32px 0 64px;}
	
	.index-news ul li img{ width:100%}
	.index-news ul li div{ width:100%; margin-left:0}
.newslist ul li:nth-child(3n+1) { margin-left: 4%; }
.newslist ul li { width: 48%; margin-left: 4% }
.newslist ul li:nth-child(2n+1) { margin-left: 0; }
	
.productlist li:nth-child(3n+1) { margin-left: 4%; }
.productlist li { width: 48%; margin-left: 4% }
.productlist li:nth-child(2n+1) { margin-left: 0; }

.main-right .content{ min-height:200px}
.main-right .content .iconfont{display: none;}
.main-right .title{font-size: 18px;}

.content h1{ font-size:18px}
.content h1:before{display: none;}
.content h2{ font-size:16px}
	
.foot-icon{ position: fixed; bottom: 0; left: 0; width: 100%; z-index: 10; background: rgba(0,0,0,.6) }
.footnav { padding-bottom: 50px }
.footnav { display: none }
.footnav ul li a { text-align: center }
.footnav ul li a .iconfont { display: block; margin-right: 0 }
.copyright-box { padding: 0 0; text-align: center }
.footmenu{padding:0}
.copyright { float: none; margin-top: 12px; display:none; }
.foot-icon { float: none; display: block }
.contact-icon {}
.contact-icon a { color: #fff; font-size: 24px; width: 46px; height: 46px; line-height: 46px; padding: inherit; }
.contact-icon a:hover { background: rgba(0,0,0,.6) }
.totop { position: relative; right: auto; bottom: auto; z-index: 5 }
.totop a { font-family: "iconfont"; font-size: 24px; display: block; width: 46px; height: 46px; padding: inherit; text-align: center; color: #fff; line-height: 46px; background: none; border: none }
.totop a:hover { background: rgba(0,0,0,.6) }
.phonemenu { position: relative; right: auto; bottom: auto; z-index: 5 }
.phonemenu a { font-family: "iconfont"; font-size: 24px; display: block; width: 46px; height: 46px; padding: inherit; text-align: center; color: #fff; line-height: 46px; background: none; border: none }
.phonemenu a:hover { background: rgba(0,0,0,.6) }
	.footlogo{display: none;}
	.foot-box{margin-bottom: 40px}
.banner .banner_content{margin-top: 30px;height: 140px;overflow: hidden;}
.banner .banner_content .banner_left{width: 210px;}
.banner .banner_content .banner_left .banner_left_head{margin-bottom: 0px;margin-top: 10px;font-size: 16px;}
.banner .banner_content .banner_left .banner_left_content{line-height: 26px;font-size: 12px;}
.banner .banner_content .banner_right img{width:160px; margin-top: 30px;}
.details .details_left,.details_right{margin:0 auto; float: none;width: 100%;}
.details .details_right{margin-top: 10px;}
.container .container_left{background: rgba(0,0,0,.5);float: left;height: auto;line-height: 1.2;}
.container .container_left ul li{padding: 5px 10px;}
.container .container_left ul li a{color: rgba(255,255,255,.9);font-size: 14px;}
}

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

	.index-news ul li{ width:100%;margin-left:0 !important;}
	.banner{height: 160px;}
/*.newslist ul li { width: 100%; margin-left:0 }*/
	.productlist ul li{ width: 100%; margin-left:0 }
	.productlist li:nth-child(3n+1){ width: 100%; margin-left:0}
	.banner .banner_content{margin-top: 10px;height: 140px;overflow: hidden;}
	.banner .banner_content .banner_left{width: 90px;}
	.banner .banner_content .banner_left .banner_left_head{margin-bottom: 0px;margin-top: 10px;font-size: 16px;}
	.banner .banner_content .banner_left .banner_left_content{line-height: 26px;font-size: 12px;}
	.banner .banner_content .banner_right img{width:140px; margin-top: 30px;}
	.container .container_left ul li a{color: rgba(255,255,255,.9);font-size: 12px;}
	.container_left ul li a{font-size:15px}
}

}