@charset "utf-8";
/* CSS Document */
html { height: 100%; }
body { min-height: 100% }
body { _height: 100% }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td, figure { margin: 0; padding: 0 }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, p, blockquote, figure, header, footer, nav, article, section, aside, address, figcaption { *zoom: 1 }
li { list-style-type: none }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight:normal; }
iframe, frame, fieldset, img { border: 0 none }
img { vertical-align: top }
input[type=button], input[type=submit], input[type=reset] { cursor: pointer }
input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"] > input[type="button"]::-moz-focus-inner{border:none;padding:0;margin:0; }
button { cursor: pointer }
input, textarea, button { -webkit-border-radius: 0; -webkit-appearance: none }
input[type=radio] { -webkit-border-radius: 100%; -webkit-appearance: radio }
input[type=checkbox] { -webkit-appearance: checkbox }
input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box }
textarea { overflow: auto; resize: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none }
table { border-collapse: collapse; border-spacing: 0 }
caption, th { text-align: left }
th { font-weight: normal }
em, cite, address,i { font-style: normal }
sup { vertical-align: text-top }
sub { vertical-align: text-bottom }
body, input, select, button, textarea { color:#333; font-size: 14px; font-family:"PingFangSC","Microsoft Yahei","微软雅黑","Arial";  overflow-x: hidden; }
body { line-height: 1.5 }
a:link,
a:visited,
a:active,
a { text-decoration: none; color:inherit;}
a { blr:expression(this.onFocus=this.blur()) }
a * { *cursor: pointer }
:focus { outline: none } 
.clearfix:before, .clearfix:after {
    display: table;
    content: " ";
}

*[class*="rect-"] { position: relative; display: block; width: 100%;  height: 0; overflow: hidden;}
.thsy_part2_box .rect-7307 { padding-bottom: 73.07%;}
*[class*="rect-"] ._full { position: absolute;  left: 0; top: 0;  width: 100%; height: 100%;max-width: 100%;    vertical-align: top;}
.imgZoom { overflow: hidden; -webkit-transform: rotate(0);  transform: rotate(0);}
.imgZoom img, .imgY180 img {-moz-transition: all .8s ease 0s; -ms-transition: all .8s ease 0s; -o-transition: all .8s ease 0s; -webkit-transition: all .8s ease 0s; transition: all .8s ease 0s;}
.imgZoom:hover img{-moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgY180:hover img {cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }

/**
* Light Backgrounds
*/
.pb25 { padding-bottom: 25px;}
.pt40 {padding-top: 40px;}
.mt20{ margin-top: 20px;}
.mt30{ margin-top: 30px;}
.mt40{ margin-top: 40px;}
.mb20{ margin-bottom: 20px;}
.mb30{ margin-bottom: 30px;}
.mb40{ margin-bottom: 40px;}
.pb20 {padding-bottom: 20px;}

.p0{padding:0px;}


.text-c{ text-align: center;}
.text-r{ text-align: right;}
.text-l{ text-align: left;}
.font-s16{font-size:16px;}
.font-s18{font-size:18px;}
.font-s20{font-size:20px;}
.font-s30{font-size:30px;}
.font-s32{font-size:32px;}
.font-s36{font-size:36px;}
.font-s40{font-size:40px;}
.font-w{font-weight: bold;}


.imgZoom img,.imgY180 img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.imgZoom { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }




.common_btn{position: relative;overflow: hidden;}
.common_btn>span{display:inline-block;vertical-align:middle;opacity:0;filter: alpha(opacity=0);color:#fff;-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0);-webkit-transition:-webkit-transform .3s,opacity .3s;transition:transform .3s,opacity .3s;-webkit-transition-timing-function:cubic-bezier(.75,0,.125,1);transition-timing-function:cubic-bezier(.75,0,.125,1);vertical-align:0}
.common_btn::before{content:attr(c-text);position:absolute;top:0;left:10%;width:50%;height:100%;-webkit-transition:-webkit-transform .3s,opacity .3s;transition:transform .3s,opacity .3s;-webkit-transition-timing-function:cubic-bezier(.75,0,.125,1);transition-timing-function:cubic-bezier(.75,0,.125,1);display: none\0;}
.common_btn:hover .iconfont{color:#fff;}
.common_btn:hover{background:#d20319;}
.common_btn:hover::before{opacity:0;filter: alpha(opacity=0);-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
.common_btn:hover>span{opacity:1;filter: alpha(opacity=100);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);display: inline-block;}
.common_btn>span.sep{width: 5px;height: 5px;display: inline-block;}
.common_btn:hover>span:nth-child(1){-webkit-transition-delay:45ms;transition-delay:45ms}
.common_btn:hover>span:nth-child(2){-webkit-transition-delay:.09s;transition-delay:.09s}
.common_btn:hover>span:nth-child(3){-webkit-transition-delay:.135s;transition-delay:.135s}
.common_btn:hover>span:nth-child(4){-webkit-transition-delay:.18s;transition-delay:.18s}
.common_btn:hover>span:nth-child(5){-webkit-transition-delay:.225s;transition-delay:.225s}
.common_btn:hover>span:nth-child(6){-webkit-transition-delay:.27s;transition-delay:.27s}
.common_btn:hover>span:nth-child(7){-webkit-transition-delay:.315s;transition-delay:.315s}
.common_btn:hover>span:nth-child(8){-webkit-transition-delay:.36s;transition-delay:.36s}
.common_btn:hover>span:nth-child(9){-webkit-transition-delay:.405s;transition-delay:.405s}
.common_btn:hover>span:nth-child(10){-webkit-transition-delay:.45s;transition-delay:.45s}
.common_btn:hover>span:nth-child(11){-webkit-transition-delay:.495s;transition-delay:.495s}
.common_btn:hover>span:nth-child(12){-webkit-transition-delay:.54s;transition-delay:.54s}
.common_btn:hover>span:nth-child(13){-webkit-transition-delay:.585s;transition-delay:.585s}
.common_btn:hover>span:nth-child(14){-webkit-transition-delay:.63s;transition-delay:.63s}
.common_btn:hover>span:nth-child(15){-webkit-transition-delay:.675s;transition-delay:.675s}
.common_btn:hover>span:nth-child(16){-webkit-transition-delay:.72s;transition-delay:.72s}
.common_btn:hover>span:nth-child(17){-webkit-transition-delay:.765s;transition-delay:.765s}
.common_btn:hover>span:nth-child(18){-webkit-transition-delay:.81s;transition-delay:.81s}
.common_btn:hover>span:nth-child(19){-webkit-transition-delay:.855s;transition-delay:.855s}
.common_btn:hover>span:nth-child(20){-webkit-transition-delay:.9s;transition-delay:.9s}
.common_btn.static_btn:hover{background:none;}
.common_btn.static_btn>span{color:#d20319;}
.common_btn.static_btn::before{left:0;}	   
.line_btn{display:inline-block; *display:inline; *zoom:1; white-space:nowrap; padding:0 30px 0 30px; line-height:65px; font-size:15px; text-transform:uppercase; border-left:1px solid rgb(9,57,121); border-right:1px solid rgb(9,57,121);}

.line_btn::after{content:";"; position:absolute; top:50%; right:30px; width:7px; height:7px; background:url(../images/line_btn_jt.png) no-repeat center; margin-top:-3px; overflow:hidden; opacity:1; visibility:visible; -webkit-transition:-webkit-transform .3s,opacity .3s;transition:transform .3s,opacity .3s;-webkit-transition-timing-function:cubic-bezier(.75,0,.125,1);transition-timing-function:cubic-bezier(.75,0,.125,1);}
.line_btn:hover::after{opacity:0; filter: alpha(opacity=0);-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0); visibility:hidden;}
/*.line_btn.line_btn_red{position:absolute; left:0; bottom:0; border-color:#d20319;}*/
.line_btn.line_btn_red::after{background: url(../images/line_btn_jt_red.png) no-repeat right;}
.line_btn .jt{position:absolute; width:6px; bottom:0; top:0; right:100px;}
.line_btn .jt img{position:absolute; top:50%; margin-top:-3px; left:0;}
.line_btn.sj_btn{padding-right:80px; line-height:60px; border:none;}
.line_btn.sj_btn::after{background:url(../images/sj_btn.png) no-repeat center; width:12px; height:15px; margin-top:-8px; right:50px;}
.line_btn.sj_btn .jt{width:12px; right:50px;}
.line_btn.sj_btn .jt img{margin-top:-8px;}
.know_more a{ color:#FFF !important;}


.container{max-width: 1560px; width:85% !important; margin:0 auto;}
/*推荐*/
.fadeup.hsm-ani {
    animation: slideInUp ease-out .65s forwards;
    -webkit-animation: slideInUp ease-out .65s forwards;
}
.i-pro li{position:relative;border-left:1px solid #005494}
.i-pro li::after{position:absolute;top:12px;right:10px;width:11px;height:11px;background:url(../images/pro_icon.png) no-repeat center;content:''}
.i-pro li a{padding:45px ;background:#0a60a1; color: #fff;}
.i-pro li a:hover{background:#0a60a1 url(../images/pro_bg_1.jpg) no-repeat center}
.i-pro .icon{width:67px;text-align:center}
.i-pro .info{padding-left:30px;width:calc(100% - 67px)}
.i-pro .info h3{font-size:24px}
.i-pro .info .txt{height:44px;font-size:13px}
.cf {color: #fff;}
.db {display: block;}
.i-pro .info h3 {font-size: 24px;}
.els {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    vertical-align: middle;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: break-word;
}

*[class*="rect-"] { position: relative; display: block; width: 100%;  height: 0; overflow: hidden;}

*[class*="rect-"] ._full { position: absolute;  left: 0; top: 0;  width: 100%; height: 100%;max-width: 100%;    vertical-align: top;}
.imgZoom { overflow: hidden; -webkit-transform: rotate(0);  transform: rotate(0);}
.imgZoom img, .imgY180 img {-moz-transition: all .8s ease 0s; -ms-transition: all .8s ease 0s; -o-transition: all .8s ease 0s; -webkit-transition: all .8s ease 0s; transition: all .8s ease 0s;}
.imgZoom:hover img{-moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgY180:hover img {cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }

.slide-text p.banner-text3{width: 52%  !important; text-align: center; margin: 0 auto;  line-height: 45px;}



/*标题*/
.indexTitle{text-align: center;}
.indexTitle .txt1 { font-size: 2em;  color:#013f99; font-weight:bold;}
.indexTitle .txt2 {text-transform: uppercase;  color: #9a9a9a;  font-size: 14px;  padding-top: 10px;}
.indexTitle .txt2 i { width: 14px; height: 1px; background: #9a9a9a; display: inline-block; margin: 0 11px 5px;}
.flash4 ul li.first{width:527px;}
.indexTitle{text-align: center;margin: 0px 0px 20px;}
.indexTitle .txt1 { font-size:34px;  color:#013f99; font-weight:bold;}
.indexTitle .txt2 {text-transform: uppercase;  color: #515151;  font-size: 18px;  padding-top: 10px;}
.indexTitle2 .txt1 { font-size:30px;  color: #fff; font-weight:bold; text-align:center;}
.indexTitle2 .txt2 {text-transform: uppercase;  color: #fff;  font-size: 16px;  padding-top: 10px; text-align:center;}


/* index_new */
.index_new{  padding:40px 0px; background: #f5f5f5;}
.index_new_box{ padding-top:30px;}
.index_new_box .rect-7307 { padding-bottom: 73.07%;}
.index_new_box ul li .date{ position:absolute; top:0px; left:0px; width:70px; height:70px; background:#e60012; z-index:2; text-align:center;}
.index_new_box ul li .date span.id1{ display:block; color:#fff; font-weight:bold; line-height:30px; font-size:30px; margin-top:10px;}
.index_new_box ul li .date span.id2{ display:block; color:#fff; font-size:14px;}
.index_new_box ul li .intro {position: absolute;left: 0;bottom: 0;width: 100%;z-index: 2;background: rgb(0,64,152,0.58);}
.index_new_box ul li  .intro .box{padding:16px 20px; color:#fff;}
.index_new_box ul li  .intro .box .t{font-size:20px; font-weight:bold; color:#fcb026; line-height:24px; margin-bottom:10px;}
.index_new_box ul li  .intro .box .c{font-size:16px; line-height:34px; height:34px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:lighter;}
.index_new_box ul li  a:after { content: ''; width: 100%; height: 100%;/* background: rgba(0,0,0,.3);*/  position: absolute; left: 0; top: 0; background:url(../images/shad.png)  repeat-x;}
.index_new_box{ padding:15px 0;}


/* index_new_box2 */
.index_new_box2{ padding:0;}
.slideGroup{position: relative;}

.slideGroup .slideBox{overflow:hidden;zoom:1;}
.slideGroup .sPrev{width: 23px;height: 51px;background: url(../images/ipart05_1.png) no-repeat;position: absolute;top: 50%;margin-top: -25px;z-index: 2;font-size: 0;cursor: pointer;left: -40px;background-position:0px 0px;}
.slideGroup .sNext{width: 23px; height: 51px;  background: url(../images/ipart05_1.png) no-repeat; position: absolute; top: 50%;margin-top: -25px;  z-index: 2; font-size: 0; cursor: pointer; right:-40px;  background-position: -23px 0px;}
.slideGroup .sPrev:hover{ background-position:0px -51px;}
.slideGroup .sNext:hover{  background-position:-23px -51px;}
.slideGroup .parBd{ }
.slideGroup .tempWrap{ width: 100%;}
.slideGroup .parBd ul{ overflow:hidden; zoom:1;   }
.slideGroup .parBd ul li{ margin:0px; float:left; width:320px; _display:inline; overflow:hidden;  }

.slideGroup .parBd ul li .item .box{padding:10px; display:block;}
.slideGroup .parBd ul li .item .box .intro{padding:10px 20px; transition:all 0.5s ease;  background: #FFF;  }
.slideGroup .parBd ul li .item .intro .top_ .date{font-family:Impact; color:#d41924; display:inline-block;}
.slideGroup .parBd ul li .item .intro .top_ .date span{display:inline-block;}
.slideGroup .parBd ul li .item .intro .top_ .date .line{width:23px; height:22px; background:url(../images/ipart05_line.png) no-repeat center;}
.slideGroup .parBd ul li .item .intro .top_ .date .day{font-size:46px;}
.slideGroup .parBd ul li .item .intro .top_ .date .month{font-size:20px;}
.slideGroup .parBd ul li .item .intro .top_ .text{display:inline-block; font-size:16px; color:#818181; margin-left:15px;}
.slideGroup .parBd ul li .item .intro .tit{font-size:18px; line-height:28px; color:#000; height:35px;white-space:nowrap; 
overflow:hidden; text-overflow:ellipsis; }
.slideGroup .parBd ul li .item a:hover{ text-decoration:none;}
.slideGroup .parBd ul li .item .intro .con{font-size:16px; line-height:28px; color:#4c4c4c; height:46px; overflow:hidden;}
.slideGroup .parBd ul li .item:hover .box .intro{box-shadow:0 0 12px rgba(0,0,0,.2);}
.slideGroup .parBd ul li  .owl-item.cur .item .box .intro{box-shadow:0 0 12px rgba(0,0,0,.2);}


/*首页产品 */
.in-product{padding:40px 0 0; position: relative;}
.index-title-block { text-align:center; padding-bottom:40px; overflow:hidden; width:100%}
.index-title-block .t1{ height:18px; line-height:39px; position:relative; border-top:1px solid #dfdfdf; margin-top:88px; float:left; width:100%}
.index-title-block .t1 span{ display:inline-block; font-size:36px; padding:0 44px; background:#fff; margin-top:-18px; line-height:100%; color:#000}
.index-title-block .t2{ font-size:18px; text-align:center; color:#bbb; padding-top:10px; float:left; width:100%}

/*.prodcut-nav{ width:100%; overflow:hidden; position:relative; z-index:11; margin-top: 35px; margin-bottom:-32px;}*/
.prodcut-nav{ width:100%;    left: 0;right: 0;bottom: 0;background: url(../images/grey.5.png); overflow:hidden; position:absolute; z-index:11; }
.prodcut-nav li{ width:25%; height:170px; float:left;line-height:100%; text-align:center;}
.prodcut-nav li:nth-child(6){ margin-right: 0px;float:right;}
.prodcut-nav  a{ display:block; height:inherit; width:100%; color:#fff; padding-top:30px; font-size:20px;
 -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all  0.3s ease;}

.pro-icon{ display:block; background:url(../images/product_icon.png); width:80px; height:80px; margin:0 auto 20px;}
.prodcut-nav  .hover a,.prodcut-nav  a:hover{ background:#f5f5f5;  background: url(../images/blue.8.png);
 color: #fff; font-size: 20px;font-weight: bold;}
.prodcut-nav  .hover a .pro-icon,.prodcut-nav  a:hover .pro-icon{ background-image:url(../images/product_icon_h.png)}
.pro-icon-2{ background-position:0 -80px}
.pro-icon-3{ background-position:0 -160px}
.pro-icon-4{ background-position:0 -240px}
.pro-icon-5{ background-position:0 -320px}
.pro-icon-6{ background-position:0 -400px}


.pro-nav-img{ height:630px; position:relative;}
.pro-nav-img li{ background-position:center center; height:630px; width:100%; position:absolute; left:0; right:0; top:0px; bottom:0; display:none; cursor:pointer; overflow:hidden}
.pro-nav-img li .li-bg{ background-position:center center; height:630px; width:100%; position:absolute; left:0; right:0; top:0; bottom:0; cursor:pointer;}
.pro-nav-img li:hover{ opacity:0.99;}

.pro-nav-text{ position:absolute; top:95px; left:0; right:0; text-align:left; color:#fff;width: 80%;margin: 0 auto; z-index:12; }

.pro-nav-text .t1{font-size:36px;/* padding-bottom:27px;background: rgba(11, 210, 173, 0.74); */margin: 0 auto;line-height: 85px;margin-bottom: 20px;    font-weight: bold;}
.pro-nav-text .t2{font-size: 18px; margin-bottom: 20px; overflow: hidden;line-height: 32px;width: 50%;}
.pro-nav-text .t3{ display:inline-block; border:1px solid #fff; width:168px; height:46px; border:1px solid #fff; line-height:46px; font-size:14px; margin-top:33px;}
.pro-nav-img li .li-bg{
  -webkit-transition: transform 1s ease;
  -moz-transition: transform 1s ease;
  -o-transition: transform 1s ease;
  -ms-transition: transform 1s ease;
  transition: transform 1s ease;}
.pro-nav-img li:hover .li-bg{
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-transition: transform 1s ease;
  -moz-transition: transform 1s ease;
  -o-transition: transform 1s ease;
  -ms-transition: transform 1s ease;
  transition: transform 1s ease;}
  
.pro-nav-img li:hover .t3{ background:#815f5d;color:#fff;border-color:#815f5d;}
.pro-btn-more{position:relative;}
.pro-btn-more:after {content: '';position: absolute;top: 0;left: 0;width: 0;background:#f45c43;height: 100%;border-radius: 23px;transition: width .5s ease;-webkit-transition:width .5s ease;z-index: -1;color: #333;}
.pro-btn-more:hover:after{content: '';border:0px solid #fff; text-decoration: none;color:#fff;background: #f45c43;
background: -moz-linear-gradient(left,  #f45c43 0%, #eb3349 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f45c43), color-stop(100%,#eb3349)); background: -webkit-linear-gradient(left,  #f45c43 0%,#eb3349 100%);
background: -o-linear-gradient(left,  #f45c43 0%,#eb3349 100%);background: -ms-linear-gradient(left,  #f45c43 0%,#eb3349 100%);background: linear-gradient(to right,  #f45c43 0%,#eb3349 100%);width: 100%;}

.pro_btn{
height:45px;border: 1px solid #ffffff;border-radius: 23px;display: block;line-height: 45px;text-align: center;overflow: hidden; margin-bottom:30px; margin:20px 25px 0 0; padding: 0px 25px;    font-size: 20px;float: left;font-weight: bold;}
.pro_btn:hover{border:0px; }

.prp_btn_box a{color: #f1f1f1; display: block;}
.prp_btn_box a:hover{color:#000000;}

.prp_btn_box1{ position: relative; margin: 0 auto;  width:100%;}
.prp_btn_box1 a{color: #f1f1f1; display: block;}
.prp_btn_box1 a:hover{color:#ffffff;}

.prp_btn_box2{position: relative;margin: 0 auto;width: 100%;}
.prp_btn_box2 a{color: #f1f1f1; display: block;}
.prp_btn_box2 a:hover{color:#ffffff;}


.prp_btn_box3{ position: relative; margin: 0 auto;  width:100%;}
.prp_btn_box3 a{color: #f1f1f1; display: block;}
.prp_btn_box3 a:hover{color: #ffffff;}


.prp_btn_box4{ position: relative; margin: 0 auto;  width:100%;}
.prp_btn_box4 a{color: #f1f1f1; display: block;}
.prp_btn_box4 a:hover{color: #ffffff;}



/* 案例 */

.index_anli {
    padding: 40px 0 0;
    position: relative;
}
.index_al li{ padding: 50px 0; text-align: center;}
.index_al li a{display:block}
.index_al li img{  text-align: center;}
.index_al li:nth-child(1){ background: #f7f7f7;;}
.index_al li:nth-child(2){background: #fff;}
.index_al li:nth-child(3){ background: #f7f7f7;}
.index_al li:nth-child(4){ background: #fff;}
.index_al li:nth-child(5){ background: #fff;}
.index_al li:nth-child(6){ background: #f7f7f7;}
.index_al li:nth-child(7){ background: #fff;}
.index_al li:nth-child(8){ background: #f7f7f7;}
.index_al li:hover{ background:linear-gradient(to right bottom, #132aa3 0%,#19a1f4 100%); background-size:cover; } 

/*index_about*/
.index_about{padding:100px 0 80px; background:url(../images/i_pt2_bg.jpg) center center no-repeat; background-attachment:fixed;}
.index_about .text{/*width:380px; position:absolute; right:50px; top:0; */text-align:right; color:#fff;}
.index_about .text .tit{font-size:34px; margin-bottom:30px; font-weight:bold;}
.index_about .text .info{font-size:16px; text-align: left; margin-bottom:25px;line-height: 36px;}
.index_about .square_list li{height:193px; margin-bottom:20px;}
.index_about .square_list .li1{background:#fff;}

.index_about .square_list .li4{background:#fff;}
.index_about .square_list .type1 .pd{padding:20px 0px 0; text-align:center;}
.index_about .square_list .type1 .pd .t{font-size:62px; color:#094ba1; line-height:1; margin-bottom:20px; font-family:impact;}
.index_about .square_list .type1 .pd  .d {font-size: 16px;line-height: 26px;}
.index_about .square_list .li2 .pd{border:1px solid #fff; height:184px; color:#fff;}
.index_about .square_list .type2 .pd{padding:20px 0px 0; text-align:center;}
.index_about .square_list .type2 .pd .t{font-size: 30px;color: #094ba1;line-height: 1; font-weight: bold; margin-bottom: 20px;font-family: impact;}
.index_about .square_list .type2 .pd .t a{color: #FFF; display: block;}


.index_about .square_list .type2 .pd .d{font-size: 16px;line-height: 26px; }
.index_about .square_list .type2 .pd .img_box{width:70px; margin:18px auto 15px;}
.index_about .square_list .type2 .pd .img_box img{width:100%;}

.index_about .square_list .li4{color:#4a4a4a;}
.index_about .square_list .li5{background:#094ba1; color:#fff;}
.index_about .square_list .type3 .pd{padding:20px 30px 0;}
.index_about .square_list .type3 .t{font-size:21px; margin-bottom:12px; line-height:1;}
.index_about .square_list .type3 .d{font-size:16px;    margin-bottom: 15px;line-height: 32px; }
.index_about .square_list .type3 .img_box{text-align:right;margin-top:-65px;margin-right: -40px;}
.index_about .square_list .li6{background:#fff;}


/*翻入式动画*/
.rolling  {
    -webkit-perspective:1300px;
    -o-perspective:1300px;
    -ms-perspective:1300px;
    perspective:1300px;
    -webkit-transform-style:preserve-3d;
    -o-transform-style:preserve-3d;
    -ms-transform-style:preserve-3d;
    transform-style:preserve-3d;
}
.rolling .is_animated {
    -webkit-transition-duration:1.2s;
    -webkit-transition-property:-webkit-transform,opacity;
    -webkit-transition-delay:.15s;
    -webkit-transition-timing-function:'ease-in-out';
    -moz-transition-duration:1.2s;
    -moz-transition-property:all;
    -moz-transition-delay:.15s;
    -moz-transition-timing-function:'ease-in-out';
    -o-transition-duration:1.2s;
    -o-transition-property:transform,opacity;
    -o-transition-delay:.15s;
    -o-transition-timing-function:'ease-in-out';
    -ms-transition-duration:1.2s;
    -ms-transition-property:transform,opacity;
    -ms-transition-delay:.15s;
    -ms-transition-timing-function:'ease-in-out';
    transition-duration:1.2s;
    transition-property:transform,opacity;
    transition-delay:.15s;
    transition-timing-function:'ease-in-out';
    -webkit-transform:rotatex(-80deg) translateZ(0);
    -ms-transform:rotatex(-80deg) translateZ(0);
    transform:rotatex(-80deg) translateZ(0);
    -webkit-transform-origin:0 0 0;
    -ms-transform-origin:0 0 0;
    transform-origin:0 0 0;
    opacity:0
}
.rolling .is_animated.revealed {
    -webkit-transform:rotatex(0) translateZ(0);
    -ms-transform:rotatex(0) translateZ(0);
    transform:rotatex(0) translateZ(0);
    opacity:1
}
.rolling .tansDelay00{transition-delay: 0s;-webkit-transition-delay: 0s;}
.rolling .tansDelay200{transition-delay: .2s;-webkit-transition-delay: .2s;}
.rolling .tansDelay400{transition-delay:.4s;-webkit-transition-delay: .4s;}
.rolling .tansDelay600{transition-delay: .6s;-webkit-transition-delay: .6s;}
.rolling .tansDelay800{transition-delay: .8s;-webkit-transition-delay: .8s;}
.rolling .tansDelay1000{transition-delay: 1s;-webkit-transition-delay: 1s;}

/*index contact*/


.contact { padding: 50px 0px; /*background: url(../images/bg_04.jpg) no-repeat left top;*/background-size: contain;overflow: hidden; background: #f5f5f5;}
.contact .con  h2 { font-size: 34px;font-weight: bold;color: #094ba1;}
.contact .con  p { font-size:16px; color: #666;margin: 10px 0;}
.contact .con  ul li {float: left;width: 33.333%; border-left: 1px solid #ddd;}
.contact .con  ul li .title h2 {display: inline-block; font-size: 24px;font-weight: bold;color: #333; margin-left: 10px;}
.contact .con  ul li .title {text-align: center;}
.contact .con  ul li .title img {width: 35px;}
.contact .con  ul li p{font-size:18px;color: #004098;text-align: center;font-weight: bold;}
.contact .con  ul li a p.p1 {font-size:18px;color: #004098;text-align: center;margin-top: 10px;font-weight: bold;}
.contact .con  ul li a p.p2 {font-size:18px;color: #004098;text-align: center;text-indent: 56px;margin-top: 0px;font-weight: bold;}









/* 判断 */
@media (max-width:768px) {
.container {
    max-width: 1560px;
    width: 100% !important;
    margin: 0 auto;
}
.slide-text p.banner-text3{width: 90% !important; text-align: center; margin: 0 auto;  line-height: 30px;}

/*index_new_box*/
.index_new_box li{  margin-bottom: 20px; }
.slideGroup .sPrev {
    width: 23px;
    height: 51px;
    background: url(../images/ipart05_1.png) no-repeat;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    z-index: 2;
    font-size: 0;
    cursor: pointer;
    left: 0px;
    background-position: 0px 0px;
}	
.slideGroup .sNext {
    width: 23px;
    height: 51px;
    background: url(../images/ipart05_1.png) no-repeat;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    z-index: 2;
    font-size: 0;
    cursor: pointer;
    right: 0px;
    background-position: -23px 0px;
}	
/* index_product */
.indexTitle .txt2 {
    text-transform: uppercase;
    color: #515151;
    font-size: 16px;
    padding-top: 10px;
}
.prp_btn_box1 {
    position: relative;
    margin: 0 auto;
    width: 90%;
}
.prodcut-nav {
    width: 100%;
    overflow: hidden;
    position: absolute;
    z-index: 11;
   bottom: 0px;  
}
.pro-icon {
   
    background: url(../images/product_icon.png);
    width: 80px;
    height: 80px;
    margin: 0 auto 20px;
    display: none;
}
.prodcut-nav a {
    display: block;
    height: inherit;
    width: 100%;
    color: #fff;
    padding-top: 30px;
    font-size: 16px;  line-height: 40px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.prodcut-nav .hover a, .prodcut-nav a:hover {
       background: url(../images/blue.8.png);
    color: #fff;
   
    font-size: 16px;
    line-height: 40px;
}
.pro-nav-text {
	  width: 100%;
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    text-align: center;
    color: #fff;
    z-index: 12;
}
.pro-nav-text .t1 {
    font-size: 24px;
    width: 80%;
    margin: 0 auto;
    line-height: 40px;
    margin: 20px auto;
    font-weight: bold;
}
.pro-nav-text .t2 {
    font-size: 16px;
    line-height: 26px;
    width: 90%;
    margin: 0 auto 25px;
    overflow: hidden;
    line-height: 32px;
}
.pro_btn {
    width: 175px;
    height: 45px;
    border: 1px solid #ffffff;
    border-radius: 20px;
    display: block;
    line-height: 45px;
    text-align: center;
    overflow: hidden;
    margin-bottom: 30px;
    margin: 10px 5px;
    font-size: 20px;
    float: left;
  
    font-weight: bold;
}
.prodcut-nav li {
    width: 50%;
    height: 100px;
    float: left;
    line-height: 100%;
    text-align: center;
}

/* index_anli */
.index_al{margin: 0 15px;}
.index_al li  {background: #f7f7f7 !important; margin:0px 0px 15px;padding: 10px 0; text-align: center;}
.index_al li img {text-align:center; width: 100%;}

/* 手机index_about*/
.f_rrn{display: none;}
.f_ll{float: left !important;}
	
.index_about{padding:30px 0 30px; background:url(../images/i_pt2_bg.jpg) center center no-repeat; background-attachment:fixed;}
.index_about .text .tit {font-size: 34px;margin-bottom: 30px;font-weight: bold;text-align: center;}
.index_about .square_list .type1 .pd .d {font-size: 18px;color: #4a4a4a;}
.index_about .square_list .li2{background:#fff;}
.index_about .square_list .li2 .pd {
    border: 1px solid #fff;
    height: 184px;
     color: #333; 
}
	
/*contact*/
.contact .con ul li {
    float: left;
    width: 100%;
    border-left:none;
    border-bottom: 1px solid #ddd;
    padding: 15px 0px;
    background: #FFF;
    margin: 0 0px 10px;
}	
.contact .con ul li p {
    font-size: 19px;
   color: #004098
    text-align: center;
    margin-top: 10px;
    font-weight: bold;
    display: none;
}	
	
	
	
}