﻿ @charset "utf-8";
/*Reset www.toprand.net*/
*{ padding:0; margin:0}
body{}

img{border:none;}
ul,ul li{ list-style:none;} 
.cls{clear:both; line-height:0px!important; height:0px!important;font-size:0px!important;} 
select,input{ vertical-align:middle;font-size:14px;}  
.hidden{ display:none}
i{ font-style:normal}
html,body{-webkit-text-size-adjust:none;}
table { border-collapse:collapse; }
.clear { zoom:1; }
.clear:after { content:''; display:block; clear:both; }
.pos{ position:relative;}

/*字体*/
.Arial{ font-family:"Arial", Helvetica, sans-serif;}
.yahei{ font-family:"\5FAE\8F6F\96C5\9ED1";} 
.song{font-family:"\5B8B\4F53";}



/*颜色*/
.hei{ color:#000;}
.red{ color:#ff0000;}

/*链接*/
a {color:#333;text-decoration:none;hide-focus: expression( this.hideFocus=true );outline: none;}
a:hover {color:#1669bf;}
a:active {color:#1669bf;}
p{ color:#666;}
/*basic*/ 


.wrap{ width:1202px; margin:0 auto;}
.main{ width:100%; overflow:hidden;margin-bottom:40px;}
/*顶部*/
.header{ width:100%; height:117px;}
.header h1.logo{ width:512px; height:90px; float:left; margin-top:12px;}
.header .head_right{ width:347px; float:left; margin-left:340px;}
.header .head_right .top{ margin-top:60px; position:relative;}
.header .head_right .top a{ font-size:13px; margin-right:10px; padding-left:10px;}
.header .head_right .top div.icon{ display:none; position:absolute; left:68px; top:25px; z-index:66; background:#fff; border:2px solid #fff; width:85px; height:85px;}
.header .head_right .top div.icon i{ position:absolute; top:-7px; left:35px; background:url(../images/weixin_icon.png) no-repeat; display:block; width:27px;  height:13px;}
.header .head_right .top a.curr:hover div.icon{ display:block;}
.banner{ width:100%; overflow: hidden; position:relative; z-index:8;}
.banner .hd {height: 16px;overflow: hidden; position: absolute;left:50%; margin-left:-42px;bottom: 10px;z-index: 1;}
.banner .hd ul {overflow: hidden;zoom: 1;float: left;}
.banner .hd ul li {float: left; margin-right: 12px; display: block; width: 16px; height: 16px; line-height: 16px; text-align: center;background: url(../images/ban_btn2.png) center center no-repeat;cursor: pointer;}
.banner .hd ul li.on {background: url(../images/ban_btn1.png) center center no-repeat; color: #fff;}
.banner .bd { position: relative;height: 100%;z-index: 0;}
.banner .bd li { zoom: 1; vertical-align: middle;}
.banner .bd img {width: 100%;display: block;}

.mtitle{ text-align:center; width:100%; margin-top:40px; font-size:28px; color:#1669bf;}
.mtitle span{ background:url(../images/ic.jpg) center bottom no-repeat; padding-bottom:8px;}
.box1{ margin-bottom:36px; width:100%; overflow:hidden;}
.txtleft{ width:426px; padding:0 38px 28px 38px; float:left; background:#fff; height:352px; overflow:hidden; position:relative;}
.Ttltle{ display:block; text-align:center; color:#1669bf; font-size:22px; margin-top:35px; padding-bottom:13px; margin-bottom:26px; background:url(../images/ic.jpg) center bottom no-repeat;}
/*.txtleft h3{ display:block; text-align:center; color:#1669bf; font-size:22px; padding-bottom:8px; margin-bottom:26px; background:url(../images/ic.jpg) center bottom no-repeat;}
*/.txtleft_ul li{margin-bottom: 8px;}
.txtleft_ul li span{ background:url(../images/ic1.png) left center no-repeat; width:auto; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-left:10px; font-size:18px; line-height:35px; cursor:pointer;}
.txtleft_ul li .text{ margin-left:10px; font-size:14px; line-height:29px; border-bottom:1px dotted #ccc; padding-bottom:10px; margin-bottom:10px;}
.more{ font-size:16px; color:#1669bf; font-family:"Arial"; position:absolute; right:38px; bottom:28px;}
.more i{ font-size:22px;vertical-align: middle;}
.pic_right{ width:700px; height:380px; float:left; overflow: hidden; position:relative; z-index:8;}
.pic_right .hd {height: 16px;overflow: hidden; position: absolute;left:20px; bottom: 10px;z-index: 1;}
.pic_right .hd ul {overflow: hidden;zoom: 1;float: left;}
.pic_right .hd ul li {float: left; margin-right: 12px; display: block; width: 16px; height: 16px; line-height: 16px; text-align: center;background: url(../images/ban_btn2.png) center center no-repeat;cursor: pointer;}
.pic_right .hd ul li.on {background: url(../images/ban_btn1.png) center center no-repeat; color: #fff;}
.pic_right .bd { position: relative;height: 100%;z-index: 0;}
.pic_right .bd li { zoom: 1; vertical-align: middle;}
.pic_right .bd img {width: 100%;display: block;}

.leader_bn{ width:789px; height:410px; background:#fff; float:left; margin-right:33px;}
.leader_bnbox{ width:750px; height:253px; margin:0 auto;}
.company_leader_list{ float:left; width:100%; height:410px; background:#fff;}
.company_leader_list .this_btn{ width:100%; padding:0 22px; height:59px; line-height:59px; border-bottom:1px solid #ccc;}
.company_leader_list .this_btn a{ display:inline-block; font-size:16px;  width:120px; height:50px; text-align:center; font-weight:bold;}
.company_leader_list .this_btn a:hover,.company_leader_list .this_btn a.hover{background:url(../images/ic3.png) center 45px no-repeat; color:#1669bf;}
.company_leader_list .leader_table{ margin-top:15px; height:210px; overflow:hidden;}
.company_leader_list .leader_table li{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:30px;margin-top: -5px;font-size: 15px;}



.mid_bottom_ul li{ float:left; width:377px; height:582px; margin-right:35px; background:#fff; position:relative;}
.mid_bottom_ul li.last{ margin-right:0;}
.mid_bottom_ul li .txt{ margin:0 40px; }
.mid_bottom_ul li .txt p{line-height:29px;}
.mid_bottom_ul li .txt p.icon{ background:url(../images/ic1.png) left center no-repeat; padding-left:10px;}


.mind_boxnav{ width:100%; text-align:center; float:left; margin:50px 0 50px 0px; }
.mid_nav{ display:inline-block;}
.mid_nav li{ float:left; margin:0 76px; width:130px; height:168px; background:url(../images/index_nav1.png) 0 top no-repeat; position:relative;}
.mid_nav li a{ display:block; height:100%; width:100%;}
.mid_nav li p{ display:block; width:100%; line-height:43px; font-size:22px; color:#4c4c4c; position:absolute; left:0; bottom:0; text-align:center;}
.mid_nav li:hover,
.mid_nav li.hover1,
.mid_nav li.hover2,
.mid_nav li.hover3,
.mid_nav li.hover4{background:url(../images/index_nav2.png) 0 top no-repeat;}
.mid_nav li:hover p,.mid_nav li p.curr{color:#ba9e5b;}
.mid_nav li.icon1,.mid_nav li.icon1:hover{ background-position:0px 0;}
.mid_nav li.icon2,.mid_nav li.icon2:hover{ background-position:-282px 0;}
.mid_nav li.icon3,.mid_nav li.icon3:hover{ background-position:-565px 0;}
.mid_nav li.icon4,.mid_nav li.icon4:hover{ background-position:-846px 0;}

.fot_top{ width:100%; height:236px; background:url(../images/footer_bg.jpg) repeat;}
.fot_top span.guild{ display:block; margin-bottom:20px; text-align:center;width:100%; padding-bottom:20px; margin-top:22px; float:left; font-size:28px; color:#fff; background:url(../images/ic4.jpg) center bottom no-repeat; }
.copy_right ul li{ display:inline-block;margin-left: 10px; padding:5px 10px; border:1px solid #fff; margin-top:10px;}
.copy_right ul li.last{ margin-right:0;}
.copy_right ul li a{ display:block; width:100%; color:#fff;}
.fot_botm{ width:100%; background:#ddd; height:157px;}
.fot_botm .weixin{ margin-top:34px; width:200px; float:left; text-align:right;}
.fot_botm .weixin span{ margin-right:7px; }
.foot_list{ float:left; margin-top:57px;margin-left:100px; text-align:center;}
.foot_list p{ line-height:65px;}
.foot_list_nav a{ padding-left:10px; margin-right:10px; font-size:13px;}



/* focus_Box */
#focus_Box {
    position: relative;
    width: 100%;
    height: 253px;
    margin-bottom: 70px;
}

    #focus_Box ul {
        position: relative;
        width: 100%;
        height: 253px;
        margin-left: 100px;
    }

    #focus_Box li {
        z-index: 0;
        position: absolute;
        width: 0px;
        background: #787878;
        height: 0px;
        top: 146px;
        cursor: pointer;
        left: 377px;
        border-radius: 4px;
        box-shadow: 1px 1px 12px rgba(200, 200, 200, 1);
    }

        #focus_Box li img {
            width: 100%;
            height: 100%;
            vertical-align: top;
        }

#focus_Box1 {
    position: relative;
    width: 100%;
    height: 253px;
    margin-bottom: 70px;
}

    #focus_Box1 ul {
        position: relative;
        width: 100%;
        height: 253px;
    }

    #focus_Box1 li {
        z-index: 0;
        position: absolute;
        width: 0px;
        background: #787878;
        height: 0px;
        top: 146px;
        cursor: pointer;
        left: 0px;
        border-radius: 4px;
        box-shadow: 1px 1px 12px rgba(200, 200, 200, 1);
    }

        #focus_Box1 li img {
            width: 100%;
            height: 100%;
            vertical-align: top;
        }

    #focus_Box1 .prev, #focus_Box1 .next {
        display: block;
        z-index: 100;
        overflow: hidden;
        cursor: pointer;
        position: absolute;
        width: 24px;
        height: 65px;
        top:50%;
		margin-top:-32px;
    }

    #focus_Box1 .prev {
        background: url(../images/itright_btn1.png) left bottom no-repeat;
        left: 10px;
    }

        #focus_Box1 .prev:hover {
            background: url(../images/itleft_btn.png) right bottom no-repeat;
        }

    #focus_Box1 .next {
        background: url(../images/itright_btn.png) right bottom no-repeat;
        right: 10px;
    }

        #focus_Box1 .next:hover {
            background: url(../images/itleft_btn1.png) right bottom no-repeat;
        }














	








/*text*/
.b{ font-weight:bold;}
.em{ text-indent:2em;}

/*字体大小*/
.f10{font-size:10px;}
.f12{ font-size:12px;}
.f13{ font-size:13px;}
.f14{ font-size:14px;}
.f15{ font-size:15px;}
.f16{ font-size:16px;}
.f18{ font-size:18px;}
.f20{ font-size:20px;}
.f22{ font-size:22px;}
.f24{ font-size:24px;}
.f32{ font-size:32px;}
.f36{ font-size:36px;}


 

