﻿@import url(common.css);/*------------flash------------*/.flash_div{ width:100%; margin:0 auto; overflow:hidden; max-width:750px;}.flash_div img{ width:100%; display:block;}.i_bg{ overflow:hidden; background:#f5f5f5;}.i_bg .i_bg_div{ overflow:hidden; background:#fff;}.i_bg .mt2{ margin-bottom:10px;}.i_one{ padding-top:4%; padding-bottom:4%; overflow:hidden; text-align:center;}.i_one img{ display:inline-block; vertical-align:middle; margin-right:10px; margin-bottom:3px;}.i_one .tel{ height:78px; line-height:78px; display:block; max-width:514px; margin:0 auto; width:70%; color:#fff; background:url(../images/i_bg1.png) no-repeat; background-size:100% 100%; margin-top:2%;}.i_t{ text-align:center; margin-top:2%; margin-bottom:3%;}.i_t .h2{ font-weight:normal; color:#0065a3; margin-bottom:5px;}.i_t p{ color:#cdcdcd; font-family:Arial;}.i_two{ overflow:hidden; margin-bottom:6%;}.i_two ul li{ width:25%; float:left; overflow:hidden; text-align:center; background:#0065a3; color:#fff;}.i_two ul li .txts{ border-right:1px solid #fff;border-bottom:1px solid #fff; height:78px; line-height:78px; overflow:hidden;}.i_two ul li:nth-child(4n+0) .txts{border-right:0;}.i_two ul li:nth-child(9) .txts,.i_two ul li:nth-child(10) .txts,.i_two ul li:nth-child(11) .txts,.i_two ul li:nth-child(12) .txts{border-bottom:none;}.i_two ul li:nth-child(2),.i_two ul li:nth-child(4),.i_two ul li:nth-child(5),.i_two ul li:nth-child(7),.i_two ul li:nth-child(10),.i_two ul li:nth-child(12){ background:#3e8ab8;}.i_three{ overflow:hidden; line-height:1.6; margin-bottom:4%;}.i_three_ul{ overflow:hidden; margin-bottom:4%;}.i_three_ul ul li{ display:block; margin-bottom:3%; background:#fff; overflow:hidden; position:relative;}.i_three_ul ul li img{ width:185px;}.i_three_ul ul li .divs{ overflow:hidden; padding-right:12px; width:calc(100% - 220px);width:-webkit-calc(100% - 220px);width:-moz-calc(100% - 220px); position:absolute; right:0; top:0; height:100%;  }.i_three_ul ul li .divs .table{ display:table; width:100%; height:100%;}.i_three_ul ul li .divs .table .td{ display:table-cell; vertical-align:middle;}.i_three_ul ul li .divs .h3{ font-weight:normal; color:#0065a3; margin-bottom:5px;}.i_three_ul ul li .divs .p{ line-height:1.5; overflow:hidden;}.i_four{ overflow:hidden; margin-bottom:2%;}.i_four ul li{width:18.4%; float:left; overflow:hidden; margin-right:2%; margin-bottom:2%;}.i_four ul li:nth-child(5n+0){ margin-right:0;}.i_four ul li img{display: block;width: 100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}.i_four ul li:hover img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}.i_bg2{ background:#f8f8f8; overflow:hidden;}.i_five{ overflow:hidden; margin-bottom:4%;}.i_five ul li{width:32%; float:left; overflow:hidden; margin-right:2%; height:46px; line-height:46px; background:url(../images/i_bg2.png) left center no-repeat;}.i_five ul li:nth-child(3n+0){ margin-right:0;}.i_five ul li a{ padding-left:13px;}.i_six{ overflow:hidden; margin-bottom:4%;}.i_six ul li{ display:block; margin-bottom:3%; overflow:hidden; }.i_six ul li .h4{ font-weight:normal; color:#0065a3; overflow:hidden; text-align:center; margin-top:13px; margin-bottom:3%;}.i_six ul li .cons{ overflow:hidden;position:relative; background:#fff;,}.i_six ul li img{ width:50%; min-height:175px;}.i_six ul li .divs{ overflow:hidden; width:50%; position:absolute; right:0; top:0; height:100%;  }.i_six ul li .divs .table{ display:table; width:92%; height:100%; padding-left:5%; padding-right:3%;}.i_six ul li .divs .table .td{ display:table-cell; vertical-align:middle;}.i_six ul li .divs .p{ line-height:1.5; overflow:hidden; padding-left:20px; background:url(../images/i_bg3.png) left 9px no-repeat; margin-bottom:3%;}.i_seven{ overflow:hidden; margin-bottom:4%; line-height:1.5;}.i_seven .p{ background:url(../images/i_bg3.png) left 15px no-repeat; margin-bottom:1%;padding-left:20px; overflow:hidden;}.i_eight{ text-align:center; color:#999999; padding-top:3%; padding-bottom:3%;}

@media screen and (max-width: 780px) {.i_seven .p{ background-position:left 12px;}}@media screen and (max-width: 640px) {.i_one img{ height:30px;}.i_one .tel{ height:70px; line-height:70px; margin-top:3%;}.i_two ul li .txts{ height:60px; line-height:60px;}.i_three_ul ul li img{ width:165px;}.i_three_ul ul li .divs{width:calc(100% - 200px);width:-webkit-calc(100% - 200px);width:-moz-calc(100% - 200px);}.i_seven .p{ background-position:left 10px;}}
@media screen and (max-width: 520px) {.i_one img{ height:28px;}.i_one .tel{ height:60px; line-height:60px;}.i_three_ul ul li img{ width:150px;}.i_three_ul ul li .divs{width:calc(100% - 185px);width:-webkit-calc(100% - 185px);width:-moz-calc(100% - 185px);}.i_four ul li{width:23.5%;}.i_four ul li:nth-child(5n+0){ margin-right:2%;}.i_four ul li:nth-child(4n+0){ margin-right:0%;}.i_five ul li{ background-size:6px 6px;height:42px; line-height:42px;}.i_five ul li a{ padding-left:10px;}.i_six ul li .divs .p{ margin-bottom:2%; line-height:26px;background-size:6px 6px;padding-left:12px;}.i_seven .p{background-size:6px 6px;padding-left:12px;}}
@media screen and (max-width: 480px) {.i_bg .mt2{ margin-bottom:8px;}.i_one img{ height:26px;}.i_one .tel{ height:46px; line-height:46px;}/*.i_two ul li{ width:33.33%;}*/.i_two{ font-size:16px;}.i_two ul li .txts{ height:44px; line-height:44px;}/*.i_two ul li:nth-child(4n+0) .txts{border-right:1px solid #fff;}.i_two ul li:nth-child(3n+0) .txts{border-right:0;}.i_two ul li:nth-child(9) .txts{border-bottom:1px solid #fff;}.i_two ul li:nth-child(10) .txts,.i_two ul li:nth-child(11) .txts,.i_two ul li:nth-child(12) .txts{border-bottom:none;}.i_two ul li:nth-child(5),.i_two ul li:nth-child(7){ background:#0065a3;}.i_two ul li:nth-child(2),.i_two ul li:nth-child(4),.i_two ul li:nth-child(6),.i_two ul li:nth-child(8),.i_two ul li:nth-child(10),.i_two ul li:nth-child(12){ background:#3e8ab8;}*/.i_three_ul ul li img{ width:130px;}.i_three_ul ul li .divs{width:calc(100% - 160px);width:-webkit-calc(100% - 160px);width:-moz-calc(100% - 160px);}.i_five ul li{ height:38px; line-height:38px;}.i_six ul li .divs .p{ line-height:24px;}}
@media screen and (max-width: 380px) {.i_one .tel{ height:42px; line-height:42px; width:76%;}.i_two{ font-size:14px;}.i_three_ul ul li img{ width:110px;}.i_three_ul ul li .divs{width:calc(100% - 132px);width:-webkit-calc(100% - 132px);width:-moz-calc(100% - 132px); padding-right:10px;}/*.i_four ul li{width:32%;}.i_four ul li:nth-child(4n+0){ margin-right:2%;}.i_four ul li:nth-child(3n+0){ margin-right:0%;}*//*.i_five ul li{ width:49%;}.i_five ul li:nth-child(3n+0){ margin-right:2%;}.i_five ul li:nth-child(2n+0){ margin-right:0;}*/}

@media screen and (min-width: 481px){
.wrap{ max-width:340px;}
.flash_div{ max-width:340px;}
.f46{ font-size:24px;}
.f42{ font-size:23px;}
.f36{ font-size:20px;}
.f32{ font-size:20px;}
.f28{ font-size:17px;}
.f26{ font-size:16px;}
.f22{ font-size:14px;}
.i_one img{ height:22px;}
.i_one .tel{ height:46px; line-height:46px; width:76%;}
.i_two{ font-size:14px;}
/*.i_two ul li{ width:33.33%;}*/
.i_two ul li .txts{ height:44px; line-height:44px;}
/*.i_two ul li:nth-child(4n+0) .txts{border-right:1px solid #fff;}
.i_two ul li:nth-child(3n+0) .txts{border-right:0;}
.i_two ul li:nth-child(9) .txts{border-bottom:1px solid #fff;}
.i_two ul li:nth-child(10) .txts,.i_two ul li:nth-child(11) .txts,.i_two ul li:nth-child(12) .txts{border-bottom:none;}
.i_two ul li:nth-child(5),.i_two ul li:nth-child(7){ background:#0065a3;}
.i_two ul li:nth-child(2),.i_two ul li:nth-child(4),.i_two ul li:nth-child(6),.i_two ul li:nth-child(8),.i_two ul li:nth-child(10),.i_two ul li:nth-child(12){ background:#3e8ab8;}*/
.i_three_ul ul li img{ width:110px;}
.i_three_ul ul li .divs{width:calc(100% - 132px);width:-webkit-calc(100% - 132px);width:-moz-calc(100% - 132px); padding-right:10px;}
.i_four ul li{width:23.5%;}
.i_four ul li:nth-child(5n+0){ margin-right:2%;}
.i_four ul li:nth-child(4n+0){ margin-right:0%;}
.i_five ul li{ background-size:6px 6px;height:38px; line-height:38px;}
.i_five ul li a{ padding-left:10px;}
.i_six ul li .divs .p{ margin-bottom:2%; line-height:26px;background-size:6px 6px;padding-left:12px;}
.i_seven .p{background-size:6px 6px;padding-left:12px;}
.foot_div{ font-size:16px; max-width:340px;left: 50%; margin-left: -170px;height: 50px;}
.foot_div ul li{ height:50px; line-height:50px;}
.foot_div ul li img{height: 28px;}
}