@charset "utf-8";
/* CSS Document */
body{margin:0;padding:0; font:12px Arial, "microsoft yahei"; color:#333; background:#eee;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0; }

ul,li,ol{list-style:none;}

a{text-decoration:none; color:#333;}
a:hover{text-decoration:none; color:#ff5519;}
.clear { zoom: 1;clear:both; }
.clear:after { content: ''; display: block; clear: both; }
.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}

img{border:0}

.fl{ float:left;}
.fr{ float:right;}

input,textarea,select{  font-family:"Microsoft YaHei"; font-size:12px;}
input:focus,textarea:focus,select:focus{ outline:none;}


/* header */
.header{ width:100%; height:50px; background:#fff; position:relative; }
.header_back a{ margin-left:0; position: absolute;z-index:99; top: 0; left:0;width:50px; height:50px;}
.header_back a img{ height: 50px;}
.header_logo{  width: 130px; margin:auto;  height:30px; padding:10px 0;}
.header_nav a{position: absolute;z-index:99; top: 0; right:0; border:none; background:url(../images/icon_open.png) no-repeat; width:50px;  background-size: 100% 100%; height:50px; display:block; cursor:pointer; outline:none;}
.header_nav a.active{position: fixed;  background:rgba(0, 0, 0, 0.9) url(../images/icon_close.png) no-repeat; background-size: 100% 100%; margin-right:120px; border:none; outline:none; -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}

.cbp-spmenu{background:rgba(0, 0, 0, 0.9); position: fixed;z-index:9999;}
.cbp-spmenu h3{color:#fff; font-size:16px; line-height:50px; height:50px; margin:0; font-weight:bold; background:rgba(0, 0, 0, 0.2); padding-left:16px;}
.cbp-spmenu-right{right: -120px; width:120px; height:100%; top:0; z-index:1000;}
.cbp-spmenu-right.cbp-spmenu-open{right:0px;}
.cbp-spmenu,.cbp-spmenu-push{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}

.subNavBox{width:100%; border-top:solid 1px #333; margin:0 auto;}
.subNav{border-bottom:solid 1px #333; cursor:pointer; font-weight:bold; line-height:20px;}
.subNav a{ font-size:14px; color:#fff; display: block; padding:12px 0 12px 16px; position: relative;}
.subNav i{ width: 10px; height: 6px; display: block; position: absolute; top: 50%; right: 16px; margin-top: -3px; background: url(../images/icon_more.png) center center no-repeat;}
.subNav:hover{color:#fff; background:#ff5519; border-bottom:solid 1px #ff5519;}
.navContent{display: none; border-bottom:solid 1px #333;}
.navContent li a{display:block; width:100%; heighr:40px; background:#444; padding-left:20px; font-size:14px; line-height:40px; color:#999; border-bottom:solid 1px #555;}
.navContent li a:hover{color:#fff; background:#ff5519;}



/* banner */
.banner{position:relative; overflow:hidden; margin:0 auto;}
.banner .hd{ position: absolute; bottom:8px; text-align: center; width: 100%;}
.banner .hd li{display: inline-block; width:8px; height:8px; margin: 0 4px; background: #fff; filter: alpha(Opacity=60); opacity: .6; text-indent:-100px; border-radius:4px; overflow:hidden; }
.banner .hd li.on{ filter: alpha(Opacity=100); opacity: .9; background: #ff5519; width:20px; height:8px;}
.banner .bd{position:relative; z-index:0;}
.banner .bd li{position:relative; text-align:center;}
.banner .bd li img{background:url(../images/loading.gif) center center no-repeat;  vertical-align:top; width:100%;}
.banner .bd li a{-webkit-tap-highlight-color:rgba(0,0,0,0);}


/* nav */
.nav { width:100%; overflow:hidden; padding:0;background:#fff;}
.nav ul{ width:100%; overflow:hidden; margin:auto; padding:10px 0 5px;}
.nav a{ display:block; width: 20%; overflow: hidden; float:left;text-align: center; margin:5px 0;}
.nav a span { height:32px; line-height:32px; font-size:12px;}
.nav a img { display:block; width:50%; margin:auto; }


/* search */
.search{ width: 96%; padding: 2%; background-color: #f5f5f5;}
.search form{ width: 96%; margin:8px 2%; height: 36px; background-color: #fff;}
.search .inputBox{ float: left; width: 63%; border: 0; height: 36px; background: url(../images/formIcon.png) center left 3% no-repeat;  background-size: 26px 16px;  line-height: 36px; padding: 0 2% 0 15%; font-size: 14px; color: #333; position: relative;}
.search .searchBox{ float: right; width: 20%; height: 36px; border: 0; padding: 0; margin: 0; text-align: center;  background:#ff5519 url(../images/searchIcon.png) center center no-repeat; background-size: 20px 20px;}


/* pageNav */
.pageNav {position: relative;width:96%; margin:  0 auto ; padding:  2%; border-bottom: solid 1px #eee; overflow:hidden;background:#fff;}
#pageNav .swiper-slide {padding:0 4%;width:auto;}
#pageNav .swiper-slide a{ font-size: 14px; color: #333;  line-height: 30px; }
#pageNav #on a,#pageNav .on a{ color: #ff5519; font-weight: bold;}


/* titleTop */
.titleTop{ width: 100%; margin:0 auto 0; position: relative; text-align: center; }
.titleTop .name{ color: #333; font-size: 16px; font-weight: bold; }
.titleTop .secondary{ width: 100%; text-transform: capitalize; margin-top: 3px; line-height: 18px; font-size: 12px; color: #999;}


/* product */
.product{ width: 100%; padding: 5% 0; background-color: #fff;}
.product .list{ width: 100%;   }
.product .list .hd{  padding:0 0; margin: 3% 0 0 0; background-color: #fff;  }
.product .list .hd ul{ width: 100%; text-align: left; display: table; word-spacing: 0; border-top: solid 1px #eee;}
.product .list .hd ul li{ display: inline-block; border-left: solid 1px #eee;border-bottom: solid 1px #eee; vertical-align: top; line-height: 18px; font-size: 14px; padding: 10px 0; width: 33.33%; text-align: center; box-sizing: border-box;}
.product .list .hd ul li.on{ background-color: #ff5519; color: #fff; border-color: #ff5519;}
.product .list .hd ul li.on a{ color: #fff;}
.product .list .hd ul li:nth-child(1),.product .list .hd ul li:nth-child(4){ border-left: 0;}
.product .list .bd ul{ padding:1%; text-align: left; display: table; word-spacing: 0; }
.product .list .bd ul li{ display: inline-block; vertical-align: top; border: solid 1px #eee; margin: 1%;}
.product .list .bd ul li a{ display: inline-block; padding: 5px 10px; font-size: 12px; color: #999;}
.product .list .bd ul li:hover{ background-color: #ff5519; border-color: #ff5519;}
.product .list .bd ul li:hover a{ color: #fff;}

/* solution */
.solution{ width: 100%; padding: 5% 0; margin-top: 8px; background-color: #fff;}
.solution .list{ width: 100%;   }
.solution .list .hd{  padding:0 0; margin: 3% 0 0 0; background-color: #fff;  }
.solution .list .hd ul{ width: 100%; text-align: left; display: table; word-spacing: 0; border-top: solid 1px #eee;}
.solution .list .hd ul li{ display: inline-block; border-left: solid 1px #eee;border-bottom: solid 1px #eee; vertical-align: top; line-height: 18px; font-size: 14px; padding: 10px 0; width: 33.33%; text-align: center; box-sizing: border-box;}
.solution .list .hd ul li.on{ background-color: #ff5519; color: #fff; border-color: #ff5519;}
.solution .list .hd ul li:nth-child(1),.solution .list .hd ul li:nth-child(4){ border-left: 0;}
.solution .list .hd ul{ position: relative;width:100%; margin:  0 auto ; padding:  0%;}
.solution .list .bd .cont{ padding:3% 2%; width: 96%;  }
.solution .list .bd .cont .title{ font-size: 14px; color: #ff5519; font-weight: bold;}
.solution .list .bd .cont .con{ font-size: 12px; line-height: 20px; margin: 3% 0; color: #999;}
.solution .list .bd .cont .more a{display: inline-block; padding: 0 15px; line-height: 30px; border-radius: 15px; background-color: #ff5519; font-size: 14px; color: #fff;}

/* advantage */
.advantage{ width: 100%; padding: 5% 0; background-color: #eee;}
.advantage ul{ width: 98%; margin: 0 1%; text-align: center; display: table; word-spacing: 0;}
.advantage ul li{ width: 48%; margin:2% 1%; display: inline-block; vertical-align: top;}
.advantage ul li h5{ font-size: 14px; color: #ff5519;}
.advantage ul li h5 b{ font-size: 24px;}
.advantage ul li p{ font-size: 14px; color: #333;}

/* case */
.case{ width: 100%; padding: 5% 0 0 0; background-color: #fff; margin-top: 8px;}
.case ul{ width: 98%; margin: 3% 1% 0 1%; display: table; word-spacing: 0; text-align: left;}
.case ul li{ display: inline-block; text-align: center; vertical-align: top; width: 48%; margin: 1%;}
.case ul li img{ width: 100%;}
.case ul li p{ font-size: 12px; margin-top: 5px; color: #aaa;}
.case ul li p span{ font-size: 14px; margin-right: 5px; color: #333;}

/* partner */
.partner{ width: 100%; padding: 2% 0; background-color: #fff;}
.partner ul{ width: 98%; margin: 1%; display: table; word-spacing: 0; text-align: left;}
.partner ul li{ display: inline-block; vertical-align: top; width: 31.33%; margin: 1%;}
.partner ul li img{ width: 100%;}


/* news */
.news{ width: 100%; background-color: #fff; padding:5% 0 ; }
.newsList{ width:100%; overflow:hidden; margin:0 auto 0;  background:#fff;}
.newsList .hd{ height:45px; line-height:45px; font-size:14px; text-align: center; display: table; word-spacing:-1em; overflow:hidden; width:100%; padding:0;  background:#fff;}
.newsList .hd li{display: inline-block; padding:0;  vertical-align:top; width:25%; text-align:center;}
.newsList .hd li a{ color: #333;}
.newsList .hd li.on a{ color:#ff5519; }
.newsList .bd{ background:#fff;}
.newsList .bd ul{ width:100%; margin:auto; padding: 0; }
.newsList .bd ul li{ float:left; width:96%; border-bottom: solid 1px #eee; padding:2%;  }
.newsList .bd ul li .title{ float:left; width:100%; font-size:14px; color:#333;}
.newsList .bd ul li .time{ float:left; width:100%; font-size:10px; color:#999; margin:2px 0;}
.newsList .bd ul li .con{ float:left; width:100%; font-size:10px; color:#666; line-height:20px; margin-top:5px;}
.newsList .more{ text-align: center; width: 40%; height: 38px; line-height: 38px; border: solid 1px #eee; margin: 4% auto ;}
.newsList .more a{  display: block;}
.newsList .more:hover{ background-color: #ff5519; border-color: #ff5519;}
.newsList .more:hover a{ color: #fff;}


/* footer */
.footer{ line-height:20px; text-align:center; margin-bottom:46px; padding:12px; color:#aaa; font-size:12px;}
.footer a{ color:#aaa;}
.footer a:hover{ color:#ff5519;}

.gotop {height:44px; width:44px; position: fixed; right:5px; bottom:60px; z-index:99;cursor: pointer;}


/* footernav */
.mui-bar{position:fixed; z-index:10; right:0; left:0; height:50px; bottom:0; display:table; width:100%; padding:0; table-layout:fixed;}
.footernavtxt{ display: block; font-size: 12px; color:#fff; line-height:20px;}
.footernavimg{ display: block; padding:8px 0 0;}
.footernavimg img{ width: 20px; height: 20px; display: block; margin:auto;}
.footernav{ background:rgba(255, 85, 25, 0.9); box-shadow: none;}
.footernavli{ display: block; width: 25%; float: left; text-align: center;}



/* page */

.pageBanner{ width: 100%; position: relative; text-align: center; overflow: hidden;}
.pageBanner img{ width: 100%; position: relative; z-index: 1;min-height:160px;}
.pageBanner dl{ width: 100%;  padding: 0 0; position: absolute; top: 50%; margin-top: -24px; line-height: 24px; color: #fff; left: 0; z-index: 2;}
.pageBanner dl dt{ font-size: 16px; font-weight: bold; }
.pageBanner dl dd{ font-size: 14px; text-transform: uppercase;}

.pages { font-size:14px; margin:20px 0; text-align:center;}
.pages a { display:inline-block; height:28px; line-height:28px; background:#fff; border:1px solid #eee; text-align:center; color:#21282e; padding:0 10px; border-radius:3px; margin:0 3px;}
.pages a:hover { background:#ff5519; color:#fff; text-decoration:none; border:1px solid #ff5519; }
.pages span { display:inline-block; height:28px; line-height:28px; background:#ff5519; border:1px solid #ff5519; color:#fff; text-align:center; padding:0 10px; border-radius:3px; margin:0 3px;}

.paging{ padding:0; width:100%;}
.paging span{ width:50%; float:left; display: inline-block; text-align:center; line-height:46px; font-size:16px; font-weight:bold; background:#ff5519; color:#fff;}
.paging span a{color:#fff;}

.pageCont .cont{ font-size:14px; line-height:28px; padding:2%; width:96%; background:#fff;}
.pageCont .cont img{ width:100%;}
.pageCont .img{padding:2%; width:96%; background:#fff;}
.pageCont .img img{ width:100%;}


/* pageAbout */
.pageAbout{ width: 96%; padding: 5% 2%; background-color: #fff;}
.pageAbout .img { text-align: center; width: 100%; margin-top: 3%;}
.pageAbout .img img{ width: 100%;}
.pageAbout .cont{ font-size: 14px; color: #666; line-height: 22px; margin-top: 3%;}
.pageAbout .cont img{ max-width: 100%;}

/* pageCulture */
.pageCulture{ width: 100%; padding: 2% 0; background-color: #fff;}
.pageCulture dl{ padding: 2%; width: 96%; border-bottom: dotted 1px #ddd;}
.pageCulture dl:last-child{ border-bottom: 0;}
.pageCulture dl dt{ font-size: 14px; font-weight: bold; color: #ff5519;}
.pageCulture dl dd{ margin-top: 2%;}
.pageCulture dl dd p{ position: relative; padding-left: 10px; margin: 1% 0; font-size: 14px; line-height: 20px;}
.pageCulture dl dd p::after{ content: ''; width: 4px; height: 4px; background-color: #aaa; border-radius: 50%; position: absolute; left: 0; top: 8px;}


/* pageAPC */
.pageAPC{ width: 100%; padding: 5% 0; background-color: #f6f6f6;}
.pageAPC .cont{ width: 96%; margin: 3% 2% 0 2%; font-size: 14px; color: #333; line-height: 24px;}
.pageAPC .cont img{ max-width: 100%;}
.pageAPC .list{ width: 96%; margin: 2%;}
.pageAPC .list dl{ position: relative; width: 100%; margin: 1% 0;}
.pageAPC .list dl dt{ width: 100%; position: relative; text-align: center;}
.pageAPC .list dl dt img{ width: 100%; position: relative; z-index: 1;}
.pageAPC .list dl dt p{ position: absolute; width: 94%; padding: 3%; background-color: rgba(0, 0, 0, 0.7); font-size: 14px; color: #fff;  bottom: 0; left: 0; z-index: 2;}
.pageAPC .list dl dd{ font-size: 14px; color: #666; line-height: 22px; padding: 2% 0;}


/* pageHonor */
.pageHonor{ width: 100%; padding: 5% 0; background-color: #fff;}
.HonorList{ margin:3% auto 0; text-align:center;  }
.HonorList .bd ul{ width:98%; margin: 1%;   }
.HonorList .bd li{ width:48%; margin: 1%; float:left; font-size:14px; text-align:center;  }
.HonorList .bd li img{ width: 100%;  }
.HonorList .hd{  overflow:hidden; text-align:center;  padding:0 0;  }
.HonorList .hd ul{ width: 100%; text-align: center; display: table; word-spacing: 0;  }	
.HonorList .hd li{ display: inline-block; vertical-align: top; line-height: 100px; width:8px; height:8px; background:#ddd; margin:0 5px; overflow:hidden;  border-radius:50%;}
.HonorList .hd .on{ background:#ff5519;  }


/* pagePartner */
.pagePartner{ width: 100%; margin-top: 8px; padding: 5% 0; background-color: #fff;}
.pagePartner ul{ width: 98%; margin: 3% 1% 0 1%; display: table; text-align: left; word-spacing: 0;}
.pagePartner ul li{ display: inline-block; vertical-align: top; width: 31.33%; margin: 1%;}
.pagePartner ul li img{ width: 100%;}


/* pageContact */
.pageContact{ width: 100%; padding: 5% 0; background-color: #fff;}
.pageContact .cont{ width: 100%; margin-top: 3%;}
.pageContact .cont dl{ width: 96%; padding: 2%; border-bottom: dotted 1px #ddd; font-size: 14px; line-height: 22px;}
.pageContact .cont dl:last-child{ border-bottom: 0; }
.pageContact .cont dl dt{ color: #ff5519;}
.pageContact .cont dl dd{ color: #666;}


/* PageMessage */
.PageMessage{width:100%; margin:8px auto 0;  display:inline-block; background:#fff; padding:5% 0;}
.PageMessage .top{ width: 100%; font-size: 18px; color: #333; text-align: center;}
.messageBox{ width:96%; padding:4% 2%; display:block;}
.messageBox p{margin:0 0 0 0; width:100%; float:left;}
.messageBox label{ position:relative; display:block; }
.messageBox label span{ position:absolute; left:2%; top:5px; line-height: 48px; font-size:14px; color:#666;}
.messageBox input.txt{ border:0; padding:10px 2%; width:95.5%; border:solid 1px #eee; background:#fff; margin:6px 0; height:48px; line-height:28px; font-size:14px; color: #666; }
.messageBox select{border:0; padding:0 2%; width:32.7%; border:solid 1px #eee; background:#fff; margin:6px  0; height:48px; line-height:48px; font-size:14px; color: #666; }
.messageBox input.btn{ border:0; background:#ff5519; width:100%; height:48px; cursor:pointer; text-align:center; font-size:16px; color:#fff; margin:6px 0;  float:left;}
.messageBox textarea.txt{ border:0; padding:10px 2%; width:95.5%; border:solid 1px #eee; background:#fff; margin:6px 0; height:80px; line-height:20px; font-size:14px; color: #666; }

/* pageJobs */
.pageJobs{ width: 100%; margin: 8px auto 0; background:#fff; }
.pageJobs li{ float: left; width: 100%; padding: 2% 0; border-bottom: dotted 1px #ddd;}
.pageJobs li .title{ float: left; padding:0 2%; width: 96%;  font-size:14px; font-weight: bold; line-height:24px; color:#333;}
.pageJobs li .cont{ float:left; width:100%; padding: 1% 0; }
.pageJobs li .cont p{ width: 92%; float: left; overflow: hidden; padding: 2%;  margin: 0.5% 2%;  font-size: 12px;  line-height: 20px;  background-color: #f6f6f6; color: #666;}

.pageJobD{ width:100%; overflow:hidden; margin:10px auto 0; background:#fff;}
.pageJobD .title{ text-align:center; font-size:16px; font-weight: bold; line-height:24px; padding-top:10px;}
.pageJobD .list{ width:100%; padding: 1% 0; border-bottom: dotted 1px #ddd; }
.pageJobD .list p{ width: 92%; float: left; padding:  2%; text-align: left; overflow: hidden;  margin: 0.5% 2%;  font-size: 12px;  line-height: 20px; background-color: #f6f6f6; color: #666;}
.pageJobD .cont{ font-size:14px; line-height:28px; padding:4% 2%; width:96%;}
.pageJobD .cont img{ max-width:100%;}
.pageJobD .more{ width: 40%; text-align: center; line-height: 34px; margin:3% auto; border: solid 1px #ddd;}
.pageJobD .more a{ display: block; font-size: 14px; color: #333;}
.pageJobD .more:hover { border-color: #ff5519; background-color: #ff5519;}
.pageJobD .more:hover a{ color: #fff;}


/* pageImages */
.pageImages{margin:0 auto;background-color: #fff; padding: 2% 0;}
.pageImages ul{ width: 98%; margin: 1%; text-align: left;  display: table; word-spacing:0;}
.pageImages ul li{  vertical-align:top;display:inline-block ; width: 48%; margin: 1%;}
.pageImages ul li img{ width: 100%;}
.pageImages ul li p{ font-size: 14px; color: #333; line-height: 18px; margin: 5px 0 0 0;}
.pageImages ul li span{ color: #ff5519; font-size: 14px;}

/* productD */
.productD{ width: 96%; background-color: #fff; padding: 2%  2% 0 2% ;}
.productD .name{ font-size: 16px; color: #333; line-height: 24px; width: 100%;}
.productD .remind{ font-size: 14px; color: #999; width: 100%; padding: 1% 0 2%; border-bottom: solid 1px #eee;}
.productD .remind span{ color: #ff5519;}
.productD .info{ width: 100%; padding: 3% 0;}
.productD .info .left{ max-width: 60%; line-height: 40px;}
.productD .info .left b{ font-size: 18px; color: #ff5519;}
.productD .info .left span{ margin-left: 10px; font-size: 14px; color: #999;}
.productD .info .right{ width: 36%; line-height: 40px; border-radius: 5px; overflow: hidden;}
.productD .info .right a{ display: block; font-size: 16px; color: #fff; text-align: center; background-color: #ff5519;}

.productBox{ margin: auto ; background-color: #fff;   }
.productBox .hd{   overflow:hidden; background:#eee;  padding:0 0;  }
.productBox .hd ul{ width: 100%; }
.productBox .hd ul li{ float:left;  padding:0 0; width: 25%; text-align: center; line-height: 36px; font-size: 14px; color: #333; vertical-align:top;  }
.productBox .hd ul li.on { background-color: #ff5519; color: #fff;  }

/* specifications */
.specifications{ width: 100%!important; padding: 2% 0; }
.specifications table{ width: 96%!important; text-align: left; margin:0 2%;}
.specifications table tr{ width: 100%!important; background-color: #fff;}
.specifications table tr:nth-child(odd){ background-color: #f4f8fb;}
.specifications table tr:first-child{ background-color: #eee;}
.specifications table tr td{  line-height: 18px; width: 25%; padding: 5px 10px; font-size: 14px; color: #666;}
.specifications table tr:first-child td{ color: #333; font-weight: bold; padding: 10px;}
.specifications img{ max-width: 100%;}
.specifications p{padding:4%;}

/* overview */
.overview{ width: 100%!important; padding: 2% 0!important; font-size: 14px!important; color: #666!important;height:auto!important;}
.overview .item{  width: 96%!important; margin: 0 2% 2% 2%!important;}
.overview .item h2{font-size: 14px;!important color: #333; font-weight: bold; width: 96%!important; padding: 2%!important; background-color: #eee!important;}
.overview .item dl{ border: solid 1px #eee!important; width:100%!important; box-sizing: border-box!important; padding: 2%!important; font-size: 14px!important; color: #333!important; line-height: 20px!important;}
.overview .item dl dt{ width: 100%!important; color: #333!important;}
.overview .item dl dd{ width: 100%!important; color: #999!important; margin-top: 2%!important;}
.overview .item dl dd img{ max-width: 100%!important;}
#cpzl .item{float:none!important;}

.overview table{ width: 96%!important; text-align: left; margin:0 2%; border-collapse:collapse;}
.overview table tr{ width: 100%!important; background-color: #fff;  border: solid 1px #eee ;}
.overview table tr:first-child{ background-color: #eee;  border:0 ;}
.overview table tr td{ float: left;  line-height: 18px; width:96% !important; padding:1% 2%; font-size: 14px; color: #999;}
.overview table tr td:first-child{ color: #333;}
.overview table tr:first-child td{  color: #333; font-weight: bold; padding: 10px;}
.overview img{ max-width: 100%;}
.overview p{padding:4%;}



/* reference */
.reference{ width: 100%; padding:2% 0; }
.reference .item{ width: 96%; padding: 0 2%; margin-bottom: 3%;}
.reference .item h2{font-size: 16px; color: #333; font-weight: bold; padding: 2%; width: 96%; background-color: #eee;}
.reference .item ul{width: 100%;}
.reference .item ul li{ border: solid 1px #eee; border-top: 0; box-sizing: border-box; width: 100%; position: relative; padding: 2%; font-size: 14px; color: #333; }
.reference .item ul li .left{ width: 7%;}
.reference .item ul li .left img{ width: 100%;}
.reference .item ul li .right{ width: 90%;}
.reference .item ul li .name{  width: 100%;  }
.reference .item ul li .name a{ font-size: 14px; color: #568bc7;}
.reference .item ul li .name a:hover{ color: #ff5519;}
.reference .item ul li .name p{ color: #666; margin-top: 2px;}
.reference .item ul li .info{ width: 100%; color: #999; padding: 2% 0; margin-top: 2%; border-top: dotted 1px #eee;}
.reference .item ul li .info span{ display: inline-block; width: 33.33%;}

/* service */
.service{ width: 100%;}
.Service dl{ width: 96%; display: inline-block; padding: 2%; border-bottom: solid 1px #eee;}
.Service dl dt{ width: 100%; position: relative;}
.Service dl dt img{ width: 100%; position: relative; z-index: 1;}
.Service dl dt p{ position: absolute; width: 94%; padding: 3%; background-color: rgba(0, 0, 0, 0.7); left: 0; bottom: 0; color: #fff; line-height: 20px; z-index: 2;}
.Service dl dt p span{ font-size: 16px;}
.Service dl dd{ width: 100%; margin-top: 10px; font-size: 14px; color: #999; line-height: 24px;}
.Service dl dd img{ max-width: 100%;}


/* pageNews */
.pageNews{width:100%; overflow:hidden; margin:0 auto 0; padding: 3% 0; background:#fff; }
.pageNews ul{ width:100%; margin:auto; padding: 0; }
.pageNews ul li{ float:left; width:96%; border-bottom: solid 1px #eee; padding:2%;  }
.pageNews ul li .title{ float:left; width:100%; font-size:14px; color:#333;}
.pageNews ul li .time{ float:left; width:100%; font-size:10px; color:#999; margin:2px 0;}
.pageNews ul li .con{ float:left; width:100%; font-size:10px; color:#666; line-height:20px; margin-top:5px;}


/* pageCase */
.pageCase{ width: 100%; background-color: #fff; padding: 2% 0; }
.pageCase ul{ width: 98%; margin: 0 1%; display: table; word-spacing: 0; text-align: left;}
.pageCase ul li{ display: inline-block; vertical-align: top; text-align: center; width: 48%; margin: 1%;}
.pageCase ul li img{ width: 100%;}
.pageCase ul li p{ font-size: 12px; margin-top: 5px; color: #aaa;}
.pageCase ul li p span{ font-size: 14px; margin-right: 5px; color: #333;}

.pageCaseD{ width: 100%; background-color: #fff;}
.pageCaseD .img{ width: 100%; text-align: center;}
.pageCaseD .img img{ width: 100%;}
.pageCaseD .info{ width: 96%; padding: 2%;}
.pageCaseD .info h2{ font-size: 16px; color: #333;}
.pageCaseD .info p.p1{ margin-bottom: 3%;color: #;}
.pageCaseD .info p.p1 span{ color: #aaa; margin: 0 3px;}
.pageCaseD .info p.p1 span:last-child{ display: none;}
.pageCaseD .info p{ font-size: 14px; color: #666; line-height: 22px; margin: 0.5% 0;}
.pageCaseD .item{ width: 96%; padding:4% 2%; border-top: dotted 2px #eee;}
/* .pageCaseD .item:nth-child(odd) { background-color: #f6f6f6;} */
.pageCaseD .item .name{ font-size: 15px; font-weight: bold; color: #333;}
.pageCaseD .item .cont{ margin-top: 2%; font-size: 14px; color: #666; line-height: 24px;}
.pageCaseD .item .cont img{ max-width: 100%!important;height:auto!important;}


.pageDetail{ width:100%; overflow:hidden; margin:0 auto; padding: 3% 0; background:#fff;}
.pageDetail .title{ text-align:center; font-size:16px; width:96%; font-weight: bold; line-height:24px; padding:10px 2% 5px; border-bottom:dashed 1px #ddd;}
.pageDetail .title p{ font-size:12px; color:#aaa; font-weight:normal; margin-top:5px;}
.pageDetail .summary{ width:90%; margin:10px 3% 0; padding:2%; color:#999; font-size:12px; background:#fafafa; border:solid 1px #eee; line-height:22px;}
.pageDetail .cont{ font-size:14px; line-height:28px; padding:2%; width:96%;}
.pageDetail .cont img{ max-width:100%;}
.pageDetail .img{ width:80%; padding: 2% 10%;  overflow: hidden;}
.pageDetail .img img{ width: 100%; border-radius: 5px;}
.pageDetail .share{ line-height:14px; height:14px; border-top:solid 1px #eee; border-bottom:solid 1px #eee; padding:10px 2%; width:96%; margin-top:20px;}
.pageDetail .paging{ padding:0; width:100%;}
.pageDetail .paging span{ width:50%; float:left; display: inline-block; text-align:center; line-height:46px; font-size:16px; font-weight:bold; background:#ff5519; color:#fff;}
.pageDetail .paging span a{color:#fff;}



/* pageSolution */
.pageSolution{ width: 96%; padding: 5% 2%; background-color: #fff;}
.pageSolution .titleTop{ margin-bottom: 3%;}
.pageSolution .item{ width: 100%; padding: 2% 0;}
.pageSolution .item .img{ width: 100%;  position: relative;}
.pageSolution .item .img img{ width: 100%; position: relative; z-index: 1;}
.pageSolution .item .img p{ position: absolute; bottom: 0; left: 0; z-index: 2; width: 94%; padding: 3%; background-color: rgba(0, 0, 0, 0.7); color: #fff; text-align: center; font-size: 16px;}
.pageSolution .item .cont{ font-size: 14px; color: #666; line-height: 24px; padding: 2% 0;}
.pageSolution .item .cont img{ max-width: 100%; display: none;}
.pageSolution .item .more a{ display: block; width: 50%; margin:2% auto; line-height: 36px; font-size: 14px; text-align: center; color: #fff; background-color: #ff5519;}



/* solutionTop */
.solutionTop{ width: 96%; padding: 5% 2%; border-bottom: solid 2px #eee; background-color: #fff;}
.solutionTop p{ font-size: 16px; color: #333; margin-bottom: 5px;}
.solutionTop span{ font-size: 14px; color: #999; line-height: 20px;}


/* pageSolutionD */
.pageSolutionD{ width: 100%; padding: 2% 0; background-color: #fff;}
.pageSolutionD img{ max-width: 100%;}
.pageSolutionD h2{ font-size: 16px; position: relative; color: #333; padding-left: 15px; background: url(../images/icon_sond.png) left top 5px no-repeat;line-height: 24px;}

.pageSolutionD .main1{ width: 96%;  padding: 3% 2%;}
.pageSolutionD .main1 p{ font-size: 14px; color: #666; line-height: 24px; margin: 1% 0;}
.pageSolutionD .main1 p b{ font-weight: bold; color: #ff5519;}
.pageSolutionD .main1 li{ position: relative; padding-left: 10px; font-size: 14px; color: #666; line-height: 24px;}
.pageSolutionD .main1 li::after{ content: ''; width: 4px; height: 4px; border-radius: 50%; position: absolute; left: 0; top: 10px; background-color: #666;}
.pageSolutionD .main1 ol{ position: relative; padding-left: 10px;}
.pageSolutionD .main1 ol span{ display: block; font-size: 14px; color: #666; position: relative; line-height: 24px; padding-left: 10px;}
.pageSolutionD .main1 ol span::after{ content: ''; width: 8px; height:2px; border-radius: 2px; position: absolute; left: 0; top: 10px; background-color: #999;}

.pageSolutionD .main2{  width: 96%; padding: 3% 2%; border-top: solid 6px #eee;}
.pageSolutionD .main2 .list{ width: 100%; margin-top: 2%;}
.pageSolutionD .main2 .list dl{ float: left; width: 100%; margin: 2% 0;}
.pageSolutionD .main2 .list dl dt{ float: left; width: 20px; height: 20px; text-align: center; line-height: 20px; font-size: 16px; color: #ff5519; font-weight: bold; border-radius: 50%; overflow: hidden; border: solid 2px #ff5519;}
.pageSolutionD .main2 .list dl dd{ float: right; width: 90%; }
.pageSolutionD .main2 .list dl dd h3{ font-size: 14px; color: #333; line-height: 24px; margin-bottom: 5px; }
.pageSolutionD .main2 .list dl dd p{ position: relative;font-size: 14px; color: #666; line-height: 24px; padding-left: 10px; }
.pageSolutionD .main2 .list dl dd p::after{ content: ''; width: 4px; height: 4px; border-radius: 50%; position: absolute; left: 0; top: 10px; background-color: #666;}


.pageSolutionD .main3{width: 96%; padding: 3% 2%; border-top: solid 6px #eee;}
.pageSolutionD .main3 .top{ padding:3% 2%; line-height: 24px; font-size: 16px; color: #333; border-bottom: solid 2px #ccc;}
.pageSolutionD .main3 .list{ width: 100%;  text-align: left; display: table; word-spacing: 0;}
.pageSolutionD .main3 .list dl{ width: 100%; padding: 2% 0; border-bottom: dotted 1px #ddd; display: inline-block; vertical-align: top;}
.pageSolutionD .main3 .list dl dd{ width: 100%; text-align: center; }
.pageSolutionD .main3 .list dl dd { max-width: 100%;}
.pageSolutionD .main3 .list dl dt{ width: 100%;}
.pageSolutionD .main3 .list dl dt p{ font-size: 20px; color: #ff5519; margin-bottom: 5px;}
.pageSolutionD .main3 .list dl dt b{ font-size: 14px; color: #333; line-height: 22px;}
.pageSolutionD .main3 .list dl dt ul { width: 100%; margin-top: 10px;}
.pageSolutionD .main3 .list dl dt ul li{float: left; position: relative; display: inline-block; width: 90%; font-size: 14px; margin: 3px 0; color: #666; line-height: 24px;  padding-left: 10px; }
.pageSolutionD .main3 .list dl dt ul li::after{ content: ''; width: 4px; height: 4px; border-radius: 50%; position: absolute; left: 0; top: 10px; background-color: #666;}


.pageSolutionD .main4{ width: 96%; padding: 3% 2%; border-top: solid 6px #eee;}
.pageSolutionD .main4 .list{ width: 100%;  text-align: left; display: table; word-spacing: 0;}
.pageSolutionD .main4 .list dl{  margin:3% 0; width: 100%; display: inline-block; vertical-align: top;}
.pageSolutionD .main4 .list dl dt{ font-size: 16px; color: #333; font-weight: bold;}
.pageSolutionD .main4 .list dl dd p{ position: relative;font-size: 14px; color: #666; line-height: 24px; padding-left: 10px; }
.pageSolutionD .main4 .list dl dd p::after{ content: ''; width: 4px; height: 4px; border-radius: 50%; position: absolute; left: 0; top: 10px; background-color: #666;}



/* pageResult */
.pageResult{ width: 96%; padding: 10% 2%; border-top: solid 2px #eee; background-color: #fff;}
.pageResult .name{ width: 100%;  text-align: center; display: table; word-spacing:0; }
.pageResult .name i,.pageResult .name span{ display: inline-block; margin: 0 1%; vertical-align: top;}
.pageResult .name i img{ height: 24px;}
.pageResult .name span { font-size: 20px; color: #333; line-height: 24px;}
.pageResult .img{ width: 100%; margin: 5% 0; text-align: center;}
.pageResult .img img{ width: 40%;}
.pageResult .slogan{ font-size: 16px; color: #333; text-align: center; line-height: 22px; margin: 3% auto 6%;}
.pageResult .more{ width: 100%; text-align: center;  display: table; word-spacing:0;}
.pageResult .more a{display: inline-block;text-align: center; vertical-align: top;  width: 40%; margin: 0 5%; line-height: 40px; border-radius: 5px; overflow: hidden; font-size: 14px; color: #fff;}
.pageResult .more a:nth-child(1){ background-color: #ff5519;}
.pageResult .more a:nth-child(2){ background-color: #333;}
.pageResult .more a:hover{ background-color: #ff5519;}


#Content11 .greyBox{float: left; width: 100%; background: #f4f4f4;}
#Content11 .marginT{ float: left; width: 100%; margin: 70px 0 80px 0;}
#Content11 .aboutTit{ float: left; width: 100%; text-align: center}
#Content11 .aboutTit h1{ display: block; color:#333333; font-size:28px; line-height: 46px;}
#Content11 .aboutTit span{ display: block; color:#999; font-size: 14px; line-height: 22px; text-transform: uppercase; position: relative;}
#Content11 .aboutTit span:before,
#Content11 .aboutTit span:after{ position: absolute; content: ''; width: 44%; left: 0; top:50%; height: 1px; background: rgba(0,0,0,0.1)}
#Content11 .aboutTit span:before{ left: auto; right: 0;}
#Content11 .zhil2{ float:left; width:100%; margin:35px 0 0 0;}
#Content11 .zhil2 .box{ margin:0 -15px;}
#Content11 .zhil2 .img{ padding:0 15px;}
#Content11 .zhil2 .la{ float:left; width:100%; position:relative; background:#fff; padding:20px; padding-bottom:0 !important;}
#Content11 .zhil2 .pic{ float:left; width:100%; line-height:0;}
#Content11 .zhil2 .tit{ float:left; width:100%; text-align:center; color:#333333; font-size:14px; line-height:26px; padding:17px 0; margin-top:30px; border-top:1px solid #e3e3e3; overflow:hidden;white-space: nowrap; text-overflow:ellipsis;}

#Content11 .zhil2 .la:hover .tit{ color:#3571b0;}


#Content11 .zhil2 .slick-dots{ height:14px; position:static; margin-top:40px;}
#Content11 .zhil2 .slick-dots li{ width:14px; height:14px; border-radius:50%; margin:0 7px; vertical-align:top; background:#3571b0; background:rgba(53,113,176,0.3);}
#Content11 .zhil2 .slick-dots li:after{ float:left; width:8px; height:8px; padding:0; border-radius:50%; position:absolute; left:3px; top:3px; content:''; z-index:66;}
#Content11 .zhil2 .slick-dots li.slick-active:after{ background:#3571b0;}
@media screen and  (max-width:1430px){
#Content11 .zhil2 .box{ margin:0 -10px;}	
#Content11 .zhil2 .img{ padding:0 10px; }
}
@media screen and  (max-width:1230px){
    #Content11 .marginT{ margin:50px 0 60px 0;}
    #Content11 .aboutTit h1{ font-size:24px;}
    #Content11 .aboutTit span:before,
    #Content11 .aboutTit span:after{ width: 42%;}
#Content11 .zhil2 .la{ padding:12px; }
#Content11 .zhil2 .tit{ padding:10px 0; margin-top:15px; }
#Content11 .zhil2 .slick-dots{ margin-top:30px;}
}
@media screen and  (max-width:992px){
    #Content11 .marginT{ margin:30px 0 40px 0;}
    #Content11 .aboutTit h1{ font-size:22px; line-height: 38px;}
    #Content11 .aboutTit span:before,
    #Content11 .aboutTit span:after{ width: 40%;}
#Content11 .zhil2{ margin:20px 0 0 0;}
#Content11 .zhil2 .box{ margin:0 -6px;}	
#Content11 .zhil2 .la{ padding:8px; }
#Content11 .zhil2 .img{ padding:0 6px; }
#Content11 .zhil2 .tit{ padding:8px 0; margin-top:12px;}
#Content11 .zhil2 .slick-dots{ margin-top:20px; height:12px;}
#Content11 .zhil2 .slick-dots li{ margin:0 5px; width:12px; height:12px; }
#Content11 .zhil2 .slick-dots li:after{ width:6px; height:6px;}
}
@media screen and  (max-width:768px){
    #Content11 .marginT{ margin: 20px 0 30px 0;}
    #Content11 .aboutTit h1{ font-size:20px;}
	#Content11 .aboutTit span:before,
    #Content11 .aboutTit span:after{ width: 33%;}

}