@charset "utf-8";
/* banner */
#banner{width:100%;height:300px;background:url(../images/banner_about.jpg) no-repeat center top;overflow:hidden;}

/* main */
.m_top{width:100%; text-align:center;padding-top:30px;background:#f5f5f5;}
.m_top span{font-size:22px; color:#ccc; font-family:"Times New Roman", Times, serif}
.m_top h1{ font-size:36px;color:#555;letter-spacing:1px;}
.m_top p{ font-size:14px; color:#bbb;margin-top:10px}
.m_top.news{padding-bottom:28px;}
.m_top.news h1{margin:22px auto 0px; font-size:26px}
.m_top.news p{font-size:14px; color:#aaa;}

/* m_nav */
.m_nav{padding:40px 0px 20px;width:100%;overflow:hidden;margin:0px auto; background:#f5f5f5}
.m_nav ul{height:45px; text-align:center}
.m_nav li{vertical-align:top;display:inline-block;*zoom:1;*display:inline;width:150px; text-align:center;height:100%;margin:0px 5px;}
.m_nav li a{ display:block;border:1px solid #ccc;padding:7px 0px 8px;border-radius:10px 0px 10px 0px; -moz-border-radius:10px 0px 10px 0px; -webkit-border-radius:10px 0px 10px 0px;-webkit-transition: all 0.4s ease;  /* Saf3.2+, Chrome */-moz-transition: all 0.4s ease;  /* FF4+ */-o-transition: all 0.4s ease;  /* Opera 10.5+ */transition: all 0.4s ease;}
.m_nav li span{ display:block;border:1px solid #ccc;padding:7px 0px 8px;border-radius:10px 0px 10px 0px; -moz-border-radius:10px 0px 10px 0px; -webkit-border-radius:10px 0px 10px 0px;-webkit-transition: all 0.4s ease;  /* Saf3.2+, Chrome */-moz-transition: all 0.4s ease;  /* FF4+ */-o-transition: all 0.4s ease;  /* Opera 10.5+ */transition: all 0.4s ease;}
.m_nav li a.curr,.m_nav li a:hover{border-color:#EA5504;color:#fff; background:#EA5504;}
.wk_nav li{width:104px;}
.sv_nav li{width:117px;}

/* m_cont */
.m_cont{padding:40px 20px 70px; font-size:14px; line-height:190%;width:1160px}
.m_cont p{margin-top:20px;}
.m_cont .h2{font-size:30px;margin:10px 0px 30px; line-height:40px; font-weight:normal}

/* m_text */
.m_text{padding-top:20px;*padding-top:40px;font-size:14px}

/* teamlist */
.teamlist{width:1140px;padding-left:4px}
.teamlist ul{width:530px; float:left;margin:22px 20px 0px;}
.teamlist li{height:100px; overflow:hidden;background:url(../images/dot_line.gif) repeat-x bottom;padding:19px 0px 22px; cursor:pointer}
.teamlist li .ibox{height:100px;height:100px; overflow:hidden;border-radius:100px; -moz-border-radius:100px; -webkit-border-radius:100px; -o-border-radius:100px; float:left;-webkit-transition: all 1s ease;  /* Saf3.2+, Chrome */-moz-transition: all 1s ease;  /* FF4+ */-o-transition: all 1s ease;  /* Opera 10.5+ */transition: all 1s ease;}
.teamlist img{width:100px;height:100px;}
.teamlist li .itxt{float:left;margin-left:23px;width:407px;  color:#000; font-size:16px;}
.teamlist li .itxt p{margin-top:7px; color:#888; font-size:14px;line-height:160%;}
.teamlist li:hover .ibox{-webkit-transform:rotate(360deg);-moz-transform: rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg); filter:none}

/* news */
.newslist{text-align:left;display:block;width:100%;margin:20px 0px; overflow:hidden}
.newslist ul{width:100%;text-align:left;}
.newslist li{width:580px;height:100px;overflow:hidden;margin:20px 10px 0px;border-bottom:1px solid #eee; float:left}
.newslist li .idate{width:72px;height:56px; float:left; font-family:Arial; background:#f2f2f2; font-size:14px; overflow:hidden; text-align:center;padding:12px 0px; color:#999;}
.newslist li .idate span{ display:block; font-size:20px; font- weight:bold; color:#fff; background:#666;margin-bottom:8px;}
.newslist li .text{float:left;margin:0px 0px 0px 20px;width:400px;}
.newslist li .text h3{ font-size:16px; font-weight:normal; color:#333;}
.newslist li .text p{ color:#999; font-size:12px;margin-top:15px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.newslist li a{display:block;width:580px;height:100px; cursor:pointer}
.newslist li a:hover .text h3{color:#EA5504;}
.newslist li a:hover .idate{ backgro und:#EA5504; color:#EA5504}
.newslist li a:hover .idate span{ background:#EA5504; color:#fff}

/* mtext */
.m_ntext{min-height:320px; font-size:14px;padding:20px 20px 40px;*padding-top:40px;border-bottom:1px solid #eee; line-height:180%}
.m_ntext p{margin-top:20px;}
.m_ntext .con img{max-width: 100%}
.m_other{font-size:14px;padding:20px 20px 40px; line-height:190%}
.m_other a:hover,.m_other b{color:#EA5504}

/* works */
.works{min-height:540px;background:url(../images/work_bg.jpg) no-repeat center top #3E3C3D;}
.works .worklist{padding:50px 0px 20px;}
.works li{ float:left;width:380px;margin:10px;background-color:#514F50;background-color:rgba(255,255,255,0.1);}
.works li a{ display:block; cursor:pointer}
.works li .ibox{width:380px;height:260px; overflow:hidden;background:#000; position:relative}
.works li .ibox img{width:100%;height:260px;-webkit-transition: all 1s ease-out 0s;  /* Saf3.2+, Chrome */-moz-transition: all 1s ease-out 0s;  /* FF4+ */-o-transition: all 1s ease-out 0s;  /* Opera 10.5+ */transition: all 1s ease-out 0s;opacity:0.6;}
.works li:hover .ibox img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);opacity:1.0}
.works li .ibox i{position:absolute; display:none;width:42px;height:42px;background:url(../images/icon_f.png) no-repeat center;left:50%;top:50%;margin:-21px 0px 0px -21px; z-index:100;filter:Alpha(Opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;}
.works li:hover .ibox i{ display:block}
.works li p{ dis play:none;width:100%;height:50px;color:#ddd; text-align:center;margin:0px; position:relative; overflow:hidden}
.works li p span{ position:absolute;width:100%;height:100%; display:block; z-index:10;left:0px;top:0px;-webkit-transition: all 0.5s ease;  /* Saf3.2+, Chrome */-moz-transition: all 0.5s ease;  /* FF4+ */-o-transition: all 0.5s ease;  /* Opera 10.5+ */transition: all 0.5s ease;padding-top:11px;}
.works li p .bg2{top:50px;}
.works li:hover p .bg1{top:-50px;4}
.works li:hover p .bg2{top:0px;background:#C95313}

/* service */
.service{padding:25px 11px 70px;*padding-top:45px;;}
.service td{ vertical-align:top}
.service td.td1{width:14%;padding-top:5px;}
.service td.td2{width:86%; font-size:14px;}
.service td.td2 h2,.service td.td_2 h2{ color:#333}
.service td.td_0{width:15%;background:url(../images/sline.gif) repeat-y 129px 0px;}
.service td.td_1{width:14%;padding-top:10px}
.service td.td_2{width:71%;font-size:14px;padding-top:8px}
.s_l_nav{width:130px; text-align:center;margin-top:20px;bo rder-top:1px solid #ddd;}
.s_l_nav li{-webkit-transition: all 0.5s ease;  /* Saf3.2+, Chrome */-moz-transition: all 0.5s ease;  /* FF4+ */-o-transition: all 0.5s ease;  /* Opera 10.5+ */transition: all 0.5s ease;}
.s_l_nav li a{border-top:0px;display:block;padding:12px 10px; color:#999;}
.s_l_nav li a.curr{border:1px solid #ddd;border-right:1px solid #fff; color:#EA5504; font-weight:bold; border-radius:10px 0px 0px 10px}
.s_l_nav li:hover{padding-left:20px;}
.s_l_nav li:hover a{color:#EA5504;}
.service .b12b{padding:10px 0px; font-size:16px;}
.service .b12,.service .b12 a{color:#666}
.service .r14b{color:#EA5504}
.s_text{line-height:170%;}
.s_text h3{font-size:14px;color:#EA5504;margin-bottom:0px;}
.s_text{color:#666}
.s_text p{margin-top:20px;}
.s_text a:hover{color:#EA5504;}
.s_text img{ vertical-align:middle}

/* site */
.siteBox{width:260px;padding:0px 28px;margin:30px 0px 10px;overflow:hidden; display:inline-block; vertical-align:top;border-right:1px dotted #ccc}
.siteBox h3{font-size:16px;margin-bottom:15px;color:#333}
.siteBox{font-size:12px;color:#666}

.promot td p{margin:8px 0px;}
.appBox{ width:100%; position:relative; overflow:hidden;margin:30px 0px 15px}
.appBox .ibox{ float:left;margin-right:40px}
.appBox .text{ float:left;width:960px; color:#666}
.appBox h3{margin-bottom:0px; color:#333}

/* mobile,weixin */
.mobile h2{}
.mobile .tit,.weixin .tit{ text-align:center;padding:40px 0px 50px}
.mobile .tit h2,.weixin .tit h2{font-size:38px;color:#444}
.mobile .tit p,.weixin .tit p{ color:#999}
.mobile .mobile_create{ background:#EA5504; margin-top:30px;width:240px; color:#fff; font-size:20px; display:block;padding:12px; text-align:center}
.mobile2{background:#f6f6f6; text-align:center;padding:20px 0px 70PX;width:100%;width:100%; overflow:hidden}

/* pagelist */
.pagelist{ font-size:14px;height:70px;padding-top:12px; font-weight:normal;color:#333;}
.pagelist a{color:#333}
.pagelist a:hover{color:#EA5504}
.pagelist select{font-family:'Microsoft Yahei','helvetica','arial';color:#333;padding:0px;height:26px; font-size:14px;margin-left:5px; border-radius:5px}
.works .pagelist,.works .pagelist a{color:#aaa}
.works .pagelist a:hover{color:#ff7700}
.works .pagelist select{ background:#3E3C3D; color:#aaa;}

/*six*/
.six{margin: 30px auto;overflow: hidden;}
.six ul li{width: 48%;float: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 5px 0;}
.six ul li:nth-child(2n){float: right}
.six ul li:hover a{color: #EA5504;}

/*分页*/
#PageShow{margin: 30px auto;text-align: center}
#PageShow ul{display:inline-block; margin:0 auto}
#PageShow li{ list-style:none;float:left}
#PageShow li a{color:#666;position:relative;padding:8px 15px;margin-left:-1px; line-height:1.6;background-color:#ffffff;border: 1px solid #dddddd;}
#PageShow li.active a{z-index:2;color:#ffffff; cursor:default;background-color:#EA5504;border-color:#EA5504;}
#PageShow li.first a {border-bottom-left-radius:4px;border-top-left-radius:4px;}
#PageShow li.last a{border-top-right-radius:4px; border-bottom-right-radius: 4px;}
#PageShow .disabled a{color:#999999;cursor:not-allowed;background-color:#ffffff;border-color:#dddddd;}


.content-wrap {
    display: none;
}
.content-wrap.cur {
    display: block;
}