
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{-webkit-text-size-adjust:none;font:12px/1.5 Tahoma,Arial,sans-serif}h1,h2,h3,h4,h5,h6{font-size:100%}address,cite,dfn,em,var{font-style:normal}ul,ol,li{list-style:none}a{text-decoration:none}legend{color:#000}fieldset,img{border:0;vertical-align:top;}section,article,aside,header,footer,nav,dialog,figure{display:block;}figure{margin:0;}button,input,select,textarea{font-size:100%}table{border-collapse:collapse;border-spacing:0}html {overflow-y:scroll;}.clear{display:block;height:0;overflow:hidden;clear:both}.clearfix:after{content:'\20';display:block;height:0;clear:both}.clearfix{*zoom:1}a:link,a:visited{text-decoration:none}a:hover,a:active{text-decoration:underline}a{blr:expression_r(this.onFocus=this.blur())}a{outline:none;}.none{display:none;}.block{display:block;}.noBg{background:none !important;}.noBd{border:none !important;}.noPd{padding:0 !important;}

body { position:relative; color:#848484; background:#fff; font-family: "Î¢ÈíÑÅºÚ";}
a { color:#ffffff; }
a:hover { text-decoration:none; }
.wrap { position:relative; width:1200px; margin:0 auto; clear:both; }
.header,.container,.footer { position:relative; margin:0 auto; }
.left { float:left;}
.right { float:right;}
em { color:#00a0ea;}
.mT20 { margin-top:20px;}
.mT50 { margin-top:50px;}
.mT80 { margin-top:80px;}
.mB20 { margin-bottom:20px;}
.showlist{display:none;}
.line { width:100%; height:3px; background:url(http://www.ccttel.com/images/icon_10.jpg) no-repeat left center #cccccc; min-width:200px;}
.tittle {border-top:3px solid #cccccc; clear:both;}
.tittle h2 { color:#00a0ea; font:normal 18px/18px "Î¢ÈíÑÅºÚ"; float:left; border-top:3px solid #00a0ea; margin-top:-3px; padding-top:15px;}
.tittle p { color:#888888; font:normal 18px/18px "Arial"; float:left; border-top:3px solid #999999; margin-top:-3px; padding:15px 0 0 10px; text-transform:uppercase;}
.tittle h3 { color:#888888; font:bold 12px/12px "Arial"; float:left; border-top:3px solid #999999; margin-top:-3px; padding:23px 0 0 10px; text-transform:uppercase;}
.tittle h5 { color:#666666; font:normal 24px/24px "Î¢ÈíÑÅºÚ"; float:left; border-top:3px solid #ce0000; margin-top:-3px; padding-top:9px;}
.tittle h6 { color:#aaaaaa; font:bold 16px/16px "Arial"; float:left; border-top:3px solid #999999; margin-top:-3px; padding:20px 0 0 10px; text-transform:uppercase;}
.tittle a.more { float:right; background:url(http://www.ccttel.com/images/icon_6.png) no-repeat left 15px; color:#494848; font:normal 12px/13px "Arial"; padding:15px 18px 0 20px;}
.tittle_news { background:url(http://www.ccttel.com/images/icon_4.png) no-repeat left center; padding-left:30px; margin-top:11px; width:222px;}
.tittle_news h4 { float:left; font:normal 12px/19px "Î¢ÈíÑÅºÚ"; color:#333333; }
.tittle_news ul { float:left; height:19px; }
.tittle_news li { width:100%; height:19px; overflow: hidden;}
.tittle_news li a { font:normal 12px/19px "Î¢ÈíÑÅºÚ"; height:19px; color:#333333; display:block;  }


.header {  height: 140px; background: #ffffff;}
.h_top { height: 24px;line-height: 24px; color: #0F0E0E;  background: #939393;}
.top1 {width: 1200px; height: 24px; margin: 0 auto;}
.top1 span { float:left;}
.top1 p { float: right;}
.top1 p a { padding:0 8px; color:#ffffff;}
.top2 { width: 1300px; height: 50px; margin: 0 auto;}
.logo { float: left; width: 250px; height: 83px; }
.logo img { height: 83px;}
.Tel { float:right; width: 320px; height: 75px; padding: 14px 0 0 15px;  overflow: hidden;}
.top3 {height: 83px; width: 1300px;  margin: 0 auto;}

.nav {  height:60px; float:right;margin-top: 28px;}
.nav li { float:left; width: 115px; border-right:1px solid #cccccc; height:50px; text-align:center;}
.nav li a{display: block;}
.nav li a span { display: block;font-size: 17px;font-family:"Î¢ÈíÑÅºÚ";color:#777777;text-align: center; padding-top: 5px;padding-bottom: 1px;}
.nav li a em { display: block; color: #cccccc;font-size: 12px; font-family:"Arial";  text-align: center;}
.nav li a:hover span{color:#00a0ea; }
.nav li a:hover em{color:#00a0ea; }
.nav li:hover {background:#ffffff;}
.nav li ul{display:none;}
.nav li:hover ul{display:block;border:0;position:absolute;}
.nav li ul li{width:115px; height:35px; background-color:rgba(0,0,0,0.4); line-height:35px; text-align:center; border:0;}
.nav li ul li a{ position:relative;color:#ffffff;font-size: 14px;}
.nav li ul li:hover{background:#ffffff; background-color:rgba(0,0,0,0.7);}
.nav li ul li:hover  a{color:#00a0ea;font-size: 16px;}



.foot_service { background:#f5f5f5; border-top:1px solid #dddddd; padding:34px 0;}
.foot_service li { float:left;}
.foot_service li em { float:left; width:32px; height:32px;}
.foot_service li em.ico1 { background:url(http://www.ccttel.com/images/ico_1.jpg) no-repeat;}
.foot_service li:hover em.ico1 { background:url(http://www.ccttel.com/images/ico_1_on.jpg) no-repeat;}
.foot_service li em.ico2 { background:url(http://www.ccttel.com/images/ico_2.jpg) no-repeat;}
.foot_service li:hover em.ico2 { background:url(http://www.ccttel.com/images/ico_2_on.jpg) no-repeat;}
.foot_service li em.ico3 { background:url(http://www.ccttel.com/images/ico_3.jpg) no-repeat;}
.foot_service li:hover em.ico3 { background:url(http://www.ccttel.com/images/ico_3_on.jpg) no-repeat;}
.foot_service li em.ico4 { background:url(http://www.ccttel.com/images/ico_4.jpg) no-repeat;}
.foot_service li:hover em.ico4 { background:url(http://www.ccttel.com/images/ico_4_on.jpg) no-repeat;}
.foot_service li em.ico5 { background:url(http://www.ccttel.com/images/ico_5.jpg) no-repeat;}
.foot_service li:hover em.ico5 { background:url(http://www.ccttel.com/images/ico_5_on.jpg) no-repeat;}
.foot_service li em.ico6 { background:url(http://www.ccttel.com/images/ico_6.jpg) no-repeat;}
.foot_service li:hover em.ico6 { background:url(http://www.ccttel.com/images/ico_6_on.jpg) no-repeat;}
.foot_service li em.ico7 { background:url(http://www.ccttel.com/images/ico_7.jpg) no-repeat;}
.foot_service li:hover em.ico7 { background:url(http://www.ccttel.com/images/ico_7_on.jpg) no-repeat;}
.foot_service li em.ico8 { background:url(http://www.ccttel.com/images/ico_8.jpg) no-repeat;}
.foot_service li:hover em.ico8 { background:url(http://www.ccttel.com/images/ico_8_on.jpg) no-repeat;}
.foot_service li p { float:left; color:#777777; font:normal 12px/16px "Î¢ÈíÑÅºÚ"; margin:0 23px 0 6px;}
.foot_service li:hover  p{ color:#bb0000;}
.foot_service li p span { display:block; color:#bb0000;}
.foot_service li p i { display:block; font:normal 10px/16px "Arial";}

.foot_link { background:#6F6E6E; padding-bottom:36px;}
.foot_link .ftLink { float:left; width:770px; overflow: hidden; background:url(http://www.ccttel.com/images/icon_8.png) no-repeat left top; }
.foot_link .ftLink dl { float:left; width:97px; padding-left:13px; min-height:174; background:url(http://www.ccttel.com/images/icon_8.png) no-repeat right top; }
.foot_link .ftLink dt { height:16px; padding-bottom:10px; padding-top:21px; }
.foot_link .ftLink dt { font:normal 14px/16px "Î¢ÈíÑÅºÚ"; color:#ffffff; }
.foot_link .ftLink dd a { font:normal 12px/20px "Î¢ÈíÑÅºÚ"; color:#ffffff; }
.foot_link .ftLink dt a:hover,.foot_link .ftLink dd a:hover { color:#cccccc;}
.foot_link .foot_link_text { float:left; margin:40px 0 0 76px;}
.foot_link .foot_link_text h3 { color:#bbbbbb; font:normal 14px/18px "Î¢ÈíÑÅºÚ";}
.foot_link .foot_link_text h4 { color:#ffffff; font:bold 28px/28px "Arial"; padding-bottom:33px;}
.foot_link .foot_link_text p { color:#ffffff; font:normal 12px/16px "Î¢ÈíÑÅºÚ";}
.foot_link .foot_link_weixin { float:right; margin:27px 15px 0 0;}
.foot_link .foot_link_weixin p { color:#ffffff; font:normal 13px/13px "Î¢ÈíÑÅºÚ"; padding-top:15px;}
.foot_friend { background:#ffffff; padding:18px 0;}
.foot_friend p { color:#333333; font:normal 14px/14px "Î¢ÈíÑÅºÚ"; float:left;}
.foot_friend .txt { width:1130px; height:16px; float:left; position:relative;overflow: hidden;}
.foot_friend .txt ul { height:16px; float:left;}
.foot_friend .txt li { height:16px; float:left; text-align:center; padding:0 5px;}
.foot_friend .txt li a { font:normal 14px/16px "Î¢ÈíÑÅºÚ"; color:#262525;}
.footer .copyright { background:#666666; height:30; text-align:center; width:100%;}
.footer .copyright a { color:#ffffff; font:normal 12px/40px "Arial"; }


.xuanfu { position:fixed; right:0px; top:30%; width:74px; height:222px; z-index:1000;}
.xuanfu li { width:66px; height:66px; z-index:111111; cursor:pointer; position:relative; margin-bottom:2px;}
.xuanfu li em.fu1 { background:url(http://www.ccttel.com/images/ico_14_on.jpg) no-repeat; width:66px; height:66px; display:none; position:absolute; top:0; left:0;}
.xuanfu li em.fu2 { background:url(http://www.ccttel.com/images/ico_15_on.jpg) no-repeat; width:66px; height:66px; display:none; position:absolute; top:0; left:0;}
.xuanfu li em.fu3 { background:url(http://www.ccttel.com/images/ico_16_on.png) no-repeat; width:170px; height:90px; display:none; position:absolute; top:-12px; left:-104px;}
.xuanfu li em.fu4 { background:url(http://www.ccttel.com/images/ico_17_on.jpg) no-repeat; width:66px; height:66px; display:none; position:absolute; top:0; left:0;}
.xuanfu li em a { width:66px; height:66px; display:block;}



.qnav {height: 250px;}
.qnav ul{ padding-top:68px;width:1000px; margin:0 auto;}
.qnav ul li{float:left; width:101px; margin-left:42px; margin-right: 140px; display:inline;}
.qnav ul li.qnav4{ margin-right:0;}
.qnav ul li a{width:100%; float:left; text-align:center; font:16px/1 'Microsoft Yahei';}
.qnav ul li a:hover{ color:#00a0ea; }
.qnav ul li a font{width:100%; margin-bottom:10px;float:left; height:100px;}
.qnav1 a font{background:url(http://www.ccttel.com/images/qnav1.png) left top no-repeat;}
.qnav1 a:hover font{background:url(http://www.ccttel.com/images/qnav1.png) left bottom no-repeat;}
.qnav2 a font{background:url(http://www.ccttel.com/images/qnav2.png) left top no-repeat;}
.qnav2 a:hover font{background:url(http://www.ccttel.com/images/qnav2.png) left bottom no-repeat;}
.qnav3 a font{background:url(http://www.ccttel.com/images/qnav3.png) left top no-repeat;}
.qnav3 a:hover font{background:url(http://www.ccttel.com/images/qnav3.png) left bottom no-repeat;}
.qnav4 a font{background:url(http://www.ccttel.com/images/qnav4.png) left top no-repeat;}
.qnav4 a:hover font{background:url(http://www.ccttel.com/images/qnav4.png) left bottom no-repeat;}


.main4{width: 1200px; margin: 0 auto;}
.hzzh{width:100%;padding-top: 30px;}
.hzzhmain{ width: 1200px; height:298px; margin:60px auto 0;}
.hzzhmain li{ float:left; width: 500px; margin: 0 40px 60px;}
.time{ float:left;width:60px;height:87px; background:#fff; margin-right:1px; color:#fff;font-family:Arial, Helvetica, sans-serif; text-align:center;}
.time font{ float:left;width:58px;font:22px/43px 'Arial'; color:#333;border:1px solid #aeadad;}
.time span{ font: 13px/44px 'Arial'; float:left; width:100%;background: #00a0ea; color:#ffffff;font-weight: bold;}
.hzzhli_r{float:left; line-height:1.5; color:#000000;width:373px; margin-left:10px; }
.hzzhli_rt{float:left;width:373px;font:16px/1.5 'Microsoft Yahei' }
.hzzhli_rt font{ width:20px; height:20px; line-height:20px; float:right; background:#00a0ea; color:#ffffff; text-align:center;}
.hzzhli_rt .fl{ text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:300px;font-weight: bold;font-family: "Î¢ÈíÑÅºÚ";color:#00a0ea;}
.hzzhli_r em{ display:block; line-height:24px; margin-bottom:3px;border-bottom:1px dotted #ccc; font-style:normal; color:#9a9a9a;}
.hzzhmain li a:hover .hzzhli_rt font{ background:#cccccc; color:#ffffff;font-family: "Î¢ÈíÑÅºÚ";}
.hzzhmain li a:hover .hzzhli_rt .fl{ color:#555555;}
.hzzhmain li a:hover .time span{ background:#cccccc;color:#999999;}
.hzzhmain li a:hover .time font{ color:#cccccc;}
.hzzhmain li a:hover .fl2{color:#777777;}

.subject_title {font-size: 24px; color: #333;font-weight: 600; line-height: 40px; padding: 20px 0;}
/*·ÖÒ³²¿·Ö*/
.List_page{text-align:center;/* margin-bottom:10px; *//* margin-top:20px; */height: 50px;/* padding: 5px 0; */}
.List_page a{background:#fff;margin:0px 1px;padding:4px 6px;border: 1px solid #B2B3B2;color:#A0A0A0;}
.List_page span{background: #000000;color:#fff;margin:0px 1px;padding:4px 6px;border: 1px solid #000000;}

/*  ×ÉÑ¯ÁôÑÔ  */
.message{width:700px;margin:60px auto;}
.message td{font-size:14px;}
.message td span{color:red;}
.message td .input{ line-height:20px; height:20px;}
.message td .w165{width:165px;}
.message td .w300{width:300px;}
.message td .text{color:#0d5091; line-height:20px;font-size:12px;}






.footwrap {background: #666666;padding: 20px 0;height: 100%;overflow: hidden;}
.footnew {width: 1200px;margin: 0 auto;clear: both;}
.footnew img{height:90px;}
.footnew_l {width: 250px;height: 100%;overflow: hidden;float: left;}
.footnew_l p{color: #ffffff;font-size: font-weight:bold;14px;line-height: 25px;}
/*.footnew_l p{color: #ffffff;font-size: font-weight:bold;14px;line-height: 25px;margin-left:25%;}*/
.footnew_r{width: 560px;height: 100%;overflow: hidden;float:right;}
.footnew_r ul{width: 560px;height: 100%;overflow: hidden;}
.footnew_r ul li{width: 90px;height: 20px;float: left;}
.footnew_r ul li a{color:#ffffff;display: block;font-size: 14px;line-height: 25px;}

.footnew_r h4 {width: 90px;color: #ffffff;font: 14px/14px "Î¢ÈíÑÅºÚ";padding: 32px 0 ;float: left;}
.footnew_r h5 {color: #ffffff;font: bold 28px/28px "Î¢ÈíÑÅºÚ";padding: 25px 0;float: left;}








.language {  float: right; width: 150px;    height: 30px;   line-height: 30px;  margin-top: 8px;}
.language a {    color: #888888;  font-size: 13px;   padding: 0 15px;}
.language a:hover{ color: #00a0ea;}