.section1
{width:100%; min-width:1280px; background-color:white;}

.section1_grid1,.section1_grid2,.section2
{width:1200px; margin:0 auto; padding-top:35px;}
.section1
{padding-bottom:50px;}
.section2
{background-color:white; height:440px; margin-bottom:10px;}
.section1_grid2
{margin:50px auto; padding:0; position:relative; padding-bottom:50px; overflow:hidden; background-color:#ededeb;}

.section_title
{width:100%; text-align:center; font-size:24px; letter-spacing:4px; line-height:1.3em; position:relative; margin-bottom:10px;}
.section_title a
{display:inline-block; *display:inline; *zoom:1; color:#B4B4B4; text-decoration:none; padding:0 50px; background-color:white; position:relative; z-index:1;}
.section_title.dark a
{color:#666666;}
.section_title.dark a i
{font-size:18px; display:inline-block; *display:inline; *zoom:1; vertical-align:middle; font-style:normal;}
.section_title.dark a span
{display:inline-block; *display:inline; *zoom:1; vertical-align:middle;}
.section_title div.line
{position:absolute; width:100%; height:4px; background-color:#D3D3D3; left:0; top:50%; margin-top:-2px; z-index:0;}
.section2 .section_title a
{background-color:white;}

.small_font
{font-size:14px; text-align:center; color:#666666; margin-bottom:25px;}

.news_slide
{width:700px; height:290px; float:left; position:relative; overflow:hidden;
-webkit-box-shadow:-8px 8px 12px #d0cecf; -moz-box-shadow:-8px 8px 12px #d0cecf; box-shadow:-6px 6px 20px #d0cecf;}
.news_slide ul
{display:block; width:100%; height:100%; margin:0; padding:0; list-style:none; position:relative;}
.news_slide ul li
{position:absolute; width:76%; height:100%; background-color:white; z-index:0; top:0; -webkit-box-shadow:0 0 25px 10px rgba(0,0,0,0.4); -moz-box-shadow:0 0 25px 10px rgba(0,0,0,0.4); box-shadow:0 0 25px 10px rgba(0,0,0,0.4);}
.news_slide ul li+li
{border-left:1px solid #ddd;}
.news_slide ul li.slide_li2
{left:14.25%; z-index:1;}
.news_slide ul li.slide_li3
{left:28.5%; z-index:2;}
.news_slide ul li.slide_li4
{left:42.75%; z-index:3;}
.news_slide ul li.slide_li5
{left:57%; z-index:4;}
.news_slide ul li.slide_li6
{left:71.25%; z-index:5;}
.news_slide ul li.slide_li7
{left:85.5%; z-index:6;}
.news_slide ul li a
{display:block; height:100%; position:relative; cursor:pointer;}
.news_slide ul li a img
{width:100%;}
.news_slide ul li a>div
{position:absolute; bottom:0; width:100%; height:60px; line-height:60px;}
.news_slide ul li a>div>div
{position:absolute; z-index:0; top:0; left:0; width:100%; height:100%; background-color:#3259a7; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity:0.9; opacity:0.9;}
.news_slide ul li a>div>span
{display:block; padding:0 20px; font-size:20px; color:white; position:relative; z-index:1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.news_list
{width:480px; float:right;}
.news_ul
{display:block; margin:10px 0; padding:0; list-style:none; height:206px; overflow:hidden;}
.news_ul li
{display:block; padding-left:45px; padding-right:85px; margin:11px 0; font-size:13px; position:relative;}
.news_ul li i
{display:block; width:8px; height:8px; position:absolute; left:25px; top:50%; margin-top:-4px; background:url("/images/icon_point.png") no-repeat center center; background-size:100%;}
.news_ul li a
{display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#666666; text-decoration:none; cursor:pointer;}
.news_ul li a:hover
{text-decoration:underline;}
.news_ul li span
{position:absolute; right:0; top:0; color:#D0D0D0;}
.news_list .intro_b
{text-align:right;}
.news_list .intro_b a
{font-size:15px; color:#30539f; margin-left:10px; cursor:pointer; display:inline-block; *display:inline; *zoom:1; vertical-align:middle;}
.news_list .intro_b a img
{width:16px; height:16px;}

.section_bg
{position:absolute; width:100%; top:0; left:0; z-index:0;}

.intro
{width:565px; height:100%; float:left; position:relative; z-index:1;}
.intro h3,.news_list h3
{height:50px; line-height:50px; margin:0; padding:0; padding-left:20px; background-color:#3259a7; color:white; font-weight:normal;}
.intro h3 span+span,.news_list h3 span+span
{margin-left:20px;}
.intro p
{padding:40px 0 20px 55px; text-indent:2em; font-size:15px; line-height:1.5; text-align:justify; color:#4e4e4e}
.intro .word_img
{margin-left:55px; width:55%;}
.intro .intro_b
{text-align:right; margin-top:20px;}
.intro .intro_b a
{font-size:15px; color:#30539f; cursor:pointer;}

.video_list
{width:530px; height:286px; float:right; position:relative; z-index:1; margin-top:40px; margin-right:35px; border:4px solid white;
 -webkit-box-shadow:-8px 8px 12px #d0cecf; -moz-box-shadow:-8px 8px 12px #d0cecf; box-shadow:-8px 8px 12px #d0cecf;}
.video_list .banner3
{display:block; width:100%; height:100%; position:absolute;}
.video_list .banner3 span
{display:inline-block; *display:inline; *zoom:1; width:100%; height:100%; background:url("/images/video_icon.png") no-repeat center center; background-size:100px 100px; cursor:pointer;}

.video_list #pic_btn3
{margin:0; padding:0; list-style:none; position:absolute; z-index:10; bottom:15px; right:35px;}
#pic_btn3 li
{display:inline-block; *display:inline; *zoom:1; width:15px; height:15px; line-height:15px; font-size:12px; color:white; text-align:center; background-color:black; margin-left:8px; cursor:pointer; filter:alpha(opacity=50);  -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5; border:1px solid white; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}
#pic_btn3 li.curr
{background-color:#30539f; filter:alpha(opacity=100);  -moz-opacity:1; -khtml-opacity:1; opacity:1;}

.section3
{width:100%; min-width:1200px; height:326px; overflow:hidden; position:absolute; bottom:280px; z-index:1000;}
.sidle_con
{width:1200px; height:306px; margin:0 auto; position:relative;}
.sidle_grid
{width:222px; height:206px; margin:0 auto; position:relative;}
.sidle
{display:block; width:216px; height:200px; border:3px solid #eeeeee; background-color:#eeeeee; float:left; text-decoration:none; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; position:absolute; top:20px; left:0; cursor:pointer;}
.sidle .img
{width:100%; height:180px; line-height:180px; overflow:hidden; background-color:#eeeeee; position:absolute; top:0;}
.sidle .img img
{width:100%;}
.sidle .text 
{width:100%; height:45px; overflow:hidden;  position:absolute; bottom:0; background:url("/images/index_right1.png") no-repeat right 10px center #eeeeee; background-size:8px auto; }
.sidle .text h4,.sidle .text p
{margin:0; padding:0 40px 0 10px; color:#4e4e4e; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.sidle .text h4
{font-size:13px; margin-bottom:3px; margin-top:5px;}
.sidle .text p
{font-size:12px;}

.sidle.curr
{border-color:#1ed2ad;}
.sidle.curr .text 
{height:60px; background-color:#2d3e50; background-image:url("/images/index_right2.png");}
.sidle.curr .text h4
{margin-top:15px; color:white;}
.sidle.curr .text p
{color:#8a9bab;}

.sidle_btn
{width:380px; height:36px; margin:0 auto; margin-top:44px;}
.sidle_btn a
{display:block; width:36px; height:36px; text-decoration:none; cursor:pointer;}
.sidle_btn a.left_btn
{background:url("/images/left_btn.png") no-repeat center center; float:left; background-size:contain;}
.sidle_btn a.right_btn
{background:url("/images/right_btn.png") no-repeat center center; float:right; background-size:contain;}

.video_grid_bg
{position:fixed; z-index:1004; width:100%; height:100%; background-color:black; top:0; left:0; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7; display:none;}
.video_grid
{position:fixed; z-index:1005; width:640px; height:360px; padding:40px 40px; top:50%; margin-top:-220px; left:50%; margin-left:-320px; background-color:white; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; display:none; overflow:hidden; }
.video_grid #video
{ width:100%; height:100%; cursor:pointer;}
.video_grid .close
{width:40px; height:40px; background:url("/images/close2.png") no-repeat center center; position:absolute; right:0px; top:0px; background-size:contain; cursor:pointer;}

#video::-webkit-media-controls
{display:none !important;}

.showbtn
{ cursor:pointer; top:50%; visibility:hidden; margin-top:-30px; background-color: #fff; width: 60px; height: 60px; position: absolute; border-radius: 30px; box-shadow: 0 0 5px rgba(0,0,0,0.7);}
.showbtn span
{border-top:8px solid transparent; border-bottom: 8px solid transparent; display: block; width: 0; height: 0; position: absolute; top: 22px;}
#showleft
{left:-30px;}
#showleft span
{border-right: 10px solid #999; left: 34px;}
#showright
{right:-30px;}
#showright span
{border-left: 10px solid #999; right: 34px;}
#showleft:hover span
{border-right-color: black;}
#showright:hover span
{border-left-color: black;}
.video_grid:hover .showbtn
{visibility:visible;}

#pic_btn
{list-style:none; padding:0; margin:0; position:relative; z-index:999; top:430px;}
#pic_btn li
{display:inline-block; *display:inline; *zoom:1; margin:0 3px; cursor:pointer; width:60px; height:4px; border:1px solid #e2e2e2; background-color:white;  filter:alpha(opacity=90);  -moz-opacity:0.9; -khtml-opacity:0.9; opacity:0.9;}
#pic_btn li.curr
{background-color:red; border-color:red;}


@media screen and (max-device-width: 1440px) {
    .section1{
        padding-bottom:40px;
    }
    .small_font{
        font-size:12px;
        margin-bottom:25px;
    }
    #pic_btn {
        top: 430px;
    }

    #pic_btn li{
        width:55px; height:3px;
    }

    .section_title{
        font-size:20px; letter-spacing:3px;
    }

    .section_title a{
        padding:0 40px;
    }

    .section2,.section1_grid1,.section1_grid2{
        width:1000px;
    }

    .section2{
        height:400px;
    }

    .sidle_con{
        width:1000px; height:286px;
    }

     .section3{
        height:286px;
        bottom:280px;
    }

    .section1_grid2{
        margin:50px auto;
        padding-bottom:42px;
    }

    .sidle_grid{
        width:182px; height:186px;
    }

    .sidle{
        width:176px; height:180px; top:10px;
    }
    .sidle .img{
        height:180px; line-height:180px;
    }

    .sidle_btn a{
        width:32px; height:32px;
    }

    .news_slide {
        width: 584px;
        height: 242px;
    }
    .news_slide ul li {
        position: absolute;
        width: 76%;
        height: 100%;
        background-color: white;
        z-index: 0;
        top: 0;
        -webkit-box-shadow: 0 0 15px 8px rgba(0,0,0,0.4);
        -moz-box-shadow: 0 0 15px 8px rgba(0,0,0,0.4);
        box-shadow: 0 0 15px 8px rgba(0,0,0,0.4);
    }
    .news_slide ul li a > div {
        height: 50px;
        line-height: 50px;
    }
    .news_slide ul li a > div > span {
        padding: 0 15px;
        font-size: 16px;
    }
    .news_list {
        width: 400px;
    }
    .news_ul {
        margin: 8px 0;
        height: 172px;
    }
    .news_ul li {
        padding-left: 30px;
        padding-right: 75px;
        margin: 10px 0;
        font-size: 12px;
    }
    .news_ul li i {
        left: 15px;
    }
    .news_list .intro_b a {
        font-size: 13px;
    }
    .intro {
        width: 470px;
    }
    .intro h3, .news_list h3 {
        height: 42px;
        line-height: 42px;
        padding-left: 15px;
        font-size: 16px;
    }
    .intro h3 span + span, .news_list h3 span + span {
        margin-left: 15px;
    }
    .intro p {
        padding: 32px 0 16px 45px;
        font-size: 13px;
    }
    .intro .word_img {
        margin-left: 45px;
    }
    .intro .intro_b {
        margin-top: 15px;
    }
    .intro .intro_b a {
        font-size: 13px;
    }

    .video_list {
        width: 442px;
        height: 238px;
        margin-top: 50px;
        margin-right: 30px;
        border: 3px solid white;
    }


    .video_list .banner3 span{
        background-size:90px 90px;
    }
}

@media screen and (max-device-width: 1366px) {
   #pic_btn {
        top: 320px;
    }
}

@media screen and (min-device-width: 1920px) {
    #pic_btn {
        top: 625px;
    }
}