@charset "utf-8";
/* CSS Document */
body, div, ul, li, h1, h2, h3, h4, h5, h6, p, dd, dl, dt, input {margin: 0;padding: 0;}
body {
    color: #666;
    font-family: "微软雅黑",Arial,Helvetica,sans-serif;
    font-size: 12px;
}
ul, li, em, i {font-style: normal;font-weight: normal;list-style: outside none none;}
a {color: #666;outline: medium none;text-decoration: none;}
a:hover {text-decoration: none;}
img {border: 0 none;vertical-align: middle;}
em {font-style: normal;}
.clear {clear: both;}
.left {float: left;}
.right {float: right;}
.clear {clear: both;content: "";display: table;}
.clearfix::after {clear: both;content: " ";display: block;}
.wrapper {margin: 0 auto;position: relative;width: 1240px;}

#head{ background: #333; color: #fff; height: 40px; line-height: 40px;}
#head a{ color: #fff;}
#head span{ display: inline-block;  height: 26px; vertical-align: middle; width: 26px;}
#head .wx{background: url(../images/wx_icon.png) no-repeat center; margin-right: 15px;}
#head .phone{background: url(../images/phone_icon.png) no-repeat center;}
#head .mr{ margin: 0 50px;}

#header{ height: 180px;}
.logo{ background: url("../images/logo.png") no-repeat; display: inline-block; height: 110px; margin-top: 35px; width: 160px;}
#header .tp{ padding:30px 0 20px 0; text-align: right}
#header input[type='text']{ height: 39px; border: 1px solid #ddd; border-radius: 39px; width: 260px; text-indent: 1em;}
#header input[type='button']{ background: url("../images/go.png") no-repeat; border:0; height: 40px; margin-left: -30px; width: 40px; vertical-align:middle}
#header .tp img{ margin-left: 30px;}

#nav{ border-top:1px solid #ddd; padding-top:30px; }
#nav li{ float: left;}
#nav a{ color: #000; font-size: 14px; padding: 0 20px;}

.blueberry { background:#fff; position: relative; z-index:1}
.blueberry .slides {display: block;position: relative;overflow: hidden; height:554x;}
.blueberry .slides li { background-position:center ; height:554px; background-repeat:no-repeat;}
.blueberry .slides li.active {display: block;position: relative;}
.blueberry .slides a{ display:block; height:554px;}
.blueberry .pager { bottom:10px;left:0;width:100%;height: 40px;text-align: center;position:absolute;z-index:999;  text-align:center;}
.blueberry .pager li {display: inline-block; margin-top:10px; width:30px;}
.blueberry .pager li a, .blueberry .pager li a span {display: block;height: 20px;width: 20px;}
.blueberry .pager li a {margin:0 5px;}
.blueberry .pager li a span {overflow: hidden;background: url(../images/bullets.png) 0px 2px no-repeat ;text-indent: -9999px;width:20px;height:20px;}
.blueberry .pager li.active a span {background-position: 0px -22px;}

.title{ height: 42px; border-left: 3px solid #f29015; margin: 25px 0; padding-left: 20px;}
.title em{ color: #333; display: block; font-size: 14px; line-height: 10px; margin-bottom:8px;}
.title span{ display: block; color: #139897; font-size: 24px; line-height: 20px;}

.news .left,.news .right{ width: 610px;}
.news dl{ background: #f5f5f5; padding: 20px;}
.news dl a.tit{ color: #333; font-size: 16px; display: block; margin-bottom: 15px; }
.news dt{ margin-top:20px;}
.news dt a{float: right;}
.news dl.tp{ height: 163px; margin-bottom: 15px;}
.news dl.tp dd{ height: 100px;}
.news dl span{ color: #999;}
.news .bt{ float: left; height: 197px; width: 295px; }
.news .bt.last{ margin-left: 20px;}
.news .bt a{ min-height: 0px;}
.news dl:hover{ box-shadow: 0 0px 15px #ccc;}
.news dl:hover a{ color: #1badaa}
#more{ display: block; margin: 50px auto; width: 203px;}

#product{ background: url("../images/pro_bg.png") no-repeat center top; padding: 20px 0 80px;}

.sub_nav{ background: #f2f2f2;float: left; width: 230px;}
.sub_nav h1{ font-size: 16px; font-weight: normal; height: 75px; line-height: 75px; text-align: center;}
.sub_nav li{ border-top: 1px solid #ccc; border-left: 2px solid #f2f2f2;     padding: 20px 0 20px 15px;}
.sub_nav h2{ color: #333; cursor: pointer; font-size: 14px; padding: 10px 0}
.sub_nav em{ background: url("../images/arrow_r.png") no-repeat; display: inline-block; height: 18px; margin-right: 10px; vertical-align: middle; width: 18px;}
.sub_nav p{ display: none; padding-left: 28px;}
.sub_nav p a{ display: inline-block; line-height: 30px; margin-right: 15px;}
.sub_nav p a.curr{ color:#027cc5}
.sub_nav li.current{ border-left:2px solid #027cc5; }
.sub_nav li.current h2{color: #007fc3;}
.sub_nav li.current em{ background: url("../images/arrow_b.png") no-repeat; }
.sub_nav li.current p{ display: block;}
.sub_nav .last{ height: 80px; text-align: center; padding: 0;}
.sub_nav .last strong{ color: #017dc5; font-size: 24px; display: block}

.tab.select{ display:block;}
.tab{ box-sizing: border-box; background: #f2f2f2; width: 990px; padding: 20px 20px 1px 20px; display:none;}
.tab .menu{ height:40px; margin-bottom: 20px; position:relative;}
.tab .menu ul{ position:relative;}
.tab .menu li{ color:#8d8d8d; cursor:pointer;display:block;float:left; font-size:16px; width:237px;height:40px; line-height:40px; text-align:center;}
.tab .menu li.current{ background: #017dc5; color:#fff;}
.tab .content{ padding-top: 20px;}
.tab .content li{ }
.tab .content li li{float: left; position: relative;  width: 305px; margin-bottom: 20px; }
.tab .content li li img{ width: 305px;}
.tab .content li li a{ box-sizing: border-box; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.8); width: 305px; height: 200px; display: none; text-align: center;  padding-top: 60px; }
.tab .content li li a em{ font-size: 16px; display: block; margin-top: 10px; }
.tab .content li li a img{ width: auto;}
.tab .content li li.second{ margin: 0 17.5px;}
.tab .content li li.first{ background:#f1f1f1; line-height:40px; padding:0 5px;}
.tab .content li li.first a{  color:#0e4e80; }
.tab .content li li:hover a{ display: block; color: #fff;}

.about{ background: url("../images/bot.png") no-repeat center bottom; padding-bottom: 110px;}
.about .left{ width: 735px;}
.about .left img{ width: 735px;}
.about .left dl{ line-height: 24px; margin-top: 40px;}
.about .right{ width: 380px;}
.about .right span{ color: #2aacaa; font-size: 20px; font-weight: bold;}
.about .right strong{ color: #f09015; font-size: 38px; display: block;}
.about .right p{ background: url("../images/ab.png") no-repeat center left; font-size: 14px; line-height: 50px; padding-left: 40px;}

#footer{ background: #f5f5f5; line-height: 25px; padding: 30px 0; text-align: center;}

/*about*/
#banner{ background: url("../images/ban.png") no-repeat center top; height: 345px;}

#title{ margin: 50px 0; text-align: center; position: relative;}
#title::after{ content: ''; height: 1px; background: #ddd; position: absolute; left: 0; top: 50%; width: 100%; z-index: -1;}
#title span{ background: #fff; display: inline-block; padding: 0 30px;}

.content{ color: #666; font-size: 14px; line-height: 25px; min-height: 500px;}

.news_list{ border-bottom: 1px dotted #ddd; margin: 0 0 30px; padding: 0 0 20px;}
.news_list .date{ color: #fff; float: left; width: 110px; text-align: center}
.news_list .date em{ background: #f5f5f5; color:#666; display: block; height: 35px; line-height: 35px;}
.news_list .date span{ background:#eeeeee; color:#666;display: block; font-size: 20px; font-weight: bold; height: 50px; line-height: 50px;}
.news_list .rig{ margin-left: 150px;}
.news_list .rig .tit{ border-bottom: 1px solid #eee; color: #333; display: block; font-size: 18px; padding-bottom: 30px; line-height: 18px;}
.news_list:hover .date em{ background: #159997; color: #fff; }
.news_list:hover .date span{ background:#0d8c8a;color: #fff;}
.news_list:hover .rig .tit{color:#0d8c8a}
.news_list:hover .rig .more{color:#0d8c8a}
.news_list .rig dl{ color: #999; padding: 20px 0;}
.news_list .rig .more{ background:url("../images/arrow_right.png") no-repeat center right;  color: #666; display: inline-block; height: 30px; line-height: 30px; padding-right: 15px;}

.pages{ padding: 10px 0 30px; text-align: center;}
.pages a{ display: inline-block; height: 30px; padding: 0 10px;}
.pages a:hover{ color: #0d8c8a}
.pages a.current{ color: #0d8c8a}

#news_tit{ border-bottom: 1px solid #ccc; margin-bottom: 30px; padding-bottom: 30px; text-align: center}
#news_tit strong{ display: block; font-size: 20px; font-weight: normal; line-height: 25px; margin: 10px; }
#news_tit span{ display: block; font-size: 12px;}
#share{ margin-top: 30px;]}
#page{ border-top: 1px solid #ddd; padding: 10px 0 ; margin: 10px 0 30px; position: relative;}
#page .back{ border: 1px solid #ddd; position: absolute; right: 0; top: 50%; margin-top: -20px; height: 40px; line-height: 40px; text-align: center; width: 120px;}


#sub_nav{ width: 260px;}
#sub_nav h1{ background: #0e9b58; color: #fff; font-size: 18px; font-weight: normal;padding: 20px;}
#sub_nav em{ display: block; font-size: 12px; }

#sub_nav h2{ background: #048a4a; color: #fff; font-size: 14px; font-weight: normal; height: 50px; line-height: 50px; padding-left: 20px;}
#sub_nav h2 em{ background: url("../images/arrow_gr.png") no-repeat ; display: inline-block; height: 10px; width: 10px; margin-right: 10px;}
#sub_nav .current h2 em{ background: url("../images/arrow_green.png") no-repeat ; }
#sub_nav li a{  background:url("../images/arrow_gray.png") no-repeat 20px center #e0e0e0; color: #333; display: block; height: 40px; line-height: 40px; padding-left: 40px;}
#sub_nav li a.curr{ background:url("../images/arrow_grays.png") no-repeat 20px center #f3f3f3; color: #048a4a;}
#sub_nav li a:hover{  background:url("../images/arrow_grays.png") no-repeat 20px center #f3f3f3; color: #048a4a;}
#sub_nav li p{ display: none;}
#sub_nav .current p{ display: block;}


#products .right{ width: 900px;}
#products .tit{ border-left: 3px solid #f09015; color: #139897; font-size: 24px; height: 30px; line-height: 30px; margin-bottom: 30px; padding-left: 10px;}
#products .col{float: left; margin:0 0 20px 20px ; width: 210px;}
#products .col a{ display: block; margin-bottom: 10px; text-align: center}
#products .col img{ box-sizing: border-box; border: 1px solid #ddd; padding: 5px; width: 210px;}
#products .frist{ margin-left: 0;}

img#tp{ border: 1px solid #ccc; display: block; margin: 30px auto; padding: 10px;}
.down{ display: block; margin: 0 auto 30px; width: 110px;}

.msg{ padding-bottom: 50px;}
.msg .tp{ color: #f19015; font-size: 14px; text-align: center; line-height: 50px;}
.msg input{ box-sizing: border-box; border:1px solid #ddd; height:40px; text-indent:3.5em; width:400px;}
.msg .name{ background: url("../images/msg_name.png") no-repeat 7px center}
.msg .phone{ background: url("../images/msg_phone.png") no-repeat 7px center}
.msg .mail{ background: url("../images/msg_mail.png") no-repeat 7px center}
.msg .add{ background: url("../images/add.png") no-repeat 10px center}
.msg table{ margin:20px auto ; width:820px;}
.msg td{ vertical-align:top; padding:10px 0;}
.msg td.last{ padding-left: 20px;}
.msg .lt{ padding-top:15px; text-align:right;width:87px;}
.msg textarea{ background: url("../images/msg_dt.png") no-repeat 7px 7px; border:1px solid #ddd; color:#666; font-size:12px; font-family:'微软雅黑'; line-height:25px; height:300px; padding:12px 5px; text-indent: 3.5em; resize:none; width:820px; box-sizing: border-box;}
.msg .btn{ background:#fff; border-radius:0px; color:#333; display:inline-block; font-size:16px; height:36px; line-height:34px; margin:20px  50px; text-align:center; width:140px; text-indent: 0}

#job{ padding-bottom: 50px;}
#job table{ border: 1px solid #ddd; height: 50px; margin-top: 15px; width: 100%; text-align: center}
#job table.current td{ background: #009944; color: #fff;}
#job table.current em{ background:url("../images/job_icon1.png") no-repeat; }
#job table em{ background: url("../images/job_icon.png") no-repeat; display: inline-block; height: 20px; margin: 8px 15px 0; width: 20px;}
#job .detail{ display: none; border: 1px solid #ddd; border-top: 0; line-height: 25px; padding: 20px;}