*{margin:0;padding:0;}
html,body{font-size:14px;font-family: "微软雅黑";background:#fff;}
img{border:0;}
a{text-decoration: none;}
ul{list-style:none;}
.clearfix{zoom:1;}
.clearfix:after{content:"";height:0;display:block;clear:both;visibility: hidden;}
.left{float:left;}
.right{float:right;}
#header{height:auto;width:100%;}
#header .logo{width:1200px;margin:0 auto;height:140px;box-sizing:border-box;padding-top:30px;}
#header .menu{height:50px;background:#3a65c2;}
#header .menu .main{width:1200px;margin:0 auto;}
#header .menu .main ul li{float:left;width:150px;text-align:center;line-height:50px;height:50px;}
#header .menu ul li a{color:#fff;display:block;}
#header .menu ul li a:hover{background:#3c458a;}
#header .banner{width:100%;height:500px;}
#container .con1{width:1200px;margin:0 auto;height:auot;padding:50px 0;}
#container .con1 .title{text-align:center;}
#container .con1 .title h2{font-size:30px;font-weight: 300;}
#container .con1 .content{margin-top:40px; width: 1240px;}
#container .con1 .content ul li{margin-right:32px;margin-bottom:20px;float:left;width:275px;height:275px;box-sizing:border-box;border:1px solid #ccc;position:relative;}
#container .con1 .content ul li:hover .pc_title{background:#3c458a;}
#container .con1 .content ul li:hover h3{color:#fff;}
#container .con1 .content ul li a h3{color:#333;font-size:14px;}
#container .con1 .content ul li.none{margin-right:0;}
#container .con1 .content ul li img{max-width:100%;display:block;}
#container .con1 .content .pc_title{position:absolute;width:275px;height:50px;line-height:50px;background:#ccc;bottom:0;text-align:center;}
#container .con1 .button{width:220px;margin:0 auto;height:50px;text-align:center;line-height:50px;color:#fff;background:#3c458a;}
#container .con1 .button a{width:220px;height:50px;display:block;color:#fff;margin-top:20px;}
#container .con2{width:100%;height:auot;padding:50px 0;}
#container .con2 .title{text-align:center;width:1200px;margin:0 auto;}
#container .con2 .title h2{font-size:30px;font-weight: 300;}
#container .con2 .content{margin-top:20px;width:100%;background:#3a65c2;height:auto;}
#container .con2 .content .inner{width:1200px;height:auto;margin:0 auto;padding:50px 15px;margin-top:50px;position:relative;}
#container .con2 .deng{position:absolute;left:0;z-index:9;top:-200px;}
#container .con2 .content .inner .left{width:700px;padding-top:40px;padding-left:80px;}
#container .con2 .content .inner .left p{text-indent:2em;line-height:1.8;font-size:15px;color:#fff;padding-bottom:10px;}
#container .con2 .content .inner .right .img{background:#fff;}
#container .con3{width:1200px;margin:0 auto;height:auot;padding:50px 0;}
#container .con3 .title{text-align:center;}
#container .con3 .title h2{font-size:30px;font-weight: 300;}
#container .con3 .content{margin-top:40px;}
#container .con3 .content ul li{float:left;border:1px solid #ccc;box-sizing:border-box;width:580px;padding:15px;}
#container .con3 .content ul li p{line-height:1.8;color:#666;padding:15px 0;}
#container .con3 .content ul li .btn{float:right;width:65px;height:24px;background:#3a65c2;display:block;color:#fff;text-align:center;line-height:24px;}
#container .con3 .content ul li .right{width:260px;padding:20px 0;}
#container .con3 .content ul li .tzg p{float:left;margin:0;padding:0;}
#container .con3 .content ul li .right h2{font-weight: 300;font-size:16px;line-height:1.5;}
#footer .f1{width:100%;background:#3a65c2;height:120px;box-sizing:border-box;padding:20px 0;}
#footer .f1 .main{width:1200px;margin:0 auto;}
#footer .f1 .main .left{border-right:1px solid #333;height:80px;padding-right:40px;color:#fff;}
#footer .f1 .main .right{padding-right:20px;}
#footer .f2{width:100%;background:#3c458a;height:50px;}
#footer .f2 p{text-align:center;line-height:50px;color:#fff;}
#footer .f2 p a{color:#fff;}
#footer .f2 p a:hover{color:#3a65c2;}


/*banner*/
#banner_tabs li{ list-style:none;}
    .flexslider {
        margin: 0px auto;
        position: relative;
        width: 100%;
        height: 480px;
        overflow: hidden;
        zoom: 1;
    }
    
    .flexslider .slides li {
        width: 100%;
        height: 100%;
    }
    
    .flex-direction-nav a {
        width: 70px;
        height: 70px;
        line-height: 99em;
        overflow: hidden;
        margin: -35px 0 0;
        display: block;
        background: url(../Image/ad_ctr.png) no-repeat;
        position: absolute;
        top: 270px;
        z-index: 10;
        cursor: pointer;
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transition: all .3s ease;
        border-radius: 35px;
    }
    
    .flex-direction-nav .flex-next {
        background-position: 0 -70px;
        right: 0;
    }
    
    .flex-direction-nav .flex-prev {
        left: 0;
    }
    
    .flexslider:hover .flex-next {
        opacity: 0.8;
        filter: alpha(opacity=25);
    }
    
    .flexslider:hover .flex-prev {
        opacity: 0.8;
        filter: alpha(opacity=25);
    }
    
    .flexslider:hover .flex-next:hover,
    .flexslider:hover .flex-prev:hover {
        opacity: 1;
        filter: alpha(opacity=50);
    }
    
    .flex-control-nav {
        width: 100%;
        position: absolute;
        bottom: 10px;
        text-align: center;
		margin:0 auto;
    }
    
    .flex-control-nav li {
        margin: 0 auto;
        display: inline-block;
        zoom: 1;
        *display: inline;
    }
    
    .flex-control-paging li a {
        background: url(../dot.png) no-repeat 0 -16px;
        display: block;
        height: 16px;
        overflow: hidden;
        text-indent: -99em;
        width: 16px;
        cursor: pointer;
    }
    
    .flex-control-paging li a.flex-active,
    .flex-control-paging li.active a {
        background-position: 0 0;
    }
    
    .flexslider .slides a img {
        width: 100%;
        height: 480px;
        display: block;
    }
   