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鐨刢ss瀹氫箟:杩欓噷瀹氫箟椤甸潰涓婁笅宸﹀彸杈硅窛锛岄〉闈㈣儗鏅鑹诧紝婊氬姩鏉￠鑹叉牱寮� */

body {
    font-family: "寰蒋闆呴粦";
    /*鏂囧瓧瀛椾綋瀹氫箟 */
    font-size: 14px;
    /*鏂囧瓧澶у皬瀹氫箟 */
    color: #666666;
    /*鏂囧瓧棰滆壊瀹氫箟 */
    min-width: 1200px;
    outline: none;
}

* {
    word-break: break-all;
    word-wrap: break-word
}


/* 缃戠珯瓒呴摼鎺ss閫氱敤璁剧疆 */

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: #0679e4;
}

.color {
    color: #0679e4;
}

.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*/
.header_top{height: 35px;line-height: 35px;color: #525252;background:url(images/header_bg1.jpg) no-repeat top center;}
.header_top span a{color: #525252;}
.header_mid {
    height: 135px;
    background:url(images/header_bg2.jpg) no-repeat top center;
}
.header_mid .logo{margin-top: 45px;}
.header_mid .header_tel{margin-top: 45px;background: url(images/header_tel.png) no-repeat left center;padding-left: 60px;}
.header_mid .header_tel p.txt1{font-size: 18px;color:#363636;}
.header_mid .header_tel p.txt2{font-weight: 700;font-size: 28px;color: #ffcb05;-webkit-background-clip: text;background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffcb05), to(#ffaa05));}

.header_nav {height: 70px;background: url(images/nav_bg.jpg) no-repeat center bottom;position: relative;z-index: 99;}
.menu ul{  overflow: hidden; position: relative; top:-2px;}
.menu ul li {float: left;height: 77px;line-height:77px;width:150px;text-align: center; background:url(images/nav_line.jpg) no-repeat center right;}
.menu ul li a {font-size: 16px;color: #fff;}
.menu ul li:hover,
.menu ul li.hover{
    background:url(images/nav_li.png) no-repeat top right;
    width:150px;
    
    line-height:60px;
}
.menu ul li:hover a,
.menu ul li.hover a{
    background:url(images/hover.png) no-repeat bottom right;
    padding-bottom: 12px;
}
.banner{ overflow: hidden;}
.header_nav.nav01 {position: fixed;top: 0;left: 0;width: 100%;min-width: 1200px;height: 70px;}

/*棣栭〉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;
}


/*footer*/
.footer{background: #272727;}
.foot_top{background: #0f6cc9;height: 40px;line-height: 40px;color: #fff;}
.foot_top .flink span{margin-right: 15px;}
.foot_top .flink a{color: #fff;margin: 0 15px;}


.foot_con{margin-top: 90px;color: #fff;margin-bottom: 50px;}
.foot_con li{width: 26%;float: left}
.foot_con li.first{width: 21%;margin-right: 7%;text-align: center;}
.foot_con li.first p{font-size: 18px;line-height: 55px;margin-top: 10px;}
.foot_con li.first h3{font-size: 24px;background: #0f6cc9;line-height: 36px;border-radius: 18px;}

.foot_con li.second p{font-size: 15px;line-height: 30px;text-indent: 12px;color: #afafb0;}
.foot_con li strong{font-size: 18px; font-weight: normal;display:block;margin-bottom:15px;color: #fff;border-left:2px solid #0175c9;line-height: 24px;padding-left: 10px;}
.foot_con li ul{overflow: hidden;}
.foot_con li ul li{width:115px;float: left;padding: 0;text-indent: 6px;}
.foot_con li ul li a{font-size: 15px;color: #afafb0;line-height: 30px;display: inline-block}
.foot_con li ul li:hover a{color: #0f6cc9;}

.foot_con li.last{width: 146px;float: right;}
.foot_con li.last img{width: 126px;height: 126px;display: block;margin: 0 auto}

.foot {height:52px; font-size: 14px;text-align: center;}
.ddb p {line-height: 52px;color: #afafb0;  text-align: center; }
.ddb p a{ color: #afafb0}


.in_title{text-align: center;margin-bottom: 60px;margin-top: 60px;}
.in_title h2{color: #116cc9;font-size: 35px;background: url(images/title_bg.png) no-repeat top center;line-height: 60px;}
.in_title p{color:#949494;font-size: 18px; background: url(images/t_bg.png) no-repeat center; font-size: 16px; color:#949494;}

.in_search {
    background: url(images/search_bg.png) no-repeat top center;
    height: 71px;
    color: #484644;
}
.search_box{width: 860px;}
.search_txt{height: 71px;line-height: 71px;font-size: 14px;  padding-left:25px; background: url(images/line.png) no-repeat 0 center;}
.search_txt a{color: #484644;margin:0 10px;}
.search_cnt1{width: 296px;height: 33px;position: relative;margin-top: 27px;margin-right: 15px;}
.search_cnt1 .txt{font-family: "Microsoft Yahei";font-size: 12px;width: 279px;height: 31px;line-height: 31px;padding-left: 15px;color:#555555;border-radius: 7px;border: 1px solid #9c9c9c;background: #f2f2f2;
    -moz-box-shadow:0 3px 1px #9c9c9c inset;              /* For Firefox3.6+ */
    -webkit-box-shadow:0 3px 1px #9c9c9c inset;           /* For Chrome5+, Safari5+ */
    box-shadow:0 3px 1px #9c9c9c inset;                   /* For Latest Opera */
}
.search_cnt1 .btn{width: 20px;height: 22px;background: url("images/btn.png") no-repeat;position: absolute;right: 15px;top: 6px;}


#advantage{
    overflow: hidden;
    margin:60px auto;
}
.advantage{position:relative;height:378px;margin:0 0 20px 37px;max-width:330px;}
#advantage .col-md-4 {
    width: 365px;
    float: left;
    padding:0 15px;
    box-sizing: border-box;
    margin-right:30px;
   
}
.advantage-img{position:absolute;z-index: 1;left:0;top:0}
.advantage-text{ box-sizing:border-box; position:absolute;z-index: 2;right:0;bottom:0;width:280px;height:239px;padding:77px 15px 0;background: url(images/advantage-gray.png) no-repeat right bottom;font-size:12px;box-shadow:2px 2px 2px #ccc;}
.advantage-active .advantage-text{color:#fff;background-image: url(images/advantage-red.png);box-shadow:2px 2px 2px #136bd7;}
.advantage-text h5{font-size:18px;}
.advantage-img i{font-size:14px;text-align:center;line-height:16px;font-style:normal;font-weight:bold;text-align:center;color:#666;display:block;width:37px;height:78px;padding-top:42px;background:#eee url(images/youshi.jpg) no-repeat 0 0;position:absolute;left:-37px;top:20px;}



/* in_product */
.in_product{
    margin-bottom:60px;
}
.pro_nav {
    width: 252px;
    height: 1007px;
    background: url("images/product_nav.jpg") no-repeat top;
  
    position: relative;
}
.pro_nav .pro_title{color: #fff;text-align: center;margin: 24px auto;}
.pro_nav .pro_title p{text-transform: uppercase;}
.pro_nav .pro_title h2{font-size: 24px;}
.pro_nav ul {
    width: 208px;
    height: 390px;
    margin: 0 auto;
    background: #fff;
    border-radius: 3px;
    padding: 20px 10px;
}
.pro_nav ul li {
    width: 208px;
    height: 30px;
    background: #ededed;
    margin-bottom:10px;
    text-indent: 12px;
    cursor: pointer;
}
.pro_nav ul li a {
    font-size: 14px;
    color: #4b4b4b;
    line-height: 30px;
}
.pro_nav .right-arrow {
    display: inline-block;
    width: 17px;
    height: 30px;
    margin-right: 5px;
    background: url("images/proli.png") no-repeat center center;
}
.pro_nav ul li:hover {background: #116cc9;}
.pro_nav ul li:hover a {color: #fff;}
.pro_nav ul li:hover .right-arrow {background: url("images/proli2.png") no-repeat center center;}
.pro_nav .pro_tel{font-size: 18px;color: #fff;position: absolute;bottom:75px;left: 24px;}
.pro_nav .pro_tel span{padding-left: 0px; font-size: 16px; margin-bottom:15px; display: block}
.pro_nav .pro_tel h2{font-size: 27px;margin-bottom: 15px;}
.pro_nav .pro_tel a{color: #fff;padding: 3px 30px;border: 2px solid #fff; margin-top:20px; display: inline-block}
.pro_nav .pro_tel p{font-size: 15px; line-height: 30px; text-align: left;}

.product_box {
    width: 931px;
    height: 1006px;
    border: 1px solid #e6e6e6;
}
.product_box .product-top {
    width: 100%;
    height: 47px;
    border-bottom: 1px solid #e6e6e6;
    background: url("images/show-items.jpg") no-repeat;
}
.product_box .product-top h3 {
    display: inline-block;
    width: 215px;
    height: 47px;
    line-height: 47px;
    font-size: 20px;
    color: #fff;
    text-indent: 30px
}
.product_box .product-top .show-more {
    float: right;
    line-height: 47px;
    margin-right: 15px;
    color: #5f5f5f;
}

.product_box .product_ul{
    padding: 9px;
    position: relative;
    height: 300px; 
    overflow: hidden;
   
}
.product_box .product_ul ul{
    position: absolute;
    width:160%;
}

.product_box .product_list ul li {
    width: 276px;
    background: #e9e9e9;
    margin: 8px;
    overflow: hidden;
    padding: 6px;
    position: relative;
    float: left;
    cursor: pointer;
}

/*fix under IE8*/
.product_box .product_list ul li img {
    display: block;
    width: 274px;
    height: 224px;
}
.product_box .product_list ul li .product_txt{width: 100%;margin-top: 15px;margin-bottom: 10px;}
.product_box .product_list ul li span {  
    font-size: 15px;
    color: #202020;  
    line-height: 24px; 
    padding-bottom: 4px;
}
.product_list ul li span {padding-left: 10px;}
.product_box a.prod-more {
    position: absolute;
    right: 6px;
    bottom: 16px;
    display: block;
    width: 76px;
    height: 28px;
    line-height: 28px;
   
    text-align: center;
  
   
}
.product_box .hot-icon {
    display: block;
    width: 54px;
    height: 54px;
    position: absolute;
    right: 0;
    top: 0;
    background: url("images/hot-icon.png") no-repeat;
}
.product_box .product_list ul li:hover span{border-bottom: 1px solid #969696;}


/*in_about*/
.in_about {
    width: 100%;
    padding-top: 6px;
    margin-top: 20px;
}
.in_about .about_txt {
    width: 580px;
    color: #484644;
}
.in_about .about_txt p {
    line-height: 30px;
    font-size: 16px;
    color:#807c7c;
}
.in_about .about_t h2{font-size: 20px;line-height: 30px; font-weight: normal; color:#b0b0af; text-transform: uppercase;}
.in_about .about_t p{font-size:26px;line-height: 50px;margin-bottom: 15px;font-weight: bold;}
.in_about .about_t p span{color:#116cc9;}
.in_about .a_more {
    font-size: 16px;
    line-height: 35px;
    color: #ffffff;
    width: 120px;
    background:#ff9c00;
    display: block;
    text-align: center;
    margin-top: 25px;
    border-radius: 15px;
    float: right;
}
.in_about .about_img img{width:569px;height: 396px;}

.in_about .picScroll{position: relative;margin-top: 60px;}
.in_about .bd {
    width: 1200px;
    margin: 0 auto;
    height: auto;
    overflow: hidden;
}
.in_about .bd li {
    width: 287px;
    height: auto;
    margin-right: 15px;
    text-align: center;
    position: relative;
    float: left;
    border: 1px solid #e9e9e9;
}
.in_about .bd li img{width: 287px;height: 188px;}
.in_about .hd .prev, .in_about .hd .next {
    display: block;
    width: 12px;
    height: 18px;
    cursor: pointer;
    position: absolute;
    top: 45%;
}
/* .in_about .hd .next{background: url(images/next.png) no-repeat;right: -20px;}
.in_about .hd .prev{background: url(images/prev.png) no-repeat;left: -20px;} */

.in_adv{height: 625px;background: url("images/adv_bg.jpg") center no-repeat;text-align: center;color: #fff; position: relative;}
.in_adv .wrap{padding-top: 200px;}

.in_adv ul{margin: 0 auto; width: 100%;} 
.in_adv ul li{float: left;width:25%;height: 159px;position: relative;text-align: center; padding:0 25px; box-sizing: border-box; text-align: center;}
.in_adv ul li .bg{background: url(images/bg1.png) no-repeat;width: 159px;height: 159px; margin:0 auto; margin-bottom:20px;}


.in_adv ul li.li02 .bg{background: url(images/bg2.png) no-repeat;}
.in_adv ul li .txt{padding-top: 38px;}
.in_adv ul li p{font-size: 16px;color: #3d3d3d; padding-top:10px;}
.in_adv{text-align: center;}
.in_adv  a{display: block; width:215px; height:52px;  position: absolute; bottom:51px; left:50%; margin-left:-107px; }




/*sub-banner*/
.sub-banner {
    height: 209px;
    background: url("images/sub-banner.jpg") center no-repeat;
    padding-top:50px;
    box-sizing: border-box;
    color:#fff;
    margin-top:70px;
}
.sub-banner h1{
    font-size: 30px;
    line-height: 35px;
    margin-bottom:0;
    
}
.sub-banner h2{
     background: url(images/tel.png) no-repeat 0 center;
      padding-left:45px;
      font-size: 14px;
      line-height:80px;
      font-weight: normal;
     }
.sub-banner h2 span{
    font-weight: bold;
    font-size: 24px;
}
.sub-banner  input {
    width: 178px;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    background: #fff;
    color: #3e3e3e;
    float: left;
    margin-right:25px;
    border: 1px solid #fff;

}


.sub-banner .adv {
    position: relative;
}
.sub-banner p {
    position: absolute;
    right: 226px;
    top: 40px;
    font-size: 16px;
    color: #fff;
    line-height: 36px;
}
.sub-banner p span {
    font-size: 30px;
    font-weight: bold;
}
.sub-banner .sub {
    position: absolute;
    display: block;
    width: 114px;
    height: 36px;
    right: 310px;
    top: 115px;
    color: #fff;
    text-align: center;
    line-height: 36px;
    background: url("images/more2.png") no-repeat;
    font-size: 18px;
    border: none;
}

/*in_good*/
.in_good {
    height: 1289px;
    background: url("images/good_bg.jpg") top center no-repeat;
    padding-top: 60px;
}
.in_good ul li .list01{width: 565px;}
.in_good ul li .list02{width: 600px;}
.in_good ul li .list{margin-left: 30px;}
.in_good ul li .list .good_t{position: relative;padding-left: 82px;margin-top: 55px;}
.in_good ul li .list .good_t h3 {font-size: 26px;color: #3a3a3b;}
.in_good ul li .list .good_t h3 span{color: #0f6cc9;}
.in_good ul li .list .good_t p{color: #bcbbb9;}
.in_good ul li .list .good_t i{position: absolute;top: 0; left: 0;background: url("images/good_t.png") no-repeat;width: 71px;height: 56px;line-height: 56px;text-indent: 10px;font-size: 33px;color: #fff;font-weight: bold;letter-spacing: 1px;}
.in_good ul li .list .txt p {
    line-height: 30px;
    font-size: 16px;
    margin-top: 15px;
    color: #373636;
    padding-left: 82px;
}

/*in_news*/
.news{padding: 60px 0;}
.news .newsfl{width: 685px;}
.news .newsfl .hd ul li{display: inline-block;}
.news .newsfl .hd ul li{width: 342.5px;height: 60px;text-align: center;line-height: 60px;background-color: #2c2c2c;color: #fff;font-size: 16px;letter-spacing: 1px;}
.news .newsfl .hd ul li.on{background-color: #116cc9;}
.news .newsfl .bd ul li{line-height: 40px;width: 323px;border-bottom: 1px dashed #c0c0c0;}
.news .newsfl .bd ul li a{color: #2c2c2c;}
.news .newsfl .bd ul li .span1{padding: 0 15px;}
.news .newsfl .bd ul li.li1{width: 100%;padding: 25px 0;height: 163px;border-bottom: 1px solid #c9c9c9;margin-bottom: 17px;}
.news .newsfl .bd ul li.li1 .fr{width: 404px;height: 163px;}
.news .newsfl .bd ul li.li1 .fr .p1{padding: 10px;font-size: 18px;color: #2c2c2c;font-weight: 600;}
.news .newsfl .bd ul li.li1 .fr .p2{font-size: 16px;color: #848383;line-height: 28px;text-indent: 2em;}
.news .newsfl .bd ul li.li1 .fr .p2 span{margin-left: 20px;color: #116cc9;}

.news .newsfr{width: 465px;}
.news .newsfr .p1{width: 465px;height: 60px;line-height: 60px;background-color: #116cc9;color: #fff;text-align: center;font-size: 16px;}
.news .newsfr .picScroll-top .bd ul li{height: 77px;padding: 20px 0 20px 60px;border-bottom: 1px dashed #c9c9c9;background: url(images/news1.png) no-repeat 0 20px;}
.news .newsfr .picScroll-top .bd ul li .p2{font-size: 16px;color: #2c2c2c;font-weight: 600;padding-bottom: 5px;}


/* in_parnter */
.in_parnter{background: #f8f8f8;padding: 30px 0 80px;}
.in_parnter .picScroll2{position: relative;}
.in_parnter .bd {
    width: 1200px;
    margin: 0 auto;
    height: auto;
    overflow: hidden;
    margin-top:15px;
}
.in_parnter .bd li {
    width: 194px;
    height: auto;
    margin-right: 6px;
    text-align: center;
    position: relative;
    float: left;
}
.in_parnter .bd li img{width: 192px;height: 121px;border: 1px solid #e8e8e8;}
.in_parnter .bd li p{color: #525050;margin-top: 5px}
.in_parnter .hd .prev, .in_parnter .hd .next {
    display: block;
    width: 49px;
    height: 49px;
    cursor: pointer;
    position: absolute;
    top: 25%;
}
.in_parnter .hd .next{background: url(images/next2.png) no-repeat;right: -58px;}
.in_parnter .hd .prev{background: url(images/prev2.png) no-repeat;left: -58px;}
