html{ font-size:62.5%; }
body{ font-family: Arial,'微软雅黑'; text-align: center; background: #fff; font-size: 1.4rem; }
*{ margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
ul li{ list-style: none;}
img{ border:0; }
a,a:focus,a:hover{ text-decoration: none; color: none; }
.h1, .h2, .h3, h1, h2, h3,.h4, .h5, .h6, h4, h5, h6{ margin:0; /*font-weight: normal;*/ font-weight: bold; line-height: 1; }
p,ul,ol,label,hr{ margin:0; }
input{ outline: none;}
.contact-form::-webkit-input-placeholder { /* WebKit browsers */ 
color: #d7d7d7; 
} 
.contact-form:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
color: #d7d7d7; 
} 
.contact-form::-moz-placeholder { /* Mozilla Firefox 19+ */ 
color: #d7d7d7; 
} 
.contact-form:-ms-input-placeholder { /* Internet Explorer 10+ */ 
color: #d7d7d7; 
} 

.top{ width: 100%; overflow: hidden; background: #f2f2f2; line-height: 30px; color: #6a6a6a; }
.top a{ color: #6a6a6a;}
.top-left{ float: left; }
.top-right{ float: right; }
.top-right li{ float: left; }
.top-right li:after{ content: '|'; padding:0 10px; }
.top-right li:last-child:after{ content: ''; padding:0; }
.top span{ color: #00356e; }
header{ width: 100%; overflow: hidden; padding:15px 0; position: relative; }
.logo{ float: left; }
.header-right{ float: right; }
.tel{ font-size: 2.4rem; line-height: 30px; margin:25px 0 0 0; }
.tel span{ display: inline-block; background: url(../images/tel.png) no-repeat left center; background-size: auto 100%; padding:0 0 0 40px;}
.tel a{ color: #00a1e9;}
nav{ /*width: 100%; overflow: hidden;*/ background: #00a1e9; }
/*nav ul{ float: left; }*/
nav .container > ul > li{ display: inline-block; position: relative; line-height: 50px; font-size: 1.6rem; font-weight: bold; }
nav .container > ul > li > a{ display: inline-block; color: #fff; padding:0 25px; }
nav .container > ul > li > a:hover,nav .container > ul > li.current-menu-item > a{ background: #86251e; color: #fff; }

.menu-toggle{ display: none; width: 35px; float: right; height: 29px; cursor: pointer; z-index: 99; position: absolute; right:15px; top:40px; 
	border:1px solid #ddd; border-radius: 5px; padding:5px; background: #eee; }
.menu-toggle .icon-bar{ display: block; width: 100%; height: 2px; border-radius: 2px; background-color: #333; }
.menu-toggle .icon-bar+.icon-bar { margin-top: 5px; }
.menu-toggle:hover .icon-bar{ background-color: #333; }
.menu-over{ display: none; width: 100%; position: fixed; z-index: 999; top:0; background: rgba(0,0,0,0.8); }
.menu{ width: 50%; height: 100%; position: relative; z-index: 9999; padding:30px 0; background: #333; text-transform: uppercase; font-size: 1.8rem; color: #fff; text-align: left;}
.menu-close{ text-align: right; cursor: pointer; margin-bottom:20px; padding:0 15px; }
.menu > ul > li{ width: 100%; line-height: 1.2; position: relative; }
.menu > ul > li > a{ position: relative; display: block; padding:15px; color: #fff; }
.menu > ul > li > a:hover{ color: #d2d2d2; }

.search{ width: 100%; overflow: hidden; padding:10px 0;  }
.search-keywords{ float: left; padding:7px 0; line-height: 16px; color: #7f7f7f; text-align: left; font-size: 1.2rem; }
.search-keywords a{ color: #7f7f7f; margin:0 5px; }
.search-keywords a:hover{ color: #00a1e9; }
.search-form{ float: right; }
.search-control{ width: 150px; float: left; line-height: 28px; background: #fff; border:1px solid #86251e; padding:0 15px; color: #6a6a6a; }
.search-btn{ float: left; line-height: 30px; border:0; background: #86251e; padding:0 15px; color: #fff; }
/* flexslider */
.slider .flexslider{position:relative; height: 510px; overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slider .slides{position:relative;}
.slider .slides li{height:510px; background-position: center; background-repeat: no-repeat; background-size: cover; }
/*.slides li img{ max-width: 100%; }*/
.slider .flex-control-nav{ position:absolute;bottom:20px;z-index:2;width:100%;text-align:center; height: 14px;}
.slider .flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;/**display:inline;zoom:1;*/}
.slider .flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:14px;overflow:hidden;  text-indent: -9999px; cursor:pointer; background: rgba(35,31,32,0.3); border-radius: 100%;}
.slider .flex-control-nav .flex-active,.flex-control-nav a:hover{background: rgba(255,255,255,1);}
.slider .flex-direction-nav{ position:absolute;z-index:2;width:100%;top:45%;}
.slider .flex-direction-nav li a{display:block;width:60px;height:60px; overflow:hidden;cursor:pointer;position:absolute; opacity: 0.4;}
.slider .flex-direction-nav li a.flex-prev{left:30px;background:url(../images/prev.png) center center no-repeat;}
.slider .flex-direction-nav li a.flex-next{right:30px;background:url(../images/next.png) center center no-repeat;}

.middle{ margin:50px 0; }
.middle-top{ width: 100%; height: 63px; position: relative; border-bottom: 1px solid #b2b2b2; }
.middle-top h3{ width: 100%; position: absolute; z-index: 9; }
.middle-top h3 span{ display: inline-block; border-bottom: 5px solid #00a1e9; line-height: 60px; font-size: 3rem; color: #00a1e9;}
.middle-title{ padding:15px 0; }
.middle-title h4{ color: #333; font-size: 2.6rem; }
.links{ width: 100%; overflow: hidden; margin:30px 0; }
.links ul li{ /*width: 20%;*/ float: left; padding:0 15px; }
.links-img{ /*width: 100%;*/ height: 79px; overflow: hidden; padding:2px; border:1px solid #d2d2d2; }
.links-img img{ height: 75px; }
.links ul li h3{ font-size: 1.4rem; color: #666; margin-top: 15px;}

.pro-left{ border:2px solid #00a1e9; }
.pro-left-top{ background: #00a1e9; padding:15px 0; }
.pro-left-top h3{ font-size: 2rem; color: #fff; line-height: 1.5; }
.pro-left-top h4{ font-size: 1.2rem; color: #eee;}
.category{ padding:15px; text-align: left; }
/*.category h3{ background: #00a1e9; color: #fff; padding-left: 15px; font-size: 1.4rem; line-height: 35px; margin: 15px 0 5px 0;}*/
.category dl{ margin:0 0 10px 0; }
.category dl dt{ font-size: 1.6rem; line-height: 30px; color: #00a1e9; padding-left: 30px; background: url(../images/ico1.gif) no-repeat left center; border-bottom: 1px dashed #ccc; }
.category dl dd{ line-height: 30px; color: #666; border-bottom: 1px dashed #ccc; padding-left: 30px; background: url(../images/ico2.gif) no-repeat left center; }
.pro-right-top{ width: 100%; overflow: hidden; border-bottom: 1px solid #b2b2b2; line-height: 42px;}
.pro-right-top ul{ float: left; }
.pro-right-top ul li{ float: left; font-size: 1.8rem; font-weight: bold; }
.pro-right-top ul li a{ display: inline-block; color: #000; padding:0 30px; border-radius: 5px 5px 0 0; }
.pro-right-top ul li.current a,.pro-right-top ul li a:hover{ background: #00a1e9;  color: #fff;}
.pro-right-top span{ float: right; }
.pro-right-top span a{ color: #666;}
.pro-list{ width: 100%; overflow: hidden; padding: 15px 0; }
.pro-list ul{ margin:0 -15px; }
.pro-list ul li{ width: 33.33%; float: left; padding:15px; }
.pro-list-img{ /*height: 207px;*/ overflow: hidden; }
/*.pro-list-img img{ max-width: 100%; }*/
.pro-list ul li h3{ font-size: 1.4rem; color: #000; padding:15px 0 0 0; font-weight: normal; }
.cases{ margin:30px 0; }
.case-left{ padding-right: 15px; }
.case-left h3{ background: #00a1e9; padding:15px 0; color: #fff; font-size: 1.6rem;}
.case-list{ background: #f0f0f0; }
.case-list li{ padding:15px; border-bottom: 1px solid #fff; }
.case-list-text{ width: 100%; overflow: hidden; line-height: 25px; }
.case-list-text i{ float: left; width: 25px; background: #86251e; color: #fff; border-radius: 50%; font-style: normal; }
.case-list-text span{ float: left; padding-left: 10px; color: #333; }
.case-list-img{ display: none; padding:5px 35px; }
.case-list-img img{ max-width: 100%; }
.case-list li:hover .case-list-img{ display: block; }
.case-big-img{ height: 300px; overflow: hidden; }
.case-big-img img{ width: 100%; }
.case-big-bottom{ padding:0 15px; color: #fff; }
.case-big-text{ background: #00a1e9; padding:35px 15px; text-align: left; font-size: 1.8rem; line-height: 20px; font-weight: bold; }
.case-big-btn{ background: #86251e; padding:15px; font-size: 2.6rem; line-height: 30px;}
.case-big-bottom a{ color: #fff; }

.featured-top{ height: 159px; padding:30px 0; background: url(../images/featured-top.jpg) no-repeat center top; }
.featured-top h3{ font-size: 4.7rem; color: #fff; line-height: 1.5; }
.featured-top h4{ font-size: 1.4rem; color: #eee; }
.featured{ background: #f8f8f8 url(../images/featured-bg.jpg) no-repeat; }
.featured-list{ width: 100%; overflow: hidden; padding:35px 5%; }
.featured-info{ width: 50%; float: left; padding:0 35px; margin-top: 30px; }
.featured-title{ width: 100%; overflow: hidden; height: 80px; background: url(../images/featured-title.png) no-repeat left top; }
.featured-title span{ width: 85px; float: left; line-height: 80px; color: #fff; font-size: 2.8rem; }
.featured-title div{ float: left; padding:15px 0 0 15px; text-align: left; }
.featured-title h3{ font-size: 2.2rem; color: #000; line-height: 1.5; }
.featured-title h4{ font-size: 2.4rem; color: #00a1e9; /*font-weight: bold;*/}
.featured-text{ padding:15px 0; line-height: 25px; color: #666; text-align: left; }
.featured-text ul li{ background: url(../images/ico3.png) no-repeat left 10px; padding-left: 15px; }
.featured-text span{ font-weight: bold; color: #00a1e9; }
.featured-img{ width: 50%; float: left; padding:0 35px; }
.featured-img img{ float: right; max-width: 100%; }
.featured .featured-list:nth-child(2n) .featured-img img{ float: left; }

.about{ margin:30px 0; }
.about-img{ padding:0; }
.about-img img{ width: 100%; }
.about-text{ text-align: left; padding: 15px 0 0 50px; }
.about-text h3{ font-size: 1.6rem; color: #333; /*font-weight: bold;*/ margin-bottom:10px; }
.news-top-text h3{ font-size: 1.6rem; color: #333; /*font-weight: bold;*/ }
.about-text span{ color: #323232; }
.about-text p,.news-top-text p{ margin:10px 0 0 0; color: #555; }
.about-btn{ display: inline-block; line-height: 30px; padding:0 30px; background: #00a1e9; color: #fff; margin-top: 30px; }

.gg{ margin:15px 0; }
.gg img{ max-width: 100%; }
.rongyu{ margin-top: 50px; }
.news-title{ width: 100%; height: 37px; border-bottom: 1px solid #b2b2b2; position: relative; color: #666; margin-bottom: 15px; }
.news-title h3{ position: absolute; z-index: 9; font-size: 1.8rem; line-height: 35px; border-bottom: 3px solid #00a1e9; }
.news-title span{ position: absolute; right: 0; line-height: 35px; }
.news-title a{ color: #666; }
.news-top{ width: 100%; overflow: hidden; text-align: left; margin:0 0 15px 0; }
.news-top-img{ width: 35%; float: left; overflow: hidden; }
.news-top-img img{ /*max-width: 100%;*/ height: 116px; }
.news-top-text{ width: 65%; float: left; padding:5px 15px; }
.news-top-text span{ display: inline-block; line-height: 30px; padding:0 30px; background: #00a1e9; color: #fff; margin-top: 10px; }
.news-list{ margin:15px 0; }
.news-list li{ width: 100%; overflow: hidden; line-height: 35px; }
.news-list li a{ float: left; color: #666; }
.news-list li span{ float: right; }

.footer-nav{ background: #025ec3/*00356e*/; padding:15px 0; color: #fff; }
.footer-nav ul{ display: inline-block; }
.footer-nav ul li{ display: inline-block; }
.footer-nav ul li a{ color: #fff; }
.footer-nav ul li a:after{ content: '|'; padding:0 30px; }
.footer-nav ul li:last-child a:after{ content: ''; padding:0; }
footer{ background: #00a1e9; padding:15px 0; color: #fff; text-align: left;}
footer a{ color: #fff; }
.footer-text{ line-height: 25px;}
.footer-text img{ margin-top: 15px; }
.footer-form{ background: #025ec3/*00356e*/; border:1px solid #ccc; border-radius: 5px; padding:15px;}
.footer-group{ width: 100%; overflow: hidden; margin:5px 0; }
.footer-label{ width: 25%; float: left; line-height: 25px; }
.footer-control,.footer-area{ width: 75%; float: left; background: #fff; border:0; line-height: 25px; color: #000;  }
.footer-area{ height: 80px; }
.footer-btn{ margin-left: 25%; background: #00a1e9; color: #fff; padding:0 15px; line-height: 25px; border:0; }

.banner{ height: 330px; background-repeat: no-repeat; background-position: center; background-size: cover; }
.banner-about{ background-image: url(../images/banner-about.jpg); }
.banner-products{ background-image: url(../images/banner-products.jpg); }
.banner-cases{ background-image: url(../images/banner-cases.jpg); }
.banner-news{ background-image: url(../images/banner-news2.jpg); }
.banner-contact{ background-image: url(../images/banner-contact1.jpg);}
.banner-support{ background-image: url(../images/banner-zhaopin.jpg);}

.position{ width:100%; height:82px; overflow: hidden; background: #00a1e9; color: #fff; /*position:fixed; top:0;*/ z-index: 9;}
.pos-left{ height: 82px; float: left; text-align: left; }
.pos-left h3{ font-size: 2rem; line-height: 28px; padding: 16px 0 0 0; }
.pos-left p{ line-height: 20px; }
.pos-left a{ color: #fff; }
.pos-right{ height: 82px; float: right; }
.pos-right li{ float: left; }
.pos-right li a{ display: block; padding: 0 30px; border-left: 1px solid #4eb8f1; border-right: 1px solid #4eb8f1; /*border-top: 1px solid #4eb8f1;*/ 
	margin:0 -0.5px; font-size: 1.6rem; color: #fff; line-height: 80px; }
.pos-right li a:hover,
.pos-right li.current a{background: #86251e;}

.page h1{ margin:20px 0 50px 0; font-size: 28px; color: #00a1e9; }
.page-text{ text-align: left; line-height: 25px; color: #333; padding-bottom: 70px; border-bottom: 1px solid #ccc; }
.page-text img{ max-width: 100%; /*margin:0 10px 10px 0;*/}
.page-text p{ margin:0 0 10px 0; text-indent: 2em; }

.page-left{ border:1px solid #ccc; border-radius: 5px; margin-bottom: 15px; }
.list-cate{ padding:15px; text-align: left;}
.list-cate li{  font-size: 1.4rem; line-height: 35px; margin: 0 0 10px 0;}
.list-cate li a{ display: block; background: #ddd; color: #000; padding-left: 15px; }
.list-cate li a:hover{ background: #025ec3; color: #fff; }
.list-pro{ padding:15px 30px;}
.list-pro a{color: #00a1e9; }
/*.list-pro img{ max-width: 100%; }*/
.list-pro h3{ font-size: 1.4rem; line-height: 30px; }

.pro-right-title{ width: 100%; overflow: hidden; border-bottom: 1px solid #b2b2b2; text-align: left;}
.pro-right-title h1{ line-height: 42px; float: left; font-size: 1.8rem; background: #00a1e9;  color: #fff; padding:0 30px; border-radius: 5px 5px 0 0;}
.pro-right-position{ line-height: 42px; float: right; }
.pro-right-title a{ color: #000; }
.page-newslist{ padding:15px 0; }
.page-newslist ul li{ width: 100%; overflow: hidden; border-bottom: 1px dotted #ccc; line-height: 35px; background: url(../images/ico3.png) no-repeat left center; padding-left: 15px; }
.page-newslist ul li a{ float: left; color: #000; }
.page-newslist ul li span{ float: right; }
.page-new{ padding:30px 15px; }
.page-new h2{ font-size: 1.8rem; color: #00a1e9; margin-bottom: 15px; }
.page-new hr{ display: inline-block; width: 10%; height: 1px; border:0; background: #00a1e9; }
.page-new-date{ color: #ccc; }
.page-slider{ margin:30px 0 0 0; }
/*.page-slider-img{ height: 100%; display: table; }
.page-slider-img img{ display: table-cell; vertical-align: middle; }*/
/* flexslider */
.page-slider .flexslider{position:relative;/*height:720px;*/overflow:hidden;background:url(../images/loading.gif) 50% no-repeat; padding-bottom: 50px;}
.page-slider .slides{position:relative;}
.page-slider .slides li{/*height:720px;*/ /*background-position: center; background-repeat: no-repeat; background-size: cover;*/ }
.page-slider .slides li img{ max-width: 80%; }
.page-slider .flex-control-nav{ position:absolute; bottom: 25px; z-index:2;width:100%;text-align:center; height: 14px;}
.page-slider .flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;/**display:inline;zoom:1;*/}
.page-slider .flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:14px;overflow:hidden;  text-indent: -9999px; cursor:pointer; background: #959595; border-radius: 50%; }
.page-slider .flex-control-nav .flex-active,.flex-control-nav a:hover{background: #000;}
.page-slider .flex-direction-nav{ position:absolute;z-index:9;width:100%;top:46%;}
.page-slider .flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute; /*opacity: 0.4;*/}
.page-slider .flex-direction-nav li a.flex-prev{left:20px;background:url(../images/prev.png) center center no-repeat; background-size: 100%;}
.page-slider .flex-direction-nav li a.flex-next{right:20px;background:url(../images/next.png) center center no-repeat; background-size: 100%;}
.page-new-text{ padding:15px 0; text-align: left; }
.page-new-text table tr td{border-collapse:collapse;  border:1px solid black;}
.page-new-text p{ text-indent: 2em; margin-bottom:10px; }
.page-new-text img{ max-width: 80%; margin-bottom: 10px; }
.page-protitle{ width: 100%; height: 32px; position: relative; margin:30px 0 15px 0; /*text-align: center;*/ border-bottom: 1px dotted #ccc; font-size: 1.6rem; font-weight: bold; color: #00a1e9; }
.page-protitle span{ /*width: 20%;*/ line-height: 30px; padding:0 15px; border-bottom: 3px solid #00a1e9; position: absolute; z-index: 9; /*left: 40%;*/ }
.zizhis{ width: 100%; text-align: center; }
.zizhi{ display: inline-block; margin:10px; }
.zizhi img{ height: 160px; }
/**********************************************/
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.aligncenter p.wp-caption-text {
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
}
/**********************************************/
.page-nextprev{ width: 100%; overflow: hidden; margin:20px 0; /*color: #00a1e9;*/ border-top:1px solid #ccc; padding:5px 0; }
.page-prev{ float: left; }
.page-next{ float: right; }
.page-nextprev a,.page-nextprev span{ color: #000; }
/**********************************************/
#pagenavi{ margin:20px 0; float: right; }
#pagenavi a,#pagenavi span{ padding: 0 10px; height: 30px; line-height: 30px; display: inline-block; border: 1px solid #dedede; margin-left: 5px; color: #000;}
#pagenavi a:hover, #pagenavi span.current{ background: #00a1e9; color: #fff; border-color: #00a1e9;}
/**********************************************/
#demo{ width: 100%; overflow: hidden; height: 115px; }
#indemo { float: left; width: 800%; }
#demo1{ float: left;}
#demo2{ float: left;}

ul.sub-menu{ display: none; }
nav .container > ul > li:hover > ul.sub-menu{ display: block; width: 100%; padding:10px 0; position: absolute; z-index: 99; background: #00a1e9;}
.sub-menu > li{ font-size: 1.4rem; line-height: 30px; font-weight: normal; }
.sub-menu > li > a{ display: block; color: #fff; }
.sub-menu > li > a:hover{ color: #000; }

span.wpcf7-not-valid-tip{ float: left; }
/**********************************************/
@media (max-width:768px){
      html{ font-size:42%; }
      .middle{ margin:15px 0; }
      .scrollsidebar{ display: none; }
      .menu-toggle{ display: block; }
      nav{ display: none; }
      .logo,.header-right,.search-keywords,.search-form{ width: 100%; float: none;}
      .logo img{ max-width: 80%; }
      .tel{ margin:10px 0 0 0; font-size: 2rem; }
      .search{ padding:0; }
      .search-form{ margin:5px 0; }
      .search-form form{ display: inline-block; }
      .slider .flexslider,.slider .slides li{ height: 180px;}
      /*.slider .slides li{ background-size: 100%;}*/
      .pro-list ul li{ width: 100%; }
      .case-big-img{ height: auto; }
      .case-big-text{ padding:10px 15px; }
      .case-big-btn{ padding:0 15px; }
      .middle-top h3 span{ font-size: 2.4rem; }
      .middle-title h4{ font-size: 1.8rem;  }
      .featured-top h3{ font-size: 4rem; }
      .featured-info,.featured-img{ width: 100%; }
      .about-text{ padding-left: 0; }
      .flex-direction-nav,.footer-nav,.pro-right-position{ display: none; }
      .footer-form{ margin-top: 15px; }
      .banner{ height: 120px; /*background-size: 100%;*/ }
      .position{ height: auto; }
      .pos-left,.pos-right{ width: 100%; height: auto; }
      .pos-right li a{ padding:5px 8px; margin:0; border:0; line-height: 20px; }
      .page-next{ float: none; }
      .page-new-text table{ width: 100%!important; }
      .zizhi{ float: left; }
      .zizhi img{ height: auto!important; width: 100%!important; }
}