/* CSS Document */
#container{ width:1100px; margin:0 auto; position:relative; clear:both; z-index:22;}

.left{ width:245px; float:left; position:relative;display:none;}
.right{ width:1089px; float:right; position:relative;}

.right{  margin:0 auto !important;}
.caselist ul{ width:1116px !important;}

.title{ width:100%; height:60px; line-height:60px; border-bottom:1px solid #c9c9c9;}
.title h2{ color:#2a3f72; font-size:24px; font-weight:bold; width:100%; line-height:60px;}
.title span{ position:absolute; line-height:65px; right:0; top:0; color:#9fa0a0; font-size:12px;}
.title span a{ color:#9fa0a0;}
.title span a:hover{ color:#2a3f72 !important; }
.pagetit{ width:100%; height:120px; background:#2a3f72; margin-top:-55px; text-align:center; line-height:120px; font-family:Impact;}
.pagetit h2{font-size:28px; font-weight:bold; color:#fff; }
.pagemenu{ width:100%; margin-bottom:35px;}
.pagemenu LI{ width:100%; height:35px; margin-top:20px; position:relative;}
.pagemenu li span{ display:block; background:url(../images/menubg.jpg) center no-repeat; width:100%; height:35px; font-size:14px; font-weight:bold; color:#1d4066; text-align:center; line-height:35px;}
.pagemenu li:hover span{background:#2a3f72; color:#fff;} 

.pageabout{ width:100%;}
.pageabout h2{width:100%; margin-bottom:20px; height:65px; background:#2a3f72; text-align:center; line-height:65px; font-family:Impact;font-size:28px; font-weight:bold; color:#fff; }
.pageabout img{ width:100%; vertical-align:middle; margin-bottom:15px;}
.pageabout  p{ font-size:12px; line-height:24px; color:#1d4066;}

.abooutbox{ width:100%; margin-top:10px;color:#9fa0a0; }
.abtitle{ color:#000; font-size:24px; line-height:40px; width:100%; margin-bottom:5px;}
.abooutbox img{ max-width:100%; margin-top:10px;}

.team,.teaminfo{ width:100%; position:relative; overflow:hidden;}
.team li{ width:100%; margin-top:25px; padding-bottom:20px; position:relative; overflow:hidden; border-bottom:1px dashed #666666;}
.teamimg{ width:195px; float:left; margin-right:25px; overflow:hidden;}
.teamimg img{ width:195px; vertical-align:middle; transition:all .4s ease;}
.team li h2{ font-weight:bold; color:#1d4066; width:590px; float:left;}
.team li p{ color:#666666; font-size:12px;width:590px; float:left; line-height:24px;}
.team li:hover img{transform: scale(1.1);}
.teaminfo{ margin-top:30px;}
.teambox{ width:590px; float:left; color:#666666; font-size:12px;width:590px;line-height:24px}
.teambox .name{color:#1d4066; font-weight:bold; font-size:18px; margin-bottom:10px;}

.contact{ width:100%; position:relative; overflow:hidden; margin-top:30px; color:#616161;}
.contbox{ width:100%; position:relative; overflow:hidden; color:#616161; font-size:12px; line-height:30px; margin-bottom:20px; padding-bottom:40px; border-bottom:1px solid #c9c9c9;}

.magess{ width:800px;}
.magess div{ width:100%; height:38px; margin-bottom:16px; position:relative; overflow:hidden;}
.magess div span{ width:160px; float:left; display:block; height:35px !important;  line-height:35px; background:none !important; margin-right:20px; text-align:right; color:#000;}
.magess input{ background:#fff; text-indent:10px; border:1px solid #c9c9c9; border-radius:5px;  color:#9a9a9a; width:610px; float:left; height:34px; line-height:34px;}
.magess select{ background:#fff;text-indent:5px; border:1px solid #c9c9c9; border-radius:5px;  color:#9a9a9a; width:610px; float:left; height:34px; line-height:34px;}
.magess select option{text-indent:10px;}
.radio{ background:none !important; color:#000;}
.radio input{ background:#eeeeee; text-indent:0; margin-right:5px; border: inherit; color:#bea660; width:auto; height:auto;}
/*.magess div{height:35px; margin-bottom:10px; font-size:14px; background:#}*/
.magess div p{ line-height:35px; width:100%;}
.name{ width:100%; float:left;}
.company{ width:345px; float:right;/* border-top:1px solid #bea660;*/}
.phone,.postcode{ width:345px; float:left;}
.mobile,.city{ width:345px; float:right;}
.email{ width:345px; float:right; border-top:1px solid #bea660;}
.textarea{ width:100%; float:left; height:65px !important;}
.textarea textarea{ width:590px; float:left; background:none; color:#9a9a9a; font-family:Arial; font-size:14px; border:1px solid #c9c9c9; border-radius:5px; padding:5px 10px;  min-height:50px !important;}
/*.magess span{ display:block; height:1px; background:#bea660; position:absolute;  }*/
.sub{ width:135px !important; height:28px !important; text-indent:0 !important; line-height:26px !important; font-size:14px; margin-left:180px; background:#f1f1f1 !important; cursor:pointer; color:#333 !important; text-align:center; border-radius:2px !important;}
.spam i{ font-style:normal; font-size:14px; position:absolute; right:9px; line-height:34px; text-align:center; height:34px; top:1px; border-right-top-radius:6px;border-right-bottom-radius:6px; background:#f2f2f2; width:160px;}

.news{ width:100%; margin-top:10px; position:relative; overflow:hidden;}
.news li{ width:100%; margin-top:20px; padding-bottom:20px; height:110px; overflow:hidden; position:relative; border-bottom:1px dashed #e5e5e5;}
.newstime{ width:110px; height:110px; float:left; background:#d3dae1; font-size:19px; line-height:30px; line-height:40px; text-align: center; color:#1d4066;}
.newstime h1{ font-size:30px; line-height:40px; color:#1d4066; font-weight:bold; margin-top:20px;}

.nwstxt{ width:670px; float:left; height:110px; margin-left:20px;color:#808080;}
.nwstxt h1{ width:100%; height:30px; margin-top:10px; margin-bottom:10px; line-height:30px; color:#1d4066;  font-size:18px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.nwstxt p{ width:100%; height:65px; font-size:12px; line-height:21px; overflow:hidden; color:#666666;}
.news li:hover .nwstxt p{ color:#0f6bb3 !important}

.newsinfo{ width:100%; margin-top:50px;   }
.newintit{ width:100%; position:relative; text-align:center;  margin-bottom:20px; padding-bottom:40px;border-bottom:1px dashed #ccc;}
.newintit h1{ width:100%; font-size:20px; color:#1d4066; line-height:30px; padding-bottom:5px;}
.newintit span{ font-size:18px; line-height:26px; color:#1d4066;}
.newsinbox{ width:100%; position:relative; color:#999;font-size:14px; line-height:26px;}
.newsinbox img{ max-width:100%; height:auto; margin:30px auto 20px auto;}

/*case*/
.casepage{ width:100%; margin-bottom:35px; margin-top:10px;}
.casepage LI{ width:100%;  margin-bottom:10px; position:relative;}
.casepage li .casepatit{ display:block; background:url(../images/menubg.jpg) center no-repeat; width:100%; height:35px; font-size:14px; font-weight:bold; color:#1d4066;  line-height:35px; cursor:pointer;}
.casepage li .casepatit span{ display:block; width:100%; height:35px; text-indent:70px; background: url(../images/icon7.png) 210px no-repeat;}
.casepage li dl{ margin-top:10px; background:#eeeeee; display:none; padding:15px 0px; width:100%;}
.casepage li dl dd{ height:28px; font-size:12px;  line-height:28px; padding:0 10px 0 55px;  width:180px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.casepage li dl dd a{ color:#1d4066;}
.casepage li dl dd:hover{ background:#2a3f72;} 
.casepage li dl dd:hover a{ color:#fff !important;} 
.casepage li dl dd span{ padding-left:15px; background:url(../images/icon6.png) left center no-repeat;}
.casepage li dl dd:hover  span{ background:url(../images/icon5.png) left center no-repeat;}

.case{ width:100%; margin-top:15px; }
.casetop{ margin-bottom:30px;}
.casetop h2{ width:100%; color:#174477; height:30px; line-height:30px; font-size:18px;}
.casetop p{ width:100%; color:#666666;font-size:14px;}
.caselist{ width:100%;}
.caselist ul{ width:837px; margin-left:-27px; overflow:hidden;}
.caselist li{ width:252px; background:#f3f3f3; padding:10px 0;  text-align:center;float:left; margin-left:27px; margin-bottom:20px;}
.caselist ul li img{ height:170px; max-width:100%; margin:0 auto; vertical-align:middle;transition:all .4s ease;}
.caselist ul li h2{ width:232px; height:24px; line-height:24px; margin:0 auto; text-align:left; margin-top:10px; font-size:12px; color:#184679; white-space:nowrap; overflow:hidden;}
.caselist ul li p{ width:232px; height:60px; line-height:20px; margin:0 auto; text-align:left; margin-bottom:5px;color:#afafaf; font-size:11px;  overflow:hidden;}
.caselist ul li span{ margin:0 auto; background:#8193b0; margin-top:10px; color:#fff; padding:2px 4px; white-space:nowrap; overflow:hidden;}
.caselist ul li:hover img{transform: scale(0.95);}

.detail_context_pic{width:100%;margin-top:20px;margin-bottom:20px;overflow:hidden;  height:460px;}
.detail_context_pic_top{width:650px;overflow:hidden;position:relative;z-index:1;height:460px;float:left; text-align:center; background:#ccc;}
.detail_context_pic_bot{width:120px;overflow:hidden;height:460px; float:left; margin-left:25px;}

.detail_picbot_left a{display:block;width:57px;height:25px;}
.detail_picbot_mid{float:left;width:120px;height:435px;overflow:hidden;}
.detail_picbot_mid ul{height:435px;width:120px;overflow:hidden;position:relative; display:block;}
.detail_picbot_mid ul li{float:left;height:80px;margin-bottom:7px;display:block;width:120px !important;text-align:center;overflow:hidden;position:relative;}
.detail_picbot_mid ul li img{height:78px !important;width:118px !important;}
#pic1{ max-width:100%; vertical-align:middle; height:460px; margin:0 auto;}
.selectpic{border:1px solid red;}
.detail_picbot_left{float:left;width:57px;height:25px;overflow:hidden;text-align:center}
.detail_picbot_right{float:right;width:57px;height:25px;overflow:hidden; text-align:center}
.detail_picbot_right a{display:block;width:57px;height:25px;}
.detail_picbot_right img{ height:23px; margin:0 auto;}
.detail_picbot_left img{ height:23px; margin:0 auto;}
#preArrow{left:0px;}
#nextArrow{right:0px;}
.contextDiv{cursor:pointer;height:100%;width:50%;position:absolute;top:0px;z-index:5;background:url("blank") repeat;}
.contextDiv span{position:absolute;top:50%;margin-top:-25px;width:39px;height:50px;}
#preArrow_A{left:16px;background:url('http://img1.askci.com/images/pic_left.png') 0px 0px no-repeat;display:none;}
#nextArrow_A{right:16px;background:url('http://img1.askci.com/images/pic_right.png') 0px 0px no-repeat;display:none;}


.caseintit{ width:100%; height:40px; text-indent:1em; font-size:12px; color:#1d4066; font-weight:bold; background:#e8edf2;  line-height:35px;margin-bottom:15px;}
.caseintextt{ width:100%; font-size:12px; line-height:21px; color:#666666;margin-bottom:30px; position:relative;}
.caseintextt img{ max-width:100%; vertical-align:middle; height:auto; margin:20px 0;}
.other{ width:100%; position:relative;}
.other ul{ width:837px; margin-left:-27px; overflow:hidden;}
.other li{ width:252px; background:#f3f3f3; padding:10px 0;  text-align:center;float:left; margin-left:27px; margin-bottom:20px;}
.other ul li img{ height:170px; max-width:100%; margin:0 auto; vertical-align:middle;transition:all .4s ease;}
.other ul li h2{ width:232px; height:24px; line-height:24px; margin:0 auto; text-align:left; margin-top:10px; font-size:12px; color:#184679; white-space:nowrap; overflow:hidden;}
.other ul li p{ width:232px; height:60px; line-height:20px; margin:0 auto; text-align:left; margin-bottom:5px;color:#afafaf; font-size:11px;  overflow:hidden;}
.other ul li span{ margin:0 auto; background:#8193b0; margin-top:10px; color:#fff; padding:2px 4px; white-space:nowrap; overflow:hidden;}
.other ul li:hover img{transform: scale(0.95);}



.feny{
	width:100%;
	position:relative;
	height:30px;
	line-height:30px;
	text-align:center;
	font-size:14px;
	margin-top:20px;
	}
.feny a{
	margin:0 10px;
	}
.current{
	margin:0 10px;
	border-bottom:1px solid #535353;
	}

@media(max-width:900px){

#container{ width:92%; }
.right{ width:100% !important; }
.abooutbox iframe{ width:100% !important;}

.title{ height:40px; line-height:40px;}
.title h2{font-size:18px; line-height:40px;}
.title span{line-height:40px; font-size:12px;}


.case{ width:100%; margin-top:15px; }

.caselist ul{ width:102% !important; margin-left:-1%; overflow:hidden;}
.caselist ul li{ width:48%; margin-left:1%; margin-bottom:10px; }
.caselist ul li img{ height:120px;}
.caselist ul li h2{ width:94%; }
.caselist ul li p{ width:94%; height:60px; margin:0 auto;}

.detail_context_pic_bot{ display:none;}
.detail_context_pic{  height:260px;}
.detail_context_pic_top{width:100%;height:260px;}
#pic1{ height:260px;}
#preArrow_A{left:16px;background:url('http://img1.askci.com/images/pic_left.png') 0px 0px no-repeat;display:block;}
#nextArrow_A{right:16px;background:url('http://img1.askci.com/images/pic_right.png') 0px 0px no-repeat;display:block;}


.other ul{ width:102% !important; margin-left:-1%; overflow:hidden;}
.other ul li{ width:48%; margin-left:1%; margin-bottom:10px; }
.other ul li img{ height:120px;}
.other ul li h2{ width:94%; }
.other ul li p{ width:94%; height:60px; margin:0 auto;}






.news{ width:100%; margin-top:10px; position:relative; overflow:hidden;}
.news li{ width:100%; margin-top:10px; padding-bottom:10px; height:100px; overflow:hidden; position:relative; border-bottom:1px dashed #e5e5e5;}
.newstime{ width:80px; height:80px; background:#d3dae1; font-size:16px; line-height:25px; position:absolute; left:0; top:0; }
.newstime h1{ font-size:20px; line-height:30px; color:#1d4066; font-weight:bold; margin-top:10px;}

.nwstxt{ width:auto; padding-left:90px; float:none; height:100px; margin-left:0px;color:#808080;}
.nwstxt h1{ height:25px; margin:0px; line-height:25px;  font-size:15px; }
.nwstxt p{  height:60px; font-size:12px; line-height:20px; }

.newsinfo{ width:100%; margin-top:50px;   }
.newintit{ width:100%; position:relative; text-align:center;  margin-bottom:20px; padding-bottom:40px;border-bottom:1px dashed #ccc;}
.newintit h1{ width:100%; font-size:20px; color:#1d4066; line-height:30px; padding-bottom:5px;}
.newintit span{ font-size:18px; line-height:26px; color:#1d4066;}
.newsinbox{ width:100%; position:relative; color:#999;font-size:14px; line-height:26px;}
.newsinbox img{ max-width:100%; height:auto; margin:30px auto 20px auto;}



.magess{ width:100%;}
.magess div{ width:100%; height:38px; margin-bottom:16px; position:relative; overflow:hidden;}
.magess div span{ width:100px;}
.magess input{ background:#fff; text-indent:10px; border:1px solid #c9c9c9; border-radius:5px;  color:#9a9a9a; width:200px; float:left; height:34px; line-height:34px;}
.magess select{ background:#fff;text-indent:5px; border:1px solid #c9c9c9; border-radius:5px;  color:#9a9a9a; width:200px; float:left; height:34px; line-height:34px;}
.textarea textarea{ width:180px;}
/*.magess span{ display:block; height:1px; background:#bea660; position:absolute;  }*/
.sub{ width:135px !important; height:28px !important; text-indent:0 !important; line-height:26px !important; font-size:14px; margin:0 auto; display:block; float:none !important; background:#f1f1f1 !important; cursor:pointer; color:#333 !important; text-align:center; border-radius:2px !important;}
.spam i{  font-size:11px;width:100px; right:11px;}




































}