body{background:#fff;}
#header,#content,#footer{width:100%;}
.header_t{width:100%;height:36px;line-height:36px;background:#f0f0f0;border-bottom:1px solid #ddd;}
.header_t ul{width:1000px;margin:0 auto;}
.header_t ul li.welcome{float:left;background:url(../images/wel.png) no-repeat 0 center;height:36px;line-height: 36px;padding-left:32px;}
.header_t ul li.action{float:right;}
.header_t ul li.action a.ico_weibo{background:url(../images/ico_weibo.png) no-repeat;padding-left:24px;}
.header_m{width:100%;height:120px;line-height: 110px;background:url(../images/topbg.png) no-repeat center;margin-top:0;}
.header_m ul{width:1000px;height:83px;margin:0px auto 12px auto;padding-top:15px;}
.header_m ul li.logo{float:left;height:83px;}
.header_m ul li.logo a{display: inline-block;width:auto;height:83px;background:url(../images/logo.png) no-repeat;}
.header_m ul li.tel{float:right;width:245px;height:89px;background:url(../images/tel.png) no-repeat;background-size:contain;}
.header_b{width:100%;height:40px;line-height:40px;background:#014478;}
.navlist{width:1000px;margin:0 auto;height:40px;}
.navlist ul{width:1000px;height:40px;float:left;}
.navlist ul li{float:left;width:111px;text-align: center;color:#fff;height:40px;position:relative;overflow: hidden;}
.navlist ul li a{float:left;color:#fff;font-size:16px;display: inline-block;width:111px;height:40px;line-height: 40px;}
.navlist ul li.on a,.navlist ul li:hover a{background:#00223d;}

.navlist ul li dl{position:absolute;top:40px;left:0;width:125px;z-index: 1000;background:#00223d;}
.navlist ul li dl dd{float:left;width:100%;height:40px;line-height: 36px;overflow:hidden;}
.navlist ul li dl dd a{color:#fff;font-size:14px;}
.navlist ul li dl dd a:hover{background:#1dade5;display: inline-block;}



.fullSlide {
    width: 100%;
    position: relative;
    height: 500px;
    background: #000;
}

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

.fullSlide .bd ul {
    width: 100% !important;
}

.fullSlide .bd li {
    width: 100% !important;
    height: 500px;
    overflow: hidden;
    text-align: center;
}

.fullSlide .bd li a {
    display: block;
    height: 500px;
}

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

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

.fullSlide .hd ul li {
    cursor: pointer;
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 42px;
    height: 11px;
    margin: 1px;
    overflow: hidden;
    background: #000;
    filter: alpha(opacity=50);
    opacity: 0.5;
    line-height: 999px;
}

.fullSlide .hd ul .on {
    background: #f00;
}

.fullSlide .prev, .fullSlide .next {
    display: block;
    position: absolute;
    z-index: 1;
    top: 50%;
    margin-top: -30px;
    left: 15%;
    z-index: 1;
    width: 40px;
    height: 60px;
    background: url(../images/slider-arrow.png) -126px -137px #000 no-repeat;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: 0.5;
    display: none;
}

.fullSlide .next {
    left: auto;
    right: 15%;
    background-position: -6px -137px;
}



#content{width:1000px;margin:0 auto;margin-top:20px;}
.content_1{float:left;width:1000px;}
.content_1_l,.content_1_m,.content_1_r{float:left;width:320px;}
.content_1_m{margin:0 20px;}
.content_t{float:left;width:1000px;height:224px;}
.page-main .title{float:left;width:100%;height:40px;line-height: 40px;margin-bottom:20px;border-bottom:1px solid #ccc;}
.page-main .title p{float:left;width:auto;height:40px;background:url(../images/ico_tit.png) no-repeat 0 center;text-indent:42px;color:#014478;font-size:16px;}
.page-main .title a{float:right;display: inline-block;line-height: 40px;background:url(../images/ico_more.png) no-repeat right center;padding-right:24px;}
.news dl,.joiner dl{float:left;width:320px;height:60px;overflow: hidden;margin-bottom:12px;padding-bottom:12px;border-bottom:1px dotted #ddd;}
.news dt,.news dt img,.joiner dt,.joiner dt img{float:left;width:85px;height:60px;}
.news dd,.joiner dd{float:left;width:210px;overflow: hidden;padding-left:13px;}
.news dd.tit,.joiner dd.tit{height:20px;line-height: 20px;font-size:14px;margin-bottom:4px;color:#0075b4;}
.news dd.desc,.joiner dd.desc{height:36px;line-height: 18px;font-size:12px;}
.aboutus_con{line-height: 24px;float:left;height:120px;overflow:hidden;margin-bottom:6px;background:url(../images/aboutusbg.jpg) no-repeat;background-size:contain;padding-top:150px;}
.hbkp,.photonews{margin-top:10px;}
.hbkp_con,.hbkp_con ul{float:left;width:320px;}
.hbkp_con ul li{float:left;width:308px;height:24px;line-height: 28px;margin-bottom:4px;padding-bottom:4px;border-bottom:1px dotted #ddd;overflow: hidden;background:url(../images/newsicon.jpg) no-repeat 0 center;padding-left:12px;}
.focus{width:320px;height:172px;position:relative;float:left;margin-top:-10px;}
.focus #pic{width:320px;height:172px;overflow:hidden;}
.focus #pic ul{width:1280px;height:172px;float:left;}
.focus #pic li{width:320px;height:172px;float:left;}
.focus #pic li img{width:320px;height:172px;float:left;}
.focus .tip-bg{width:320px;height:30px;background:url(../images/focus_tip_bg.png) no-repeat left top;position:absolute;left:0;bottom:0;z-index:12;}
.focus #tip{width:96px;height:14px;position:absolute;left:104px;bottom:8px;z-index:13;}
.focus #tip ul li{width:14px;height:14px;float:left;display:inline;margin:0 5px;cursor:pointer;background:url(../images/focus_tip.png) no-repeat;}
.focus #tip ul li.on{background:url(../images/focus_tip_current.png) no-repeat;}
.focus .btn{width:42px;height:9px;position:absolute;right:0;bottom:10px;z-index:14;overflow:hidden;}
.focus .btn ul{width:100%;float:left;}
.focus .btn li{width:7px;height:9px;float:left;display:inline;margin:0 7px;cursor:pointer;overflow:hidden;}
.focus .btn li.prev{background:url(../images/focus_btn_left.png) no-repeat left top;}
.focus .btn li.next{background:url(../images/focus_btn_right.png) no-repeat left top;}

.banner{margin:20px 0;float:left;width:1000px;}

.content_3_l{float:left;width:320px;}
.content_3_r{float:right;width:320px;}
.content_3_m{float:left;width:360px;height:524px;background:url(../images/hxbg.png) no-repeat center center;background-size:contain;}
.jszc{float:left;width:320px;}
.jszc_con{height:200px;line-height: 24px;overflow: hidden;float:left;margin-top:-10px;text-align:center;width:100%;}
.mg20{margin-top:20px;float:left;}

.cases_con{float:left;width:1000px;}
.cases_con dl{position:relative;float:left;width:226px;height:160px;margin:12px;filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696',Direction=135, Strength=5);/*for ie6,7,8*/
    background-color: #eee;
    -moz-box-shadow:2px 2px 5px #969696;/*firefox*/
    -webkit-box-shadow:2px 2px 5px #969696;/*webkit*/
    box-shadow:2px 2px 5px #969696;/*opera或ie9*/}
.cases_con dt,.cases_con img{width:226px;height:160px;}
.cases_con dd{color:#fff;width:226px;height:40px;line-height:40px;text-align: center;position:absolute;bottom:0;float:left;background:#0075b4;background: rgba(0, 0, 0, 0.8) !important; /* IE无效，FF有效 */
                                                                                                                                        filter: alpha(opacity=80);
                                                                                                                                        -moz-opacity: 0.8;
                                                                                                                                        -khtml-opacity: 0.8;
                                                                                                                                        opacity: 0.8; transition: height ease 0.8s;}
.cases_con dl:hover dd {
    height: 100%;
    line-height:120px;
}

.content_2_l{float:left;width:660px;}
.expert{float:left;width:660px;height:181px;margin-bottom:40px;}
.expert_con{float:left;width:660px;height:145px;overflow: hidden;}
.expert_con ol{float:left;width:660px;}
.expert_con ol li{float:left;width:145px;height:145px;margin:0 10px;position:relative;}
.expert_con ol li img{width:145px;height:145px;}
.expert_con ol li p{width:145px;height:0;position:absolute;bottom:0;left:0;text-align: center;line-height: 32px;color:#fff;overflow:hidden;transition: height ease 0.8s;}
.expert_con ol li:hover p{height:145px;line-height:145px;color:#fff;background:rgba(0, 117, 180, 0.8) !important; /* IE无效，FF有效 */
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;}

.product_con {float:left;width:660px;height:240px;overflow:hidden;}
.product_con ul{float:left;width:660px;}
.product_con ul li{float:left;width:300px;height:240px;margin:0 15px;position:relative;}
.product_con ul li img{width:300px;height:228px;float:left;}
.product_con ul li p{height:40px;line-height: 40px;text-align: center;width:300px;color:#fff;background:#0075b4;float:left;font-size:14px;position:absolute;bottom:0;transition: height ease 0.8s;}
.product_con ul li:hover p{height:228px;line-height:80px;background: rgba(0, 117, 180, 0.8) !important; /* IE无效，FF有效 */
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;}
.content_2_r{float:right;width:320px;}

.honor_con,.honor_con ul{height:158px;float:left;width:320px;overflow:hidden;}
.honor_con ul li{float:left;width:170px;height:120px;margin:0 5px;}
.honor_con ul li img{border:1px solid #ddd;wdith:170px;height:120px;}


#footer{width:100%;margin-top:20px;}
.footer_t{width:100%;height:286px;background:url(../images/bottombg.jpg) no-repeat center;}
.footer_t_ico{width:100%;height:54px;text-align: center;}
.footer_t_ico a{display: inline-block;width:98px;height:46px;background:url(../images/ico_top.png) no-repeat;}
.footer_t_box{width:1000px;margin:0 auto;padding-top:30px;}
.footer_t_box dl{float:left;width:120px;}
.footer_t_box dt{font-size:16px;color:#fff;margin-bottom:12px;}
.footer_t_box dd{height:28px;line-height: 28px;}
.footer_t_box dd a{color:#ccc;}
.footer_t_box ul.weixin{float:right;width:240px;height:190px;background:url(../images/weixinbg.png) no-repeat top right;}
.footer_t_box ul.weixin img{width:120px;}
.footer_b{width:100%;height:80px;background:#111;border-bottom:2px solid #a40001;line-height: 80px;}
.footer_b_box{width:1000px;margin:0 auto;color:#fff;}
.footer_b_box ul li{float:left;}
.footer_b_box ul li.ico_tel{float:right;background:url(../images/footer_tel.png) no-repeat left center;background-size:32px;padding-left:40px;font-size:16px;}



.ier_board{width:1000px;margin:48px auto 24px auto;}
.list_left{float:left;width:255px;background: #f8f8f8;margin-right:30px;border-top:1px solid #ccc;margin-top:40px;}
.list_left dl{float:left;width:255px;}
.list_left dl dt{float:left;width:219px;padding-left:36px;margin-bottom:24px;}
.list_left dl dt p{height:44px;line-height: 44px;color:#000;font-size: 28px;}
.list_left dl dt span{float:left;color:#9c9d9e;font-size:24px;}
.list_left dl dd{float:left;width:255px;border-bottom:1px solid #eceff3;}
.list_left dl dd a{font-size:18px;color:#000;display: inline-block;width:237px;height:51px;line-height: 44px;text-align:right;padding-right:27px;}
.list_left dl dd a.hover,.list_left dl dd a:hover{background:url(../images/list_hover.png) no-repeat;color:#fff;}
.list_tel{float:left;width:264px;height:118px;/*background:url(../images/list_tel.png) no-repeat;*/margin-top:265px;padding-bottom:20px;}
.list_right{float:right;width:715px;}
.position{float:left;width:715px;height:40px;line-height: 40px;border-bottom:1px solid #ccc;}

 .list_list, .list_content {
    float: left;
    width: 715px;
    padding-top: 12px;
}
.news_board{width:715px;height:128px;border-bottom:1px dashed #ddd;padding-bottom:20px;margin-top:20px;}
.news_board img{float:left;width:180px;height:120px;margin-right:12px;}
.news_board ol{float:left;width:523px;height:120px;}
.news_board ol li.txt,.news_board ol li.title{height:24px;line-height:24px;border-bottom:none;margin-bottom:0;}
.news_board ol li.title a{font-weight:bold;color:#333;font-size:16px;}
.news_board ol li.content{float:left;height:72px;line-height:24px;margin:12px 0;overflow:hidden;word-wrap:break-word;}
.news_board ol li.adddate{height:18px;text-align: right;color:#999;font-size: 12px;}
.news_board ol li.adddate a.btn{display:block;float:left;background:#43555c;border-radius:4px;color:#fff;margin-right:8px;padding:2px 4px;font-size: 12px;}
.news_board ol li.adddate a.btn:hover{background:#404040;}
.news_board_last{border-bottom:none;}
.list_content h1{width:715px;height:40px;line-height: 40px;text-align: center;font-size: 24px;font-weight: normal;margin:12px 0 24px 0;}
.list_content .content{padding-bottom:24px;}
.list_content img{max-width:600px;}
.page_content p,.list_content .content p{margin: 5px 0 15px 0;
    color: #555;
    text-indent: 2em;
    font-size: 14px;
    line-height: 180%;}
.page_content hr{height:1px;border:none;border-top:1px solid #ddd;}

.pagelist {
    text-align: center;
    line-height: 64px;
}




.list_list dl.product_board{float:left;width:215px;height:180px;margin:0 35px 35px 0;}
.list_list dl.nomargin{margin-right:0;}
.list_list dl.nomargin dt,.list_list dl.nomargin dt img{width:215px;height:150px;}
.list_list dd{float:left;width:215px;height:30px;line-height: 30px;text-align: center;font-size:14px;}
.list_list dt img{width:215px;height:150px;}

.product_thumb{float:left;width:380px;}
.product_thumb img{width:380px;}
.product_items {
    float: right;
    width: 300px;
}

.product_items h1 {
    font-size: 24px;
    font-weight: normal;
    color: #611815;
    margin-bottom: 22px;
}

.product_items ul {
    float: left;
    width: 300px;
    margin-bottom: 32px;
}

.product_items ul li {
    float: left;
    width: 300px;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    border-bottom: 1px dashed #999;
}

.product_items dl dt {
    float: left;
    width: 300px;
}

.product_items dl dt a {
    color: #ddd;
    display: inline-block;
    width: 160px;
    height: 40px;
    background: #c00;
    text-align: center;
    line-height: 40px;
    color: #f0f0f0;
    border-radius: 4px;
    font-size: 16px;
    font-weight:bold;
}

.product_items dl dt a:hover {
    background: #b00;
    color: #fff;
}

.product_attr {
    float: left;
    width: 715px;
    margin: 24px 0;
}

.product_attr ul.tab-hd {
    float: left;
    width: 691px;
    border-bottom: 2px solid #009400;
    height: 36px;
    line-height: 36px;
    padding-left: 24px;
}

.product_attr ul.tab-hd li {
    float: left;
    width: 100px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    cursor: pointer;
    background: #009400;
    color: #fff;
    font-size:16px;
}

.product_content {
    float: left;
    width: 715px;
    padding-top: 24px;
}

.product_content p {
    float: left;
    width: 100%;
    line-height: 28px;
    margin-bottom: 1.5em;
    font-size:14px;
}

.product_attr img {
    max-width: 700px;
}

.wrap{width:100%;height:40px;line-height: 40px;background:#ccc;}
.t_news{width:1000px;height:40px;line-height:40px;margin:0 auto;z-index:1000;overflow:hidden;}
.t_news b{ line-height:36px; font-weight:bold; display:inline-block;float:left;padding:0 4px 0 16px;color:#222;}
.news_li li{float:left;max-width:19%;height:36px;line-height:36px;margin-right:24px;background:url(../images/newsicon.png) no-repeat 0 14px;padding-left:12px;text-overflow: ellipsis;overflow:hidden;white-space:nowrap;color:#222;}
.news_li li a{color:#222;}


.video_con{width:100%;text-align: center;}


/*gotop*/
#elevator_item {
    width: 60px;
    height: 150px;
    position: fixed;
    right: 15px;
    bottom: 55px;
    -webkit-transition: opacity .4s ease-in-out;
    -moz-transition: opacity .4s ease-in-out;
    -o-transition: opacity .4s ease-in-out;
    opacity: 1;
    z-index: 100020;
    display: none;
}

#elevator_item.off {
    opacity: 0;
    visibility: hidden
}

#elevator {
    display: block;
    width: 60px;
    height: 50px;
    background: url(../images/icon_top.png) center center no-repeat;
    background-color: #444;
    background-color: rgba(0, 0, 0, .6);
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    cursor: pointer;
    margin-bottom: 10px
}

#elevator:hover {
    background-color: rgba(0, 0, 0, .7)
}

#elevator:active {
    background-color: rgba(0, 0, 0, .75)
}

#elevator_item .qr,#elevator_item .home {
    display: block;
    width: 60px;
    height: 40px;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    cursor: pointer;
    background: url(../images/icon_code.png) center center no-repeat;
    background-color: #444;
    background-color: rgba(0, 0, 0, .6)
}

#elevator_item .qr:hover,#elevator_item .home:hover{
    background-color: rgba(0, 0, 0, .7)
}

#elevator_item .qr:hover {
    background-color: rgba(0, 0, 0, .7)
}

#elevator_item .qr:active {
    background-color: rgba(0, 0, 0, .75)
}

#elevator_item .qr-popup {
    width: 170px;
    height: 200px;
    background: #fff;
    box-shadow: 0 1px 8px rgba(0, 0, 0, .1);
    position: absolute;
    left: -180px;
    bottom: 0;
    border-radius: 2px;
    display: none;
    text-align: center
}

#elevator_item .qr-popup .code-link {
    display: block;
    margin: 10px;

    color: #666
}
#elevator_item .qr-popup .code-link img{width:145px;height:145px;}
.vator_item .qr-popup .arr {
    width: 6px;
    height: 11px;
    background: url(../images/code_arrow.png) 0 0 no-repeat;
    position: absolute;
    right: -6px;
    bottom: 14px
}

#elevator_item .home {
    margin-bottom: 10px;
    background: url(../images/ico_contact.png) no-repeat center center;
    background-color: #444;
    background-color: rgba(0, 0, 0, .6);
    background-size:28px;
}

.expert_con a.prev, .expert_con a.next,.product_con a.prev,.product_con a.next {
    display: inline-block;
    width: 50px;
    height: 120px;
    float: left;
    background: url(../images/icons.png) no-repeat;
}
.expert_con a.next,.product_con a.next {
    float: right;
    background-position: -80px 0;
}

.honorlist{width:640px;margin:0 auto;}
.honor{float:left;width:320px;}
.honor_joiner{float:left;width:320px;height:204px;}
.joiner{float:left;width:320px;height:150px;}

.txtanimate a,.txtanimate_1 a dd.tit,.joiner ul dl a dd.tit{position:relative;}

.flinklist a{display:inline-block;padding:8px 20px;background:#dfdfdf;margin:0 12px 12px 0;}
.flinklist a:hover{background:#0075b4;color:#fff;}


.message{width:673px;padding:20px;border:1px solid #ccc;float:left;margin:12px 0 24px 0;filter:progid:DXImageTransform.Microsoft.Shadow(color='#ddd', Direction=135,Strength=5);/*for ie6,7,8*/
    background-color: #fdfdfd;
    -moz-box-shadow:3px 3px 5px #ddd;/*firefox*/
    -webkit-box-shadow:3px 3px 5px #ddd;/*webkit*/
    box-shadow:3px 3px 5px #ddd;/*opera鎴杋e9*/ }
.message h1{height:64px;line-height:48px;width:673px;border-bottom:2px solid #ddd;text-align: left;text-indent:1em;color:#999}
.message ol{width:473px;margin:24px 100px 0 100px;}
.message ol li{width:473px;margin-bottom:12px;float:left;line-height:32px;}
.message ol li input[type="radio"] {margin-right:4px;vertical-align: text-bottom; margin-bottom:2px;}
.message ol li.noheight{height:auto;}
.message ol li label{height:40px;line-height: 40px;margin-right:12px;font-weight:bold;}
.message ol li input.txt{float:left;width:455px;height:24px;padding:8px;border:1px solid #ccc;outline:none;background:#fafafa;}
.message ol li input.txt_line{width:240px;height:24px;line-height: 24px;padding:8px;border:none;border-bottom:1px solid #ccc;outline: none;background:#fdfdfd;}
.message ol li input.txt_short{width:120px;}
.message ol li textarea#contentT{float:left;width:455px;height:100px;padding:4px;border:1px solid #ccc;resize: none;outline:none;background:#fafafa;}
.message ol li.last{margin-top:24px;width:473px;}
.message ol li input.btn{width:120px;height:40px;line-height:40px;text-align: center;border:none;border-radius:2px;color:#fff;margin-right:8px;cursor:pointer;font-family: "Microsoft YaHei", "寰蒋闆呴粦", "sans-serif";}
.message ol li input.ok{background: #1c73cf;}
.message ol li input.ok:hover{background:#166ccf;}
.message ol li input.cancel{background:#ddd;color:#333;}
.message ol li input.cancel:hover{background: #ccc;}