/**
 *
 *                            _ooOoo_  
 *                           o8888888o  
 *                           88" . "88  
 *                           (| -_- |)  
 *                            O\ = /O  
 *                        ____/`---'\____  
 *                      .   ' \\| |// `.  
 *                       / \\||| : |||// \  
 *                     / _||||| -:- |||||- \  
 *                       | | \\\ - /// | |  
 *                     | \_| ''\---/'' | |  
 *                      \ .-\__ `-` ___/-. /  
 *                   ___`. .' /--.--\ `. . __  
 *                ."" '< `.___\_<|>_/___.' >'"".  
 *               | | : `- \`.;`\ _ /`;.`/ - ` : | |  
 *                 \ \ `-. \_ __\ /__ _/ .-` / /  
 *         ======`-.____`-.___\_____/___.-`____.-'======  
 *                            `=---='  
 *  
 *         .............................................  
 *                  佛祖保佑             永无BUG 
 *          佛曰:  
 *                  写字楼里写字间，写字间里程序员；  
 *                  程序人员写程序，又拿程序换酒钱。  
 *                  酒醒只在网上坐，酒醉还来网下眠；  
 *                  酒醉酒醒日复日，网上网下年复年。  
 *                  但愿老死电脑间，不愿鞠躬老板前；  
 *                  奔驰宝马贵者趣，公交自行程序员。  
 *                  别人笑我忒疯癫，我笑自己命太贱；  
 *                  不见满街漂亮妹，哪个归得程序员？ 
 */
/* --------------   GLOBAL STYLE [[ --------------  */
html,body{padding:0; margin:0; font-size: 14px;font-family: "Microsoft YaHei", 微软雅黑,\9ed1\4f53,\5b8b\4f53, "Microsoft JhengHei", 华文细黑, STHeiti, MingLiu; }
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0 }
body, button, input, select, textarea { font: "Microsoft YaHei", 微软雅黑,\9ed1\4f53,\5b8b\4f53, "Microsoft JhengHei", 华文细黑, STHeiti, MingLiu; color:#666 }

address, cite, dfn, em, var { font-style: normal }
ul, ol, dl { list-style: none }
a { text-decoration: none ; outline: none ;font-family:"Microsoft YaHei", 微软雅黑,\9ed1\4f53,\5b8b\4f53, "Microsoft JhengHei", 华文细黑, STHeiti, MingLiu;cursor: pointer; }
a:hover{}
img { border: 0 }
button, input, select, textarea { font-size: 100% ;font-family:"Microsoft YaHei", 微软雅黑,\9ed1\4f53,\5b8b\4f53, "Microsoft JhengHei", 华文细黑, STHeiti, MingLiu;outline: none;margin: 0;font: inherit;color: inherit;}
label {display: inline-block;max-width: 100%;margin-bottom: 5px;}
table { border-collapse: collapse; border-spacing: 0 }
.clear{*zoom:1;}
.clear:after{display:block;clear:both;content:"\0020";visibility:hidden;height:0;}
.fl{ float:left;}
.fr{ float:right;}
/* --------------   GLOBAL STYLE ]] --------------  */

.Logo_Box{ height: 92px;}
.top_header{height:92px;  position:fixed;z-index: 999; left: 0;top: 0; width: 100% ; background: none;z-index: 999;}

.am-container{ max-width: 1300px; }
.am-topbar a{ color: #e7e7e7;}
.b_w{ background: #fff;  border-bottom: 1px solid #EEEEEE;}
.b_w a{color: #000000;}
.am-nav>li>a:focus, .am-nav>li>a:hover{ background: none;}
.am-topbar-btn{margin-top: 22px;}
.banner_box{ width: 100%;}
.collapse-head{ position: relative;}
.swiper-slide>img{ width: 100%;}
.tem_index_title{margin:50px 0 48px 0;border-bottom:1px solid #ccc;text-align:center;font-weight:normal;font-size:22px;}
.tem_index_title span{position:relative;top:2px;display:inline-block;padding:10px 15px;border-bottom:4px solid #666;}
.tem_index_about_txt { margin-right: 40px; line-height: 37px; font-size: 14px;}
.t_more{ display: block; margin: 0 auto; text-align: center;-webkit-border-radius: 6px;
-moz-border-radius: 6px;  border-radius: 6px; border: 1px solid #c8c8c8; width:155px;  margin-top: 70px; line-height: 40px; color: #2f2f2f;}
/* .column */
.one-sixth.column					{ width: 14.666%; }		/* 1/6 */
.one-fifth.column					{ width: 19%; }			/* 1/5 */
.one-fourth.column, .four.columns	{ width: 23%; }			/* 1/4 */
.one-third.column					{ width: 31.333%; }		/* 1/3 */
.two-fifth.column					{ width: 38%; }			/* 2/5 */

.column, .columns					{ float: left; margin: 0 6px 0 7px;}
.the_content_wrapper				{ margin: 0 1%;}
.column_content .the_content_wrapper	{ margin: 0;}

.swiper-button-prev:hover{opacity:1 !important;}
.swiper-button-next:hover{opacity:1 !important;}

/* Trailer box */
.trailer_box { text-align: center; position: relative; line-height: 0; }
.trailer_box a { display: block; }
.trailer_box a:after { content: ""; display: block; position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; height: 100%; filter: alpha(opacity=0); opacity: 0; background: rgba(0,0,0,.15); }
.trailer_box:hover a:after { filter: alpha(opacity=100); opacity: 100; }
.trailer_box .desc { position: absolute; left: 0; bottom: 0; z-index: 2; width: 100%; padding: 20px 15px 88px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.trailer_box .desc h2 { margin: 0; position: relative; bottom: 0; font-size: 30px; line-height: 30px; }
.trailer_box:hover .desc h2 { bottom: 20px;}
.trailer_box .desc .subtitle { display: inline-block; position: relative; bottom: 0; line-height: normal; letter-spacing: 1px; padding: 4px 8px; text-transform: uppercase; margin-bottom: 15px; -webkit-border-radius: 3px; border-radius: 3px; background-image: url(../images/stripes/stripes_10_w.png); }
.trailer_box:hover .desc .subtitle { bottom: 20px; }
.trailer_box .desc .line { height: 1px; width: 0%; margin: 0 auto; background: #fff; overflow: hidden; display: block; }
.trailer_box:hover .desc .line { width: 40%; }

/* Animation */
.trailer_box a:after,
.trailer_box .desc .subtitle,
.trailer_box .desc .line,
.trailer_box .desc h2 { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
	
.desc h2{ color: #ffffff; font-size: 24px !important;}


.case_list{margin-top: 3px;}
.case_list .im_bar{width: 33.2%;float: left;position: relative;text-align: center;margin-right: 0.2%;}
.case_list .im_bar.im_last{margin-right: 0;}
.case_list .im_bar img{}
.case_list .im_bar .im_txt{position: absolute;font-size: 28px;color: #fff;width: 100%;line-height: 32px;top: 50%;left:0;text-align: center;margin-top: -16px;z-index: 100;}
.case_list .im_bar em{display: block;width: 30px;height: 3px;margin: 18px auto 0 auto;background-color: #ffffff;}
.case_list .im_bar:hover em{background-color: #ffc000;}
.case_list .im_bar .im_btn{position:relative;text-align: center;z-index: 100;display: block;width: 148px;height: 56px;font-size: 16px;color: #fff;line-height: 56px;/*transition:all 0.2s linear;-webkit-transition:all 0.2s linear;*/margin: -2px auto 0 auto;background:none;}
.case_list .im_bar .im_txt svg{position: absolute;top: 51px;left: 50%;margin-left: -73px;opacity: 0;transition:opacity 0.5s linear;-webkit-transition:opacity 0.5s linear;filter:alpha(opacity=0);}
.case_list .im_bar:hover .im_txt svg{stroke-dasharray: 2000;animation: dash 2s ease-in-out;opacity: 1;filter:alpha(opacity=100);}
@keyframes dash {from {stroke-dashoffset: 2000;opacity: 1;}to {stroke-dashoffset: 0;}}
.case_list .im_bar:last-child{ margin: 0px;}

.ic_item{float:left;width: 100%;height: 131px; overflow: hidden; background: #eeeeee; border-bottom: 1px solid #d6d6d6; margin-left: 10px;}
.ic_item:hover{ background: #eeeeee;}
.ic_item .ii_time{float: left;width: 140px;color: #000;text-align: center;height: 80px;padding: 20px 0;}
.ic_item .ii_time  h1 { font-size:48px;height:48px; overflow:hidden; width:64px; line-height:48px;margin: 5px 0px 0px 22px;}
.ic_item .ii_time  h1 span{ margin-left: -211px; color: #4387ca;}
.ic_item .ii_time  h2 { font-size:14px; line-height:14px;overflow:hidden; width: 65px; height:14px; margin: 9px 0px 0px 22px;}
.ic_item .ii_time  h2 span{ margin-left: 3px; }

.ic_item:hover .ii_content p.ic_title{ color: #4387ca;}
.ic_item:hover .ii_content p.ic_title{ font-weight: bold;}

.ic_item .ii_time p.it_year{font-size: 22px;line-height: 80px;}
.ic_item .ii_content{width: 608px;color: #000;padding:20px;float: left;height: 80px;}
.ic_item .ii_content p.ic_title{font-size: 18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; font-weight: bold;}
.ic_item .ii_content padding: .ic_txt;{font-size: 16px;line-height: 26px;margin-top: 14px; height: 48px; overflow: hidden;}
.ic_item
{
background:#ffffff;
}
.footer{width: 100%;height:auto;background-color: #d2d2d2; padding-bottom: 60px; background:url(../images/footer_bg.jpg)center  no-repeat;}
.footer .footer_about_us{ max-width: 1300px; margin: 0 auto; padding-top: 53px; padding-bottom: 40px;}
.footer ul li{float: left; width: 20%;}
.footer ul li:first-child{width: 40%;}
.footer ul li dt{font-size: 18px;color: #363636;}
.footer ul li dt em{display: block;width: 20px;height: 2px;background-color: #10467b;margin-top: 10px;}
.footer ul li dd{margin-top: 14px;}
.footer ul li dd a{font-size: 14px;color: #10467b;line-height: 12px;}
.footer ul li dd a.fc_left{padding-left: 0;}
.footer ul li dd a.fc_right{padding-right: 0;border-right: none;}
.footer ul li dd a.fc_right:after{display: none;}
.footer .footer_about_us span{ display: block; line-height: 25px; color: #10467b; font-size: 14px;}
.footer_text{ border-top: 1px solid #10467b; text-align: center; padding-top: 25px; color: #10467b;}
.tem_index_about_more{padding-top:35px;}
.tem_index_about_more a{display:inline-block;padding:0 30px;height:30px;border:2px solid #eee;color:#999!important;text-decoration:none;font-weight:normal;line-height:30px;}
.tem_index_about_more a:hover{ background:#eee; text-decoration:none!important; }
.t_more:hover{background:#eee; text-decoration:none!important; }

@media only screen and (min-width: 641px){
	[class*=am-u-],.am-container,.am-g .am-g{ padding: 0px; margin: 0px; margin: 0 auto;}
	
	.am-topbar-nav{ margin-left: 250px;}
	.am-topbar-nav li{ width: 100px;}
	.am-topbar-nav li:first-child{ width: 75px;}
	.am-topbar-nav>li>a{ line-height: 92px;-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; position:relative; font-size: 16px;}
	.am-topbar-nav>li>a:after{ border: none; border-right:1px;content: "|";font-size: 14px;display: block;float: left;color: #ccc;filter:alpha(opacity=30);opacity: 0.3;position: static;float: right; padding: 0px 0px 0px 23px; }
	

	.am-topbar-nav>li i.nav_libg-border{ display:block; width:80%; height:2px; position:absolute; left:4px; bottom:1px; background:url(../images/nav_li-border.png) no-repeat -120px bottom; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; z-index: 11;}
	.am-topbar-nav>li:hover i.nav_libg-border{ background:url(../images/nav_li-border.png) no-repeat 0px bottom;}
	.headNavBg{ width:100%; background:#fff; opacity:0.95; filter:alpha(opacity=95); -moz-opacity:0.95; left:0px; top:92px; display:none; height:0px; -webkit-transition:none; -moz-transition:none; -o-transition:none; -ms-transition:none; transition:none; position: absolute;}
	.am-topbar-collapse .am-topbar-nav  li .navChild{ height:60px; left:0px; top:92px; line-height:60px; width:600px; display:none; height:0px; -webkit-transition:none; -moz-transition:none; -o-transition:none; -ms-transition:none; transition:none; z-index: 10;}
	.am-topbar-collapse .am-topbar-nav  li .navChild a{ padding:0px 25px 0px 0px; display:inline; color:#898989; line-height:60px;}
	.am-topbar-collapse .am-topbar-nav  li .navChild a:hover{ color:#3caef2;}
	.navChild{ position: absolute;}
	.img-slide-b{  position: relative;}
	.img-slide{ position: absolute;}

}
@media screen and (max-width: 479px){
	.swiper-slide>img {
    	min-height:300px;
	}
	.one-fifth.column{ width: 100%; margin-bottom: 2%;}	
	.case_list .im_bar{width: 100%;float: left;position: relative;text-align: center;margin-right: 0.2%; margin-bottom: 2%;}
	.case_list .im_bar img{ width: 100% !important;}
	.footer ul li{float: left; width: 80% !important; margin: 0% 10% 0% 10%;}
	.ic_item .ii_content{width:100%;color: #000;padding:20px;float: left;height: 80px; }
	.img-slide-b{ display:none;}
	.footer_about_us li{ display: none;}
	.footer_about_us li:first-child{display: block;}
	.trailer_box img{ width: 88%;}
	.am-topbar-nav li{ text-align: right;}
	#collapse-head{ background-color:rgba(0,0,0,.7); /*黑色*/margin-top: 1px;}
	.am-container{ padding: 0px;}
	.am-topbar a{ color: #e7e7e7 !important;}
	.ii_time{ display: none;}
	
	
}