@charset "UTF-8";

/* CSS Document */

body{

    background-color: #f7f7f7;

    color: #808080;

}

.project{

    background: none;

}

.header_bottom{

    height: 168px;

}

.banner{

    margin-top: 0;

}

/*新闻列表*/

.news_banner{

    background-color: #ff8847;

    width: 100%;

    height: 280px;

}



/*当前位置*/

.current_position{

    background-color: #fff;

    width: 1030px;

    height: 30px;

    line-height: 30px;

    margin: 0.5em auto;

    border-radius: 10px;

}

.current_position a,.current_position span{

    display: inline;

    font-size: 12px;

    color:#808080 ;

}



/*news_list strat*/

.news_list{

    margin-bottom: 50px;

}

.news_list .fl{

    width: 74%;

    +width: 72%;

    width: 74%\9;

    +width: 73%;

    padding:0 10px;

    border-radius: 10px;

    background-color: #fff;

}

.news_list .fr{

    width: 24%;

    border-radius: 10px;

}

.news_list .fl,.news_list .fr{

    overflow: hidden;

    display: inline;

}

.news_list ul{

    padding:16px 0;

}

.news_list ul li{

    margin:15px 0;

    height: 310px;

    width: 100%;

    height: 128px;

    overflow: hidden;

    border-bottom: 1px dashed #c6c6c6;

    clear: both;

}

.news_list ul li:last-child{

    border-bottom: 0;

}

.news_list ul li .txt .title{

    margin-top: 18px;

}

.news_list ul li .txt .title h3{

    font-size: 16px;

    color: #444;

    float: left;

    width: 60%;

    font-weight: bold;

}

.news_list ul li a{

    display: block;

    padding:0 22px;

    padding-right: 30px\9;

}

.news_list ul li .pic{

    width: 30%;

}

.news_list ul li .pic img{

    width: 100%;

    height: 110px;

}

.news_list ul li .txt{

    width: 70%;

}

.news_list ul li .txt .title h5{

    float: right;

    color: #444;

    font-size: 18px;

}

.news_list ul li .txt .title h5 span{

    font-size: 12px;

    color:#666;

    margin-left: 5px;

}

.news_list ul li .txt .text{

    clear: both;

    margin-top: 10px;

}

.news_list ul li .txt .text p{

    font-size: 12px;

    color:#808080;

    line-height: 16px;

    text-indent: 2em;

}



.news_list .fr .new_product_grads span,.news_list .fr .new_product_grads img{

    display: inline\9;

    vertical-align: middle;

    display: inline-block;

}

.news_list .fr .new_product_grads ol li a{

    color: #333;

}

.news_list .fr .new_product_grads ol li{

    height: 10px;

    padding-left: 1em;

}

.news_list .fr .new_product_grads{

    padding:35px 0;

    overflow: hidden;

}

.news_list .fr .new_product_grads h3{

    text-align: center;

    padding: 15px 0 0 0;

    font-size: 14px;

    line-height: 20px;

}

.news_list .fr .new_product_grads h3 span{

    margin-right: 5px;

}

.news_list .fr ul{

    padding:0 0;

}

.news_list .fr ol li{

    clear: both;

    width: 100%;

    height:120px;

    margin: 22px 0;

}

.new_product_grads{

    padding:10px;

    background-color: #fff;

    border-radius: 10px;

    margin-bottom: 22px;

    clear: both;

    behavior: url(js/ie-css3.htc);

}

.new_product_item dl dt,.new_product_item dl dd{

    float: left;

    width: 50%;

    overflow: hidden;

}

.new_product_item dl dt img{

    width: 120px;

    height:120px;

    display: block;

    margin-bottom: 10px;

}

.new_product_item dl dd{

    padding-left: 10px;

    margin-top: 0;

    padding-left: 0\9;

    width: 48%\9;

    margin-left: 2%\9;

 }

.new_product_item dl dd h3{

    color: #666;

    color: #666666;

}

.new_product_item dl dd p{

    font-size:12px;

    color: #999;

    line-height: 16px;

    margin-top: 5px;

}







/*详情页 strat*/

.news_list .news_page{

    padding:40px;

    *width: 66%;

}

.news_list .news_page .title{

   text-align: center;

}

.news_list .news_page .title h3{

    font-size: 24px;

    color:#444444;

}

.news_list .news_page .title h3 span{

    font-size: 18px;

    float: right;

    display: inline;

    *margin-top: -15px;

}

.news_list .news_page .title h3 span i{

    font-size: 12px;

    color: #666;

    margin-left: 5px;

}

.news_list .news_page .txt img{

    margin:30px auto 30px;

}

.news_list .news_page .txt p{

    font-size: 14px;

    color: #666;

    line-height: 24px;

    text-indent: 2em;

    text-align: left;

}



/*联系我们*/

.contact_banner{

    background-color: #1A4EB8;

}

.contact_banner img{

    margin:0 auto;

}



#allmap{

    width: 1000px;

    height: 280px;

    margin:-60px auto 0;

    border-radius: 25px;

    -moz-border-radius:25px;

    -ms-border-radius:25px;

    -o-border-radius: 25px;

    -webkit-border-radius: 25px;

    box-shadow: 0 0 5px rgba(0,0,0,0.3);

    overflow: hidden;

    position: relative;

}



.map{

    width: 805px;

    height: 516px;

    margin:40px auto 10px;

    position: relative;

    background: url("../images/map/map.png") no-repeat center;

}

.map .hubei ul li,.map .hubei ul span{

    position: absolute;

    display: block;

    z-index: 10;

    cursor: pointer;

}

.map .hubei span{

    color: #fff;

}

.map .hubei span:hover{

    color: #f60;

    font-weight: bold;

}

.map .hubei li:hover{

    color: #fff;

    font-weight: bold;

    z-index: 100;

    opacity: 0.8;

    filter: alpha(opacity=80);

}

.map .yichang{

    top: 305px;

    left: 276px;

}

.map .jinzhou{

    top: 399px;

    left: 421px;

}

.map .qianjiang{

    bottom: 151px;

    left: 440px;

}

.map .xiantao{

    bottom: 146px;

    right: 272px;

}

.map .tianmen{

    bottom: 188px;

    right: 293px;

}

.map .xiannin{

    bottom: 67px;

    right: 173px;

}

.map .huangshi{

    bottom: 108px;

    right: 95px;

}

.map .ezhou{

    bottom: 117px;

    right: 109px;

}

.map .wuhan{

    bottom: 181px;

    right: 175px;

}

.map .xiaogan{

    bottom: 235px;

    right: 224px;

}

.map .huanggang{

    bottom: 198px;

    right: 66px;

}

.map .xiangyang{

    top: 156px;

    left: 350px;

}



.Popup,.xlr_dituList ul li{

    background-color: rgba(255,255,255,.8);

    background-color: #fff\9;

    border-radius: 20px;

    behavior: url(js/ie-css3.htc);

}

.Popup{

    width: 490px;

    height:260px;

    position:absolute;

    z-index: 99;

    padding:0 20px;

    display: none;

}



.Popup2{

    left: -80px;

    top:0;

}

.Popup3{

    right: -112px;

    top: 0px;

}

.Popup4{

    left: -80px;

    bottom: -20px;

}

.Popup .map_logo,.xlr_dituList ul li .map_logo{ 

    position: absolute;

    top:18px;

    right: 20px;

}

.Popup h3,.Popup p,.Popup p span,.xlr_dituList ul li h3,.xlr_dituList ul li p,.xlr_dituList ul li span{

    position: relative;

    z-index:102 ;

}

.Popup h3{

    font-size: 20px;

    color: #333;

    padding-top: 60px;

    margin-bottom: 10px;

}

.Popup p{

    font-size: 14px;

    color:#808080;

    line-height: 36px;

}

.Popup p span,.xlr_dituList ul li span{

    color: #22a9ff;

}



/*xlr地图列表*/

.xlr_dituList{

    overflow: hidden;

    margin-bottom: 70px;

}

.xlr_dituList ul{

    padding:5px;

}

.xlr_dituList ul li{

    overflow: hidden;

    width: 30%;

    padding:50px 5px 20px 15px;

    float: left;

    margin-right: 15px;

    margin-bottom: 10px;

    box-shadow: 0 0 8px 1px rgba(0,0,0,.1);

    position: relative;

    height: 170px;

}

.xlr_dituList ul li img{

    top: 10px!important;

    right: 5px!important;

    width: 50px!important;

}

.xlr_dituList ul li h3{

    color: #333;

    margin-bottom: 10px;

    font-size: 14px;

    font-weight: bold;

}



.xlr_dituList ul li p{

    font-size: 14px;

    color:#808080;

    line-height: 25px;

}



.contact_project{

    border-top: 1px solid #ddd;

}

/*更多产品 strat*/

.more_product_banner{

    background-color: #f45850;

}

.more_product_con{

    margin:28px 0;

}

.more_product_con .nav ul li{

    float: left;

    line-height: 38px;

    text-align: center;

    font-size: 14px;

    margin-right: 13px;

}

.more_product_con .nav ul li a{

    display: block;

    width: 120px;

    height: 38px;

    background-color: #e6e6e6;

    border-radius: 10px;

    color: #333;

}

.more_product_con .nav ul li .on{

    background-color: #f45850;

    color: #fff;

}

.more_product_con .more_product_grids{

    width: 100%;

    overflow: hidden;

    padding:40px 30px;

    border-radius: 15px;

    background-color: #fff;

    margin-top: 20px;

    line-height: 42px;

}

.more_product_con .more_product_grids p{

    text-align: center;

}

.more_product_con .more_product_grids .fl{

    margin-top: 7em;

}

.more_product_con .more_product_grids .fl,.more_product_con .more_product_grids .fr{

    width: 50%;

}

.more_product_con .more_product_grids .bottom{

    margin:0 auto;

}

.more_product_con .more_product_grids .bottom p{

    font-size: 12px;

    color: #808080;

}



/*微信公众平台*/

.mailbox_grids .fl p{

    font-size: 18px;

}



/*企业邮箱*/

.emailbox_grids .fl{

    width: 60%!important;

}

.emailbox_grids .fr{

    width: 40%!important;

    padding-left: 44px;

    border-left: 1px solid #ddd;

}

.phone_400{

    text-align: center;

}

.phone_400 h3{

    font-size: 20px;

    color: #333;

}

.phone_400_pic{

    width: 312px;

    height: 312px;

    margin-left: 35%;

    display: block;

}

.phone_400 p{

    color: #808080;

    font-size: 12px;

}



.false_box{

    width: 100%;

    height: 100%;

    position: relative;

    top:-300px;

    left: 0;

    z-index: -1;

}

.false_box .timer{

    position: absolute;

    width: 340px;

    top: 550px;

    left: 50%;

    margin-left: -150px;

}

.false_box .timer p{

    line-height: 30px;

    color: #53585b;

    font-size: 16px;

}

.false_box .timer h3{

    color: #43c6fe;

    font-size: 22px;

}

.false_box .timer p a{

    color:#43c6fe;

    text-decoration: underline;

}

.false_box .timer p #show{

    color: #43c6fe;

}

.footer_contaner{

    overflow: hidden;

    margin-top: 650px;

}



/*关于我们 strat*/

.about_us{

    width: 100%;

    height: 280px;

    border-radius: 20px;

    margin: -60px 0 60px 0;

    position: relative;

    z-index: 99;

    padding:40px 30px 30px;

    box-shadow: 0 0 5px rgba(0,0,0,0.3);

    behavior: url(js/ie-css3.htc);

    background: url("../images/about_us.jpg") no-repeat bottom right #fff;

}

.about_us p{

    color: #4c4c4c;

    font-size: 12px;

    line-height: 22px;

    text-indent: 2em;

}



.xlr_grow{

    width: 100%;

    overflow: hidden;

    margin-bottom: 20px;

}

.am-container h3{

    color: #4c4c4c;

    font-size: 20px;

}

.xlr_grow .con{

    width: 100%;

    position: relative;

    margin:25px 0 0 66px;

    overflow: hidden;

    background: url("../images/about_pic.png") no-repeat center;

}

.xlr_grow .line{

    width: 6px;

    height: 360px;

    border-radius: 10px;

    background:-moz-linear-gradient(rgb(102,211,255) 14%, rgb(65,159,255) 50%, rgb(102,211,255) 100%);

    background:-ms-linear-gradient(rgb(102,211,255) 14%, rgb(65,159,255) 50%, rgb(102,211,255) 100%);

    background:-webkit-linear-gradient(rgb(102,211,255) 14%, rgb(65,159,255) 50%, rgb(102,211,255) 100%);

    background:-o-linear-gradient(rgb(102,211,255) 14%, rgb(65,159,255) 50%, rgb(102,211,255) 100%);

    background: #60cbff\9;

    margin:0 0 0 78px;

}

.xlr_grow .con .fl p{

    margin:10px 0 0 50px;

    font-size: 12px;

}

.xlr_grow .con span{

    font-size: 16px;

    color: #333;

    position: absolute;

    cursor: pointer;

}

.xlr_grow .con .year_2012{

    top:14px;

    left: 10px;

}

.xlr_grow .con .year_2013{

    top:56px;

    left: 97px;

}

.xlr_grow .con .year_2014{

    top:87px;

    left: 10px;

}

.xlr_grow .con .year_2015{

    top:132px;

    left: 97px;

}

.xlr_grow .con .year_2016{

    top:176px;

    left: 10px;

}

.xlr_grow .con .curr{

    font-size: 18px;

    color: #3d99ff;

}

.xlr_grow .con .fl{

    width: 16%;

}

.xlr_grow .con .fr{

    width: 83%;

}

.xlr_grow .con .fr .txt_list{

    margin-top: 40px;

    width: 100%;

    overflow: hidden;

    position: relative;

}

.xlr_grow .con .fr .txt{

    width: 660px;

    overflow: hidden;

    background-color: rgba(255,255,255,.8);

    background-color: #fff\9;

    border-radius: 10px;

    box-shadow: 0 0 5px rgba(0,0,0,0.3);

    padding:36px 30px;

    margin:10px;

    display: none;

    position: relative;

}

.xlr_grow .con .fr .txt img{

    position: absolute;

    right: 15px;

    bottom:15px;

}

.xlr_grow .con .fr .txt p{

    font-size: 14px;

    color: #333;

    line-height: 34px;

}



/*管理团队 strat*/

.IPMT{

    margin:35px 0;

    /*overflow: hidden;*/

}

.IPMT .con ul li{

    float: left;

    width:50%;

    margin-bottom: 30px;

    height: 260px;

    overflow: hidden;

}

.IPMT .con ul li dl{

    padding-right: 1%;

}

.IPMT .con{

    margin-top: 30px;

}

.IPMT .con ul li dl dt{

    width: 40%;

    height: 260px;

    float: left;

}



.IPMT .con ul li dl dt,.IPMT .con .con_bottom dl dt{

    -webkit-transform-origin: 50% 50%;

    -moz-transform-origin: 50% 50%;

    -ms-transform-origin: 50% 50%;

    -o-transform-origin: 50% 50%;

    transform-origin: 50% 50%;

    -webkit-transition: all 0.35s ease;

    -moz-transition: all 0.35s ease;

    transition: all 0.35s ease;

}

.IPMT .con ul li dl dt:hover,.IPMT .con .con_bottom dl dt:hover{

    -webkit-transform: translateZ(-1000px) rotateY(-180deg);

    -moz-transform: translateZ(-1000px) rotateY(-180deg);

    -ms-transform: translateZ(-1000px) rotateY(-180deg);

    -o-transform: translateZ(-1000px) rotateY(-180deg);

    transform: translateZ(-1000px) rotateY(-180deg);

}

.IPMT .con ul li dl dd{

    float: right;

    width: 57%;

    padding-top: 40px;

}

.IPMT .con ul li dl dd h2,.IPMT .con ul li dl dd h5{

    color:#4c4c4c;

}

.IPMT .con ul li dl dd h2{

    font-size: 26px;

    margin-bottom: 10px;

}

.IPMT .con ul li dl dd h5{

    font-size: 16px;

}

.IPMT .con ul li dl dd p{

    font-size: 12px;

    color:#808080;

    margin-top: 20px;

    line-height: 20px;

}

.IPMT .con .con_bottom dl{

    width: 19%;

    float: left;

    margin-right: 1%;

}

.IPMT .con .con_bottom dl dt{

    width: 100%;

    height: 240px;

}

.IPMT .con .con_bottom dl dd{

    text-align: center;

    font-size: 14px;

    color:#333;

}

.IPMT .con .con_bottom dl dt img {

    width: 100%;

    height: 240px;

}

.IPMT .con .con_bottom dl dd h5{

    line-height: 28px;

}

.mien{

    width: 100%;

    min-width: 1000px;

    overflow: hidden;

}

.mien h3{

    text-align: center;

    font-size: 20px;

    color: #4c4c4c;

    margin-bottom: 30px;

}

.mien ul li{

    float: left;

    width: 12.5%;

    height: 150px;

    overflow: hidden;

    +margin-top: -5px;

}

.mien ul li img{

    float: left;

    width: 100%;

    height: 150px;

    opacity: 0.8;

    display: block;

    filter: alpha(opacity=80);

    overflow: hidden;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease ;

    -ms-transition: all 0.5s ease ;

    -o-transition: all 0.5s ease ;

    transition: all 0.5s ease ;

}

.mien ul li img:hover{

    -webkit-transform: scale(1.2);

    -moz-transform: scale(1.2);

    -ms-transform: scale(1.2);

    -o-transform: scale(1.2);

    transform: scale(1.2);

    opacity: 1.0;

    filter: alpha(opacity=100);

}

.mien ul li{

    height: 150px;

    overflow: hidden;

}



.about_bot ul li{

    float: left;

    width: 16.66%;

    overflow: hidden;

}

.about_bot{

    margin: 60px 0;

    overflow: hidden;

}

.about_bot ul li dl dt{

    width: 100px;

    height: 100px;

    background-color: #e03c3c;

    border-radius: 100%;

    background-image: url(../images/about_bot.png);

    background-repeat: no-repeat;

    background-position: 18px 18px;

    margin:0 auto 5px;

}

.about_bot ul li dl dd h3{

    font-size: 20px;

    color:#4c4c4c;

    line-height: 40px;

    text-align: center;

}

.about_bot ul li dl dd{

    padding:0 15px;

}

.about_bot ul li dl dd p{

    font-size: 14px;

    color: #808080;

    text-align: center;

    line-height: 22px;

}