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: #06a3e8;
}

.color {
    color: #06a3e8;
}

.banner{width: 100%;position: relative;z-index: 0;overflow: hidden;}
.banner .flexslider{ width:1920px;position:relative;left: 50%;margin-left: -960px;overflow:hidden; min-width:1000px;}
.banner .slides{position:relative;z-index:1;}
.banner .slides li{}
.banner .slides li img{width: 100%; margin:0 auto; display:block;}
/*左右切换*/
.banner .flex-direction-nav {width: 1200px;height: 48px;position: absolute;left: 50%;top: 50%;margin:-24px 0 0 -600px;  z-index: 1}
.banner .flex-direction-nav a.flex-prev,
.banner .flex-direction-nav a.flex-next{position: absolute;width: 25px;height: 48px;background:none;font-size: 0}
.banner .flex-direction-nav a.flex-prev{left: 0;}
.banner .flex-direction-nav a.flex-next{right: 0;background-position:-25px 0; }
/*dot*/
.banner .flex-control-paging{}
.banner .flex-control-nav{ display: none; width: 1000px;position:absolute;left: 50%;margin-left: -500px;bottom: 50px; z-index:2;text-align:center;}
.banner .flex-control-nav li{display:inline-block;*display:inline;zoom:1;font-size: 0;margin: 0 6px;}
.banner .flex-control-nav a{display:block;width:20px;height:4px;border-radius:5px;background:#999;cursor:pointer;}
.banner .flex-control-nav .flex-active{background: #0461bb; width: 40px; height: 4px; position: relative; }
.maincolor{
    color:#0f6cc9;
}

/*header*/

.banner{ overflow: hidden;}

/*首页banner*/
.banner17 .shutter {
    overflow: hidden;
    width: 1920px;
    height: auto;
    position: relative;
    left: 50%;
    margin-left: -960px;
    top: 0;
}

.banner17 .shutter-img {
    z-index: 1;
}

.banner17 .shutter-img,
.banner17 .shutter-img a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.banner17 .shutter-img a {
    cursor: default;
}

.banner17 .shutter-img a>img {
    width: 1920px;
    height: auto;
}

.banner17 .shutter-img .created {
    overflow: hidden;
    position: absolute;
    z-index: 20;
}

.banner17 .shutter-btn {
    width: 1300px;
    height: 64px;
    z-index: 9;
    position: absolute;
    top: 50%;
    margin-left: -650px;
    margin-top: -32px;
    left: 50%;
    clear: both;
    display: none;
}

.banner17:hover .shutter-btn {
    display: block;
}

.banner17 .shutter-btn li {
    width: 64px;

    height: 64px;
    cursor: pointer;
}

.banner17 .shutter-btn li.prev {
    float: left;
    background: url(../images/left3.png) no-repeat;
}

.banner17 .shutter-btn li.next {
    float: right;
    background: url(../images/right3.png) no-repeat;
}

.cover {
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.fl{ float: left;}
.fr{ float: right;}
em,i{font-style: normal;}
@font-face{ font-family: 'Kozuka Gothic Pr6N-Bold';src: url('../fonts/Kozuka Gothic Pr6N-Bold.ttf');font-weight: normal; font-style: normal;}
.tywidth{ width: 1200px; margin: 0 auto;}
.more-title{ width: 1200px; margin: 75px auto 40px; text-align: center;}
.more-title h3{ letter-spacing: 3px; color: #333; font-size: 36px; line-height: 36px;}
.more-title h3 i{ color: #d63028;}
.more-title h3 b{ color: #0080cc; font-weight: bold;}
.more-title h4{ letter-spacing: 2px; color: #666; font-size: 20px; line-height: 20px;margin-top: 18px;}
.more-title h4:after{ content: url(../images/titlebg.png); width: 377px; height: 20px; margin: 10px auto 0; display: block;}
*{ margin: 0; padding: 0; list-style: none; text-decoration: none; }

/*header*/

.header{ width: 100%; font-size: 0;}
.header .header_slogan{ width: 100%; height: 35px; line-height: 35px; background: url(../images/headtopbg.png)no-repeat center; overflow: hidden;}
.header .header_slogan .topic{color: #fff; font-size: 14px;}
.header .header_slogan .right a{ display: inline-block; vertical-align: top;color: #fff; font-size: 14px;}
.header .header_slogan .right i{ margin: 0 15px; display: inline-block; vertical-align: top;color: #fff; font-size: 14px;}
.header .header_slogan .right a:hover{ text-decoration: underline;}
/* .header .header_mid{ background: url(../images/headnrbg.png)no-repeat center -24px; width: 100%; height: 210px;} */
.header .header_mid .nr{ height: 155px;}
.header .header_mid .logo{ position: relative; padding: 48px 0 0 10px; width: 130px; margin-right: 30px;}
/* .header .header_mid .logo:before{ content: url(../images/headhr.png); position: absolute; right: 0; top: 29px; width: 1px; height: 99px;} */
.header .header_mid .text h3{ font-weight: bold; color: #121212; font-size: 24px; line-height: 24px; }
.header .header_mid .text h3 b{ color: #0080cc; font-weight: bold;}
.header .header_mid .text h4{ color: #121212; font-size: 18px; line-height: 18px;}
.header .header_mid .right{ margin-top: 51px;}
.header .header_mid .right img{ vertical-align: middle; margin-right: 10px;}
.header .header_mid .right i{ display: inline-block; vertical-align: middle; font-size: 27px; line-height: 30px; color: #0080cc; font-weight: bold; font-style: normal;}
.header .nav{ width: 100%; height: 58px; line-height: 58px;}
.header .nav .nav-content nav .xz{ width: 135px; height: 55px; position: relative; display: inline-block; vertical-align: top; text-align: center;}
.header .nav .nav-content nav .xz:first-child{ width: 100px; text-align: left;}
/*.header .nav .nav-content nav .xz:first-child+.xz{ width: 220px;}*/
/*.header .nav .nav-content nav .xz:first-child+.xz+.xz{ width: 190px;}*/
.header .nav .nav-content nav .xz:first-child+.xz+.xz+.xz{ width: 185px;}
.header .nav .nav-content nav .xz:last-child{ width: 100px; text-align: right;}
.header .nav .nav-content nav .xz a{ display: block; height: inherit; color: #585858; font-size: 16px;}
.header .nav .nav-content nav .xz.on a,.header .nav .nav-content nav .xz:hover a{ font-weight: bold;color: #0080cc;}
.header .nav .nav-content nav .xz:before{ content: ""; width: 1px; height: 18px; background-color: rgb(201, 201, 201); position: absolute; right: 0; top: 20px;}
.header .nav .nav-content nav .xz:last-child:before{display: none;}
.header .nav .nav-content nav .xz ul{ display: none; padding: 5px 0; text-align: center; position: absolute; z-index: 2; background: #f5f5f5; width: 220px; left: 50%; margin-left: -110px; top: 55px;}
.header .nav .nav-content nav .xz ul li{ font-size: 16px; color: #222;}
.header .nav .nav-content nav .xz ul li:first-child{ margin-top: 0;}
.header .nav .nav-content nav .xz ul li:last-child{ margin-bottom: 0;}
.header .nav .nav-content nav .xz ul li:hover{ color: #0080cc;}
@media only screen and (max-width: 1220px){.header .header_slogan .tywidth,.header .header_mid .nr{padding: 0 2%;}
	}
@media only screen and (max-width: 1220px){.header .nav .nav-content nav .xz:first-child{ padding-left: 10px;}
	}
@media only screen and (max-width: 1220px){.header .nav .nav-content nav .xz:last-child{ padding-right: 10px;}
	}
@media only screen and (max-width: 1220px){.header .nav .nav-content nav .xz:first-child+.xz{ width: 210px;}
	}
@media only screen and (max-width: 1220px){.header .nav .nav-content nav .xz:first-child+.xz+.xz{ width: 185px;}
	}

/*banner*/

.banner-index{ line-height: 0;}
.banner-index img{ width: 100%;}
.slideBox{ width: 100%; height: auto; overflow: hidden; position: relative;}
.slideBox .hd{ height: 10px; overflow: hidden; position: absolute; left: 50%; transform: translateX(-50%); bottom: 50px; z-index: 1;}
.slideBox .hd ul{ overflow: hidden; zoom: 1; float: left;}
.slideBox .hd ul li{ float: left; position: relative; width: 10px; height: 10px; background: #0080cc; margin-right: 10px; cursor: pointer; border-radius: 100%; transition: all .3s;}
.slideBox .hd ul li.on{ border-radius: 5px; width: 37px;}
.banner-index .slideBox .bd img{ width: 100%;}
.slideBox .bd ul li{ display: none;}
.slideBox .bd ul li:first-child{ display: none;}
.banner img{ width: 100%;}

/*search*/

.search{ font-size: 0; width: 100%; height: 70px; line-height: 70px; background-color: rgb(255, 255, 255); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); overflow: hidden;}
.search-content>div{ display: inline-block;vertical-align: top;}
.search-keywords span img{ vertical-align: middle;margin: -2px 10px 0 0;}
.search-keywords span{ color: #121212; font-size: 14px;}
.search-keywords a{ color: #999; font-size: 14px;}
.search-keywords a:hover{ color: #0080cc;}
.search-keywords i{ margin: 0 8px;}
.search-form{ float: right;}
#SearchForm{ margin-top: 20px; background: url(../images/search.png)no-repeat; width: 350px; height: 35px; display: inline-block; vertical-align: top; text-indent: 10px;}
#SearchForm>input{ background: none; border: none; outline: none; display: inline-block; vertical-align: top; color: #bbb;}
#SearchForm .search-input{ height: 35px; line-height: 35px; width: 87%;}
.search-form #s_btn{ width: 35px; height: 35px; cursor: pointer;}
#SearchForm .search-input::-webkit-input-placeholder{ color: #bbb;}
#SearchForm .search-input:-moz-placeholder{ color: #bbb;}
#SearchForm .search-input::-moz-placeholder{ color: #bbb;}
#SearchForm .search-input:-ms-input-placeholder{ color: #bbb;}

/*bottom*/
.foot{margin-top: 30px; width: 100%;height: 367px;background: url("../images/footer.png")no-repeat;}
.foot_main{width: 1200px;height: 317px;margin: 0 auto;}
.kjdh{width: 288px;height: 317px;float: left;padding-top: 65px;}
.gzwm{width: 120px;height: 317px;float: left;margin-left: 113px;padding-top: 65px;}
.lxwm{width: 529px;height: 317px;float: right;padding-top: 65px;}
.kjdh ul li{float: left;width: 144px;line-height: 36px;color: #d9d9d9;font-size: 16px;}
.kjdh ul li a{color: #d9d9d9}
.kjdh ul{margin-top: 15px;}
.kjdh ul li a:hover{color: #ffffff;text-decoration: underline;}
.lxwm_left{width: 219px;height: 200px;float: left;}
.lxwm_right{width: 310px;height: 200px;float: right;}
.lxwm>img{margin-bottom: 14px;}
.lxwm ul li{font-size: 16px;color: #d9d9d9;line-height: 36px;}
.foot_db{width: 100%;height: 50px;text-align: center;line-height: 50px;color: #858585}

/*foot

.foot{ font-size: 0; padding-top: 60px; background: url(../images/footbg.png)no-repeat center; width: 100%; height: 415px; overflow: hidden; box-sizing: border-box}
.foot .content .left{ width: 480px;}
.foot .content dt{ color: #fff; font-size: 16px; line-height: 100%; margin-bottom: 45px;}
.foot .content dl p{ font-size: 13px; color: #888; line-height: 100%;}
.foot .content dl p+p{ margin-top: 15px;}
.foot .content dl dd{ font-size: 13px; color: #888; line-height: 100%;}
.foot .content dl dd+dd{ margin-top: 15px;}

.foot .content .mid dl dd{ cursor: pointer;}
.foot .content .mid dl dd:hover,.foot .links li.ts:hover, .foot .bottom a:hover{ color: #fff; text-decoration: underline;}
.foot .content .right{ margin-right: 60px; text-align: center; color: #888; font-size: 14px;}
.foot .content .right dt{margin-bottom: 35px;}
.foot .content .right .wechat{ margin-bottom: 10px; position: relative; width: 134px; height: 134px; overflow: hidden;}
.foot .content .right .wechat:after{ content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 26px; background: url(../images/light.png)no-repeat center; animation: light 4s linear infinite;}
.foot .links{ margin-top: 40px;}
.foot .links li{ display: inline-block; vertical-align: top; font-size: 13px; color: #ddd;}
.foot .links li a{ color: #888; display: block;}
.foot .links li a:hover{ color: #fff;}
.foot .links li.ts{ float: right; color: #888; font-size: 12px; cursor: pointer; margin-right: 10px;}
.foot .bottom{ margin-top: 25px; height: 55px; line-height: 55px; color: #999; font-size: 13px; border-top: 1px solid rgb(50, 50, 50); text-align: center}
.foot .bottom i{ margin: 0 20px;}
.foot .bottom a{ color: #999;}
*/