@CHaRSET "UTF-8";
body {
    padding-top: 0px;
    background: #f7f8f8;
    font-size: 16px;
    font-family: "思源黑体";
    color:#595757;
}
h1,h2,h3,h4,h5,h6,p{font-family: "思源黑体";}
a {color: #333;text-decoration: none}
a:hover,a:focus{color: #000;text-decoration: none}
ul,li{margin:0;padding:0;list-style-type:none;}
p{margin-bottom: 0;line-height: 28px;}

.height10{height: 10px;}
.height20{height: 20px;}
.height30{height: 30px;}
.height40{height: 40px;}
.height50{height: 50px;}
.height100{height: 100px;}
.height150{height: 150px;}

.f_l{float:left;}
.f_r{float:right;}
.clear{clear: both;}

section{padding:50px 0;}

/*html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(1);}*/
#backtotop {
    position: fixed;
    bottom: 50px;
    right: 20px;
    display: none;
    cursor: pointer;
    font-size: 50px;
    z-index: 9999;
    color: #333;
}
#backtotop:hover {
    color: #333
}
#main-menu-user li.user {
    display: none
}
/*nav*/
/*logo*/
.navbar-brand {
    float: left;
    padding: 10px 0px;
    font-size: 18px;
    line-height: 20px;
    height: 70px;
}

.navbar-collapse{margin-top:25px;}

.navbar-fixed-top{ -webkit-box-shadow: #666 0px 0px 10px; -moz-box-shadow: #666 0px 0px 10px; box-shadow: #666 0px 0px 10px;}

.navbar-fixed-top .container{width: 100%;padding: 0 5%;}

.navbar{margin-bottom: 0;min-height: 90px}
.navbar-default {background: rgba(255, 255, 255, 0.3);}

.navbar-nav > li > a {font-size:18px;padding-top: 15px;padding-bottom: 15px;}

.navbar-default .navbar-nav > li > a {
    color:  #00a2e9;
    font-weight: 600;
}

.navbar-default .navbar-nav > .active_1 > a {
    color:  #fff;
    font-weight: 600;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #1a3e82;
    /*background-color:rgba(24, 61, 122 ,1);*/
    background: none;
    border-radius: 20px;
}
.navbar-default .navbar-nav > .zh_en > a, .navbar-default .navbar-nav > .zh_en > a:hover, .navbar-default .navbar-nav > .zh_en > a:focus {
    color: #00a2e9;
   /* background: none;*/

}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #1a3e82;
    background: none;
    border-radius: 20px;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #1a3e82;
    background: none;
    border-radius: 20px;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    text-decoration: none;
    color: #00a2e9;
    background: none;
    border-radius: 20px;
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 40px;
}

@media ( max-width: 1440px) {
    .nav > li > a {
        position: relative;
        display: block;
        padding: 10px 20px;
    }
}

/*banner*/
.sy-box .caption-wraper {
    position: absolute;
    left: 0;
    top: 26.33333%;
    z-index: 10;
    width: 100%;
    text-align: center;
    color: #fff;
    width: 600px;
    margin: auto;
    text-align: center;
    text-align: -moz-center;
    text-align: -webkit-center;
    left: 50%;
    margin-left: -300px;
    -webkit-transform:translateY(50%);-moz-transform:translateY(50%);-ms-transform:translateY(50%);-o-transform:translateY(50%);transform:translateY(50%);opacity:0;
}
.sy-box .sy-active .caption-wraper{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);-webkit-transition-duration:.6s;-moz-transition-duration:.6s;-o-transition-duration:.6s;transition-duration:.6s;-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;}
.sy-box .caption-wraper-1 {
    position: absolute;
    left: 0;
    top: 40.33333%;
    z-index: 10;
    width: 100%;
    text-align: center;
    color: #fff;
}
.sy-box .caption-wraper h2 {
    margin-bottom: 10px;
    font-size: 50px;
    line-height: 66px;
}
.sy-box .caption-wraper p {
    font-size: 20px;
    line-height: 35px;
}
.caption-wraper .feature .item {
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
    padding: 0 57px;
}
.caption-wraper .feature{
    padding-top:25px;
}
.caption-wraper .feature h3 {
    font-size: 18px;
    line-height: 38px;
    text-align: left;
}
.caption-wraper .feature h4 {
    font-size: 60px;
    line-height: 60px;
}


/*more*/
/*.more a{padding: 5px 20px;background: #bcbabb;color: #fff;border-radius: 15px;}*/
.more a{padding: 8px 20px;border-radius: 20px; border: 1px #2780e3 solid;line-height: 40px;}
.more a:hover,.more a:focus{color: #193c7f; border: 1px #193c7f solid;}

/*中英切换*/
.nav .zh_en{padding:0 35px;}
.nav .zh_en a{padding:10px ;}
.navbar-default .navbar-nav .zh_en a:hover{background-color:rgba(24, 61, 122 ,1);color:#fff;}
.nav .zh_en span{color:#00a2e9;font-size: 30px;line-height: 40px}



/*关于*/
.title-gb-color{background: #fff;z-index: 99;padding: 0 15px;color: #193c7f;font-weight: 600;position: relative;}
.title-gb-color2{z-index: 99;padding: 0 15px;color: #193c7f;font-weight: 600;position: relative;}
.title-xian{border-bottom: 1px solid #e6e6e6;position: relative;top: -28px;z-index: 1;}
/*副标*/
.title-sub{font-size: 20px;font-weight:600;text-align:center;}
.a_img div{width:33%;float: left;}
.a_img div:nth-child(1){position: relative;z-index: 3;right:-50px;}
.a_img div:nth-child(2){position: relative;z-index: 2;}
.a_img div:nth-child(3){position: relative;z-index: 1;left:-50px;}

.section_2{padding:0;}

.gradient{
    filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=white,endcolorstr=grey,gradientType=0);
    -ms-filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=white,endcolorstr=grey,gradientType=0);/*IE8浏览器下的渐变背景*/   
    background:white; /* 一些不支持背景渐变的浏览器 */  
    background:-moz-linear-gradient(top, white, rgba(221, 226, 236, 0.5));  /* Firefox浏览器下的渐变背景 */
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(rgba(221, 226, 236, 0.5)));  /* chrome/Safari浏览器下的渐变背景实现 */
    background:-o-linear-gradient(top, white, rgba(221, 226, 236, 0.5)); /* Opera浏览器下的渐变背景 */
}
.gradient2{background: url(../images/about_4.png) no-repeat right bottom;}

/*产品*/
.section_3 .container{width:100%;}

.picScroll-left{  overflow:hidden; position:relative;   }

.picScroll-left .prev{ display:block;  width:5px; height:9px; float:left; margin-right:5px;  overflow:hidden; cursor:pointer; background:url("../images/more_l.png") no-repeat center center;}
.picScroll-left .next{ display:block;  width:5px; height:9px; float:right; margin-left:5px;  overflow:hidden; cursor:pointer; background:url("../images/more_r.png") no-repeat center center;}
.pic_more{width:100px;margin:auto;}
.pic_more span{float:left;width:2px;line-height: 40px;margin-top: 10px; margin: auto 3px; border: 1px solid #193c7f;height: 35px;}

.picScroll-left .slidesjs-navigation {
    display: block;
    /*position: absolute;*/
    width: 40px;
    height: 40px;
    /*top: 45%;
    margin-top: -20px;*/
    border-radius: 7px;
    z-index: 999;
    /*background: url(../images/arrow.png) no-repeat;
        background-position-x: 0%;
        background-position-y: 0%;
    opacity: 0.8;
    filter: alpha(opacity=80);*/
}
/*.picScroll-left .slidesjs-previous {
    background-position: -120px 0;
    left: 20px;
}
.picScroll-left .slidesjs-next {
    background-position: -40px 0;
    right: 20px;
}
.picScroll-left .slidesjs-previous:hover {
    background-position: -80px 0;
    opacity: 1;
    filter: alpha(opacity=100);
}
.picScroll-left .slidesjs-next:hover {
    background-position: 0 0;
    opacity: 1;
    filter: alpha(opacity=100);
}*/
.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/icoCircle.gif") 0 -9px no-repeat; }
.picScroll-left .hd ul li.on{ background-position:0 0; }
.picScroll-left .bd{ padding:10px;   }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{width:24%; margin:0 10px; float:left; _display:inline; overflow:hidden; text-align:center; padding:0;border:1px #e5e5e5 solid; }
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li img{ /*width:120px; height:90px;*/ display:block;width:100%;text-align:center;}
.picScroll-left .bd ul li .pic img{ /*width:120px; height:90px;*/ display:block; border:1px solid #ccc;margin:auto;width:100%;}
.picScroll-left .bd ul li .pic a:hover img{ border-color:#e5e5e5;  }
.picScroll-left .bd ul li .title{ line-height:24px;  }
.i_pro  p.ip_title {
    font-size: 20px;
    color: #193c7f;
    bottom: 0;
    width: 100%;
    line-height: 50px;
    height: 50px;
    background: #e5e5e5;
}
.i_pro  a:hover .ip_title {
    background-color: #193c7f;color: #fff;
}



/*合作伙伴*/
.section_4{background: url(../images/kehu_gb.jpg) no-repeat top center;}



/*footer*/
.section_foot{padding-bottom:20px;position:relative;bottom:0;left:0;min-height: 330px;width:100%;background:url("../images/foot_gb.jpg") no-repeat center center;background-size: cover;
    -webkit-background-size: cover; /*兼容Webkit内核浏览器如Chrome和Safari */
    -o-background-size: cover; /*兼容Opera */
    zoom: 1; 
    }

/*.section_foot{width:100%;min-height: 330px;position: relative;background:url("../images/foot_gb.jpg") no-repeat center center;background-attachment: fixed;background-position: center;color:#fff;}*/
.section_foot .container{color:#fff;}
.section_foot .foot_img{text-align:center;text-align: -moz-center;text-align: -webkit-center;}
/*分类*/
.proNav{display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;}

.foot-nav a{color:#fff;font-size: 16px;}
.foot-nav a:hover,.foot-nav a:focus{color:#fff;}
.foot-nav li a{padding:5px 20px;}


/*内页*/
.title-color{color:#193c7f;}
.title-weight{font-weight: 600;}

/*左边nav*/
.h3_color{color:#193c7f;font-weight: 600;}
.h3_bg{background: #193c7f;margin:0;padding:10px 0;color:#fff;}

.h4_bg{/*background: #eeeeee;*/margin:8px 8px;padding:5px 0;color:#333;border-bottom: 1px solid #eeeeee}
a:hover .h4_bg,a:focus .h4_bg{background: #00a2e9;color:#fff;}
.list-unstyled .selected .h4_bg{background: #00a2e9;color:#fff;}

/*右边*/
#article_content{min-height:200px;}

/*新闻样式*/
@media only screen and (max-width:991px){div.articles-index-recommend .carousel-indicators{display:none}
div.articles-index-recommend .carousel-control.right{left:100%}}

div.articles-index-recommend .carousel-control>i{/* margin-top:3px;font-size:50px; */opacity:.9;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"}
div.articles-index-main .articles-index-list{margin-bottom:10px}
div.articles-index-main .articles-index-list:hover{-webkit-transition: all 0.5s ease, opacity 0.5s ease; transition: all 0.5s ease, opacity 0.5s ease; opacity: 1; -webkit-box-shadow: #666 0px 0px 10px; -moz-box-shadow: #666 0px 0px 10px; box-shadow: #666 0px 0px 10px; }
div.articles-index-main .articles-index-list .index-article-item{padding:25px;border:1px solid #ddd;background: #fafafa;}
div.articles-index-main .articles-index-list .index-article-item:after,div.articles-index-main .articles-index-list .index-article-item:before{content:" ";display:table}
div.articles-index-main .articles-index-list .index-article-item:hover{background-color:#fafafa}
div.articles-index-main .articles-index-list .index-article-item.last{border-bottom:none}
div.articles-index-main .articles-index-list .index-article-item .article-item-image{float:left;display:block;width:180px;height:130px;line-height:130px;overflow:hidden}

@media only screen and (max-width:767px){div.articles-index-main .articles-index-list .index-article-item{padding:15px}
div.articles-index-main .articles-index-list .index-article-item .article-item-image{float:none;margin:10px auto}}

div.articles-index-main .articles-index-list .index-article-item .article-item-image>img{width:100%}
div.articles-index-main .articles-index-list .index-article-item .article-item-text{margin-left:205px}
div.articles-index-main .articles-index-list .index-article-item .article-item-text .article-item-category{float:left;display:block;margin-right:10px;padding:0 5px;line-height:18px;font-size:12px;color:red;border-radius:3px;border-color:red}
div.articles-index-main .articles-index-list .index-article-item .article-item-text .article-item-category:active,
div.articles-index-main .articles-index-list .index-article-item .article-item-text .article-item-category:focus,
div.articles-index-main .articles-index-list .index-article-item .article-item-text .article-item-category:hover{color:#fff;background-color:red}
div.articles-index-main .articles-index-list .index-article-item .article-item-text .article-item-title:hover{text-decoration:none}
div.articles-index-main .articles-index-list .index-article-item .article-item-text .article-item-title:hover>h1{color:#008ce8}

@media only screen and (max-width:767px){div.articles-index-main .articles-index-list .index-article-item .article-item-text{margin-left:0}
div.articles-index-main .articles-index-list .index-article-item .article-item-text .article-item-title{text-align:center}}

div.articles-index-main .articles-index-list .index-article-item .article-item-text .article-item-title>h1{margin:0;line-height:20px;font-size:16px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:15px 0 20px 0}
div.articles-index-main .articles-index-list .index-article-item .article-item-text .article-item-tags{margin-top:10px;margin-left:-3px}
div.articles-index-main .articles-index-list .index-article-item .article-item-text .article-item-desc{height:40px;line-height:20px;font-size:12px;color:#999;overflow:hidden}
div.articles-index-main .articles-index-list .index-article-item .article-item-text .article-item-options{margin-bottom:0;font-size:12px;color:#999}
div.articles-index-main .articles-index-list .index-article-item .article-item-text .article-item-options>span{display:inline-block}
div.articles-index-main .articles-index-list .index-article-item .article-item-text .article-item-options .article-item-more,
div.articles-index-main .articles-index-list .index-article-item .article-item-text .article-item-options>span>span{color:#333}
form.article-index-search{margin-bottom:15px}
form.article-index-search .form-group{width:209px}

@media only screen and (min-width:992px) and (max-width:1199px){div.articles-index-recommend .carousel-control{bottom:15px}
form.article-index-search .form-group{width:159px}}

.nextinfo,.nextinfo a{color:#999;}
.nextinfo a:hover,.nextinfo a:focus{color:#193c7f;}



/*设备轮播图*/
/* 焦点图 透明过度*/

#imgshow_mask{position:absolute;z-index:1;background:url(../images/imgshow_mask.png) repeat-x 0 0;height:27px;}
#imgshow_mask{_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/imgshow_mask.png');}
#imageShow{clear:both;border:1px solid #dbdbdb;}
#imageShow .imagebg{height:700px;overflow:hidden;position:relative;background:#f0f0f0;}
#imageShow .imagebg li{height:700px;overflow:hidden;position:absolute;top:0;left:0;width:100%;display:block;filter:alpha(opacity=0);opacity:0;}
#imageShow .imagebg li a.bannerbg_main{width:100%;position:absolute;top:0;right:0;height:700px;display:block;}
.shebei_img{ position: relative; background: #fff;top: 658px;line-height: 40px;font-size: 20px;text-align: center;color: #00a2e9;border-top: 1px #dbdbdb solid;border-bottom: 1px #dbdbdb solid;}
.scrollbg{height:80px;/*background:#f4f4f4 url(../images/scroll_bg.png) 0 100% repeat-x;*/}
.scroll{margin:0 auto;width:960px;height:76px;position:relative;}
.s_pre, .s_next{display:block;width:48px;height:76px;position:absolute;}
a.s_pre{background:url(../images/arrow_l.png);top:4px;left:0;}
a.s_pre:hover{background:url(../images/arrow_l_on.png);}
a.s_next{background:url(../images/arrow_r.png);top:4px;right:0;}
a.s_next:hover{background:url(../images/arrow_r_on.png);}
.outScroll_pic{ height:76px;margin-left:70px;overflow:hidden;position:relative;width:822px;top:2px;}
.outScroll_pic .scroll_pic{position:absolute}
.scroll_pic{margin:0 auto;width:40000px;height:76px;}
.scroll_pic li{float:left;float:left;height:75px;width:145px;margin:5px 9px;_margin:5px 14px 5px 4px;cursor:pointer;background:#000;}
.scroll_pic li img{filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}
.scroll_pic li:hover img,.scroll_pic li:hover{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
.scroll_pic li.currently img{filter:alpha(opacity=100)!important;-moz-opacity:1!important;opacity:1!important;}
.scroll .current{width:149px;height:75px;border:2px #ff780d solid;background:url(../images/arrow_on.png) 50% -4px no-repeat;z-index:10;position:absolute;top:5px;left:0;}


/*产品列表*/
.con ul li{width:380px;/*height:198px;float:left;margin-right:15px;*/margin-bottom:15px;position:relative;overflow:hidden;cursor:pointer;padding:0;margin:4px;}
.txt{width:100%;height:45px;background:rgba(26,60,127,0.6);/*透明背景色，不透明其文字内容*/position:absolute;left:0;bottom:0;color:#fff;}
.txt h3{font-size:20px;font-weight:100;/*height:45px;*/text-align:center;line-height:45px;margin:0;padding:0;}
.txt p{font-size:14px;text-align:center;width:50px;margin:auto;}



/* Common style */
.grid figure {
    position: relative;
    float: left;
    overflow: hidden;
    margin: 10px 1%;
    min-width: 320px;
    max-width: 480px;
    max-height: 360px;
    /*width: 48%;*/
    background: #3085a3;
    text-align: center;
    cursor: pointer;
}

.grid figure img {
    position: relative;
    display: block;
    min-height: 100%;
    max-width: 100%;
    opacity: 0.8;
}

.grid figure figcaption {
    padding: 2em;
    color: #fff;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
    pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0;
}

.grid figure h2 {
    word-spacing: -0.15em;
    font-weight: 300;
}

.grid figure h2 span {
    font-weight: 800;
}

.grid figure h2,
.grid figure p {
    margin: 0;
}

.grid figure p {
    letter-spacing: 1px;
    font-size: 68.5%;
}

/***** Lily *****/
/*---------------*/

figure.effect-lily img {
    max-width: none;
    width: -webkit-calc(100% + 50px);
    width: calc(100% + 50px);
    opacity: 0.7;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(-40px,0, 0);
    transform: translate3d(-40px,0,0);
}

figure.effect-lily figcaption {
    text-align: left;
}

figure.effect-lily figcaption > div {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 2em;
    width: 100%;
    height: 50%;
}

figure.effect-lily h2,
figure.effect-lily p {
    -webkit-transform: translate3d(0,40px,0);
    transform: translate3d(0,40px,0);
}

figure.effect-lily h2 {
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
}

figure.effect-lily p {
    color: rgba(255,255,255,0.8);
    opacity: 0;
    -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
    transition: opacity 0.2s, transform 0.35s;
}

figure.effect-lily:hover img,
figure.effect-lily:hover p {
    opacity: 1;
}

figure.effect-lily:hover img,
figure.effect-lily:hover h2,
figure.effect-lily:hover p {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

figure.effect-lily:hover p {
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s;
    -webkit-transition-duration: 0.35s;
    transition-duration: 0.35s;
}