@import 'animate.css';
@import 'skin.css';
/******************************
** åˆå§‹åŒ–
** 1.2.0 #df4a43
******************************/
* { margin:0; padding:0; }
html { height:100%; }
body { min-height:100%; font:14px/2 'Microsoft Yahei', Arial; color:#666; background:#fff; }
img { border:0px; }
ul, ol { list-style-type:none; vertical-align:bottom; }
table { border-collapse:collapse; border-spacing:0; }
input, textarea, select { font:14px/1 'Microsoft Yahei', Arial; color:#666; outline:0; }
textarea { resize:none; overflow:auto; }
h1,h2,h3,h4,h5,h6,font { font-size:14px; }
a { color:#333; text-decoration:none; cursor:pointer; }
a:hover, a:active { color:#df4a43; }
a:link,
a:link img,
input { transition:all .3s linear; }
.clearfix {*zoom: 1;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clear { float:none !important; clear:both; +line-height:0; +font-size:0; +height:0; }
.hidden { display:none; visibility:visible; }
.wrap { width:1200px; margin:0 auto; position:relative; }
.fl { float: left; }
.fr { float: right; }
.h { color: #df4a43; }
/******************************
** 首页
******************************/
.header { position:relative; height:122px; background:#fff; border-bottom: 1px solid #e9e9e9; z-index: 1000;}
.header .logo { margin: 24px 20px 0 0; padding-right: 20px; border-right: 1px solid #e9e9e9; }
.header .logo img { display:block; height: 70px; }
.header .text { margin-top: 20px; }
.header .text h3 { color: #2c2f3c; font-size: 22px; }
.header .text h3 span { color: #df4a43; }
.header .text h4 { color: #6b6e78; font-size: 20px; font-weight: normal; }
.header ul{margin: 27px 0 0 8px;}
.header ul li{margin-bottom: 8px; float: none;}
.header ul a{width: 90px;height: 26px;background: #eb353a;display: block;text-align: center;color: #ffffff;line-height: 26px;border-radius: 4px;}
.header .t_tel{text-align: right; width: 300px;margin-top: 24px;}
.header .t_tel p{background: url(../images/t_tel.png)no-repeat left center; float: right;font-size: 16px;color: #2c2f3c;padding-left: 33px;line-height: 30px;}
.header .t_tel h2{font-size: 30px;color: #565353;font-weight: bold; display: inline-block;line-height: 38px;}
.header .button{position: relative;transition: all .3s linear;}
.header .button img{width:0;position: absolute; transition: all .3s linear; z-index: 2;}
.header .button:hover img{width:90px;}
.navbox { position: relative; height: 73px; }
.navbox .bottom { position: absolute; bottom: 0; left: 0; right: 0; height: 4px; background: url(../images/nav-b.jpg) bottom center repeat-x; }
.nav { z-index:10; position: relative; height: 73px; }
.nav li { float:left; width:142px; height:73px; position:relative; padding: 0 4px; }
.nav li > a { display:block; height: 73px; line-height: 73px; font-size:16px; color:#2c2f3c; text-align:center; transition:none; }
.nav .drop { position:absolute; left: 4px; top: 73px; right:0; background:url(about:blank) center center repeat; display:none; width:142px; overflow: hidden; }
.nav .drop dl { position:relative; background:#df4a43; }
.nav .drop dd { height: 43px; line-height: 43px; text-align:center; background:#df4a43; vertical-align:middle; }
.nav .drop a { display:block; text-align: center; color:#fff; line-height:43px; }
.nav .drop a:hover,.nav .cur a { background: url(../images/nav-dd.jpg) top center no-repeat; color: #fff; }
.nav.active li.current > a { color:#333; font-weight: normal; border-bottom: none; background: none; }
.nav li.active > a,.nav .cur a { color:#fff !important; font-weight: bold !important; background: url(../images/nav.jpg) bottom center no-repeat; background-size: cover;}
.nav li.current > a { color:#fff; font-weight: bold; background: url(../images/nav.jpg) bottom center no-repeat;font-size: 16px; }
.banner { position:relative; z-index:8; }
.banner .list { position:relative; overflow:hidden; z-index:1; }
.banner .list li { position:absolute; width:100%; height:100%; overflow:hidden; background:#FFF; display:none; z-index:1; }
.banner .list li:first-child { display:block; }
.banner .list li.active { z-index:2; }
.banner .list img { position:relative; display:block; width:1920px; left:50%; margin:0 0 0 -960px; }
.banner .dots { position: absolute; left: 50%; bottom: 30px; margin: 0 0 0 -50px; line-height: 0; z-index: 18; }
.banner .dots li { display: inline-block; +display: inline; +zoom: 1; width: 16px; height: 16px; background: #fff; margin: 0 8px; cursor: pointer; transition: all .3s ease; border-radius: 50%; }
.banner .dots li.active { background: #df4a43; }
.banner .prev,
.banner .next { width: 30px; height: 53px; position: absolute; top: 50%; margin: -50px 0 0; z-index: 9; cursor: pointer; display: none; }
.banner .prev { background: url(../images/banner-pw.png) 0 0 no-repeat; left: 30px; }
.banner .next { background: url(../images/banner-pw.png) -32px 0 no-repeat ; right: 30px; }
.banner .list,
.banner .list img { height:593px; }
.banner.mini .list,
.banner.mini .list img { height:300px; }
/*baner_b*/
.baner_b{width:100%;height:68px;line-height:68px;border-bottom:1px solid #dedede;box-shadow: 0 0 24px #ccc;}
.baner_b .w{}
.baner_b p{float:left;max-width:870px;color:#333333;font-size: 14px;}
/*æœç´¢*/
.searcher {position:relative;float: right;margin:18px 40px 0 0;width:292px;height:36px;}
.searcher .txt{ width:291px;height:33px;line-height:33px;float:left; text-indent: 14px;border: 1px solid #eeeeee;}
.searcher .submit{position:absolute;right:0;top:1px; width:78px;height:33px;float:right;border:0px;background:url(../images/sou.jpg)no-repeat center right; color: #fff;cursor:pointer;}
.ipro { position: relative; padding: 60px 0; text-align: center; }
.ipro.wrap { overflow: hidden; }
.ipro .head h2 { color: #2c2f3c; font-size: 36px;background: url(../images/xian01.png)no-repeat center; line-height: 58px;}
.ipro .head h2 span { color: #df4a43; }
.ipro .head h3{color: #999999;font-size: 18px;font-weight: normal;text-transform:uppercase;line-height: 32px;}
.ipro .list { position: relative; width: 105%; overflow: hidden; }
.ipro .list li { height: 270px; width: 211px; background: url(../images/pro.png) left bottom no-repeat; text-align: center; margin: 40px 22px 70px 0; display:inline-block;*zoom:1;*display: inline; }
.ipro .list li .img { text-align: center; position: relative; }
.ipro .list li .img a { display: inline-block; width: 108px; height: 108px; border: 1px solid #e9e9e9; border-radius: 50%; overflow: hidden; box-shadow: 0 5px 10px 0px rgba(63, 63, 63, 0.1); -moz-box-shadow: 0 5px 10px 0px rgba(63, 63, 63, 0.1); background: #fff; }
.ipro .list li .img img { width: 100%; height: auto; }
.ipro .list h3 a { font-size: 24px; color: #2c2f3c; }
.ipro .list .line { display: block; width: 35px; height: 2px; margin: 10px auto; background: #df4a43; }
.ipro .list .more { font-size: 16px; color: #6b6e78; }
.ipro .list li:hover { background: url(../images/pro.png) right bottom no-repeat; }
.ipro .list li:hover h3 a { color: #fff; }
.ipro .list li:hover .line { background: #fff; }
.ipro .list li:hover .more { color: #fff; }
.ipro .amore { display: inline-block; width: 260px; height: 58px; line-height: 58px; text-align: center; background: #df4a43; color: #fff; font-size: 18px; }
.ipro .amore:hover { padding: 0 10px; }
.imessage { position: relative; height: 500px; background: url(../images/form-bj.jpg) top center no-repeat; text-align: center; }
.imessage h2 { font-size: 36px; color: #2c2f3c; padding-top: 50px; line-height: 58px;}
.imessage h2 span { color: #df4a43; }
.imessage p { font-size: 18px; color: #6b6e78; line-height: 32px;}
.imessage .iform { position: relative; width: 100%; }
.imessage .form { position: relative; text-align: center; padding-left: 30px; }
.imessage .form .item { position: relative; display: block; margin: 50px 0 0 50px; float: left; width: 280px; height: 55px; line-height: 55px; border: 1px solid #dfdfdf; border-radius: 4px; padding-left: 50px; line-height: 55px; }
.imessage .form .li-1 { background: url(../images/form-2.png) 5px center no-repeat #fff; }
.imessage .form .li-2 { background: url(../images/form-3.png) 5px center no-repeat #fff; }
.imessage .form .li-3 { background: url(../images/form-4.png) 5px center no-repeat #fff; }
.imessage .name,
.imessage .tel,
.imessage .content { position: relative; display: block; width: 280px; height: 55px; line-height: 55px; font-size: 18px; float: left; background: none; border: 0px; }
.imessage .tu { position: absolute; top: 0; right: 0; bottom: 0; display: block; width: 55px; height: 55px; background: url(../images/form-1.png) center no-repeat; z-index: 2; text-transform: uppercase; }
.imessage .list { width: 280px; position: absolute; top: 60px; left: 0; right: 0; border: 1px solid #dfdfdf; display: none;z-index:10; }
.imessage .list li { background: #fff; line-height: 40px; text-transform: uppercase; }
.imessage .list li:hover { background: #f9f9f9; }
.imessage .but { display: inline-block; width: 260px; height: 58px; line-height: 58px; border: 1px solid #df4a43; color: #df4a43; text-align: center; font-size: 18px;position: absolute;
top: 200px;
left: 50%;
margin-left: -260px;}
.imessage .button { width: 260px; height: 58px; line-height: 58px; background: #df4a43; text-align: center; color: #fff; border: 1px solid #df4a43; font-size: 18px; /* margin: 60px 10px 0 10px; */text-transform: uppercase; position: absolute;
top: 201px;
left: 50%;
margin-left: 29px;}
.imessage h3 { display: inline-block; font-size: 28px; width: 680px; color: #fff; line-height: 56px; font-weight: normal; margin-top: 20px; background: url(../images/tel.png) left center no-repeat; }
.imessage .but:hover { background: #fff; color: #df4a43; border: 1px solid #df4a43; }
.imessage .button:hover { border: 1px solid #2c2f3c; background: #2c2f3c; }
.imajor { position: relative; padding: 60px 0; text-align: center; }
.imajor.wrap { overflow: hidden; }
.imajor h2 { font-size: 36px; color: #2c2f3c; background: url(../images/xian01.png)no-repeat center; line-height: 58px; }
.imajor h2 span { color: #df4a43; }
.imajor p { font-size: 18px; color: #6b6e78; line-height: 32px; }
.imajor .list { position: relative; margin: 40px 0 0; overflow: hidden; }
.imajor .list li { position: relative; text-align: center; width: 155px; margin: 20px 20px; }
.imajor .list .img { width: 155px; height: 155px; overflow: hidden; border: 1px solid #dfdfdf; border-radius: 50%; position: relative; text-align: center; }
.imajor .list .img img { position: relative; height: 100%; width: auto; }
.imajor .list h3 { margin-top: 10px; font-weight: normal; font-size: 18px; }
.imajor .more { display: inline-block; width: 260px; height: 58px; line-height: 58px; text-align: center; color: #fff; background: #df4a43; font-size: 18px; margin: 50px 0 20px; }
.imajor .list li:hover .img { box-shadow: 0 5px 10px 0px rgba(63, 63, 63, 0.1); -moz-box-shadow: 0 5px 10px 0px rgba(63, 63, 63, 0.1); }
.imajor .list li:hover .img img { transform:scale(1.05,1.05); }
.imajor .list li:hover h3 a { color: #df4a43; }
.imajor .more:hover { padding: 0 10px; }
.ihelp { position: relative; height: 1121px; background: url(../images/help-bj.jpg) top center no-repeat; text-align: center; }
.ihelp .wrap { overflow: hidden; }
.ihelp .head{padding-top: 125px;}
.ihelp .head h1 { color: #ffffff; font-size: 36px;background: url(../images/xian02.png)no-repeat center; line-height: 58px;}
.ihelp .head h3{color: #999999;font-size: 16px;font-weight: normal;text-transform:uppercase;line-height: 32px;}
.ihelp h2 { font-size:26px; color: #fff;line-height: 45px; }
.ihelp h2 span { color: #df4a43; }
.ihelp .title { margin-top: 50px; }
.ihelp .t { font-size: 16px; color: #fff; line-height: 35px; }
.ihelp .list1 { position: relative; width: 100%; text-align: center; }
.ihelp .item1 { position: relative; display:inline-block;*zoom:1;*display: inline;width: 175px; height: 139px; background: #fff; border-radius: 10px; margin: 18px 30px 0; }
.ihelp .item1 h3 { font-size: 24px; color: #2c2f3c; line-height: 30px; margin-top: 15px; }
.ihelp .item1 h3 span { font-size: 30px; color: #df4a43; }
.ihelp .item1 .f { color: #df4a43; font-size: 24px; font-weight: bold; line-height: 40px; }
.ihelp .item1 .b { width: 106px; height: 27px; background: #aaaaaa; border-radius: 4px; display: inline-block; font-size: 18px; color: #fff; line-height: 27px; }
.ihelp .jian { display: inline-block; width: 29px; height: 53px; margin: 60px 0 20px; background: url(../images/help-1.png) center no-repeat; }
.ihelp .list2 { position: relative; width: 105%; }
.ihelp .list2 .item2 { width: 237px; position: relative; margin: 40px 30px 0; text-align: center; background: url(../images/help-2.png) center 20px no-repeat; }
.ihelp .item2 h3 { font-size: 24px; color: #fff; }
.ihelp .item2 .b { display: inline-block; width: 126px; height: 35px; line-height: 35px; text-align: center; background: #df4a43; font-size: 18px; font-weight: bold; color: #fff; margin: 15px 0; }
.ihelp .item2 .you { position: relative; text-align: left; margin: 5px 0 0 18px; }
.ihelp .item2 .you dd { font-size: 14px; color: #fff; background: url(../images/help-3.png) left center no-repeat; padding-left: 20px; }
.ihelp .item2 .more { width: 235px; height: 41px; display: block; border: 1px solid #fff; line-height: 43px; font-size: 18px; color: #fff; margin-top: 60px; }
.ihelp .item2 .more:hover { background: #fff; color: #df4a43; }
.iwhy { position: relative; height: 964px; background: url(../images/why-bj.jpg) top center no-repeat; text-align: center; }
.iwhy .wrap { overflow: hidden; }
.iwhy .title { width: 525px; height: 527px; background: url(../images/why-1.png) center no-repeat; position: relative; margin: 155px 0 0; }
.iwhy .title h2 { font-size: 50px; color: #fff; margin: 124px -60px 0 0; line-height: 50px; }
.iwhy .title h3 { font-size: 53px; color: #fff; }
.iwhy .title h3 span { color: #ffd800; }
.iwhy .title .eng { font-size: 26px; color: #efb4b2; text-transform: uppercase; margin: -7px 40px 0 0; }
.iwhy .title .tel { position: relative; text-align: left; background: url(../images/tel.png) left center no-repeat; padding-left: 70px; margin: 25px 0 0 118px; }
.iwhy .title .tel .t { font-size: 18px; color: #fff; line-height: 18px; }
.iwhy .title .tel h4 { font-size: 30px; color: #fff; line-height: 40px; }
.iwhy .list { position: relative; background: url(../images/why-2.png) left top no-repeat; height: 726px; margin: 70px 0 0 -120px; text-align: left; }
.iwhy .list li { width: 485px; padding-left: 100px; }
.iwhy .list li h3 { font-size: 24px; font-weight: normal; color: #df4a43; }
.iwhy .list li p { color: #2c2f3c; font-size: 16px; }
.iwhy .list .item-1 { background: url(../images/why-3.png) left center no-repeat; margin: 25px 0 0 85px; }
.iwhy .list .item-2 { background: url(../images/why-4.png) left center no-repeat; margin: 20px 0 0 165px; }
.iwhy .list .item-3 { background: url(../images/why-5.png) left center no-repeat; margin: 20px 0 0 200px;}
.iwhy .list .item-4 { background: url(../images/why-6.png) left center no-repeat; margin: 20px 0 0 205px; }
.iwhy .list .item-5 { background: url(../images/why-7.png) left center no-repeat; margin: 20px 0 0 185px; }
.iwhy .list .item-6 { background: url(../images/why-8.png) left center no-repeat; margin: 20px 0 0 150px; }
.iwhy .zi,
.iwhy .lian { display: inline-block; width: 260px; height: 58px; line-height: 58px; border: 1px solid #df4a43; text-align: center; margin: 40px 20px 0 0; font-size: 18px; color: #df4a43; }
.iwhy .lian { background: #df4a43; color: #fff; }
.iwhy .zi:hover { background: #df4a43; color: #ffffff; border: 1px solid #df4a43; }
.iwhy .lian:hover { border: 1px solid #2c2f3c; background: #2c2f3c; }
.ischool { position: relative; padding: 60px 0 85px; text-align: center; }
.ischool .head h2 { font-size: 40px; color: #333333;background: url(../images/xian01.png)no-repeat center; line-height: 58px;}
.ischool .head p { font-size: 16px; color: #999999;text-transform:uppercase;line-height: 32px; }
.ischool .listbox { position: relative; height: 750px; }
.ischool .listbox.wrap { overflow: hidden; }
.ischool .content { position: relative; overflow: hidden; height: 750px; }
.ischool .content .list { position: relative; height: 750px; }
.ischool .list li { width: 381px; position: relative; border: 1px solid #f9f9f9; margin: 30px 25px 0 0; }
.ischool .list li .img { width: 381px; height: 286px; overflow: hidden; text-align: center; background: #f9f9f9; }
.ischool .list .img img { height: 100%; width: auto; }
.ischool .list h3 { height: 50px; text-align: center; font-weight: normal; color: #2c2f3c; }
.ischool .list h3 a { line-height: 50px; font-size: 18px; }
.ischool .list li:hover { box-shadow: 0 5px 10px 0px rgba(63, 63, 63, 0.1); -moz-box-shadow: 0 5px 20px 0px rgba(63, 63, 63, 0.1); }
.ischool .list li:hover img { transform:scale(1.05,1.05); }
.ischool .list li:hover h3 a { color: #df4a43; }
.ischool .btnNext,
.ischool .btnPrev { width: 47px; height: 47px; display: block; position: absolute; top:47%; border-radius: 50%; }
.ischool .btnPrev { left: 50%; margin-left: -680px; background: url(../images/btn-pw.png) left center no-repeat #df4a43;}
.ischool .btnNext { right: 50%; margin-right: -680px; background: url(../images/btn-pw.png) right center no-repeat #df4a43; }
.ischool .btnPrev:hover { background: url(../images/btn-pw.png) left center no-repeat #2c2f3c; }
.ischool .btnNext:hover { background: url(../images/btn-pw.png) right center no-repeat #2c2f3c; }
.ischool .schmore { display: inline-block; width: 260px; height: 58px; line-height: 58px; background: #df4a43; color: #fff; font-size: 18px; margin: 30px 0 0 0; }
.ischool .schmore:hover { padding: 0 10px; }
.iabout { position: relative; background: url(../images/about-bj.jpg) top center no-repeat #fff; padding: 60px 0; text-align: center; }
.iabout .head h2 { color: #ffffff; font-size: 36px;background: url(../images/xian02.png)no-repeat center; line-height: 58px;}
.iabout .head h3{color: #ffffff;font-size: 18px;font-weight: normal;text-transform:uppercase;line-height: 32px;}
.iabout .content { border: 1px solid #e9e9e9; background: #fff; box-shadow: 0 5px 10px 0px rgba(63, 63, 63, 0.1); -moz-box-shadow: 0 5px 20px 0px rgba(63, 63, 63, 0.1); margin-top: 30px; }
.iabout p { padding: 30px 20px; font-size: 16px; color: #2c2f3c; text-align: left; line-height: 35px; }
.iabout .more { display: inline-block; width: 210px; height: 55px; line-height: 55px; text-align: center; background: #df4a43; color: #fff; font-size: 18px; }
.iabout .more:hover { padding: 0 10px; }
.iabout .list { position: relative; text-align: center; margin: 30px 0; }
.iabout .list li { position: relative; display:inline-block;*zoom:1;*display: inline;width: 267px; height: 201px; overflow: hidden; border: 1px solid #e9e9e9; margin: 10px; }
.iabout .list li img { height: 100%; width: auto; }
.iabout .list li h3 { height: 30px; line-height: 30px; background: url(../images/case-bj.png) center repeat; position: absolute; left: 0; right: 0; bottom: -30px; color: #fff; font-weight: normal; transition:all .2s linear; }
.iabout .list li:hover img { transform:scale(1.05,1.05); }
.iabout .list li:hover h3 { bottom: 0; }
.istu { position: relative; padding: 60px 0 60px; text-align: center; }
.istu .wrap { overflow: hidden; }
.istu h2 { font-size: 35px; color: #2c2f3c; }
.istu h2 span { color: #df4a43; }
.istu .tu { display: inline-block; width: 243px; height: 13px; background: url(../images/head-1.png) top center no-repeat; margin: 5px 0; }
.istu .content { width: 100%; overflow: hidden; height: 348px; position: relative; margin-top: 40px; }
.istu .content .listbox { width: 300%; height: 348px; overflow: hidden; position: relative; }
.istu .listbox li { position: relative; height: 348px; text-align: left; width: 1200px; }
.istu .listbox li .img { width: 460px; height: 346px; border: 1px solid #e9e9e9; overflow: hidden; text-align: center; background: #f9f9f9; margin-right: 30px; }
.istu .listbox li .img img { height: 100%; width: auto; }
.istu .listbox li .text { width: 690px; }
.istu .text h3 a { display: block; width: 185px; height: 54px; line-height: 54px; text-align: center; background: #df4a43; color: #fff; font-size: 20px; }
.istu .text p { font-size: 16px; color: #2c2f3c; margin: 30px 0; }
.istu .text p a { color: #df4a43; }
.istu .stulist { position: absolute; left: 484px; bottom: 0; }
.istu .stulist li { position: relative; width: 170px; height: 128px; border: 1px solid #e9e9e9; margin-left: 6px; overflow: hidden; background: #000; text-align: center; cursor:pointer; }
.istu .stulist li span { display: block; width: 100%; height: 100%; background: url(../images/case-bj.png) center repeat; position: absolute; top: 0; right: 0; bottom: 0; left: 0; transition:all .3s linear; }
.istu .stulist li img { height: 100%; width: auto; }
.istu .listbox li h3:hover a { background: #2c2f3c; }
.istu .stulist li:hover span { display: none; }
.istu .stulist li.active span { display: none; }
.istu .btnNext,
.istu .btnPrev { width: 47px; height: 47px; display: block; position: absolute; top:57%; border-radius: 50%; }
.istu .btnPrev { left: 50%; margin-left: -680px; background: url(../images/btn-pw.png) left center no-repeat #df4a43;}
.istu .btnNext { right: 50%; margin-right: -680px; background: url(../images/btn-pw.png) right center no-repeat #df4a43; }
.istu .btnPrev:hover { background: url(../images/btn-pw.png) left center no-repeat #2c2f3c; }
.istu .btnNext:hover { background: url(../images/btn-pw.png) right center no-repeat #2c2f3c; }
.istu .more { display: inline-block; width: 260px; height: 58px; line-height: 58px; text-align: center; color: #fff; background: #df4a43; font-size: 18px; margin: 50px 0 20px; }
.istu .more:hover { padding: 0 10px; }
/*course*/
.course{background: url(../images/course_bg.jpg)no-repeat center;height: 208px;}
.course .tit{background: url(../images/ctit.png)no-repeat center;height: 46px;padding: 50px 0 30px;}
.course .ctel{text-align: center;}
.course .ctel h2{color: #ffffff; display: inline-block;font-size: 24px;font-weight: normal;background: url(../images/ctel.png)no-repeat center left;padding-left: 45px;line-height: 44px;}
.course .ctel a{color: #ffffff; display: inline-block;width: 156px;height: 44px;background: #df4a43;line-height: 44px;border-radius: 4px;font-size: 18px;margin-left: 10px;}
/*iavd*/
.iavd{background: url(../images/iavd_bg.jpg)no-repeat center bottom;}
.iavd ul{padding-bottom: 36px;}
.iavd ul li{float: left;width: 216px;height: 272px;position: relative;}
.iavd ul li.li01{background: url(../images/iavd01.png)no-repeat center;}
.iavd ul li.li02{background: url(../images/iavd02.png)no-repeat center;}
.iavd ul li.li03{background: url(../images/iavd03.png)no-repeat center;}
.iavd ul span{display: block;position: absolute;bottom: 0;font-size: 18px;font-weight: bold;color: #ffffff;line-height: 74px;margin-left: 67px;}
.iavd .tit{background: url(../images/iavd_fr.png)no-repeat center right; width: 500px;margin-top: 30px;}
.iavd .tit h2{font-size: 48px;color: #dddddd;text-transform:uppercase;font-style: italic;line-height: 48px;}
.iavd .tit h3{font-size:24px;color: #333;font-style: italic;line-height: 34px;}
.iavd .tit .bot{}
.iavd .tit .bot h4{font-size:18px;color: #333;font-weight: normal; line-height: 58px; margin: 40px 0 15px;}
.iavd .tit .bot b{font-size: 36px;color: #ffd800;}
.iavd .tit .bot a{width: 172px;height: 44px;background: #df4a43;display: block;color: #ffffff;text-align: center;line-height: 44px;border-radius: 44px;font-size: 16px;}
.inews { position: relative; padding: 40px 0; }
.inews.wrap { overflow: hidden; }
.inews .headr{text-align: center;margin: 50px 0;}
.inews .headr h2 { font-size: 40px; color: #333333;background: url(../images/xian01.png)no-repeat center; line-height: 58px;}
.inews .headr p { font-size: 16px; color: #999999;text-transform:uppercase;line-height: 32px; }
.news { width: 747px; }
.news .head { height: 70px; line-height: 50px; background: url(../images/head-3.png) bottom left no-repeat; }
.news .head h2 { font-size: 30px; color: #2c2f3c; padding-left: 50px; background: url(../images/news-1.png) left center no-repeat; }
.news .head .pw { width: 70px; position: relative; margin-top: 12px; }
.news .head .btnNext,
.news .head .btnPrev { width: 32px; height: 32px; display: block; border-radius: 50%; }
.news .head .btnPrev { background: url(../images/edu-pw.png) left center no-repeat #df4a43;}
.news .head .btnNext { background: url(../images/edu-pw.png) right center no-repeat #df4a43; }
.news .head .btnPrev:hover { background: url(../images/edu-pw.png) left center no-repeat #2c2f3c; }
.news .head .btnNext:hover { background: url(../images/edu-pw.png) right center no-repeat #2c2f3c; }
.news .prob { position: relative; margin: 30px 0 0; overflow: hidden; }
.news .prob .img { position: relative; width: 300px; height: 194px; overflow: hidden; background: #f9f9f9; text-align: center; margin-right: 20px; }
.news .prob img { width: 100%; height: auto; }
.news .prob .text { position: relative; width: 425px; }
.news .prob .t { position: relative; height: 40px; line-height: 40px; }
.news .prob h3 { font-size: 20px; color: #2c2f3c; font-weight: normal; }
.news .prob .time { font-size: 16px; color: #666; }
.news .prob p { line-height: 30px; color: #666; margin: 8px 0; text-align: justify;}
.news .prob .more { display: block; width: 150px; height: 47px; line-height: 47px; background: #df4a43; font-size: 16px; color: #fff; text-align: center; }
.news .prob .more:hover { background: #2c2f3c; }
.news .newsbox { position: relative; width: 747px; height: 225px; overflow: hidden; margin-top: 20px; }
.news .listcont { height: 225px; position: relative; }
.news .newsbox .list { position: relative; float: left; height: 225px; overflow: hidden; }
.news .newsbox .item { height: 70px; line-height: 70px; position: relative; width: 747px; border-bottom: 1px solid #e9e9e9; float: left; }
.news .newsbox h3 { color: #2c2f3c; font-size: 18px; font-weight: normal; }
.news .newsbox h3 span { display: inline-block; width: 14px; height: 14px; background: url(../images/news-3.png) left center no-repeat; margin-right: 15px; }
.news .newsbox .item:hover h3 { color: #df4a43; }
.news .newsbox .item:hover h3 span { background-position: -14px 0px; }
/*常è§é—®é¢˜*/
.problem { width: 400px; position: relative; }
.problem .head { height: 70px; line-height: 50px; background: url(../images/head-3.png) bottom left no-repeat; }
.problem .head h2 { font-size: 30px; color: #2c2f3c; padding-left: 50px; background: url(../images/news-2.png) left center no-repeat; }
.problem .head .more { display: inline-block; width: 77px; height: 32px; border-radius: 32px; background: #df4a43; color: #fff; line-height: 32px; text-align: center; margin-top: 10px; text-transform: uppercase; }
.problem .head .more:hover { background: #2c2f3c; }
.problem .list { width: 400px; position: relative; margin-top: 30px; }
.problem li { width: 400px; height: 65px; line-height: 65px; position: relative; background: #f0f3f7; margin-top: 8px; }
.problem li:first-child { margin-top: 0px; }
.problem li h3 { color: #333; font-size: 17px; font-weight: normal; }
.problem li h3 .d { display: inline-block; width: 14px; height: 14px; background: url(../images/news-3.png) left center no-repeat; margin: 0 15px; }
.problem li .amore { display: inline-block; width: 25px; height: 25px; border-radius: 50%; background: url(../images/news-4.png) left center no-repeat #d2d2d2; margin: 20px; }
.problem li:hover { background: #df4a43; }
.problem li:hover h3 { color: #fff; }
.problem li:hover h3 .d { background-position: -28px 0px; }
.problem li:hover .amore { background: url(../images/news-4.png) right center no-repeat #fff; }
.ifooter { background: #2c2f3c; position: relative; }
.ifooter .wrap { overflow: hidden; }
.ifooter a:hover { color: #df4a43; }
.ifooter .subads { position: relative; width: 360px; height: 320px; margin: 40px 40px 0 0; }
.ifooter .subads dt { font-size: 18px; color: #fff; line-height: 60px; height: 60px; }
.ifooter .subads dt .tu { display: inline-block; width: 30px; height: 60px; background: url(../images/bottom.png) left center no-repeat; margin-right: 15px; }
.ifooter .subads dd { color: #d7d8d9; line-height: 40px; }
.ifooter .sublink { position: relative; width: 230px; height: 320px; margin: 40px 40px 0 0; }
.ifooter .sublink dt { font-size: 18px; color: #fff; line-height: 60px; height: 60px; }
.ifooter .sublink dt .tu { display: inline-block; width: 30px; height: 60px; background: url(../images/bottom.png) -30px center no-repeat; margin-right: 15px; }
.ifooter .sublink dd a { color: #d7d8d9; line-height: 40px; }
.ifooter .sublink dd a:hover { color: #fff; }
.ifooter .sublink .zi { width: 130px; height: 37px; line-height: 37px; background: #fff; padding-left: 20px; font-size: 16px; color: #2c2f3c; position: relative; margin-top: 20px; }
.ifooter .sublink .more { position: absolute; top: 0; bottom: 0; right: 0; width: 38px; background: url(../images/zixun.png) center no-repeat #df4a43; }
.ifooter .sublink .more:hover { width: 50px; }
.ifooter .subcode { position: relative; width: 245px; height: 320px; margin: 40px 0 0 0; }
.ifooter .subcode h2 { font-size: 18px; color: #fff; line-height: 60px; height: 60px; font-weight: normal; }
.ifooter .subcode h2 .tu { display: inline-block; width: 30px; height: 60px; background: url(../images/bottom.png) -60px center no-repeat; margin-right: 15px; }
.ifooter .subcode p { color: #d7d8d9; line-height: 40px; }
.ifooter .tubiao { position: relative; overflow: hidden; }
.ifooter .tubiao li { width: 30px; height: 30px; border-radius: 50%; margin-top: 10px; cursor:pointer; float: left; }
.ifooter .tubiao .iyi { background: url(../images/code-yi.png) left center no-repeat #fff; margin-right: 10px; }
.ifooter .tubiao .iwei { background: url(../images/code-wei.png) left center no-repeat #fff; }
.ifooter .code { position: relative; overflow: hidden; margin-top: 15px; }
.ifooter .code dd { display: none; width: 116px; height: 116px; border-radius: 4px; overflow: hidden; background: #eee; }
.ifooter .code dd img { height: 100%; width: auto; }
.ifooter .tubiao .iyi.active { background: url(../images/code-yi.png) right center no-repeat #df4a43; margin-right: 10px; }
.ifooter .tubiao .iwei.active { background: url(../images/code-wei.png) right center no-repeat #df4a43; }
.ifooter .code dd:first-child { display: inline-block; }
.ifooter .code dd.active { display: inline-block; }
.ifooter .cline { display: block; width: 100%; height: 1px; background: #565963; }
.ifooter .bottomer { height: 60px; line-height: 60px; text-align: center; }
.ifooter .bottomer p { color: #bebec1; }
.ifooter a { color: #bebec1; line-height: 40px; }
.ifooter a:hover { color: #fff; }
.toolbar { position:fixed; top:500px; right:1px; z-index:100; }
.toolbar > * { width:56px; height:56px; position:relative; background:#df4a43; border-top: 1px solid #fff; }
.toolbar > *:first-child { border-top:0; }
.toolbar > * > a { display:block; width:56px; height:56px; text-align:center; color:#FFF; background:url(../images/toolbar-icon.png) center 0 no-repeat; }
.toolbar .qq a { background-position:center 0; }
.toolbar .tel a { background-position:center -55px; }
.toolbar .code a { background-position:center -110px; }
.toolbar .itop a { background-position:center -165px; }
.toolbar > * > a:hover { background-color: #2c2f3c; }
.toolbar .drop-code { position:absolute; bottom:0; right:60px; background:#2c2f3c; font-size:12px; text-align:center; color:#fff; box-shadow:0 0 1px rgba(0,0,0,.2); width:100px; display:none; }
.toolbar .drop-code img { display:block; width:85px; height:85px; margin: 8px 8px 0 8px; }
.toolbar .drop-code h3 { font-weight:normal; }
.toolbar .drop-tel { position:absolute; top:0; right:60px; width:0; overflow:hidden; }
.toolbar .drop-tel p { width:152px; height:56px; line-height:56px; padding:0 0 0 10px; background:#2c2f3c; color:#FFF; font-size:18px; }
.toolbar .qq:hover,
.toolbar .qiao:hover,
.toolbar .tel:hover,
.toolbar .code:hover { background-color:#2c2f3c; }
.toolbar .itop:hover { background-color:#2c2f3c; }
/******************************
** 内页架构
******************************/
.iclass_tit{ position: relative;color: #fff;text-align: center;margin: 56px 0 12px 0;}
.iclass_tit p{font-size: 36px; color: #076ce0; }
.iclass_tit em{display: block;font-style: normal;font-size: 20px;color: #737373;text-transform: uppercase;background: url(../images/itit.png) center no-repeat;}
.sidebar { float:left; width:246px; }
.topclass { width:100%; height:142px; background-color:#0060dc; color:#FFF; text-align: center; }
.topclass h2 {padding: 34px 0 0 0 ; font-size:30px;font-weight: bold; text-align: center;}
.topclass span { font-size: 18px;text-transform: uppercase; }
.side-menu { background-color:#fff; padding:10px; border: 4px solid #0060dc; }
.side-menu dd {margin: 8px 0; }
.side-menu dd > a { display:block; height:47px; line-height:47px; padding:0 0 0 42px;
background:#e8ecf7;color: #454545; }
.side-menu dd > a:hover { background-color: #e22c05;color: #fff;background-position: left -74px;}
.side-menu .drop { display:none; }
.side-menu .drop li { width:100%; height:38px; line-height:38px;float: none;margin: 8px 0; }
.side-menu .drop a { display:block; padding:0 0 0 42px; background:#FFE8C9;color: #454545; }
.side-menu .drop .hover a{background: #fff;
border: 1px solid #e22c05;}
.side-menu .drop a:hover { background:#e22c05;color: #fff;}
.side-menu dd.current .drop { display:block; }
.side-menu dd.current > a { background-color: #e22c05;color: #fff;background-position: left -74px;}
.side-menu li.current > a { background:#e22c05;color: #fff; }
.sidebar .tel1{background:url(../images/tel2.png) no-repeat center;height: 99px;}
.sidebar .tel1 h1{padding-left: 55px;height: 99px;background-position: left -175px;color: #fff;
;margin-left: 15px;}
.sidebar .tel1 span{ font-size: 14px;line-height: 1.4;padding-top: 26px;
display: block;}
.sidebar .tel1 p{font-size: 21px; line-height:1;font-weight: bold;*margin-top: -20px;}
.side-head { height:34px; line-height:34px; padding:10px 0 10px 30px; font-size:20px; background:#5f412e; color:#FFF; }
.side-pro { position:relative; top:20px; margin-bottom:20px; }
.side-pro .list { border:1px solid #ddd; padding:30px 0 10px; }
.side-pro .list dd { width:166px; margin:0 auto; }
.side-pro .list a { display:block; text-align:center; }
.side-pro .list img { display:block; width:166px; height:124px; background:#f1f1f1; }
.side-pro .list h3 { padding:10px 0; height:24px; line-height:24px; font-weight:400; }
.side-contact { margin-bottom:20px; position:relative; top:20px; }
.side-contact .main { padding:15px 10px; line-height:2; border:1px solid #ddd; }
.ipro{margin: 60px auto 0px;}
.ipro .thead{text-align: center;background: url(../images/thead.png) repeat-x left 81px;margin-bottom: 34px; }
.ipro .thead .li{display: inline-block;
padding: 0 26px 0 30px;width: 100px;+display:inline; +zoom:1; }
.ipro .thead .li a{ color: #686868;display: inline-block;width: 100px;height: 88px;line-height: 110px;
background: url(../images/classfy_li.png) no-repeat 33px center; }
.ipro .thead .li:hover a{background-position: -71px center; }
.ipro .tod{overflow: hidden;padding-top: 10px;}
.ipro .tod ul{width: 120%;}
.ipro .tod li{float: left;margin:0 40px 20px 0;position: relative;width: 374px;text-align: center;overflow: hidden; }
.ipro .tod li img{display: block;width: 100%;height: 281px;}
.ipro .tod .wd{ }
.ipro .tod .wd b a{ display: block;height: 38px;line-height: 38px;font-weight: normal;font-size: 20px;color: #222;}
.ipro .tod .wd .description{ font-size: 14px;color: #666;line-height: 1.6;text-align: center;height: 66px;overflow: hidden;}
.ipro .tod li:hover { -webkit-transform:translateY(-10px);
transform:translateY(-10px); }
.ipro .tod li:hover b a{color: #0060dc;font-weight: bold;}
.ipro dl{text-align: center;margin-bottom: 26px;}
.ipro dd{display: inline-block;height: 44px;line-height: 44px;padding: 0 20px;background: #f5f5f5;border-radius: 44px;margin: 0 10px;}
.ipro dd a{display: block;color: #333333;}
.ipro dd:hover{background: #056edf;}
.ipro dd:hover a{color: #ffffff;}
.ipro li .frame{ position: absolute; top: 0px; left: 0px; display: block; width:374px;height:281px; overflow: hidden; z-index: 2; }
.ipro li .frame .pa{ display: block; position: absolute; background: #fff; opacity: 1; filter: alpha(opacity=100); }
.ipro li .frame .trans-8 { transition: all 0.8s; -webkit-transition: all 0.8s; -moz-transition: 0.3s; }
.ipro li .frame .border-top { width: 0; height: 1px; top: 3%; left: 3%;}
.ipro li .frame .border-right { width: 1px; height: 0; top: 3%; right: 3%;}
.ipro li .frame .border-bottom { width: 0; height: 1px; bottom: 3%; left: 3%;}
.ipro li .frame .border-left { width: 1px; height: 0; top: 3%; left: 3%;}
.ipro li:hover .frame { display: block; width:374px; height: 281px; overflow: hidden; }
.ipro li:hover:hover .frame .border-top,.ipro li:hover:hover .frame .border-bottom { width: 94%; height: 1px; }
.ipro li:hover:hover .frame .border-right,.ipro li:hover:hover .frame .border-left { height: 94%; width: 1px; }
.ipro li .des{ width: 100%;
height: 281px;
position: absolute;
top: 0;
background:rgba(0, 0, 0, .2);display: none;transition: all ease 0.36s;}
.ipro li .des h2{font-size: 16px;color: #ffffff;background: url(../images/isou.png)no-repeat center top;padding-top: 40px;margin-top: 120px;}
.ipro li:hover .des{display: block;}
.btnon{text-align: center;}
.btnon a{display: inline-block;width: 156px;height: 44px;border-radius: 44px;text-align: center;line-height: 44px;margin: 0 15px;}
.btnon a.mo{background: #eeeeee;}
.btnon a.zitc{background: #eb353a;color: #fff;}
.btnon a:hover{background: #0060dc;color: #fff;}
.itid .tod{width: 120%;}
.itid .icon{position: relative;width: 240px;font-size: 16px;float: left;text-align: center;margin: 0 164px 54px 0 ;
background: url(../images/iprecess_li.png) center top no-repeat; height: 194px;}
.itid .icon .img{ background: url(../images/icon.png) 0 0 no-repeat;width: 240px;height: 87px;}
.itid .icon b{display: block; margin: 0 auto; font-size: 20px;color: #222e3f; line-height: 2;font-weight: normal;}
.itid .icon a{color: #474747;font-size: 16px;display: block;}
.itid .icon p{font-size: 14px;color: #737373;}
.itid .icon .img{background-position: 93px 14px;}
.itid .icon2 .img{background-position: -327px 14px;}
.itid .icon3 .img{background-position: -756px 14px;}
.itid .icon4 .img{background-position: 93px -224px;}
.itid .icon5 .img{background-position: -327px -224px;}
.itid .icon6 .img{background-position: -756px -224px;}
.itid .icon1,.itid .icon4{margin-left: 58px;}
.itid .icon:hover{-webkit-transform:translateX(-10px);
transform:translateX(-10px);}
/*HTML地图*/
.about_main{line-height:30px; height:auto; font-size:14px;color:#666666; margin:0; padding:0;float:left;}
.about_main ul{list-style:none; margin:0; padding:0;}
.about_main ul li.map_1{border-bottom:1px solid #eee;margin:10px 0;padding:10px;font-weight:bold;}
.about_main ul li.map_2{ float:left; min-width:110px; padding:0 5px;}
.about_main ul li.map_3{ float:left; min-width:110px; padding:0 5px;}
.about_main ul li a{color: #666666;}
.about_main ul li a:hover{color:#666666; text-decoration:underline; font-weight:bold;}
.right_top ._column_title{ border-left:3px solid #e60044; color:#333; float:left; font-size:20px; height:24px; line-height:24px; margin:19px 0; padding-left:15px; display:inline;}
.right_top .column_path{ float:right;display:inline; color:#999; font-size:12px;}
.right_top .column_path a{color:#999;}
.clear { clear: both;font-size: 0px; margin: 0; padding: 0;display: block;height: 0px;_height: 0px;overflow: hidden;}
/*imsg*/
.imsg{ height: 112px;background: rgba(0, 0, 0, 0.8);position: fixed;left: 0;bottom: 0;width: 100%; z-index: 999; }
.imsg .w{position: relative;}
.imsg .zi{margin-top: 10px;color: #fff; height: 217px;
position: absolute;
bottom: -112px;background: url(../images/pointer.png)left bottom no-repeat;padding-left: 130px;}
.imsg .zi p{font-size: 14px;margin-top: 130px;}
.imsg .zi h2{font-size: 24px;}
.imsg .comt{ }
.imsg .kuang .li{ margin-right: 24px;float: left;margin-top: 24px; }
.imsg .li input{background: none;height: 44px;line-height: 44px;border: none;*border: 0;text-indent: 2em;*padding-left:10px;*text-indent: 0;
width:300px;border: 1px solid #fff;color: #fff;}
.imsg .button1{background: #f2433a;color: #fff;float: left;margin-top: 24px;border: none;*border: 0;
width: 168px;height: 46px;line-height: 46px;text-align: center;}
.imsg .comt p{line-height: 30px;color: #fff; }
.imsg .close{background: url(../images/close2.png) no-repeat center;width: 36px;height: 36px;cursor: pointer; position: absolute;right: 2px;top: -42px;
*top: 0; transition: All 0.4s ease-in-out;
-webkit-transition: All 0.4s ease-in-out;
-moz-transition: All 0.4s ease-in-out;
-o-transition: All 0.4s ease-in-out;}
.imsg .close:hover{transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
.imsg-pointer { position: fixed; left: 0; bottom: 0; z-index: 100; cursor: pointer; display:none; }
.imsg-pointer .des { display:block;background: url(../images/imsg-pointer.png)no-repeat;width: 263px;height: 217px; color: #fff;}
.imsg-pointer .des h2{font-size: 14px;padding: 136px 0 0 90px; line-height: 22px;}
.imsg-pointer .des h3{font-size: 20px;padding: 0 0 0 90px; line-height: 32px;}
.imsg-pointer .des h4{font-size: 14px;padding: 0 0 0 90px; line-height: 22px;}
/*tctc*/
.tctc{width: 100%;height: 100%;position: fixed;z-index: 999;left: 0;top: 0;display: none;}
.tctc .popup{width: 466px;height:366px;background:#ffffff; position: fixed;
top: 50%;
left: 50%;
margin-top: -183px;
margin-left: -233px;
z-index: 99999; box-shadow: 2px 0 20px rgba(0, 0, 0, 0.32);}
.tctc .clx{ width:36px;
height:36px;
position: fixed;
top: 50%;
left: 50%; box-shadow: 2px 0 20px rgba(0, 0, 0, 0.32);border-radius: 36px;
margin-top: -218px;background: url(../images/clx.png)no-repeat center #2d2d2d7a; margin-left: 235px;}
.tctc .box{}
.tctc .box .main{position: relative;}
.tctc .box .main .txt{ width: 326px;
height: 46px;
line-height: 46px;
background: #fff;
border: 1px solid #dddddd;
color: #999999;
text-indent: 1em;
display: block;
margin: 0 auto 15px;
border-radius: 46px;}
.tctc .box .main input{margin-bottom: 10px;}
.tctc .box .main .submit{ width: 326px;
height: 53px;
cursor: pointer;
color: #ffffff;
background: #df4a43;
display: block;
text-align: center;
border: 1px solid #dddddd;
margin: 24px auto 0;
border-radius: 55px;
box-shadow: 1px 0 10px rgba(0, 0, 0, 0.12);}
.tctc .tit{}
.tctc .tit p{font-size: 24px;line-height: 30px;}
.tctc .tit h2{font-size: 32px;line-height: 40px;}
.tctc .tit h3{ font-weight: bold;
margin-top: 28px;
text-align: center;
font-size: 36px;
color: #333333;
line-height: 82px;}
.tctc .tit h3 b{ color: #df4a43;}
.tctc .tit span{font-size:16px;line-height: 30px;display: block;}
.zitc{
-webkit-animation: zitc 2s infinite;animation: zitc 2s infinite;
}
@keyframes zitc{
0% {
-webkit-transform: scale(1);
transform: scale(1)
}
20% {
-webkit-transform: scale(1.1);
transform: scale(1.1)
}
25% {
-webkit-transform: scale(1);
transform: scale(1)
}
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1)
}
75% {
-webkit-transform: scale(1);
transform: scale(1)
}
100% {
-webkit-transform: scale(1.1);
transform: scale(1.1)
}
}