@charset "utf-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin:0;padding:0;border:0;font-size:100%;font:inherit;box-sizing: border-box;vertical-align:baseline;}
/* scrollbar for chrome */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: rgba(35, 35, 35, 0.77);
}
::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: rgba(31, 31, 31, 0.49);
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);
}
::-webkit-scrollbar-track:hover {
  background-color: rgba(58, 58, 58, 0.2);
  -webkit-box-shadow: inset 0 0 6px rgba(0,153,153,.4);
}
::-webkit-scrollbar-track:active {
  background-color: rgba(107, 107, 107, 0.2);
  -webkit-box-shadow: inset 0 0 6px rgba(0,153,153,.1);
}
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: rgb(231, 255, 10);
  -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1);
}
::-webkit-scrollbar-thumb:hover {
  background-color: rgba(41, 185, 228, 0.8);
  -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1);
}
::-webkit-scrollbar-thumb:active {
  background: rgba(34, 166, 206, 0.87);
}

.transition {transition:1.5s;}
body{font-family:"Microsoft Yahei", "微软雅黑", Tahoma, Arial, sans-serif;background: #fff;font-weight:lighter;min-width:1400px;}
a{text-decoration:none; color:#444;}
a:hover{text-decoration:none!important;}
a{text-decoration:none; color:#444;}
a:hover{text-decoration:none!important;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #999;}
li {list-style-type:none;}
input,textarea {outline: none;}
h1,h2,h3,h4,h5{margin:0;}

.hr {
	display: block;
	height: 1px;
	border: 0;
	margin: 10px 0;
	padding: 0;
	background-image: -webkit-linear-gradient(left, #fff, #ccc, #fff);
	background-image: -moz-linear-gradient(left, #fff, #ccc, #fff);
	background-image: -ms-linear-gradient(left, #fff, #ccc, #fff);
	background-image: -o-linear-gradient(left, #fff, #ccc, #fff);
	width: 50%;
	left: 25%;
	position: relative;
	border: none;
}

/* scrollbar for chrome end */
/*通用图片放大效果*/
.img{height:auto;overflow:hidden;position:relative;}
.img img{width:100%;transition:all 1s;-webkit-transition:all 1s;-ms-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;position:relative;z-index:3}
.img .cover{width:100%;height:100%;transition:all 1s;-webkit-transition:all 1s;-ms-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;position:absolute;left:0;top:0;z-index:4;line-height:195px;text-align:center}
.img .cover a{vertical-align:middle;display: block;width: 100%;height: 100%;color:#FFF;font-size:18px;position:relative;top:50px;opacity:0;transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s}
.img .cover a:hover{color:#FFF;text-decoration:none;}
.img .cover a i{line-height:164px;}
.img:hover img{-webkit-transform: scale(1.2, 1.2);-moz-transform: scale(1.2, 1.2);-o-transform: scale(1.2, 1.2);-ms-transform: scale(1.2, 1.2);transform: scale(1.2, 1.2);}
.img:hover .cover{background: #222;opacity: 0.85;}
.img:hover .cover a{top: 0;opacity: 1;}
.img .cover a h4, .img:hover .cover a h4{ margin-top:60px; font-size:22px; color:#fff; margin-bottom:40px; border-bottom:1px dotted #ddd; line-height:80px;}
.img .cover a span, .img:hover .cover a span{display:block; color:#fff; font-size:14px; line-height:20px;}

/*右滑填充特效*/
.over-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.over-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #00b8ee;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.over-right:hover, .over-right:focus, .over-right:active {
  color: #fff;
}
.over-right:hover:before, .over-right:focus:before, .over-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/*旋转*/
@-webkit-keyframes rotate{from{-webkit-transform: rotate(0deg)}
to{-webkit-transform: rotate(360deg)}
}
@-moz-keyframes rotate{from{-moz-transform: rotate(0deg)}
to{-moz-transform: rotate(359deg)}
}
@-o-keyframes rotate{from{-o-transform: rotate(0deg)}
to{-o-transform: rotate(359deg)}
}
@keyframes rotate{from{transform: rotate(0deg)}
to{transform: rotate(359deg)}
}
/*反向旋转*/
@-webkit-keyframes rotate2{from{-webkit-transform: rotate(0deg)}
to{-webkit-transform: rotate(-360deg)}
}
@-moz-keyframes rotate2{from{-moz-transform: rotate(0deg)}
to{-moz-transform: rotate(-359deg)}
}
@-o-keyframes rotate2{from{-o-transform: rotate(0deg)}
to{-o-transform: rotate(-359deg)}
}
@keyframes rotate2{from{transform: rotate(0deg)}
to{transform: rotate(-359deg)}
}

/*加载动画*/
.loading {
    position: fixed;
    background: #fff;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9999999;
}
.loading .ball-clip-rotate > span {
	margin: 0 auto;
	display: block;
	top: 50%;
	position: absolute;
	left: 0;
	right: 0;
	border-radius: 100%;
	border: 2px solid #fff;
	border-color: #00b8ee #0da3e2 transparent;
	height: 25px;
	width: 25px;
	background: 0 0!important;
	-webkit-animation: rotate .75s 0s linear infinite;
	animation: rotate .75s 0s linear infinite;
}

/*头部固定特效*/
@keyframes menu_sticky {
  0%   {margin-top:-100px;}
  50%  {margin-top: -90px;}
  100% {margin-top: 0;}
}
header.stricky-fixed {margin: 0; position: fixed; top:0;left:0;width: 100%;z-index: 99999;box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);animation-name: menu_sticky;animation-duration: 0.60s;animation-timing-function: ease-out; background:#fff;}
header.stricky-fixed .menu .item .onelink a{color:#222;}
/*正式内容*/
.w1400{width:1400px;position:relative;margin:0 auto;overflow:hidden;}

header{width: 100%;margin:0 auto;float: left;}

nav{position: relative;width: 1400px;height: 90px;margin: 0 auto;clear: both;}
nav h1{font-size:0;}
nav h1.logo{float:left;width: 180px;overflow:hidden;position:  absolute;top: 0;left:  0;}
nav h1.logo img{width:100%;padding: 10px;position:  relative;z-index: 999;}
.menu{height: 90px;position: relative;float: right;}
.searchbtn{width: 46px;height: 46px;font-size: 18px;text-align: center;position:relative;float: right;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAASFBMVEVHcEz///////////////////////////////////////////////////////////////////////////////////////////8FevL4AAAAF3RSTlMARoqa8OYEC9P5IqN7OFUuxxlysGi8XbZLb5kAAAEfSURBVDjLfVNbAoQgCKx8a/Yy8/43XaTc1WLji3QGBpy6roTdguZGLG5SHRG9Tt8wzN6v7ZKaMINs6RyPRWCDiwbzuNb3eOb8+aUm7KZ/SubM13PF2DMjli4yE0KrHDljgUO+3CfzUIOfMqQA0Y+xuhFow6nwmzWReQIzBgBLbC6XwLlgRZpa7QyAPSdQKlAAVVobUgIETMquCo4EFCZoiNT9Ci22nDjYCGWACQB9SSYCEICIr6Ggl5bklJe2oXqX3yKzg64HVjBHOm6AvF9WyzFNDeVax2zoMd8amNcPhIi0bH6Vqx8vf++Na0V6Rtt15NWV7o/0sIk63FlGs6xmMpSRpJ2tqv8F1r0E/k1OviA8T/+sUN4DRPE3gLRR7B+vQBlpTZD49wAAAABJRU5ErkJggg==) no-repeat center center;background-size: 12px;cursor: pointer;}
.searchbtn a{display:block;}
.searchbtn a i{color: #fff;line-height: 66px;}
.searchbtn a:hover i{color:#ffffff;}
.searchbox{position: absolute;overflow: hidden;top: 68px;right: 0;z-index: 99999;background: #000; display:none;}
.searchmask{position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0, 0, 0, 0.7);z-index: 88;}
.searchbox dl{padding:10px;position:relative;width: 800px;float: right;background: #00b8ee;box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2);position:  relative;z-index: 99;}
.searchbox dl input{height: 34px;width: 700px;color:#999999;padding:0 10px;border: none;box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2) inset;box-sizing: border-box;}
.searchbox dl span{font-size: 14px;color: #ffffff;position: relative;width: 80px;display:block;line-height: 34px;float: right;text-align:center;cursor:pointer;background: #007cb0;}
.searchbox dl span:hover{background: #007cb0;}

/*导航菜单 */
.menu .item{float:left;color:#333;text-align:left;position:relative;z-index:9;letter-spacing: 2px;}
.menu .item:last-child{background:none;}
.menu .item.hover{display:  block;}
.menu .item.hover .onelink{ position:relative;}
.menu .item.hover .onelink a{color: #00b8ee;}
.menu .item.hover .twojnav{display:block;}
.menu .item .onelink{margin:0;}
.menu .item .onelink i{padding-left:6px;}
.menu .item .onelink a{color: #444;line-height: 90px;padding: 0 25px;font-size: 14px;}
.menu .item .onelink a.hover, .menu .item .onelink a.cur{color: #bd3636;}
.menu .item .onelink a span{display:none;font-size:12px;line-height:12px;height:12px;overflow:hidden;}
.menu .item .onelink a.hover span,.nqhtopnav .item .onelink a.cur span{display:block;}
.menu a{cursor:pointer;display:block; color:#444; text-decoration:none;}
.menu .last{padding:0;float:left;}

/*主导航二级导航*/
.menu .item .twojnav{position:absolute;top: 90px;left:0;display:none;background-color: #00b8ee;box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.15);width: 240px;transition:opacity 2s;}
.menu .item .twojnav li{list-style-type:none;width:100%;overflow:hidden;position: relative;}
.menu .item .twojnav li:hover {background: #007cb0;}
.menu .item .twojnav a{color: #fff;text-align:left;text-decoration:none;}
.menu .item .twojnav .twolink{display:block;line-height:44px;height:44px;overflow:hidden;font-size:13px;padding-left:26px; position:relative;}
.menu .item .twojnav .twolink:hover{color: #ffffff;}
.menu .item .twojnav .twolink.show{background: #007cb0;color: #fff!important;}
.menu .item .twojnav li>span{position:absolute;right:0;top:0;line-height: 44px;width: 44px;text-align: center;color: #fff;}
.menu .item .twojnav li>span.show i{transform: rotate(45deg);}

.menu .item .threejnav{background: #ffffff;display:none;position: relative;z-index: 9999;}
.menu .item .threejnav a{line-height:40px;font-size:12px;color: #222;width: 100%;text-align: left;padding-left: 36px;}
.menu .item .threejnav a:hover{background-color: #555555;color: #fff;}

.main{position:relative;clear:both;overflow:hidden;background: #eee;}
.pagebanner{width: 100%;overflow:hidden;clear:both; position:relative;}
.pagebanner:before{content: '';position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;background: rgba(189, 189, 189, 0.68);z-index: 0;}
.pagebanner img{display:block;}
.pagebanner h2{position:absolute;width: 1000px;text-align: center;left:50%;top:50%;margin-left: -501px;margin-top: -60px;color:  #fff;font-size: 44px;line-height: 120px;font-family: Cinzel;}

.location{width: 1400px;margin: -40px auto 0 auto;background: #ffffff;z-index: 2;position: relative;padding: 0 20px;border-radius: 2px;box-shadow: 0 4px 18px 0 rgba(0, 0, 0, 0.12);}
.location .here{overflow:hidden;line-height: 60px;}
.location .here a{color: #444;font-size:15px;}
.location .here a i{color: #444;line-height:40px;margin-right:8px;}
.location .here code{color: #444;margin:0 10px;}
.location .here font{color: #999;font-size:15px;}

.index_banner{float:left; width:100%;}
.carousel-fade .carousel-inner .item{opacity: 0; -webkit-transition-property: opacity; transition-property: opacity;}
.carousel-inner .item img{width:100%; display:block;}
.carousel-fade .carousel-inner .active{opacity: 1;}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right{left: 0; opacity: 0; z-index: 1;}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right{opacity: 1;}
.carousel-fade .carousel-control{z-index: 2;}
.carousel-caption{right: 15%; left: 15%; text-shadow: none; padding: 0; bottom: 36%; -webkit-transform: translate(0, 50%); -ms-transform: translate(0, 50%); transform: translate(0, 50%); text-align:left;}
.carousel-caption > h2{color: #fff; font-size: 38px; font-weight: 400; text-transform: uppercase; position: relative; padding-bottom: 15px; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); opacity: 0; -webkit-transition: -webkit-transform 0.5s, opacity 0.5s; transition: transform 0.5s, opacity 0.5s; -webkit-transition-delay: 0.3s; transition-delay: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);}
.carousel-caption > img{opacity: 0; margin-top: -20px; -webkit-transition: opacity 0.5s, margin-top 0.5s; transition: opacity 0.5s, margin-top 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);}
.carousel-caption > p{color: #fff; font-size: 20px; line-height: 2.500em; font-weight: 300; -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); opacity: 0; -webkit-transition: -webkit-transform 0.5s, opacity 0.5s; transition: transform 0.5s, opacity 0.5s; -webkit-transition-delay: 1.5s; transition-delay: 0.8s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);}
.carousel-caption .banner-btns{padding-top:30px;text-align:left;}
.carousel-caption .banner-btns li{list-style:none;display:inline-block;margin-right:5px;-webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); opacity: 0; -webkit-transition: -webkit-transform 1.5s, opacity 1.5s; transition: transform 1.5s, opacity 1.5s; -webkit-transition-delay: 1.5s; transition-delay: 0.2s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);}
.carousel-caption .banner-btns li a.link-red{width:200px;text-decoration:none;height:40px;line-height:40px;font-size:17px;font-weight:normal;color:#fff;text-align:center;background-color:#ea3c56;display:inline-block;border-radius:25px;-webkit-border-radius:25px;-moz-border-radius:25px;-o-border-radius:25px;-ms-border-radius:25px;}
.carousel-caption .banner-btns li a.link-red:hover{background-color:#c7001e;}
.carousel-caption .banner-btns li a.link-blue{width:200px;text-decoration:none;height:40px;line-height:40px;font-size:17px;font-weight:normal;color:#fff;text-align:center;background-color:#3ba2c1;display:inline-block;border-radius:25px;-webkit-border-radius:25px;-moz-border-radius:25px;-o-border-radius:25px;-ms-border-radius:25px;}
.carousel-caption .banner-btns li a.link-blue:hover{background-color:#00769a;}

.header.transp + .carousel .carousel-caption{margin-bottom: -40px;}
.header.transp.center-content + .carousel .carousel-caption{margin-bottom: -60px;}
.carousel-inner .item.active .carousel-caption > h2{opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}
.carousel-inner .item.active .carousel-caption > h2:after{-webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1);}
.carousel-inner .item.active .carousel-caption > p{opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}
.carousel-inner .item.active .carousel-caption > img{opacity: 1; margin-top: 0px;}
.carousel-inner .item.active .carousel-caption > ul > li{opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}

.carousel-inner > .beactive{display: block;}
.carousel-control{width: 80px; height: 120px; top: 50%; margin-top: -60px; background-color: rgba(255, 255, 255, 0.2); background-image: url(../images/arrow-left.png) !important; background-position: center center !important; background-repeat: no-repeat !important; background-size: 33px 60px; -webkit-transition: left 0.3s, right 0.3s; transition: left 0.3s, right 0.3s;}
.carousel-control.left{left: -100px;}
.carousel-control.right{background-image: url(../images/arrow-right.png) !important; right: -100px;}
.header.transp + .carousel .carousel-control{margin-top: -10px !important;}
.header.transp.center-content + .carousel .carousel-control{margin-top: 22px !important;}
.carousel{overflow: hidden;}
.carousel:hover .carousel-control.left{left: 0;}
.carousel:hover .carousel-control.right{right: 0;}
#mega-slider .item::before{background: rgba(5, 5, 5, 0.5) none repeat scroll 0 0; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1;}

/*左右翻页箭头*/
.viewArrows{display:block;width: 80px;height: 80px;line-height: 80px;cursor:pointer;position:absolute;top:269px;text-align: center;}
.prev{left:100px;}
.next{right:100px;}
.prev i,.next i{color:#fff;font-size: 60px;line-height: 80px;}

.index_banner .pics_switch_clients{width:100%;height:80px;position:absolute;left:0;bottom:0;overflow:hidden;}
.index_banner .pics_switch_clients ul{margin:20px auto 0;width:100px;height:auto;overflow:hidden;}
.index_banner .pics_switch_clients ul li{float:left;padding:20px 0;cursor:pointer;}
.index_banner .pics_switch_clients ul li span{display:block;margin-right:5px;width:20px;height: 4px;background:#fff;}


.about{clear:both;overflow:hidden;width:100%;background: #fff;z-index:  999;position: relative;padding-top: 60px;}
.about .con{}
.about .aboutbox{width:1400px;margin: 0 auto;overflow:hidden;}
.about h3{text-align:center;font-size: 38px;line-height: 50px;color: #111;position:relative;}
.about h3 span{font-size: 20px;text-align:  center;display: block;color: #aaa;font-weight: normal;}
.about .introduction {width: 100%;padding: 40px;overflow:hidden;float:left;position:relative;}
.about .introduction .words{overflow: hidden;padding-bottom: 30px;}
.about .introduction .words p{color: #666;font-size: 14px;line-height:24px;text-align:justify;margin-bottom: 20px;}
.about .introduction .more{position:absolute;height: 30px;bottom: 40px;right: 40px;}
.about .introduction .more a{font-size:14px;line-height: 30px;text-align:  center;display: block;color: #222;padding: 0 20px;border-bottom: 1px solid #222;}
.about .introduction .more a:hover{color: #00b8ee;}
.about .cmppic{width: 500px;height: 500px;overflow:hidden;float: left;line-height: 0;}
.about .cmppic img{width:100%;}

.advantage{position: relative;width: 100%;background-attachment: fixed;float: left;background: #00b8ee;overflow:hidden;margin-top: 60px;}
.advantage ul{overflow:hidden;width: 1400px;margin: 0 auto;}
.advantage ul li{width: 376px;float:left;list-style-type:none;margin-right: 36px;padding: 40px 0;}
.advantage ul li .qsi_ico{text-align: center;position:relative;font-size:40px;color: #222;float: left;}
.advantage ul li .qsi_ico i{line-height:80px;width:80px;height:80px;border: 1px solid #fff;border-radius:50%;color: #fff;}
.advantage ul li .qsi_ico i:hover{color: #00b8ee;animation: rotate 1.5s linear 1;background: #fff;}
.advantage ul li .info{float:left;margin-left:20px;width: 260px;overflow: hidden;}
.advantage ul li:last-child{margin-right:0;}
.advantage ul li .info h4{text-align: left;line-height: 30px;font-size:20px;margin-bottom: 4px;color: #fff;}
.advantage ul li .info p{text-align: left;font-size:14px;color: #fff;}

.index_procate{background: #fff;position: relative;overflow: hidden;width: 100%;clear: both;background-attachment: fixed;}
.index_procate h3{text-align:center;font-size: 38px;line-height: 60px;color: #111;position:relative;width: 200px;margin: 0 auto;}
.index_procate h3:before{content:"";width:66px;height: 40px;background: url(../images/title_dark_r.png) no-repeat center;background-size:contain;position:absolute;top:5px;left:100%;}
.index_procate h3:after{content:"";width:66px;height: 60px;background:url(../images/title_dark_l.png) no-repeat center;background-size:contain;position:absolute;top:5px;right:100%;}

.procates{width:1400px;margin:0 auto;overflow:hidden;padding: 0 0 40px 0;}
.procates ul{position:relative;overflow: hidden;}
.procates ul li{float:left;position:relative;overflow:hidden;}
.procates ul li img{width:100%;height:100%;transition:all .5s;}
.procates ul li span{position:absolute;left:0;right:0;bottom:0;height:45px;line-height:45px;z-index: 10;color:#fff;font-size:18px;text-align:center;background:rgba(0,0,0,0.7);transition:all .5s;}
.procates ul li:nth-child(1){width: 520px;height: 520px;margin-right:10px;}
.procates ul li:nth-child(2){width: 440px;height: 310px;}
.procates ul li:nth-child(3){width: 440px;height: 200px;position:  absolute;left:  530px;top: 320px;}
.procates ul li:nth-child(4){width: 420px;height: 220px;position:  absolute;right: 0;top: 0;}
.procates ul li:nth-child(5){width: 420px;height: 290px;position: absolute;right: 0;top: 230px;}
.procates ul li:nth-child(6){width: 695px;height: 320px;margin-top: 10px;clear: both;}
.procates ul li:nth-child(7){width: 695px;height: 320px;margin-top: 10px;margin-left: 10px;}
.procates ul li img{width:100%;height:100%;}


.indexnews {clear: both;overflow: hidden;background: #f2f2f2 url(../images/news_bg.jpg) no-repeat top center;position:relative;padding-top: 60px;}
.indexnews h3{text-align:center;font-size: 38px;line-height: 60px;color: #111;position:relative;width: 200px;margin: 0 auto;}
.indexnews h3:before{content:"";width:66px;height: 40px;background: url(../images/title_dark_r.png) no-repeat center;background-size:contain;position:absolute;top:5px;left:100%;}
.indexnews h3:after{content:"";width:66px;height: 60px;background:url(../images/title_dark_l.png) no-repeat center;background-size:contain;position:absolute;top:5px;right:100%;}
.indexnews-main{width:1400px;margin:0 auto;clear:both;overflow:hidden;padding-top: 40px;}
.indexnews-list{float:left;padding-bottom:50px;width: 100%;}
.indexnews-list ul{overflow:hidden;}
.indexnews-list ul li{width: 324px;margin-right: 39px;float:left;list-style-type:none;background: #fff;}
.indexnews-list ul li:nth-child(3n){margin-right:0;}
.indexnews-list ul li .litpic{text-align:center;position:relative;margin:0 auto;width:100%;overflow:hidden;}
.indexnews-list ul li .litpic img{width:100%;display: block;}
.indexnews-list ul li .info{overflow: hidden;color: #aaa;font-size: 14px;padding: 20px;box-sizing:  border-box;}
.indexnews-list ul li .info h4{text-align:left;line-height: 24px;height: 48px;font-size: 18px;margin-bottom: 10px;}
.indexnews-list ul li .info h4 a{color:#222;display: block;overflow: hidden;text-transform: uppercase;}
.indexnews-list ul li .info h4 a:hover{color: #014ea0;}
.indexnews-list ul li .pubtime{font-size: 14px;line-height: 34px;text-align: center;background: #2f2f2f;color: #fff;width:  140px;margin: -20px auto 0 auto;z-index:  99;position: relative;border-radius: 17px;box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);}
.indexnews-list ul li .pubtime i{
    margin-right: 6px;
}
.indexnews-list ul li .info i{margin-right: 10px;}
.indexnews-list ul li .info .desc{text-align:justify;font-size: 14px;line-height: 24px;color:#666;overflow:hidden;padding: 10px 0;}
.indexnews-list ul li .info .desc .readmore{margin-top: 10px;line-height:24px;float: left;}
.indexnews-list ul li .info .desc .readmore a{color: #222;line-height:24px;font-size: 13px;}
.indexnews-list ul li .info .desc .readmore a:hover{color:#00b8ee;}
.indexnews-list .owl-controls{position:relative;margin: 20px 0;line-height: 40px;}
.indexnews-list .owl-controls .owl-nav{position:absolute;top: 0;width: 100%;font-size: 20px;}
.indexnews-list .owl-controls .owl-nav .owl-prev{left: 0;top: 0;width: 40px;}
.indexnews-list .owl-controls .owl-nav .owl-next{right: 0;position: absolute;top: 0;width: 40px;text-align: right;}
.indexnews-list .owl-controls .owl-dots{width: 40%;text-align:center;margin: 0 auto;position:  relative;z-index: 9;}
.indexnews-list .owl-controls .owl-dots .owl-dot{width: 30px;height: 6px;background: #bbb;display:inline-block;margin: 0 4px;border-radius: 3px;}
.indexnews-list .owl-controls .owl-dots .owl-dot.active{background:#007cb0;}

footer{width:100%;float:left;overflow:hidden;background: #666 url(../images/foot_bg.jpg) no-repeat;}
.footmain{width:1400px;margin: 40px auto;overflow:hidden;position:relative;clear:both;padding-top:40px;}
.footmain .footprolist {width:30%; float:left; overflow:hidden;}
.footmain .footprolist h4{font-size:16px; color:#fff; margin-bottom:20px;}
.footmain .footprolist li {width: 100%;overflow: hidden;}
.footmain .footprolist li i{margin-right:8px; width:20px; text-align:center;}
.footmain .footprolist a{display:block; line-height:40px; height:40px; overflow:hidden; color:#ddd; font-size:14px;}
.footmain .footprolist a:hover{color:#fff;}

.footmain .footcontact {width:30%; float:left; overflow:hidden; margin-left:5%;}
.footmain .footcontact h4{font-size:16px;color: #ffffff;margin-bottom:20px;}
.footmain .footcontact li i{margin-right:8px; width:20px; text-align:center;}
.footmain .footcontact a{display:block;line-height:40px;height:40px;overflow:hidden;color: #fff;font-size:14px;}
.footmain .footcontact a:hover{color: #f3d5d5;}


.footmain .footpost{overflow:hidden;width: 100%;}
.footmain .footpost h3{color: #fff;text-align: center;font-size: 38px;line-height: 60px;margin-bottom: 20px;}
.footmain .footpost h3 i{font-size: 28px;margin-right:8px;}
.footmain .footpost p{text-align:center;color: #ddd;font-size: 15px;}
.footmain .footpost .footmessages{overflow:hidden;padding: 40px;}
.footmain .footpost .footmessages input,.footpost .messages select,.footpost .messages textarea{margin:0;padding:0; background:none; border:0;font-family:"Raleway",  "Microsoft Yahei", "微软雅黑", Tahoma, Arial, sans-serif;}
.footmain .footpost .footmessages input::-webkit-input-placeholder,.footmain .footpost .messages textarea::-webkit-input-placeholder {color: #777;}
.footmain .footpost .footmessages .box {color: #fff;margin-bottom: 20px;overflow: hidden;float:  left;width: 300px;margin-right: 40px;}
.footmain .footpost .footmessages .box.last{margin-right:0;}
.footmain .footpost .footmessages .box label{height:40px;font-size:14px;line-height:40px;text-align:left;padding-right:10px;color: #444;display: block;}
.footmain .footpost .footmessages .box input{width: 100%;height:38px;display: block;border-bottom: 1px solid #ddd;box-sizing: border-box;color: #fff;}
.footmain .footpost .footmessages .box input:focus{border-color:#aaa;}
.footmain .footpost .footmessages .box.textareas{height:auto;display: block;line-height:20px; width:100%;}
.footmain .footpost .footmessages .box textarea{float:left;width: 100%;height: 104px;padding: 8px 0;box-sizing: border-box;color: #fff;border: none;resize: none;font-family:"Raleway",  "Microsoft Yahei", "微软雅黑", Tahoma, Arial, sans-serif;background: none;}
.footmain .footpost .footmessages .box textarea:focus{border-color:#aaa;}
.footmain .footpost .footmessages .box input::-webkit-input-placeholder,.footmain .footpost .footmessages .box textarea::-webkit-input-placeholder {color: #fff;}
.footmain .footpost .footmessages .sendup{clear:both;margin-top: 50px;position:  relative;text-align: center;}
.footmain .footpost .footmessages .sendup input{width: 200px;background: #eee;font-size: 18px;cursor:pointer;line-height: 56px;margin-right:5px;}
.footmain .footpost .footmessages .sendup input.sendbtn{background: #007cb0;color:#fff;}
.footmain .footpost .footmessages .sendup input:hover{background: #00b8ee!important;color:#fff;}

.flinks{width:100%;overflow:hidden;position:relative;clear:both;padding:14px 0;}
.flinks .link{ width:1400px; margin:0 auto;line-height:40px;}
.flinks .link h4 {color: #fff; display:block; font-size:16px;}
.flinks .link a{color:#ccc; margin-right:20px; font-size:14px;}
.flinks .link a:hover{color:#fff;}

.copyright{width:100%;overflow:hidden;background: #efefef;}
.copyright .copyrights{color: #666;width: 1400px;margin: 0 auto;height: 50px;line-height: 50px;position: relative;text-align: left;font-size:14px;}
.copyright .copyrights span{float:right;}
.copyright .copyrights span a{color: #666;}
.copyright .copyrights span a:hover{color: #00b8ee;}

/*-------Reveal Modals Feedback-------*/
.reveal-modal-bg{position: fixed;height: 100%;width: 100%;background: #000;background: rgba(0,0,0,.8);z-index: 100;display: none;top: 0;left: 0;}
.reveal-modal{visibility: hidden;top: 160px;left: 50%;margin-left: -300px;width: 575px;background: #fff;position: absolute;padding: 30px 40px 34px;-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);-box-shadow: 0 0 10px rgba(0,0,0,.4);z-index:9999;box-sizing:border-box;border-radius: 3px;}
.reveal-modal.small{width: 200px;margin-left: -140px;}
.reveal-modal.medium{width: 400px;margin-left: -240px;}

.reveal-modal.large{width: 600px;margin-left: -340px;}
.reveal-modal.xlarge{width: 800px;margin-left: -440px;}
.reveal-modal .close-reveal-modal{font-size: 32px;line-height: 32px;position: absolute;top: 0;right: -34px;color: #fff;cursor: pointer;} 
/*留言窗口样式*/
.sendrequire h3{line-height: 24px;font-size: 14px;font-weight:normal;color: #999;text-transform: uppercase;}
.sendrequire h3 i{margin-right:6px;color: #444;}
.post_mail{overflow:hidden;margin-top: 20px;clear: both;}
.messages{margin:15px 0;overflow:hidden;width: 534px;}
.messages input,.messages select,.messages textarea{margin:0;padding:0; background:none; border:0; }
.messlist {margin-bottom:10px;float:left;margin-right: 40px;}
.messlist label{float:left;width:180px; height:40px; font-size:14px; line-height:40px; text-align:left;padding-right:10px;}

.messlist input{float:left;width: 227px;height:38px;padding:0 12px;border: #ddd 1px solid;font-size:13px;box-sizing:border-box;font-family:"Raleway",  "Microsoft Yahei", "微软雅黑", Tahoma, Arial, sans-serif;box-shadow: inset 1px 2px 5px rgba(221, 221, 221, 0.6);}
.messlist.textareas{height:auto;width: 494px;}
.messlist textarea{float:left;width: 100%;height:124px;padding:12px;border: #ddd 1px solid;font-size:13px;box-sizing:border-box;font-family:"Raleway",  "Microsoft Yahei", "微软雅黑", Tahoma, Arial, sans-serif;box-shadow: inset 1px 2px 5px rgba(221, 221, 221, 0.6);}
.messlist input:focus,.messlist textarea:focus{border-color:#aaa;}
.messsub{margin-top: 20px;width: 494px;overflow: hidden;float: left;text-align: center;}
.messsub input{width: 200px;height: 40px;background: #007cb0;font-size:14px;cursor:pointer;border-radius: 4px;color: #fff;}
.messsub input:hover{background: #00b8ee!important;color:#fff!important;}

.language-box{box-sizing: border-box;padding: 20px;overflow:  hidden;margin-top: 50px;}
.language-box a{width: 140px;float:left;text-align:center;color:#444;line-height:36px;font-size:14px;border: 1px solid #999;margin: 0 20px;border-radius: 18px;}
.language-box a:hover {background: #F44336;color: #fff;border-color: #F44336;}

/*联系我们*/
.all_contact{position:fixed;z-index:99999;width: 0;height: 100%;background: #f1f1f1;left: 0;top: 0;overflow: hidden;transition-property:width;transition-duration:0.8s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);}
.all_contact .close{opacity: 0;filter: alpha(opacity=0);transition: all 1s;position:absolute;right:20px;top:20px;font-size:40px; width:40px; text-align:center; border-radius:50%; overflow:hidden;}
.all_contact .close i{color:#000; transition:1.2s; cursor:pointer; line-height:40px;}
.all_contact .close i:hover{color: #00b8ee;animation: rotate 0.8s linear 1;}
.all_contact.open{width: 100%;}
.all_contact.open .close{opacity: 1;filter: alpha(opacity=100);}
.all_contact .cmain{width: 50%;float:right;overflow:hidden;margin-top:40px;}
.all_contact .cmain .leftlogo{float:left;background:url(../images/left_logo.png) no-repeat center center;width:100%;height:314px;}
.all_contact .cmain .contactus{overflow:hidden;width:80%;margin:0 auto;}
.all_contact .cmain .contactus .contactinfo{padding-top:30px; width:300px; margin:0 auto;}
.all_contact .cmain .contactus .contactinfo h4{font-size:18px;color: #222;width:500px;text-transform: uppercase;}
.all_contact .cmain .contactus .contactinfo p{margin:14px 0; line-height:22px; font-size:14px; color:#555; width:400px; font-weight:500;}
.all_contact .cmain .contactus .contactinfo p i{width:24px; text-align:center; color:#aaa; margin-right:5px;}
.all_contact .map{width: 48%; float:left;height:100%;border-right:6px solid #fff;box-shadow: 1px 0 4px rgba(121, 121, 121, 0.52); overflow:hidden;}
.all_contact .map #themap{height:100%;}

/*相册遮照放大器*/
.bigimg{width:600px;position: fixed;left: 0;top: 0; right: 0;bottom: 0;margin:auto;display: none;z-index:9999;border: 10px solid #fff;}


.mask{position: fixed;left: 0;top: 0; right: 0;bottom: 0;background-color: #000;opacity:0.5;filter: Alpha(opacity=50);z-index: 98;transition:all 1s;display: none}
.mask:hover{cursor:zoom-out}
.imgbox:hover{cursor:zoom-in}
.bigimg:hover{cursor: move}
.mask>img{position: fixed;right:10px;top: 10px;width: 60px;}
.mask>img:hover{cursor:pointer}

/*相册*/
.photolist{width: 100%;overflow:hidden;margin:0 auto;position:relative;}
.photolist ul{width: 1260px;}
.photolist ul li{float:left;margin:33px 40px 0px 0px;overflow: hidden;}
.photolist ul li.hover{border-color:#19678c;}
.photolist ul li .picview{position:relative;width: 371px;height:265px;}
.photolist ul li img{position:absolute;width:100%;}
.photolist ul li img:hover{opacity:0.8}
.photolist ul li p{font-size:14px;height:60px;line-height:60px;overflow:hidden;text-align: center;}

/*子类列表*/
.soncate{width:100%;overflow:hidden;padding: 25px 0;}

.soncate a{line-height:20px;font-size:13px;padding:5px 12px;border: 1px solid #999;color: #999;margin: 0 20px 0 0;float: left;font-weight:500;}
.soncate a:hover,.soncate a.cur{border-color: #00b8ee;}
.soncate a.cur{background: #00b8ee;color:#fff;}

/*分页*/
.pagelist{width:100%;text-align:center;margin: 40px 0;font-size:14px;position: relative;padding: 20px 0;}
.pagelist span{color: #00b8ee;line-height:36px;overflow:hidden;margin:0 5px;height:36px;text-align:center;display: inline-block;width: 36px;background: #fff;border-radius: 50%;border: 1px solid #00b8ee;}
.pagelist a{color: #999;display: inline-block;min-width: 36px;padding: 0 10px;height: 36px;line-height: 36px;overflow: hidden;margin:0 5px;}
.pagelist a i{line-height:36px;}
.pagelist a:hover{color:#000;}
.pagelist a.a1{width:auto!important;}
.pagelist a.pagetotal{border-radius:0;background:none;box-shadow: none;}

/*返回*/
.goback{right: 20px;top: 50px;width: 60px;height: 60px;text-align:center;border-radius:50%;overflow:hidden;position:absolute;}
.goback a{border-radius:50%; display:block; overflow:hidden;}
.goback i{color: #888888;line-height: 60px;}
.goback:hover {animation: rotate2 0.8s linear 1; background:#eee;}

/*===================================产品模型==============================*/

.promain{width: 100%;overflow:hidden;position: relative;background: #eee;}
.prolist{width:1400px; overflow:hidden; margin:0 auto;}
.prolist ul{width: 100%;overflow:hidden;}
.prolist ul li{width: 248px;float:left;margin: 20px 40px 20px 0;overflow:hidden;background:#fff;border: 1px solid #eee;}
.prolist ul li:nth-child(5n){margin-right: 0;}
.prolist ul li:hover{}
.prolist ul li .litpic{width:100%; overflow:hidden;}
.prolist ul li .litpic img{width:100%;display: block;}
.prolist ul li .info{background: #fff;margin:0 auto;overflow:hidden;}
.prolist ul li .info a{font-size:13px; text-align:center; display:inline-block; color:#444; display:block;}
.prolist ul li .info h4{text-align:center; font-size:14px; line-height:28px; margin:10px 0;}
.prolist ul li .info a:hover{color:#222;}

/*产品详情*/
.proview{width: 1400px;margin: 0 auto;overflow:hidden;background: #fff;padding: 0 40px;}
.proview .pro_content{overflow:hidden;float: left;width: 100%;position: relative; margin-top:20px; margin-bottom:40px;}
.proview .pro_content .proinfo{width: 610px;float: left;margin-left: 100px;z-index: 1;position: relative;}
.proview .pro_content .proinfo h1{font-size: 26px;line-height:30px;color: #222;font-weight: bold;}
.proview .pro_content .proinfo .category{font-size:14px;display:block;line-height: 42px;}
.proview .pro_content .proinfo .category i{margin-right:6px;color: #333;}
.proview .pro_content .proinfo .category a{color: #999;}
.proview .pro_content .proinfo .category a:hover{color: #00b8ee;}
.proview .pro_content .proinfo .prodesc{line-height:22px;font-size:14px;color: #999;}
.proview .pro_content .proinfo .htmlqrcode{clear: both;position: relative;height: 130px;}
.proview .pro_content .proinfo .htmlqrcode .qrcode{background:#fff;padding:8px;border:1px solid #ddd;display:none;width: 184px;position: absolute;right: 66px;bottom: 0;box-shadow: 0 0 10px rgba(6, 6, 6, 0.12);}
.proview .pro_content .proinfo .htmlqrcode .qico{background: url(../images/qico.png) no-repeat center center;width: 40px;height: 40px;position: absolute;top: 118px;margin-top: -20px;right: 0;margin-left: -20px;}
.proview .pro_content .proinfo .htmlqrcode .qico:hover{background-color:#eee;}
.proview .pro_content .proinfo .leftbtns{margin-top: 45px;}
.proview .pro_content .proinfo .other{overflow: hidden;height: 40px;margin-bottom:20px;position:relative;float:left;width:100%;background: #eee;border-radius: 2px;}
.proview .pro_content .proinfo .other i{color:#999; font-size:34px; line-height:40px;}
.proview .pro_content .proinfo .other a.pre_pro{float:left;height:40px;width:10%;position:absolute;left:0; text-align:center;}
.proview .pro_content .proinfo .other a.next_pro{float:right;height:40px;width:10%;position:absolute;right:0; text-align:center;}
.proview .pro_content .proinfo .other a.cate_pro{text-align: center;line-height: 40px;font-size: 20px;position: absolute;margin-left: 10%;color: #fff;width: 80%;}
.proview .pro_content .proinfo .other a.cate_pro i{font-size:18px;}
.proview .pro_content .proinfo p.prodescription{padding:10px 0;color: #848484;margin-bottom: 24px;}


.proview .pro_content .proinfo .other a.cate_pro:hover{color:#eee;}
.proview .pro_content .proinfo .pro_tel{color: #444;text-align:left;line-height: 40px;height:40px;font-size:14px;float:left;width:100%;}
.proview .pro_content .proinfo .pro_tel i{margin-right:8px;}
.proview .pro_content .proinfo .xunjia{width: 100%;line-height: 40px;height: 40px;float: left;margin-bottom: 20px;font-size: 14px;text-align: center;overflow:hidden;background: #eee;border-radius: 2px;}
.proview .pro_content .proinfo .xunjia i{margin-right: 6px;}
.proview .pro_content .proinfo .xunjia a{color: #999;display:block;}
.proview .pro_content .proinfo .xunjia a:hover{background: #00b8ee;color:#fff;}

/*参数切换*/
.detail_tab_group{position: relative;margin-top:20px;clear:both;width:100%;overflow:hidden;background: #fff;}
.detail_tab_group .tabpage{opacity: 0;height: 0;overflow: hidden;transition: opacity 0.4s ease, height 0.4s ease;float:left;width: 100%;color:#fff;}
.detail_tab_group .tabpage.active{opacity: 1;height: auto;overflow: visible;padding: 20px 0;}
.detail_tab_group .tabpage h3{text-align: left;font-size: 20px;line-height:34px;width:100%;margin-bottom: 20px;color: #222;border-radius:4px;}
.detail_tab_group .tabpage i{color: #ddd;height:34px;line-height:34px;font-size: 20px;margin-right:8px;}
.detail_tab_group .tabpage p{color:#444; line-height:24px; font-size:14px; margin-bottom:14px;}
.detail_tab_group .tabpage img{max-width: 100%;}
.tab-nav{list-style: none;padding: 0;overflow: hidden;width: 100%;float: left;}
.tab-nav li{float: right;width: 140px;}
.tab-nav li a{position: relative;display: block;padding:5px 16px;line-height: 26px;background: #888;color: #fff;text-decoration: none;transition: background .2s ease, line-height .2s ease, margin .2s ease;margin:4px 0;font-size:13px;text-align:center;}
.tab-nav li.active a{background: #00b8ee;color:#fff;}
.tabpage ul{overflow: hidden;}


/*随机推荐*/
.proview .recommend_products{float: left;clear: both;width: 100%; margin-top:40px;}
.proview .recommend_products h3{font-size: 20px;line-height:40px;color: #222;margin-bottom: 20px;}
.proview .recommend_products h3 i{margin-right: 8px;line-height: 40px;float: left;color: #00b8ee;font-size: 36px;}
.proview .recommend_products ul{overflow: hidden;margin-left: -50px;}
.proview .recommend_products ul li{overflow:hidden;background:#fff;position: relative;margin-bottom: 20px;float:left;width: 262px;margin-left: 50px;border: 1px solid #eee;}
.proview .recommend_products ul li:hover{}
.proview .recommend_products ul li .litpic{width:100%; overflow:hidden;}
.proview .recommend_products ul li .litpic img{width:100%;display: block;}
.proview .recommend_products ul li .info{overflow:hidden;width: 100%;position: relative;}
.proview .recommend_products ul li .info a{font-size:13px; text-align:center; display:inline-block; color:#444; display:block;}
.proview .recommend_products ul li .info h4{text-align:center;font-size: 14px;line-height: 20px;margin: 10px;color: #111;}
.proview .recommend_products ul li .info a:hover{color:#222;}


/*===================================新闻模型==============================*/
.newsmain{width: 100%;overflow:hidden;background: #eee;}
.newslist{width: 1400px;overflow:hidden;margin:0 auto;position: relative;background: #fff;padding: 0 40px;}
.newslist .list{width: 950px;float: left;overflow: hidden;padding-top: 50px;margin-left: 370px;}
.newslist .list ul {overflow:hidden;min-height: 640px;}
.newslist .list ul li{float:left;width: 100%;margin:0 44px 40px 0;background:#fff;border-bottom: 1px solid #eee;padding-bottom: 40px;}
.newslist .list ul li:nth-child(even){margin-right:0;}
.newslist .list ul li:nth-of-type(odd){clear: both;}
.newslist .list ul li .newspic{width:100%;overflow:hidden;margin-bottom: 20px;}
.newslist .list ul li .newspic img{max-width:100%; width:auto;}
.newslist .list ul li .newsinfo{margin-top:0;border-top:none;}
.newslist .list ul li .newsinfo .other{margin-top: 20px;overflow: hidden;color: #999;font-size: 14px;line-height: 34px;}
.newslist .list ul li .newsinfo .other .pubtime{float:  left;}
.newslist .list ul li .newsinfo .other .pubtime i{}
.newslist .list ul li .newsinfo .other .hits{float:left;margin-left: 30px;}
.newslist .list ul li .newsinfo .other i{margin-right: 10px;}
.newslist .list ul li .newsinfo h3{line-height:22px;overflow:hidden;font-size: 18px;margin-bottom:10px;color: #222;text-transform: uppercase;font-family: Lato;}
.newslist .list ul li .newsinfo h3:hover{color: #00b8ee;}
.newslist .list ul li .newsinfo .desc{font-size: 14px;line-height:20px;color: #666;font-weight:300;text-align:justify;overflow:hidden;letter-spacing: 1px;padding: 20px 0;}
.newslist .list ul li .newsinfo a.readmore{float: right;color: #999;font-size: 14px;padding: 0 20px;border: 1px solid #999;border-radius: 10px 0;}
.newslist .list ul li .newsinfo a.readmore:hover{background: #00b8ed; color:#fff; border-color:#00b8ed}



/*新闻详情*/
.newsview{width: 1400px;margin: 0 auto;overflow:hidden;background: #fff;position: relative;padding: 0 40px;}
.newsview .newsdetail{width: 950px;float:left;margin-left: 370px;overflow:hidden;position:relative;background: #fff;padding: 40px 0 0;}

.newsview .newsdetail h1{font-size: 30px;line-height: 40px;color:#222;font-weight: bold;width: 740px;text-transform: uppercase;}
.newsview .newsdetail .info{text-align: left;margin: 10px 0;}
.newsview .newsdetail .info span{font-size:13px;color:#999;margin-right: 20px;}
.newsview .newsdetail .info span i{color:#999; margin-right:6px;}
.newsview .newsdetail .news_content{margin-top:30px;min-height: 720px;}
.newsview .newsdetail .news_content p{margin-bottom:14px;line-height:20px;font-size:14px;color: #666;}
.newsview .newsdetail .news_content p img{max-width:100%;}
.newsview .newsdetail .news_content p strong{font-weight:bold; font-size:16px;}
.newsview .newsdetail .pn{float:left; clear:both; margin:30px 0; width:100%; overflow:hidden; border-top:1px solid #eee; padding-top:16px;}
.newsview .newsdetail .pn li{font-size:13px;line-height:40px;color:#666;width:100%;overflow:hidden;}
.newsview .newsdetail .pn li i{margin-right:8px;color: #00b8ee;}
.newsview .newsdetail .pn li a{color: #666;}
.newsview .newsdetail .pn li a:hover{color: #2196F3;}
.newsview .newsdetail .pn li.tag i{color: #00b8ee;margin-right: 4px;}

.news-right-bar{position: absolute;height: 100%;width: 350px;background: #00b8ed;padding-top: 40px;left: 0;padding-left: 40px;}
.news-right-bar h3{font-size:22px;line-height:40px;color: #fff;margin-bottom:14px;font-weight:bold;text-transform: uppercase;}
.news-right-bar .categorylist{overflow:hidden;margin-bottom: 20px;padding-bottom: 20px;}
.news-right-bar .categorylist ul{}
.news-right-bar .categorylist ul li{height: 34px;overflow: hidden;}
.news-right-bar .categorylist ul li:last-child{border-bottom:none;}
.news-right-bar .categorylist ul li a{line-height: 34px;color: #fff;font-size: 14px;letter-spacing: 1px;position:relative;}
.news-right-bar .categorylist ul li a i{margin-right:8px;}
.news-right-bar .categorylist ul li a:hover{color: #ffffff;}
.news-right-bar .hotnews{width: 270px;overflow:hidden;}
.news-right-bar .hotnews li{float:left;width: 100%;position: relative;background: #fff;padding:  14px;margin-bottom: 14px;}
.news-right-bar .hotnews li:last-child{border:none;}
.news-right-bar .hotnews li .newspic{width: 100px;overflow:hidden;line-height: 0;float: left;}
.news-right-bar .hotnews li .newspic img{width:100%;}
.news-right-bar .hotnews li .newsinfo{float:  left;width: 122px;margin-left: 20px;}
.news-right-bar .hotnews li .newsinfo .pubtime{color: #666;font-size: 12px;line-height: 22px;display: block;}
.news-right-bar .hotnews li .newsinfo .pubtime i{margin-right:6px;}
.news-right-bar .hotnews li .newsinfo h4{line-height: 20px;overflow:hidden;font-size: 14px;color: #444;font-weight: normal;}
.news-right-bar .hotnews li .newsinfo h4:hover{color: #00b8ee;}


/*===================================单页模型==============================*/
.pagemain{width:100%; overflow:hidden; margin-top: 80px;}
.pageview{width:1400px; margin:0 auto; overflow:hidden; padding-top:40px;}
.pageview h2{text-align:center; font-size:26px; line-height:50px; color:#222; font-weight:bold;}
.pageview .content{overflow:hidden; padding:40px 0;}
.pageview .content p{line-height:24px; font-size:16px; color:#444; margin-bottom:20px;}
.pageview .content p img{max-width:100%;}