body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{ margin:0; padding:0;}
body{ background:#fff; color:#666; font-family: "Microsoft YaHei", "΢ÈíÑźÚ"; font-size: 14px;}
ul,ol{ list-style: none;}
.clearfix{ clear:both;}
a{
    color: #666;
    text-decoration: none;
    cursor:pointer;
    background: transparent;
    outline:none;
    blr:expression(this.onFocus=this.blur());
}
img{ border: none;}

@-webkit-keyframes bounce-up {
    25% {
        -webkit-transform: translateY(6px);
    }
    50%, 100% {
        -webkit-transform: translateY(0);
    }
    75% {
        -webkit-transform: translateY(-6px);
    }
}
@keyframes bounce-up {
    25% {
        transform: translateY(6px);
    }
    50%, 100% {
        transform: translateY(0);
    }
    75% {
        transform: translateY(-6px);
    }
}
@-webkit-keyframes trans {
    from{-webkit-transform:perspective(400px) rotateY(180deg);transform:perspective(400px) rotateY(360deg);}
    to{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);}
}
@-moz-keyframes trans {
    from{-webkit-transform:perspective(400px) rotateY(180deg);transform:perspective(400px) rotateY(360deg);}
    to{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);}
}
@-o-keyframes trans {
    from{-webkit-transform:perspective(400px) rotateY(180deg);transform:perspective(400px) rotateY(360deg);}
    to{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);}
}
@keyframes trans {
    from{-webkit-transform:perspective(400px) rotateY(180deg);transform:perspective(400px) rotateY(360deg);}
    to{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);}
}

/*header*/
.header{ width: 1080px; height: 130px; margin: auto;}
.hd_top{ height: 80px;}
.hd_top a{ display: inline-block; float: left; margin-top: 5px;margin-left: 30px;}
.hd_top span{ display: inline-block; float: right; font-size: 18px; color: #ffc000; background: url("../images/phone.png") no-repeat left; padding-left: 30px; margin-top: 30px; position: relative; right: 60px;}
.hd_nav{ height: 50px;}
.hd_nav ul{}
.hd_nav ul li{ float: left; background: url("../images/shug.png") no-repeat right; position: relative;}
.hd_nav ul li:last-child{ float: left; background: none; position: relative;}
.hd_nav ul li > a{ display: inline-block; height: 50px; line-height: 50px; padding: 0 47px; font-size: 15px;}
.hd_nav ul li > a:hover{ color: #17479d;}
.hd_nav ul li dl{ width: 160px; height: auto; overflow: hidden; zoom: 1; position: absolute; top: 70px; left: 50%; margin-left: -80px; z-index: 4; background: #fff; border: 1px solid #ddd; display: none; opacity: 0;}
.hd_nav ul li dl dd{ height: 40px; line-height: 40px; background: url("../images/menu-arrow1.png") no-repeat right}
.hd_nav ul li dl dd a{ display: block; margin: auto; border-bottom: 1px solid #ddd; padding: 0 20px;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;}
.hd_nav ul li dl dd:hover{ background: #0774bf url("../images/menu-arrow1.png") no-repeat right;}
.hd_nav ul li dl dd:hover a{
    color: #fff;
    padding-left: 40px;
}



/*banner*/
.banner{ width: 100%; height: 480px; position: relative;}
.banner ul{}
.banner ul li{ width: 100%; height: 480px; text-align: center; position: absolute; top: 0; left: 0; opacity: 0; filter:Alpha(opacity=0); z-index: 1;}
.banner ul li.banner_on{ opacity: 1; filter:Alpha(opacity=100); z-index: 2;}
.ban_btn div{ position: absolute; width: 50px; height: 100px; background: #000; color: #fff; text-align: center; line-height: 100px; font-family: "SimSun"; font-size: 30px; opacity: .5; filter:Alpha(opacity=50); z-index: 3; cursor: pointer; top: 50%; margin-top: -50px;}
.ban_btn_lf{ left: 20px;}
.ban_btn_rt{ right: 20px;}

/*contact*/
.contact{ width: 100%; /* min-height: 2460px;   */ background: url("../images/allbg.png") no-repeat center; background-position: center 2px;}
.contact_cnt{ width: 1080px; height: auto; margin: auto;padding-bottom: 30px;}
.prctit{ height: auto; overflow: hidden; zoom: 1; padding-top: 30px;}
.worper{  height: auto; margin-top: 40px;}
.worper .forewf{ width: 610px; float: left;}
.worper p{ height: auto; float: left; line-height: 40px; text-align: justify; text-indent: 2em; color: #333;}
.worper img{ display: block; float: right; margin-top: 8px;}
.leiy{ width: 1080px; height: 94px; text-align: center; margin-top: 60px;}
.leiy a{ display: block; width: 148px; height: 44px; margin: auto; border: 2px solid #ffc200; text-align: center; line-height: 44px; color: #ffc200; font-size: 18px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;}
.leiy a:hover{ color: #ddd; border: 2px solid #ddd;}
.leiy img{ display: block; margin: auto; margin-top: 16px;
    -webkit-animation: bounce-up 1.4s linear infinite;
    animation: bounce-up 1.4s linear infinite;}
.prctit span{ display: inline-block; float: right; background: url("../images/rightsj.png") no-repeat left; padding-left: 50px;}
.serverlie{ width: 1080px; height: auto; overflow: hidden; zoom: 1; margin-top: 40px;}
.serverlie ul{ width: 1200px;}
.serverlie ul li{ width: 150px; height: auto; float: left; margin-right: 82px;}
.serverlie ul li a{ display: block;}
.serverlie ul li p{}
.serverlie ul li p img{}
.serverlie ul li span{ display: block; height: 44px; line-height: 44px; text-align: center; color: #000;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;}
.serverlie ul li a:hover{
    -webkit-animation: trans 1.2s ease 180ms alternate none 1;
    -moz-animation: trans 1.2s ease 180ms alternate none 1;
    -o-animation: trans 1.2s ease 180ms alternate none 1;
    animation: trans 1.2s ease 180ms alternate none 1;
}
.serverlie ul li:hover a span{ color: #ffc200;}

.anlie{ height: auto;}
.godle{ height: auto; margin-top: 20px;}
.godle ul{ width: 1200px;}
.godle ul li{ width: 352px; height: auto; float: left; margin-right: 12px; border: 1px solid #DCDADA;}
.godle ul li a{
    display: block;
    background: #fff;
    padding-bottom: 10px;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.godle ul li img{ width: 352px; height: 264px;}
.godle ul li div{ height: 40px; line-height: 40px; text-align: center; color: #333; font-size: 16px;}
.godle ul li p{width: 200px; height: 4px; background: #ddd; margin: auto; overflow: hidden;}
.godle ul li p em{
    display: block;
    width: 200px;
    height: 4px;
    background: #ffc200;
    margin-left: -200px;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.godle ul li span{ display: block; width: 110px; height: 30px; text-align: center; line-height: 30px; border: 1px solid #ddd; color: #ddd; margin: 16px auto;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;}
.prctittight{ text-align: right;}
.godle ul li a:hover{
    -webkit-box-shadow: 0px 4px 10px 2px #ddd;
    -moz-box-shadow: 0px 4px 10px 2px #ddd;
    box-shadow: 0px 4px 10px 2px #ddd;
    margin-top: -10px;
}
.godle ul li a:hover span{ border: 1px solid #ffc200; color: #ffc200;}
.godle ul li a:hover p em{ margin-left: 0;}

.newlie{ height: auto; margin-top: 20px;}
.newlie ul{ width: 1200px;}
.newlie ul li{ width: 352px; height: auto; float: left; margin-right: 12px; display: none;}
.newlie ul li a{ display: block; padding-bottom: 20px;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;}
.newlie ul li div{ width: 352px; height: 264px; overflow: hidden;}
.newlie ul li img{ width: 352px; height: 264px;
    transition:All 0.4s ease-in-out;
    -webkit-transition:All 0.4s ease-in-out;
    -moz-transition:All 0.4s ease-in-out;
    -o-transition:All 0.4s ease-in-out;}
.newlie ul li p{ display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; height: 40px; text-align: center; color: #333; font-size: 16px; line-height: 40px; padding: 0 10px;}
.newlie ul li span{ display: block; padding: 0 10px; font-size: 12px; color:#969393 /* #EAE9E9 */;    line-height: 20px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.lansj{ width: 152px; height: auto; margin-top: 40px;}
.lansj a{ display: block;width: 148px; height: 44px; margin: auto; border: 2px solid #ffc200; text-align: center; line-height: 44px; color: #ffc200; font-size: 18px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;}
.lansj a:hover{ color: #acacac; border: 2px solid #acacac;}

.lansj img{ display: block; margin: auto; margin-top: 16px;
    -webkit-animation: bounce-up 1.4s linear infinite;
    animation: bounce-up 1.4s linear infinite;}
.newlie ul li a:hover{
    background: #fff;
    -webkit-box-shadow: 0px 4px 10px 2px #ddd;
    -moz-box-shadow: 0px 4px 10px 2px #ddd;
    box-shadow: 0px 4px 10px 2px #ddd;
    margin-top: -10px;
}
.newlie ul li a:hover img{
    transform:scale(1.1);
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -o-transform:scale(1.1);
    -ms-transform:scale(1.1);
}

.ftoer{ width: 1080px; height: auto; overflow: hidden; zoom: 1; margin-top: 24px;}
.ftright{ display: inline-block; float: right; height: auto; text-align: right;}
.shugone{ height: 2px;}
.shugone span{ block; width: 216px; height: 2px; background: #f2f2f2; float: right;}
.shugtwo{ width: 530px; height: 2px; margin-bottom: 20px;}
.shugtwo span{ display: block; width: 350px; height: 2px; background: #f2f2f2; float: right;}

.ftright p.p1{ font-size: 18px; margin-top: 20px;}
.ftright p{ color: #484444; margin-bottom: 18px;}


/*----------------------------------------ÄÚÒ³----------------------------------------*/
.nybanner{ width: 100%; height: 280px; text-align: center; background: url("../images/ban_ny.png") no-repeat center;}
.contact_ny{ width: 1080px; height: auto; margin: 40px auto;}
.menu_nav{ width: 220px; height: auto; overflow: hidden; zoom: 1; float: left;}
.menu_nav h2{ height: 50px; font-weight: normal; background: #0774bf; color: #fff; line-height: 50px; padding-left: 15px;}
.menu_nav span{ font-size: 14px; padding-left: 10px;}
.menu_nav ul{ border-top: 1px solid  #0774bf; margin-top: 1px; padding-top: 1px;}
.menu_nav ul li{ height: 40px; line-height: 40px; border-bottom: 1px solid #ddd;}
.menu_nav ul li a{ display: block; height: 40px; line-height: 40px; padding: 0 15px;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;}
.menu_nav ul li a:hover{ background: #519dd1; color: #fff; padding-left: 24px;}
.footer{ width: 100%; height: 200px; background: #f3f3f3 url("../images/footer_bg.png") no-repeat center; /* margin-top: 30px; */}
.footer_cnt{ width: 1080px; height: 200px; margin: auto; overflow: hidden;}
.footer_cnt p{ margin-top: 8px;}
.footer_cnt p.p1{ border-top: 1px dotted #999; display: inline-block; padding-top: 8px;}
.footer_cnt p.p2{ margin-top: 13px;}
.clocation{ height: 48px; overflow: hidden; zoom: 1; border-bottom: 2px solid #ddd; line-height: 48px; font-size: 15px; margin-bottom: 20px;}
.clocation span{ font-family: "SimSun"; font-weight: bold; color: #999;}
.clocation a{ color: #999;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;}
.clocation a:hover{ color: #000;}

.setioncnt{ width: 820px; height: auto; overflow: hidden; zoom: 1; float: right;}
.softjj p{ line-height: 30px; text-align: justify; text-indent: 2em; margin-bottom: 10px; margin-top: 20px;}
.bahuk p{ line-height: 30px; text-align: justify; margin-bottom: 10px; margin-top: 20px;}
.softjj h3{ font-weight: normal; border-bottom: 1px solid #dedede; height: 34px; line-height: 34px; background: url("../images/gjjbg.png") no-repeat left; color: #fff; padding-left: 20px;}
.softjj h3.h3-1{ margin-top: 40px;}
.newliebiao{}
.newliebiao ul{}
.newliebiao ul li{ height: auto; overflow: hidden; zoom: 1; margin-bottom: 30px; border-bottom: 1px solid #ededed; padding-bottom: 30px;}
.newleft{
    /* width: 250px;
    height: 130px; */
    float: left;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.newleft img{ width: 250px; height: 130px;}
.newright{ width: 750px; height: 80px; /* float: right; */}
.newright p{ font-size: 16px; margin-top: 26px;}
.newright p a{
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.newright span{ display: block; margin-top: 14px; line-height: 22px; text-indent: 2em;}
.newliebiao ul li:hover .newleft{ margin-left: 10px;}
.newliebiao ul li:hover .newright p a{ color: red;}

.onlineto{ height: auto; overflow: hidden; zoom: 1;}
.group{ height: auto; overflow: hidden; zoom: 1; margin-bottom: 20px;}
.group span{ width: 100px; display: block; float: left; text-align: right; padding-right: 20px; height: 34px; line-height: 34px;}
.group p{ display: inline-block; float: left; }
.group p input{
    width: 340px;
    height: 34px;
    line-height: 34px;
    font-family: "Microsoft YaHei", "΢ÈíÑźÚ";
    padding: 0 10px;
    border: 1px solid #dadada;
    outline: none;
}
.group p textarea{ width: 600px; height: 120px; font-family: "Microsoft YaHei", "΢ÈíÑźÚ"; border: 1px solid #dadada; outline: none; padding: 7px 10px;}
.group p input.btnsbm{
    width: 120px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 15px;
    background: #0774bf;
    color: #fff;
    border: none;
    cursor: pointer;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.group p input.btnsbm:hover{ background: #519dd1;}
.lxus{ margin-top: 20px;}
.lxus ul{ width: 1300px;}
.lxus ul li{
    width: 440px;
    height: 90px;
    float: left;
    margin-right: 200px;
    margin-bottom: 40px;
    -webkit-box-shadow: 0 10px 10px 10px #666;
    -moz-box-shadow: 0 10px 10px 10px #666;
    box-shadow: 2px 4px 6px 1px #999;
    padding-bottom: 20px;
}
.lxus ul li p{ padding: 0 40px; margin-bottom: 6px;}
.lxus ul li p.p1{ margin-top: 35px;}
.lxus ul li p.p2{ margin-top: 19px;}
label.BMapLabel {
    padding: 5px 16px 5px 20px !important;
    border: 1px solid #0774bf !important;
    color: #000 !important;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    top: -12px !important;
}
.dizhicent{ height: auto; overflow: hidden; zoom: 1; text-align: center;}
.dizhicent p{ margin-bottom: 16px; font-size: 16px;}
.dizhicent p.p1{ color: #000; font-size: 18px; font-weight: bold;}

.picMarquee-left{ width:818px;  overflow:hidden; position:relative;  border:1px solid #ccc; margin-top: 20px;}
.picMarquee-left .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;}
.picMarquee-left .hd .prev,.picMarquee-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
    cursor:pointer; background:url("../images/arrow.png") no-repeat;}
.picMarquee-left .hd .next{ background-position:0 -50px;}
.picMarquee-left .hd .prevStop{ background-position:-60px 0;}
.picMarquee-left .hd .nextStop{ background-position:-60px -50px;}
.picMarquee-left .bd{ padding:10px;}
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;}
.picMarquee-left .bd ul li .pic{ text-align:center;}
.picMarquee-left .bd ul li .pic img{ width:240px; height:160px; display:block; padding:2px; border:1px solid #ccc; }
.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;}
.picMarquee-left .bd ul li .title{ line-height:24px;}

.dancl{ height: 50px; line-height: 50px; overflow: hidden; zoom: 1; background:#eee; margin-bottom: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;}
.dancl span{ display: inline-block; float: left;  height: 40px; line-height: 40px; background: #fff; padding: 0 20px; margin: 5px 12px 0 5px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; color: #0774bf; font-size: 16px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
.dancl p{ display: inline-block; float: left; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;}
.dancl:hover span{ background: #0774bf; color: #fff;}
.gswh p{ line-height: 30px; text-indent: 2em;}
.prcfw p{ line-height: 30px; text-indent: 2em; text-align: justify;}
.prcfw img{ display: block; float: left; width: 280px; padding-right: 40px;}.huozhb ul{ width: 1140px;}
.huozhb ul li{
    width: 250px;
    height: 144px;
    border: 1px solid #ddd;
    float: left;
    margin-right: 24px;
    margin-bottom: 24px;
}
.huozhb ul li div{ width: 250px; height: 110px; text-align: center;}
.huozhb ul li div:after{
    content: "";
    display: inline-block;
    height: 110px;
    vertical-align: middle;
}
.huozhb ul li div img{ vertical-align: middle; max-height: 143px; max-width: 250px;}
.huozhb ul li p{ border-top: 1px solid #ddd; text-align: center; height: 40px; line-height: 34px;}

.newstit h2{ text-align: center; margin-bottom: 20px; padding-bottom: 20px; color: #333;  font-weight: normal; border-bottom: 1px solid #eaeaea;}
.newstit h2 span{ font-size: 16px; color: #666;}
.newstxt p{ line-height: 24px; margin-bottom: 20px; text-indent: 2em;}