

.banner { position:relative; width:100%; height:600px; overflow: hidden; }
.banner .bd,.banner .bd li { width:100%; height:600px; overflow: hidden; }
.banner .bd li a { width:100%; height:500px; display:block;}
.banner .hd { position:absolute; right:0; bottom:10px; height:10px; }
.banner .hd li { width:10px; height:10px; overflow: hidden; margin:0 5px; display:inline-block; }

/*.banner .prev,.banner .next { position:absolute; left:10%; top:224px; display:block; width:23px; height:45px; background:url(http://www.ccttel.com/images/prev_on.png) no-repeat; cursor:pointer; z-index: 1; }
.banner .prev { right:10%; left:auto; background:url(http://www.ccttel.com/images/next_on.png) no-repeat; }*/

.banner .prev,.banner .next{ position:absolute; left:10%; top:224px; display:block; width:23px; height:45px; background:url(http://www.ccttel.com/images/prev_on.png) no-repeat; cursor:pointer; z-index: 1; }
.banner .next { right:10%; left:auto; background:url(http://www.ccttel.com/images/next_on.png) no-repeat; }

.i_link { background:#ffffff;}
.i_link ul { float:left; width:854px; padding-top:25px;}
.i_link li { float:left; margin:0 39px 0 10px;text-align:center;}
.i_link li .i_link_text { float:left; margin-left:10px;}

.i_link li .i_link_text p { color:#000000; font:normal 18px/18px "微软雅黑"; padding:17px 0 1px;}
.i_link li :hover .i_link_text p { color:#00a0ea; }
.i_link li .i_link_text span { color:#505050; font:normal 10px/10px "Arial"; text-transform:uppercase;line-height: 26px;}
.i_link li :hover .i_link_text span { color:#00a0ea; }

.i_link li em { width:65px; height:65px; display:block; float:left;}
.i_link li em.ico1 { background:url(../image/ico_10.png) no-repeat;}
.i_link li:hover em.ico1 { background:url(../image/ico_10_on.png) no-repeat;}
.i_link li em.ico2 { background:url(../image/ico_11.png) no-repeat;}
.i_link li:hover em.ico2 { background:url(../image/ico_11_on.png) no-repeat;}
.i_link li em.ico3 { background:url(../image/ico_12.png) no-repeat;}
.i_link li:hover em.ico3 { background:url(../image/ico_12_on.png) no-repeat;}
.i_link li em.ico4 { background:url(../image/ico_13.png) no-repeat;}
.i_link li:hover em.ico4 { background:url(../image/ico_13_on.png) no-repeat;}
.i_link .tel { float:left; width:268px; height:75px; padding:25px 0 0 78px; background:url(../image/icon_tel_260.png) no-repeat 34px 29px #ffffff;}
.i_link .tel h2 { color:#505050; font:normal 14px/14px "微软雅黑"; padding-bottom:9px;}
.i_link .tel p { color:#00a0ea; font:bold 32px/32px "Arial"; }

.main { padding:50px 0; width:1200px; margin:0 auto;}
.main .tab-pro { margin-top:24px; border:1px solid #e4e4e4; clear:both;}
.main .tab-pro .hd { width:218px; float:left; border-right:1px solid #e4e4e4; }
.main .tab-pro .hd li { border-bottom:1px solid #e4e4e4;cursor:pointer; width:199px; height:85px; padding:15px 0 0 19px; }
.main .tab-pro .hd li h2 { color:#dddddd; font:bold 80px/80px "Arial"; float:left; }
.main .tab-pro .hd li h3 { float:left; padding-left:5px; }
.main .tab-pro .hd li h3 p { color:#888888; font:normal 24px/24px "微软雅黑"; text-transform:uppercase; padding:12px 0 8px;}
.main .tab-pro .hd li h3 span { color:#bbbbbb; font:normal 11px/12px "微软雅黑"; text-transform:uppercase;}
.main .tab-pro .hd li.on { background:url(http://www.ccttel.com/images/icon_9.png) no-repeat right center #555555; }
.main .tab-pro .bd { float:left; width:979px;}

.i_about { padding:19px 0 0 38px;}
.i_about .i_about_text { float:left; width:617px; margin-right:50px;}
.i_about .i_about_text h2 { color:#000000; font:normal 16px/16px "微软雅黑"; height:21px; margin-top:13px;}
.i_about .i_about_text p { color:#666666; font:normal 14px/24px "微软雅黑"; padding:15px 0 20px;}
.i_about .i_about_text p span {color:#000000;}

.ibanner { position:relative; width:818px; height:243px; margin:0 auto; margin-top:27px; }
.ibanner .bd1,.ibanner .bd1 li { width:818px; height:243px; overflow: hidden; }
.ibanner .bd1 li a { width:818px; height:243px; display:block;}
.ibanner .hd1 { position:absolute; right:0; bottom:10px; height:10px; }
.ibanner .hd1 li { width:10px; height:10px; overflow: hidden; margin:0 5px; display:inline-block; }

.ibanner .prev1,.ibanner .next1 { position:absolute; left:-46px; top:98px; display:block; width:25px; height:49px; background:url(http://www.ccttel.com/images/prev.png) no-repeat; cursor:pointer; z-index: 1; }
.ibanner .prev1 { right:-46px; left:auto; background:url(http://www.ccttel.com/images/next.png) no-repeat; }

.main2 { background:#ffffff;}
.main2 .wrap { padding-top:50px;}
.i_case .hd { width:790px; float:left; height:40px; margin:-30px 0 20px 214px;}
.i_case .hd ul { width:606px; float:right;}
.i_case .hd ul li { width:170px; height:40px; float:left; padding:0 15px; margin-left:2px; cursor:pointer; background:url(http://www.ccttel.com/images/ico_18.jpg) no-repeat; position:relative;}
.i_case .hd ul li h2 { color:#ffffff; font:normal 16px/40px "微软雅黑"; float:left;}
.i_case .hd ul li h3 { color:#ffffff; font:normal 11px/40px "Arial"; float:right;}
.i_case .hd ul li em { display:block; background:url(http://www.ccttel.com/images/icon_5.png) no-repeat; width:11px; height:6px; position:absolute; left:48%; bottom:-6px; display:none;}
.i_case .hd ul li.on { background:url(http://www.ccttel.com/images/ico_18_on.jpg) no-repeat;}
.i_case .hd ul li.on em { display:block;}

.i_case .bd .txt { width:1200px;}
.i_case .bd li { width:280px; float:left; margin-right:20px; margin-bottom:40px;}
.i_case .bd li .case_tt { position:relative;}
.i_case .bd li .case_tt .case_tc { background:url(../image/t68.png) repeat; padding:24px 0 0 25px; width:255px; height:176px; position:absolute; top:0; left:0; display:none;}
.i_case .bd li .case_tt .case_tc h2 { color:#ffffff; font:normal 18px/18px "微软雅黑"; padding-bottom:21px; background:url(http://www.ccttel.com/images/icon_17.jpg) no-repeat left bottom; margin-bottom:12px;}
.i_case .bd li .case_tt .case_tc p { color:#ffffff; font:normal 12px/20px "微软雅黑";}
.i_case .bd li .pro_text { /*border-bottom:1px solid #cccccc;*/ padding-top:5px;}
.i_case .bd li .pro_text h3,.i_case .bd li .pro_text h4 { display:block; height:18px; padding-bottom:5px;}
.i_case .bd li .pro_text h3 span { color:#333333; font:normal 12px/18px "微软雅黑"; float:left;}
.i_case .bd li .pro_text h3 em { color:#666666; font:normal 12px/18px "Arial"; float:right;}
.i_case .bd li .pro_text h4 span { color:#888888; font:normal 12px/18px "微软雅黑"; float:left;}
.i_case .bd li .pro_text h4 em { color:#444444; font:normal 12px/18px "微软雅黑"; float:right;}

.i_exhibition_text .left { z-index:1; position:relative;}
.i_exhibition_text .left h2 { height:40px; width:270px; background:url(../image/t68.png) repeat; display:block; z-index:111; position:absolute; left:0; top:185px; padding:0 15px;}
.i_exhibition_text .left h2 p { color:#ffffff; font:normal 14px/40px "微软雅黑"; float:left;}
.i_exhibition_text .left h2 span { color:#ffffff; font:normal 14px/40px "微软雅黑"; float:right;}
.i_exhibition_text { padding-top:37px;}
.i_exhibition_text ul { float:right; width:900px;}
.i_exhibition_text ul li { float:left; margin:0 0 15px 20px; width:280px; height:105px; position:relative;}
.i_exhibition_text ul li:hover {box-shadow:0 0 10px #666;-moz-box-shadow:0 0 10px #666;-webkit-box-shadow:0 0 10px #666;}
.i_exhibition_text ul li .text { float:left; background:#ededed; width:112px; height:77px; padding:14px;}
.i_exhibition_text ul li .text h2 { color:#313131; font:normal 14px/14px "微软雅黑";}
.i_exhibition_text ul li .text p { color:#777777; font:normal 12px/12px "微软雅黑"; background:url(http://www.ccttel.com/images/icon_18.png) no-repeat left center; padding:19px 0 21px 8px;}
.i_exhibition_text ul li .text a.more { background:url(http://www.ccttel.com/images/icon_19.jpg) no-repeat; width:40px; height:11px; display:block;}
.i_exhibition_text ul li span { background:url(http://www.ccttel.com/images/icon_20.png) no-repeat; width:296px; height:121px; position:absolute; top:-8px; left:-8px; display:none;}

.i_design { position:relative; padding:0px 20px 56px; width:1160px; height:320px; margin-top:30px; }
.i_design a.prev,.i_design a.next { position:absolute; left:0px; top:30%; display:block; width:25px; height:49px; background:url(http://www.ccttel.com/images/prev1.png) no-repeat; cursor:pointer; }
.i_design a.prev { right:0px; left:auto; background:url(http://www.ccttel.com/images/next1.png) no-repeat; }
.i_design .i_design_list { width:1150px; height:320px; margin:0 auto; overflow:hidden; } 
.i_design .i_design_list .list_text { float:left; margin:0 15px;}
.i_design .i_design_list .list_text h2 { display:block; clear:both; height:20px; padding-top:16px;}
.i_design .i_design_list .list_text h3 { display:block; clear:both; height:20px; width: 200px;}
.i_design .i_design_list .list_text h2 p { font:normal 14px/14px "微软雅黑"; color:#333333; float:left;}
.i_design .i_design_list .list_text h2 span { font:normal 12px/14px "微软雅黑"; color:#333333; float:right;}
.i_design .i_design_list .list_text h3 p { font:normal 12px/14px "微软雅黑"; color:#333333; float:left;}
.i_design .i_design_list .list_text h3 a.more { font:normal 12px/14px "微软雅黑"; color:#000000; background:url(http://www.ccttel.com/images/icon_7.png) no-repeat left center; padding-left:15px; float:right; }

.i_custom ul { margin:41px 0 81px; height:84px;}
.i_custom li { float:left; padding:17px 33px; border-right:1px solid #f2f2f2;}

.i_eva { width:780px; float:left;}
.i_eva li { float:left; width:350px; height:145px; margin-top:15px;}
.i_eva li .sd { width:354px; height:120px; padding:10px 17px; border:1px solid #fff;}
.i_eva li:hover .sd {box-shadow:0px 3px 0px #eeeeee;-moz-box-shadow:0px 3px 0px #eeeeee;-webkit-box-shadow:0px 3px 0px #eeeeee; border-radius:4px; border:1px solid #eeeeee;}
.i_eva li .i_eva_text { float:left; width:192px; margin-left:12px;}
.i_eva li .i_eva_text h2 a { font:normal 16px/20px "微软雅黑"; color:#000000;}
.i_eva li .i_eva_text h2:hover a { color:#027CB9;}
.i_eva li .i_eva_text span { font:normal 11px/12px "微软雅黑"; color:#999999; padding:5px 0; display:block;}
.i_eva li .i_eva_text p { font:normal 12px/20px "微软雅黑"; color:#666666;}

.i_qa { width:368px; float:left; margin-left:52px;}
.i_qa li { margin:25px 4px 0;}
.i_qa li h2 { background:url(http://www.ccttel.com/images/icon_1.jpg) no-repeat left center; padding-left:30px; height:23px; font:normal 14px/23px "微软雅黑"; color:#555555; display:block;}
.i_qa li h2:hover { color:#00a0ea;}
.i_qa li .i_qa_text { padding:10px 30px; margin-top:7px; position:relative; box-shadow:0px 3px 0px #eeeeee;-moz-box-shadow:0px 3px 0px #eeeeee;-webkit-box-shadow:0px 3px 0px #eeeeee; border-radius:4px; border:1px solid #eeeeee;}
.i_qa li .i_qa_text em { background:url(http://www.ccttel.com/images/icon_21.jpg) no-repeat; width:11px; height:7px; position:absolute; top:-7px; left:40px; display:block;}
.i_qa li .i_qa_text p { font:normal 12px/20px "微软雅黑"; color:#777777;}


.i_news { padding:95px 0 55px; clear:both;}
.tab_news { width:365px; float:left; margin-right:20px;}
.tab_news .hd li { float:left; margin:7px 2px 14px 0; font:normal 18px/35px "微软雅黑";color:#ffffff; background:url(../image/ico_19.jpg) no-repeat; width:165px; height:35px; padding-left:15px;}
.tab_news .hd li.on {color:#ffffff; background:url(../image/ico_19_on.jpg) no-repeat;}
.tab_news .hd li.on a{color:#ffffff;}
.tab_news .bd .txt { width:365px;}
.tab_news .bd li { clear:both; background:url(http://www.ccttel.com/images/icon_18.png) no-repeat 4px center; height:12px; padding:9px 3px 9px 13px;}
.tab_news .bd li a { float:left; font:normal 12px/12px "微软雅黑"; color:#555555;}
.tab_news .bd li em { float:right; color:#999999; font:normal 11px/12px "Arial"; }


.i_project{ width:1200px; height:100%; overflow:hidden;}
.project{padding: 0px 20px 56px; width: 1160px;margin-top: 30px}
.project ul li{ width:1150px; height:200px; margin-bottom:20px;}
.project ul li img{ display:block; width:350px; height:200px; float:left;}
.project .i_pn{ width:750px; float:right;}
.i_pn h2 a{ line-height:35px ; font-size:16px; color:#00a0ea;font-family:"微软雅黑"; font-weight:400;}
.i_pn p{ line-height:26px;font-size:13px;}
.i_pn h2 a:hover{color:#999999}