﻿@charset "utf-8";
/*
	Css for PEL,	ver 1.1
	CopyRight By Dongyi Network Technology CO.,Ltd Design Center
	首页 样式定义
*/

/*----------
	广外专题页样式
----------*/

.ztBanner{margin-top: 102px;}
#header .bg-color{background: #22407e;}

body{background:#fff;}
.pageBanner{ display:none !important; }
.ztBanner{ min-width:1200px; background: #fff url(images/bg_body.jpg) 50% 0px repeat-x;  position:relative; }
.ztBanner .txt{ z-index:1; position:absolute; top:0; left:50%; margin-left:-600px;  width:1200px;    }
.ztBanner .txt p{ display:inline-block; *display:inline; zoom:1; position:absolute; right:0; top:0;
	padding:40px 15px 5px 15px; background:#D13141; color:#fff; font:normal 18px/28px "微软雅黑";
}
.ztBanner .in{ width:1200px; z-index:0; position:relative; height: 493px; width: 1100px; margin: 0 auto; color: #333 }
.ztBanner .in .zt-logo{position: absolute; left: 0px; top: 21px; z-index: 3;}
.ztBanner .in .zt-pc{position: absolute; top: 117px; left: 605px; width: 558px; height: 503px; z-index: 1;}
.ztBanner .in .zt-phone{position: absolute; top: 378px; left: 1007px; width: 119px; height: 189px; z-index: 2;}
.ztBanner .in .intro{position: absolute; top: 183px; left: 15px; height: 210px; line-height: 30px; width: 548px; z-index: 4;}
.ztBanner .in .intro p{padding: 0px; margin: 0px; font-size: 14px; color: #fff; line-height: 30px; text-indent: 2em;}
.ztBanner .in .intro p.p3,
.ztBanner .in .intro p.p4,
.ztBanner .in .intro p.p5{text-indent: 4em;}

.introContent{ overflow:hidden; min-width: 1200px; background: #fff;}

/* ztBox */
.ztBox{}
.ztBox .hd{height: 60px; line-height: 60px; font-size: 18px; font-family: "Microsoft Yahei"; color: #232323}
.ztBox .bd{padding: 0px; margin: 0px;}
.ztBox .bd p{margin: 0px; padding: 0px; text-indent: 2em; font-size: 14px; line-height: 30px; color: #575757}

.intro p a{color: #1063b8}
.intro p a:hover{color: #c00}

/* layout-1 */
.layout-1{padding-top: 110px; padding-bottom: 20px;}
.layout-1 h2{height: 60px; line-height: 60px; width: 140px; padding-left: 50px; font-size: 32px; font-family: "Microsoft Yahei"; color: #1765b7; background: url(images/ico-01.png) 0px 20px no-repeat; margin: 0 auto; }
.layout-1 .intro{width: 1200px; text-align: center; line-height: 30px; margin: 0 auto; font-size: 14px; color: #4d4d4d }

/* layout-2 */
.layout-2{margin: 0 auto; background: #fbfbfb; border-top: 1px solid #eaeaea; padding-top: 60px; padding-bottom: 30px;}
.layout-2 h2{height: 60px; line-height: 60px; text-align: center; margin: 0 auto; font-size: 22px; font-family: "Microsoft Yahei";}
.layout-2 .picBar{width: 917px; height: 510px; overflow: hidden; position: relative; margin: 0 auto; }
.layout-2 .picBar .pic{width: 917px; height: 561px; margin: 0 auto; }
.layout-2 .con-1{width: 1120px; margin: 0 auto 20px; }
.layout-2 .con-1 .tit{height: 24px; width: 68px; text-align: center; line-height: 24px; font-size: 14px; font-family: "Microsoft Yahei"; color: #fff; background: url(images/ico-03.png) 0px 0px no-repeat; padding-bottom: 6px;}
.layout-2 .con-1 .intro{padding-top: 10px;}
.layout-2 .con-1 .intro p{text-align: left; line-height: 30px; margin: 0px; padding: 0px; text-indent: 2em; font-size: 14px; color: #666666}
.layout-2 .con-2{width: 1120px; margin: 0 auto; }
.layout-2 .con-2 .tit{height: 24px; width: 68px; text-align: center; line-height: 24px; font-size: 14px; font-family: "Microsoft Yahei"; color: #fff; background: url(images/ico-04.png) 0px 0px no-repeat; padding-bottom: 6px;}
.layout-2 .con-2 .intro{padding-top: 10px;}
.layout-2 .con-2 .intro p{text-align: left; line-height: 30px; margin: 0px; padding: 0px; text-indent: 2em; font-size: 14px; color: #666666}

/* layout-3 */
.layout-3{margin: 0 auto; padding-top: 60px; padding-bottom: 30px;}
.layout-3 h2{height: 60px; line-height: 60px; text-align: center; margin: 0 auto; font-size: 22px; font-family: "Microsoft Yahei";}
.layout-3 .picBar{width: 917px; height: 510px; overflow: hidden; position: relative; margin: 0 auto; }
.layout-3 .picBar .pic{width: 917px; height: 561px; margin: 0 auto; }
.layout-3 .con-1{width: 1120px; margin: 0 auto 20px; }
.layout-3 .con-1 .tit{height: 24px; width: 68px; text-align: center; line-height: 24px; font-size: 14px; font-family: "Microsoft Yahei"; color: #fff; background: url(images/ico-03.png) 0px 0px no-repeat; padding-bottom: 6px;}
.layout-3 .con-1 .intro{padding-top: 10px;}
.layout-3 .con-1 .intro p{text-align: left; line-height: 30px; margin: 0px; padding: 0px; text-indent: 2em; font-size: 14px; color: #666666}
.layout-3 .con-2{width: 1120px; margin: 0 auto; }
.layout-3 .con-2 .tit{height: 24px; width: 68px; text-align: center; line-height: 24px; font-size: 14px; font-family: "Microsoft Yahei"; color: #fff; background: url(images/ico-04.png) 0px 0px no-repeat; padding-bottom: 6px;}
.layout-3 .con-2 .intro{padding-top: 10px;}
.layout-3 .con-2 .intro p{text-align: left; line-height: 30px; margin: 0px; padding: 0px; text-indent: 2em; font-size: 14px; color: #666666}

/* layout-4 */
.layout-4{margin: 0 auto; background: #fbfbfb; padding-top: 60px; padding-bottom: 30px;}
.layout-4 h2{height: 60px; line-height: 60px; text-align: center; margin: 0 auto; font-size: 22px; font-family: "Microsoft Yahei";}
.layout-4 .picBar{width: 917px; height: 510px; overflow: hidden; position: relative; margin: 0 auto; }
.layout-4 .picBar .pic{width: 917px; height: 561px; margin: 0 auto; }
.layout-4 .picBar .bg{position: absolute; bottom: 0px; left: 0px; width: 900px; border-top: 1px solid #dadada; background: url(images/pic-bg.gif) 50% 0px no-repeat; height: 36px;}
.layout-4 .con-1{width: 1120px; margin: 0 auto 20px; }
.layout-4 .con-1 .tit{height: 24px; width: 68px; text-align: center; line-height: 24px; font-size: 14px; font-family: "Microsoft Yahei"; color: #fff; background: url(images/ico-03.png) 0px 0px no-repeat; padding-bottom: 6px;}
.layout-4 .con-1 .intro{padding-top: 10px;}
.layout-4 .con-1 .intro p{text-align: left; line-height: 30px; margin: 0px; padding: 0px; text-indent: 2em; font-size: 14px; color: #666666}
.layout-4 .con-2{width: 1120px; margin: 0 auto; }
.layout-4 .con-2 .tit{height: 24px; width: 68px; text-align: center; line-height: 24px; font-size: 14px; font-family: "Microsoft Yahei"; color: #fff; background: url(images/ico-04.png) 0px 0px no-repeat; padding-bottom: 6px;}
.layout-4 .con-2 .intro{padding-top: 10px;}
.layout-4 .con-2 .intro p{text-align: left; line-height: 30px; margin: 0px; padding: 0px; text-indent: 2em; font-size: 14px; color: #666666}

/* layout-5 */
.layout-5{padding-top: 56px; padding-bottom: 20px;}
.layout-5 h2{height: 60px; line-height: 60px; width: 99px; padding-left: 27px; font-size: 32px; font-family: "Microsoft Yahei"; color: #1765b7; background: url(images/ico-02.png) 0px 12px no-repeat; margin: 0 auto; text-align: center; }
.layout-5 .intro{width: 1200px; text-align: center; line-height: 30px; margin: 0 auto; font-size: 14px; color: #4d4d4d }

/* layout-6 */
.layout-6{background: #fbfbfb;}
.layout-6 .ztBox{width:570px; margin: 0 auto; padding: 80px 30px 100px 600px; background: url(images/pic-04.jpg) 28px 74px no-repeat;}
.layout-6 .ztBox .hd{margin-bottom:30px}

/* layout-7 */
.layout-7{}
.layout-7 .ztBox{width:560px; margin: 0 auto; padding: 46px 600px 80px 40px; background: url(images/pic-05.jpg) 638px 42px no-repeat;}
.layout-7 .ztBox .hd{margin-bottom: 10px;}

/* layout-8 */
.layout-8{background: #fbfbfb;}
.layout-8 .ztBox{width:570px; margin: 0 auto; padding: 80px 30px 90px 600px; background: url(images/pic-06.jpg) 28px 106px no-repeat;}
.layout-8 .ztBox .hd{margin-bottom:30px}

/* layout-9 */
.layout-9{}
.layout-9 .ztBox{width:560px; margin: 0 auto; padding: 46px 600px 180px 40px; background: url(images/pic-07.jpg) 638px 42px no-repeat;}
.layout-9 .ztBox .hd{margin-bottom: 10px;}

/* layout-10 */
.layout-10{background: #fbfbfb;}
.layout-10 .ztBox{width:570px; margin: 0 auto; padding: 76px 80px 90px 550px; background: url(images/pic-08.jpg) 56px 37px no-repeat;}
.layout-10 .ztBox .hd{margin-bottom:30px}

/* layout-11 */
.layout-11{}
.layout-11 .ztBox{width:560px; margin: 0 auto; padding: 46px 600px 180px 40px; background: url(images/pic-09.jpg) 638px 42px no-repeat;}
.layout-11 .ztBox .hd{margin-bottom: 10px;}

/* layout-12 */
.layout-12{background: #fbfbfb;}
.layout-12 .ztBox{width:570px; margin: 0 auto; padding: 80px 30px 100px 600px; background: url(images/pic-10.jpg) 28px 75px no-repeat;}
.layout-12 .ztBox .hd{margin-bottom:30px}

/* layout-13 */
.layout-13{}
.layout-13 .ztBox{width:560px; margin: 0 auto; padding: 46px 600px 180px 40px; background: url(images/pic-11.jpg) 638px 42px no-repeat;}
.layout-13 .ztBox .hd{margin-bottom: 10px;}

/* layout-14 */
.layout-14{background: #fbfbfb;}
.layout-14 .ztBox{width: 580px; margin: 0 auto; padding: 80px 30px 100px 590px; background: url(images/pic-12.jpg) 28px 75px no-repeat;}
.layout-14 .ztBox .hd{margin-bottom:30px}

/* layout-15 */
.layout-15{}
.layout-15 .ztBox{width:560px; margin: 0 auto; padding: 46px 600px 86px 40px; background: url(images/pic-13.jpg) 638px 42px no-repeat;}
.layout-15 .ztBox .hd{margin-bottom: 10px;}

.saomiao{padding-top: 68px; margin-bottom: 40px;}
.saomiao .pic{width: 274px; height: auto; margin: 0 auto; }
.saomiao .pic img{width: 274px; height: auto;}

.morecase{text-align:center; color:#333333; padding: 20px 0;font-size: 18px;line-height: 36px;}
.morecase a{text-decoration: underline;color:#d00200;}
.bdshare-button-style0-32{width: 250px;margin: 20px auto;}


.footerBg{background: #f5f5f5; padding-top: 15px;}