﻿

* {margin: 0;padding: 0;list-style: none;border-style: none;}

body {font:14px/24px Helvetica,Arial,"微软雅黑",sans-serif;background-color: #ffffff;min-width: 1200px;color:#333;}

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

h1 ,h2, h3, h4, h5, h6 {font-weight: normal;}

a {text-decoration: none;color:#333;}

a:hover{color:#04a1c5;}

a:focus{outline:none;}

i,em {font-style: normal;}

body.index {background-color: #f5f5f5}



.clearfix:after {content: '';display: block;clear: both;height: 0;visibility: hidden;}

.clearfix {*zoom:1;}

.w1200 {width: 1200px;margin: 0 auto;}

.w1400 {width: 1400px;margin: 0 auto;}

.fl {float: left;}

.fr {float: right;}

img {vertical-align: middle;border: 0;max-width: 100%;}

input,select,button,textarea,select{border:none;outline: none;background: none;border:none;color:#333;appearance: none;-webkit-appearance: none;font:14px/24px Helvetica,Arial,"微软雅黑",sans-serif;}

table{border-collapse:collapse; border-spacing:0;}



input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#bbb;}

input::-moz-placeholder,textarea::-moz-input-placeholder{color:#bbb;}

input:-moz-placeholder,textarea:-moz-input-placeholder{ color:#bbb;}

input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#bbb;}





/*导航头部*/

.header .header_top{background:#00a2c5;line-height: 30px;font-size: 14px;color:#fff;}



.header .header_nav .logo{float: left;line-height: 100px;}

.header .header_nav .logo img{max-height: 100px;display: block;}

.header .header_nav > ul{float: right;}

.header .header_nav > ul > li{font-size:16px;float: left;line-height:100px;width:100px;text-align: center;background:url(../image/bg03.jpg) right center no-repeat; position:relative}

.header .header_nav > ul > li > a{display: block;}

.header .header_nav > ul > li.on > a{color:#00a2c5;}

.header .header_nav > ul > li:hover .erji{ display:block;}

.header .header_nav > ul > li .erji{ position:absolute; display:none; left:0px; top:100px; width:100%; z-index:99999}

.header .header_nav > ul > li .erji .erji_li{ height:50px; line-height:50px; width:100%; text-align:center; background:#FFF; position:relative;}

.header .header_nav > ul > li .erji .erji_li:hover{background:#00a2c5;}

.header .header_nav > ul > li .erji .erji_li:hover a{ color:#fff}

.header .header_nav > ul > li .erji .erji_li:hover .sanji{ display:block}

.header .header_nav > ul > li .erji .erji_li .sanji{position:absolute; display:none; left:120px; top:0px; width:100%; z-index:99999}

.header .header_nav > ul > li .erji .erji_li .sanji a{ height:50px; line-height:50px; width:100%; text-align:center; background:#FFF; display:block;color:#333;}

.header .header_nav > ul > li .erji .erji_li  .sanji a:hover{background:#00a2c5;color:#fff}



/*banner*/

.banner{width:100%;position:relative;}

.banner .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;}

.banner .bd ul{ width:100% !important;height:650px;}

.banner .bd li{ width:1920px;height:650px;overflow:hidden; text-align:center;position:absolute;margin-left: -960px;left:50%;}



.banner .hd{ width:100%;position:absolute; z-index:1; bottom:10px;left:0;height:30px;line-height:30px; }

.banner .hd ul{ text-align:center; }

.banner .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:10px; height:10px;border:1px #fff solid;margin:0 6px; overflow:hidden;line-height:999px;border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-webkit-border-radius: 50%;}

.banner .hd ul li.on{background: #fff;}



.nybanner{width:100%;overflow:hidden;position:relative;height:450px;}

.nybanner p{position:relative;left: -960px;margin-left: 50%;width:1920px;text-align: center;}

.nybanner img{width:1920px;}







/*首页关于我们*/

.index_title{text-align: center;margin-bottom: 30px;}

.index_title h2{font-size: 36px;line-height:50px;}

.index_title h2 span{width:70px;height:3px;background-color:#04a1c5;display: inline-block;vertical-align: middle;margin:0 20px;}

.index_title p{font-size: 14px;color:#666;line-height: 20px;}

.index_title.white h2{color:#fff;}

.index_title.white p{color:#fff;}



.index_about{padding:80px 0;}

.index_about .text{text-align: center;padding:0 120px 50px;color:#666;line-height: 30px;}

.index_about ul{text-align: center;}

.index_about ul li{width:240px;text-align: center;display: inline-block;vertical-align:top;}

.index_about ul li a{display: block;}

.index_about ul li span{display: block;line-height:50px;font-size: 16px;}

.index_about ul li img{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}

.index_about ul li:hover img{-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);}





/*首页产品中心*/

.index_product{ background:#1b7dc4;overflow: hidden; padding:60px 0 80px;background: url(../image/bg05.jpg) no-repeat center;}



.product-in .pro-left{ width: 380px; height: 500px; float: left;} 

.product-in .pro-left a,.product-in .pro-left a dt{ width: 380px; height: 500px;}



.product-in .pro-middle{ width:1200px;}

.product-in .pro-middle a{ width: 380px; height: 235px;float: left;margin-right: 30px;}

.product-in .pro-middle a img{ width:100%}

.product-in .pro-middle a:nth-child(3n){margin-right: 0;}

.product-in .pro-middle a:nth-child(-n + 3){margin-bottom: 30px;}



.product-in dl dd{ height: 46px; margin-top: -46px; position: relative; z-index: 2; background-color: rgba( 91, 182, 71,0.8 ); line-height: 46px; font-size: 18px; color: #fff; padding-left: 25px; padding-right: 25px;

	box-sizing:border-box; position: relative;}

.product-in dl dd:after{ content: '' ; width: 8px; height: 16px; background: url(../image/bg06.png)no-repeat center; position: absolute; right: 25px; top: 16px;}





.product-in a,.product-in a dt{ width: 380px;height: 235px; overflow: hidden; position: relative; transition: all ease .6s 0s; -moz-transition: all ease .6s 0s; -webkit-transition: all ease .6s 0s;}

.product-in a:hover dt:after,.product-in a:hover dt:after{ content: ''; width: 380px; height: 64px;  background: url(../image/bg07.png) no-repeat; position: absolute;bottom: 0px;left: 0;}

.product-in a dt:after,.product-in a dt:after{ transition: all ease .6s 0s; -moz-transition: all ease .6s 0s; -webkit-transition: all ease .6s 0s;}

.product-in a dd,.product-in a dd{ transition: all ease .6s 0s; -moz-transition: all ease .6s 0s; -webkit-transition: all ease .6s 0s; }

.product-in a:hover dd,.product-in a:hover dd{ background: transparent;}

.product-in a dt img{ transition: all ease .6s 0s; -moz-transition: all ease .6s 0s; -webkit-transition: all ease .6s 0s;}

.product-in a:hover dt img{ transform:scale(1.1);}







/*首页研发*/

.index_rd{padding:80px 0;}

.index_rd ul{margin:30px auto 0;}

.index_rd ul li{width:298px;height:458px;float:left;position:relative;margin-left:2px;overflow:hidden;}

.index_rd ul li a{display:block;}



.index_rd ul li .img{display:block; width:298px; height:304px;}

.index_rd ul li .img img{width:298px; height:304px;}

.index_rd ul li .text{ display:block; width:298px; height:154px; margin:0 auto; padding-top:1px}

.index_rd ul li .text h2{font-size: 16px;text-align: center;line-height: 40px;}

.index_rd ul li .text p{display:block; width:220px; height:20px; line-height:20px; margin:0 auto;font-size:12px; color:#999; text-align:center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.index_rd ul li .text .num1{display:block;width:58px;height:48px;margin:32px auto 0;background:url(../image/numbg.png);color:#bababa; font-size:30px;line-height:48px;text-align:center}



.index_rd ul li .info{ display:block; width:298px;height:246px;background:#47B5E8;position:absolute;left:0;bottom:-244px;transition:All 0.5s ease-in-out;-webkit-transition:All 0.5s ease-in-out;-moz-transition:All 0.5s ease-in-out;-o-transition:All 0.5s ease-in-out;}

.index_rd ul li:hover .info{ bottom:0}

.index_rd ul li .info h2{ display:block;width:220px;height:40px;line-height:40px; margin:12px auto 0;font-size:18px; color:#fff; text-align:center;}

.index_rd ul li .info p{display:block;width:220px;height:66px; overflow:hidden; line-height:22px; margin:0 auto;font-size:12px; color:#fff; text-align:center;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;}

.index_rd ul li .info .num2{ display:block; width:58px; height:48px; margin:32px auto 0 auto; background:url(../image/numbg2.png); color:#fff; font-size:40px; font-family:Arial, Helvetica, sans-serif; line-height:48px; text-align:center;}

.index_rd ul li .info .jt{ display:block; width:11px; height:19px; margin:10px auto 0;}







/*首页新闻*/

.index_news{padding-bottom:50px;}

.index_news ul li{border-right:2px #04a1c5 solid;margin-bottom:50px;}

.index_news ul li a{display: block;overflow: hidden;*zoom:1;}

.index_news ul li .img{width:500px;height:240px;float: left;overflow: hidden;}

.index_news ul li .img img{width:500px;height:240px;-webkit-transition: all 0.6s;-ms-transition: all 0.6s;-moz-transition: all 0.6s;transition: all 0.6s;}

.index_news ul li:hover .img img{-webkit-transform: scale(1.05);-ms-transform: scale(1.05);-moz-transform: scale(1.05);transform: scale(1.05);}

.index_news ul li .text{width:538px;float: left;padding:0 120px 0 40px;}

.index_news ul li .text h2{font-size: 22px;margin:10px 0 30px;line-height: 30px;}

.index_news ul li .text h2:first-letter{color:#04a1c5;font-size: 30px;}

.index_news ul li .text p{font-size: 15px;color:#666;line-height: 30px;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:4;max-height:120px;}

.index_news ul li .text span{display: block;color:#04a1c5;line-height: 30px;}

.index_news ul li:nth-child(2n){border-left:2px #04a1c5 solid;border-right:none;}

.index_news ul li:nth-child(2n) .img{float:right;}

.index_news ul li:nth-child(2n) .text{padding:0 40px 0 120px;}





/*链接*/

.links_icon ul li{width:398px;float: left;border:1px #ccc solid;margin-left: -1px;}

.links_icon ul li a{display:block;padding:20px 0;text-align: center;}

.links_icon ul li i{width:65px;height:48px;display:inline-block;background-image: url(../image/icon11.png);background-repeat:no-repeat; margin-right: 25px;vertical-align:top;}

.links_icon ul li:hover i{background-image: url(../image/icon12.png);}

.links_icon ul li i.i2{background-position:-65px 0}

.links_icon ul li i.i3{background-position:-130px 0}

.links_icon ul li .text{display:inline-block;}

.links_icon ul li .text h2{font-size: 18px;line-height: 22px;font-weight: bold;margin-bottom:6px;}

.links_icon ul li .text p{font-size: 12px;color:#04a1c5;line-height: 20px;}



.index_pop{position: fixed;top:50%;left:50%;margin:-160px 0 0 -240px;z-index: 100;}

.index_pop a{display: block;border:1px #000 solid;}

.index_pop a img{width:480px;height:320px;}

.index_pop .close{position: absolute;right:-10px;top:-10px;width:30px;height:30px;background-image:url(../image/close.png);background-position:center center;background-repeat:no-repeat;background-color:#666;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;cursor:pointer;}





/*共用样式*/

.bread_crumbs{height:40px;line-height:40px;}

.bread_crumbs .center{padding-left: 20px;background: url(../image/bg02.png) left center no-repeat;color:#999;}

.bread_crumbs .center a{display: inline-block;color:#999;}

.bread_crumbs .center span{padding:0 5px;}



.inside_title{text-align: center;margin-top:40px;}

.inside_title h2{font-size:30px;color:#04a1c5;line-height:60px;position: relative;margin-bottom: 10px;}

.inside_title h2:after{content:"";width:40px;height:3px;background:#04a1c5;position: absolute;left: 50%;margin-left:-20px;bottom: 0;}

.inside_title p{font-size: 12px;color:#666;line-height: 20px;}



.inside_nav{text-align: center;border-top:1px #ddd solid;border-bottom:1px #ddd solid;margin:40px auto;}

.inside_nav ul{display: inline-block;vertical-align: top;}

.inside_nav ul li{font-size: 16px;color:#666;text-align: center;width:120px;line-height: 50px;float: left;}

.inside_nav ul li a{display: block;}

.inside_nav ul li.cur a{color:#04a1c5;}



.page{text-align:center;}

.page .page_num{display: inline-block;}

.page a{width:40px;height: 36px;background:#f2f2f2;text-align: center;line-height: 36px;display: inline-block;margin:0 5px;color:#999;}

.page a.prev,.page a.next{width:80px;}

.page a.first,.page a.last{width:60px;}

.page a.cur2,.page a:hover{background: #04a1c5;color:#fff;}







/*关于我们*/

.about{line-height:36px;font-size: 16px;color:#666;padding-bottom: 50px;}



.honor .page{margin:30px 0;}

.honor ul li{width:280px;float:left;margin:0 26px 20px 0;text-align: center;}

.honor ul li:nth-child(4n){margin-right:0;}

.honor ul li a{display: block;height:170px;line-height:170px;overflow: hidden;border:1px #ccc solid;position: relative;padding:9px;}

.honor ul li img {max-width:260px;max-height:170px;display:inline-block;-webkit-transition: all 0.6s;-ms-transition: all 0.6s;-moz-transition: all 0.6s;transition: all 0.6s;}

.honor ul li:hover img{-webkit-transform: scale(1.05);-ms-transform: scale(1.05);-moz-transform: scale(1.05);transform: scale(1.05);}

.honor ul li:hover p{color:#04a1c5;}

.honor ul li p{font-size: 16px;color:#666;line-height:40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding:0 10px;}



/*点击小图弹出大图*/

.baguetteBox-button {background-color: transparent !important;}



#baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;z-index:1000000;background-color:#222;background-color:rgba(0,0,0,.5);-webkit-transition:opacity .5s ease;transition:opacity .5s ease}

#baguetteBox-overlay.visible{opacity:1}

#baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center}

#baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%}

#baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-moz-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6);padding:10px;background-color:#fff;}

#baguetteBox-overlay .full-image p span{color:#fff;border:2px #fff solid;margin:10px auto 0;background-color:#000;border-radius: 14px;display: inline-block;padding:0 20px;}

#baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;white-space:normal;color:#ccc;background-color:#000;background-color:rgba(0,0,0,.6);font-family:sans-serif}

#baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}

#baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,transform .4s ease;transition:left .4s ease,transform .4s ease,-webkit-transform .4s ease,-moz-transform .4s ease}

#baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}

#baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}@-webkit-keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@-webkit-keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}@keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}

.baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px}

.baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;-moz-border-radius:15%;border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,.5);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease}

.baguetteBox-button:focus,.baguetteBox-button:hover{background-color:rgba(50,50,50,.9)}

.baguetteBox-button#next-button{right:2%}

.baguetteBox-button#previous-button{left:2%}

.baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px}

.baguetteBox-button svg{position:absolute;left:0;top:0}







/*产品中心*/

.products ul li{float: left;width:360px;margin-right: 60px;margin-bottom: 30px;}

.products ul li:nth-child(3n){margin-right: 0;}

.products ul li .img{border:1px #dbdbdb solid;width:358px;height:270px;position: relative;overflow: hidden;}

.products ul li .img img{width:358px;height:270px;-webkit-transition: all 0.6s;-ms-transition: all 0.6s;-moz-transition: all 0.6s;transition: all 0.6s;}

.products ul li .text{text-align: center;padding:15px 10px;border:1px #dbdbdb solid;border-top:none;}

.products ul li .text h2{font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color:#04a1c5;line-height: 30px;}

.products ul li .text p{font-size: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.products ul li:hover .text{background:#04a1c5;color:#fff;border-color:#04a1c5;}

.products ul li:hover .text h2{color:#fff;}

.products ul li:hover .img{border-color:#04a1c5;}

.products ul li:hover .img:after{content:"";border:4px #04a1c5 solid;border-bottom:none;width:350px;height:266px;position:absolute;top:0;left:0}

.products ul li:hover .img img{-webkit-transform:scale(1.05);-ms-transform: scale(1.05);-moz-transform: scale(1.05);transform: scale(1.05);}

.products .page{padding:30px 0;}





/*产品详情*/

.products_det .img{width:600px;float: left;margin-right:60px;}

.products_det .img img{width:600px;height:450px;}

.products_det .text{width:540px;float: left;}

.products_det .text h2{font-size:20px;color:#04a1c5;line-height: 30px;margin-bottom: 20px;}

.products_det .text h3{font-size: 16px;color:#666;}

.products_det .text h3 span{color:#04a1c5;} 

.products_det .text .det{margin-top: 20px;color:#666;font-size: 16px;line-height: 30px;}

.products_det .text a{display: block;width:150px;height:40px;line-height: 40px;text-align: center;color:#fff;background:#00a2c5;font-size:18px;margin-top: 30px;}

.products_det .text a:hover{background:#0392b1;}





/*新闻动态*/

.news ul li{overflow: hidden;*zoom:1;padding:30px 0;border-bottom: dashed 1px #DDDDDD;}

.news ul li .img{width:214px;height:142px;float: left;overflow: hidden;margin-right: 26px;}

.news ul li .img a{display:block;}

.news ul li .img img{width:214px;height:142px;-webkit-transition: all 0.6s;-ms-transition: all 0.6s;-moz-transition: all 0.6s;transition: all 0.6s;}

.news ul li .img:hover img{-webkit-transform:scale(1.05);-ms-transform: scale(1.05);-moz-transform: scale(1.05);transform: scale(1.05);}

.news ul li .text{width:960px;float: left;}

.news ul li .text .title{overflow: hidden;*zoom:1;line-height: 40px;padding-bottom: 10px;}

.news ul li .text .title a{font-size: 20px;font-weight: bold;float: left;width:860px;overflow: hidden;text-overflow: ellipsis;white-space:nowrap;}

.news ul li .text .title a:hover{color:#04a1c5;}

.news ul li .text .title span{max-width:100px;float: right;}

.news ul li .text p{line-height: 30px;height:90px;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;color:#999;}

.news ul li .text .tag{padding-top: 8px;}

.news ul li .text .tag span{display: inline-block;}

.news ul li .text .tag a{color:#999;display: inline-block;margin-right: 10px;}

.news ul li .text .tag a:hover{color:#04a1c5;}

.news .page{padding:50px 0 30px;}





/*新闻详情*/

.news_det{margin-top: 50px;}

.news_det .news_title{border-bottom: 1px #ddd solid;padding-bottom:10px;text-align: center;}

.news_det .news_title h2{font-size: 24px;line-height: 40px;}

.news_det .news_title p{color:#666;line-height: 30px;}

.news_det .news_title p span{margin-right: 20px;}

.news_det .news_content{font-size: 16px;color:#666;line-height: 30px;padding:20px 0 80px;}

.news_det .news_content p{text-indent: 2em;}

.news_det .news_content p img{padding:10px 0;}

.news_det .bdsharebuttonbox{margin-bottom:10px;}



.page_turning{background: url(/images/bg14.jpg) left top no-repeat;padding:10px 0;border-top: 1px #e5e5e5 solid;}

.page_turning .page_left{width:740px;float: left;line-height: 30px;}

.page_turning .page_left p{font-size: 15px;}

.page_turning .page_left p a{color:#666;display: block;}

.page_turning .page_left p a:hover{color:#04a1c5;}

.page_turning .return_index{margin:10px 0;width:150px;float: right;font-size: 16px;}

.page_turning .return_index a{height:40px;line-height:40px;text-align: center;background: #0091ac;color:#fff;border-radius:20px;display: block;}





/*联系我们*/

.contact{position: relative;}

.contact .map iframe{width:100%;height:500px;}

.contact dl{padding:25px;width:380px;position: absolute;right:20px;top:50px;background:#00a2c5;color:#fff;}

.contact dl dt{font-size: 24px;font-weight: bold;padding-bottom:10px;line-height: 40px;}

.contact dl dd{margin:10px 0;background-repeat:no-repeat;background-position: left top;padding-left: 30px;line-height: 26px;}

.contact dl dd:nth-child(2){background-image:url(../image/icon01.png);}

.contact dl dd:nth-child(3){background-image:url(../image/icon02.png);}

.contact dl dd:nth-child(4){background-image:url(../image/icon03.png);}

.contact dl dd:nth-child(5){background-image:url(../image/icon04.png);}

.contact dl dd:nth-child(6){background-image:url(/images/icon05.png);}





/*营销服务*/

.service{overflow: hidden;*zoom:1;}

.service .netleft{float: left;width:600px;margin-right: 100px;}

.service .netright{width:500px;float: left;}

.service .netright a.jump{display: block;width: 100%;height: 50px;color: #fff;text-align: center;font-size: 20px;line-height: 50px;background:#04a1c5;margin-bottom:40px;}

.service .netright .shengfen{border-bottom: 1px #ccc solid;padding-bottom:30px;}

.service .netright .shengfen a{float: left;width: 61px;height: 16px;border-left: 1px solid #999;margin-bottom: 16px;text-align: center;line-height: 16px;font-size: 14px;}

.service .netright .shengfen a:nth-child(8n + 1){border-left: none;}





/*研发中心*/

.research{font-size:14px;line-height: 30px;padding-bottom: 50px;}





/*健康知识*/

.health ul li{padding:15px;border-bottom: 1px #ccc solid;}

.health ul li .title{overflow: hidden;*zoom:1;padding-bottom: 10px;}

.health ul li .title a{width:860px;float: left;font-size: 16px;font-weight: bold;}

.health ul li .title .time{max-width:160px;float:right;margin-left: 50px;padding-left:25px;background: url(../image/bg04.png) left center no-repeat;font-size: 14px;color:#999;}

.health ul li .text{line-height:24px;height:48px;color:#999;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;margin-bottom:10px;}

.health ul li .more{overflow: hidden;*zoom:1;}

.health ul li .more a{width:100px;height:30px;float: right;border:1px #04a1c5 solid;line-height: 30px;text-align: center;color:#04a1c5;}

.health ul li .more a:hover{color:#fff;background:#04a1c5;}



.health .page{padding:50px 0 30px;}

.summary{background:#f2f2f2;border:1px #ddd solid;padding:5px;margin-top: 20px;color:#999;}







/*人力资源*/

.join ul li{padding:15px;background:#f9f9f9;margin-bottom:20px;}

.join ul li .title{overflow: hidden;*zoom:1;padding-bottom: 10px;}

.join ul li .title a{width:950px;float: left;font-size: 20px;margin-right: 40px;}

.join ul li .title .time{float: left;max-width:150px;color:#999;padding-left:25px;background:url(../image/bg04.png) left center no-repeat;}

.join ul li .title .time span{color:#c8c8c8;}

.join ul li dl,.join_det dl{overflow: hidden;*zoom:1;}

.join ul li dl dd{width:390px;float:left;color:#999;line-height: 20px;margin-bottom:10px;}

.join ul li dl dd span{color:#333;}





/*人力资源详情*/

.join_det .top{margin:20px 0;}

.join_det .top h2{font-size: 30px;color:#04a1c5;border-bottom: 1px #f0f0f0 solid;line-height: 70px;}

.join_det .top .name{padding:20px 15px;}

.join_det .top .name span,.join_det .top .salary span{font-size: 16px;display: inline-block;vertical-align: top;line-height: 36px;color:#666;}

.join_det .top .name strong{font-size:32px;line-height: 50px;display: inline-block;}

.join_det .top .salary{color:#f90;font-size: 26px;line-height: 36px;margin-bottom: 20px;padding:0 15px;}

.join_det .top dl{padding:0 15px;}

.join_det .top dl dd{width:390px;float:left;line-height: 20px;margin-bottom:10px;}

.join_det .top dl dd span{color:#999;}



.join_det .text .title{height:50px;line-height: 50px;background:#f2f2f2;border-left: 3px #04a1c5 solid;font-size: 20px;padding-left:20px;color:#04a1c5;}

.join_det .text .info{padding:15px;color:#666;line-height: 30px;}



/*底部*/

.footer{background:url(../image/bg01.png) center bottom no-repeat;}

.footer .footer_sort{padding:80px 0 100px;}

.footer .footer_sort dl{float: left;width:150px;}

.footer .footer_sort dl a{display: block;}

.footer .footer_sort dl dt{font-size:18px;line-height:40px;}

.footer .footer_sort dl dd{font-size: 14px;line-height: 30px;}

.footer .footer_sort dl dd a{color:#666;}

.footer .footer_sort dl a:hover{color:#04a1c5;}

.footer .footer_sort .footer_ewm{width:300px;float:left;padding-top:10px;}

.footer .footer_sort .footer_ewm li{float: left;width:120px;line-height: 30px;text-align: center;font-size: 14px;}

.footer .footer_sort .footer_ewm li:first-child{margin-right: 60px;}

.footer .footer_copyright{line-height:40px;color:#fff;text-align: center;font-size: 14px;}

.footer .footer_copyright a{color:#fff;}







/*悬浮框*/

.suspension{position: fixed;right:5px;top:40%;}

.suspension ul li{width:48px;height:48px;width:48px;line-height: 48px;position:relative;margin-bottom: 10px;border:1px #d2d2d2 solid;background: #f9f9f9;}

.suspension ul li:hover{background-color:#00a2c5;border:1px #00a2c5 solid;}

.suspension ul li a{display: block;height:48px;width:48px;background-position: center center;background-repeat:no-repeat;background-size:auto;}

.suspension ul li:nth-child(1) a{background-image: url(../image/bg14.png);}

.suspension ul li:nth-child(2) a{background-image: url(../image/bg15.png);}

.suspension ul li:nth-child(3) a{background-image: url(../image/bg16.png);}

.suspension ul li:nth-child(1) a:hover{background-image: url(../image/bg14-1.png);}

.suspension ul li:nth-child(2) a:hover{background-image: url(../image/bg15-1.png);}

.suspension ul li:nth-child(3) a:hover{background-image: url(../image/bg16-1.png);}

.suspension ul li span:after{content:"";width:10px;height:10px;background:#16bde0;position: absolute;right:-5px;top:19px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}

.suspension ul li span{opacity: 0;position: absolute;right:58px;top:-1px;background:#16bde0;height:50px;line-height:50px;white-space: nowrap;font-size: 16px;color:#fff;padding:0 10px;    transition: .3s all ease-in;-webkit-transition: .3s all ease-in;-moz-transition: .3s all ease-in;-o-transition: .3s all ease-in;}

.suspension ul li:hover span{opacity: 1;right: 48px;}





.slider .con { 

  width: 230px; height: 90px; 

  float:left;

 margin-bottom: 10px;

}

.slider .con img {display: block;width: 100%;}



.news_list li{line-height:40px;background:url(../image/dot_line.gif) repeat-x 0 40px;padding-top:1px;}

.news_list li a:hover{text-decoration:none;color:#999;}

.news_list span{float:right;font-family:Arial;color:#5868bf;}

.news_list strong{padding-right:5px;font-size:8px;color:#fc0000;}



/*招聘详细*/

.jobConts{line-height:30px;color:#666;}

.jobConts .line{background:#ccc;height:1px;overflow:hidden;font-size:0;margin:10px 0;}

.jobConts .jobdesc{background:#f5f5f5;padding:10px;color:#333;}

.jobConts strong{color:#333;}

/*分页样式*/

.page_info{text-align:center;margin-top:10px;color:#333;}

.page_info span{padding:0 2px;font-weight:bold;}

.page_list{height:24px;line-height:24px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:12px;margin-top:20px;}

.page_list a{display:inline-block;color:#898989;border:1px solid #e8e8e8;background:#f8f8f8;text-align:center;padding:0 8px;margin:0 1px;}

.page_list a:hover{color:#fff;border:1px solid #898989;background:#898989;}

.page_list a.on{color:#333;border:1px solid #ccc;background:#E5EDF2;}





/*内容分页*/

.contPage{height:20px;line-height:20px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:10px;margin-top:20px;}

.contPage a{display:inline-block;color:#898989;background:#fff;text-align:center;padding:0 7px;margin:0 1px;}

.contPage a:hover{color:#fff;background:#898989;}

.contPage a.on{color:#333;background:#E5EDF2;border:1px solid #C2D5E3;}

  /* btn */

.btn { font-size: inherit; font-weight: normal; line-height: 24px; display: inline-block; margin-bottom: 0; padding: 4px 10px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-align: center; vertical-align: middle; white-space: nowrap; border: 1px solid transparent; -ms-touch-action: manipulation; touch-action: manipulation;}

.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline: none;}

.btn:hover, .btn:focus, .btn.focus { text-decoration: none; color: #333;}

.btn:active, .btn.active { outline: 0;  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; pointer-events: none; opacity: 0.65; -webkit-box-shadow: none; box-shadow: none; filter: alpha(opacity=65);}

.btn-default { color: #333; border-color: #ccc; background-color: #fff;}

.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open >.dropdown-toggle.btn-default { color: #333; border-color: #adadad; background-color: #e6e6e6;}

.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active { border-color: #ccc; background-color: #fff;}

.btn-primary { color: #fff; border-color: #2e6da4; background-color: #337ab7;}

.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open >.dropdown-toggle.btn-primary { color: #fff; border-color: #204d74; background-color: #286090;}

.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active { border-color: #2e6da4; background-color: #337ab7;}

.btn-success { color: #fff; border-color: #4cae4c; background-color: #5cb85c;}

.btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active, .open >.dropdown-toggle.btn-success { color: #fff; border-color: #398439; background-color: #449d44;}

.btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active { border-color: #4cae4c; background-color: #5cb85c;}

.btn-info { color: #fff; border-color: #46b8da; background-color: #5bc0de;}

.btn-info:hover, .btn-info:focus, .btn-info.focus, .btn-info:active, .btn-info.active, .open >.dropdown-toggle.btn-info { color: #fff; border-color: #269abc; background-color: #31b0d5;}

.btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled.focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info.focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active { border-color: #46b8da; background-color: #5bc0de;}

.btn-warning { color: #fff; border-color: #eea236; background-color: #f0ad4e;}

.btn-warning:hover, .btn-warning:focus, .btn-warning.focus, .btn-warning:active, .btn-warning.active, .open >.dropdown-toggle.btn-warning { color: #fff; border-color: #d58512; background-color: #ec971f;}

.btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled.focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning.focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active { border-color: #eea236; background-color: #f0ad4e;}

.btn-danger { color: #fff; border-color: #d43f3a; background-color: #d9534f;}

.btn-danger:hover, .btn-danger:focus, .btn-danger.focus, .btn-danger:active, .btn-danger.active, .open >.dropdown-toggle.btn-danger { color: #fff; border-color: #ac2925; background-color: #c9302c;}

.btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled.focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active { border-color: #d43f3a; background-color: #d9534f;}

.btn-link { font-weight: normal; color: #337ab7; border-radius: 0;}

.btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none;}

.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent;}

.btn-link:hover, .btn-link:focus { text-decoration: underline; color: #23527c; background-color: transparent;}

.btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus { text-decoration: none; color: #777;}

.btn-lg { font-size: 18px; height: 46px;line-height: 46px; padding: 0 16px; *height: 48px;}

.btn-sm { font-size: 12px; height:28px;line-height: 24px; padding: 0 10px; }

.btn-xs { font-size: 12px; height:22px;line-height: 22px; padding: 0 5px;}

.btn-block { display: block; width: 100%; padding-right: 0; padding-left: 0;}

.btn-block +.btn-block { margin-top: 5px;}

.btn .jon, .form-mark .jon { line-height: 1.2; margin: 0; vertical-align: baseline;}

input[type='submit'].btn-block, input[type='reset'].btn-block, input[type='button'].btn-block { width: 100%;}

  channel_content{padding:0px;background: #f8f8f8;}

  .contact_us{padding: 0px 0 0;background: #fff;}

.contact_us .title{font-size: 24px;color: #353535;text-align: center;line-height: 1;padding-bottom: 55px;}

  .contact_us .pt2{ overflow:hidden;margin-top: 90px;background: #f9f9f9;padding-top: 60px;padding-bottom: 88px;}

.contact_us .pt2 .tit{text-align:center; font-size:30px; color:#313131; line-height:1;margin-bottom:25px;}

.contact_us .pt2 .info{text-align:center; font-size:14px; color:#898989; line-height:1;margin-bottom:35px;}

.contact_us .pt2 .line{display: block; margin: 0 auto 20px; width: 27px; height: 1px; background: #c6c6c6;}

.contact_us .pt2 .form{width:1050px;margin:0 auto;}

.contact_us .pt2 .form input{border:1px solid #d5d5d5; font-size:14px;}

.contact_us .pt2 .name{ background: transparent url("../image/i_form_ico1.png") no-repeat right 0;}

.contact_us .pt2 .phone{background: transparent url("../image/i_form_ico2.png") no-repeat right 0;}

.contact_us .pt2 .email{background: transparent url("../image/i_form_ico3.png") no-repeat right 0;}

.contact_us .pt2 .line1{width: 80%; height: 48px; line-height: 48px; padding: 0 46px 0 13px; float: left;}

.contact_us .pt2 .form textarea{width: 989px; border: 1px solid #d5d5d5; padding: 10px 40px 10px 13px; height: 149px; font-size: 14px; line-height: 1.5; margin-bottom: 20px; margin-top:25px; background: transparent url("/img/i_form_ico4.png") no-repeat right top;}

.contact_us .pt2 .form .btns_list{text-align:center; float:left}

.contact_us .pt2 .form .btns_list button{width:45%; height:45px; line-height:37px; border:none; font-size:16px; color:#fff; cursor:pointer;}

.contact_us .pt2 .form .btns_list .sub{background-color: #848484; border-radius:0; float:left;}

.contact_us .pt2 .form .btns_list .sub:hover{background-color:#f47920;}

.contact_us .pt2 .form .btns_list .reset{background-color:#848484; border-radius:0; float:right;}

.contact_us .pt2 .form .btns_list .reset:hover{background-color:#f47920;}

.contact_us .pt2 .form_cb .span-4{position:relative; width:33.3%; float:left}

.contact_us .pt2 .form_cb .span-4 span{position:absolute; right:45px; top:15px;}

.contact_us .pt2 .yzm_box{width:50%; float:left}

.contact_us .pt2 .yzm_box .yzm,

.contact_us .pt2 .yzm_box .innerForm{float: left;}

.contact_us .pt2 .btns_list{width:50%;}

.contact_us .pt2 .yzm_box .yzm{line-height:46px; height:46px; width:30%; background:transparent; text-indent:20px; margin-right:25px;}

.contact_us .pt2 .yzm_box img{width:120px; height:50px; margin-right:10px;}

.contact_us .pt2 .yzm_box .change{color:#40535a; font-size:12px; cursor:pointer; vertical-align:bottom;}



.softlist li{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #eee;clear:both;font-family:Verdana;}

.softlist li .preview{float:left;margin-right:10px;}

.softlist li .preview .img{width:50px;height:50px;padding:1px;display:table-cell;vertical-align:middle;text-align:center;*display:block;*font-size:29px;*font-family:Arial;overflow:hidden;}

.softlist li .preview .img img{vertical-align:middle;}

.softlist li .cont{float:left;}

.softlist li .title{font-weight:bold;}

.softlist li .cont_area{float:left;width:500px;}

.softlist li .size{padding-left:8px;font-size:10px;}

.softlist li .desc{display:block;line-height:20px;}

.softlist li .dl_btn{float:right;width:67px;height:26px;line-height:26px;background:url(../image/bkgnormal.png) no-repeat;text-align:center;margin-top:12px;}

.softlist li .dl_btn:hover{background:url(../image/bkghover.png) no-repeat;text-decoration:none;}

.softlist li .dl_btn:active{background:url(../image/bkgdown.png) no-repeat;}

.cl{ clear:both}



body>.main .content {padding: 10px 0px 0px;}

.content p {color: #333;font-size: 16px;line-height: 24px}

.menu_box {width: 340px;float: left;}

.menu_box .head {width: 100%;}

.menu_box .head img{ width:100%}

.menu_box .menu_nav ul{border:1px solid #eee;padding-bottom: 10px}

.menu_box .menu_nav ul li{font-size: 16px;}

.menu_box .menu_nav ul li:last-child{ border-bottom: none;}

.menu_box .menu_nav ul li .click{ display:block;  color: #555;height: 50px;line-height: 50px;font-size: 16px;padding-left:20px; padding-right:20px;cursor: pointer;position:relative;overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap;}

.menu_box .menu_nav ul li .click::before{content: '';display: inline-block;vertical-align: middle;width:16px; height:16px;margin-right: 7px;background-image: url(../image/pr_8.png);background-repeat: no-repeat;}

.menu_box .menu_nav ul li .click a {display: inline-block;vertical-align: middle;line-height: 20px;color: #555;font-size: 16px;}

.menu_box .menu_nav ul li.open .click::before {background-image: url(../image/pr_7.png);}

.menu_box .menu_nav ul li.active .click a,.menu_box .menu_nav ul li .click a:hover {color: #04a1c5}

.menu_box .menu_nav ul li:hover>a,

.menu_box .menu_nav ul li.active>a{ color:#04a1c5;}

.menu_box .menu_nav ul li:hover>a::before,

.menu_box .menu_nav ul li.active>a::before{ content: url(/images/ico_aon.png);}

.menu_box .menu_nav ul li .submenu {background-color: #fff;padding-left: 23px;}

.menu_box .menu_nav ul li.active .submenu {display: block;}

.menu_box .menu_nav ul li .submenu a {display: block;color: #555;font-size: 15px;padding: 0px 20px 0px 23px;line-height: 35px;background: url(../image/pr_2.png) no-repeat left center;}

.menu_box .menu_nav ul li .submenu a:hover,.menu_box .menu_nav ul li .submenu a.active {color: #04a1c5;}

.menu_box .menu_nav ul li .submenu a:last-child{ border-bottom: none;}



.content_box {float: right;width: 840px;}

.pro_wrap ul li {float: left;width: 266px;margin-right: 20px;margin-bottom: 25px;}

.pro_wrap ul li:nth-child(3n) {margin-right: 0px;}

.pro_wrap ul li .img a {display: block; overflow: hidden;border:1px solid #e3e3e3;}

.pro_wrap ul li .img a img {transition: 0.8s;-webkit-transition: 0.8s, -webkit-transform 0.8s;}

.pro_wrap ul li .img a:hover img {-webkit-transform: scale(1.05);transform: scale(1.05);}

.pro_wrap ul li .name {text-align: center;padding-top: 10px;}

.pro_wrap ul li .name p {color: #666;font-size: 14px;display: block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

.pro_wrap ul li .name h4 a {color: #333;font-size: 16px;display: block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

.pro_wrap ul li .name h4 a:hover {color: #04a1c5}

