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

body, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, select, textarea, button, th, td, blockquote, address, pre { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, input, textarea, select, button, label { vertical-align: middle; }
ul, dl, ol { list-style: none; }
img, fieldset { border: none; }
a { color: #0078B6; text-decoration: none; cursor: pointer; }
img { display: inline-block; overflow: hidden; vertical-align: top; }
em, address { font-style: normal; }
table { border-collapse: collapse; border-spacing: 0; }
button { cursor: pointer; }
textarea { word-wrap: break-word; resize: none; }
menu { margin: 0; padding: 0; }
body { background-color: #fff; color: #333; font: 13px/1.5 Tahoma, Arial, "Microsoft YaHei", \5b8b\4f53,; font-family: Arial, "Microsoft YaHei"; margin: 0; padding: 0; }
legend, button, select, textarea, input { color: #333; font-family: Tahoma, Arial, \5b8b\4f53; }
label { cursor: pointer; }
@font-face {
font-family: 'Microsoft YaHeiRegular';
src: url("Microsoft YaHei.eot")/*tpa=http://www.wechatpen.com/cases/css/Microsoft YaHei.eot*/;
src: local('Microsoft YaHei Regular'),
local('Microsoft YaHei'),
url("Microsoft YaHei.woff")/*tpa=http://www.wechatpen.com/cases/css/Microsoft YaHei.woff*/ format('woff'),
url("Microsoft YaHei.ttf")/*tpa=http://www.wechatpen.com/cases/css/Microsoft YaHei.ttf*/ format('truetype'),
url("Microsoft YaHei.svg#fontName")/*tpa=http://www.wechatpen.com/cases/css/Microsoft YaHei.svg#fontName*/ format('svg')}

/*成功案例*/
.cgal{ margin:0 auto; width:1170px; overflow:hidden; height:40px; background-image:url("../images/cgal_bg.jpg")/*tpa=http://www.wechatpen.com/cases/images/cgal_bg.jpg*/; background-repeat:repeat-x; background-position:center; margin-bottom:20px; margin-top:20px;}
.cgal h2{ margin:0 auto;line-height:40px; width:150px; height:40px; background:#FFF; text-align:center; color:#666; font-size:30px;}
.cg_main{margin:0 auto; width:1170px; overflow:hidden; background:#F5F5F5; padding-top:10px;}
.cg_nav{ float:left; width:175px; background-image:url("../images/nav.png")/*tpa=http://www.wechatpen.com/cases/images/nav.png*/; background-position:92px 5px; background-repeat:no-repeat; margin-bottom:20px; overflow:hidden;}
.cg_nav ul{ margin-top:50px;}
.cg_nav ul li{ margin-left:25px; width:150px; height:30px; font-size:12px; line-height:30px; background:#fff; color:#666;}
.cg_nav ul li.topnav{background:#4E535D; color:#fff; width:150px; height:35px; line-height:35x; text-align:center; margin-bottom:3px; font-size:14px;}
.cg_nav ul li.topnav:hover{  width:150px; height:35px; background:#4E535D; margin-left:25px; padding-left:0px;}
.cg_nav ul li a{color:#666;}
.cg_nav ul li a:hover{ color:#fff;}
.cg_nav ul li p{ padding-left:15px;}
.cg_nav ul li:hover{ width:175px; height:30px; background:url("../images/hover.jpg")/*tpa=http://www.wechatpen.com/cases/images/hover.jpg*/; color:#fff; margin-left:0px; padding-left:25px;}

.cgcon{ float:left; width:730px; height:406px; font-size:14px; margin-top:40px; position:relative; overflow:hidden;}
.cgcon .cgcon-c{ height:406px; position:absolute; }
.cgleft,.cgright{ float:left; margin:40px; margin-top:200px; cursor:pointer;}
.cgcon_img{ float:left; width:206px; height:370px; background:url("../images/gckj.png")/*tpa=http://www.wechatpen.com/cases/images/gckj.png*/ no-repeat center; margin:18px; position:relative;}
.cgcon_img img{ padding-top:9px; padding-left:3px;}
.cgcon_img p{ text-align:center; height:30px; line-height:30px; padding-top:15px; font-size:14px;}
.cgcon_img span{ width:203px; height:349px; display:block; overflow:hidden; position:relative;}
.cgcon_img span i{background:url("../images/tmbg-ewm.png")/*tpa=http://www.wechatpen.com/cases/images/tmbg-ewm.png*/ repeat; position:absolute; width:200px;left:3px; height:132px; display:block; overflow:hidden;text-align:center; bottom:-136px;ba}

.cgcon_img b{ display:block; width:203px; height:304px; position:relative;}
.cgcon_img b em{ width:406px; position:absolute;}
.cgcon_logo{ width:82px; height:82px; position:absolute; left:50%; top:0; z-index:1; margin:-25px 0 0 -41px;}