@charset "utf-8";

/* 公共样式 */
body, html{min-width:1200px; background-color:#fff; font-family:'Microsoft Yahei','\5FAE\8F6F\96C5\9ED1',Arial,'Hiragino Sans GB','\5B8B\4F53'; margin:0; padding:0; font-size:14px; line-height:20px; color:#333; }
button, dd, div, dl, dt, form, img, input, li, ol, p, td, th, ul{margin:0; padding:0; border:0;}
em, th, i ,b{font-style:normal; font-weight:normal;}
ul, li{list-style:none;}
img{vertical-align:top;}
h1, h2, h3, h4, h5, h6{margin:0; padding:0; font-weight:500;}
input{font-size:12px; vertical-align:middle; color:#333; outline:0;}
table{border-collapse:collapse; border-spacing:0;}
a, input, textarea, select{outline:0; transition:all .3s ease; color:#333;}
a:hover, a:link, a:visited{text-decoration:none;}
a{blr:expression(this.onFocus=this.blur());}
a:focus{outline:none;}
textarea{resize:none;}
html{_background:url(about:blank);}
.hide{display: none;}
.show{display: block;}

.wrap{width:1200px; margin:0 auto; overflow:hidden;_zoom: 1;}
.wrap1{width:1100px; margin:0 auto; overflow:hidden;_zoom: 1;}
.wrap2{width:1365px; margin:0 auto; overflow:hidden;_zoom: 1;}


.fl{float:left;}
.fr{float:right;}
.red{color:#ff5a67;}
.clearfix{display:inline-table; display:block; zoom:1;}
.clearfix:after{content:''; clear:both; display:block; height:0; visibility:hidden;}
img{border: 0;vertical-align: top;opacity: 1;-webkit-transition: opacity 0.3s ease-out;-moz-transition: opacity 0.3s ease-out;-o-transition: opacity 0.3s ease-out;transition: opacity 0.3s ease-out;}

h1.logo img{ width:198px; height:37px; overflow:hidden}
.foot{position: absolute;left: 0;right: 0; bottom:0; z-index:9999}

/* nav */
.header{ height:80px; background:#fff; line-height:80px;  -webkit-box-shadow:0px 3px 5px rgba(0, 0, 0, .1);  -moz-box-shadow:0px 3px 5px rgba(0, 0, 0, .1);  box-shadow:0px 3px 5px rgba(0, 0, 0, .1); }
h1.logo{ float:left; margin-top:25px; overflow:hidden; height:37px;}
ul.nav{ float:right;}
ul.nav li{ float:left; padding-left:60px; position:relative;}
ul.nav li a{ font-size:14px;}
ul.nav li a:hover{ color:#ea3d45}

.topbar{background:#333; height:42px; color:#ccc; line-height:42px; overflow:hidden;}
.bar-lf{ float:left;}
.bar-lf i{ font-size:18px; padding-right:5px; color:#f01820;}
.bar-fr{ float:right; color:#666; font-size:12px;}
.bar-fr a{ display:inline-block; color:#ccc; padding:0 10px;}

/*banner*/
.focusLessIe7{ background:url(../img/banner/banner_bg.jpg) no-repeat center top;width:100%; height:680px; position:relative;}
.system_text{width:1200px; margin:0 auto;}
.focus{ background:url(../img/banner/banner.png) no-repeat center top;background-attachment:fixed;background-size:cover; width:100%; height:680px; position:relative;}
.sys_lf{ float:left; padding-top:200px;}
.sys_fr{ background:url(../img/sys_img.png) no-repeat; height:541px; width:541px; float:right; margin-top:50px; position:relative;}
.lin_img{ position:absolute; top:0px; left:0px;}

/*关于文网*/
#who_1{position:relative; overflow:hidden; }
.about_text h3{ text-align:center; font-size:30px; margin-top:90px;}
.about_text h3 b{ display:block; font-size:14px; padding-top:10px; color:#999}
.about_text p{ line-height:33px; color:#6f6f6f; padding-top:20px;}
.abtext_cont{ background:url(../img/wenwang_about.png) no-repeat; width:281px; height:150px; margin:0 auto;}
.about_flas{ margin-top:50px; position:relative; padding-bottom:20px;}
.abtext_fl{ position:absolute; top:40px; left:255px; text-align:right}
.abtext_fr{ position:absolute; top:0px; right:170px;}

.abtext_fl p.ab_1{ font-size:24px; color:#333}
.abtext_fl p.ab_2{ font-size:14px; color:#999; padding-top:30px; margin-right:-10px}
.abtext_fr p.ab_3{ font-size:16px; color:#707070; margin-top:-10px;}
.abtext_fr p.ab_4{ font-size:12px; color:#bfbfbf; margin-left:90px; padding:5px 0}
.abtext_fr p.ab_5{ font-size:24px; color:#333; margin-left:35px;}
.abtext_fr p.ab_6{ font-size:12px; color:#bfbfbf; margin-left:20px; padding-top:10px;}
.abtext_fr p.ab_7{ font-size:16px; color:#7b7b7b; margin-left:65px; padding-top:5px;}
.abtext_fr p.ab_8{ font-size:14px; color:#707070; padding-top:5px; margin-left:-10px;}

.ab_more{ width:350px; margin:70px auto 0 auto;}
.ab_more a{ display:block; width:350px; height:60px; line-height:60px; text-align:center; color:#333; background:#f1f1f1; font-size:18px; border-radius:3px;}

/*新闻中心*/
.new_warp{background:url(../img/banner/new.jpg) no-repeat center top;background-attachment:fixed;background-size:cover; width:100%; height:560px; margin-top:80px;}
.new_cont{ width:1150px; height:280px; background-color:rgba(255,255,255,0.8); overflow:hidden; border-radius:3px; padding:25px;}
.new-text h3{ font-size:30px; text-align:center; padding:60px 0;}

/*焦点图*/
.focust{ position:relative; width:530px; height:280px; background-color: #000; float: left;}  
.focust img{ width: 530px; height: 280px;} 
.focust .shadow .title{width: 260px; height: 65px;padding-left: 30px;padding-top: 20px;}
.focust .shadow .title a{ text-decoration:none; color:#fff; font-size:14px; font-weight:bolder; overflow:hidden; }
.focust .btn{ position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;} 
.focust .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }  
.focust .btn a:hover,.focust .btn a.current{  cursor:pointer;background:#fc114a;}  
.focust .fPic{ position:absolute; left:0px; top:0px; }  
.focust .D1fBt{ overflow:hidden; zoom:1;  height:16px; z-index:10;  }  
.focust .shadow{ width:100%; position:absolute; bottom:0; left:0px; z-index:10; height:48px; line-height: 48px; background:rgba(0,0,0,0.6);    
filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;  display:block;  text-align:left; }  
.focust .shadow a{ text-decoration:none; color:#fff; font-size:14px; overflow:hidden; margin-left:15px; font-family: "\5FAE\8F6F\96C5\9ED1";}  
.focust .fcon{ position:relative; width:100%; float:left;  display:none; background:#000  }  
.focust .fcon img{ display:block; }  
.focust .fbg{bottom:12px; right:10px; position:absolute; height:21px; text-align:center; z-index: 200; }  
.focust .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px}    
.focust .D1fBt a{position:relative; display:inline; width:10px; height:10px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }    
.focust .D1fBt .current,.focust .D1fBt a:hover{background:#fc114a;}    
.focust .D1fBt img{display:none}    
.focust .D1fBt i{display:none; font-style:normal; }    
.focust .prev,.focust .next{position:absolute;width:40px;height:74px;background: url(../img/focus_btn.png) no-repeat;}
.focust .prev{top: 50%;margin-top: -37px; left: 0;background-position:0 -74px; cursor:pointer; }  
.focust .next{top: 50%;margin-top: -37px; right: 0;  background-position:-40px -74px;  cursor:pointer;}  
.focust .prev:hover{  background-position:0 0; }  
.focust .next:hover{  background-position:-40px 0;}  

ul.new_txt{ margin-left:25px; width:590px; margin-top:-5px;}
ul.new_txt li{ height:36px; line-height:36px; width:100%; overflow:hidden; _zoom:1; display:block; float:left}
ul.new_txt li a{ float:left}
ul.new_txt li span{ float:right; color:#999}

/*家庭网络护航*/
.home_bt h3{ text-align:center; font-size:30px; padding:55px 0; margin-top:50px;}
ul.home_list{ margin:20px 0; overflow:hidden;}
ul.home_list li{ width:192px; text-align:center; float:left; padding:10px 24px;}
ul.home_list li a{ height:100px; width:100px; display:block; border-radius:100%; text-align:center; margin:0 auto;box-shadow: 0 0 0 3px #eb5a5a;
     -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;}
ul.home_list li span{ font-size:18px; font-weight:bold; margin:25px 0 20px 0; display:inline-block}
ul.home_list li a i{ font-size:60px; color:#eb5a5a; line-height:100px;}
ul.home_list li p{ font-size:12px; color:#666; line-height:28px;}

ul.home_list li a p{
	height:100px; width:100px;  display:block; border-radius:100%;
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
	-moz-transition: -moz-transform 0.2s, opacity 0.2s;
	transition: transform 0.2s, opacity 0.2s;}
ul.home_list li a:hover p{	
    -webkit-transform: scale(0.85);
	-moz-transform: scale(0.85);
	-ms-transform: scale(0.85);
	transform: scale(0.85);}


/*底部*/

ul.botm-cont{ width:136px; margin:0 auto; padding:35px 0 10px 0; overflow:hidden}
ul.botm-cont li{ float:left}
ul.botm-cont li em{ padding:0 10px; color:#666}
ul.botm-cont li a{ color:#999}
.bottom{width:100%; background:#333; height:120px; margin-top:120px;}
.bottom span{ text-align:center; display:block; color:#999; font-size:12px;}
.bottom-login{width:100%; background:#333; height:150px;}
.bottom-login span{ text-align:center; display:block; color:#999; font-size:12px;}
.sys_lf p{ width:410px; color:#fff; padding-top:20px; font-size:16px; line-height:30px;}

.bottom1{width:100%;background:url(../img/bg_abut.png) repeat-x; height:100px; position:absolute; bottom:0;}
.bottom1 span{ text-align:center; display:block; color:#ccc; font-size:12px;}
.bottom1 ul.botm-cont{ width:136px; margin:0 auto; padding:25px 0 10px 0; overflow:hidde}
.bottom1 ul.botm-cont li a{ color:#ccc}
.bottom1 ul.botm-cont li em{ padding:0 10px; color:#999}

/*关于我们*/
.bg_img{position: absolute;top: 0px;left: 0px;bottom: 0px; }
.bg_img img{height:100%; width:100%}
.nav_top{ position:absolute; z-index:999; width:100%; height:100%}
.about_wm{ margin:0 auto; padding-top:50px;}
.about_title{ text-align:center;}
.about_title h3{ font-size:36px; text-align:center; color:#fff; border-bottom:2px solid #ff5d5d; margin:0 auto; display:block; width:150px; height:56px; line-height:56px;}
.about_title p{ text-align:center; font-size:18px; color:#c1c6d4; padding-top:8px;}
.about_txt{ font-size:14px; line-height:33px; margin-top:40px; color:#fff; overflow:hidden}
.about_txt span p{ color:#fff; line-height:32px;text-indent:2em;}
.about_txt span img { margin-top:10px; width:270px; height:400px;}
.about_txt span{ float:left;}
.about_txt span.s_txt{ width:880px; padding-left:40px;}

/*产品与服务*/
.product{ overflow:hidden;}
.prod_uct{background:url(../img/banner/banner_cp.jpg) no-repeat center top;background-size:cover; width:100%; height:564px;}
.product_title{ margin-top:80px;}
.product_title h3{ font-size:30px; text-align:center;  color:#fff}
.product_title p{ text-align:center; color:#fff; padding-top:10px;opacity:0.6}
.product_cont{ padding-top:20px; line-height:36px; color:#fff; overflow:hidden;}

.product_cont ul{ display:block; width:1200px; margin:0 auto;}
.product_cont ul li{ width:260px; padding:0 20px; float:left}
.product_cont ul li span{ display:block; text-align:center; font-size:18px;}
.product_cont ul li b{ display:block; font-size:14px; line-height:28px; padding-top:15px; height:100px;}
.product_cont ul li a{ width:250px; height:60px; text-align:center; line-height:60px; background:#f26666; display:block; margin:0 auto; border-radius:3px 3px 0 0; margin-top:40px; color:#fff;}
a.rt_more{width:110px; height:40px; text-align:center; line-height:40px; background:#f26666; display:block; border-radius:3px; margin-top:20px; color:#fff;}
.product_cont ul li a.cd-popup-trigger{ width:110px; height:40px; text-align:center; line-height:40px; background:#ff6b6e; display:block; margin:0 auto; border-radius:3px; margin-top:20px; color:#fff;}
.product_cont ul li i{ font-size:50px; display:block; text-align:center; border:5px solid rgba(255,255,255,0.5); width:110px; height:110px; border-radius:100%; line-height:110px; margin:20px auto 15px auto;}
.product_cont ul li i img{ margin-top:16px;}
.pr_txt{ text-align:center; font-size:16px;}
.product_cont ul.Cooper{ width:820px; margin:0 auto; overflow:hidden;}
.product_cont ul.Cooper li{ width:310px; padding:0 50px; float:left}

.Router{ margin:80px 0;}
.Router_lf{ width:480px; position:relative; padding:60px 0 30px 0;}
.pr_img_net{padding:0px 0 0px 0;}
.Router_lf img{ width:323px; height:323px; margin:0 auto; display:block}
.Router_lf img.img_pro{ width:486px; height:487px;}
.Router_lf img.img_pro1{ width:423px; height:441px;}
.Router_lf img.img_pro2{ width:453px; height:412px;}

.Router_fr{ width:650px;}
.Router_fr h3{ font-size:30px; color:#333; margin-bottom:20px; padding-top:20px;}
.rt_cont{line-height:36px;}
.rt_cont h4{ font-size:18px; color:#333; padding-top:30px;}
.rt_cont p{  color:#666}

.Router_lf .rt_r1{ width:90px; height:90px; border-radius:100%; background:#23dcd1; text-align:center; line-height:90px; color:#fff; position:absolute; top:120px; left:20px}
.Router_lf .rt_r2{ width:75px; height:75px; border-radius:100%; background:#42cf4f; text-align:center; line-height:75px; color:#fff; position:absolute; top:15px; left:215px}
.Router_lf .rt_r3{ width:100px; height:100px; border-radius:100%; background:#5497fb; text-align:center; line-height:100px; color:#fff; position:absolute; top:140px; left:355px}
.Router_lf .rt_r4{ width:70px; height:70px; border-radius:100%; background:#ffa626; text-align:center; line-height:70px; color:#fff; position:absolute; top:325px; left:340px}
.Router_lf .rt_r5{ width:80px; height:80px; border-radius:100%; background:#ff6b6e; text-align:center; line-height:80px; color:#fff; position:absolute; top:325px; left:70px}

.Wbhelper{ background:#f1f1f1; overflow:hidden}
.helper_lf{ width:650px; padding-left:50px;}
.helper_lf h3{ font-size:30px; margin-bottom:20px; padding-top:120px;}
.helper_fr{ width:450px;}
.helper_fr img{ display:block; width:360px; height:580px; margin:0px auto;}

.monitoring{ overflow:hidden;}
.mon_top h3{font-size:30px; margin-bottom:20px; padding-top:10px; text-align:center;}
.mon_top p{ text-align:center; padding-top:10px; color:#999; font-size:16px;}

.mon_cont ul{ width:560px;}
.mon_cont ul li{ overflow:hidden; margin-top:50px;}
.mon_cont ul li span{ float:left}
.mon_cont ul li span.mon_txt{ width:465px; padding-left:20px; line-height:36px;}
.mon_cont ul li span.mon_txt p{ font-size:22px}
.mon_cont ul li span.mon_txt b{ color:#666}
.mon_cont ul li span i{ background:#50db98; height:75px; width:75px; color:#fff; display:block; font-size:48px; text-align:center; line-height:75px; border-radius:3px;}
.mon_cont ul li span.m_1 i{ background:#50db98}
.mon_cont ul li span.m_2 i{ background:#81c0f3}
.mon_cont ul li span.m_3 i{ background:#61efe6}
.mon_cont ul li span.m_4 i{ background:#62e87b}
.mon_cont ul li span.m_5 i{ background:#abf166}

.enforce{ background:#f1f1f1; margin-top:80px; padding-bottom:100px; overflow:hidden}
.enforce_fl{ width:450px; margin-top:30px;}
.enforce_fr{ width:650px;}
.enf_f b{ padding:5px 10px; background-color:#44c171; color:#fff; margin-right:10px;}
.enf_f span{ display:block; line-height:36px; color:#666}
.enf_cont{ overflow:hidden; margin-top:60px; position:relative}
.enforce_fl span{ position:absolute}
.enforce_fl span.pa_1 i{ color:#fff; font-size:56px;  }
.enforce_fl span.pa_2 i{ color:#fff; font-size:46px;  }
.enforce_fl span.pa_3 i{ color:#fff; font-size:42px;  }
.enforce_fl span.pa_1{ width:85px; height:85px; background:#58e88b; border-radius:100%; top:130px; left:265px; text-align:center;line-height:85px;}
.enforce_fl span.pa_2{width:70px; height:70px; background:#56bcec; border-radius:100%;top:230px; left:340px;text-align:center;line-height:70px;}
.enforce_fl span.pa_3{width:55px; height:55px; background:#00c5b1; border-radius:100%;top:300px; left:270px;text-align:center;line-height:55px;}
/*新闻列表*/
.new-crumbs{ border-bottom:1px solid #ddd; height:42px;line-height:42px; margin-bottom:15px;}
.new-crumbs h3{ float:left; font-size:16px; font-weight:bold; margin-right:10px; border-bottom:1px solid #f97b7b; position:relative; z-index:999; margin-bottom:-1px;}
.new-crumbs .path{ color:#999}
.new-crumbs .path a{ color:#999}
.new-crumbs .path i{ padding:0 2px;}
.new-crumbs .path i.iconfont{ font-size:18px;}

.new-content ul li{ border-bottom:1px dotted #ddd; padding-bottom:10px; margin-bottom:10px;}
.new-content ul li span{padding:10px 0; display:block; overflow:hidden}
.new-content ul li span a{font-size:18px; font-weight:600;color:#333; display:inline-block; float:left; width:28em; line-height:24px;}
.new-content ul li span i{ float:right; color:#999; font-size:12px; display:inline-block; float:right}
.new-content ul li p{ overflow:hidden; height:36px; color:#666; line-height:28px;}
.new-content ul li p a{ color:#e94141; padding-left:10px;}
.content-rf{ width:880px; margin-top:20px; float:left}

.new_title i{color:#999; font-size:24px; padding-right:5px;vertical-align:middle}
.new_fr{ width:280px; float:right; margin-top:20px;}
.new_title{ height:42px; line-height:42px; border-bottom:1px solid #ddd; margin-bottom:15px;}
.new_title h4{font-size:16px; font-weight:bold; margin-right:10px; border-bottom:1px solid #f97b7b; position:relative; height:42px; line-height:42px;z-index:999; margin-bottom:-1px; float:left; display:inline-block}
.new_list ul li{ width:280px; background:#f1f1f1; height:48px; line-height:48px; border-radius:3px; margin-bottom:1px;}
.new_list ul li a{ background:url(../img/lin-icon.png) 0 5px no-repeat; padding-left:15px; margin-left:20px;}

.new_list{ margin-bottom:20px;}
ul.new_text{ overflow:hidden;}
ul.new_text li{height:36px; line-height:36px; position:relative; display:inline-block; float:left; width:280px;}
ul.new_text li a{ color:#333; width:12em; float:left; padding-left:5px;background:url(../img/lin-icon.png) 0 15px no-repeat; padding-left:12px;}
ul.new_text li span{ float:right; color:#999;}
ul.new_text li a:hover{ color:#f97b7b}

/*内容页*/
.new-details{overflow:hidden;}
.new-details h4{ font-size:24px; text-align:center;padding:15px 0 10px 0;}
.new-details span{ text-align:center; display:block; border-bottom:1px dotted #ddd; padding-bottom:15px; margin-bottom:15px;}
.new-details span b{ font-size:12px; color:#999; display:inline-block; padding-right:20px;}
.new-details span b i{font-size:14px; padding-right:3px;vertical-align:middle;}
.nen-txt{font-size:16px; line-height:200%;}
.nen-txt p{ padding:5px 0;text-indent: 2em; display:block; margin:10px 0;}
.nen-txt img{ text-align:center; display:block;  margin:0 auto;}

/*联系我们*/
.x_banner{ background:url(../img/banner/lianx_baner.jpg) no-repeat center top;background-size:cover; width:100%; height:540px; position:relative;}
.h_txt{ width:1200px; margin:0 auto;}
.x_banner .x_txt h5{ text-align:center; font-size:36px; color:#333; padding:90px 0 55px 0;letter-spacing:10px;}
.x_banner .x_txt span{ text-align:center; font-size:16px;  display:block; height:36px; width:120px; background-color:#f26666; border-radius:3px; margin:0 auto; line-height:36px; color:#fff}
.x_txt p{ text-align:center; padding-top:20px;}
.x_txt p b{ padding:0 15px;}

.na_tu{ width:1200px; margin:0 auto; background:#f1f1f1; height:350px; margin-top:19px; border-top:2px solid #f26666}
.na_fl{ width:540px; padding:20px 30px}
.na_fl h3{ font-size:18px; margin-bottom:15px;}
.na_fl span{ display:block; line-height:28px; color:#666}
.na_fl span.whrd{font-size:18px;color:#333;padding-top:15px;}

.lianx_w{margin-top:30px;border:1px solid #d5d5d5;margin-bottom:30px;}
.title{ font-size:18px; text-align:center; height:48px; line-height:48px; border-bottom:1px solid #d5d5d5}
.lianx_w{ overflow:hidden;}
.lianx_w ul.lx_lst{overflow:hidden; margin-bottom:30px;}
.lianx_w ul.lx_lst li{ width:568px; float:left; padding:30px 0 0 30px;}
.lianx_w ul.lx_lst li span{ float:left; padding-right:20px;}
.lianx_w ul.lx_lst li span i{ width:60px; height:60px; text-align:center; line-height:60px; color:#fff; background-color:#f26666; display:block; border-radius:3px; font-size:36px; margin-top:5px;}
.lianx_w ul.lx_lst li span h5{ font-size:16px; margin-bottom:5px;}
.lianx_w ul.lx_lst li span b{ display:block; line-height:28px; color:#666}
.lianx_w ul.lx_lst li span.content{width:465px;}

.lianx_w ul.u_img{overflow:hidden; margin-bottom:15px;}
.lianx_w ul.u_img li{ float:left; height:56px; width:179px; padding:10px; border:1px solid #f1f1f1; margin:15px 0 0 15px;}
.lianx_w ul.u_img li a img{ width:180px; height:56px;}

/*帮助与下载*/
.t_banner{ background:url(/zb_users/theme/ITOne/style/images/pro_bg.jpg) no-repeat center top;background-size:cover; width:100%; height:550px; position:relative;}
.t_banner h4{ font-size:30px; text-align:center; color:#d8d7e4; padding:75px 0 50px 0;}
.t_banner ul{ background:url(../img/line_lf.png) 0 15px no-repeat; padding-left:25px;}
.t_banner ul li{ line-height:42px; color:#d8d7e4; font-size:16px;}
.t_banner ul li a{ color:#fde752; padding-left:5px;}

.zl_botm{ height:98px;background-color:rgba(0,0,0,.2); position:absolute; bottom:0; width:100%}
.zl_botm a{ color:#fff; font-size:18px; line-height:98px; padding:0 30px;}
.zl_botm a i{ padding-right:10px; font-size:36px;vertical-align:middle}

.cp_down{ margin-top:40px; overflow:hidden;}
.cp_down li{ width:200px; float:left; margin:30px 15px 0 15px; text-align:center; background:#f1f1f1; height:200px; padding:35px; border-radius:3px}
.cp_down li a i{ font-size:48px; color:#fff}
.cp_down li a{ height:80px; width:80px; border-radius:100%; display:block; text-align:center; line-height:80px; margin:0 auto;transition:all .5s ease;}



.cp_down li.c_1 a{ background:#f8a563}
.cp_down li.c_2 a{ background:#b597e1}
.cp_down li.c_3 a{ background:#f37d7b}
.cp_down li.c_4 a{ background:#67b5e5}
.cp_down li.c_5 a{ background:#5fd074}
.cp_down li.c_6 a{ background:#71d3db}
.cp_down li.c_7 a{ background:#cfcf58}
.cp_down li.c_8 a{ background:#22bca2}

.cp_down li.c_1 a:hover{ background:#01acbe}
.cp_down li.c_2 a:hover{ background:#f6696f}
.cp_down li.c_3 a:hover{ background:#fdb54f}
.cp_down li.c_4 a:hover{ background:#418ef6}
.cp_down li.c_5 a:hover{ background:#01acbe}
.cp_down li.c_6 a:hover{ background:#f6696f}
.cp_down li.c_7 a:hover{ background:#fdb54f}
.cp_down li.c_8 a:hover{ background:#418ef6}
.cp_down li a:hover i{ color:#fff}

.cp_down li span{ padding:30px 0 10px 0; display:block; font-size:14px;}
.cp_down li b{ font-size:12px; color:#999;}

.kf_bg{background:url(../img/banner/con_bg.jpg) no-repeat center top; width:100%; height:273px; position:relative; margin-top:80px; padding-top:100px;}
.kf_bg span{ display:block; padding-left:500px; padding-top:20px;}
.kf_bg span i{ font-size:21px; padding:0 5px 0 20px;vertical-align:middle}
.h_txt{ width:1200px; margin:0 auto;}
.h_txt h5{ text-align:center; font-size:36px; color:#fff; padding:150px 0 25px 0;letter-spacing:10px;}
.h_txt span{ text-align:center; font-size:16px; color:rgba(255,255,255,.5); display:block;letter-spacing:2px;}
/*弹出层*/
.cd-popup{position:fixed;top:0;left:0;visibility:hidden;width:100%;height:100%;background-color:rgba(0,0,0,.5);opacity:0;-webkit-transition:opacity .3s 0s,visibility 0s .3s;transition:opacity .3s 0s,visibility 0s .3s;z-index: 1000}
.cd-popup.is-visible{visibility:visible;opacity:1;-webkit-transition:opacity .3s 0s,visibility 0s 0s;transition:opacity .3s 0s,visibility 0s 0s}
.popup{width: 500px;background-color: #fff;border-radius:5px;margin:200px auto;}
.popup h4{height: 40px;background-color: #f2f2f2;line-height: 40px;color: #293d6a;font-size: 18px;border-top-left-radius: 9px;border-top-right-radius: 9px; padding-right:20px;}
.popup h4 b{ font-size:16px; padding-left:20px; color:#333}
.popup h4 i{ float:right;  background:url(../img/clos.png) no-repeat; height:13px; width:13px; margin-top:13px;cursor:pointer;}
.popup .popup-con{padding:20px 15px;}
.popup .popup-con a.gray{background-color: #c9c9c9;}
.po_main{ padding:20px 20px 30px 20px;}
.po_main .text_input { border:1px solid #ddd; height:200px; width:330px; padding:0 10px;}
.po_main .sq_text{ border:1px solid #ddd; height:36px; width:330px; padding:0 10px;}
.po_main .td_rt{ width:80px; text-align:right; padding-right:5px;}
.po_main .td_rt em{color:#f00;margin-right: 6px;}
.po_main tr{ height:48px;}
.po_main .error{color:#f00;}
.po_main .sq_text:hover{box-shadow:2px 1px 2px #ddd inset;border:1px solid #f97b7b;}
.po_main .sq_text:hover,.po_main .text_input:hover{box-shadow:2px 1px 2px #ddd inset;border:1px solid #f97b7b;}
.po_main tr td a{ width:100px; height:36px; text-align:center; line-height:36px; color:#fff; background:#f46060; display:inline-block; float:left; margin:10px 15px 0 0; border-radius:3px;}


/*翻页*/
.pag2{ margin:40px auto 20px auto; text-align:center; font-size:14px;}
ul.yiiPager{overflow:hidden;margin:0 auto;}
ul.yiiPager li {float:left; margin:0 5px;border:1px solid #d8d8d8;padding:0;}
ul.yiiPager li a{display:block;color:#333;padding:4px 15px;}
ul.yiiPager li:hover a,ul.yiiPager li.selected a{background:#f97b7b;color:#fff; text-decoration:none;text-decoration:none; }
ul.yiiPager li.hidden{display:none;}

/* 点赞 */


/* 字体图标 */
@font-face {
	font-family: 'iconfont';
    src: url('../fonts/iconfont.eot');
    src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'), 
    url('/zb_users/theme/ITOne/style/fonts/iconfont.woff') format('woff'), 
    url('../fonts/iconfont.ttf') format('truetype'), 
    url('../fonts/iconfont.svg#iconfont') format('svg'); }

.iconfont{
    font-family:"iconfont" !important;
    font-style:normal;}

.wrap3{width:1200px; margin:0 auto;_zoom: 1;}
.nav-all-pro-list{ width:96px; height:auto;display:none; position:absolute; z-index:99999; left:43px;top:80px; -webkit-box-shadow:0px 3px 5px rgba(0, 0, 0, .1);  -moz-box-shadow:0px 3px 5px rgba(0, 0, 0, .1);  box-shadow:0px 3px 5px rgba(0, 0, 0, .1);}
.in_st a{ display:block; line-height:36px; font-size:14px;}
.in_st{background-color: #fff;padding:15px 0px 15px 0px; width:96px;  margin-top:10px; text-align:center; line-height:36px; border-radius:3px;position:relative; display:block; }
.in_st:after,.ss-rft:before{content:''; display:block; position:absolute; left:41px; border-left:6px solid transparent; border-right:6px solid transparent;}
.in_st:after{top:-6px; border-bottom:6px solid #fff;}
	
	
/*错误提示*/
#error { background: #333; width: 600px; margin: 0 auto; margin-top: 100px; color: #fff; padding: 10px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; text-align: left}
#error h1 { padding: 15px 10px; margin: 0; font-size: 18px; }
#error p { padding: 0 20px 20px 20px; margin: 0; font-size: 12px; }
#error .message,#error .redirect{padding: 0 20px 20px 10px; margin: 0; font-size: 16px;color:#FFFF00;}
#error img { padding: 0 0 5px 260px; }
#error .redirect a{text-decoration:none;font-size: 12px;color:#7D7D7D;}
#error .redirect a:hover{text-decoration:underline;color:#FFF;}
	
	
.z_ping{ height:130px; background:#fff; margin-top:1px;}
.z_ping ul li{ float:left; width:300px;text-align:center; padding-top:25px;}
.z_ping ul li a i{ font-size:48px; line-height:48px; color:#999}
.z_ping ul li a b{ width:300px; text-align:center; display:block; padding-top:5px; color:#999}
.z_ping ul li a.on i,.z_ping ul li.on a b{ color:#f26666}

.pin_list{ overflow:hidden;_zoom:1; background:#fff; margin-top:20px;border-radius:3px;}
.p_text{ padding:0 50px 50px 50px; overflow: hidden;}
.p_text h3{height: 55px;line-height: 55px;color: #383838;font-size: 20px;border-bottom: solid 1px #d0d0d0;font-weight: normal;padding: 30px 0 0;}
.p_text p{ font-size:14px; padding-bottom:10px;margin-top:20px;}
.p_text span{ color:#999; line-height:30px; display:block;}
.p_text a{ height:36px; width:110px; text-align:center; border-radius:24px; background:#fff; border:3px solid #f26666; display:block; line-height:36px; margin-top:25px; color:#f26666}
.p_text a:hover{ background:#f26666; color:#fff}
.join_item{background: #fff;padding:30px 50px;margin-top:15px;border-radius:3px;color:#999;}
.join_item p{line-height: 28px;}	
	
	
/*top.html*/
.right_main{ width:1200px; background-color:#fff;margin:0 auto; margin-top:80px;}
.rit_cont{ width:1040px; padding:60px 80px; overflow:hidden;}
.top_img7020{ margin-bottom:20px;}
.tablelist{ float:left; width:490px;}
.tablelist th{height:56px; line-height:56px; border-bottom:solid 1px #ddd; text-align:left; font-size:16px; color:#333}
.tablelist td{line-height:42px; text-align:left; font-size:12px;}
.tablelist td:nth-child(odd){ font-size:12px; color:#999}
.top_table{ overflow:hidden;}
ul.list_ul li{ float:left; width:240px;}
ul.list_ul li a{ width:238px; display:block; height:65px; line-height:65px; text-align:center; font-size:16px; border:1px solid #ddd; background-color:#f1f1f1; color:#999;transition:all .0s ease;}
ul.list_ul li a.a_hover{ background:#fff; border-bottom:none;color:#333; font-weight:bold;}

ul.pro_intul{ height:48px; line-height:48px; width:1200px; margin:40px auto 0 auto;}
ul.pro_intul li{ float:left; width:238px; text-align:center; line-height:48px; height:48px;}
ul.pro_intul li a{ border:1px solid #ececec; background-color:#f6f6f6;line-height:48px; height:48px; display:block; font-size:14px; color:#999}
ul.pro_intul li a.a_hover{ background-color:#fff;  color:#333}

.Router{ margin-bottom:120px;}

.product_cont ul li a.a_hover{ background-color:#fff; color:#333}
.lyq_timg img{ width:1200px; height:768px;}

.rt_cont p{ margin-bottom:10px;}
.rt_cont p b{ background-color:#81c0f3; width:74px; display:inline-block; margin-right:10px; color:#fff; text-align:center; line-height:26px; height:26px;}
.rt_cont p b.c_2{ background-color:#44c171}
.rt_cont p b.c_1{ background-color:#f4846a}