/*关于*/
.about_box{ overflow:hidden; background:url(../img/inbox1_bg.jpg) bottom center no-repeat #f6f6f6; padding:75px 0; width:100%; height:370px}

.wrapper{ width:1200px; margin:0 auto}

.about_box .a_lt{ width:550px; float:left;}

.about_box .a_lt .i_title h1{ font-size:25px; color:#107ead;  display:block; float:left; font-weight:bold}
.about_box .a_lt .i_title i{ display:block; width:40px; height:10px; float:left; margin-left:17px; background:#107ead; margin-top:13px}
.about_box .a_lt .i_title p{ font-size:20px; color:#888888; margin:6px 0 0px; float:left}

.about_box .a_lt .a_lt_desc{ overflow:hidden;  margin:25px 0 0; height:100px; width:530px}
.about_box .a_lt .a_lt_desc,.about_box .a_lt .a_lt_desc *{ color:#666;line-height:25px;}

.about_box .a_lt  font{ display:block; float:right; width:80px; line-height:28px;font-weight:bold;  text-align:center; margin:20px 30px 30px; border:1px solid #dddddd}

.about_box .a_lt  font a{ color:#666; display:block;}
.about_box .a_lt  font:hover{border:1px solid #107ead;background:#107ead}
.about_box .a_lt  font:hover a{color:#fff}

.about_box .a_lt .a_lt_botm{ overflow:hidden; width:550px}

.about_box .a_lt .a_lt_botm .a_lt_b_b{ overflow:hidden; float:left; padding:0 23px; border-right:1px solid #dddddd; width:165px}

.about_box .a_lt .a_lt_botm .a_lt_b_b0{ overflow:hidden; float:left; padding-right:20px; border-right:1px solid #dddddd; width:150px}

.about_box .a_lt .a_lt_botm .a_lt_b_b1{ overflow:hidden; float:left; padding-left:26px; width:110px}	



.about_box .a_lt .a_lt_botm p{ display:block; color:#e70012; font-size:35px; font-weight:500; line-height:40px}

.about_box .a_lt .a_lt_botm p i{ font-size:16px; font-style:normal; padding-left:5px;color:#666}

.about_box .a_lt .a_lt_botm span{ display:block; color:#666; font-size:14px; padding-left:5px;}



.about_box .a_rt{ width:600px; float:right;}



.about_box .a_rt ul{ margin:0; padding:0; text-align:center;}

.about_box .a_rt ul li{ width:199px; height:337px; float:left; position:relative; overflow:hidden; cursor:pointer; margin-left:1px;}

.about_box .a_rt ul li a{ color:#FFF;}

.about_box .a_rt ul li a .pic{ width:199px; height:337px; overflow:hidden;}

.about_box .a_rt ul li a .pic img{ max-width:100%; transition:0.5s;}

.about_box .a_rt ul li:hover a .pic img{ transform:scale(1.1,1.1)}

.about_box .a_rt ul li .bg{ background:rgba(0,0,0,0.5); position:absolute; z-index:1; width:100%; height:100%; left:0; top:0; transition:0.5s;}



.about_box .a_rt ul li:hover .bg{ background:rgba(16,126,173,0.7);}



.about_box .a_rt ul li a .wenzi{ width:167px; height:300px; overflow:hidden; margin:25px 15px; border:1px solid rgba(255,255,255,0.3); position:absolute; z-index:2; left:0; top:0;}



.about_box .a_rt ul li a .wenzi .wz_pic{ width:77px; height:77px; margin:90px auto 0;}

.about_box .a_rt ul li a .wenzi .wz_pic img{ max-width:100%;}

.about_box .a_rt ul li a .wenzi font{ display:block; line-height:30px; padding:20px 0; color:#FFF; font-size:16px;}




/*in_box2*/

.in_box2{ margin:60px auto}
.in_box2 .i_title{ width:1200px; margin:0 auto; border-bottom:1px solid #107ead; padding-bottom:8px}
.in_box2 .i_title .fl div h1{ font-size:25px; color:#107ead;  display:block; float:left; font-weight:bold}
.in_box2 .i_title .fl div i{ display:block; width:40px; height:10px; float:left; margin-left:17px; background:#107ead; margin-top:13px}
.in_box2 .i_title .fl p{ font-size:20px; color:#888888; margin:6px 0 0px;}
.in_box2 .i_title .fr{ margin-top:30px}
.in_box2 .i_title .fr a{ padding:5px 24px; line-height:42px; border-right:1px solid #cdcdcd; color:#107ead; font-size:18px; }
.in_box2 .i_title .fr a:hover{color:#107ead; text-decoration:underline}
.in_box2 .i_title .fr a:last-child{ border:none}

.in_box2 .center{ width:1228px; height:auto; margin:20px auto 0}
.in_box2 .center li{ width:280px; margin:0 13px 0 14px; float:left}
.in_box2 .center li a.imgnew{ display:block;width:280px; height:188px; overflow:hidden; background:url(../img/nopic.jpg) no-repeat center center #ecf9ff}
.in_box2 .center li a.imgnew img{ width:100%; height:188px;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;}
.in_box2 .center li a.imgnew:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
.in_box2 .center li a.txtnew{display:block;width:100%; line-height:30px; height:60px; margin:11px 0; font-size:18px; overflow:hidden; }
.in_box2 .center li div{ width:100%; height:50px; padding:6px 0; overflow:hidden;border-top:1px solid #cacaca}
.in_box2 .center li div,.in_box2 .center li div *{ color:#333; line-height:25px; font-size:15px}
.in_box2 .center li span{font-size:14px; line-height:25px; color:#999999}



/*in_box3*/

.in_box3{ padding:60px 0; border-top:10px solid #f3f3f3}
.in_box3 .i_title{ width:1200px; margin:0 auto; border-bottom:1px solid #107ead; padding-bottom:8px}
.in_box3 .i_title .fl div h1{ font-size:25px; color:#107ead;  display:block; float:left; font-weight:bold}
.in_box3 .i_title .fl div i{ display:block; width:40px; height:10px; float:left; margin-left:17px; background:#107ead; margin-top:13px}
.in_box3 .i_title .fl p{ font-size:20px; color:#888888; margin:6px 0 0px;}
.in_box3 .i_title .fr{ margin-top:30px}
.in_box3 .i_title .fr a{ padding:5px 24px; line-height:42px; border-right:1px solid #cdcdcd; color:#107ead; font-size:18px; }
.in_box3 .i_title .fr a:hover{color:#107ead; text-decoration:underline}
.in_box3 .i_title .fr a:last-child{ border:none}

.in_box3 .center{ width:1228px; height:auto; margin:20px auto 0}
.in_box3 .center li{ width:280px; margin:0 13px 0 14px; float:left; background:#868686; padding-bottom:25px}
.in_box3 .center li a.imgnew{ display:block;width:280px; height:188px; overflow:hidden;background:url(../img/nopic.jpg) no-repeat center center #ecf9ff}
.in_box3 .center li a.imgnew img{ width:100%; height:188px;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;}
.in_box3 .center li a.imgnew:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
.in_box3 .center li a.txtnew{display:block;width:90%; line-height:30px; height:60px; margin:11px auto; font-size:18px; overflow:hidden; color:#ffffff}
.in_box3 .center li a.txtnew:hover{ text-decoration:underline}
.in_box3 .center li div{ width:90%; height:50px; padding:6px 0; overflow:hidden;border-top:1px solid #cacaca; margin:0 auto}
.in_box3 .center li div,.in_box3 .center li div *{ color:#ffffff; line-height:25px; font-size:15px}
.in_box3 .center li span{font-size:14px; line-height:25px; color:#c8c8c8; padding-left:5%}



/*in_box4*/

.in_box4{ margin:20px 0 0; background:#2a99c8; padding:60px 0}
.in_box4 .i_title{ width:1200px; margin:0 auto; border-bottom:1px solid #fff; padding-bottom:8px}
.in_box4 .i_title .fl div h1{ font-size:25px; color:#fff;  display:block; float:left; font-weight:bold}
.in_box4 .i_title .fl div i{ display:block; width:40px; height:10px; float:left; margin-left:17px; background:#fff; margin-top:13px}
.in_box4 .i_title .fl p{ font-size:20px; color:#fff; margin:6px 0 0px;}
.in_box4 .i_title .fr{ margin-top:30px}
.in_box4 .i_title .fr a{ padding:5px 24px; line-height:42px; border-right:1px solid #55add3; color:#fff; font-size:18px; }
.in_box4 .i_title .fr a:hover{color:#fff; text-decoration:underline}
.in_box4 .i_title .fr a:last-child{ border:none}

.in_box4 .center{ width:1228px; height:auto; margin:20px auto 0}
.in_box4 .center li.dggnia{ width:280px; margin:0 13px 18px 14px; float:left;}
.in_box4 .center li.dggnia a.imgnew{ display:block;width:280px; height:188px; overflow:hidden; position: relative}
.in_box4 .center li.dggnia a.imgnew img{ width:100%; height:188px;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;}
.in_box4 .center li.dggnia a.imgnew:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
.in_box4 .center li.dggnia a.imgnew div{ display:none}
.in_box4 .center li.dggnia a.imgnew:hover ul{display: block;position:absolute; top:0; left:0; background:rgba(0,0,0,0.5); padding:10px; width:260px; height:168px}
.in_box4 .center li.dggnia a.imgnew:hover ul li{ border:1px solid #7a7a78; width:260px; height:168px;display: table-cell;vertical-align: middle;text-align:center}
.in_box4 .center li.dggnia a.imgnew:hover ul li span{ display:block; width:136px; height:40px; line-height:40px; background:#2998c8; color:#fff; margin:0 auto; font-size:20px}


/*in_box5*/
.in_box5{ width:100%; height:326px; background: #f6f6f6}
.in_box5 .i_title{ text-align:center; padding-top:60px; position:relative}
.in_box5 .i_title span{ font-size:25px; color:#107ead;  font-weight:bold}
.in_box5 .i_title i{ display: block; width:40px; height:10px;  background:#107ead; position:absolute; left:50%; top:73px;}
.in_box5 .i_title i.zuo{  margin-left:-110px}
.in_box5 .i_title i.you{  margin-left:70px}

.in_box5 .center{ width:1215px; height:auto; margin:30px auto 0}
.in_box5 .center li.dggnia{ width:230px; height:92px; margin:0 6px 0 7px; float:left;}
.in_box5 .center li.dggnia .imgnew{ display:block;width:228px; height:90px; border:1px solid #e3e3e3; cursor:default}
.in_box5 .center li.dggnia .imgnew img{ width:100%; height:100%;}
.in_box5 .center li.dggnia p{ line-height:30px; height:30px; display:block; overflow:hidden; margin-top:8px; text-align:center}