﻿@charset "utf-8";
/* CSS Document */
*{margin:0px;padding:0px;}
ul{list-style-type:none;}
li{ list-style:none;line-height: 35px;}
img{border:0px;}
a{text-decoration:none; font-size: 12px;}
.clear{clear: both;}
.left{float:left;}
.right{float:right;}
body{background:#f2f2f2; font-family: "微软雅黑"; font-size: 12px;overflow-x:hidden; }

.yanzheng{
              width: 103px;
              height: 30px;
              border: 1px solid
              #dedede;
              text-transform: uppercase;
              vertical-align: middle;
}

/* CSS Header */
#he_01{width: 100%;height: 117px;background: #4fc7d6;position: fixed;left: 0;top:0;z-index: 10000;}
#he_01_mid{width: 1200px;height: 117px;margin:0 auto;position: relative;}
#he_01_lbg{width: 1200px;height: 117px;background:#fff;position: absolute;right: 899px;top:0;z-index: 1;}
#he_01_logo{height: 71px;position: absolute;left: 0;top:19px;z-index: 2;}
#he_01_logo img{height: 71px;}
#he_01_logo a{display: block;}
#he_01_nav{height: 91px;position: absolute;right: 0;top:0;}
#he_01_nav a{width: 100px;height: 117px;line-height: 117px;text-align: center;float: left;display: block;color: #333;font-size: 16px;transition: all .4s;}
#he_01_nav a:hover{background: #fbb328;color: #fff;}
#he_02{width: 1200px;height: 501px;margin:0 auto;position: relative;margin-top: 117px;}
#he_02_mid{width:1920px;height: 501px;position: absolute;top:0px;left: -360px;}
#he_03{width: 100%height: 54px;margin:0 auto;background: #b20404;}
#he_03_mid{width:1200px;height: 54px;margin:0 auto;position: relative;}
#he_03_mid span{width: 124px;height: 54px;line-height: 54px;text-align: center;display: block;color: #fff;font-size: 16px;}
#he_03_news{width: 1060px;height: 54px;position: absolute;right: 0;top:0;overflow: hidden;}
#he_03_news li{width: 355px;height: 54px;line-height: 54px;float: left;margin-right: 30px;position: relative;}
#he_03_news li a{display: block;color: #fff;font-size: 14px;}
#he_03_news li i{font-style: normal;text-align: right;position: absolute;right: 0;top:0;}

/* CSS Footer */
#footer{width:100%;margin:0 auto;background: #53c7d4;padding:25px 0px;padding-bottom: 45px;}
#footer_nav{width: 1096px;height: 48px;background: #fcb327;margin:0 auto;}
#footer_nav a{width: 121px;height: 48px;line-height: 48px;text-align: center;float: left;display: block; color: #333;font-size: 14px;transition: all .4s;}
#footer_nav a:hover{background: #ffa904;color: #fff;}
#footer_mid{width: 1200px;height: 162px; margin:0px auto;position: relative;margin-top: 45px;}
#footer_map{width: 290px;height: 140px;position: absolute;right: 0;top:11px;}
#footer_lxwm{width: 450px;height: 130px;position: absolute;color: #fff;font-size: 15px;line-height: 30px; left: 305px;top:0;border-left:solid 1px #53d1df;border-right:solid 1px #53d1df;padding:5px 35px;}
#footer_ewm{width: 260px;height: 130px;position: absolute;left: 0;top:5px;background: url(../images/footer_icon.png) right center no-repeat;}
#footer_ewm img{width: 130px;height: 130px;}
#footer_copyright{width: 100%;height: 50px;margin:0 auto;background: #222222;}
#footer_copyright_mid{width: 1200px;height: 50px;line-height: 50px;margin:0 auto;font-size: 12px;color: #b7b7b7;position: relative;}
#footer_admin{position: absolute;right: 0;top:0; text-align: right; height: 50px;line-height: 50px;font-size: 12px;color: #b7b7b7;}
#footer_admin a{font-size: 12px;color: #b7b7b7;}
#footer_admin a:hover{text-decoration: underline;}

#footer_l{position: fixed;left: 2%;top:200px;border:solid 1px #cecece;background: #fff;padding:10px;width: 90px;text-align: center;line-height: 25px;color: #e80000;font-size: 14px;}
#footer_l img{width: 100%;}
#footer_r{position: fixed;right : 2%;top:200px;border:solid 1px #cecece;background: #fff;padding:10px;width: 90px;text-align: center;line-height: 25px;color: #333;font-size: 14px;}
#footer_r img{width: 100%;}

/*固定的悬浮窗*/

.yb_conct {

    position: fixed;

    z-index: 9999999;

    top: 60%;
    margin-top: -50px;

    right: -127px;

    cursor: pointer;

    transition: all .3s ease;

}

.yb_bar ul li {

    width: 180px;

    height: 53px;

    font: 16px/53px 'Microsoft YaHei';

    color: #fff;

    text-indent: 54px;

    margin-bottom: 3px;

    border-radius: 3px;

    transition: all .5s ease;

    overflow: hidden;

}

.yb_bar .yb_top {

    background: url('../images/fixcont.png') no-repeat 0 0 #fcb327;

}

.yb_bar .yb_phone {

    background: url('../images/fixcont.png') no-repeat 0 -57px #fcb327;

}

.yb_bar .yb_QQ {

    text-indent: 0;

    background: url('../images/fixcont.png') no-repeat 0 -113px #fcb327;

}

.yb_bar .yb_ercode {

    /*height:200px;*/



    background: url('../images/fixcont.png') no-repeat 0 -169px #fcb327;

}

.hd_qr {

    padding: 0 29px 25px 29px;

}

.yb_QQ a {

    display: block;

    text-indent: 54px;

    width: 100%;

    height: 100%;
    font-size: 14px;

    color: #fff!important;

}


/* CSS Main */
#in_03{width: 1200px;margin:35px auto;}
#in_03_l{width: 586px;float: left;}
#in_03_r{width: 586px;float: right;}
.in_03_title{width:100%;height: 48px;margin:0px auto;background: #fff;position: relative;margin-bottom: 15px;}
.in_03_title span{display: block;height: 48px;line-height: 48px;font-size: 18px; text-indent: 55px;  width: 158px; color: #000;}
.in_03_title span.in_03_icon01{ background:#53c7d4 url(../images/in_03_icon01.png) 12px center no-repeat;}
.in_03_title span.in_03_icon02{ background:#53c7d4 url(../images/in_03_icon02.png) 12px center no-repeat;}
.in_03_more {position:absolute;right: 20px;top:0px;text-align: right;height: 48px;line-height: 48px;}
.in_03_more a{color: #333;font-size: 12px;display: block;text-transform: uppercase;}
.in_03_more a:hover{text-decoration: underline;}
.news_ul{width: 100%;margin:0 auto;}
.news_ul li{width: 100%;background: url(../images/in_04_icon.png) left center no-repeat;line-height: 42px;height: 42px;text-indent: 18px;position: relative;transition: all .4s;}
.news_ul li span{position: absolute;right: 0px;top:0;text-align: right;color: #333;font-size: 15px;transition: all .4s;}
.news_ul li a{color: #333;font-size: 15px;display: block;}
.news_ul li:hover{text-indent: 25px;background: #53c7d4 url(../images/in_04_icon_hover.png) 15px center no-repeat;}
.news_ul li a:hover{color: #fff;}
.news_ul li:hover span{color: #fff;right: 10px;}
#in_01{width: 100%;margin:35px auto;}
#in_01_title{width:  1200px;height: 48px;line-height: 48px; margin:0 auto;background: #fff;}
#in_01_title span{display: block;height: 48px;line-height: 48px;margin:0 auto;font-size: 18px; text-indent: 55px;  width: 158px; color: #000;background:#53c7d4 url(../images/in_03_icon01.png) 12px center no-repeat;}
#in_01_ul{width: 1200px;margin:0 auto;margin-top: 35px;}
#in_01_ul li{float: left;width: 380px;height: 186px;margin-right: 30px;position: relative;margin-bottom: 13px;}
#in_01_ul li:nth-child(3n){margin-right: 0;}
#in_01_ul li.in_01_c1{background: #ff6e43;}
#in_01_ul li.in_01_c2{background: #44a95d;}
#in_01_ul li.in_01_c3{background: #ebb902;}
#in_01_ul li.in_01_c4{background: #1760ad;}
#in_01_ul li.in_01_c5{background: #7dc1e8;}
#in_01_ul li.in_01_c6{background: #cc1206;}
#in_01_ul li dl dt.d1{width: 1px;height: 186px;background: #fff;position: absolute;left: 9px;opacity: 0.6}
#in_01_ul li dl dt.d2{width: 380px;height: 1px;background: #fff;position: absolute;top: 9px;opacity: 0.6}
#in_01_ul li dl dt.d3{width: 1px;height: 186px;background: #fff;position: absolute;right: 9px;opacity: 0.6}
#in_01_ul li dl dt.d4{width: 380px;height: 1px;background: #fff;position: absolute;bottom: 9px;opacity: 0.6}
#in_01_ul li span{display: block;line-height: 186px;height: 186px;width: 380px;text-align: center;color: #fff;font-size: 24px;}
#in_01_wx{width: 1200px;margin:0 auto;margin-top: 17px;}
#in_01_wx li{float: left;width: 585px;height: 186px;margin-right: 30px;position: relative;margin-bottom: 13px;}
#in_01_wx li:nth-child(even){margin-right: 0;}
#in_01_wx li.in_01_w1{background: #1760ad;}
#in_01_wx li.in_01_w2{background: #7dc1e8;}
#in_01_wx li dl dt.d1{width: 1px;height: 186px;background: #fff;position: absolute;left: 9px;opacity: 0.6}
#in_01_wx li dl dt.d2{width: 585px;height: 1px;background: #fff;position: absolute;top: 9px;opacity: 0.6}
#in_01_wx li dl dt.d3{width: 1px;height: 186px;background: #fff;position: absolute;right: 9px;opacity: 0.6}
#in_01_wx li dl dt.d4{width: 585px;height: 1px;background: #fff;position: absolute;bottom: 9px;opacity: 0.6}
#in_01_wx li span{display: block;line-height: 186px;height: 186px;width: 585px;text-align: center;color: #fff;font-size: 24px;}
#in_02{width: 100%;height: 360px; margin:40px auto;background: #53c7d4;}
#in_02_mid{width: 1200px;height: 360px;margin:0 auto;position: relative;}
#in_02_l{width: 570px;height: 330px;border:solid 15px #ffffff; background: #ffffff;position: absolute;left: 0;top:0;overflow: hidden;}
#in_02_l .in_02_ul{width: 100%;height: 330px;position: absolute;left: 0;top:0;z-index: 1;}
#in_02_l .in_02_ul li,#in_02_l .in_02_ul li img{width: 100%;height: 330px;}
#in_02_l .in_02_btn{position: absolute;right: 26px;bottom:26px;z-index: 2;}
#in_02_l .in_02_btn li{width: 15px;height: 15px;float: left;margin-left: 5px;background: #fff;border-radius: 100%;cursor: pointer;}
#in_02_l .in_02_btn li.on{background: #b20404;}
#in_02_r{width: 564px;position: absolute;right: 0;top:20px;}
#in_02_title{width: 100%;height: 37px;background: url(../images/in_02_icon.png) left center no-repeat;line-height: 37px;text-indent: 40px; color: #fff;font-size: 20px;font-weight: bold;margin:0 auto;}
#in_02_subtitle{width: 100%;margin:0 auto;border-bottom: solid 3px #fff; padding:8px 0; line-height: 28px; color: #fff;font-size: 18px; margin-top: 12px;}
#in_02_info{width: 100%;margin:0 auto;margin-top: 20px;line-height: 26px;color: #fff;font-size: 15px;}
#in_02_info a{color: #fff;font-size: 15px;}
#in_04{width: 1200px;height: 152px;margin:0 auto;background: url(../images/in_04_bg.png) center no-repeat;}
#in_05_title{height: 48px;line-height: 48px;font-size: 20px; text-indent: 55px;  width: 158px; color: #000;background:url(../images/in_05_icon.png) left center no-repeat;margin:0 auto;margin-top: 40px;}
#in_05_sx{width: 1200px;height: 4px;border-top:solid 1px #53c7d4;border-bottom: solid 3px #fcb327;margin:0 auto;}
#in_06{width:1200px;height:203px;margin:20px auto;position: relative;margin-bottom: 40px;}
#in_06_mid{width: 1080px;height: 203px;margin:0 auto;overflow: hidden;}
#in_06_mid li {float:left; width:255px;height:203px;cursor: pointer; margin:0px 10px; text-align:center; }
#in_06_mid li img { width:255px; height:203px;}
.honor_l,.honor_r{width: 42px;height: 118px;position: absolute;top:33px;transition: all .4s;cursor: pointer;transition: all .4s;}
.honor_l{background: #e5e5e5 url(../images/honor_l.png) center no-repeat;left: 0;}
.honor_r{background: #e5e5e5 url(../images/honor_r.png) center no-repeat;right: 0;}
.honor_l:hover{background: #53c7d4 url(../images/honor_l_hover.png) center no-repeat;left: 0;}
.honor_r:hover{background: #53c7d4 url(../images/honor_r_hover.png) center no-repeat;right: 0;}


/*left*/
#left{width:263px; float: left;position: relative;display: inline;}
.left_title{width: 263px;height: 68px;background: url(../images/left_title.png) center no-repeat;margin:0 auto;}
.left_cplb{width: 258px;margin:0 auto; border:solid 1px #e8e8e8; background: #fff; border-top: none;}
.left_cplb li{width: 258px; min-height: 61px; margin:0 auto;background: url(../images/left_li.png) bottom center no-repeat;}
.left_cplb li a{width: 258px;height: 61px;line-height: 61px;display: block;color: #7c7c7c;font-size: 14px; background: url(../images/left_icon01.png) 42px center no-repeat; margin:0 auto;transition: all .5s;}
.left_cplb li span{padding-left: 62px;}
.left_cplb li:hover{background:#53c7d4 url(../images/left_icon02.png) 42px center no-repeat;}
.left_cplb li a:hover{color: #fff;}
.left_tel{width: 263px;height: 98px;background: url(../images/left_tel.png) center no-repeat;}
.left_tel p{padding-top: 8px;padding-left: 82px;font-size: 14px;color: #fff;line-height: 26px;}
.left_tel p span{font-weight: bold;font-size: 23px;}

/*contact css*/
#right_lxwm{width: 100%;margin:0 auto;margin-bottom: 30px;}
#right_lxwm ul{padding-top: 20px;}
#right_lxwm ul li{color: #333;font-size: 14px;}
#right_lxwm ul li a{color: #333;font-size: 14px;}
.lx_name { font-size:20px!important; position:relative; padding-bottom:10px;}
.lx_name i { position:absolute; bottom:0; left:0; width:86px; height:4px; background:#53c7d4; display:block;}

/*product_info css*/
.pro_capital{width: 100%;height: 35px;line-height: 35px; background: #fff; margin:30px auto;position: relative;}
.pro_capital span{width: 150px;height: 35px;color: #fff;font-size: 16px;text-align: center;display: block;position: absolute;left: 0px;top:0px; background: #53c7d4;}
.pro_detail{width: 100%;height: auto;margin:0 auto;margin-top: 10px;font-size: 16px;color: #4f4f4f;line-height: 29px;}
.pro_detail img{max-width: 100%;}
.submit{width:96px;height:32px;line-height:32px;border:0;background:#da0000;cursor:pointer;color: #fff;font-size: 14px;text-align: center;font-family: "微软雅黑"; }
.reset{width:96px;height:32px;line-height:32px;border:0;background:#dddddd;cursor:pointer;color: #000;font-size: 14px;text-align: center;font-family: "微软雅黑"; }


/* CSS Ziye */
#wrap{ width:1200px; height:auto; margin: 40px auto;position: relative;z-index: 100;}
#right{width:915px; height:auto;float: right; color: #424242;}
#right_title{width: 911px;height:45px;position: relative;border:2px solid #53c7d4;margin:0 auto;}
#title_left{float:left;width:150px;height:45px;line-height: 45px; font-size: 20px;color:#fff;background: #53c7d4;text-align: center;}
#title_right{float: right;color:#2e2e2e;padding-right: 20px;font-size: 14px;height:45px;line-height: 45px;width: 60%;text-align: right;}
#title_right a{color:#2e2e2e;font-size: 14px;}
#title_right a:hover{color:#e80000;}
#right_content{ width: 100%; height:auto;margin:0 auto;margin-top: 20px; line-height:32px;color:#2e2e2e;font-size: 14px;}
#right_content a{color:#2e2e2e;}
#right_content a:hover{color:#e80000;}
#indexNews{ width: 100%; height: auto;  overflow: hidden; }
#indexNews li{ width: 100%; height:120px; padding:15px 0; color: #555555; font-size: 14px; line-height:25px; margin-bottom: 18px; overflow: hidden; border-bottom:1px #d0cece dashed; position: relative;}
#indexNews li .xwpic{ width: 160px; height: 120px; border:1px #bab6b6 solid; float: left;}
#indexNews li .xwpic img{ width: 160px; height: 120px;}
#indexNews li .xwtxt{ width: 720px; height: 120px; float: right; padding-right: 10px; position: relative;}
#indexNews li .xwtxt a{ font-size: 15px; line-height: 38px; color: #5a393a; display: block; }
#indexNews li .xwtxt a:hover{ color: #f00; }
#indexNews li .xwtxt span{ right: 15px; top: 8px; position: absolute; }
#indexNews li .release{ font-size: 12px; font-family: "宋体"; position: absolute; left: 0; bottom: 0; line-height: 20px; }
#page{width:100%;height:40px; line-height:40px;text-align:right;margin:20px auto;color:#575656;font-size:14px;clear:both;}
#page a{color:#575656;font-size:14px;}
#page a:hover{color:#e80000;}
#newTitle{width:750px;line-height:30px;color:#000000;font-size:18px;text-align:center;margin:0 auto;font-weight: normal;}
#productTitle{width:750px;height:30px;color:#000000;font-size:18px;text-align:center;margin:0 auto;}
#newsInfo{width:750px;height:20px;color:#000000;font-size:12px;text-align:center;margin:10px auto;font-weight: normal;}
.newsinfoleft {padding-left: 30px;}
.xxsmys{ height:30px; line-height:30px; background-color:#ececec;}
.xxsmwz{ width:88px; height:30px; color:#FFF; text-align:center; display:block; background-color:#9a9a9a;}
.pageys{ width:59px; height:21px; line-height:21px; border:#e5e5e5 solid 1px; display:block; float:left; text-align:center;}
.pageys:hover{color:#ff6c00}
.pageys1{ width:20px;height:21px; line-height:21px; border:#e5e5e5 solid 1px; display:block; float:left; text-align:center; margin-left:5px;}
.pageys2{ float:left; padding-left:5px;height:21px; line-height:21px; }
#infoImage{width:100%;text-align:center;margin:10px 0 10px 0;}
#infoImage img{ max-width:600px; padding:3px; border:#dcdcdc solid 1px;}
#newsContent{width:100%;margin:0 auto;font-size:14px;}
#picUL{ width:100%; height:100%; overflow:hidden;}
#picUL li{width:280px;float:left;margin:0 9px 23px 8px; cursor: pointer; padding:4px; text-align:center;}
#picUL li:hover{background:#53c7d4;transition: 0.5s all;}
#picUL li .pic_01{width:280px;height:210px; text-align: center;background: #fff;border-bottom:1px solid #f3efee;}
#picUL li .pic_01 img{height:210px;width:auto; max-width: 280px; vertical-align:middle; background:#fff5e1;}
#picUL li .pic_01 span{ height:100%; width:0; overflow:hidden; display:inline-block; vertical-align:middle;}
#picUL li .pic_02{width:280px;text-align: center;line-height:40px;}
#picUL li .pic_03 {
    width: 100%;
    height: 30px;
    margin: 0 auto;
    padding-bottom: 10px;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#picUL li .pic_03 span{width:100px;text-align: center;line-height:30px;height: 30px;display: block;position: absolute;left: 0;top:0;z-index: 2;}
#picUL li .pic_03 span a{display: block;border-radius: 20px;background: #fcb327;color: #333;font-size: 14px;}
#picUL li .pic_03 .bmouter{position: absolute;left: 0;top:0;width:100px;height:30px;border-radius:105px;background:#fff;animation: shining 1s linear infinite;-webkit-animation: shining 1s linear infinite;-moz-animation: shining 1s linear infinite;z-index:1;}
@keyframes shining {
  0% {
    transform: scale(1);
    -ms-transform: scale(1);
    opacity: 0;
  }
  25% {
    transform: scale(1);
    -ms-transform: scale(1);
    opacity: .3;
  }
  50% {
    transform: scale(1);
    -ms-transform: scale(1);
    opacity: .7;
  }
  100% {
    transform: scale(1.3,1.7);
    -ms-transform: scale(1.3,1.7);
    opacity: 0;
  }
}
@-webkit-keyframes shining {
  0% {
    -webkit-transform: scale(1);
    opacity: 0;
  }
  25% {
    -webkit-transform: scale(1);
    opacity: .5;
  }
  50% {
    -webkit-transform: scale(1);
    opacity: .8;
  }
  100% {
    -webkit-transform: scale(1.1,1.3);
    opacity: 0;
  }
}
#picUL li a{color:#555555;font-size:14px;}
#picUL li:hover a{color:#fff;}
#picUL li:hover{color:#fff;}
.G_tips{
color:#666;
width:486px;
border:1px solid #dedede;
padding:7px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
box-shadow: 0px 0px 3px rgba(0,0,0,.1);
-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,.1);
-moz-box-shadow: 0px 0px 3px rgba(0,0,0,.1);
}


.recruitys{ width:670px; height:auto; padding:10px; background-color:#fafafa; border:#dedede solid 1px;}
.recruitcon{ height:173px;  border-bottom:#cdcdcd dashed 1px; margin:10px;}
.recruitcon1{ height:173px;  margin:10px;}
.recruitconl{ width:145px; height:153px; float:left; text-align:left;}
.recruitconc{ width:572px; height:153px; float:left; padding-left: 75px;}
.recruitconc li{ width:372px; height:35px; line-height:35px; color:#444444;}
.zwmcys{ color:#ff6c00; font-weight:bold;}
.recruitconr{ width:133px; height:auto; float:left; text-align:center;}
.chakan{padding-top: 13px;}
.formys{ height:auto; padding:10px;}
.cpmcys{ width:280px; height:34px;border:1px solid #dedede;}
.formbz{ float:left;}
.G_InputText{

width:278px;

height:30px;

border:1px solid #d2d4d6;

}

.G_textarea{

width:300px;

height:100px;

border:1px solid #dedede;

}

.G_ul{

margin:0 auto;
}

.G_botton{

width:55px;

height:30px;

line-height:30px;

border:0;



cursor:pointer;

}

.borderLi{ width:500px; height:auto; padding-top:10px;}
.G_tips{



width:486px;

margin:10px auto 0 auto;

border:1px solid #dedede;

padding:7px;

border-radius:5px;

-moz-border-radius:5px;

-webkit-border-radius:5px;

box-shadow: 0px 0px 3px rgba(0,0,0,.1);

-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,.1);

-moz-box-shadow: 0px 0px 3px rgba(0,0,0,.1);

}
.page{margin:0 20px 15px 0;}
.page a{display:inline-block;height:18px;line-height:18px;border:1px solid #dbdbdb;padding:0 2px 0;}
.page a:hover{background:#404040;color:#fff;border:none;height:20px;line-height:20px;padding:0 3px 0;}
.current {padding:0 6px 0;height:18px;line-height:18px;background:#404040;color:#fff;}

