@charset "utf-8";
/* CSS Document */

/* Main */
.hidden{ overflow:hidden;}
.tab{ display:table; width:100%; height:100%;}
.tabce{ display:table-cell; vertical-align:middle; width:100%; height:100%;}
.mb80{ margin-bottom:80px;}
.mb100{ margin-bottom:100px;}
.mb120{ margin-bottom:120px;}

.pabg{ padding:80px 0; background:#fff;}


/* Banner */
.html5zoo-arrow-left-0,
.html5zoo-arrow-right-0,
.html5zoo-timer-0{ display:none !important;}

/*  */
.in_tit{ text-align:center; font-size:0; padding-bottom:30px;}
.in_tit h4{ font-size:30px; color:#1d2089; line-height:40px;}
.in_tit h5{ font-size:14px; color:#767676; line-height:20px;}
.in_tit i{ display:inline-block; width:50px; height:2px; background:#1d2089; margin:15px 0;
/* time */
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out; 
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out; }
.in_tit .col{ color:#fff;}
.insub i{ width:100%;}



/*  */
.in_pro{ overflow:hidden;}
.in_pro li{ float:left; width:32%; font-size:0; margin-right:2%; margin-top:30px;}
.in_pro li:nth-child(3),
.in_pro li:nth-child(6){ margin-right:0;}

.in_pro a{ position:relative; display:block; width:100%; height:240px; overflow:hidden;}
.in_pro_img{ font-size:0;}
.in_pro_img img{ width:100%;
/* time */
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out; 
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out; }
.in_pro a:hover .in_pro_img img{
/* transform */
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2); }

.in_pro_txt{ position:absolute; top:0; left:0; width:100%; height:240px; color:#fff; text-align:center;}


.in_pro_bg{ position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(29,32,137,.6);
/* opacity */
filter:alpha(opacity=0);   
-khtml-opacity:0;   
-moz-opacity:0;  
opacity:0;
/* time */
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out; 
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out; }
.in_pro_txt:hover .in_pro_bg{
/* transform */
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
/* opacity */
filter:alpha(opacity=100);   
-khtml-opacity:1;   
-moz-opacity:1;  
opacity:1; }
.in_pro_txt h3{ font-size:18px; line-height:20px; margin-bottom:20px;}
.in_pro_txt p{ font-size:14px; line-height:22px;}
.in_pro_vl{ position:relative; z-index:1;
/* opacity */
filter:alpha(opacity=0);   
-khtml-opacity:0;   
-moz-opacity:0;  
opacity:0;
/* time */
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out; 
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out; }
.in_pro_txt:hover .in_pro_vl{
/* opacity */
filter:alpha(opacity=100);   
-khtml-opacity:1;   
-moz-opacity:1;  
opacity:1; }

.in_pro a:hover .in_pro_txt{
/* opacity */
filter:alpha(opacity=100);   
-khtml-opacity:1;   
-moz-opacity:1;  
opacity:1; }


/*  */
.in_abo{ position:relative; font-size:0; overflow:hidden; background:#1d2089;}
.in_abo .img{ min-height:500px;}
.in_abo_con{ position:absolute; top:0; right:0; z-index:8; width:60%; height:100%; text-align:center; /*background:#1d2089;*/background:url(../images/test1.jpg) no-repeat left top / 100% 100%;}
.in_abo_con a{ display:inline-block; width:120px; font-size:12px; color:#1d2089; line-height:30px; background:#fff;
/* time */
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out; 
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out; }
.in_abo_con a:hover{ color:#fff; background:#0098d7;}
.in_abo_tit{ font-size:0; margin-bottom:30px;}
.in_abo_tit h4{ font-size:24px; color:#fff; line-height:100%;}
.in_abo_tit h5{ font-size:24px; color:#fff; line-height:100%; padding:15px 0;}
.in_abo_tit i{ display:inline-block; width:50px; height:2px; background:#fff;}
.in_abo_p{ padding:0 10%;}
.in_abo_p p{ font-size:14px; color:#fff; text-align:left; text-indent:2em; line-height:30px; letter-spacing:1px;}
.in_abo_ul{ font-size:0; padding:40px 10%;}
.in_abo_ul li{ display:inline-block; width:25%; font-size:0; text-align:center;}
.in_abo_ul img{ width:60px; height:60px; margin-bottom:10px;
/*css3*/
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
transition: all .5s; }
.in_abo_ul p{ font-size:16px; color:#fff; line-height:25px;}
.in_abo_ul span{ display:block; font-size:14px; color:#fff; line-height:25px; padding-bottom:10px;}
.in_abo_ul i{ display:inline-block; width:0; height:1px; background:#fff;
/* time */
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out; 
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out; }
.in_abo_ul li:hover i{ width:80px;}

/*  */
.in_our_txt{ width:700px; height:496px;}
.in_our_txt h4{ font-size:30px; color:#1d2089; line-height:100%;}
.in_our_txt h5{ font-size:14px; color:#767676; line-height:30px;}
.in_our_txt p{ font-size:14px; color:#767676; line-height:30px; padding:20px 0;}
.in_our_txt ul{ font-size:0;}
.in_our_txt li{ position:relative; display:inline-block; width:240px; height:60px; padding:25px 0; padding-left:110px;}
.in_our_txt li i{ position:absolute; top:25px; left:0; width:90px; height:60px; font-size:0;background:url(../images/test2.png) no-repeat left top / 100% 100%; border-radius:5px;}
.in_our_txt li i img{ width:100%; height:100%;
/*css3*/
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
transition: all .5s; }
.in_our_txt li p{ font-size:16px; color:#1d2089; line-height:30px; padding:0;}
.in_our_txt li p.co{ color:#585858;}
.in_our_img{ width:500px; height:476px; padding-top:20px; overflow:hidden;}
.in_our_img img{ width:100%;}
.in_our_txt li i:hover img{
-webkit-transform: rotateY(360deg);
-moz-transform: rotateY(360deg);
transform: rotateY(360deg); }

/*  */
.in_joi{ height:255px; background:url(../images/join.png) center no-repeat; padding:60px 0;}
.in_joi_con{ background:#fff; overflow:hidden;}
.in_joi_img{ width:410px; height:255px; font-size:0;}
.in_joi_img img{ width:100%; height:100%;}
.in_joi_txt{ width:750px; height:255px;}
.in_joi_txt a{ display:block; width:120px; font-size:12px; color:#fff; text-align:center; line-height:30px; background-image: linear-gradient(#245bbd, #010c5b); border:1px solid #1d2089;
/* time */
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out; 
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out; }
.in_joi_txt a:hover{ color:#1d2089; background:none;}

.in_joi_txt h4{ font-family:"Arial"; font-size:48px; color:#1d2089; line-height:50px; margin-bottom:20px;}
.in_joi_txt p{ font-family:"宋体"; font-weight:bold; font-size:22px; color:#7e7e7e; line-height:30px;}
.in_joi_txt i{ display:block; font-family:"Arial"; font-size:16px; color:#7e7e7e; line-height:20px; margin-bottom:15px; letter-spacing:1px;}

/*  */
.in_int{ height:375px; background:url(../images/int.png) center no-repeat;background-attachment: fixed;-webkit-background-size: cover; background-size: cover;}
.in_int ul{ font-size:0; padding-top:82px;}
.in_int li{ float:left; width:25%; text-align:center; vertical-align:top;}
.in_int i{ display:block; font-size:0;}
.in_int i img{ display:inline-block; width:auto; height:auto;}
.in_int h5{ display:block; height:40px; font-size:40px; color:#fff; line-height:40px; padding:20px; overflow:hidden;}
.in_int h5 em{ font-size:50px;}
.in_int p{ display:inline-block; width:80%; font-size:16px; color:#fff; line-height:30px; margin:0 auto;}
.in_list{ background:url(../images/lisbg.png) bottom center no-repeat;}
/*  */
.in_new{ font-size:0;}
.in_new li{ display:inline-block; font-size:0; width:50%; overflow:hidden; margin-top:50px;}
.in_new li.mr0{ margin-right:0;}
.in_new li a{ display:inline-block; width:100%}
.in_new_img{ position:relative; width:220px; height:126px;}
.in_new_img img{ width:100%; height:100%;}
.in_new_img h5{ position:absolute; top:33px; left:35px; width:148px; font-size:22px; color:#fff; text-align:center; line-height:58px; border:1px solid #fff;
/* time */
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out; 
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out; }
.in_new_img:hover h5{ background:rgba(1,20,97,.6); border:1px solid rgba(1,20,97,.6);}
.in_new_txt{ width:330px; padding-right:20px;}
.in_new_txt h3{ font-size:18px; color:#4d4d4d;}
.in_new_txt span{ display:block; font-size:0; border-bottom:1px solid #d0d0d0; padding-top:20px; margin-bottom:10px;}
.in_new_txt span i{ display:inline-block; width:40%; font-size:12px; color:#989797;}
.in_new_txt p{ font-size:14px; color:#706f6f; line-height:24px;}
.in_new_txt:hover h3{ color:#010c5b;}


/*  */
.in_sub{position:relative; width:1200px; height:240px;}
.in_sub_ul{ margin:0 auto;}
.in_sub_ul li{ float:left; font-size:0; width:208px; height:240px; margin-right:40px;}
.in_sub_ul li a{ position:relative; display:block; width:208px; height:110px; font-size:0; text-align:center; background:#fff; overflow:hidden; margin-bottom:20px;}
.in_sub_ul li a div.tabce{ font-size:0;}
.in_sub_ul li a u{ position:absolute; display:block; width:1px; height:1px; background:#d0d0d0;
/* time */
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out; 
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out; }
.in_sub_ul li a u.l_top{ top:0; left:0; width:190px;}
.in_sub_ul li a u.l_lef{ top:0; left:0; height:90px;}
.in_sub_ul li a u.l_rig{ right:0; bottom:0; height:90px;}
.in_sub_ul li a u.l_bot{ right:0; bottom:0; width:190px;}
.in_sub_ul li a:hover u{ background:#010c5b;}
.in_sub_ul li a:hover u.l_top,
.in_sub_ul li a:hover u.l_bot{ width:100%;}
.in_sub_ul li a:hover u.l_lef,
.in_sub_ul li a:hover u.l_rig{ height:100%;}
.in_sub_ul li img{ max-width:190px; max-height:90px;
/* time */
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out; 
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out; }
.in_sub_ul li a:hover img{ max-width:208px; max-height:110px;}
.insub_left,.insub_right{ position:absolute; display:block; width:30px; height:100%; top:0;}
.insub_left{ left:-40px; background:url(../images/Ro_left.png) center no-repeat;}
.insub_right{ right:-40px; background:url(../images/Ro_right.png) center no-repeat;}

.in_sub2{ display:none;}

/*  */
.in_lin{ line-height:60px; padding-top:60px;}
.in_lin p,
.in_lin a{ font-size:14px; color:#474747;}
.in_lin a{ margin:0 10px;}
.in_lin a:hover{ text-decoration:underline;}

@media screen and (max-width: 1080px){
.brdot{ bottom:15px;}
.brdot li{ padding:0 5px;}
.pabg{ padding:20px 0; background:#fff;}
.in_pro a{ height:auto;}

.in_pro_txt{ position:relative; height:auto; background:#f8f8f8;}
.in_pro_vl{ margin-top:0 !important;
/* opacity */
filter:alpha(opacity=100);   
-khtml-opacity:1;   
-moz-opacity:1;  
opacity:1; }
.in_pro_vl h3{ font-size:16px; color:#565656; line-height:40px; margin-bottom:0;}
.in_pro_vl p{ display:none;}

.in_abo_tit{ margin-bottom:5px;}
.in_abo_tit h4{ font-size:22px;}
.in_abo_tit h5{ font-size:16px;}
.in_abo .img{ width:100%; min-height:auto;}
.in_abo_ul{ padding:20px 10%;}
.in_abo_ul li span{ display:none;}



.in_our_txt{ float:none; height:auto;}
.in_our_txt .tab,
.in_our_txt .tabce{ display:block;}

.in_our_img{ display:none;}

.in_new_img,
.in_new_txt{ float:none;}
.in_new_txt{ padding-top:10px;}
.in_new li{ margin-bottom:35px; margin-top:0;}
.in_joi{  height:auto; padding:0; background:none;}
.in_joi_img{ width:100%;height:auto; font-size:0; margin-bottom:10px;}
.in_joi_txt{ width:100%; height:auto;}
.in_lin{ line-height:30px; padding:30px 0;}

.in_sub{ display:none;}
.in_sub2{ display:block;}
.in_sub2_ul{ overflow:hidden;}
.in_sub2_ul li{ float:left; font-size:0; width:31.33%; margin:0 1%;}
.in_sub2_ul li a{ position:relative; display:block; width:100%; padding:30px 0; font-size:0; text-align:center; background:#fff; overflow:hidden; margin-bottom:20px;}
.in_sub2_ul li a div.tabce{ font-size:0;}
.in_sub2_ul li a u{ position:absolute; display:block; width:1px; height:1px; background:#d0d0d0;
/* time */
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out; 
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out; }
.in_sub2_ul li a u.l_top{ top:0; left:0; width:90%;}
.in_sub2_ul li a u.l_lef{ top:0; left:0; height:80%;}
.in_sub2_ul li a u.l_rig{ right:0; bottom:0; height:80%;}
.in_sub2_ul li a u.l_bot{ right:0; bottom:0; width:90%;}
.in_sub2_ul li a:hover u{ background:#0ab1ec;}
.in_sub2_ul li a:hover u.l_top,
.in_sub2_ul li a:hover u.l_bot{ width:100%;}
.in_sub2_ul li a:hover u.l_lef,
.in_sub2_ul li a:hover u.l_rig{ height:100%;}
.in_sub2_ul li img{ max-width:90%; height:90px;}

}

@media screen and (max-width: 640px){
.brdot{ bottom:10px;}
.in_tit h4{ font-size:16px; line-height:20px;}
.in_tit i{ margin:5px 0;}
.in_tit h5{ font-size:12px;}

.in_pro li{ width:49%; margin-right:2%; margin-top:0;}
.in_pro li:nth-child(2),
.in_pro li:nth-child(4),
.in_pro li:nth-child(6){ margin-right:0;}
.in_pro li:nth-child(3){ margin-right:2%;}
.in_pro_vl h3{ font-size:12px; color:#565656; line-height:30px; margin-bottom:0;}

.in_abo_tit{ margin-bottom:5px; padding-top:20px;}
.in_abo_tit h4{ font-size:18px;}
.in_abo_tit h5{ font-size:14px;}
.in_abo .img{ width:100%; min-height:auto;}
.in_abo_con{ position:relative; width:100%; padding-bottom:20px;}
.in_abo_ul{ padding:10px 10%;}
.in_abo_ul li{ width:50%; padding:5px 0;}

.in_our_txt{ width:100%;}
.in_our_txt h4{ font-size:18px;}
.in_our_txt h5{ font-size:12px;}

.in_our_txt li{ width:calc(100% - 110px); padding:10px 0; padding-left:110px;}
.in_our_txt li i{ top:10px;}

.in_int{ height:auto; overflow:hidden; padding-bottom:30px;}
.in_int li{ width:50%;}
.in_int i img{ width:40%;}
.in_int h5{font-size:18px; padding:10px; height:30px; line-height:30px;}
.in_int h5 em{ font-size:24px;}
.in_int p{ font-size:12px;}

.in_new_img{ margin:0 auto; width:90%; height:auto;}
.in_new li{ width:100%;}
.in_new_img h5{ font-size:16px;}
.in_new_txt h3{ text-align:center; font-size:16px;}
.in_new_txt{ width:90%; padding-right:0; margin:0 auto;}
.in_new_txt span{ text-align:center; padding-top:10px;}
.in_new_img h5{ top:50%; left:50%; margin-left:-75px; margin-top:-30px;}
.in_joi_txt h4{ font-size:24px; line-height:35px; margin-bottom:10px;}
.in_joi_txt p{ font-size:18px;}
.in_joi_txt i{ font-size:12px;}

.in_sub2_ul li{ width:48%;}


}