/*模型*/
.mode-topic{ overflow: hidden; background:url(../images/mode-bg.jpg); }
.mode-topic-inner{ overflow: hidden; background:url(../images/mode-inner-bg.jpg) no-repeat center top;} 

/*头部*/
.mode-content-top{ height: 35px; background:url(../images/content-top.png) no-repeat; padding: 0 5px;margin-top: 50px; }

/*主体*/
.mode-content-main{ overflow: hidden; background:url(../images/content-bg.png) repeat-y; padding: 0 5px;}

/*尾部*/
.mode-content-bottom{ height: 35px; background:url(../images/content-bottom.png) no-repeat; padding: 0 5px; margin-bottom: 75px; }

/*主要模块*/
.mode-content{ overflow: hidden; }
.mode-content .modetitle{ text-align: center; color: #c72d35; font-size: 38px; font-weight: bold; padding: 65px 0; }
.mode-content .modeinfo{ width: 1140px;height: 195px; background:url(../images/mode-info.jpg) no-repeat; margin: 0 auto;}
.mode-content .modeinfo p{ font-size: 16px; color: #333; line-height: 36px; padding: 25px 30px; }

/*小屏幕*/
.mode-content-top.smallwidth{ background: url(../images/content-small-top.png) no-repeat; }
.mode-content-main.smallwidth{ background: url(../images/content-small-bg.png) repeat-y; }
.mode-content-bottom.smallwidth{ background: url(../images/content-small-bottom.png) no-repeat; }
.smallwidth .modeinfo{ width: 920px;height: 230px; background:url(../images/mode-small-info.jpg) no-repeat; margin: 0 auto;}

/*区域1*/
.area1{ overflow: hidden; margin-top: 70px;}
.area1-top{ width: 650px; height: 55px; background:url(../images/area1-top.jpg) no-repeat; margin: 0 auto; line-height: 55px; overflow: hidden;}
.area1-top .title{ float: left; font-size: 22px; font-weight: bold; color: #2273d2; padding-left: 75px;}
.area1-top .main{ float: left;}
.area1-top .main ul{ margin-left: -50px; float: left; }
.area1-top .main li{ float: left; font-size: 20px; display: inline; margin-left: 50px;}

.area1-main{ width: 1140px; height: 270px; overflow: hidden; background:url(../images/area1-main.jpg) no-repeat; margin: 0 auto; }
.area1-main-inner{ padding-left: 5px; }
.area1-info{ width: 245px; float: left; margin-left: 30px; display: inline;}
.area1-info .title{ font-size: 22px; font-weight: bold; color: #2273d2; text-align: center; height: 30px; line-height: 30px; padding-top: 30px; padding-bottom: 60px; }
.area1-info .cont li{ font-size: 14px; line-height: 24px; width: 190px; padding-left: 40px; padding-bottom: 12px;}

/*小屏幕*/
.smallwidth .area1-main{ width: 920px; height: 270px; overflow: hidden; background:url(../images/area1-small-main.jpg) no-repeat; margin: 0 auto; }
.smallwidth .area1-main-inner{ padding-left: 0; margin-left: -20px; }
.smallwidth .area1-info{ width: 215px; margin-left: 20px; }
.smallwidth .area1-info .cont li{ width: 155px; }

/*区域2*/
.area2{ overflow: hidden; width: 1140px; height: 290px; background: url(../images/area2-bg.jpg) no-repeat; margin: 0 auto; margin-top: 70px; }
.area2-top{ font-size: 16px; line-height: 36px; padding: 25px 30px; overflow: hidden; }
.area2-content { padding: 0 18px; }
.area2-content li{ width: 276px; overflow: hidden; float: left; }
.area2-content li .icon{ display: block; width: 90px; height: 90px; margin: 0 auto; background:url(../images/area2-icon.png) no-repeat; margin-bottom: 10px;}
.area2-content li .alt{ text-align: center; font-size: 14px; line-height: 20px; font-weight: bold; }
.area2-content li .icon01{ background-position: 0 0; }
.area2-content li .icon02{ background-position: 0 -90px; }
.area2-content li .icon03{ background-position: 0 -180px; }
.area2-content li .icon04{ background-position: 0 -270px; }

/*小屏幕*/
.smallwidth .area2{ width: 920px; background: url(../images/area2-small-bg.jpg) no-repeat; }
.smallwidth .area2-content li{ width: 221px; }

/*区域3*/
.area3{ overflow: hidden; width: 1140px; margin: 0 auto; margin-top: 70px; }
.area3-alt{ font-size: 16px;  overflow: hidden; margin-bottom: 25px;}
.area3-title{ width: 450px; height: 55px; background:url(../images/area3-title.jpg) no-repeat; text-align: center; line-height: 55px; font-size: 22px; color: #2273d2; font-weight: bold; margin: 0 auto; }
.area3-content{ overflow: hidden; background:url(../images/area3-bg.jpg) repeat-x; margin-top: 30px; padding: 0 35px;}
.area3-content-inner{ float: left; margin-left: -10px; }
.area3-info{ width: 125px; float: left; margin-left: 10px; }
.area3-info .area3-info-title{ width: 125px; height: 45px; text-align: center; line-height: 45px; color: #fff; font-size: 14px; font-weight: bold; }
.area3-info .area3-info-title.r{ background: #C72D35; }
.area3-info .area3-info-title.y{ background: #E3A711; }
.area3-info .area3-info-title.b{ background: #2273D2; }
.area3-info .area3-info-title.g{ background: #27AE61; }
.area3-info-cont li{ width: 100%; height: 35px; padding-top: 10px; line-height: 35px; text-align: center; background:url(../images/area3-info-li-bg.jpg) no-repeat top #EEEEEE; color: #333; font-size: 14px;}

/*小屏幕*/
.smallwidth .area3{ width: 920px; }
.smallwidth .area3-info{ width: 105px; }
.smallwidth .area3-content{ padding: 0 5px; }
.smallwidth .area3-info .area3-info-title{ width: 105px; }
.smallwidth .area3-info .area3-info-cont li{ font-size: 12px; }

/*区域4*/
.area4{ overflow: hidden; width: 1140px; margin: 0 auto; margin-top: 70px; }
.mode-areaTitle{ width: 100%; height: 55px; background:url(../images/modeareatitle.jpg) repeat-x; }
.mode-areaTitle span{ display: block; padding: 0 20px; height: 55px; background: #fff; margin-left: 30px; float: left; line-height: 55px; font-size: 24px; font-weight: bold; color: #2273d2; }
.mode-areaAlt{ padding: 0 35px; font-size: 16px; line-height: 36px; margin-top: 20px;}
.area4-top{ width: 926px; height: 186px; margin: 0 auto; overflow: hidden; position: relative; background:url(../images/area4-top-bg.jpg) no-repeat; margin-bottom: 70px; margin-top: 20px;}
.area4-top-title{ position: absolute; width: 80px; height: 60px; left: 422px; top: 70px; font-size: 18px; font-weight: bold; color: #333; text-align: center;}
.area4-top-info{ width: 355px; height: 50px; position: absolute;}
.area4-top-info .title{ font-size: 16px; font-weight: bold; color: #2273d2; text-align: center; }
.area4-top-info .content li{ float: left; font-size: 14px; width: 115px; }
.area4-top-info01{ left: 53px; top: 19px; }
.area4-top-info02{ right: -26px; top: 19px; }
.area4-top-info02 .title{ width: 260px; }
.area4-top-info03{ left: 53px; bottom: 8px; }
.area4-top-info04{ right: -26px; bottom: 8px; }
.area4-top-info04 .title{ width: 260px; }
.area4-bottom{ width: 1070px; height: 185px; overflow: hidden; position: relative; background:url(../images/area4-bottom-bg.jpg) no-repeat; margin: 0 auto; margin-top: 20px;}
.area4-bottom .area4-bottom-info{ width: 500px; height: 45px; text-align: center; line-height: 45px; font-size: 14px; position: absolute;}
.area4-bottom .info01,.area4-bottom .info02{ width: 350px; }
.area4-bottom .info01{ left: 0; top: 0; }
.area4-bottom .info02{ left: 0; bottom: 0; }
.area4-bottom .info03{ right: 0; top: 0; }
.area4-bottom .info04{ right: 0; top: 70px; }
.area4-bottom .info05{ right: 0; top: 140px;}
.area4-bottom .info06{ font-size: 14px; position: absolute; left: 50%; margin-left: -135px; top: 65px;}
.area4-btn{ width: 280px; height: 45px; margin: 0 auto; margin-top: 70px; }
.area4-btn a{ display: block; width: 140px; height: 45px; line-height: 45px; text-align: center; background: url(../images/area4-btn.png) no-repeat; padding-left: 55px; padding-right: 85px; font-size: 20px; font-weight: bold; color: #2273d2;-moz-transition:all .2s .1s ease; -ms-transition:all .2s .1s ease; -o-transition:all .2s .1s ease; -webkit-transition:all .2s .1s ease; transition:all .2s .1s ease;}
.area4-btn a:hover{ text-decoration: none; background: url(../images/area4-btn-hover.png) no-repeat; color: #fff;}

/*小屏幕*/
.smallwidth .area4{ width: 920px; }
.smallwidth .area4-top{ width: 850px; height: 186px; margin: 0 auto; overflow: hidden; position: relative; background:url(../images/area4-top-small-bg.jpg) no-repeat; margin-bottom: 70px; margin-top: 20px;}
.smallwidth .area4-top-title{ left: 387px; }
.smallwidth .area4-top-info{ width: 330px; }
.smallwidth .area4-top-info .content li{ width: 110px; }
.smallwidth .area4-bottom{ width: 850px; background:url(../images/area4-bottom-small-bg.jpg) no-repeat; }
.smallwidth .area4-bottom .area4-bottom-info{ width: 400px; }
.smallwidth .area4-bottom .info01,.smallwidth .area4-bottom .info02{ width: 300px; }
.smallwidth .area4-bottom .info06{ font-size: 14px; position: absolute; left: 50%; margin-left: -110px; top: 65px;}

/*区域5*/
.area5{ overflow: hidden; width: 1140px; margin: 0 auto; margin-top: 70px; }
.area5-top{ width: 1070px; height: 150px; overflow: hidden; margin: 0 auto; margin-top: 35px; padding-bottom: 20px;}
.area5-top-inner{ float: left; margin-left: -10px; }
.area5-top dl{ width: 344px; height: 144px; border:3px solid #EEEEEE; float: left; margin-left: 10px;}
.area5-top dl a{ display: block; width: 344px; height: 144px; float: left; }
.area5-top dl dt{ width: 125px; height: 144px; float: left; }
.area5-top dl dt .icon{ width: 90px; height: 90px; float: right; margin-top: 27px; background: url(../images/area5-icon.png) no-repeat;}
.area5-top dl dt .icon01{ background-position: 0 0; }
.area5-top dl dt .icon02{ background-position: 0 -90px; }
.area5-top dl dt .icon03{ background-position: 0 -180px; }
.area5-top dl dd{ padding-left: 10px; padding-right: 30px; float: left; width: 179px;}
.area5-top dl dd .title{ font-size: 16px; font-weight: bold; color: #333; text-align: center; height: 40px; line-height: 40px; padding-top: 10px; padding-bottom: 5px;-moz-transition:all .2s .1s ease; -ms-transition:all .2s .1s ease; -o-transition:all .2s .1s ease; -webkit-transition:all .2s .1s ease; transition:all .2s .1s ease;}
.area5-top dl dd .info{ color: #999; font-size: 14px; line-height: 24px;}
.area5-top dl a:hover .title{ color: #C72D35; }
.area5-top dl a:hover{ text-decoration: none; }
.area5-bottom{ width: 1070px; overflow: hidden; margin: 0 auto; margin-bottom: 40px; margin-top: 20px; }
.area5-bottom dl{ float: left; width: 503px; height: 128px; overflow: hidden; margin-right: 30px;}
.area5-bottom dl dt{ float: left; width: 128px; height: 128px; }
.area5-bottom dl dt img{ width: 128px; height: 128px; }
.area5-bottom dl dd{ width: 300px; height: 80px; float: right; padding: 24px 20px 24px 40px; background: url(../images/area5-bottom-dl-bg.jpg) no-repeat center right; }
.area5-bottom dl dd .name{ height: 35px; line-height: 35px; font-size: 16px; padding-top: 8px;}
.area5-bottom dl dd .phone{ height: 40px; }
.area5-bottom dl dd .phone .number{ height: 40px; line-height: 40px; font-size: 16px; font-weight: bold; color: #2273d2; float: left; margin-right: 5px;}
.area5-bottom dl dd .phone .zxzx{ height: 40px; float: left; }
.area5-bottom dl dd .phone .zxzx a{ display: block; width: 81px; height: 23px; background:url(../images/zxzx.png) no-repeat; margin-top: 8px;}

/*小屏幕*/
.smallwidth .area5{ width: 920px; }
.smallwidth .area5-top-inner{ float: left; margin-left:20px; display: inline;}
.smallwidth .area5-top dl{ width: 264px; height: 126px; margin-left: 20px; }
.smallwidth .area5-top dt{ width: 105px; height: 126px; }
.smallwidth .area5-top dt .icon{ margin-top: 18px; }
.smallwidth .area5-top dd{ width: 135px; }
.smallwidth .area5-top dl dd .title{ height: 25px; line-height: 25px; }
.smallwidth .area5-bottom{ width: 855px; }
.smallwidth .area5-bottom-inner{ float: left; margin-left: -30px; }
.smallwidth .area5-bottom dl { width: 412px; height: 135px; margin-right: 0; margin-left: 30px; }
.smallwidth .area5-bottom dt{ padding-top: 7px; }
.smallwidth .area5-bottom dd{ background:url(../images/area5-bottom-dl-small-bg.jpg) no-repeat center right; width: 210px; height: 100px; padding-top: 0; padding-bottom: 35px;}
.smallwidth .area5-bottom dl dd .phone .number{ margin-right: 0; }
.smallwidth .area5-bottom dl dd .phone .zxzx{ display: inline; margin-left: 65px; }