﻿.clear
{
    clear: both;
}
.floatleft
{
    float: left;
}
.floatright
{
    float: right;
}
.martop0
{
    margin-top: 0px;
}
.martop5
{
    margin-top: 5px;
}
.martop10
{
    margin-top: 10px;
}
.martop15
{
    margin-top: 15px;
}
.martop20
{
    margin-top: 20px;
}
.martop25
{
    margin-top: 25px;
}
.martop30
{
    margin-top: 25px;
}
.martop30
{
    margin-top: 30px;
}
.martop40
{
    margin-top: 40px;
}

.martop50
{
    margin-top: 50px;
}
.marbot0
{
    margin-bottom: 0px;
}
.marbot5
{
    margin-bottom: 5px;
}
.marbot10
{
    margin-bottom: 10px;
}
.marbot15
{
    margin-bottom: 15px;
}
.marbot20
{
    margin-bottom: 20px;
}
.marbot25
{
    margin-bottom: 25px;
}
.marbot30
{
    margin-bottom: 30px;
}
.marbot50
{
    margin-bottom: 50px;
}
.marlet0
{
    margin-left: 0px;
}
.marlet5
{
    margin-left: 5px;
}
.marlet10
{
    margin-left: 10px;
}
.marlet15
{
    margin-left: 15px;
}
.marlet20
{
    margin-left: 20px;
}
.marlet25
{
    margin-left: 25px;
}
.marlet30
{
    margin-left: 30px;
}
.marlet40
{
    margin-left: 40px;
}
.marrit0
{
    margin-right: 0px;
}
.marrit5
{
    margin-right: 5px;
}
.marrit10
{
    margin-right: 10px;
}
.marrit15
{
    margin-right: 15px;
}
.marrit20
{
    margin-right: 20px;
}
.marrit25
{
    margin-right: 25px;
}
.marrit30
{
    margin-right: 30px;
}
.margin0
{
    margin: 0px;
}
.margin5
{
    margin: 5px;
}
.margin10
{
    margin: 10px;
}
.margin15
{
    margin: 15px;
}
.margin20
{
    margin: 20px;
}
.margin25
{
    margin: 25px;
}
.margin30
{
    margin: 30px;
}
.marrit50
{
    margin-right: 50px;
}
.padtop0
{
    padding-top: 10px;
}
.padtop5
{
    padding-top: 5px;
}
.padtop10
{
    padding-top: 10px;
}
.padtop15
{
    padding-top: 15px;
}
.padtop20
{
    padding-top: 20px;
}
.padtop30
{
    padding-top: 25px;
}
.padtop30
{
    padding-top: 30px;
}
.padbot0
{
    padding-bottom: 0px;
}
.padbot5
{
    padding-bottom: 5px;
}
.padbot10
{
    padding-bottom: 10px;
}
.padbot15
{
    padding-bottom: 15px;
}
.padbot20
{
    padding-bottom: 20px;
}
.padbot25
{
    padding-bottom: 25px;
}
.padbot30
{
    padding-bottom: 30px;
}
.padlet0
{
    padding-left: 0px;
}
.padlet5
{
    padding-left: 5px;
}
.padlet10
{
    padding-left: 10px;
}
.padlet15
{
    padding-left: 15px;
}
.padlet20
{
    padding-left: 20px;
}
.padlet25
{
    padding-left: 25px;
}
.padlet30
{
    padding-left: 30px;
}
.padrit0
{
    padding-right: 0px;
}
.padrit5
{
    padding-right: 5px;
}
.padrit10
{
    padding-right: 10px;
}
.padrit15
{
    padding-right: 15px;
}
.padrit20
{
    padding-right: 20px;
}
.padrit25
{
    padding-right: 25px;
}
.padrit30
{
    padding-right: 30px;
}
.padding0
{
    padding: 0px;
}
.padding5
{
    padding: 5px;
}
.padding10
{
    padding: 10px;
}
.padding15
{
    padding: 15px;
}
.padding20
{
    padding: 20px;
}
.padding25
{
    padding: 25px;
}
.padding30
{
    padding: 30px;
}

.fontsize12
{
    font-size: 12px;
}
.fontsize14
{
    font-size: 14px;
}
.fontsize16
{
    font-size: 16px;
}
.fontsize18
{
    font-size: 18px;
}
.fontsize20
{
    font-size: 20px;
}
.fontsize22
{
    font-size: 22px;
}
.fontsize24
{
    font-size: 24px;
}
.fontwtnone
{
    font-weight: normal;
}
.fontwt
{
    font-weight: bold;
}

.color333
{
    color: #333;
}
.color666
{
    color: #666;
}
.color999
{
    color: #999;
}
.colorbule
{
    color: #0c84d6;
}
.colordfe
{
    color: #44b1c1;
}
.colorgreen
{
    color: #09c856;
}
.colorred
{
    color: red;
}
.colorfff
{
    color: #fff;
}
.colorf60
{
    color: #f60;
}
.coloryel
{
    color: #ff7e00;
}

.borbot
{
    border-bottom: 1px solid #ddd;
}
.bortop
{
    border-top: 1px solid #ddd;
}
.bortopl
{
    border-top: 1px solid #0c84d6;
}
.bornone
{
    border: none !important;
}

.textindent10
{
    text-indent: 10px;
}
.textindent30
{
    text-indent: 30px;
}
.textalgcnt
{
    text-align: center;
}
.textindent5
{
    text-indent: 5px;
}
.textright
{
    text-align: right;
}
.line-height24
{
    line-height: 24px;
}
.lineheight30
{
    line-height: 30px;
}
.lineheight36
{
    line-height: 36px;
}
.colorfff
{
    color: #fff;
}
.fontwt
{
    font-weight: bold;
}
.bghui
{
    background: #ccc !important;
}
.bgnone
{
    background: none;
}
/*图片滚动*/
/* jssor slider arrow navigator skin 03 css */
/*
.jssora03l              (normal)
.jssora03r              (normal)
.jssora03l:hover        (normal mouseover)
.jssora03r:hover        (normal mouseover)
.jssora03ldn            (mousedown)
.jssora03rdn            (mousedown)
*/
.jssora03l, .jssora03ldn
{
    position: absolute;
    cursor: pointer;
    display: block;
}
.jssora03r, .jssora03rdn
{
    position: absolute;
    cursor: pointer;
    display: block;
}
.scroll-to-top
{
    position: fixed;
    width: 50px;
    height: 50px;
    bottom: 20px;
    z-index: 9999;
    right: 15px;
}

/*科e互联特效基本框架CSS结束，应用特效时，以上样式可删除*/
.slides
{
    width: 100%;
    height: 550px;
    position: relative;
    overflow: hidden;
}

.slideInner
{
    height: 550px;
    position: relative;
    left: 0;
    margin-left: 0;
}
.slideInnerf
{
    height: 324px;
    width: 580px;
    position: relative;
    left: 0;
    margin-left: 0;
}
.slideInner a
{
    display: block;
    height: 550px;
    background-position: center;
    position: relative;
    text-align: center;
    z-index: 1;
    width: 100% !important;
}
.nav
{
    width: 100%;
    position: relative;
    display: none;
}
.nav a
{
    display: block;
    width: 41px;
    height: 119px;
    z-index: 9;
}
.nav a.prev
{
    position: absolute;
    left: 40px;
    top: -318px;
    background: url(../images/hover_left.png) no-repeat;
    height: 75px;
    width: 75px;
}
.nav a.next
{
    position: absolute;
    right: 10px;
    top: -318px;
    background: url(../images/hover_right.png) no-repeat;
    height: 75px;
    width: 75px;
}

/*科e互联特效基本框架*/
.banner_section
{
    margin-left: auto;
    margin-right: auto;
    width: 700px;
}
.banner_section .flexslider
{
    width: 700px;
    height: 394px;
    float: left;
    position: relative;
    overflow: hidden;
}
.banner_section .flexslider img
{
    height: 394px;
}
.barns_tow
{
    margin-left: auto;
    margin-right: auto;
    width: 800px;
}
.flexslider ul li
{
    text-align: center;
    overflow:hidden;
}
.barns_tow .flexslider
{
    width: 800px;
    height: 450px;
    float: left;
    position: relative;
    overflow: hidden;
}
.barns_tow .flexslider img
{
    height: 450px;
}
.heoww
{
    margin-left: auto;
    margin-right: auto;
    width: 980px;
}
.heoww .flexslider
{
    width: 980px;
    height: 550px;
    float: left;
    position: relative;
    overflow: hidden;
}
.banner_section .flexslider .flex-direction-nav
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}
.banner_section .flexslider .flex-direction-nav li
{
    float: left;
}
.banner_section .promo_banner
{
    float: right;
    width: 278px;
}

.slides, .flex-control-nav, .flex-direction-nav
{
    margin: 0;
    padding: 0;
    list-style: none;
}
.flex-direction-nav .flex-next
{
    position: absolute;
    top: 0px;
    right: 5px;
    width: 50%;
    height: 100%;
    background-image: url(../images/hover_right.png);
    margin-right: 3px;
    text-indent: -3000px;
    background-repeat: no-repeat;
    background-position: right;
}
.flex-direction-nav .flex-prev
{
    position: absolute;
    top: 0px;
    left: 5px;
    width: 50%;
    height: 100%;
    background-image: url(../images/hover_left.png);
    text-indent: -3000px;
    background-repeat: no-repeat;
    background-position: left;
}
.oent .flex-direction-nav .flex-next
{
    position: absolute;
    top: 0px;
    right: 5px;
    width: 100px;
    height: 100%;
    background-image: url(../images/hover_right.png);
    margin-right: 3px;
    text-indent: -3000px;
    background-repeat: no-repeat;
    background-position: right;
}
.oent .flex-direction-nav .flex-prev
{
    position: absolute;
    top: 0px;
    left: 5px;
    width: 100px;
    height: 100%;
    background-image: url(../images/hover_left.png);
    text-indent: -3000px;
    background-repeat: no-repeat;
    background-position: left;
}
.oent .flex-direction-nav{ display:none;}
.nav_listvb
{
    width: 1200px;
    height: 50px;
    margin: auto;
}
.nav_listvb ul
{
    margin-bottom: 0px;
}
.nav_listvb ul li
{
    float: left;
    padding: 12px 25px;
}
.nav_listvb ul li a
{
    color: #fff;
    font-size: 18px;
}
.navbar
{
    border: none;
}

.wid980
{
    width: 980px;
    height: 550px;
    position: relative;
}
.wid980 .banner_section
{
    width: 980px;
    height: 550px;
}
.wid980 .banner_section .flexslider
{
    width: 980px;
    height: 550px;
}
.wid980 .banner_section .flexslider img
{
    width: 980px;
    height: 550px;
}
.m-play .banner_section
{
    width: 900px;
    height: 600px;
    position: relative;
}
.m-play .banner_section .flexslider
{
    width: 900px;
    height: 600px;
    border: 1px solid #ddd;
}
.m-play .banner_section .flexslider img
{
    height: 600px;
}
.m-play .slides
{
    height: 600px;
}
.menuItem > a
{
    padding: 15px 30px !important;
}
.menuItem
{
    float: left;
}
.oent
{
    height: 140px;
    width: 1220px;
    position: relative;
    margin-bottom:75px;
}
.oent .banner_section
{
    width: 1200px;
    height: 140px;
}
.oent .banner_section .flexsliders
{
    width: 1200px;
    height: 140px;
}
.oent .banner_section .flexsliders img
{
    height: 140px;
}
.oent .slides
{
    height: 140px;
}
.oents
{
    height: 163px;
    width: 1200px;
    position: relative;
}
.oents .banner_section
{
    width: 1200px;
    height: 163px;
}
.oents .banner_section .flexsliders
{
    width: 1200px;
    height: 163px;
}
.oents .banner_section .flexsliders img
{
    height: 163px;
    width: 290px;
}
.oents .slides
{
    height: 163px;
}
.oents .flex-direction-nav .flex-prev, .oents .flex-direction-nav .flex-next
{
    width: 73px;
}


.slidfer {
margin:0 auto;
width:100%;
height:140px;
position:relative;
}

.sliderContent {
float:left;
width:100%;
height:140px;
clear:both;
position:relative;
overflow:hidden;
}

.sliderArrows a {
display:block;
text-indent:-9999px;
outline:none;
z-index:50;
width:42px;
height:42px;
position:absolute;
top:50%;
margin-top:-34px;
}

.prev {
background-position:0 0;
left:15px;
}

.prev:hover {
background-position:0 -44px;
}

.next {
right:15px;
background-position:-44px 0;
}

.next:hover {
background-position:-44px -44px;
}

.sliderContent .item {
position:absolute;
width:100%;
height:140px;
background:#fff;
}

.sliderBullets {
position:absolute;
bottom:-40px;
left:50%;
z-index:50;
margin-left:-25px;
}
.sliderBullets a {
display:block;
float:left;
text-indent:-9999px;
outline:none;
margin-left:10px;
width:10px;
height:11px;
background:url(../images/bullets.png) no-repeat;
}
.sliderBullets .active {
background-position:0 -11px;
}
.sliderContent a {
outline:none;
}

.change_three{ width:900px; height:506px;}
.change_three img{ height:506px;}
.change_three .flexslider{ width:900px; height:506px;}
.change_three .flexslider img{ width:900px; height:506px;}

.change_four{ width:640px; height:360px; overflow:hidden;}
.change_four img{ height:360px;}
.change_four .flexslider{ width:640px; height:360px;}
.change_four .flexslider img{height:360px;}