body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
input,
textarea,
p,
th,
td,
img {
    margin: 0;
    padding: 0;
}

img {
    border: 0
}

ol,
ul {
    list-style: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 16px;
}

input {
    outline: none;
    border: none;
}

html {
    _overflow-y: scroll;
}


/*****！！页面通用css样式定义开始******/

html,
body {
    min-width: 1200px;
    font-family: "Microsoft YaHei";
    _width: expression(document.body.clientWidth < 1200 ? "1200px": "auto");
}


/* body的css定义:这里定义页面上下左右边距，页面背景颜色，滚动条颜色样式 */

body {
    font-family: "微软雅黑";
    /*文字字体定义 */
    font-size: 14px;
    /*文字大小定义 */
    color: #666666;
    /*文字颜色定义 */
    min-width: 1200px;
    outline: none;
}

* {
    word-break: break-all;
    word-wrap: break-word
}


/* 网站超链接css通用设置 */

a {
    text-decoration: none;
}


/* 链接无下划线,有为underline */

a:link {
    color: #2c2c2c;
}


/* 未访问的链接 */

a:visited {
    color: #2c2c2c;
}


/* 已访问的链接 */

a:hover {
    color: #2c2c2c;
    text-decoration: none;
}


/* 鼠标在链接上 */

a:active {
    color: #2c2c2c;
}


/* 点击激活链接 */

p {
    line-height: 24px;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.hide {
    display: none
}

.show {
    display: block
}

.dib {
    display: inline-block;
    *display: inline;
    zoom: 1;
}


/*.clear{clear:both; line-height:0; height:0; font-size:0px;}*/

.clear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


/*清除浮动*/

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden;
}


/*清除浮动*/

.clearfix {
    display: inline-block
}

* html .clearfix {
    height: 1%
}

.clearfix {
    display: block
}

.dib {
    display: inline-block;
    *display: inline;
    zoom: 1;
}

.wrap {
    width: 1200px;
    margin: 0 auto;
    height: auto;
}

.red {
    color: red
}


/*表格样式定义 */

checkbox {
    border: 0px;
}


/*选择框样式定义 */

.input {
    border: 1px solid #ccc;
    height: 20px;
    line-height: 20px
}

ul,
li {
    list-style: none
}


/*public*/

.size1 {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
}

.backcolor {
    background: #0e87db;
}

.color {
    color: #0e87db;
}
.red{color: #ba292e;}
.fl{float: left;}
.fr{float: right;}
.tac{text-align: center;}
.tar{text-align: right;}
.poa{position: absolute;}
.por{position: relative;}
.hidden{display: none;}
.w1200{width: 1200px; margin: 0 auto;}
.ico{background: url(../images/icon.png) no-repeat; display: inline-block; vertical-align: middle;}
a{color: #434343;text-decoration: none;}
a:hover{color: #0e87db; text-decoration: none;}
a:visited{text-decoration: none;}
/*top_main*/
.top_main{width: 100%;height: 37px;line-height: 38px;position: relative;z-index: 80;background-color: #f5f5f5;color: #666;font-size: 12px;border-bottom: 1px solid #ddd;}
.top_main li{position: relative;display: inline-block;text-align: center;margin: 0 8px;}
.top_main .split{display: inline-block;width: 1px;height: 12px;background: #666;vertical-align: middle;margin: 0;margin-top: -2px;}
.top_main li a{color: #666;cursor: pointer;}
.top_main li a:hover{color: #0e87db;}
/*header_main*/
.header_main{width: 100%;height: 120px;z-index: 100;background: #fff;}
.header_main .logo{display: block;margin-top: 30px;}
.header_main .logo img{width: 100%;height: 100%;display: block;}
.header_main .tel{width: 300px;padding: 30px 0 0 0;line-height: 26px;margin-left: 30px;}
.header_main .tel b{color: #666;font-size: 14px;font-weight: normal;display: inline-block;}
.header_main .tel span{color: #0e87db;font-size: 30px;line-height: 30px;font-weight: bold;font-family: arial;display: inline-block;}
.header_main .tel s{width: 57px;height: 57px;float: left;margin-right: 10px;margin-top: 5px;background-position: 0 0;}
.nav_main{width:100%;height: 50px;line-height: 50px;background: #0e87db;position: relative;z-index: 3;}
.nav .list{width: 102%;margin:0 auto;height: 48px;line-height: 48px;position: relative;}
.nav_main .nav{width: 1200px; margin: 0 auto;}
.nav_main .nav li{float:left;width: 171px;height: 50px;line-height: 50px;display: block;position: relative;z-index: 10;font-size: 16px;border-right: 1px solid #0a6cb0;text-align: center;}
.nav_main .nav li:first-child{border-left: 1px solid #0a6cb0;background: none;}
.nav_main .nav li a{display: block;color:#fff;font-size:16px;}
.nav_main .nav li a:hover, .nav_main .nav li a.hover, .nav_main .nav li.hover{background: #0a6cb0;}
.nav_main .nav dl{width: 100%;position: absolute;left: 0;top: 50px;z-index: 12;border: 1px solid #0a6cb0;border-top: 0;}
.nav_main .nav dl{position: absolute;filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0,direction=120,strength=5);opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0);}
.nav_main .nav li:hover dl{opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}
.nav_main .nav dl dd{line-height: 44px;height: 44px;text-align: left;position: relative;z-index: 12;display: block;width: 100%;border-top: 1px solid #0a6cb0;}
.nav_main .nav dl dd:first-child{border: none;}
.nav_main .nav dl dd a{color: #fff;font-size: 14px;padding: 0;width: 100%;background: #0e87db;text-align:center;}
/* banner */
#banner_main{overflow:hidden;position: relative;z-index: 2;max-width:1920px;margin:0 auto;}
#banner_main .banner{height: 500px;}
#banner{width:100%;min-width:1000px;position:relative;overflow:hidden;z-index:0;}
#banner, .banner ul{max-height: 500px;overflow:hidden;}
.banner li{width:100%;position:absolute;z-index:1;overflow:hidden;display: none;}
.banner li:first-child{display:block;}
.banner li img{width:1920px;display:block;position:relative;left:50%;margin-left:-960px;top:0;}
#banner .tip{width:1000px; height:20px; line-height:0; font-size:0;text-align:center; position:absolute;left:50%;margin-left:-500px;bottom:42px;z-index:3;}
#banner .tip span{width:16px;height:16px;margin:0 6px;display:inline-block;font-size: 0;cursor: pointer;background-position:-150px 0px;}
#banner .tip span.cur{background-position:-130px 0px;}
#banner #btn_prev,#banner #btn_next{width:32px;height:50px;position:absolute;top: 50%;margin-top: -25px;z-index:5;}
#banner #btn_prev{background-position:-60px 0;left: 4%;transition: all 600ms ease;}
#banner #btn_next{background-position:-92px 0;right: 4%;transition: all 600ms ease;}
#banner #btn_prev:hover{opacity:.8;filter:alpha(opacity=80);transition: all 600ms ease;left: 3.6%;}
#banner #btn_next:hover{opacity:.8;filter:alpha(opacity=80);transition: all 600ms ease;right: 3.6%;}
/* search */
.announ_main{width: 100%;height: 60px;line-height: 60px;background: #efefef;}
.announ_main .announ_right{width: 285px;padding-top: 12px;}
.announ_main .announ_right .search{width: 282px;height: 36px;line-height: 36px;background: none;position: relative;border: 1px solid #e5e5e5;}
.announ_main .announ_right .search input{outline: none;border: 0 none;height: 36px;line-height: 36px;}
.announ_main .announ_right .search .txt{width: 200px;background: none;padding-left: 15px;display: block;color: #999;}
.announ_main .announ_right .search .btn{width: 50px;background: url(../images/sou.png) no-repeat center;position: absolute;right: 0;top: 0;cursor: pointer;border-left: 1px solid #e5e5e5;}
.announ_main .announ_left span{display: inline-block;color: #212121;}
.announ_main .announ_left a{display: inline-block;color: #8d8d8d;padding: 0 10px 0 0;}
.announ_main .announ_left a s{width: 1px; height: 16px; display: inline-block; margin-right: 10px; background: #e9e9e9; vertical-align: middle;}
.announ_main .announ_left a:first-child s{display: none;}
/*footer*/
.footer{width: 100%;color: #fff;padding-bottom: 48px;background: #2E3033;border-top: 8px solid #0e87db;}
.footer .links{padding: 20px 0;font-size: 16px;border-bottom: 1px solid #1a1d21;}
.footer .links span{color: #fff;display:inline-block;}
.footer .links a{display:inline-block;font-size: 14px;color: #939393;padding-right: 10px;}
.footer .links a:hover{color: #0e87db;}
.footer .bottom {border-top: 1px solid #464a50;}
.footer .bNav{width: 558px;height: 215px;margin-top: 48px;border-right: 1px solid #1a1d21;}
.footer .di_logo img{width:111px; height:111px; background-size:100%;}
.footer .bNav dl{display:inline-block;float:left;width: 360px;overflow:hidden;text-align:left;padding-top:10px;}
.footer .bNav dl dt{height:16px; display:block; padding-bottom:32px;}
.footer .bNav dl dt a{display:block; font-size:16px; color:#fff; line-height:16px;}
.footer .bNav dl dd{display:block; height:14px; width:120px; float:left;padding-bottom:16px;}
.footer .bNav dl dd a{display:block;font-size:14px;color: #939393;line-height:14px;}
.footer .bNav dl dd a:hover{color: #0e87db;}
.footer .ewm{height: 180px;text-align:center;padding-left: 48px;margin-top: 48px;border-left: 1px solid #464a50;}
.footer .ewm dl{width: 140px;float:left;display:block;margin-right:30px;margin-top: 10px;height:164px;}
.footer .ewm dl:nth-child(2){margin-right:0px;}
.footer .ewm dl:first-child+dl{margin-right:0px;}
.footer .ewm dl dt{width: 140px;height: 140px;background-color:#fff;text-align:center;}
.footer .ewm dl dt img{width: 130px;height: 130px;display:inline-block;background-size:100%;margin-top:5px;}
.footer .ewm dl dd{font-size:14px;color: #939393;line-height:24px;padding-top: 5px;}
.footer .contact_info{width: 345px;height: 180px;padding-left: 75px;border-right: 1px solid #1a1d21;border-left: 1px solid #464a50;margin-top: 48px;}
.footer .contact_info p.p1{font-size:14px;color: #fff;line-height:14px;padding-top:10px;}
.footer .contact_info p.dh{font-size:36px;color: #0e87db;font-family:"Arial";line-height:36px;padding-top: 4px;font-weight:bold;padding-bottom:12px;}
.footer .contact_info h3{font-size:20px; padding-top:8px;}
.footer .contact_info p.tel{font-size:14px;color: #939393;line-height:22px;width: 270px;}
.footer .contact_info i{display:block; padding-top:8px; font-size:14px; color:#fff;}
.footer .contact_info i a{display:inline-block; color:#fff; padding-right:12px;}
/*copyright*/
.copyright{height: 50px;line-height: 50px;color: #666;font-size: 12px;background: #27292B;}
.copyright p{color: #939393; line-height: 50px; text-align: center;}
.copyright span{margin: 0 6px;}
.copyright a{color: #939393;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;}
.copyright a:hover{color: #0e87db;}


/***********index css end***********/
.toolbar{width: 52px;position: fixed;right: 1%;top: 44%;z-index: 999;}
.toolbar dd{width: 51px;height: 51px;margin-bottom: 1px;position: relative;-webkit-border-radius: 100%;border-radius: 100%;margin-top:4px;border:#ebebeb solid 1px;background-color:#fff;-webkit-border-radius: 100%;border-radius: 100%;}
.toolbar dd i{width: 51px;height: 51px;display: block;position: absolute;left: 0;top: 0;cursor: pointer;text-align: center;-webkit-border-radius: 100%;border-radius: 100%;}
.toolbar dd i span{width: 35px;height: 35px;display: block;margin: 8px 0 0 8px;background: url(../images/rightfixicon.png) no-repeat 0 0;}
.toolbar dd.gottop{display: none;}
.toolbar .slide-tel{display: block;width: 0;height: 53px;line-height: 53px;font-size: 24px;font-weight: bold;font-family: arial;color: #FFF;position: absolute;padding: 0 0 0 53px;top: -1px;right: -2px;-webkit-border-radius: 50px;border-radius: 50px;overflow: hidden;}
.toolbar .pop{position: absolute;right: 90px;top: -65px;background: #0e87db;display: none;}
.toolbar .pop-code{width: 160px;}
.toolbar .pop-code img{width: 120px;height: 120px;display: block;padding: 20px 20px 0;}
.toolbar .pop-code h3{height: 52px;line-height: 26px;text-align: center;color: #fff;font-size: 16px;font-weight: 400;white-space: nowrap;}
.toolbar .pop-code h3 b{display: block;font-size: 14px;font-weight: normal;}
.toolbar .qq span{background-position: -35px -47px;}
.toolbar .qq a{width: 52px; height: 52px; cursor: pointer; display: block;}
.toolbar .qq:hover{background-color: #0e87db;border-radius: 100%;}
.toolbar .qq:hover span{background-position: 0 -47px;}
.toolbar .tel span{background-position: -35px 0;}
.toolbar .tel:hover{background: #0e87db;}
.toolbar .tel:hover span{background-position: 0 0;}
.toolbar .code span{background-position: -35px -95px;}
.toolbar .code:hover{background-color: #0e87db;border-radius: 100%;}
.toolbar .code:hover span{background-position: 0 -95px;}
.toolbar .top span{background-position: -35px -142px;}
.toolbar .top:hover{background-color: #0e87db;border-radius: 100%;}
.toolbar .top:hover span{background-position: 0 -142px;}
.toolbar dd:hover{}
.subright .searchList{border-top:1px solid #ddd;}
.subright .searchList li{padding-top:20px;padding-bottom:20px;border-bottom:1px solid #ddd;}
.subright .searchList li:first-child{border-top:none;}
.subright .searchList li:hover a h2{color:#0e87db;font-weight:bold;}
.leftprocomt{padding-top: 10px;border: 1px solid #ddd;border-top: 0;}
.leftprocomt li{float: left;text-align:center;width: 108px;margin-left: 9px;} .leftprocomt li img{width: 108px;height: 81px;border-radius: 3px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;} .leftprocomt li p{line-height: 30px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;} .leftprocomt li:hover img{-webkkit-filter:brightness(105%);filter:brightness(105%);} .leftprocomt li:hover p{color:#0e87db;}
/*******font-face********/