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: #0871c3;
}

.color {
    color: #0871c3;
}

.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: 1440px; 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/public/left3.png) no-repeat;
}

.banner17 .shutter-btn li.next {
    float: right;
    background: url(../images/public/right3.png) no-repeat;
}

.cover {
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}



.topWrap {background:#fff;font-family: "Microsoft Yahei"; position: relative; overflow: hidden;}
.header { width: 1200px; margin:0 auto;  }
.twz { background: #f4f4f4; height: 41px; color: #888888; line-height: 41px; font-size: 14px;}
.twz a { display: inline-block;  color: #888888; position: relative;padding:0 18px 0 25px; }
.twz a:nth-child(1){background: url(../images/tpico1.png) no-repeat left center; }
.twz a:nth-child(2){background: url(../images/tpico2.png) no-repeat left center; }
.twz a:nth-child(3){background: url(../images/tpico3.png) no-repeat left center;padding-right: 0;}
.h_nr { height: 117px;padding-top:20px; box-sizing: border-box; }
.logo {  overflow: hidden; box-sizing: border-box;padding-top:0px;}
.logo img {  display: block; }
.h_nr .logo_txt {font-size: 23px; color: #333;  text-align: left; line-height: 30px;font-weight: normal; float: left; margin-left: 15px;padding-top: 3px;}
.h_nr .logo_txt span{font-size: 18px; color: #c80202;}
.h_nr .logo_txt b{font-weight: bold;  font-size: 24px; color: #111; display: block;}

.h_nr .sc{padding-left: 45px; background: url(../images/tel.png) no-repeat left 0; float: right; height: 60px; margin-top:9px; box-sizing:border-box;  font-size: 14px; color:#333333; position: relative;}
.h_nr .sc span{display: block; font-size: 16px; color:#333333; padding-left:13px;}
.h_nr .sc p {padding-left: 10px; overflow: hidden; color: #333333;font: 30px "Arial";  font-weight: bold;  float: left;}
.nav{ height: 61px;border-top:1px solid #d2d2d2;}
.nav ul{  height: 61px; width: 1200px;margin:0 auto;}
.nav li {width:169px; float: left;font-size: 18px; text-align: center; position: relative; background: url(../images/libg.png) no-repeat right center;}
.nav li a { text-decoration: none; height: 61px; line-height: 61px; display: block; position: relative;z-index: 2; color: #333333; }
.nav li a:after{content:'';position:absolute;height:3px;width:0;background:#059be9;top:-2px;left:0;-webkit-transition:width .5s;transition:width .5s;color: #ffd73e; z-index: 1;border-right:1px solid #d2d2d2;}
.nav li a:hover:after,.nav li.cur a:after{width:100%;color: #059be9;z-index: 1;}
.nav li a:hover, .nav .cur a { font-weight: bold; text-decoration: none;  color: #059be9; }
.nav li.nones{background: none; padding-right: 0;}
.nav li.home{padding-left: 0;}
.nav li.home a{padding-left: 76px; text-align: left}
.nav li.home a:before{content:'';position:absolute;height:20px;width:21px;background: url(../images/home.png) no-repeat 0 0;z-index: 1;left:38px;top:20px;}
.nav li.home a:hover:before, .nav li.home.cur a:before{background-position: 0 -21px;} 



.footWrap{background:#242d34;padding-top: 40px; height:340px;font-family:"Microsoft Yahei"; box-sizing: border-box;}
.footer{width: 1200px; margin:0 auto;}
.footWrap .ft1{float: left;width: 350px; margin-top:32px; margin-right:100px;}
.footWrap .ft1 .flogo{border-bottom: 1px solid #464d53}
/* .footWrap .ft1 .flogo img{margin-top:20px;} */
.footWrap .ft1 .flogo em{display: block;font-size: 22px;font-weight: bold;color: #fff;padding: 18px 0 25px;; font-style: normal;letter-spacing: 2px;}
.footWrap .ft1 li{position: relative;height: 36px;line-height: 36px;padding-left: 38px;font-size: 16px;color: #aaacae;}
.footWrap .ft1 li a{ color: #aaacae; }
.footWrap .ft1 li em{position: absolute;left:0;top:5px;}

.footWrap .ft2{float: left;width: 200px; }
.footWrap .ft3{float: left;width:290px;}
.footWrap .ft3 a{width:50%; float: left; display: block;}
.footWrap .ft4{float: left;width: 192px;}
.footWrap .ft5{float: left;width: 160px;}
.footWrap .ftgy{margin-top: 32px;}
.footWrap .ftgy h2{height: 34px;line-height: 34px;font-size: 18px;color: #fff;margin-bottom: 10px;}
.footWrap .ftgy li{line-height: 36px;font-size: 14px;color: #aaacae;}
.footWrap .ftgy li a{color: #aaacae;}
.footWrap .ft5 h2{margin-top: 32px;height: 34px;line-height: 34px;font-size: 18px;color: #fff;margin-bottom: 10px;}
.footWrap .ft5 .code{margin-top: 20px;}
.footWrap .ft5 .code dl{position: relative;}
.footWrap .ft5 .code dt{float: left;width: 38px;margin-right: 10px; padding-top: 7px;}
.footWrap .ft5 .code dt img{width: 38px;height: 38px;display: block;}
.footWrap .ft5 .code dd{float: left;width: 88px;padding-top: 8px;}
.footWrap .ft5 .code h3{height: 20px;line-height: 20px;font-size: 14px;color: #000}
.footWrap .ft5 .code h3 em{display: block;font-size: 12px;color: #cacaca;line-height: 14px;font-weight: normal;}
.footWrap .ft5 .code .code2{background: #0891e1;}
.footWrap .ft5 .code .code2 h3{color: #fff;}

.footWrap .ft5 .code dl .codes{ display: none; width: 135px; height: 135px; padding-top: 0; position: absolute;left: -135px;top:0;}
.footWrap .ft5 .code dl .codes img{width: 135px; height: 135px;   }
.footWrap .ft5 .code dl:hover .codes{ display: block; }

.footWrap .fx{height: 80px;} 
.footWrap .fx h3{height: 36px;line-height: 36px;font-size: 16px;font-weight: bold;color: #fff}
.footWrap .fx li{float: left;width: 34px;margin-right:25px; position: relative;}
.footWrap .fx li img{width: 34px;height: 34px;display: block;}

.footWrap .fx li .codes{ display: none; width: 135px; height: 135px; padding-top: 0; position: absolute;left: -135px;top:0;}
.footWrap .fx li .codes img{width: 135px; height: 135px;   }
.footWrap .fx li:hover .codes{ display: block; }

.footWrap .fx .lastli{margin-right: 0;}
.footWrap .copyr{height: 69px;line-height: 69px;border-top: 1px solid #3a4249;font-size: 14px;color: #7f8386; text-align: center;}
.footWrap .copyr a{color: #7f8386;}
.footWrap .copyr span{display: block;margin-top: 15px;height: 34px;line-height: 34px;font-size: 14px;color: #7f8386; float:right;}
.footWrap .copyr span a{color: #7f8386;}
.footWrap .copyr em{padding:0 10px;}
        
.sychanpin{
    width: 468px;
}