/*inside_banner*/
.introduce *{word-break: break-all; word-wrap:break-word;}
.inside_banner{ height:400px;}
.inside_banner .box1200{ height:400px;}
.about_banner{  background:url(../images/about_banner.jpg) top no-repeat;}
.product_banner{  background:url(../images/product_banner.jpg) top no-repeat;}
.news_banner{  background:url(../images/news_banner.jpg) top no-repeat;}
.feedback_banner{  background:url(../images/feedback_banner.jpg) top no-repeat;}
.contact_banner{  background:url(../images/contact_banner.jpg) top no-repeat;}
/*location*/
.location{ background:rgba(255,255,255,0.9); width:100%; height:50px; line-height:50px;position:absolute; bottom:0;*background:url(../images/location_bg.png) repeat;}
.location span{ background:url(../images/home_icon.png) left no-repeat; padding-left:25px; margin-left:20px;}
/*inside_title*/
.inside_title{ text-align:center; margin-bottom:40px;}
.inside_title h1{ font-size:30px; font-weight:normal; margin:40px 0 0px 0;}
.inside_title p{ font-size:14px; color:#999;text-transform:uppercase}
/*two_nav*/
.two_nav{ background:#f4f4f4; text-align:center;padding:25px 0 13px 0;}
.two_nav a{ display:inline-block; width:154px; line-height:48px; height:48px; overflow:hidden;background:#fff;margin:0 6px 12px 6px; font-size:14px;}
.pro_two_nav a:nth-of-type(odd){ background:#ddd;} 
.two_nav a:hover{ background:#01b6eb;color:#fff;}
.two_nav .this{ background:#01b6eb;color:#fff;}
.pro_two_nav .this:nth-of-type(odd){ background:#01b6eb;color:#fff;}
.two_nav_mobile{ display:none;}
/*inside_con*/
.inside_con{ padding:50px 0}
.about_con p{ margin-bottom:20px; font-size:18px; line-height:33px; color:#666;text-indent:30px;}
/*inside_border*/
.inside_border{ height:1px; background:#ddd; width:100%; font-size:0;}
/*product_list*/
.product_list{ padding:0px 0 40px 0; margin-left:-15px;}
.product_list ul li{ float:left; margin:0 1% 20px; width:31.3333%; }
.product_list ul li a{ width:100%; display:block; }
.product_list ul li a img{ width:100%; height:auto;border:1px #ddd solid;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;}
.product_list ul li a:hover img{ border:1px #01b6eb solid;}
.product_list .text{ text-align:center; line-height:40px; font-size:16px;}
.three ul li{width:384px;}
.choose{ text-align:center;width:160px; margin:20px auto 0 auto; background:#f4f4f4; border-radius:60px; border:1px #ddd dashed; height:40px; line-height:40px;}
.choose span{ display:inline-block;}
.choose .item1{ display:inline-block; margin:0 5px;}
.choose .item1 a{background:url(../images/filter_sec1.jpg) 0 -11px no-repeat; width:11px; height:11px; cursor:pointer; font-size:0; display:block;}
.choose .item1 .this{background:url(../images/filter_sec1.jpg) 0 0 no-repeat;}
.choose .item2{ display:inline-block;}
.choose .item2 a{background:url(../images/filter_sec2.jpg) 0 -11px no-repeat; width:23px; height:11px; font-size:0; cursor:pointer; display:block;}
.choose .item2 .this{background:url(../images/filter_sec2.jpg) 0 0 no-repeat;}
/*pages*/
.pages{ text-align:center; padding-bottom:50px;}
.pages a{}
.pages a{ height:38px; line-height:38px; padding:0 15px; border:1px #ddd dashed; background:#fff;  display:inline-block; margin:0 5px;}
.pages a:hover{ background:#01b6eb; color:#fff; border:1px #01b6eb dashed;}
.pages .this a{ background:#01b6eb; color:#fff; border:1px #01b6eb dashed;}
/*news_list*/
.news_list{ margin-left:-30px; overflow:hidden;}
.news_list ul li{ width:340px;  border:1px #eee solid; background:#fff; float:left;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in; margin-left:30px; padding:19px; position:relative;margin-bottom:20px;}
.news_list ul li:hover{ border:1px #ddd solid;-moz-box-shadow:0 0 10px #ddd; -webkit-box-shadow:0 0 10px #ddd; box-shadow:0 0 10px #ddd}
.news_list ul li a{ display:block;}
.news_list .time{ width:86px; height:70px; position: absolute; left:19px; top:19px; text-align:center; color:#fff;}
.news_list .time .year{ background:#aaa; font-size:12px;height:30px; line-height:30px; }
.news_list .time .day{ height:40px; line-height:40px; background:#dfdfdf; font-size:24px;}
.news_list .tit{font-size:16px; color:#333; padding:10px 0px  ;text-align:left; line-height:28px;}
.news_list .desc{ color:#999; line-height:22px; border-top:1px #eee solid; padding:18px 0; font-size:14px;}
.news_list .info{ font-size:12px; color:#999; margin-top:15px;}
.news_list .info .view{ background:url(../images/view_icon.jpg) left no-repeat; padding-left:25px; margin-right:10px;}
.news_list .info .sort{ background:url(../images/sort_icon.jpg) left no-repeat; padding-left:15px;}

.lea_mian .span { position: absolute; top: 0; left: 0; width: 90px; font-size: 15px; color: #999; line-height: 48px; text-align: right; }
.lea_mian .lea_input { position: relative; width: 48%; height: 48px; margin-bottom: 16px; }
.lea_mian .lea_input input { width: 100%; height: 100%; padding-left: 100px; border: 1px solid #ccc; background: #fcfcfc; box-sizing: border-box; font-size: 14px; color: #666; line-height: 24px; }
.lea_mian .lea_textarea { position: relative; width: 100%; height: 200px; margin-bottom: 16px; }
.lea_mian .lea_textarea textarea { width: 100%; height: 100%; padding: 10px 0; padding-left: 100px; border: 1px solid #ccc; background: #fcfcfc; box-sizing: border-box; font-size: 14px; color: #666; line-height: 24px; }
.lea_mian .lea_button { width: 100%; }
.lea_mian .lea_button input { cursor:pointer;width: 100%; height: 60px; border: none; font-size: 18px; color: #fff; background: #183c70; }
.lea_mian .lea_button input:hover { background: #0096e5; }



/*case_list*/
.case_list ul{ margin-left:-20px;}
.case_list ul li{ float:left; position:relative; margin:0 0 20px 20px;}
.case_list .img{ width:285px; height:200px; overflow:hidden;}
.case_list .img img{ width:285px; height:200px;}
.case_list .text{ position:absolute; z-index:2; left:0; bottom:0; width:285px; height:40px; line-height:40px; text-align:center; color:#fff; background:rgba(0,0,0,0.6);}
/*video_list*/
.video_list{ margin-left:-20px;}
.video_list ul li{ float:left; margin:0 0 20px 20px; width:285px;}
.video_list ul li a{ width:285px; display:block; }
.video_list ul li a img{ width:283px; height:198px;border:1px #ddd solid;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;}
.video_list ul li a:hover img{ border:1px #01b6eb solid;}
.video_list .text{ text-align:center; line-height:40px; font-size:14px;}
/*contact*/
.contact p{ margin-bottom:17px; font-size:14px;}
.contact .contact_text{ float:right; width:450px;}
.contact .contact_map{ float:left; width:720px;}
/*displayproduct*/
.displayproduct .title{ font-size:30px; text-align:center; font-weight:normal; margin-bottom:40px;}
.displayproduct .pic{ text-align:center; position:relative; width:100%; height:auto;}
.displayproduct .pic .prev{ position:absolute; top:260px; left:0; width:80px; height:80px; display:block; background:url(../images/arrow_prev.png) no-repeat;}
.displayproduct .pic .prev:hover{background:url(../images/arrow_prev_hover.png) no-repeat;}
.displayproduct .pic .next{ position:absolute;top:260px; right:0; width:80px; height:80px; display:block; background:url(../images/arrow_next.png) no-repeat;}
.displayproduct .pic .next:hover{background:url(../images/arrow_next_hover.png) no-repeat;}
.displayproduct .pic .big_pic img{ width:600px; height:auto;}
.displayproduct .pic .small_pic{ margin-left:-2px; margin-top:2px;}
.displayproduct .pic .small_pic a{ display:inline-block; border:1px #ddd solid; margin:0 5px;}
.displayproduct .pic .small_pic a img{filter:alpha(opacity=50);opacity:0.5;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;}
.displayproduct .pic .small_pic a:hover{ border:1px #01b6eb solid;}
.displayproduct .pic .small_pic a:hover img{filter:alpha(opacity=100);opacity:1;}
.displayproduct .pic .small_pic .this{ border:1px #01b6eb solid;filter:alpha(opacity=100);opacity:1;}
.displayproduct .pic .small_pic .this img{filter:alpha(opacity=100);opacity:1;}
.displayproduct .pic .small_pic img{ width:110px; height:90px;}
.displayproduct .introduce{ border:1px #ddd dashed;padding:20px; font-size:14px; margin:30px 0; line-height:33px;}
.displayproduct .introduce p{ margin-bottom:20px;}
/*displaynews*/
.displaynews h1{ font-size:30px; font-weight:normal; text-align:center;}
.displaynews .info{ text-align:center; color:#999; padding:10px 0; background:#f5f5f5; border:1px #ddd dashed; margin:25px 0; font-size:12px;}
.displaynews .con{ font-size:14px; line-height:33px; border-bottom:1px #ddd dashed; padding-bottom:20px; margin-bottom:20px;}
.displaynews .con p{ margin-bottom:15px;}
/*displaycase*/
.displaycase h1{font-size:30px; font-weight:normal; text-align:center;}
.displaycase .info{ text-align:center; color:#999; padding:10px 0; background:#f5f5f5; border:1px #ddd dashed; margin:25px 0;}
.displaycase .big_pic{text-align:center;}
/*.displaycase .big_pic img{height:600px;}*/
.displaycase .big_pic .prev{ position:absolute; top:180px; left:0; width:80px; height:80px; display:block; background:url(../images/arrow_prev.png) no-repeat;opacity: 0.2;}
.displaycase .big_pic .prev:hover{background:url(../images/arrow_prev_hover.png) no-repeat;opacity: 0.5;}
.displaycase .big_pic .next{ position:absolute;top:180px; right:0; width:80px; height:80px; display:block; background:url(../images/arrow_next.png) no-repeat;opacity: 0.2;}
.displaycase .big_pic .next:hover{background:url(../images/arrow_next_hover.png) no-repeat;opacity: 0.5;}

.two-nav{ display:none;}
#focus{width:100%;height:570px;overflow:hidden;position:relative;}
#focus ul{height:450px;position:relative;}
#focus ul li{float:left;width:1200px;height:450px;overflow:hidden;position:relative;}
#focus ul li div{position:absolute;overflow:hidden;}
#focus ul li img{max-width:100%}

.c1_p1_l{ width: 50%; }
.c1_p1_l #allmap{ width: 100%; height: 400px; box-sizing: border-box; border: 1px solid #dcdcdc; }
.c1_p1_r{ width: 45.5%; }
.c1_p1_r h2{ margin: 40px 0 6px; font-size: 27px; font-weight: bold; color: #01b6eb; }
.c1_p1_r h3{ font-size: 16px;text-transform:uppercase; color: #01b6eb; }
.c1_p1_r .detail{ padding: 24px 0; font-size: 18px; line-height: 46px; margin-top: 30px; border-top: 1px solid #e2e2e2; }
.c1_p1_r .detail span{ color: #444; position: relative; width: 140px; padding-left: 46px; box-sizing: border-box; display: inline-block; vertical-align: top; background-repeat: no-repeat; background-position: left center; }
.c1_p1_r .detail span:after{ content: ''; position: absolute; right: 0; top: 50%; width: 1px; height: 18px; margin-top: -9px; background: #c3c3c3; } 
.c1_p1_r .detail .box:nth-child(1) span{ background-image: url(../images/icon33.png); }
.c1_p1_r .detail .box:nth-child(2) span{ background-image: url(../images/icon35.png); }
.c1_p1_r .detail .box:nth-child(3) span{ background-image: url(../images/icon37.png); }
.c1_p1_r .detail .box:nth-child(4) span{ background-image: url(../images/icon36.png); }
.c1_p1_r .detail .box:nth-child(5) span{ background-image: url(../images/icon38.png); }
.c1_p1_r .detail font{ color: #555; display: inline-block; vertical-align: middle; width: calc(100% - 160px); margin-left: 20px; }
#allmap{ width: 100%; height: 100%; }

.contact{ padding:0 15px 15px 15px;}
@media screen and (max-width:720px){
   .h100{ height:60px; display:block;}
   .inside_banner{ height:50px;}
   .inside_banner .box1200{ height:50px;}
   /*location*/
   .location{ background:#f4f4f4; border-bottom:1px #eee solid; padding:0 0.2rem;height:49px; line-height:49px; overflow:hidden; font-size:12px; position:relative; width:auto;}
   .location span{ background:none; padding-left:0; margin-left:0;}
   .about_con img{ width:100%;}
   .two_nav{ display:none;}
   /*two_nav_mobile*/
   .two_nav_mobile{ display:block;}
   .two_nav_mobile h3{ background:#01b6eb; width:100%; height:50px; line-height:50px; color:#fff;}
   .two_nav_mobile h3 span{ display:block; padding-left:15px;height:50px; background:url(../images/jia.png) 96% 19px no-repeat; font-size:16px;}
   .two_nav_mobile_con{ display:none;}
   .two_nav_mobile_con a{ display:block; background:#f5f5f5; font-size:14px; padding:0 15px; border-bottom:1px #ddd solid; height:40px; line-height:40px;}
   /*two-nav*/
   .two-nav{ height:50px; line-height:50px; font-size:14px; background:#f9f9f9; border-bottom:1px #eee solid; width:100%; position:relative; z-index:10; display:block;}
   .topnv{ position: relative; overflow-y: hidden; overflow-x: scroll; height:50px; line-height:50px; z-index:11; }
   .topnv ul{position: absolute;left:0; bottom:0;white-space: nowrap;}
   .topnv li{display: inline-block;border-bottom:3px solid #f9f9f9;text-align:center; font-size:14px;}
   .topnv li a{ display:block; height:50px; line-height:50px;color:#333; padding:0 20px;font-size:14px;}
   .topnv li.this{ border-bottom:3px solid #2d92d1;}
   .topnv li.this a{ color:#2d92d1;}
   .two-nav .mbg{ background:url(../images/mbg.png) no-repeat; width:31px; height:50px; position:absolute; z-index:99; right:0; top:0;}
   .inside_title{ text-align:center; margin-bottom:10px;padding:0 15px 10px 15px; border-bottom:1px #ddd dashed;}
   .inside_title h1{ font-size:30px; margin:20px 0 5px 0;line-height:100%}
   .inside_title p{ font-size:12px; line-height:24px;}
   .about_con{ padding:25px 15px; width:auto;}
   .about_con .con{ padding:0 15px;}
   .contact_con{padding:0 5px 0; width:auto;}
   .inside_con{ padding:5px 0;}
   /*product_list*/
   .product_list{padding:0; width:100%; margin-left:0;}
   .product_list ul li{width:46%; margin-bottom:10px; padding:0 1%; float:left; margin-left:1%;}
   .product_list .text{line-height:40px; font-size:14px;}
   /*pages*/
   .pages{ text-align:center; padding-bottom:25px;}
   .pages ul li{ display:none;}
   .pages .prev ,.pages .next{ display:inline-block;}
   .pages .prev a ,.pages .next a{ display: inline-block;height:36px; line-height:36px; padding:0 30px; margin:0 5px; font-size:14px;}
   /*news_list*/
   .news_list{ margin-left:0;}
   .news_list ul li{ width:100%; height:auto; border-right:none; background:#fff; float:none;margin-left:0;position:relative; padding:0;}
   .news_list ul li a{ display:block;width:100%; height:auto;}
   .news_list ul li:hover{ border:none;-moz-box-shadow:0; -webkit-box-shadow:0; box-shadow:0; margin-top:0;}
   .news_list .time{left:0;top:0}
   .news_list .tit{padding:10px 20px}
   .news_list .desc{padding:5px 20px;font-size:12px}
   /*video_list*/
   .video_list{ margin-left:0;}
   .video_list ul li{ float:left; margin:0 0 10px 0; width:46%; padding:0 1%; margin-left:1%;}
   .video_list ul li a{ width:100%; height:auto;}
   .video_list ul li a img{ width:100%; height:auto;}
   .video_list .text{line-height:40px; font-size:14px;}
   /*case_list*/
   .case_list ul{ margin-left:0;}
   .case_list ul li{ float:left; position:relative; margin:0 0 10px 1%; width:46%; padding:0 1%;}
   .case_list .img{ width:100%; height:auto;}
   .case_list .img img{ width:100%; height:auto;}
   .case_list .text{width:96%; left:2%; bottom:0; height:40px; line-height:40px; font-size:14px;}
   /*contact*/
   .contact{ padding:0 15px 15px 15px;}
   .contact p{ margin-bottom:10px; font-size:14px; line-height:24px;}
   .contact .contact_text{ float:none; width:100%; margin-bottom:15px;}
   .contact .contact_map{ float:none; width:100%;}
   /*displayproduct*/
   .displayproduct .title{ font-size:24px;margin:20px 0;}
   .displayproduct .pic{ text-align:center; position:relative; width:100%; height:auto;}
   .displayproduct .pic .prev{top:30%; left:15px; width:0.43rem; height:0.8rem;background:url(../images/arrow_prev.png) no-repeat; background-size:cover;}
   .displayproduct .pic .prev:hover{background:url(../images/arrow_prev_hover.png) no-repeat;background-size:cover;}
   .displayproduct .pic .next{top:30%; right:15px; width:0.43rem; height:0.8rem;background:url(../images/arrow_next.png) no-repeat;background-size:cover;}
   .displayproduct .pic .next:hover{background:url(../images/arrow_next_hover.png) no-repeat;background-size:cover;}
   .displayproduct .pic .big_pic img{ width:100%; height:auto;}
   .displayproduct .pic .small_pic{ margin:0;}
   .displayproduct .pic .small_pic a{ margin:0 4px; width:20%;}
   .displayproduct .pic .small_pic a:hover{ border:1px #01b6eb solid;}
   .displayproduct .pic .small_pic a:hover img{filter:alpha(opacity=100);opacity:1;}
   .displayproduct .pic .small_pic .this{ border:1px #01b6eb solid;filter:alpha(opacity=100);opacity:1;}
   .displayproduct .pic .small_pic .this img{filter:alpha(opacity=100);opacity:1;}
   .displayproduct .pic .small_pic img{ width:100%; height:auto;}
   .displayproduct .introduce{ border-top:1px #ddd dashed;border-bottom:1px #ddd dashed; border-left:none; border-right:none;padding:20px; font-size:14px; margin:0; line-height:33px;}
   .displayproduct .introduce p{ margin-bottom:20px;}
   /*other*/
   .other{ padding:20px;}
   .other .fl ,.other .fr{ float:none; display:block; font-size:12px; margin-bottom:10px;}
   /*displaynews*/
   .displaynews { padding:15px 0;}
   .displaynews h1{ font-size:18px; padding:0 15px; line-height:40px;}
   .displaynews .info{ text-align:center; color:#999; padding:10px 0; background:#f5f5f5; border:1px #ddd dashed; margin:15px 0;}
   .displaynews .con{ font-size:14px; line-height:30px;padding-bottom:10px; margin-bottom:10px; padding:0 15px;}
   .displaynews .con p{ margin-bottom:15px;}
   /*displaycase*/
   .displaycase h1{font-size:24px; margin:20px 0 0 0;}
   .displaycase .big_pic{ padding-bottom:30px;}
   .displaycase .big_pic img{ width:70%; height:auto; margin:0 auto;}
   .displaycase .big_pic .prev{ position:absolute; top:50%; left:5px; margin-top:-15px; width:0.43rem; height:0.8rem; display:block; background:url(../images/arrow_prev.png) no-repeat; background-size:cover;}
   .displaycase .big_pic .prev:hover{background:url(../images/arrow_prev_hover.png) no-repeat; background-size:cover;}
   .displaycase .big_pic .next{ position:absolute;top:50%; right:5px; margin-top:-15px; width:0.43rem; height:0.8rem; display:block; background:url(../images/arrow_next.png) no-repeat; background-size:cover;}
   .displaycase .big_pic .next:hover{background:url(../images/arrow_next_hover.png) no-repeat; background-size:cover;}
   .choose{ display:none;}
   #focus{height:auto; padding-bottom:0.4rem;}
	#focus ul li{height:auto}
	#focus ul{height:auto}
	.lea_mian .lea_input,.lea_mian .lea_textarea,.lea_mian .lea_button{ float: none; width: 95%;margin:16px auto  0}
	.c1_p1_l{ width: 100%; margin-bottom: 20px; }
	.c1_p1_r{ width: 100%; }
	.c1_p1_r .detail{ margin-top: 10px; padding: 15px 0; }
	.con1_p1, .con1_p2, .con1_p3{ padding: 30px 0; }
	.c1_p1_r h2{margin:10px 0}
	.c1_p1_r .detail{line-height:30px;font-size:14px;}
	.c1_p1_r .detail span{width:118px;}


}
@media screen and (min-width:720px) and (max-width:1024px){
   .h100{ height:60px; display:block;}
   .inside_banner{ height:50px;}
   .inside_banner .box1200{ height:50px;}
   /*location*/
   .location{ background:#f4f4f4; border-bottom:1px #eee solid; padding:0 0.2rem;height:49px; line-height:49px; font-size:14px; position:relative; width:auto;}
   .location span{ background:url(../images/home_icon.png) left no-repeat; padding-left:25px; margin-left:0;}
   .about_con img{ width:100%;}
   .two_nav{ display:none;}
   /*two_nav_mobile*/
   .two_nav_mobile{ display:block;}
   .two_nav_mobile h3{ background:#01b6eb; width:100%; height:50px; line-height:50px; color:#fff;}
   .two_nav_mobile h3 span{ display:block; padding-left:15px;height:50px; background:url(../images/jia.png) 96% 19px no-repeat; font-size:14px;}
   .two_nav_mobile_con{ display:none;}
   .two_nav_mobile_con a{ display:block; background:#f5f5f5; font-size:12px; padding:0 15px; border-bottom:1px #ddd solid; height:40px; line-height:40px;}
   /*two-nav*/
   .two-nav{ height:50px; line-height:50px; font-size:14px; background:#f9f9f9; border-bottom:1px #eee solid; width:100%; position:relative; z-index:10; display:block;}
   .topnv{ position: relative; overflow-y: hidden; overflow-x: scroll; height:50px; line-height:50px; z-index:11; }
   .topnv ul{position: absolute;left:0; bottom:0;white-space: nowrap;}
   .topnv li{display: inline-block;border-bottom:3px solid #f9f9f9;text-align:center; font-size:14px;}
   .topnv li a{ display:block; height:50px; line-height:50px;color:#333; padding:0 20px; font-size:14px;}
   .topnv li.this{ border-bottom:3px solid #2d92d1;}
   .topnv li.this a{ color:#2d92d1;}
   .two-nav .mbg{ background:url(../images/mbg.png) no-repeat; width:31px; height:50px; position:absolute; z-index:99; right:0; top:0;}
   .inside_title{ text-align:center; margin-bottom:20px;padding:0 15px 20px 15px; border-bottom:1px #ddd dashed;}
   .inside_title h1{ font-size:24px; margin:20px 0 5px 0;}
   .inside_title p{ font-size:12px; line-height:24px;}
   .about_con{ padding:25px 15px; width:auto;}
   .about_con .con{ padding:0 15px;}
   .contact_con{padding:0 5px 0; width:auto;}
   .inside_con{ padding:5px 0;}
   /*product_list*/
   .product_list{padding:0; width:100%; margin-left:0;}
   .product_list ul li{width:30%; margin-bottom:10px; padding:0 1%; float:left; margin-left:1%;}
   .product_list .text{line-height:40px; font-size:14px;}
   /*pages*/
   .pages{ text-align:center; padding-bottom:25px;}
   .pages ul li{ display:none;}
   .pages .prev ,.pages .next{ display:inline-block;}
   .pages .prev a ,.pages .next a{ display: inline-block;height:36px; line-height:36px; padding:0 30px; margin:0 5px; font-size:14px;}
   /*news_list*/
   .news_list{ margin-left:0;}
   .news_list ul li{ width:100%; height:auto; border-right:none; background:#fff; float:none;margin-left:0;position:relative; padding:0;}
   .news_list ul li a{ display:block;width:100%; height:auto;}
   .news_list ul li:hover{ border:none;-moz-box-shadow:0; -webkit-box-shadow:0; box-shadow:0; margin-top:0;}
   .news_list .tit{padding:10px 0 30px 100px;}
   .news_list .desc{ padding:10px 15px; font-size:12px;}
   .news_list .info{padding:10px 15px; margin:0;}
   /*video_list*/
   .video_list{ margin-left:0;}
   .video_list ul li{ float:left; margin:0 0 10px 0; width:30%; padding:0 1%; margin-left:1%;}
   .video_list ul li a{ width:100%; height:auto;}
   .video_list ul li a img{ width:100%; height:auto;}
   .video_list .text{line-height:40px; font-size:14px;}
   /*case_list*/
   .case_list ul{ margin-left:0;}
   .case_list ul li{ float:left; position:relative; margin:0 0 10px 1%; width:30%; padding:0 1%;}
   .case_list .img{ width:100%; height:auto;}
   .case_list .img img{ width:100%; height:auto;}
   .case_list .text{width:94%; left:3%; bottom:0; height:40px; line-height:40px; font-size:14px;}
   /*contact*/
   .contact{ padding:0 15px 15px 15px;}
   .contact p{ margin-bottom:10px; font-size:14px; line-height:24px;}
   .contact .contact_text{ float:none; width:100%; margin-bottom:15px;}
   .contact .contact_map{ float:none; width:100%;}
   /*displayproduct*/
   .displayproduct .title{ font-size:24px;margin:20px 0;}
   .displayproduct .pic{ text-align:center; position:relative; width:100%; height:auto;}
   .displayproduct .pic .prev{top:30%; left:15px; width:40px; height:40px;background:url(../images/arrow_prev.png) no-repeat; background-size:cover;}
   .displayproduct .pic .prev:hover{background:url(../images/arrow_prev_hover.png) no-repeat;background-size:cover;}
   .displayproduct .pic .next{top:30%; right:15px; width:40px; height:40px;background:url(../images/arrow_next.png) no-repeat;background-size:cover;}
   .displayproduct .pic .next:hover{background:url(../images/arrow_next_hover.png) no-repeat;background-size:cover;}
   .displayproduct .pic .big_pic img{ width:100%; height:auto;}
   .displayproduct .pic .small_pic{ margin:0;}
   .displayproduct .pic .small_pic a{ margin:0 4px; width:20%;}
   .displayproduct .pic .small_pic a:hover{ border:1px #01b6eb solid;}
   .displayproduct .pic .small_pic a:hover img{filter:alpha(opacity=100);opacity:1;}
   .displayproduct .pic .small_pic .this{ border:1px #01b6eb solid;filter:alpha(opacity=100);opacity:1;}
   .displayproduct .pic .small_pic .this img{filter:alpha(opacity=100);opacity:1;}
   .displayproduct .pic .small_pic img{ width:100%; height:auto;}
   .displayproduct .introduce{ border-top:1px #ddd dashed;border-bottom:1px #ddd dashed; border-left:none; border-right:none;padding:20px; font-size:14px; margin:0; line-height:33px;}
   .displayproduct .introduce p{ margin-bottom:20px;}
   /*other*/
   .other{ padding:20px;}
   .other .fl ,.other .fr{ float:none; display:block; font-size:12px; margin-bottom:10px;}
   /*displaynews*/
   .displaynews { padding:15px 0;}
   .displaynews h1{ font-size:18px; padding:0 15px; line-height:40px;}
   .displaynews .info{ text-align:center; color:#999; padding:10px 0; background:#f5f5f5; border:1px #ddd dashed; margin:15px 0;}
   .displaynews .con{ font-size:14px; line-height:30px;padding-bottom:10px; margin-bottom:10px; padding:0 15px;}
   .displaynews .con p{ margin-bottom:15px;}
   /*displaycase*/
   .displaycase h1{font-size:24px; margin:20px 0 0 0;}
   .displaycase .big_pic{ padding-bottom:30px;}
   .displaycase .big_pic img{ width:70%; height:auto; margin:0 auto;}
   .displaycase .big_pic .prev{ position:absolute; top:50%; left:15px; margin-top:-20px; width:40px; height:40px; display:block; background:url(../images/arrow_prev.png) no-repeat; background-size:cover;}
   .displaycase .big_pic .prev:hover{background:url(../images/arrow_prev_hover.png) no-repeat; background-size:cover;}
   .displaycase .big_pic .next{ position:absolute;top:50%; right:15px; margin-top:-20px; width:40px; height:40px; display:block; background:url(../images/arrow_next.png) no-repeat; background-size:cover;}
   .displaycase .big_pic .next:hover{background:url(../images/arrow_next_hover.png) no-repeat; background-size:cover;}
   .choose{ display:none;}
}