@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,p,dl,dd,ul,ol{margin:0;padding:0}em,i{font-style:normal}li{list-style:none}a,a:hover{text-decoration:none}img{border:0}table{border-collapse:collapse;border-spacing:0}label{cursor:default}body,button,input,select,textarea{font:12px/1.5 'microsoft yahei',arial,\5b8b\4f53}textarea{resize:none}a,a:focus{outline:none}.clearfix:after{content:'\20';display:block;height:0;clear:both}.clearfix{*zoom:1}.clear{display:block;height:0;clear:both;font-size:0;line-height:0;overflow:hidden}.fl{float:left;display:inline}.fr{float:right;display:inline}.fn{float:none}.tl{text-align:left}.tr{text-align:right}.tc{text-align:center}.hide{display:none}.show{display:block}.mt10{margin-top:10px}.noBg{background:none!important}.noBorder{border:0!important}.yahei{font-family:'microsoft yahei'}.red{color:red}
/* 项目主体部分设置 */
body{background:#fff;color:#333;}
a{color:#333;text-decoration:none;transition:color 0.3s linear 0s;}
a:hover{color:#d4010f;}
.wrapper { position:relative; width:100%; margin:0 auto; overflow:hidden; }
.g-in { width:1002px; margin:0 auto; }.g-in:after{content:'\20';display:block;height:0;clear:both}.g-in{*zoom:1}

.header { position:relative; width:100%; height:105px; z-index:9; }
.topArea { position:relative; height:105px; }
.logo { float:left; background:url(logo.jpg) no-repeat; overflow:hidden; display:inline; }
.logo a { display:block; width:370px; height:105px; line-height:9999px; }

.m-km { float:right; width:88px; margin-top:34px; font-size:16px; line-height:32px; text-align:center; }
.m-km a { display:block; border:1px solid #dd2937; background:#cc1118; border-radius:5px; color:#fff; }
.m-km a:hover { border:1px solid #cc1118; background:#ad0c12; color:#fff; }
.m-tel { float:right; margin:30px 27px 0 0; padding-left:50px; background:url(i01.jpg) no-repeat 0 center; font-size:16px; line-height:22px; }
.m-tel span { display:block; color:#cc1118; font-size:20px; line-height:30px; vertical-align:top; }

.banner { position:relative; width:100%; text-align:center; z-index:1; overflow:hidden; }
.banner .bd li { position:relative !important; }
.banner .bd li img { width:100% !important; }

.banner .bd { background:#fff; }
.banner .hd { position:absolute; bottom:25px; width:100%; height:14px; z-index:1; }
.banner .hd ul { width:1002px; margin:0 auto; text-align:center; }
.banner .hd ul li { display:inline-block; *display:inline; zoom:1; width:14px; height:14px; margin:0 3px; border-radius:100%; background:#fff; line-height:999px; overflow:hidden; cursor:pointer; vertical-align:top; }
.banner .hd ul .on { background:#074f96; }
.banner a.prev,.banner a.next{display:block;width:59px;height:60px;position:absolute;top:50%; margin-top:-30px; z-index:1; display:none;}
.banner a.prev{left:0;background:url(bPrev.png) no-repeat;} 
.banner a.next{right:0;background:url(bNext.png) no-repeat;}

.container { position:relative; z-index:4; }

.title .hd { padding:48px 0; text-align:center; }
.title .hd h2 { color:#d4111b; font-size:30px; line-height:60px; }
.title .hd h2 i { display:block; width:70px; height:5px; margin:0 auto; background:#d4111b; }
.title .hd p { font-size:16px; line-height:47px; }

.col-a .bd { padding-bottom:70px; }
.col-a .bd ul { padding-left:0; }
.col-a .bd ul li { position:relative; float:left; width:250px; height:236px; font-size:14px; line-height:22px; text-align:center; overflow:hidden; }
.col-a .bd ul li .mt { height:59px; padding-top:179px; font-size:16px; }
.col-a .bd ul li .mc { height:99px; padding:13px 0; color:#555; line-height:20px; }
.col-a .bd ul li .col-ass { position:absolute; top:0; left:0; width:250px; }

.col-a .bd ul li .mf a { display:block; width:100px; margin:0 auto; background:#cc1118; border-radius:5px; color:#fff; line-height:30px; }
.col-a .bd ul li .mf a:hover { background:#f00; }

.col-a-1 .mt { background:url(b1.jpg) no-repeat; }
.col-a-2 .mt { background:url(b2.jpg) no-repeat; }
.col-a-3 .mt { background:url(b3.jpg) no-repeat; }
.col-a-4 .mt { background:url(b4.jpg) no-repeat; }



.col-c { border-top:1px solid #ddd; background:#f8f9fa; }
.col-c-1 { padding-bottom:30px; border-bottom:1px solid #ddd; }
.col-c-2 { padding-top:40px; border-bottom:1px solid #ddd; background:#f5f5f5; }
.col-c-3 { padding-top:40px; border-bottom:1px solid #ddd; background:#f8f9fa; }

.col-c .hd { padding-bottom:20px; }
.col-c h3 { height:30px; line-height:30px; font-size:24px; text-align:center; }
.col-c h3 strong { position:relative; height:30px; display:inline-block; width:70px; margin-right:6px; color:#fff; font-size:24px; font-weight:bold; font-family:arial; vertical-align:top; }
.col-c h3 strong i { position:absolute; top:0; left:0; width:70px; height:25px; background:#d4111b; }
.col-c h3 strong s { position:relative; display:inline-block; padding-top:4px; text-decoration:none; line-height:26px; z-index:1; vertical-align:top; }
.col-c h3 span { display:inline-block; vertical-align:top; font-weight:normal; }

.col-c dt { color:#d4111b; font-size:20px; line-height:30px; }
.col-c dd { margin-bottom:10px; padding:4px 0 10px; border-bottom:2px dashed #e5e5e5; color:#555; font-size:13px; line-height:22px; }
.col-c dd:last-child { border:0; }

#app{position:relative;width:1200px;height:497px;margin:0 auto;}
#app ul { position:relative;width:1200px;height:497px; }
#app li { z-index:0;position:absolute; width:0px;height:0px;top:0;cursor:pointer;left:0; text-align:center; }
#app li img{width:100%;background:url(loading.gif) no-repeat center 50%;height:100%;vertical-align:top}
#app li span { display:none; font-size:16px; line-height:75px; }
#app .on span { display:block; }

#app .prev, #app .next{position:absolute;top:50%;width:0;height:0;margin-top:0;overflow:hidden;text-indent:-999px;cursor:pointer;}
#app .prev{left:-60px;}
#app .next{right:-60px;}

.col-c-1 h3 { margin-bottom:42px; }
.col-c-2 h3 { margin-bottom:40px; }
.col-c-2 dl { width:545px; padding-top:64px; }
.col-c-3 h3 { margin-bottom:20px; }
.col-c-3 dl { width:540px; padding:38px 0 40px; }
.col-c-3 dl dd { margin-bottom:10px; padding:4px 0 10px; }


.col-z { padding-bottom:20px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#f5f5f5; }
.col-z .bd { width:1000px !important; }
.col-z .bd ul { width:1010px; }
.col-z .bd ul li { float:left; width:188px; margin-right:12px; margin-bottom:15px; border:1px solid #aaa; }
.col-z .bd ul li img { width:100%; height:100%;}

.col-x { padding-bottom:15px; }
.col-x .hd { padding-bottom:28px; }
.col-x .bd ul { width:1010px; margin:0 auto; }
.col-x .bd ul>li { float:left; width:100%; margin-right:5px; text-align:center; }
.col-x .mt { height:160px; background:#77bc0a; color:#fff; font-size:18px; line-height:30px; }
.col-x .mt h3 { margin-bottom:12px; padding-top:50px; font-size:18px; line-height:32px; }
.col-x .mt p strong { position:relative; top:-13px; font-size:30px; vertical-align:top; line-height:45px; }
.col-x .mc { height:188px; padding:40px 0 0; border:1px solid #eee; background:#f5f5f5; }
.col-x .mc li { font-size:20px; line-height:45px; }
.col-x .mc li span { padding:0 2px; }
.col-x .bd ul .col-x-1 .mt { background:#77bc0a; }
.col-x .bd ul .col-x-1 .mc span { color:#77bc0a; }
.col-x .bd ul .col-x-2 .mt { background:#e8a904; }
.col-x .bd ul .col-x-2 .mc span { color:#e8a904; }
.col-x .bd ul .col-x-3 .mt { background:#06c4d7; }
.col-x .bd ul .col-x-3 .mc span { color:#06c4d7; }
.col-x .bd ul .col-x-4 .mt { background:#b268ef; }
.col-x .bd ul .col-x-4 .mc span { color:#b268ef; }
.col-x .ft { padding:15px 0 0; text-align:center; }
.col-x .ft a { display:block; width:1002px; margin:0 auto; border-radius:3px; background:#eee; color:#333; font-size:14px; line-height:40px; }
.col-x .ft a:hover { background:#cc1118; color:#fff; }

.footer { padding:30px 0; font-size:16px; line-height:26px; text-align:center; }
.back-to { position:fixed; bottom:110px; right:50%; margin-right:-680px; display:none; z-index:999; }
.back-to .back-top { display:block; width:60px; height:60px; background:url(top.png) no-repeat; outline:0 none; text-indent:-9999em; overflow:hidden; }
.back-to .back-top:hover { background-position:0 0; }
body img { vertical-align:top; }


.ibw-form-a { padding: 60px 0; text-align: center; }
.ibw-form-a a { display: inline-block; width: 380px; height: 50px; margin:0; padding:0; border-radius: 25px; border:0; background: #d4111b; box-shadow: 0 0 10px rgba(53, 113, 186, .2); color: #fff; line-height: 50px; font-size: 18px; cursor: pointer; transition: all .3s ease-in-out; }
.ibw-form-a a:hover { background: #326fba; color: #fff; }
