/* CSS Document */
.mt70{ margin-top:70px;}
.mt15{ margin-top:15px;}
.cover-all {overflow: hidden;color: #000000;font-weight: bold;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;-webkit-transform: scale(0);transform: scale(0);}
.cover-body {background: #000;height: 100%;position: fixed;-webkit-transform: scale(1);transform: scale(1);top: 0px;width: 100%;z-index: 999999;}
#header { color:#fff; background:transparent; }
#header .logo { background-image:url(../../images/default/logo-xs-trans.png); background-repeat:no-repeat; background-position:center center; width:180px; height:46px; display:inline-block; line-height:46px; text-align:center; font-size:24px; font-weight:bold; float:left; margin-left:55px; margin-top:12px; }
#header.top .logo { width: 180px; height:46px; line-height: 46px;   background-image: url(../../images/default/logo-sm-trans.png); margin-top:12px;}
#header.solid:not(.top) .logo:hover { -webkit-animation:spin 0.5s ease-in 0s 1 normal; -moz-animation:spin 0.5s ease-in 0s 1 normal; -o-animation:spin 0.5s ease-in 0s 1 normal; animation: spin 0.5s ease-in 0s 1 normal; }
#header .navigation { position:relative; float:right; margin-right:20px; }
#header .menu,#header .menu01{  font-size:20px; margin:0px; }
#header .menu li,#header .menu01 li{ display:inline-block; position:relative; margin-right:10px;}
#header .menu li i,#header .menu01 li i{width:17px;height:9px;display:none;background:url(../../images/default/i_arrow.png) no-repeat;position:absolute;bottom:-4px;left:50%;margin-left: -8px;}
#header .menu li a{color:#fff; padding:0px 15px;  transition:all 0.5s ease-in; text-align:center;  display:block; border-top:transparent 2px solid;}
#header .menu01 li a{ color:#000; padding:0px 15px; transition:all 0.5s ease-in; text-align:center;  display:block; border-top:transparent 2px solid;}
#header .menu li a:hover,#header .menu01 li a:hover{ color:#0aa2cc;}
#header .menu li a div,#header .menu01 li a div{width:100%;height:62px; line-height:62px;overflow:hidden;display:block;text-align:center}
#header .menu li a span,#header .menu01 li a span{display:block;}
#header .menu li a p,#header .menu01 li a p{font:18px/62px Arial, Helvetica, sans-serif; text-transform:uppercase;}
#header .active01{ border-top:#0aa2cc 2px solid;}
#header .active02{color:#0aa2cc;}
#header.top .menu { }
#header.solid:not(.active) { /*background-color:#cc0033;*/ }
#header.solid:not(.top) { /*background-color:rgba(250,250,250,1);*/ background:#fff; box-shadow: 0 0 3px rgba(0,0,0,.3);
  -webkit-box-shadow: 0 0 3px rgba(0,0,0,.3);
  -moz-box-shadow: 0 0 3px rgba(0,0,0,.3); }
#header.solid:not(.top) .menu li:not(.icon):hover a { color:#0aa2cc; }
#header.solid:not(.top) .menu li.active:not(.icon) a {  color:#0aa2cc; border-top:#0aa2cc 2px solid; }
#header.solid:not(.top) a{ color:#333;}
.transition { -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; }
.fixed { position:fixed; width:100%; top:0; margin:0 auto; z-index:99999; }

.nav_drop{width:100%;background:#f2f2f2;position:absolute;left:0;top:68px;z-index:9999;opacity:0;height: 0;overflow: hidden;}
.nav_drop .nav_drop_main{width:1000px;margin:0 auto;position:relative;padding:50px 0}
.nav_drop .drop_l{float:left;margin-right:35px}
.nav_drop .drop_l strong{font-size:24px;color:#008dd5;display:block;padding:30px 0;width:130px;border-top:3px #009ce9 solid}
.nav_drop .drop_l p{font-size:24px;color:#008dd5;font-family:"Arial";font-weight:bold;}

.nav_drop dl{float:left;padding:0 40px;border-right:1px #e5e5e5 solid;min-height:180px}
.nav_drop dl dd{margin-bottom:20px}
.nav_drop dl dd a{color:#008dd5;height:20px;line-height:20px;display:block;}
.nav_drop dl dd a:hover{text-decoration:underline;}
.nav_drop dl dd i{background:url(../../images/default/i_nav_drop.png) no-repeat 0 -124px;width:20px;height:20px;margin-left:5px;display:inline-block;vertical-align:middle;}

.nav_drop .drop_r{float:right;width:127px;margin-top:-35px;margin-right:80px;}
.nav_drop .drop_r a{display:block;width:125px;padding:15px 0 10px;border:1px #cfced0 solid;text-align:center;color:#878787}
.nav_drop .drop_r a:hover{border:1px #009ce9 solid;color:#009ce9;}
.nav_drop .drop_r .btn_sq:hover i{background-position:center -60px}
.nav_drop .drop_r .btn_zx:hover i{background-position:center -90px}
.nav_drop .drop_r i{display:block;width:125px;height:30px}
.nav_drop .drop_r .btn_sq{margin-bottom:25px}
.nav_drop .drop_r .btn_sq i{background:url(../../images/default/i_nav_drop.png) no-repeat center 0}
.nav_drop .drop_r .btn_zx i{background:url(../../images/default/i_nav_drop.png) no-repeat center -30px;}

@keyframes spin {
0% { -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -ms-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg); }
80% { -webkit-transform:rotate(380deg); -moz-transform:rotate(380deg); -ms-transform:rotate(380deg); -o-transform:rotate(380deg); transform:rotate(380deg); }
90% { -webkit-transform:rotate(350deg); -moz-transform:rotate(350deg); -ms-transform:rotate(350deg); -o-transform:rotate(350deg); transform:rotate(350deg); }
100% { -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); transform:rotate(360deg); }
}


.plate{}
.services-head{font:30px/30px "微软雅黑"; color:#0aa2cc; text-align:center; opacity:0;}
.services-head .decs{color:#666; font-size:14px; display:block; line-height:26px; opacity:0;}
.services-head  span{font-size:60px;  }
.services-Box{ width:1200px; margin:0px auto}
.services-Box ul li{float:left; width:33%; opacity:0;}

.service_1{}
.service_1 dd{ margin-top:15px; padding-left:30px;}
.service_1 dd a{ display:block; border: solid #d2d2d2 1px; width:160px;line-height:30px; font-size:16px; text-align:center; color:#666; float:left; margin-right:10px; border-radius:2px;}
.service_1 dd a:hover{ width:162px; height:32px; border: none; color:#FFF; background-color:#0aa2cc;}

.services-Box ul li .serBox{cursor:pointer;display:inline;width:220px;height:280px;float:left; margin:0px 90px;  overflow:hidden;position:relative;padding:0; text-align:center; transition: all 0.3s ease 0s;}
.services-Box .serBox .circles{width:95px;height:95px;text-align:center;position:absolute;top:40px;right:61px;z-index:99; border:#d2d2d2 1px solid; border-radius:100%; text-align:center; line-height:95px; }
.services-Box .serBox .circles img{ margin-top:22px;}
.services-Box .serBox .circles1{width:95px;height:95px;text-align:center;position:absolute;top:40px;left:-122px;z-index:99;  border:#0aa2cc 1px solid; border-radius:100%; background:#0aa2cc; text-align:center; line-height:95px; }
.services-Box .serBox .circles1 img{ margin-top:22px;}
.services-Box .serBox .words{width:220px;height:100px;color:#666;position:absolute;top:150px;left:0px;z-index:99;   font-size:14px;  line-height:24px;}
.services-Box .serBox .words1{width:220px;height:100px;color:#666;position:absolute;top:150px;right:240px;z-index:99;  font-size:14px; line-height:24px; }
.services-Box .serBox span.tit{ font-size:20px; color:#333;display:block;height:35px;text-align:center; }
.services-Box .serBox .words1 span.tit{ color:#0aa2cc;}
.services-Box .serBox .words p{ }
.d1{ opacity:0;}
.d2{ opacity:0;}
.d3{ opacity:0;}
@-webkit-keyframes gdownIn{
	from{opacity:0; -webkit-transform:translate3d(0,30px,0);}
}
@-moz-keyframes gdownIn{
	from{opacity:0; -moz-transform:translate3d(0,30px,0);}
}
@keyframes gdownIn{
	from{opacity:0; transform:translate3d(0,30px,0);}
}
.jn{ opacity:1;animation: gdownIn  1.5s  ;  -webkit-animation: gdownIn 1.5s; -moz-animation: gdownIn 1.5s;}

.case{ background:#232323; padding:50px 0px;}
.case-head{ width:100%; text-align:center;  opacity:0;}
.case-head .letter{ position:relative;display:inline-block; width:490px; margin:0px auto; text-align:center; font-size:18px; color:#fff; position:relative; text-transform:uppercase;}
.case-head .letter span{ display:block; font-size:90px; line-height:60px; color:#fff; font-family:Arial, Helvetica, sans-serif; background:#232323; width:80px; margin:0px auto; margin-bottom:15px; z-index:2; position:relative; }
.case-head .letter p{ font-size:36px; color:#0aa2cc; font-family:"微软雅黑";line-height:60px;}
.case-head .letter:after{ position:absolute; content:""; height:1px; width:100%; background:#d6d6d6; top:36px; left:0px; z-index:1;}
.case-nav{ height:82px; text-align:center; position:relative; margin-top:20px;}
.case-nav:after{ content:''; height:1px; width:100%; background:#464646; display:block; position:absolute; top:50%; z-index:1;}
.case-nav ul li{  width:82px; height:82px; display:inline-block; border:#3b3b3b 1px solid; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; -o-border-radius:6px; color:#fff; margin:0px 6px; background:#232323; z-index:2; position:relative; overflow:hidden; cursor:pointer; font-size:14px; opacity:0;}
.case-nav ul li span{ display:block; width:45px; height:45px;  text-align:center; margin:8px auto 0px auto; margin-bottom:5px;}
.case-nav ul li:hover p{  -webkit-animation:to1 .6s ease-in-out; -o-animation:to1 .6s ease-in-out;  animation:to1 .6s ease-in-out;}
.case-nav ul li:hover{ background:#0aa2cc; border:#0aa2cc 1px solid;}
@-webkit-keyframes to1{
    0%{
        opacity:1;
        -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }
    50%{
        opacity:0;
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -o-transform: translateY(-30px);
        transform: translateY(-30px);
    }


    51%{
        opacity:0;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        -o-transform: translateY(30px);
        transform: translateY(30px);
    }
    100%{
        opacity:1;
        -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }
}
@-moz-keyframes to1{
    0%{
        opacity:1;
        -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }
    50%{
        opacity:0;
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -o-transform: translateY(-30px);
        transform: translateY(-30px);
    }


    51%{
        opacity:0;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        -o-transform: translateY(30px);
        transform: translateY(30px);
    }
    100%{
        opacity:1;
        -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }
}
@-ms-keyframes to1{
    0%{
        opacity:1;
        -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }
    50%{
        opacity:0;
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -o-transform: translateY(-30px);
        transform: translateY(-30px);
    }


    51%{
        opacity:0;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        -o-transform: translateY(30px);
        transform: translateY(30px);
    }
    100%{
        opacity:1;
        -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }
}
@-o-keyframes to1{
    0%{
        opacity:1;
        -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }
    50%{
        opacity:0;
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -o-transform: translateY(-30px);
        transform: translateY(-30px);
    }


    51%{
        opacity:0;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        -o-transform: translateY(30px);
        transform: translateY(30px);
    }
    100%{
        opacity:1;
        -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }
}
@keyframes to1{
    0%{
        opacity:1;
        -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }
    50%{
        opacity:0;
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -o-transform: translateY(-30px);
        transform: translateY(-30px);
    }


    51%{
        opacity:0;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        -o-transform: translateY(30px);
        transform: translateY(30px);
    }
    100%{
        opacity:1;
        -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }
}
.case-nav ul li:hover .pic{
    -webkit-animation:doudong2 5s ease-in-out;
    -o-animation:doudong2 5s ease-in-out;
    animation:doudong2 5s ease-in-out;
    cursor:pointer;
}

@keyframes doudong2{
    0%{
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    10%{
        -webkit-transform: ;
        -ms-transform: ;
        -o-transform: ;
        transform: ;
    }
    2%{
        -webkit-transform: rotate(0deg) ;
        -ms-transform: rotate(0deg) ;
        -o-transform: rotate(0deg) ;
        transform: rotate(0deg) ;
    }
    4%{
        -webkit-transform: rotate(10deg) ;
        -ms-transform: rotate(10deg) ;
        -o-transform: rotate(10deg) ;
        transform: rotate(10deg) ;
    }
    6%{
        -webkit-transform: rotate(0deg) ;
        -ms-transform: rotate(0deg) ;
        -o-transform: rotate(0deg) ;
        transform: rotate(0deg) ;
    }
    8%{
        -webkit-transform: rotate(-10deg) ;
        -ms-transform: rotate(-10deg) ;
        -o-transform: rotate(-10deg) ;
        transform: rotate(-10deg) ;
    }
    10%{
        -webkit-transform: rotate(0deg) ;
        -ms-transform: rotate(0deg) ;
        -o-transform: rotate(0deg) ;
        transform: rotate(0deg) ;
    }
    12%{
        -webkit-transform: rotate(0deg) ;
        -ms-transform: rotate(0deg) ;
        -o-transform: rotate(0deg) ;
        transform: rotate(0deg) ;
    }
    14%{
        -webkit-transform: rotate(10deg) ;
        -ms-transform: rotate(10deg) ;
        -o-transform: rotate(10deg) ;
        transform: rotate(10deg) ;
    }
    16%{
        -webkit-transform: rotate(0deg) ;
        -ms-transform: rotate(0deg) ;
        -o-transform: rotate(0deg) ;
        transform: rotate(0deg) ;
    }
    18%{
        -webkit-transform: rotate(-10deg) ;
        -ms-transform: rotate(-10deg) ;
        -o-transform: rotate(-10deg) ;
        transform: rotate(-10deg) ;
    }
    20%{
        -webkit-transform: rotate(0deg) ;
        -ms-transform: rotate(0deg) ;
        -o-transform: rotate(0deg) ;
        transform: rotate(0deg) ;
    }
    25%{
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}
@-webkit-keyframes doudong2{
    0%{
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    10%{
        -webkit-transform: ;
        -ms-transform: ;
        -o-transform: ;
        transform: ;
    }
    2%{
        -webkit-transform: rotate(0deg) ;
        -ms-transform: rotate(0deg) ;
        -o-transform: rotate(0deg) ;
        transform: rotate(0deg) ;
    }
    4%{
        -webkit-transform: rotate(10deg) ;
        -ms-transform: rotate(10deg) ;
        -o-transform: rotate(10deg) ;
        transform: rotate(10deg) ;
    }
    6%{
        -webkit-transform: rotate(0deg) ;
        -ms-transform: rotate(0deg) ;
        -o-transform: rotate(0deg) ;
        transform: rotate(0deg) ;
    }
    8%{
        -webkit-transform: rotate(-10deg) ;
        -ms-transform: rotate(-10deg) ;
        -o-transform: rotate(-10deg) ;
        transform: rotate(-10deg) ;
    }
    10%{
        -webkit-transform: rotate(0deg) ;
        -ms-transform: rotate(0deg) ;
        -o-transform: rotate(0deg) ;
        transform: rotate(0deg) ;
    }
    12%{
        -webkit-transform: rotate(0deg) ;
        -ms-transform: rotate(0deg) ;
        -o-transform: rotate(0deg) ;
        transform: rotate(0deg) ;
    }
    14%{
        -webkit-transform: rotate(10deg) ;
        -ms-transform: rotate(10deg) ;
        -o-transform: rotate(10deg) ;
        transform: rotate(10deg) ;
    }
    16%{
        -webkit-transform: rotate(0deg) ;
        -ms-transform: rotate(0deg) ;
        -o-transform: rotate(0deg) ;
        transform: rotate(0deg) ;
    }
    18%{
        -webkit-transform: rotate(-10deg) ;
        -ms-transform: rotate(-10deg) ;
        -o-transform: rotate(-10deg) ;
        transform: rotate(-10deg) ;
    }
    20%{
        -webkit-transform: rotate(0deg) ;
        -ms-transform: rotate(0deg) ;
        -o-transform: rotate(0deg) ;
        transform: rotate(0deg) ;
    }
    25%{
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}
@-moz-keyframes doudong2{
    0%{
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    10%{
        -webkit-transform: ;
        -ms-transform: ;
        -o-transform: ;
        transform: ;
    }
    2%{
        -webkit-transform: rotate(0deg) ;
        -ms-transform: rotate(0deg) ;
        -o-transform: rotate(0deg) ;
        transform: rotate(0deg) ;
    }
    4%{
        -webkit-transform: rotate(10deg) ;
        -ms-transform: rotate(10deg) ;
        -o-transform: rotate(10deg) ;
        transform: rotate(10deg) ;
    }
    6%{
        -webkit-transform: rotate(0deg) ;
        -ms-transform: rotate(0deg) ;
        -o-transform: rotate(0deg) ;
        transform: rotate(0deg) ;
    }
    8%{
        -webkit-transform: rotate(-10deg) ;
        -ms-transform: rotate(-10deg) ;
        -o-transform: rotate(-10deg) ;
        transform: rotate(-10deg) ;
    }
    10%{
        -webkit-transform: rotate(0deg) ;
        -ms-transform: rotate(0deg) ;
        -o-transform: rotate(0deg) ;
        transform: rotate(0deg) ;
    }
    12%{
        -webkit-transform: rotate(0deg) ;
        -ms-transform: rotate(0deg) ;
        -o-transform: rotate(0deg) ;
        transform: rotate(0deg) ;
    }
    14%{
        -webkit-transform: rotate(10deg) ;
        -ms-transform: rotate(10deg) ;
        -o-transform: rotate(10deg) ;
        transform: rotate(10deg) ;
    }
    16%{
        -webkit-transform: rotate(0deg) ;
        -ms-transform: rotate(0deg) ;
        -o-transform: rotate(0deg) ;
        transform: rotate(0deg) ;
    }
    18%{
        -webkit-transform: rotate(-10deg) ;
        -ms-transform: rotate(-10deg) ;
        -o-transform: rotate(-10deg) ;
        transform: rotate(-10deg) ;
    }
    20%{
        -webkit-transform: rotate(0deg) ;
        -ms-transform: rotate(0deg) ;
        -o-transform: rotate(0deg) ;
        transform: rotate(0deg) ;
    }
    25%{
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}
@-o-keyframes doudong2{
    0%{
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    10%{
        -webkit-transform: ;
        -ms-transform: ;
        -o-transform: ;
        transform: ;
    }
    2%{
        -webkit-transform: rotate(0deg) ;
        -ms-transform: rotate(0deg) ;
        -o-transform: rotate(0deg) ;
        transform: rotate(0deg) ;
    }
    4%{
        -webkit-transform: rotate(10deg) ;
        -ms-transform: rotate(10deg) ;
        -o-transform: rotate(10deg) ;
        transform: rotate(10deg) ;
    }
    6%{
        -webkit-transform: rotate(0deg) ;
        -ms-transform: rotate(0deg) ;
        -o-transform: rotate(0deg) ;
        transform: rotate(0deg) ;
    }
    8%{
        -webkit-transform: rotate(-10deg) ;
        -ms-transform: rotate(-10deg) ;
        -o-transform: rotate(-10deg) ;
        transform: rotate(-10deg) ;
    }
    10%{
        -webkit-transform: rotate(0deg) ;
        -ms-transform: rotate(0deg) ;
        -o-transform: rotate(0deg) ;
        transform: rotate(0deg) ;
    }
    12%{
        -webkit-transform: rotate(0deg) ;
        -ms-transform: rotate(0deg) ;
        -o-transform: rotate(0deg) ;
        transform: rotate(0deg) ;
    }
    14%{
        -webkit-transform: rotate(10deg) ;
        -ms-transform: rotate(10deg) ;
        -o-transform: rotate(10deg) ;
        transform: rotate(10deg) ;
    }
    16%{
        -webkit-transform: rotate(0deg) ;
        -ms-transform: rotate(0deg) ;
        -o-transform: rotate(0deg) ;
        transform: rotate(0deg) ;
    }
    18%{
        -webkit-transform: rotate(-10deg) ;
        -ms-transform: rotate(-10deg) ;
        -o-transform: rotate(-10deg) ;
        transform: rotate(-10deg) ;
    }
    20%{
        -webkit-transform: rotate(0deg) ;
        -ms-transform: rotate(0deg) ;
        -o-transform: rotate(0deg) ;
        transform: rotate(0deg) ;
    }
    25%{
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}




.waper-slide-move{ width:100%; padding-top:48%; position:relative; margin-top:50px; overflow:hidden;}
.waper-slide-move .sub-internal-move{ width:400%; position:absolute; left:0; top:0;}
.waper-slide-move .sub-internal-move ul{ float:left; width:25%; display:table; position:relative;}
.waper-slide-move .sub-internal-move ul li{ float:left; width:30%; margin:0 1.65% 3.3% 1.65%; }
.waper-slide-move .sub-internal-move ul li article{ width:100%; height:0; padding-top:63.4%; overflow:hidden; position:relative;}
.waper-slide-move .sub-internal-move ul li article i img{ width:100%;  position:absolute; left:0; top:1px;
	transition: all 1s linear 0s;
	-webkit-transition: all 1s linear 0s;
	-moz-transition: all 1s linear 0s;
	-ms-transition: all 1s linear 0s;	
}
.waper-slide-move .sub-internal-move ul li article:hover i img{
	transform:scale(1.1,1.1);
	-webkit-transform:scale(1.1,1.1);
	-moz-transform:scale(1.1,1.1);
	-ms-transform:scale(1.1,1.1);
}
.waper-slide-move .sub-internal-move ul li article span{ display:block; width:100%; height:107px; text-align:center; background:rgba(255,255,255,0.75);  position:absolute; left:0; bottom:-100%;}
.waper-slide-move .sub-internal-move ul li article span img{ display:inline-block; margin-top:15px\9; position:relative; top:50%; 
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
}
.waper-slide-move .sub-internal-move ul li h4{ width:100%; padding:5% 0; text-align:center; position:relative; background:#fff; margin:0px;}
.waper-slide-move .sub-internal-move ul li h4 small{ display:block; width:100%; height:100%; line-height:1.5;  text-align:center; position:absolute; left:0; top:0px; z-index:1; font-size:30px; color:#000;
	transition: all .6s linear 0s;
	-webkit-transition: all .6s linear 0s;
	-moz-transition: all .6s linear 0s;
	-ms-transition: all .6s linear 0s;
}
.waper-slide-move .sub-internal-move ul li h4 font{ display:block; position:absolute; left:0; top:0; width:100%; height:0%;background-color:#0aa2cc; z-index:0;}
.waper-slide-move .sub-internal-move ul li:hover h4 small{ color:#fff;}
.waper-bom-switch{ width:100%; height:50px; display:table; margin-top:30px; position:relative; }
.waper-bom-switch .sub-bom{ width:186px; height:48px; position:absolute; left:50%; margin-left:-93px;
	transition: all .4s linear .6s;
	-webkit-transition: all .4s linear .6s;
	-moz-transition: all .4s linear .6s;
	-ms-transition: all .4s linear .6s;
}
.waper-bom-switch .sub-bom a{ display:inline-block; width:48px; height:48px; margin-right:8px; border-radius:50%; border:1px solid #D0D0D0;
	transition: all .4s linear 0s;
	-webkit-transition: all .4s linear 0s;
	-moz-transition: all .4s linear 0s;
	-ms-transition: all .4s linear 0s;	
}
.waper-bom-switch .sub-bom .lft{ background:url(../../images/default/lft1.png) no-repeat 7px center;}
.waper-bom-switch .sub-bom .lft:hover{ background:url(../../images/default/lft1.png) no-repeat -42px center;}
.waper-bom-switch .sub-bom .rit{ background:url(../../images/default/lft2.png) no-repeat -43px center;}
.waper-bom-switch .sub-bom .rit:hover{ background:url(../../images/default/lft2.png) no-repeat 8px center;}
.waper-bom-switch .sub-bom .mor{ background:url(../../images/default/lft3.png) no-repeat center 8px;}
.waper-bom-switch .sub-bom .mor:hover{ background:url(../../images/default/lft3.png) no-repeat center -48px;}

.flow{}
.flow-head{ width:100%; text-align:center; opacity:0;}
.flow-head .letter{ position:relative;display:inline-block; min-width:190px; margin:0px auto; text-align:center; font-size:18px; color:#666; position:relative; text-transform:uppercase;}
.flow-head .letter span{ display:block; font-size:90px; line-height:60px; color:#ccc; font-family:Arial, Helvetica, sans-serif; background:#fff; width:80px; margin:0px auto; margin-bottom:15px; z-index:2; position:relative;}
.flow-head .letter p{ font-size:36px; color:#0aa2cc; font-family:"微软雅黑";padding:10px 0; }
.flow-head .letter p i{ display:block; font-size:14px; color:#666; font-style:normal; margin-top:5px;}
.flow-head .letter:after{ position:absolute; content:""; height:1px; width:190px; background:#d6d6d6; top:36px; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%);  z-index:1;}

.flow-box{ width:1200px; margin:20px auto 0px auto;}
.flow-box dl{width:200px;height:180px;float:left;text-align:center;cursor:pointer; opacity:0;}
.flow-box dl dd{ background:url(../../images/default/f_ico.png) no-repeat center center; width:95px;height:95px;border-radius:100%;margin:auto;transition:all 0.1s;-webkit-transition:all 0.1s;-ms-transition:all 0.1s;-moz-transition:all 0.1s; display:inline-block;}
.flow-box .icon1 dd{background-position:0px 0px;}
.flow-box .icon2 dd{background-position:0px -200px}
.flow-box .icon3 dd{background-position:0px -400px}
.flow-box .icon4 dd{background-position:0px -600px}
.flow-box .icon5 dd{background-position:0px -800px}
.flow-box .icon6 dd{background-position:0px -1000px}
.flow-box .icon1:hover dd{background-position:0px -100px}
.flow-box .icon2:hover dd{background-position:0px -300px}
.flow-box .icon3:hover dd{background-position:0px -500px}
.flow-box .icon4:hover dd{background-position:0px -700px}
.flow-box .icon5:hover dd{background-position:0px -900px} 
.flow-box .icon6:hover dd{background-position:0px -1100px} 
.flow-box dl:hover dd{transition:all 0.3s;-webkit-transition:all 0.3s;-ms-transition:all 0.3s;-moz-transition:all 0.3s;background: url(../../images/default/f_ico.png) no-repeat center center}

.flow-box dl dt{position:relative;text-align:center;}
.flow-box dl dt h4{font-size:18px;padding:15px 0 10px 0;color:#333; margin:0px;}
.flow-box dl dt .txt-box{position:absolute;width:170px;padding:15px;border-radius:3px;border:1px solid #e8e8e8;color:#84898d;font-size:12px;top:68px;box-shadow:0px -4px 6px #d8d6d6;-webkit-box-shadow:0px -4px 6px #d8d6d6;-ms-box-shadow:0px -4px 6px #d8d6d6;-moz-box-shadow:0px -4px 5px #d8d6d6;-o-box-shadow:0px -4px 6px #d8d6d6;text-align:left;opacity:0; z-index:-1;}
.flow-box dl dt .txt-box .txticon{width:16px;height:15px;position:absolute;left:50%;margin-left:-8px;top:-15px;background:url(../../images/default/item03-icon2.png) no-repeat center top;}
.flow-box dl:hover .txt-box{opacity:1;top:50px;}
.transition500{transition:500ms ease-out;-webkit-transition:500ms ease-out;-ms-transition:500ms ease-out;-moz-transition:500ms ease-out;-o-transition:500ms ease-out;}

.flow-news{ width:1200px;  margin-left:auto;margin-right:auto; margin:20px auto 0px auto; height:240px; overflow:hidden; opacity:0;}
.flow-news > div{float:left;}
.flow-news .item{width:240px;height:240px;float:left;position:relative;overflow:hidden;}
.flow-news .item div{position:absolute;left:0;}
.flow-news .index-item02List{width:240px;height:240px; overflow:hidden;}
.flow-news .item a{color:#fff;}
.flow-news .item .item-bg01{top:0;width:240px;height:240px;background:rgba(0,0,0,0.8);}
.flow-news .item .item-bg02{top:240px;width:240px;height:240px;background:rgba(0,175,218,0.8);bottom:0;}
.flow-news .item:hover .item-bg01{top:-240px;}
.flow-news .item:hover .item-bg02{top:0;}
.flow-news .item .new-box {position:absolute;left:0;top:0;height:100%;width:100%;z-index:100;}
.flow-news .item .new-box a,.flow-news .item .new-box{color:#fff;}
.flow-news .item .new-box h5{ font-size:28px; padding:20px 20px 10px 20px; font-weight:normal; margin:0px;color:#fff;}
.flow-news .item .new-box a{ font-size:13px; padding:0px 20px; line-height:24px; display:block;}
.flow-news .item:hover .new-box a{ text-decoration:underline;}
.swiper-container {width: 100%;height: 100%;margin-left: auto;margin-right: auto;}
.swiper-slide {text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}

.news{ background:#f7f7f7;   padding: 50px 0px;}
.news-head{ width:100%; text-align:center; opacity:0;}
.news-head .letter{ position:relative;display:inline-block; min-width:190px; margin:0px auto; text-align:center; font-size:18px; color:#666; position:relative; text-transform:uppercase;}
.news-head .letter span{ display:block; font-size:90px; line-height:60px; color:#ccc; font-family:Arial, Helvetica, sans-serif; background:#f7f7f7; width:80px; margin:0px auto; margin-bottom:15px; z-index:2; position:relative;}
.news-head .letter p{ font-size:36px; color:#0aa2cc; font-family:"微软雅黑";}
.news-head .letter p i{ display:block; font-size:14px; color:#666; font-style:normal; margin-top:5px;}
.news-head .letter:after{ position:absolute; content:""; height:1px; width:190px; background:#d6d6d6; top:36px; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%);  z-index:1;}
.news-box{ width:1200px; margin:0px auto;}
.news .news_left{ float:left; width:850px; margin-top:50px; float:left; opacity:0;}
.news .news-tit{ height:40px; position:relative; font-size:20px; color:#333; margin-bottom:10px;}
.news .news-tit .more{ position:absolute; right:0px; font-size:14px; color:#666; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%);}
.news-box .news-item{width: 390px; float: left;  margin: 0 28px 0 0; }
.news-box .news-item .news-day { width: 48px; text-align: center;}
.news-box .news-item .news-day span { display: block; width: 48px; height: 38px; background-color: #c7c7c7; line-height: 48px; padding-top:10px;}
.news-box .news-item .news-day em {font-style: normal; display: block; font-size: 16px; color: #6a6a6a; line-height: 32px;}
.news-box .news-item .news-day b { display: block; font-size: 18px; color: #6a6a6a; font-weight: normal;}
.news-box .news-item .news-info .picture{width: 324px; height: 190px; overflow:hidden;}
.news-box .news-item .news-info .picture img { width: 324px; height: 190px; transition: all 1s linear 0s;
	-webkit-transition: all 1s linear 0s;
	-moz-transition: all 1s linear 0s;
	-ms-transition: all 1s linear 0s;	}

.news-box .news-item .news-info .picture:hover img{
	transform:scale(1.1,1.1);
	-webkit-transform:scale(1.1,1.1);
	-moz-transform:scale(1.1,1.1);
	-ms-transform:scale(1.1,1.1);
}

.news-box .news-item .news-info h3 { margin: 0 0 15px; font-size: 16px; line-height: 50px; border-bottom: 1px #e2e2e2 solid; color: #000; font-weight: normal;}
.news-box .news-item .news-info h3 a{ color:#333;}
.news-box .news-item .news-info .new-list{}
.news-box .news-item .news-info .new-list li{ line-height:24px; font-size:14px;}
.news-box .news-item .news-info .new-list li a{ color:#666; display:inline-block; width:325px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.news-box .news-item .news-info .new-list li a:hover{ color:#0aa2cc;}
.news-box .news-item .news-info:hover span { background-color: #1086d5;}

.news .news_right{ width:350px; float:right;  margin-top:50px; opacity:0;}
.news .news_right ul li{padding:1px;background:#fff;float:left;width:350px;margin-bottom:20px;}
.news .news_right ul li .data{background:#eeeeee;width:80px;height:80px;text-align:center;font-size:12px;color:#333;float:left;}
.news .news_right ul li .data span{font-size:30px;font-weight:bold; padding-top:13px; display:block;}
.news .news_right ul li .con{float:left;width:260px;margin-left:10px;height:80px;}
.news .news_right ul li .con a{color:#333;height:20px;overflow:hidden;display:block;text-overflow:ellipsis;width:100%;white-space:nowrap;}
.news .news_right ul li .con a:hover{color:#0aa2cc;}
.news .news_right ul li .con .describe{color:#999;font-size:12px;margin-top:5px;line-height:18px;overflow:hidden;}
.news .news_right ul li:hover .data{background:#0aa2cc;color:#fff;}
.news .news_right ul li:hover a{ color:#0aa2cc}

.contact{ background:#3d3d3d; clear:both; height:auto; display:block; width:100%;}
.contact .contact-box { width:1200px; margin:0px auto; padding:20px 0px; }
.contact .contact-box .iconBox { float: left; width: 77px; height: 77px; background:#262626; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%;  text-align: center; font-size: 14px; color: #eee1e3; }
.contact .contact-box .iconBox i { display: block; margin-left: auto; margin-right: auto; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.contact .contact-box .iconBox i.gz { margin-top: 11px; width: 29px; height: 31px; -webkit-transform-origin: left bottom; transform-origin: left bottom; }
.contact .contact-box .iconBox i.sz { margin-top: 15px; width: 26px; height: 25px; }
.contact .contact-box .info { margin-left:20px; padding-top: 11px; color: #fff; float:left; }
.contact .contact-box .info span { font-size: 24px;  font-weight: bold;}
.contact .contact-box .info p { font-size: 14px; }
.contact .contact-box .info p a { display: inline-block; *display: inline; *zoom: 1; margin-left: 3px; width: 9px; height: 12px; background: url(../../images/default/icon8.png) no-repeat; }
.contact .contact-box .online{ float:right;}
.contact .contact-box .online a{ display:inline-block; width: 77px; height: 77px; background:#262626; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%;  text-align: center; font-size: 14px; color: #eee1e3; margin-left:20px; text-align:center;}
.contact .contact-box .online a i{ display:block; height:30px; width:30px; margin:0px auto; margin-top:10px; margin-bottom:5px;}

.footer{ background:#262626;    transition: 2.5s;}
.footer .link_box{ margin:0px auto; width:1200px;}
.footer .friend_link{float:left;clear:both;width:1020px;font-size:16px; color:#ccc; line-height:50px;background:url(../../images/default/x1.png) left bottom no-repeat; margin-bottom:5px;}

.footer .foot_left{float:left;width:1000px;}
.foot_left li{float:left; width:130px; margin-right:10px;font-size:14px;line-height:20px;}
.foot_left h4 a{color:#fff;}
.foot_left li a{color:#c3c3c3; display:block;}
.footer .foot_right{float:right;width:200px;margin-right:0px; text-align:center; padding-top:20px; font-size:14px;}

.foot_right img{border:#fff 5px solid; display:block; margin:0px auto; text-align:center;}
.foot_right span{ color:#fff; padding-top:10px; display:block;}


.footer .link_box dl{ float:left; width:200px; margin-right:50px;}
.footer .link_box dl dt{ font-size:16px; color:#ccc; line-height:50px; background:url(../../images/default/x1.png) left bottom no-repeat; margin-bottom:20px;}
.footer .link_box dl dd{ line-height:26px; font-size:14px; display:block; clear:both; margin:0px; padding:0px;}
.footer .link_box dl dd a{ color:#666; display:block;}
.footer .link_box dl.wechat{ float:right; margin-right:0px; text-align:center; padding-top:20px; font-size:14px;}
.footer .link_box dl.wechat img{ border:#fff 5px solid; display:block; margin:0px auto; text-align:center;}
.footer .link_box dl.wechat span{ color:#fff; padding-top:10px; display:block;}
.footer .copyright{ border-top:#464646 1px solid; display:block; clear:both; color:#c3c3c3; text-align:center; padding:15px 0px; font-size:14px;}


.fixedBox{position:fixed;bottom:350px;right:20px;z-index:999;width:48px; }
.fixedBox li{position:relative;float:left;width:48px;height: 47px}
.fixedBox li .icon{display:inline-block;background:url(../../images/default/fixedBoxBg.png) no-repeat 0 0;width:48px;}
.fixedBox .qq,.fixedBox .tel,.fixedBox .wechat{height: 47px}
.fixedBox .qq .icon,.fixedBox .tel .icon,.fixedBox .wechat .icon{height: 47px}
.fixedBox .back{height: 48px}
.fixedBox .back .icon{height: 48px}
.fixedBox li.qq .icon{background-position:0 0}
.fixedBox li.qq .icon:hover{background-position:-48px 0}
.fixedBox li.tel .icon{background-position:0 -47px}
.fixedBox li.tel .icon:hover{background-position:-48px -47px}
.fixedBox li.wechat .icon{background-position:0 -94px}
.fixedBox li.wechat .icon:hover{background-position:-48px -94px}
.fixedBox li.back .icon{background-position:0 -141px}
.fixedBox li.back .icon:hover{background-position:-48px -141px}
.fixedBox li .link{position:absolute;right:60px;top:0;padding:1px 7px 1px 1px;overflow:hidden;zoom:1;cursor:pointer;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;display:none}
.fixedBox li .link a img{vertical-align:middle}
.fixedBox li .link a:hover{color:#33a9e4}
.fixedBox li.on .backPop{display:block}

.fixedBox .wechat .link{width:114px;height: 133px;background:url(../../images/default/fixedBoxBg.png) no-repeat -96px -48px;}
.fixedBox .qq .link,.fixedBox .tel .link,.fixedBox .back .link{width:154px;height:46px;line-height:46px;background:url(../../images/default/fixedBoxBg.png) no-repeat -96px 0;}
.fixedBox .qq .link a,.fixedBox .tel .link a,.fixedBox .back .link a{display:inline-block;float:left;text-align:center;width:50%;height:46px;line-height:46px;color:#666;transition:color 0.3s ease-out 0s;-moz-transition:color 0.3s ease-out 0s;
-webkit-transition:color 0.3s ease-out 0s;-o-transition:color 0.3s ease-out 0s;vertical-align:middle}
.fixedBox .qq .link{width: 140px;margin-right: -41px;border-left: 1px #dddfe1 solid;white-space: nowrap;background:url(../../images/default/fixedBoxBg.png) no-repeat -150px 0;}
.fixedBox .qq .link a{width: 100px;}



h1,h2,h3,h4,h5,p{ margin:0; font-weight:normal;font-size:16px; color:#c3c3c3;line-height:30px;}
dl,dd,dt{ margin:0;}
.web_banner{ width:100%; height:260px; margin-bottom:40px; background:url(../../images/default/banner01.jpg) no-repeat  center; margin-top:68px; overflow:hidden;}
.cas_banner{ width:100%; height:260px; margin-bottom:40px;  margin-top:68px; overflow:hidden;}



.pro_banner{ width:100%; height:260px; margin-bottom:40px; background:url(../../images/default/banner03.jpg) no-repeat  center; margin-top:68px; overflow:hidden;}
.new_banner{ width:100%; height:260px; margin-bottom:40px; background:url(../../images/default/banner04.jpg) no-repeat  center; margin-top:68px; overflow:hidden;}
.abo_banner{ width:100%; height:260px; margin-bottom:40px; background:url(../../images/default/banner05.jpg) no-repeat  center; margin-top:68px; overflow:hidden;}
.con_banner{ width:100%; height:260px; margin-bottom:40px; background:url(../../images/default/banner06.jpg) no-repeat  center; margin-top:68px; overflow:hidden;}
.web_banner h1,.cas_banner h1,.pro_banner h1,.new_banner h1,.abo_banner h1,.con_banner h1{ font-size:40px; color:#FFF; margin-left:360px; padding-top:80px; margin-bottom:10px; letter-spacing:3px;}
.web_banner p,.cas_banner p,.pro_banner p,.new_banner p,.abo_banner p,.con_banner p{ width:65px; height:5px; background-color:#FFF; margin-left:360px;}

.web_title{ width:1200px; text-align:center; margin-bottom:12px;margin:0 auto;}
.web_title img { width:auto; max-width:780px;}
.web_title h1,.web_title h2,.web_title h3,.web_title h4{ color:#7a7a7a; font-family:"微软雅黑"; margin:0; font-weight:normal;margin-bottom:15px;}
.web_title h2{ font-size:44px; letter-spacing:-4px;}
@font-face{ font-family:"Raleway Thin"; src:url(../../system/fonts/raleway_thin.otf);}
.web_title h2 span{ font-size:44px; color:#7a7a7a; font-family:"Raleway Thin"; letter-spacing:-4px;}

.page_main_box,.pro_main_box{ width:100%;}
.page_main,.pro_main,.abo_main,.con_main{ width:1200px; margin:0 auto;}
.page_news,.pro_news{ width:1200px;}
.page_news ul li{ width:338px;float:left;margin-left:15px; margin-right:15px;border: solid #ebebeb 1px; padding:10px; margin-bottom:20px;}
.page_news ul li img{ width:338px; height:189px;}
.page_news ul li span{float:left; font-size:14px; color:#848485; line-height:20px;}
.page_list{ width:1200px; min-height:1000px; padding-left:30px; padding-right:30px; padding-top:10px; border: solid #d7d7d7 1px; margin-bottom:20px;}
.page_list img { width:auto; max-width:780px;}
.page_main h4{ font-size:16px; width:1200px; text-align:center; line-height:60px;margin:0;}
.page_list01{ width:1130px; padding-left:35px; padding-right:35px; border: solid #c2c2c2 1px; margin-bottom:85px;}
.page_list01 a{ display:block; float:left; line-height:46px; width:248px; font-size:15px; color:#444;}
.page_list02{ width:1180px;padding-bottom:10px; }
.page_list02 a{ display:block; float:left;margin-left:10px; line-height:25px; width:248px; font-size:15px; color:#c47012;}
.page_list02 ul{ margin-top:10px;margin-bottom:20px;}
.page_list02 ul li{ width:271px;float:left; margin-right:10px; margin-bottom:10px; font-size:14px; color:#848485; cursor:pointer;border: solid #e7e4e4 1px; }
.page_list02 ul li span:hover{ color:#e60012; border-bottom:solid #e60012 1px;}

.web_title h3{ font-size:20px; margin-bottom:10px;}
.web_title h4 span{ font-size:16px; color:#070707; border-right:solid #a0a0a0 1px; padding-right:18px; padding-left:18px; cursor:pointer;}
.web_title h4 span a{ font-size:16px; color:#070707; }
.web_title h4 span .current,.web_title h4 span a:hover{ color:#e60012; border-bottom:solid #e60012 1px;}
.web_title h5 p {font-size:16px;text-align:left;margin-bottom:10px;}
.web_main_box,.pro_main_box{ width:100%;}
.web_main,.pro_main,.abo_main,.con_main{ width:1200px; margin:0 auto;}
.web_zuo{ float:left;}
.web_you{ float:right; margin-bottom:60px;}
.web_list{ width:780px; min-height:1000px; padding-left:30px; padding-right:30px; padding-top:10px; border: solid #d7d7d7 1px; margin-bottom:20px;}
.web_list img { width:auto; max-width:780px;}

.web_list h1,.web_list h2,.web_list h3,.web_list h5,.web_list p{margin:0; font-weight:normal;}
.web_list h1{ font-size:20px; color:#2c2c2c;}
.web_list span{ font-size:14px; color:#727171; line-height:30px;}
.web_list h2{ font-size:14px; color:#727171; margin-bottom:15px;}
.web_list h3{ font-size:22px; color:#7a7a7a; border-bottom:dashed #bdbdbd 1px; line-height:50px; margin-bottom:15px;}
.web_list h3 strong{ font-weight:normal; font-size:14px;}
.web_list h3 span{ font-size:14px; color:#727171; line-height:30px;}
.web_list h3 span a{ color:#727171;}
.web_list .a{ font-size:16px; color:#727171; border-bottom:dashed #bdbdbd 1px; display:block; padding-bottom:15px; padding-top:5px; line-height:35px;}
.web_list .current,.web_list a:hover{ color:#0aa2cc;}

.web_list dl{ margin:0 auto;width:770px;font-size:16px;color:#727171;padding-bottom:15px;}
.web_list dl dd{ width:35px; height:35px; border: solid #c2c2c2 1px; text-align:center; float:left; margin-right:15px; margin-top:30px;}
.web_list dl dd a{font-size:16px;color:#727171; clear:both; border:none; line-height:25px;padding-bottom: 15px;padding-top: 5px;display: block;}
.web_list dl dt{ width:70px; height:35px; border: solid #c2c2c2 1px; text-align:center; float:left; margin-right:15px; margin-top:30px; line-height:35px; cursor:pointer;}
.web_list dl dt a{font-size:16px;color:#727171;}
/*.web_list dl dt,.web_list dl dd{ margin:0; width:18px; height:22px; text-align:center; float:left; margin-right:15px; margin-top:60px; cursor:pointer;}*/
.web_list .current01{ border:0; background-color:#0aa2cc;}
.web_list dl dd a:hover,.web_list dl dt:hover{ color:#0aa2cc;}
.web_list a span{ display:block; font-size:12px; float:right;}

.web_list a p{ font-size:12px; color:#aaaaab; line-height:18px; padding-left:24px;}

.web_list p{ font-size:14px; color:#7a7a7a; line-height:30px;}
.web_list p img { width:auto; max-width:780px;}
.web_main h4{ font-size:16px; width:830px; text-align:center; line-height:60px;margin:0;}
.web_list01{ width:770px; padding-left:35px; padding-right:35px; border: solid #c2c2c2 1px; margin-bottom:85px;}
.web_list01 a{ display:block; float:left; line-height:46px; width:248px; font-size:15px; color:#444;}
.web_list02{ width:850px;padding-top:10px;padding-bottom:10px; }
.web_list02 a{ display:block; float:left;margin-left:10px; line-height:25px; width:248px; font-size:15px; color:#444;}
.web_list02 ul{ margin-top:10px;margin-bottom:20px;}
.web_list02 ul li{ width:271px;float:left; margin-right:10px; margin-bottom:10px; font-size:14px; color:#848485; cursor:pointer;border: solid #e7e4e4 1px; }
.web_list02 ul li span:hover{ color:#e60012; border-bottom:solid #e60012 1px;}

.web_listkn{ width:770px; min-height:100px;padding-left:35px; padding-right:35px; border: solid #c2c2c2 1px; margin-bottom:5px;}
.web_listkn ul li a { margin-top:10px;float:left;line-height:35px; margin-left:15px;font-size:15px; line-height:35px; color:#444;}
.web_listkn ul li a:hover{ color:#e60012; }

.web_list ul{ margin-top:10px;margin-bottom:20px;}
.web_list ul li{ float:left; width:360px; font-size:14px; color:#7a7a7a; cursor:pointer;}
.web_list ul li span:hover{ color:#e60012; border-bottom:solid #e60012 1px;}
.news_item{}
.news_item  ul li{ float:none; width:100%; display:block; clear:both;margin-top:1px;}

.web_redian{ width:320px; margin-bottom:32px;}
.web_redian h2{margin:0; font-weight:normal;}
.web_redian h2 span { display:block; float:left; font-size:16px; color:#848485; margin-bottom:12px;}
.web_redian ul{ border: solid #ebebeb 1px; }
.web_redian ul li{ border-bottom: solid #d7d7d7 1px; }
.web_tab ul li span{ display:block; float:left;font-size:15px; color:#848485; line-height:35px; margin-left:15px;}
.web_redian ul li span a{ line-height:35px; margin-left:15px;font-size:15px; line-height:35px; color:#f35c5c;}

.web_tab{ width:320px; margin-bottom:32px;}
.web_tab h2,.web_news h2{margin:0; font-weight:normal;}
.web_tab h2 span,.web_news h2 span,.pro_news h2 span{ display:block; float:left; font-size:16px; color:#848485; margin-bottom:12px;}
.web_tab h2 img,.web_news h2 img,.pro_news h2 img{ float:left; margin-left:10px; margin-top:10px; cursor:pointer;}
.web_tab ul{ border: solid #ebebeb 1px;}
.web_tab ul li{ float:left; border-bottom: solid #d7d7d7 1px;width:150px;}
.web_tab ul li span a { display:block; float:left; font-size:15px; color:#848485; line-height:35px; margin-left:15px;}
.web_tab ul li .current,.web_tab ul li span a:hover{color:#ee0c0c;font-size:18px;}
.web_tab ul li img{ float:right; margin-right:15px; margin-top:8px;cursor:pointer;}



.web_tab ul li dl{ padding-left:25px; padding-bottom:20px; margin:0;}
.web_tab ul li dl dd{ float:left; width:95px; margin:0;}
.web_tab ul li dl dd a{font-size:14px; line-height:30px; color:#aaaaab;}
.web_tab ul li dl dd a:hover{color:#0aa2cc;}

.web_news,.pro_news{ width:338px;}
.web_news ul li{ width:338px;float:left;margin-left:15px; margin-right:15px;border: solid #ebebeb 1px; padding:10px; margin-bottom:20px;}
.web_news ul li img{ width:338px; height:189px;}
.web_news ul li span{float:left; font-size:14px; color:#848485; line-height:20px;}

.news_show_box{ width:100%; margin-bottom:60px;}
.news_show{ width:1200px; margin:0 auto;}
.news_show img{ float:left;}
.news_show ul{ float:right; width:550px;}
.news_show ul li{ font-size:20px; color:#2c2c2c; margin-bottom:26px;}
.news_show ul p{ font-size:16px; color:#595858; line-height:28px;}

.pro_main_show{ margin-bottom:10px;}
.pro_main_show ul{ float:left; margin-right:44px;}
.pro_main_show ul li{  width:338px; border: solid #c8c8c8 1px; padding-left:15px; padding-right:15px; padding-top:15px; min-height:300px;}
/*.pro_main_show ul li h1{ margin-top:10px; margin-bottom:20px;}*/
.pro_main_show ul li a{ display:block; text-align:center;}
.pro_main_show ul li a p{ margin-top:15px; margin-bottom:15px;font-size:14px; color:#848485; text-align:left;}
.pro_main_show ul li a p span{ margin-bottom:15px;font-size:20px; color:#f0c415; float:right;text-align:right;}
.pro_main_show ul li a p:hover{color:#0aa2cc;}

.pro_main_show ul li a img{ position:relative; width:100%; height:215px;}
.pro_main_show ul li a h3{ position:absolute; width:338px; height:50px; background-color:rgba(120,120,120,0.9); text-align:center; font-size:18px; color:#FFF; line-height:50px; margin-top:-50px;}


/*.pro_main ul dl{ width:348px; border-bottom: solid #a0a0a0 1px; border-left: solid #a0a0a0 1px; border-right: solid #a0a0a0 1px; padding-left:20px; padding-right:20px;}
.pro_main ul dl dt a{ font-size:14px; color:#848485; line-height:55px;}
.pro_main ul dl dt a:hover{color:#3c7bbd;}
.pro_main ul dl dd{ float:right; margin-top:17px;}*/
.pro_more a{ display:block; width:1200px; background-color:#f0f0f0; height:54px; line-height:54px; font-size:24px; color:#a6a6a6; text-align:center; margin-top:20px; margin-bottom:40px; letter-spacing:2px;}
.pro_more a:hover{ background-color:#0aa2cc; color:#fff;}


.pro_list{ width:740px; height:px; border: solid #c2c2c2 1px; padding-left:45px; padding-right:45px; padding-top:40px;}
.pro_list img{ width: 100%;margin-top:10px; margin-top:15px;}
.pro_list_con{margin:0 auto;}
.pro_list_con span{margin:0 auto;padding:10px 0;}
.pro_list_con h1{ font-size:30px; color:#444; margin-bottom:30px; letter-spacing:2px;}
.pro_list_con01{ margin:0 auto;}
.pro_list_con01.suppout{ width: 1200px; margin: 0px auto;}
.pro_list_con01 .suppout .suppout-scroll{ overflow:hidden; position:relative; margin-top: 50px;   }
.pro_list_con01 .suppout .suppout-scroll .hd{ }
.pro_list_con01 .suppout .suppout-scroll .hd .prev,.footer .suppout .suppout-scroll .hd .next{ display:block;  width:20px; height:51px;  overflow:hidden; cursor:pointer; background:url("../../images/default/icon.png") no-repeat; position: absolute; top:30px;}
.pro_list_con01 .suppout .suppout-scroll .hd .prev{ background-position:-46px 0px; left: 0px;  }
.pro_list_con01 .suppout .suppout-scroll .hd .next{ background-position:-86px 0px; right: 0px;  }
.pro_list_con01 .suppout .suppout-scroll .bd{ margin:0px 40px 0px 40px; overflow: hidden;  }
.pro_list_con01 .suppout .suppout-scroll .bd ul{ overflow:hidden; zoom:1; }
.pro_list_con01 .suppout .suppout-scroll .bd ul li{float: left; width: 200px; height: 117px; margin-right: 30px;}










.pro_list_con02{ font-size:14px; color:#848485; letter-spacing:1px; margin-top:30px; margin-bottom:40px;}
.pro_list_con02 a{color:#848485;}
.pro_list_con02 p{ line-height:25px; margin-bottom:20px;}
/*.pro_list span{ display:block;}
.pro_list span h1{ font-size:40px; color:#444; float:left; margin-bottom:30px; letter-spacing:2px;}*/
.pro_list dl dd{ font-size:14px; color:#444; float:right; margin-left:30px; margin-top:40px; letter-spacing:2px;}
.pro_list dl dd a:hover,.pro_tab li a:hover{color:#e60012; border-bottom:solid #e60012 1px; cursor:pointer;}
/*.pro_list span p{ font-size:14px; color:#848485; letter-spacing:1px; margin-top:30px; margin-bottom:40px;}*/
.pro_tab{ border-top:solid #a0a0a0 1px; height:75px; margin-top:20px;}
.pro_tab li{ float:left; font-size:14px; color:#444; line-height:75px; margin-right:50px; letter-spacing:2px;}

.new_active{ margin-bottom:30px; margin-left:290px;}
.new_active h2{ font-size:18px; color:#444; width:220px; line-height:35px; text-align:center; background-color:#dcdcdc; float:left;}
.new_active h3{ font-size:18px; color:#444; width:120px; line-height:35px; text-align:center; background-color:#dcdcdc; float:left;}
.new_active a{ display:block; font-size:20px; background-color:#fc3d45; width:100px; line-height:35px; text-align:center; color:#FFF; float:left;}

.pro_news ul{ border: solid #d7d7d7 1px; padding:0 15px; margin-bottom:40px;}
.pro_news ul li{ line-height:35px; border-bottom:dashed #ebebeb 1px;}
.pro_news ul li a{ font-size:14px; color:#848485;}
.pro_news ul li a:hover{color:#0aa2cc;}


.abo_main dl{ margin-top:50px; padding-bottom:40px; min-height:160px;}
.abo_main dl dd{ width:240px; float:left; font-size:14px; color:#565654; padding-left:180px; line-height:24px;}
.abo_main dl dt{ width:360px; float:left; color:#565654; text-align:center;}
.abo_main ul{ text-align:center; border-top: solid #c2c2c2 1px;}

.abo_main ul li{ font-size:40px; color:#565454;}
.abo_main ul span{font-size:20px; color:#565454; line-height:80px; }
.abo_main ul a{ display:block; width:240px; height:60px; line-height:60px; text-align:center; background-color:#fc3d45; color:#fff; font-size:24px; margin:0 auto; margin-bottom:60px}
.abo_main ul a:hover{ background-color:#0aa2cc;}
.abo_main h4{ font-size:20px; color:#565454; line-height:50px; margin-left:180px; margin-top:20px;}

.abo_main p{ line-height:30px; font-size:18px; margin-bottom:30px; color:#646464;}
.abo_main img{}

.location { width:1200px;height:30px; margin:0 auto;color:#a1a1a1;margin-top:-30px;}
.location a{font-size:16px;color:#a1a1a1;}


/* 网站建设案例 广告代码开始 */
.fullSlide{ width:100%;  position:relative;  height:260px; background:#fff; z-index:1;  display:block; clear:both;  }
.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:260px; overflow:hidden; text-align:center;  }
.fullSlide .bd li a{ display:block; height:260px; }
.fullSlide .hd{ display:block;  position:absolute; z-index:1; bottom:0px; left:50%; height:30px; line-height:30px; text-align:center; }
.fullSlide .hd ul{ text-align:center; margin:0px auto; left:50%;}
.fullSlide .hd ul li{ text-align:center; cursor:pointer; display:inline-block; *display:inline; zoom:1; width:11px; height:11px; margin:3px; overflow:hidden; background:#d0d0d0; /*filter:alpha(opacity=50);opacity:0.5;*/  line-height:999px; border-radius:11px;}
.fullSlide .hd ul .on{ background:#0aa2cc ;  }
/* 网站建设案例 广告代码结束 */


/* 单页面部分样式 */
.switch-content  {width:1200px;padding-top:20px;font-size:12px;line-height:26px;color:#666;letter-spacing: 1px;}
.switch-content  h2 { font-size: 24px; color: #666; }
.switch-content .introduce { padding:15px 0;text-indent:2em;}
.switch-content .switch-nav { float: left; height:39px;}
.switch-content .switch-tab { float: left; width:740px;border-bottom: 1px solid #C9C9C9;background-color: white; z-index: 2;padding-top: 4px;height:34px;}
.switch-content .switch-tab li { float: left; margin-right: 5px; width:98px;text-align: center;display:inline;_margin-bottom:-1px;z-index:3;}
.switch-content .switch-tab li a { line-height: 33px; height: 33px; width:80px;text-align: center;border-right: 1px solid #C9C9C9; border-top: 1px solid #C9C9C9;border-left: 1px solid #C9C9C9;padding: 0 5px;  color: #666; font-size: 14px;display:inline-block;letter-spacing: 0px;}
.switch-content .switch-tab li a:hover{background-color: #EFEFEF;text-decoration:none;}
.switch-content .switch-tab li.active a { border-top:2px solid #f87c3e; background-color: white; border-right: 1px solid #C9C9C9;border-left: 1px solid #C9C9C9; font-weight: bold;height:33px; _font-weight: normal; _margin-bottom:-1px;_position:relative;_z-index:3}
.switch-content .switch-tab li.active a:hover{background-color:white;}
.switch-content .fixed{ width:740px; float: left; margin-right: 197px;position: fixed; top:0px;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop-350));}
.switch-content .tab-content{padding-top:15px;}
.switch-content .tab-content img{max-width:100%}
.switch-content .tab-content .tab-panel { padding: 0 15px 15px; min-height:100px; margin-bottom:40px; border: 1px solid #F3F3F3; -webkit-box-shadow: #EEE 0px 3px 6px; -moz-box-shadow: #eee 0px 3px 6px; box-shadow: #EEE 0px 3px 6px; border-top: none; }
.switch-content .tab-content .tab-panel h2 { height: 40px; line-height: 40px; background-color: #F6F6F6; font-size: 16px; margin-left: -16px; margin-right: -16px; padding-left: 10px; border-left: 5px solid #0aa2cc; }
.switch-content .tab-content .tab-panel h3 { margin-top: 10px; line-height: 26px; font-size: 16px; border-bottom: 1px solid #EFEFEF; margin-bottom:10px}
.switch-content .tab-content .tab-panel h3 span { display: -moz-inline-stack; display: inline-block; vertical-align: middle; zoom: 1; margin-bottom: -1px; border-bottom: 2px solid #666; color: #333; }
.switch-content .info-list { margin-top: 10px; list-style: none outside none;  }
.switch-content .info-list li { line-height: 24px; }
.switch-content .dot li { background: url(dot2.gif) 0 4px no-repeat;padding-left:14px}
.switch-content .dot dd { background: url(dot2.gif) 0 4px no-repeat;}
.switch-content .col1 { overflow: hidden; margin-top: 20px; letter-spacing: 0px;}
.switch-content .col1 dl { float: left; width: 100%; margin-right: 0; }
.switch-content .col1 dl dt { border-bottom: 1px solid #E7E7E7; font-size: 14px; ; margin-bottom: 5px; line-height: 30px; }
.switch-content .col1 dl dd { line-height: 28px; padding-left: 13px;}
.switch-content .col1 dl.more { width: 100%; margin-right: 0; }
.switch-content .col1 dl dt.more a { float: right; font-weight: normal; }
.switch-content .col2 { overflow: hidden; margin-top: 20px; letter-spacing: 0px;}
.switch-content .col2 dl { float: left; width: 47%; margin-right: 3%; }
.switch-content .col2 dl dt { border-bottom: 1px solid #E7E7E7; font-size: 14px;  margin-bottom: 5px; line-height: 30px; }
.switch-content .col2 dl dd { line-height: 28px; padding-left: 13px;}
.switch-content .col2 dl.more { width: 50%; margin-right: 0; }
.switch-content .col2 dl dt.more a { float: right; font-weight: normal; }
.switch-content .col3 { overflow: hidden; margin-top: 20px; letter-spacing: 0px;}
.switch-content .col3 dl { float: left; width: 28%; margin-right: 3%; }
.switch-content .col3 dl dt { border-bottom: 1px solid #E7E7E7; font-size: 14px; ; margin-bottom: 5px; line-height: 30px; }
.switch-content .col3 dl dd { line-height: 28px; padding-left: 13px;}
.switch-content .col3 dl.more { width: 38%; margin-right: 0; }
.switch-content .col3 dl dt.more a { float: right; font-weight: normal; }
.zengjia{width: 1200px;margin: 0 auto; }
.zengjia ul { margin-top:10px;}
.zengjia ul li{ float: left;margin-left:20px;}
.zengjia ul li a{color: #666;font-size: 14px;line-height: 25px;margin: 0 auto;display: block;}
.zengjia ul li span {color: #0aa2cc;}
.zengjia ul li a:hover{color: #0aa2cc;color:#0aa2cc; }


.bj_title {display:block;float:left;font-size:18px;text-align:center;width:139px;line-height:58px;text-decoration:none;border-right:1px solid #eee}
.bj_title2,.bj_title2:hover,.bj_title:hover { display:block;float:left;font-size:18px;text-align:center;width:139px;line-height:58px; color:#fff;
 text-decoration:none;background:url(bg_02.jpg) center no-repeat;transition:all .1s;-webkit-transition:all .1s;-o-transition:all .1s;
 -moz-transition:all .1s; border-right:1px solid #eee
}
.taocan_title {font-size:32px;color:#252525;line-height:45px;text-align:left}
.taocan_titleA {border:1px solid #aaa;line-height:22px;height:22px;width:57px;color:#828282;float:left;text-align:center;font-family:Arial,Helvetica,sans-serif}
.taocan_titleB {color:#424242;float:left;font-size:13px;text-align:center;line-height:22px;height:22px;margin-left:10px}
.taocan_titleC {color:#d9221a;float:left;text-align:center;line-height:22px;height:22px;margin-left:10px;font-size:25px;font-weight:700}