/*重置默认样式*/

/*
@font-face{ font-family:'FZLTXHK'; src: url('../font/FZLTXHK.TTF');}
@font-face{ font-family:'HelveticaNeueLTPro-ThEx'; src: url('../font/HelveticaNeueLTPro-ThEx.otf'); }
@font-face{ font-family:'BEBAS__'; src: url('../font/BEBAS__.TTF');}
*/

html {color: #555; /*background: #f5f5f5;*/ font-size:14px; font-family:'微软雅黑', arial;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, img,  em, button,strong, span{margin: 0;padding: 0; }
table {border-collapse: collapse;}
fieldset, img {border: 0;}
address, caption, cite, code, dfn, em, th, var, i,b ,h1, h2, h3, h4, h5, h6{font-style: normal; font-weight: normal;}
ol, ul {list-style: none;}
caption, th {text-align: left;}
h1, h2, h3, h4, h5, h6 {font-size: 100%; font-weight: normal;}
q:before, q:after {content: '';}
abbr, acronym, button,input,textarea {border: 0; outline: none;}
a{transition: all 0.5s;}
a:link, a:visited {text-decoration: none; color: #787878;}
a:hover{ text-decoration: none;} 

/*首页*/
.index-body{ background: #fff;}
.header{ width: 100%; height: auto; position: fixed; top: 0; top: 10; z-index: 10; background:url(../img/top_bg.jpg) repeat-x 0 0; }
.nav-all{ height: 74px; filter: alpha(opacity=50); zoom:1;  background: rgba(255,255,255,0.5); }
.nav{ width: 1200px; height: 100%; margin: 0 auto; position: relative;}
.logo{ width: 266px; height: 74px; float: left; }
.logo h1 { padding:12px 0 0 0; }
.search{ float: right; margin-top: 23px; cursor: pointer;}
.search_slide{ width: 170px; height: 34px; position: absolute; right: -210px; top: 20px; }
.search_slide input{ display: none;}
.search_slide>form input:first-child{  width: 170px; height: 30px; background-color: #fff; font-size: 18px; line-height: 30px; color: #787878; padding-left: 10px; border-radius: 40px; box-sizing: border-box; border:1px solid #000; }
.search_slide>form .search-lastInput{ background:url(../img/news_search.png) no-repeat; * background: url(../img/news_search.png) no-repeat -10px center; width: 21px; height: 21px;  cursor: pointer; position: absolute; right: 8px; top: 4px; }

.nav-ul>li{ width: 108px; height: 74px; float: left; text-align: center; transition: all 0.5s;}
/*.nav-ul>li>a{ width: 100%; height: 74px; color: #000;  line-height: 74px; display: inline-block;}*/
.nav-ul>li>a{ display:block; width:100%; font-size:16px; color:#000; }
.nav ul li h2 { padding:18px 0 6px 0; }
.nav ul li h3 { padding:0 0 7px 0; }

.nav-ul>li:first-child{margin-left: 50px; width: 90px;}
.nav-ul>li:first-child a{ width: 100%; display: inline-block;}
/*.nav-ul>li>a:hover{ background:#fff\0; background: rgba(255,255,255,0.8); color: #111;}*/
.nav-ul-liBox{ width: 520px; height: 340px; box-sizing: border-box; /*padding-top: 20px;*/ background: rgba(255,255,255,0.8); overflow: hidden; display: none; }
.nav-ul-liBox-fl{ width: 130px; height: 340px; float: left; }
.nav-ul-liBox-fl2{ width: 150px; }

.nav-ul-liBox-fr-all{ width: 386px; float: left;}
.nav-ul-liBox-fr-all div{ display: none;}
.nav-ul-liBox-fr-all div:first-child{ display: block;}
.nav-ul-liBox-fr{ width: 100%; height: 340px; text-align: left; padding-left: 30px; box-sizing: border-box; overflow: hidden;}
.nav-ul-liBox>span{ width: 1px; height: 230px; float: left; display: inline-block; background: #ced3d2;}
.nav-ul-liBox-fl>li{ width: 100%; height: 50px; text-align: left; box-sizing: border-box;}
.nav-ul-liBox-fl>li>a{ width: 100%; height: 50px; display: inline-block; color: #111; line-height: 50px; padding-left: 30px; box-sizing: border-box;}
.nav-ul-liBox-fl>li>a:hover{ color: #fff; background: #57b67a;}
.nav-ul-liBox-fr h2{ max-width: 90%; margin: 16px 0; font-size: 16px; color: #57b67a;}
.nav-ul-liBox-fr p{ width: 222px; color: #474848; font-size: 13px; line-height: 20px;}
.nav-ul-liBox-fr img{ margin-top: 25px; max-width: 90%;}

.nav-ul .navLi-width{ width: 90px !important;}
.nav-ul .nav-li-Class{ background: #fff \0; background: rgba(255,255,255,0.9); color: #111;}

.language{ width: 62px; height: 28px; background: url(../img/language-01.png) no-repeat; float: left; overflow: hidden;  margin: 22px 0 0 10px; position: relative;}
.language em{ line-height: 28px; color: #fff; float: left; position: absolute; left: 10px; z-index: 2;}
.language img{ float: right;  position: absolute; top:2px; right: 2px; z-index: 2;}

.focusBox { position: relative; margin:0 auto; width:100%; height:696px; overflow: hidden; }
.focusBox { margin-top:52px; }

.focusBox .pic img { width:100%; height:620px; display: block; }
.focusBox .hd { width: 120px; height: auto; overflow:hidden; zoom:1; position:absolute; bottom:20px; left: 50%; margin-left: -60px; z-index:3}
.focusBox .hd li{float:left; line-height:15px; text-align:center; font-size:12px; width:15px; height:15px; cursor:pointer; overflow:hidden; background:url(../img/bannerBtn.png) no-repeat; margin:0 7px; filter:alpha(opacity=80); opacity:.8; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease; border-radius: 8px; }
.focusBox .hd .on{ background:#fff; filter:alpha(opacity=100);opacity:1;   }
.focusBox .next { width:45px; height:99px; position:absolute; top:91px; z-index:3; filter:alpha(opacity=20); -moz-opacity:.2; opacity:.2; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease}
.focusBox .next:hover { filter:alpha(opacity=60); -moz-opacity:.6; opacity:.6 }
.solution-bottom{ width:100%; height:360px; height:300px; position:relative; margin-top: 70px;  }
.solution-bottom .hd { position:absolute; left: 47.5%;  bottom:10px; z-index:1; }
.solution-bottom .hd li { width: 12px; height: 12px; border-radius: 6px; background: #b7dbbe; float: left; margin: 0 10px; cursor: pointer;  }
.solution-bottom .hd li.on { background:#fff; color:#fff; font-weight:bold; opacity:1; filter:alpha(opacity=100); z-index:2; position:relative; }

.index-main{ width: 100%; height: auto;}
.index-main h2{ color: #007ec5; font-size: 30px; text-transform:uppercase; }
.index-main-one{ width:100%; height: 555px; background: #fff url(../img/top_bg.jpg) repeat 0 0; position: relative; padding-top: 80px; box-sizing: border-box;}
.index-main-one>ul{ width: 1100px; height: 208px; overflow: hidden; position: absolute; top: -110px; left: 50%; margin-left: -550px;}
.index-main-one>ul>li{ width: 228px; height: 208px; float: left;  padding: 35px 0 0 30px; box-sizing: border-box; position: absolute;}
.index-main-one>ul>li>a{ width: 228px; height: 208px; display: inline-block;}
.index-main-li02{ background: #0095d9; z-index: 3; left: 416px;}
.index-main-li03{ background: #007ec5; z-index: 5; left: 644px;}
.index-main-li04{ background: #1069ab; z-index: 7; right: 0;}
.index-main-one .index-main-li01{ width: 416px; background: #00baf1; z-index: 1; position: absolute; left: 0; transition: all 0.5s;}
.index-main-one>ul>li h3{  color: #fff; font-size: 23px; margin-bottom: 12px;}
.index-main-one>ul>li span{ color: #fff; font-size: 20px; }
.index-main-one>ul>li p{ width: 286px; height: auto; position: absolute; bottom: 25px; line-height: 20px; display: none; color: #fff;}
.index-main-one>ul>li img{ position: absolute; bottom: 19px; right: 23px;}
.index-main-one .index-main-li01 h3{ color: #fff;}
.index-main-one .index-main-li01 span{ color: #fff;;}
.index-main-one .index-main-li01 p{ color: #fff; display: block; }
.company{ width: 1110px; height: 220px; margin: 0 auto; }
.company-left{ width: 410px; height: 220px; float: left;}
.company-left h3{ color: #4c4c4c; font-size: 30px; margin-top: 40px;}
.company-right{ width: 690px; height: 220px; float: left; padding-left: 10px;}
.company-right p{ color: #5b5c5c; line-height: 20px; font-size: 13px;}
.company-right a{ width: 150px; height: 40px; display: block; background: #30a85e; text-align: center; line-height: 40px; color: #fff; font-size: 16px;  text-transform: uppercase; margin-top: 26px;}

.index-main-tuo{ width: 1100px; padding: 60px 0; box-sizing: border-box; margin: 0 auto; }
.index-main-tuo-top{ text-align: center; margin-bottom: 73px;}
.index-main-tuo-top h3{ color: #4c4c4c; font-size: 30px; margin-top: 20px; }
.index-main-tuo-top p{ width:785px; color: #5b5c5c; line-height: 20px; font-size: 13px; margin: 20px auto 0; font-family: 'arial';}
.index-main-tuo-top>ul{ width: 380px; height: 40px; margin: 80px auto 0;}
.index-main-tuo-top>ul li{ width: 123px; height: 40px; float: left; background: #ececec;}
.index-main-tuo-top>ul li a{ width: 123px; height: 40px; display: block; text-align:center; line-height: 40px;}
.index-main-tuo-top-li a{ background: #30a85e !important; color: #fff !important;}

.index-main-tuo-bottom>ul{ width: 1100px; height: 420px; margin: 0 auto; overflow: hidden; display: none;}
.index-main-tuo-bottom>ul:first-child{ display: block;}
.index-main-tuo-bottom>ul>li{ width: 264px; height: 200px; float: left; background: #ececec; margin:0 3px 10px 5px; text-align: center; position: relative; overflow: hidden; border:1px solid #30a85e; }
.index-main-tuo-bottom>ul>li>a{ width: 264px; height: 200px; display:table-cell; vertical-align: middle;}
.index-main-tuo-bottom>ul>li>a b{ width: 264px; height: 200px; background: rgba(0,126,197,0.8); position: absolute; bottom: -200px; left: 0; color: #fff;}
.index-main-tuo-bottom>ul>li>a em{ width: 264px; height: 200px; display: block; background:#fff; opacity: 0; position: absolute; top: 0; left: 0;  z-index: 2; }
.index-main-tuo-bottom>ul>li>a b p{width: 80%; height: auto; margin: 65px auto 20px; text-align: center; font-size: 18px; }
.index-main-tuo-bottom>ul>li>a b i{width: 80%; font-size: 13px; line-height: 18px; text-align: center; margin: 0 auto; display: block; font-weight: normal;}

.li-margin-right>img{ margin-top: 68px !important; } 
.index-product{ width: 100%; height: 200px; background: #43af6c\0; filter: alpha(opacity=90); zoom:1; background: rgba(67,175,108,0.9); position: absolute; top: 200px;overflow: hidden; padding-left: 20px; box-sizing: border-box; transition: all 0.5s;}
.index-product h3{ font-size: 30px; color: #fff; margin: 76px 0 15px; text-align: left;}
.index-product p{ width: 85%; font-size: 13px; color: #fff; line-height: 18px; text-align: left; font-family: 'arial';}
.index-main-three-all{ width: 100%;  background:#0095d9 url(../images/s_bg.png) repeat 0 0; padding: 60px 0 30px; box-sizing: border-box;}
.index-main-three{ width: 1100px;  margin: 0 auto;}
.index-main-three-top h2, .index-main-three-top h3, .index-main-three-top p{ color: #fff;}
.solution-ul01>div{width: 220px; height:auto; float: left;  text-align: center; overflow: hidden;}
.solution-ul01>div img{ width: 113px; height: 113px;}
.solution-ul01>div h3{ margin: 24px 0 12px; font-size: 20px; color: #fff;}
.solution-ul01>div p{ width: 200px; height: auto; margin: 0 auto; line-height: 20px; color: #fff; font-size:16px;}
.solution-ul02>div{ width: 275px; height:auto; float: left;  text-align: center; overflow: hidden;}
.solution-ul02>div h3{ margin: 30px 0 20px; font-size: 17px; color: #fff;}
.solution-ul02>div p{ width: 200px; height: auto; margin: 0 auto; line-height: 18px; color: #fff; font-size:13px;}

.index-main-four-all{ width: 100%;}
.index-main-four{ padding-top: 60px; height: auto;}
.index-main-four-top h2{ color: #30a85e;} 
.index-main-four-top h3{ color: #747474; }
.index-main-four-top p{ color: #bcbcbc; font-family: 'arial';}
.index-main-four-bottom{ width: 100%; width:1200px; height:300px; height:auto; overflow:hidden; margin:80px 0 50px; margin:80px auto 50px auto; box-sizing: border-box; }

.index-main-four-bottom>div>img{  /*width: 100%; height: 300px;*/}
.index-main-four-bottom>ul{width:1200px; box-sizing: border-box; margin:0 auto;}
.index-main-four-bottom>ul>li{ /*width:300px; height:280px; overflow:hidden; float:left; box-sizing:border-box; position: relative;*/ }
ul.caselist li { position:relative; float:left; margin:0 1px; width:372px; height:auto; overflow:hidden; }
/*
.index-main-four-bottom>ul>li h3{ font-size: 16px; margin: 43px 0 32px; color: #fff; padding: 0 10%; line-height: 20px;}
.index-main-four-bottom>ul>li p{ color: #e0efe5; font-size: 13px; padding: 0 10%; line-height: 18px;}
.index-main-four-bottom>ul>li{ position: relative;}
.index-main-four-bottom>ul>li>div{ width: 100%; height: 50px; background: #242424\0; filter: alpha(opacity=30)\0; zoom:1; background: rgba(0,0,0,0.3); position: absolute; bottom: 0;}
.index-main-four-bottom>ul>li>div span{ float: left; margin-left: 10%; line-height: 50px; color: #fff;} 
.index-main-four-bottom>ul>li>div .a02{ float: right; width: 50px; height: 50px; display: block; background: #000\0; filter: alpha(opacity=30)\0; zoom:1; background: rgba(0,0,0,0.3); box-sizing: border-box; text-align: center;} 
.index-main-four-bottom>ul>li>div .a02 img{ margin-top: 17px; cursor: pointer;}
.index-main-four-bottom>ul>li:first-child{ }
.index-main-four-bottom>ul>li:first-child p{ color: #adadad;}
.index-main-four-bottom>ul>li:first-child div span{ color: #2d8d51;}
.index-main-four-bottom>ul>li>img{ position: absolute; top: 63px; right: -16px;}
.index-main-four-bottom>ul>li:first-child>img{ position: absolute; top: 63px; left: -16px;}
*/

.index-main-four-bottom ul li img { }
.index-main-four-bottom ul li .mask-wrap {
  display:none; 
  position:absolute;
  left:0;
  top:0;  
  width:100%;
  height:258px;
  background-color:#0095d9;
}
  
.index-main-four-bottom ul li .mask-wrap .mask { 
  width:80%;
  height:100%;
  margin:0 auto;
  display:table;
  
}
.index-main-four-bottom ul li .mask-wrap .mask p {
  text-align:center;
  font-size:18px;
  color:#fff;
  display:table-cell;
  vertical-align:middle;
}

.footer-all{ height: 173px; background: #0095d9 url(../img/foot_bg.jpg) repeat 0 0; clear: both;}
.footer{ width: 1100px; width:1200px; height:173px; margin: 0 auto;overflow: hidden;}
.footer-left{ float: left;}
.footer-left img{ margin-top: 42px;}
.footer-middle{ float: left; margin: 55px 0 0 20px;}
.footer-middle h4{ font-size: 25px; color: #fff;  margin-bottom: 20px;}
.footer-middle p{ color: #fff; font-size: 12px; font-family: "微软雅黑"; line-height: 22px;}
.footer-right{ float: right;}
.footer-right img{ margin: 48px 0 18px;}
.footer-right p{ color: #fff;}
.footer-right a{ color: #fff; font-size: 12px;}

.index-btn{ display:none; width: 40px; height: 40px; position: fixed; right: -40px; bottom: 15px; z-index: 100; text-align: center; background:url(../img/index_btn.jpg) #7e7e7e no-repeat center center; cursor: pointer;}

/*---------------------------------------------------------------------------*/
/*产品详情*/

.productD-banner img{ width: 100%; height: 247px; height:400px; }
.product-center-all{ width: 1100px; height: auto; position: absolute; left: 50%; margin-left: -550px; top: 130px; top:301px; }
.productD-main{ width: 1100px; margin: 0 auto 40px;  overflow: hidden; }
.product-center{ overflow: hidden; padding-top: 3px;}
.product-center-left{ float: left; height: 26px;}
.product-center-right{ float: right;}
.product-center-left h2{ font-size: 22px; color: #f5f5f5; display: inline-block; line-height: 24px;}
.product-center-left h3{ font-size: 26px; color: #f5f5f5; display: inline-block; font-family: arial; text-transform: uppercase; margin-left: 4px;}
.product-center-right span,.product-center-right a{ color: #f5f5f5;}
.productD-main-ul01 { margin-top: 42px; overflow: hidden;}
.productD-main-ul01 li{ float: left; width: 125px; height: 48px; color: #fff; line-height: 48px; text-align: center; cursor: pointer; transition: all 0.5s;}
.productD-main-ul01 li a{width: 125px; height: 48px; display: inline-block; color: #fff;}
.productD-main-ul01 .liStyle{ background: #fff; color: #2f2f2f; border-top-left-radius: 4px; border-top-right-radius: 4px;}
.productD-main-one{ width:100%; height: 416px; overflow: hidden; background: #fff; margin-top: 28px;}
.productD-main-one-left{ float: left; width: 435px; margin: 140px 0 0 84px; }
.productD-main-one-left h4{color: #555; font-size: 37px; font-family: arial; margin-bottom: 20px;}
.productD-main-one-left p{color: #555; font-size: 13px; line-height: 20px;}
.productD-main-one>img{ float: right; margin:170px 84px 0 0 ;}

.fullSlide{ width:100%;  position:relative;  height:416px; background:#eee;  }
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.fullSlide .bd ul{ width:100%;height:416px;   } /*去掉  !important*/
.fullSlide .bd li{ width:100%;  height:416px;  overflow:hidden; text-align:center; line-height: 480px;  } /*去掉  !important*/
.fullSlide .bd li img{ max-width: 65%;   }
.fullSlide .bd li a{ display:block; height:416px;  }
.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:24px; left:0; height:30px; line-height:30px; background:url(http://www.putron.com/App/Modules/Home/Public/css/images/touming.png) repeat-x; text-align:center; _background:#000; _filter:alpha(opacity=60); }
.fullSlide .hd ul{ text-align:center;  padding-top:5px;  }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:12px; height:12px; background: #cfcfcf; border-radius:50%; overflow:hidden; line-height:9999px; margin: 0 9px;}
.fullSlide .hd ul .on{ background:#555; }

.productD-main-table{height: auto; background: #fff; margin-top: 36px; }
.productD-main-table-top{ height: 63px; background: #eee;}
.productD-main-table-top>ul{ height: 70px; overflow: hidden;  }
.productD-main-table-top>ul>li{ width: 137px; height: 100%; float: left; color: #555; text-align: center; line-height: 63px; cursor: pointer;}
.productD-main-table-top .productD-table-style{ background: url(../img/productD-03.png) no-repeat; color: #fff;}

/*
.productD-main-table table{ width: 1000px; height: auto; margin: 50px auto 0;}
.productD-main-table table caption{ width: 1000px; height: 40px; line-height: 40px; padding-left: 104px; font-size: 15px; color: #f5f5f5; background: #aaa; box-sizing: border-box;}
.productD-main-table table tr td{ width: 725px; padding-left: 104px; box-sizing: border-box;}
.productD-main-table table tr td:first-child{ width: 275px; }
*/
.bgColor{ background: #eeeeee;}
.productD-main-table-all{ display: none;}
.productD-main-table-all:first-child{ display: block;}
.productD-main-table-all form{ width: 630px; height: auto; margin: 50px 0 0 50px;}

.productD-main-table-all tr{ line-height: 30px;}

.contactUs-right-textarea{ border: 1px solid #eee;}

.productD-main-table-all .submit { width: 188px; height: 44px; border: 2px solid #43b06d; margin: 20px 0; background: url(../img/contactUs-btn.png) no-repeat 40px center; color:#43b06d; cursor: pointer; overflow-x: hidden; text-align: center; padding-left: 30px; box-sizing: border-box;}

.productD-main-table-all form input,.contactUs-right-textarea{outline: none;}

.product-print-all{width: 162px; height: 45px; background: #fff; float: right; margin-top: 40px; cursor: pointer; }
.product-print{  display: block;  line-height: 45px; background: url(../img/productD-04.png) no-repeat 40px 10px; padding-left: 84px;}
/*end*/

/*---------------------------------------------------------------------------*/
/*常见问题*/
.problem-main{ width: 1100px; min-height:470px; height: auto; margin: 50px auto 0; }
.problem-main>h3{ margin: 35px 0; color: #007ec5; font-size: 30px;}
.problem-main-firstUl>li{ width:100%; height:auto; margin-bottom:20px; position: relative; background:url(../img/top_bg.jpg) repeat 0 0; }
.problem-main-firstUl>li span{ width:100%; height:60px; display:block; background:url(../img/problem02.png) no-repeat 1057px 25px; line-height:60px; padding-left: 20px; box-sizing: border-box; cursor: pointer; }
.problem-main-firstUl>li>img{ position: absolute; right: 26px; top: 26px;}
.problem-main-li-box{ width: 100%; height: auto; padding: 20px 0 0 20px; box-sizing: border-box; display: none;}
.problem-main-li-boxs{ width: 100%; height: auto; padding: 20px 0 20px 20px; box-sizing: border-box;}
.problem-main-firstUl .problem-main-spanClass{ background: url(../img/problem01.png) no-repeat 1057px 25px; }
.problem-main-li-box p{ line-height: 24px; margin-bottom: 36px;}

/*---------------------------------------------------------------------------*/
/*关于PTN*/
.aboutPTN-main{ margin-bottom: 180px; margin-bottom:30px; }
.aboutPTN-main>p{ font-size: 13px; line-height: 20px; margin-bottom: 35px;}
.aboutPTN-main>ul:after{ content: ''; height: 0; display: block; clear: both; visibility: hidden;}
.aboutPTN-main>ul>li{ float: left; width: 550px; height: 380px; margin-bottom: 30px ; box-sizing: border-box; background: #f5f5f5; position: relative; }
.aboutPTN-main>ul>li img{ width: 100%; height: 100%; left: 0; top:0; }
.aboutPTN-main-text{ width: 470px ; height: auto; position: absolute; left: 40px; bottom: 40px; bottom:100px; }
.aboutPTN-main-text>h4{ margin-bottom: 38px; font-size: 30px; color: #313131;}
.aboutPTN-main-text>p{ line-height: 28px;}

/*---------------------------------------------------------------------------*/
/*新闻*/
.news-main{ width: 1100px; height: auto; margin: 0 auto;}
.news-main p{ line-height: 22px;}
.news-main>h3{ margin: 48px 0; color: #007ec5; font-size: 30px;}
.news-main>ul>li{ background:#fff url(../img/top_bg.jpg) repeat 0 0; margin-bottom: 20px;  overflow: hidden; height: 180px;}

.news-time{ width: 250px; height: 100%;  float: left; text-align: center; padding-top: 60px; box-sizing: border-box; /*background: #e5e5e5;*/}
.news-time span, .news-time strong, .news-time i{ display: block; line-height: 22px; font-style:italic;}
.news-time span{ font-size: 20px; font-weight: bold; color: #666; }
.news-time i{ font-size: 18px; color: #aaa;   }

.newsLi-txt{ width: 750px; float: left; padding: 3%; padding:20px; box-sizing: border-box; overflow: hidden;}
.newsLi-txt h4{  margin: 20px 0 10px 0; color: #111; font-size: 16px;}
.newsLi-txt span{ display: block; color: #adadad; margin: 10px 0 5px;}

.news-buttom{ width: 220px; height: 28px; margin: 30px auto 0; }
.news-buttom { width:600px; text-align:center; }

.news-buttom a{ min-width:5px; display:inline-block; text-align:center; border:1px solid #ccc; height:25px; line-height:25px; padding:0 10px; margin: 0 5px}
.news-buttom a:hover{ background:#30a85e; color:#fff}
.page span{ display: inline-block; margin: 0 10px; font-size: 15px;}

.news-activity{ width: 1100px; margin: 0 auto;}
.news-activity>h3{ margin: 48px 0; color: #30a85e; font-size: 30px;}
.news-activity>ul>li{ height: 436px; background: #fff; margin-bottom: 20px;}
.news-activity>ul>li img{ width: 100%;  display: block; height: 300px;}
.news-activity>ul>li>h4{  margin: 35px 0 20px 40px;}
.news-activity>ul>li>h4>a{ color: #111; font-size: 16px;}
.news-activity>ul>li>span{margin-left: 40px; display: block; color: #adadad; margin-bottom: 10px;}
.news-activity>ul>li>strong { font-weight: normal; margin-left: 40px; color: #adadad; }

/*---------------------------------------------------------------------------*/
/*解决方案*/
.solution-body{ background: #fff;}
.solution-main{width: 100%; height: auto; margin: 0 auto;}
.solution-main-slide{ display: none;}
.solution-main-slide:first-child{ display: block;}
.solution-main-top>h3{ width: 1100px; color: #30a85e; font-size: 30px; margin:0 auto 48px;}
.solution-main-ulFirst{ width: 1100px; height: auto; overflow: hidden; margin: 45px auto;}
.solution-main-ulFirst>li{ float: left; width: 163px; height: 45px; background: #fff; line-height: 45px; text-align: center; border: 2px solid #585858; display: inline-block; cursor: pointer; }
.solution-main-ulFirst .solution-liStyle{ background: #555; color:#fff;}

.solution-main-one{ width: 1100px; height: 310px; margin: 0 auto; position: relative;}
.solution-main-slide-two{ height: auto !important;}
/*.solution-main-one:after{ content: ''; height: 0; clear: both; display: block; visibility: hidden;}*/

.solution-fl{ width: 600px; height: 310px; float: right; position: relative; margin-right: 200px; }
.solution-fl-text{ width: 580px; height: auto; position: absolute; left: 50px; bottom: 20px;}
.solution-fl-text h4{ font-size: 26px; margin-bottom: 27px;}
.solution-fl-text p{ width: 580px; line-height: 24px; font-size: 13px;}

.solution-main-tuo-all{ width: 100%; height: 520px; background: #F5F5F5;}
.solution-main-tuo{ width: 1100px; height: 520px; margin:0 auto; overflow: hidden;}
.solution-main-tuo img{ float: right; margin-top: 20px;}
.solution-main-tuo-fl{ width: 660px; height:520px; float: left; position: relative;}
.solution-main-tuo-fl>div{ width: 580px; position: absolute; bottom: 55px; left: 0;}
.solution-main-tuo-fl>div h4{ font-size: 26px; margin-bottom: 27px;}
.solution-main-tuo-fl>div p{ line-height: 24px; font-size: 13px;}

.solution-main-slide:first-child .solution-main-one img{ width:auto; float: left; position: absolute; left: 0; z-index: 10;}

.solution-main-three img{ margin-top: 30px;} 
.solution-main-three .solution-fl{ margin-top: 70px; margin-right: 0; height: 315px;}

.solution-table-all{ width: 100%; height: auto; background: #f5f5f5;}
.solution-table{ width: 1100px; height: auto; margin: 0 auto; padding-top: 190px; box-sizing: border-box; padding-bottom: 55px;}
.solution-table>h4{ font-size: 26px; line-height: 26px; margin-bottom: 54px; }
.solution-table>table{ width: 100%; height: auto;}
.solution-table-trColor{ background: #e5e5e5;}
.solution-table>table tr{ width: 100%; height: 40px;}
.solution-table>table tr th{ font-size: 16px;}
.solution-table>table tr td{ color: #989898;}
.solution-table>table tr th, .solution-table>table tr td{ text-align: center;}

.solution-pic-all{ width: 100%; height: 685px; box-sizing: border-box;}
.solution-pic{ width: 1100px; height: 685px; margin: 0 auto; padding-top: 50px; box-sizing: border-box;}
.solution-pic>h4{  font-size: 26px; line-height: 26px; margin-bottom: 50px;}
.solution-pic>img{ margin-left: 40px;}

.solution-pic-bottom-all{ width: 100%; height: 138px; background: #f5f5f5;}
.solution-pic-bottom{width: 1100px; height: 138px;   margin-top: 40px; margin: 0 auto; }
.solution-pic-bottom span{ width: 160px; height: 48px;  display:inline-block;  line-height: 45px; background: url(../img/productD-04.png) #fff no-repeat 40px 10px; padding-left: 84px; box-sizing: border-box; float: right; margin-top: 44px; cursor: pointer;}

/*---------------------------------------------------------------------------*/
/*解决方案案例*/
.solution02-body{ background: #f5f5f5;}

.solution-main-text h4{ margin-bottom: 38px; font-size: 22px; font-weight: bold; text-align: center;}
.solution-main-text h4 a{color: #313131;}

/*---------------------------------------------------------------------------*/
/*解决方案案例详情*/
.solution03-main{ width: 1100px; height: auto; margin: 0 auto; overflow: hidden;}
.solution03-main>img, .solution03-main>div{ float: left;}
.solution03-main-img01{ width: 438px; height: 329px;}
.solution03-main-text01{ width: 662px; height: 329px;}
.solution03-main-text01 p{ width: 540px; font-size: 13px; margin: 0 auto; line-height: 22px;}
.solution03-main-text02{ width: 438px; height: 208px; margin-top: 76px;}
.solution03-main-text02 p{ font-size: 13px; line-height: 22px;}
.solution03-main-img02{ width: 385px; height: 283px; margin-left: 63px;}
.solution03-pic-bottom-all { height: 200px;}
.solution03-pic-bottom-all span{ margin-top: 75px;}

/*---------------------------------------------------------------------------*/
/*联系我们*/
.contactUs{ width: 1100px; height: auto; margin: 0 auto; overflow: hidden; margin-bottom: 60px;}
.contactUs-left{ width: 470px; float: left;}
.contactUs-left h3{  color: #007ec5; font-size: 30px; margin: 52px 0; line-height: 30px;}
.contactUs-left h4{ font-size: 13px; line-height: 24px;}
.contactUs-left>span{ width: 100px; font-size: 13px; line-height: 25px; display: inline-block; text-align: left;}
.contactUs-left-bottom{ margin-top: 50px;}
.contactUs-left-bottom p{ line-height: 25px; font-size: 13px;}
.contactUs-right{ width: 630px; height: auto; float: right; margin-top: 130px; overflow: hidden;}
.contactUs-right-input{  float: left; box-sizing: border-box; color: #bababa; position: relative; margin-bottom: 20px; border: 1px solid #eee; outline: none;}
.contactUs-right-input01,.contactUs-right-input03{ margin-right: 20px;}
.contactUs-right-input input{ width: 300px; height: 50px; padding-left: 30px; box-sizing: border-box; line-height: 50px; background: #fff; color: #bbb; font-size: 15px; font-family: "微软雅黑";}
.contactUs-right-input span{ position: absolute; left: 30px; top: 18px;}
.contactUs-right-textarea{ float: left; position: relative;}
.contactUs-right-textarea textarea{ width: 594px; height: 250px; line-height: 24px; padding: 10px 0 0 30px; font-size: 14px; color: #bababa; line-height: 20px; outline: none; font-size: 15px; font-family: "微软雅黑"; outline: none; }
.contactUs-right-textarea  span{ position: absolute; left: 30px; top: 16px; color: #bbb;}

.contactUs-right button { width: 188px; height: 44px; border: 2px solid #43b06d; margin-top: 20px; background: url(../img/contactUs-btn.png) no-repeat 40px center; color:#43b06d; cursor: pointer; overflow-x: hidden;}

/*---------------------------------------------------------------------------*/
/*人才招聘*/
.job{ width: 1100px; height: auto; margin: 0 auto; margin-bottom: 130px; overflow: hidden;}
.job>h3{  color: #007ec5; font-size: 30px; margin: 52px 0; line-height: 30px;}
.job>p{ line-height: 24px; margin-bottom: 42px;}
.job-bottom{ overflow: hidden; width: 1100px; float: left; margin: 0 10px;}

.job-bottom li{ width: 1100px; height: auto; background: #fff url(../img/top_bg.jpg) repeat 0 0; margin-bottom: 20px;  padding: 20px 0;box-sizing: border-box;float:left;margin:10px; display:table-cell;}
.job-bottom-one-top{ width: 100%; height: 75px;  cursor: pointer; background: url(../img/job-02.png) no-repeat 970px 26px; }
.job-bottom-one-top02{ width: 100%; height: 75px;  cursor: pointer; background: url(../img/job-03.png) no-repeat 970px 33px; }

.job-bottom-one-top-img{ width: 148px; text-align: center;}
.job-bottom-one-top h3,.job-text, .job-bottom-one-top-img{ float: left;}

.job-bottom-one .job-bottom-one-top01{ width: 100%; height: 75px;  cursor: pointer; background: url(../img/job-03.png) no-repeat 970px 26px; }
.job-bottom-one .job-bottom-one-top03{ width: 100%; height: 75px;  cursor: pointer; background: url(../img/job-02.png) no-repeat 970px 26px; }

.job-text{ width: 345px; height: auto; margin-top: 15px; }

.job-text h3{ font-size: 28px; line-height: 28px;}
.job-text span{ color: #aaa; font-family: arial; text-transform: uppercase; margin-top: 10px; display: inline-block;}
.job-text img{ float: right !important; margin-top: -10px;}
.job-p{ width: 85%; margin: auto; margin: 0 auto; padding-top:30px;}

/*---------------------------------------------------------------------------*/
/*证书资质*/

.honor{ width: 1100px; height: 500px; margin: 0 auto;}
.honor h3{color: #007ec5; font-size: 30px; margin: 52px 0; line-height: 30px;}

.heartPic{width:1100px;height:auto;margin:60px auto 0 auto;}
.heartPic:after{ content: ''; height: 0; display: block; clear: both; visibility: hidden;}
.heartPic ul{ width: 1100px; }
.heartPic ul li{float:left;width:345px;height:346px;cursor:pointer; margin: 0 10px; }
.heartPic ul li img{ width: 326px; height: 200px;}
.heartPic .in{ width: 345px; height: 220px; border: 1px solid #e5e5e5; display: table-cell; vertical-align: middle; text-align: center; background: #fff;}
.heartPic ul li.on{z-index:99;}
.heartPic ul li.on .in{position:relative;left:-50px;top:-50px; border: 1px solid #e5e5e5; padding: 10px; box-sizing: border-box; background: #fff;}

.heartPic ul li .pTxt{ display: block; margin-top: 20px; font-size: 18px;}
.heartPic .showDiv{display:block;}
.heartPic-last{ margin: 0 0 80px 0;}
.heartPic-last h3{ margin-bottom: 80px; margin-left: 5px; margin: 0 0 80px 5px;}

/*---------------------------------------------------------------------------*/
/*技术支持*/
.support-main{ width: 1100px; height: auto; margin: 0 auto;}
.support-main h3{color: #007ec5; font-size: 30px; margin: 52px 0; line-height: 30px;}
/*
.support-main>ul{ overflow: hidden; margin: 42px 0 200px;}
.support-main>ul li{ width: 540px; height: 200px; float: left; background: url(../img/support-01.png) #fff no-repeat 60px center; margin: 0 5px 10px; overflow: hidden; cursor: pointer;}
.support-li-img{ float: left;}

.support-li-right{ float: left; margin: 50px 0 0 176px;}
.support-main>ul li h4{ font-size: 30px; line-height: 30px; color: #777; margin: 50px 0 0 176px;}
.support-main>ul li strong{ font-weight: normal; display: block; margin: 10px 0 22px; color: #777;  margin-left: 176px; }
.support-main>ul li span{ width: 122px; height: 30px; display: block; background:url(../img/support-05.png) #777 no-repeat 19px center; border-radius: 5px; line-height: 30px; color: #fff; text-align: center; padding-left: 20px; box-sizing: border-box; cursor: pointer;  margin-left: 176px;}

.support-main .support-liClass{ background: url(../img/support-01slide.png) #30a85e no-repeat 60px center; color: #fff;}
.support-main .support-spanClass{ background: url(../img/support-06.png) #fff no-repeat 19px center; color: #30a85e;}
*/

/*新闻详情*/
.news-main{ margin-bottom: 30px;}

/*组织架构*/
.architecture-main{ width: 1100px; height: auto; margin: 0 auto 310px; text-align: center;}
.architecture-main h3{color: #007ec5; font-size: 30px; margin: 52px 0; line-height: 30px; text-align: left;}

/*产品中心*/
.product-main{ width: 1100px; height: auto; margin: 30px auto 80px; overflow: hidden; }
.product-main-left{ width: 242px; height: auto; float: left; }
.product-main-left>ul{ overflow: hidden; }
.product-main-left>ul>li{ width: 242px; height: auto; position: relative; background: #fff; margin-bottom: 10px;  }
.product-main-left-top{ width: 100%; height: 60px; display: inline-block; color: #30a85e; line-height: 68px; font-size: 15px; cursor: pointer; background: url(../img/product-08.png) no-repeat 208px 30px;}
.product-main-left-top01{ width: 100%; height: 60px; display: inline-block; color: #30a85e; line-height: 62px; font-size: 15px; cursor: pointer; background: url(../img/product-08.png) no-repeat 208px 30px;}
.product-main-left>ul>li img{ margin: 24px 0 0 34px; float: left;}
.product-main-left>ul>li div:first-child strong{ font-weight: normal; margin-left: 12px; float: left;}

.product-main-left .product-main-left-top03{ background: url(../img/product-09.png) no-repeat 208px 30px;}
.product-main-left .product-main-left-top02{ background: url(../img/product-09.png) no-repeat 208px 30px;}

.product-li01-box{ overflow: hidden; display: none;}
.product-li01-box>span{ width: 100%; height: auto; display: block;  line-height: 38px; cursor: pointer; background: #fff;}
.product-main-left ul li:first-child .product-li01-box{ display: block;}

.product-li01-box .pro-subBar{ display: none;}

.product-li01-box em{ width: 100%; line-height: 38px; display: block; padding-left: 35px; box-sizing: border-box;}
.product-li01-box a{ width: 100%; line-height: 38px; padding-left: 50px; box-sizing: border-box; display: block; color: #444; transition: none;}
.product-li01-box a:hover{ background: #98CBA2; color: #fff;}
.product-li01-box .active{ background: #30a85e;}
.active{  color: #fff;}

.product-li01-box-left{ width: 105px; height: auto; float: left;}
.product-li01-box-left strong{ font-weight: normal;display: block; margin:5px 0  10px; font-size: 13px;}
.product-li01-box-left label{ display: block; margin-bottom: 10px; font-size: 13px; cursor: pointer;}
.product-li01-box-left input{ margin-right: 5px;}

.product-li01-box-right{ width: 105px; height: auto; float: left;}
.product-li01-box-right strong{ font-weight: normal;display: block; margin:5px 0  10px; font-size: 13px;}
.product-li01-box-right label{ display: block; margin-bottom: 10px; font-size: 13px; cursor: pointer;}
.product-li01-box-right input{ margin-right: 5px;}
.product-li01-box .product-li01-box-left:first-child { margin-left: 30px;}

.product-main-right{ width: 824px; height: auto; float: right; }
.product-main-right-top{ width: 100%; height: auto; overflow: hidden;}
.product-main-right-top button{ width: 138px; height: 30px; background: url(../img/product-10.png) #555 no-repeat 15px 7px; float: right; color: #fff; border-radius: 5px; padding-left: 20px; box-sizing: border-box; margin-top: 30px; cursor: pointer;}
.product-main-right-bottom{ overflow: hidden; margin-top: 30px;}
.product-main-right-bottom>ul>li{ width: 264px; height: 324px; float: left; background: #fff; box-sizing: border-box; margin: 0 5px 10px; border-bottom: 3px solid #e9e9e9;}
.product-main-right-img{ width: 264px; height: 200px; background: #fbfbfb; display: table-cell; text-align: center; vertical-align: middle;}
.product-main-right-img img{ width: 82%;}
.product-main-right-bottom>ul>li h4{ width: 90%; font-size: 20px; line-height: 20px; font-family: arial; margin: 27px auto 23px;}
.product-main-right-bottom>ul>li span{ width: 90%; font-size: 13px; display: block; margin: 0 auto; line-height: 20px;}

.gallery a{ text-align: center;}

.case_t { width:1100px; margin:0 auto; }
.case_t h3 { padding:24px 0; font-size:30px; color:#007ec5; }
.caselist { width:1200px; margin:0 auto; }
.caselist ul li { float:left; width:285px; width:288px; height:345px; height:265px; margin-right:20px; margin-right:16px; margin-bottom:20px; }
.caselist ul li .box { background:#fff url(../img/top_bg.jpg) repeat 0 0; }
.caselist ul li h3 { width:80%; margin:0 auto; padding:12px 0; text-align:center; font-size:18px; color:#333; }
.fl { float:left; }
.fr { float:right; }
.clearfix { clear:both; }
.pcat { width:300px; /*background-color:#f5f5f5;*/ background:#fff url(../img/top_bg.jpg) repeat 0 0; }
.pcat .tit { height:70px; height:52px; background:url(../images/tb.png) no-repeat 50px 20px; }
.pcat .tit .box { padding:21px 0 0 100px; font-size:18px; color:#000; }
.w1200 { width:1200px; margin:0 auto; }
.pcat .all { height:50px; background-color:#007ec5; }
.pcat .all .box { padding:10px 0 0 50px; font-size:18px; color:#fff; }
.pcat ul li { padding:12px 0 12px 50px; padding-left:30px; }
.pcat ul li a { font-size:18px; color:#444; }
.productlist { width:870px; width:868px; }
.productlist ul li { float:left; width:280px; height:270px; margin-right:14px; margin-bottom:30px; }
.productlist ul li .box { background:#fff url(../img/top_bg.jpg) repeat 0 0; }
.productlist ul li h3 { width:80%; margin:0 auto; padding:12px 0; text-align:center; font-size:18px; color:#333; }

.currentLi { background-color:#e4e4e4; }

.p_main1 h3 { font-size:24px; padding-bottom:40px; }
.p_head { width:1200px; margin:30px auto; height:60px; background-color:#e9e9e9; }
.p_head h3 { background-color:#007ec5; width:92px; height:60px; line-height:60px; text-align:center; font-size:16px; color:#fff; }
.p_body { margin-bottom:30px; }

.downlist ul li { height:60px; line-height:60px; background:#fff url(../img/top_bg.jpg) repeat 0 0; margin-bottom:12px; }
.downlist ul li .box { padding:0 12px; }
.downlist ul li .box a { color:#f00; }

@media only screen and (min-width: 1500px) and (max-width: 1900px) {
	
	.focusBox, .focusBox .pic img { height:580px;  }
}
@media only screen and (min-width: 1100px) and (max-width: 1499px) {
	
	.focusBox, .focusBox .pic img { height:460px;  }
}

.izl-rmenu {
    position:fixed;
    right:0;
    margin-right:20px;
    bottom:295px;
    padding-bottom:20px;
    z-index:999;
	width:72px;
	height:200px;
}

.izl-rmenu a.btn-qq, .izl-rmenu a.btn-qq:visited {
    background:url(../images/r_qq.png) 0px 0px no-repeat;
    background-color:#6da9de;
    text-decoration:none;
    display:block;
}

.izl-rmenu .btn-wx {
    background:url(../images/r_wx.png) 0px 0px no-repeat;
    background-color:#78c340;
}

.izl-rmenu .btn-wx .pic {
    position: absolute;
    left: -146px;
    top: 0px;
    display: none;
    width: 146px;
    height: 146px;
}

.izl-rmenu .btn-phone {
    background: url(../images/r_phone.png) 0px 0px no-repeat;
    background-color: #fbb01f;
}

.izl-rmenu .btn-phone .phone {
    background-color: #ff811b;
    position: absolute;
    width: 160px;
    left: -160px;
    top: 0px;
    line-height: 73px;
    color: #FFF;
    font-size: 18px;
    text-align: center;
    display: none;
}

.izl-rmenu .btn-top {
    background: url(../images/r_top.png) 0px 0px no-repeat;
    background-color: #30a85e;
    display: none;
}

.izl-rmenu .btn {
    width: 72px;
    height: 73px;
    /*margin-bottom: 1px;*/
    cursor: pointer;
    position: relative;
}

.index-main-news { width:1100px; margin:0 auto; }
.index-main-news .left-panel { width:412px; }
.index-main-news .right-panel { width:678px; }
.index-main-news .tab-tit ul li {
    float: left;
	width: 150px;
    height: 40px;
    /*background: #30a85e;*/
	border: 1px solid #fff;
    text-align: center;
    line-height: 40px;
    color: #fff;
    font-size: 16px;
    margin-right: 10px;
	cursor: pointer;
}
.index-main-news .list { /*display:none; */ height:232px; overflow:hidden;}
.index-main-news .list ul li {
	line-height:32px;
	height:32px;
	color:#fff;
	border-bottom:1px dashed #45d6ff;
}
.index-main-news .list ul li a { color:#fff; }

.index-main-news .list ul li .biaoti {}
.index-main-news .list ul li .riqi {}

ul.thumbnail li { 
 float:left; 
 margin:0 5px;
 width:11px;
 height:11px;
 background-color:#fff;
 	     border-radius:6px;
     -ms-border-radius:6px;
 -webkit-border-radius:6px;
    -moz-border-radius:6px;
      -o-border-radius:6px;
}