@charset "utf-8";
*{margin:0;padding:0;}
body,input,select,textarea,button{font-size:14px; font-family:"微软雅黑";}
body{ background:#fff;color:#333;}
img{border:0;vertical-align:middle;}
a{text-decoration:none;color:#333333;}
a:hover{text-decoration:none;color:#ff6600;}
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
*html .clearfix{ height:1%;}
*+html .clearfix{height:1%;}
li{ list-style:none;}
.fl{float:left;}
.fr{float:right;}
.tc{ text-align:center;}
.tr{ text-align:right;}
.mb{ margin-bottom:20px;}
.mt{margin-top:20px;}
.mr{ margin-right:25px;}
.listpd{ padding:15px;}
.listbot li{line-height:35px; border-bottom:#CCC 1px dashed; padding-left:15px; height:35px; overflow:hidden;}
.bs{ border:#CCC 1px solid;}
.posre{ position:relative;}
.w{ width:1000px; margin:0 auto;}
.none{ display:none;}
h1{ font-size:16px; color:#FFF; font-weight:normal;}
/*----------页头---------*/
.header-box{ height:120px; overflow:visible; background:url(../images/topbj_01.png) repeat-x;}
.logo{ background:url(../images/logo_03.png)0 0 no-repeat; }
.logo a{ display:block; width:105px; height:120px;}
.top_cent h1{ font-size:30px; padding:15px 10px;}
.nav{height:47px;line-height:47px; position:relative; z-index:1; padding:0 5px; margin-top:3px;}
.nav a{ color:#fff;}
.nav a:hover{ background:#e57a1a; color:#fff; }
.nav .nLi{ float:left;position:relative; display:inline; }
.nav .nLi h3{ float:left;}
.nav .nLi h3 a{ display:block; padding:0 20px; font-size:14px; font-weight:bold;  }
.nav  #on{ width:120px;}
.nav .sub{ display:none; left:0; width:96px; top:47px;  position:absolute; background:#FFF;line-height:35px; }
.nav .sub li{ zoom:1;}
.nav .sub a{ display:block; padding:0 10px; color:#333; text-align:center;}
.nav .sub a:hover{ background:#e57a1a; color:#fff;}
.top-r{ width:235px;}
.top-r ul li dl{ font-size:16px; color:#FFF;}
.top-r ul li dl dt{ float:left; height:50px; line-height:50px; background:url(../images/top_06.png) 0 18px no-repeat; padding-left:20px;}
.top-r ul li dl dd{ display:block; line-height:25px;}
.search-form{ background:url(../images/ss_10.png) 0 0 no-repeat; height:28px; margin-top:10px;}
.txt{ border:none; padding-left:8px; width:170px; height:30px; vertical-align:middle; background:none;}
.btn{ height:25px; width:25px; border:none; background:transparent; cursor:pointer; vertical-align:middle;}
.container{height:auto;}
/*----------banner-------*/
.slideBox{overflow:hidden; position:relative;}
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; left:50%; top:95%;z-index:1;}
.slideBox .hd ul{ overflow:hidden; zoom:1;}
.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; border-radius:50%; -moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%; margin:0 5px;}
.slideBox .hd ul li.on{ background:#e57a1a; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;}
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd a{display:block; height:410px;}
.banner{ background:url(../images/nrbanner.jpg) center no-repeat; height:190px;}
/*-------内容------------*/
.main_l{ width:265px;}
.main_r{ width:715px; margin-bottom:20px;}
.left1 h1{ background:url(../images/titlebj_16.png) 0 0 no-repeat; height:40px; line-height:40px; padding-left:10px;}
.left1 h1 span a{ float:right; padding-right:5px; background:url(../images/more_07.png) 0 center no-repeat; width:36px; height:40px;}
.libj li{ background:url(../images/pic_03.png) 0 center no-repeat;}
.libj2 li{background:url(../images/dian_07.png) 0 center no-repeat;}
.lih { line-height:34px;}
.right_mian h1{ background:url(../images/titlebj2_16.png) 0 0 no-repeat; height:40px; line-height:40px; padding-left:10px; border:#CCC 1px solid; border-bottom:none;}
.right_mian ul li{line-height:28px;}
.right_mian h1 a{ float:right; padding-right:5px; background:url(../images/more_20.png) 0 center no-repeat; width:36px; height:40px;}
.productlist{ height:358px;}
.productlist li{ float:left; width:146px; margin:10px 10px; border:#CCC 1px solid;}
.productlist li a{ text-align:center; padding-bottom:5px; background-color:#ededed; display:block;}
.productlist li a img{ width:146px; height:119px;}
.faq{ width:345px;float:left;}
.faq ul{ padding-bottom:25px;}
.casetop{ padding-top:40px; line-height:30px;}
.about ul li{ line-height:27.5px;}
/*--------案例展示------------*/
.picMarquee-left{ width:938px;  overflow:hidden; position:relative;  border:1px solid #ccc; margin-bottom:30px; padding:20px 30px;}
.picMarquee-left .hd{ overflow:hidden;padding:0 10px;  }
.picMarquee-left .prev,.picMarquee-left .next{ display:block;position:absolute;top:50%;margin-top:-20px; width:19px; height:19px;overflow:hidden;cursor:pointer; background:url(../images/jt_24.jpg) 0 0 no-repeat;margin-left:-20px;}
.picMarquee-left .next{ left:985px;background:url(../images/jt2_27.jpg) 0 0 no-repeat;}
.picMarquee-left .prevStop{ background-position:-60px 0; }
.picMarquee-left .nextStop{ background-position:-60px -50px; }
.picMarquee-left .bd{ padding:10px;}
.picMarquee-left .bd ul{ overflow:hidden; zoom:1;}
.picMarquee-left .bd ul li{ float:left; _display:inline; overflow:hidden; text-align:center; border:1px solid #ccc; background-color:#CCC; width:134px; margin:0 8px;}
.picMarquee-left .bd ul li .pic{ text-align:center;}
.picMarquee-left .bd ul li .pic img{ width:128px; height:95px; display:block;border:#FFF 3px solid;}
.picMarquee-left .bd ul li .title{ height:24px; line-height:24px; overflow:hidden;}
/*-------------页尾------------*/
.footer{background:url(../images/footerbj_31.png) 0 0 repeat-x; height:170px; font-size:12px; text-align:center; color:#FFF;font-family:"宋体"; padding-top:10px;}
.footer p{ line-height:25px;}
.botmenu{ margin-bottom:15px;}
.botmenu ul li{ display:inline-block;margin:20px 5px; border-right:#FFF 1px solid; padding:0 15px;}
.botmenu ul li a{ color:#FFF;}
.botmenu ul li a:hover{ color:#FFF; text-decoration:underline;}

/*-------------友情链接-----------*/
.friendlinks{margin-bottom:20px;}
.friendlinks li{ float:left; margin-left:10px; }
.friendlinks li strong{ border-left:#006 5px solid;padding-left:5px;}
.friendlinks li a{ color:#333; font-size:12px;}
.friendlinks li a:hover{ text-decoration:underline;}
/*----------------新闻-----------*/
.news_list{ border:#CCC 1px solid;}
.news_list li { border-bottom:#CCC 1px dashed; background:url(../images/dian_07.png) 0 center no-repeat; padding-left:15px; height:35px; line-height:35px; overflow:hidden;}
.news_list li span{ float:right; padding-right:10px; margin-left:15px;}
#currentPath{ float:right; color:#333; font-size:12px;padding-right:15px;font-weight:normal;}
#currentPath a{ background:none; float:none; }
.news-show h3{ text-align:center; margin:20px 0;}
.news-show h4{ text-align:center; border-bottom:#666 1px dashed; margin-bottom:30px; padding-bottom:5px;}
/*----------产品------------*/
.product-list h2{ border-left:#0663c0 5px solid; padding-left:10px; font-size:16px; margin-bottom:15px;}
.product-list ul li{ width:219px; float:left; margin:10px 60px; text-align:center; border:#CCC 1px solid; }
.product-list ul li a{ display:block;line-height:40px; background-color:#f59845; color:#fff;}
.product-list ul li img{ border:#FFF 5px solid;}
.product-list ul li a:hover img{ border:#CCC 5px solid;}
.product-show h3{ text-align:center; margin:20px 0;}
.product-show h4{text-align:center; border-bottom:#666 1px dashed; margin-bottom:30px; padding-bottom:5px;}
.product-show  span{ float:left; margin-right:20px;}
.product-show ul li { float:left; margin:5px 10px; border:#CCC 1px solid; padding:2px;}
.casetext{ height:35px; line-height:35px; overflow:hidden;}
/*--------------TAB---------------*/
.slideTxtBox{border:1px solid #ddd; text-align:left; margin-top:50px;}
.slideTxtBox .hd{height:30px; line-height:30px; background:#f4f4f4; padding:0 10px 0 20px;   border-bottom:1px solid #ddd;  position:relative;}
.slideTxtBox .hd ul{float:left;position:absolute; left:20px; top:-1px; height:32px;   }
.slideTxtBox .hd ul li{float:left; padding:0 15px; cursor:pointer;}
.slideTxtBox .hd ul li.on{height:30px;background:#fff; border:1px solid #ddd; border-bottom:2px solid #fff; }
.slideTxtBox .bd ul{ padding:15px;zoom:1;}
.slideTxtBox .bd li{ height:24px; line-height:24px;}
.slideTxtBox .bd li .date{ float:right; color:#999;}
/*-------------分页---------------*/
.Pagination{ float:right; padding-top:30px;}
.Pagination span b{padding: 0 2px;}
.Pagination div {float:left;}
.Pagination a,.Pagination span{ float: left;display: block;margin: 0 10px 0 0;width: 30px;height: 30px;border: 1px solid  #333;background:#0663c0;color: #FFF;text-align: center;text-decoration: none;font-size: 14px;line-height: 30px;}
cite.FormNum{display: block;float: left;line-height: 30px;height: 30px; font-style: normal; padding-left:10px;}
#PageNum{ color:#999;width:30px;height: 30px;line-height:30px; text-align:center;}
.Pagination a:hover,.Pagination a.PageCur{float: left;display: block;margin: 0 10px 0 0;width: 30px;height:30px; border: 1px solid  #333;background:#f6f6f6;color:#000;text-align: center;line-height: 30px;}
.Pagination span.Ellipsis{ display:none;}
iframe{ width:100%; border:none; height:530px;}
/*-------在线咨询----------*/
.oc_bg {background:url(../images/onlineContact_bg.png) no-repeat}
.btn {display:inline-block;text-decoration:none;cursor:pointer}
#big_C {position:fixed;_position:absolute;width:89px;height:301px;right:0;top:350px}
#big_C .btn1 {position:absolute;width:19px;height:19px;top:70px;right:0px;background-position:-176px -83px}
#big_C .btn2 {position:absolute;width:65px;height:65px;top:118px;left:11px;background-position:-101px -12px}
#big_C .btn2:hover {background-position:-169px -11px}
#big_C .btn6 {display:none;position:absolute;width:29px;height:85px;top:140px;left:-25px;background-position:-135px -84px}
#big_C .btn6:hover {background-position:-101px -84px}
#small_C {position:fixed;_position:absolute;width:28px;height:91px;right:1px;top:300px;background-position:-250px -174px}
#small_C .btn1 {display:none;position:absolute;width:28px;height:28px;left:0px;bottom:-28px;background-position:-207px -108px}
#small_C .btn1:hover {background-position:-175px -108px}
#small_C .stb {position:absolute;width:28px;height:91px;right:1px;top:0px}
#big_C #wx {display: none;width: 150px;height: 150px;position: absolute;top: 220px;left: -150px;}
#big_C .Phone{ display:block; height:25px; width:80px; margin-top:35px; margin-left:5px; text-indent:-9999px;}
#big_C .btn3{display:block; height:25px; width:80px; margin-left:5px; margin-top:200px; text-indent:-9999px;}
/**/
.web-home,.web-menu,.focus,.web-pic,.web-news,.web-caseshow,.lxwm,.web-footer,.web-prolist,.web-about{ display:none;}
.download-box p{ position: relative;}
.download-box img{ position:absolute; right:0; top:0;}

@media(max-width:768px)
{
body{ padding-bottom:70px;}
.w{ width:100%;}
.header-box{ background:#005aab; height:41px; line-height:10px;}	
.top_cent h1{ font-size:18px;}
.main_l,.about,.faq,.menu,.top-r,.logo,.picMarquee-left,.footer,.about,#currentPath,.friendlinks,.banner,#big_C,#small_C{ display:none;}
.web-home,.focus,.web-menu,.web-pic,.web-news,.web-caseshow,.lxwm,.web-footer,.web-about,.web-prolist{display:inherit; }
.web-home{ float:right;}
.web-home a img{width:22px; height:21px; margin-top:0.8em; margin-right:1em;}
.slideBox{ display:none;}
.focus{width:100%; height:100%;  margin:0 auto; position:relative; overflow:hidden;}
.focus .hd{ width:100%; height:5px;  position:absolute; z-index:1; bottom:0; text-align:center;  }
.focus .hd ul{ overflow:hidden; display:-moz-box; display:-webkit-box; display:box; height:5px; background-color:rgba(51,51,51,0.5);   }
.focus .hd ul li{ -moz-box-flex:1; -webkit-box-flex:1; box-flex:1; }
.focus .hd ul .on{ background:#FF4000;  }
.focus .bd{ position:relative; z-index:0; }
.focus .bd li img{ width:100%; max-height:250px;}
.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ }
.web-menu ul li,.web-pic ul li{ float:left; width:25%; text-align:center; margin:1em 0;}
.web-menu ul li{ border-left:#999 2px solid; box-sizing:border-box;}
.web-menu ul li a:hover{ border-bottom:#06C 2px solid;}
.web-pic ul li a{ width:25%;}
.web-pic ul li a img{ width:55px; height:56px; margin-bottom:1em; }
.main_r{ float:none; width:100%;}
.right_mian h1{ background:url(../images/websy_20.png) 5px center no-repeat; background-size:15px 18px;color:#333; padding-left:1.5em; border-bottom:#CCC 1px solid;}
.right_mian ul{ border:none;}
.productlist{ height:100%;}
.productlist,.picList{ padding:5% 5%;}
.productlist li,.picList li{ width:49%; box-sizing:border-box; margin:0; border:none; border:#CCC 1px solid; margin-right:2px; margin-bottom:2px;}
.productlist li a{ background-color:#FFF; padding:0.5em 0;}
.productlist li a img{ border-radius:10%; overflow:hidden;  max-width:100%; max-height:100%;}
.web-news ul li,.news_list li{ height:28px; line-height:28px; }
.mt{ margin:0;}
.bd{ padding:0;}
.mb{ margin-bottom:0;}
.Pagination{ margin-bottom:1em;}
.picList li{ width:49%; box-sizing:border-box; margin:0; border:none; background-color:#FFF; border:#CCC 1px solid; float:left; text-align:center; padding-top:1em; margin-right:2px; margin-bottom:2px;}
.picList .pic a img { max-width:100%; max-height:200px;}
.web-footer{ background:#005aab; width:100%; position:fixed; bottom:0; left:0;}
.web-footer ul li{ float:left;width:25%; text-align:center;height:55px; margin-top:10px;}
.web-footer ul li a img{ height:25px;}
.web-footer ul li a p{text-align:center; color:#FFF; margin-top:5px;}
.web-prolist{ width:100%; margin-bottom:150px;}
.web-prolist ol li{float:left;width:50%;}
.web-prolist ol li a{  background-color:#227ccd; text-align:center; display:block; line-height:35px; margin:1px; color:#FFF;box-sizing:border-box; border-bottom:#227ccd 3px solid;}
.web-prolist ol li a:active{ border-bottom:#F90 3px solid; background-color:#227ccd; color:#FFF;}
.web-prolist ol li:nth-child(5),.web-prolist ol li:nth-child(6),.web-prolist ol li:nth-child(7){ width:33.3%;}
.product-list ul li{ width:48%; float:left; margin:0; text-align:center; border:#CCC 1px solid; box-sizing:border-box;padding:0.3em; margin:1px; overflow:hidden;}
.product-list ul li a{ background:none; color:#333;}
.product-list ul li img{ border:none;width:100%; max-height:180px; border-radius:5%;}
.product-list ul li a:hover img{ border:none;}
.title{height:35px; line-height:35px; overflow:hidden;}
.Pagination a,.Pagination span,.Pagination a:hover,.Pagination a.PageCur{ border:none;}
.big_pic{ margin-left:3em;}
iframe{ width:100%; border:none; height:430px;}
	}
@media(max-width:414px)
{.picList .pic a img{ max-height:110px;}
.product-list ul li img{ max-height:120px;}
.product-show  span{float: none; margin:0;}
.product-show ul li { float:left;}
.big_pic{ width:100%;  margin-left:0;}
.big_pic img,.product-show ul{ width:100%;}
.product-show ul li { float:left; text-align:center; width:33.3%; border: none; margin:15px 0; padding:0;}
.small_pic li img{width:82%;}
.caseshow img,.news-show img{width:100%;}
.caseshow { padding:0 1em;}
.conbox img,.web-about img{ max-width:100%;}
.download-box img{ position: static;}
	}
@media(max-width:375px)
{
.picList .pic a img { max-height:100px;}
.product-list ul li img{ max-height:90px;}
	}
@media(max-width:360px)
{
.picList .pic a img {max-height:100px;}
.product-list ul li img{ max-height:90px;}
	}

@media(max-width:320px)
{
.picList .pic a img { max-height:80px;}
.product-list ul li{ width:48%; padding:0.2em;}
.product-list ul li img{ max-height:80px;}
	}