body{font-size:14px; background:#eeeeee; max-width:720px; font-family: -apple-system-font,"Helvetica Neue","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;}

html{
    width: 100%;
    background-color: #eeeeee;
    color: #545454;
    
}
*{ margin:0; padding:0;}
img{ border:none;}
ul{ list-style:none;}
li{list-style:none;}
.clear{ clear:both}
.l{ float:left;}
.r{ float:right;}
.hidden{display:none}
a,a:hover{ text-decoration:none}
.erweima{ width:80%; margin:0 auto; margin-top:20px; margin-bottom:20px;}
.erweima img{ width:100%;}


.header{background: url(../images/index-bg.jpg) no-repeat top center;border-bottom-left-radius: 0.8rem;}
.head {padding: 0.19rem 0.3rem;overflow: hidden; width:90%}
.head img{ width:100%;}
.nav{overflow: hidden;}
.nav li{float: left;width: 13.8%;text-align: center;font-size:16px;line-height: 2.38rem;padding: 0 0 1rem 0;}
.nav li a{color: #c7c7c7;display: block;}
.nav li.active a {color: #f5c175;}

.banner{ width:90%; margin:0 auto;}

.pro_list{padding:2rem 0;margin-bottom: 0.63rem;}
.pro_list h2{font-size:25px;line-height: 0.44rem;color: #415374;text-align:center; font-weight:bold;}
.pro_list ul{ margin-top:2rem;}
.pro_list li{ float:left;width: 16%;text-align: center;margin: 0 2%;}
.pro_list li img{width: 100%;height: auto;}
.pro_list li a{ color:#333; font-size:13px;}
.pro_list li em{ font-style:normal !important;}

/*新闻头条*/
.toutiao{background: url(../images/index-bg1.jpg) no-repeat top center; width:100%; padding-bottom:1rem;}
.toutiao h2{display: inline-block;font-size:20px;background: #ffffff;height: 2rem;line-height: 2rem;padding: 0 1.3rem;border-radius: 0 1.33rem 1.33rem 0;color: #526382;position: relative; margin-top:1.2rem;box-shadow: 0 0.04rem 0.08rem rgba(11, 87, 132, 0.49); margin-bottom:1rem;}
.toutiao dt{ padding:0 0 0 1rem;}
.toutiao h4 a{ font-size:16px; color:#333; line-height:31px;}

.index-qt {border: 1px solid #cbe1f6;background: #f3faff;border-radius: 0 0 10px 10px;width:80%;padding: 0.21rem 0.7rem; margin:0 auto 1rem auto; height:30px; line-height:30px;  }
.index-qt span {float: left;display: block;font-size:14px;color: #617ba8;line-height:30px;width: 32.3%;text-align: center;}
.index-qt img{ margin-top:10px; width:11%;}


.synav li {float: left;width: 32%;text-align: center;margin: 10px 0 0 0.5%}
.synav li span {width: 60px;height: 60px;display: inline-block;line-height: 60px;-moz-border-radius: 25px;-webkit-border-radius: 25px;border-radius: 25px;transition: all .5s ease;}
.synav li a b {display: block;font-weight: 400; color:#333;}
.bt1 {background: #6acb02}
.bt2 {background: #3da0fd}
.bt3 {background: #e0cc00}
.bt4 {background: #bf8ee0}
.bt5 {background: #f39c12}
.bt6 {background: #88da3e}
.bt7 {background: #3498db}
.bt8 {background: #3dffb0}
.synav li span i {font-size: 25px;color: #fff; line-height:60px;}

.sytel {display: block;background: #03b53e;color: #fff;height: 40px;line-height: 40px;text-align: center;-moz-border-radius: 25px;-webkit-border-radius: 25px;border-radius: 25px;margin: 10px 2%}
.sytel img {width: 30px;vertical-align: middle;margin-right: 10px;}


.touch_nav{background:#f84d47;  position: relative; overflow: hidden; height: auto; line-height: 2.7rem; height: 2.7rem; font-size: .7rem; }
.touch_nav ul{ width:28rem; height:2.7rem}
.touch_nav li { float: left; width:10.7rem; text-align: center; border-right:1px solid #fff; height: 2.7rem;}
.touch_nav li a{ font-size:1rem; display: block; color:#fff}
.touch_nav li:last-child{ border-right:0 solid #ccc}



.main{ max-width:720px; margin: 0 auto; overflow: hidden;}
.main h2{ font-size:16px;color: #3b424f; width:90%; margin:0 auto; padding:2rem 0; font-weight:normal;}
.div10{ height:10px; background:#eeeeee}
.bai{background: #FFFFFF; overflow: hidden;}
.main_title{height: 40px; border-bottom: 1px solid #eeeeee; border-top: 1px solid #e8e8e8; width: 96%; padding: 0 2%; overflow: hidden; background:#d00e18}
.main_title span{ float: left; line-height: 40px; height: 40px; color: #fff; font-size: 16px; }
.main_title a { float: right; line-height: 40px; height: 40px; color: #8d8d8d; font-size: 12px;}
.zhuying_con{box-sizing: border-box; width: 100%; overflow: hidden; height: auto; padding:0 0 10px 0;}
.zhuying_con li{ width: 25%; float: left; height: 110px; box-sizing: border-box; border-bottom: 1px solid #EEEEEE; border-right: 1px solid #EEEEEE;}
.zhuying_con li a {
    display: block;
    font-size: 14px;
    text-align: center;
    color: #727272;
    overflow: hidden;
    box-sizing: border-box; font-weight:normal;
}
.zhuying_con li a i {
    width: 65px;
    height: 65px;
    display: block;
    margin: 10px auto;
}
.zhuying_con li.cp1 a i {
    background: url(../images/s_pic_a.png) no-repeat center center; background-size:100%;
}
.zhuying_con li.cp2 a i {
    background: url(../images/baidu_ico2.png) no-repeat center center; background-size:100%;
}
.zhuying_con li.cp3 a i {
    background: url(../images/s_pic_c.png) no-repeat center center; background-size:100%;
}
.zhuying_con li.cp4 a i {
    background: url(../images/s_pic_d.png) no-repeat center center; background-size:100%;
}
.zhuying_con li.cp5 a i {
    background: url(../images/s_pic_f.png) no-repeat center center; background-size:100%;
}
.zhuying_con li.cp6 a i {
    background: url(../images/s_pic_e.png) no-repeat center center; background-size:100%;
}
.zhuying_con li.cp7 a i {
    background: url(../images/s_pic_g.png) no-repeat center center; background-size:100%;
}
.zhuying_con li.cp8 a i {
    background: url(../images/s_pic_h.png) no-repeat center center; background-size:100%;
}


.fangan{ min-height:auto; position:relative; width:90%; margin:40px auto 0 auto}
.fangan .fangan_title{ text-align:center; font-size:30px; color:#111; line-height:55px;}
.fangan p{ font-size:14px; color: #fff;line-height: 38px;text-align:center; position:  absolute;bottom: -10px;width: 100%;background: rgba(0,0,0,0.5);}
.fangan span{ width:55px; height:3px; display:block; margin:0 auto 20px auto; background:#ed6d00}
.fangan_con{ width:100%; height:auto; min-height:auto; }
.fangan_con li{ position:relative; width:100%; height:auto;}
.fangan_con li img{ position:relative; width:100%; height:auto; z-index:1;  top:0}
.fangan_con li p{ text-align:center; position:absolute; z-index:3; background:rgba(0,0,0,0.5);  width:100%; line-height:45px; color:#fff; font-size:18px;bottom:0; padding:0 0 0 0}
.fangan_con .f_left{ position:absolute; left:0; top:60%; z-index:2; width:20px;}
.fangan_con .f_right{ position:absolute; right:0; top:60%; z-index:2;  width:20px;}
.fangan_con .f_left img{ width:100%;}
.fangan_con .f_right img{ width:100%;}


.pro{ width:100%; margin:0 auto;}
.pro_tit{ text-align:center; padding:20px 0;}
.pro_tit span{ font-size:30px; font-style:normal; color:#a5a9ad; font-family:Arial, Helvetica, sans-serif;}
.pro_tit h3{ background:url(../images/kuang.png) no-repeat center top; width:305px; height:33px; margin:0 auto; font-size:25px; font-weight:bold; color:#103770;}
.pro_tit p{ background:url(../images/line.png) no-repeat center top 20px;  height:34px; margin:0px auto; font-size:18px; padding-top:7px; text-align:center;}


.pro_cont{ width:100%; margin:15px auto;}
.pro_cont ul{ margin-top:0px;}
.pro_cont li{width: 46%;float: left;margin:5px 2% 1px 2%; box-sizing:border-box;-webkit-box-sizing:border-box; }
.pro_cont li a{ color:#fff;}
.pro_cont li a:hover{ font-weight:bold;}
.pro_cont li div{ width:80%; line-height:40px; font-size:16px; text-align:center; height:40px; color:#fff;  margin:0 auto;}


.pro_more{display: block;width:50%;height:30px;line-height: 30px;background: #f5c175;border-radius: 3rem;font-size:16px;color: #fff;margin: 1rem auto 0.77rem;text-align: center;}

.about{ min-height:auto; position:relative; margin:10px auto 0 auto; padding: 20px 0 10px 0; background:url(../images/index-bg2.jpg)repeat center top;}
.about .about_title{ text-align:center; font-size:30px; color:#f3b86f; line-height:45px;}
.about p{ font-size:14px; color:#bfbfbf; line-height:24px; text-align:center; padding:0 0 5px 0}
.about span{ width:55px; height:3px; display:block; margin:0 auto 20px auto; background:#ed6d00}
.about .about_list{ width:95%; margin:1rem auto;}
.about .about_list li{ float:left; padding:0 0.3rem; line-height:30px; font-size:12px;}
.about .about_list li:last-child{ margin-right:0px;}

.a_pic{ position:relative; margin-bottom:10px;}
.a_pic img{ position:relative; width:100%; z-index:1}
.a_pic .a_title{ position:absolute; top:24px; left:10px; z-index:3; color:#fff;  font-size:20px;}
.a_pic p{ font-size:14px; color:#fff; line-height:24px; z-index:2; position:absolute; top:55px; padding:0 10px;}
.a_pic a{ display:block; background:url(../images/linll.jpg) no-repeat center bottom; font-size:14px; color:#fff; line-height:34px; z-index:2; position:absolute; bottom:20px; left:10px; }

.about_b .a_title{ text-align:center; width:100%; left:0; line-height:55px; background:url(../images/linll.jpg) no-repeat center bottom;}
.about_c .a_title{ text-align:center; top:110px; width:100%; left:0; line-height:55px;}


.adv{ width:100%; margin:0 auto; background:url(../images/advbg.jpg) repeat center top; padding:6% 0 6% 0;}

.adv_cont{ position:relative; overflow:hidden; margin:0 auto; background:rgba(255,255,255,0.2); width:65%; height:414px; padding:0 12%;}
.adv_cont .hd{ position:absolute; height:26px; line-height:26px; bottom:0; right:0; z-index:1; }
.adv_cont .hd li{ display:inline-block; width:21px; height:5px;  background:#333; text-indent:-9999px; overflow:hidden; margin:0 6px;   }
.adv_cont .hd li.on{ background: #F60;  }
.adv_cont .bd{ position:relative; z-index:0; }
.adv_cont .bd li{ position:relative; text-align:center;  }
.adv_cont .bd li img{  vertical-align:top; }
.adv_cont .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }
.adv_cont .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; background:url(images/focustitlebg.png) repeat-x; color:#fff;  text-align:left;  }



.case{padding:2rem 0 2rem 0;}
.case h2{ font-size:25px; color:#354157; line-height:31px;}
.case ul{}
.case li{ background:url(../images/index-bg4.jpg) no-repeat center top; margin-bottom:15px; padding:1rem;border-radius:5rem}
.case li h3{display: block;float: left;width: 70%;font-size: 20px;line-height:50px;color: #354157;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-bottom: 0.15rem;border-left: 0.5rem solid #7a97c8;padding-left: 0.2rem; margin-bottom:0.8rem;}
.case .case_img{ width:50%; float:left}
.case .case_cont{ width:48%; float:right}
.case .case_cont p{ font-size:14px; color:#333; padding-bottom:0.5rem;}
.case .case_cont p img{ width:9%;} 

.case_more{ width:100%; margin:0 auto; display:block; padding-top:0.5rem;}
.case_more strong{ padding-right:10px;}
.case_more p{ width:95%; margin:0.5rem auto 0.5rem auto; display:block;}
.case_more p span{display: inline-block;font-size: 16px;color: #5f76a0;line-height:31px;padding: 0 0.8rem;border: 1px dashed #b3c9ee;border-radius: 30px;margin: 0 -0.3rem;}

.adv_cont .bd li .pic{ padding:10% 5%;}
.adv_cont .bd li .adv_nr p{ font-size:20px; line-height:31px;}
.adv_cont .bd li .adv_nr p span{ display:block; font-weight:bold; font-size:30px; line-height:70px; color:#000;}
.adv_pic{ width:100%; padding-top:40px;}
.adv_pic img{ width:117px; height:113px;}



.news{ width:100%; margin:0 auto; background:url(../images/index-bg2.jpg) no-repeat center top; padding-bottom:1rem;}
.news h2{ font-size:25px; color:#f3b86f; line-height:31px; padding:1rem 0;}
.news li{ margin-bottom:1rem; background:#fff;}

.np_t{ float:left; width:30%; height:auto;border-radius:1rem;}
.np_cont{ background:#fff; float:left; width:66.1%; margin-top:0.5rem; padding-left:0.2rem;}
.np_cont p{}
.np_cont .np_date{ font-size:12px;}



.zoujin{ padding:0 0 15px 0}
.zoujin_why{
	
	}
.zoujin_why .why_title{
	font-size: 20px;
    text-align: center;
    font-weight: bold;
    height: 33px;
    line-height: 33px;
    padding-top: 8px;
	}
.zoujin_why .why_title_con{
	font-size: 12px;
    text-align: center;
    color: #666666;
    line-height: 20px;
	}
.zoujin_list{
	box-sizing: border-box;
    width: 100%;
    padding: 8px 2%;
    overflow: hidden;
	}
.zoujin_list li{
	width: 33%;
    float: left;
    height: 24px;
    line-height: 24px;
	}
.zoujin_list li a{
	display: block;
    width: 90%;
    margin: 0 5%;
    text-align: center;
    color: #FFF;
    background-color: #399fe7;
    height: 24px;
    line-height: 24px;
    border-radius: 12px;
    font-size: 13px;
    box-sizing: border-box;
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: 10px center;
	}
.zoujin_list li a:hover{ color:#fff}	
.zoujin_list li a:visited{ color:#fff}
.zoujing_shuoming{
	width:95%; border:1px solid #ccc; border-bottom:0px solid #ccc; margin:0 auto;
	}
.zoujing_shuoming_list{ width:100%; border-bottom:1px solid #ccc}
.zoujing_shuoming_list .left{width:30%; height:70px; line-height:70px; text-align:right; padding:0 10px 0 0; }
.zoujing_shuoming_list .left span{ font-size:30px; color:#ea7d1c; font-weight:bold}
.zoujing_shuoming_list .left i{ font-size:14px; color:#ea7d1c; font-style:normal; font-weight:bold}
.zoujing_shuoming_list .right{ padding:10px 0 0 0; width:65%; color:#666; border-left:1px solid #ccc; }
.zoujing_shuoming_list .zoujin_shuomingtitle{ font-size:14px; font-weight:bold}

.news{}
.news .newslist{ width:95%; margin:0 auto; padding:20px 0}
.news .newslist dt{ line-height:30px; border-bottom:1px solid #eee;}
.news .newslist dt a{ line-height:30px; background:url(../images/news_icon.gif) no-repeat left center; color:#666; font-size:14px; padding:0 0 0 30px; font-weight:normal;}
.news .newslist li{ line-height:36px; border-bottom:1px solid #eee;}
.news .newslist li a{ line-height:36px; background:url(../images/news_icon.gif) no-repeat left center; color:#666; font-size:14px; padding:0 0 0 30px; font-weight:normal;}


.zhaotong_footer{ max-width:720px; margin:0 auto;}

.espcms_page_bannpic{ max-width:720px; margin:0 auto;}

/*--- extension_page  ---*/
#extension_page{ width:100%; height:164px; position:relative; margin-top:0px;}
#extension_page h2{ padding-top:26px; height:36px; line-height:36px; font-size:18px; text-align:center; color:#4091c2; font-weight:bold;}
.extension_title_content{ height:36px; line-height:36px; font-size:14px; text-align:center; color:#787878;}
.extension_nav{ margin-top:6px; height:34px;}
.extension_nav ul{ width:60%; margin:0 auto;}
.extension_nav li{ float:left; width:48%; margin-right:1%; height:34px; background:#4091c2; height:34px; font-size:16px; color:#fff; text-align:center; color:#fff; line-height:34px; }
.extension_nav li a{ width:144px; height:34px; font-size:18px; color:#fff; text-decoration:none; line-height:34px; text-align:center; display:block;}
.extension_nav li a:hover{ font-weight:bold;}



.extension_258sw_title_warp{ width:100%;  background:#ededed; padding:28px 0;}
.extension_258sw_con{position:relative; overflow:hidden; }
.extension_258sw_title{ width:95%; margin:0 auto;}
.extension_258sw_title h2{ margin-left:12px;  line-height:36px; font-size:18px; text-align:center; color:#4091c2; }
.extension_258sw_title h6{ margin-left:12px; height:30px; line-height:30px; font-size:18px; text-align:left; color:#2994cb;}
.extension_258sw_title .extension_258sw_text{ margin:24px 0 0 0; height:96px; font-size:14px; line-height:30px; color:#646464; text-align:justify;}
.extension_258sw_pic{ text-align:center}
.extension_258sw_pic img{width:80%; margin:0 auto}

.extension_syb_title_warp{ width:100%; background:#ededed; padding:0 0 50px 0}
.extension_syb_con{overflow:hidden; width:95%; margin:0 auto}
.extension_syb_title{  position:relative; }
.extension_syb_title_content{}
.extension_syb_title h2{  padding-top:18px; line-height:30px; font-size:18px; text-align:center; color:#4091c2; font-weight:bold; padding:15px 0 15px 0}
.extension_syb_title .extension_syb_text{ font-size:13px; line-height:24px; color:#646464; text-align:left; padding:25px 0 0 0 }
.extension_syb_title div{ text-align:center}
.extension_syb_title div img{width:80%; margin:0 auto}

.core_competence{ padding:; background:#fff;}
.core_competence_titile{ line-height:30px; font-size:18px; color:#fff; text-align:center; background:#4091c2; position:relative; font-weight:bold;}
.core_competence_ul{ overflow:hidden; padding:0 0 25px 0}
.core_competence_ul ul{ width:90%; margin:0 auto; position:relative;}
.core_competence_ul li{ padding:0 0 0 100px;}
.core_competence_ul .ll1{ background:url(../images/core_competence_ul_bg.png) no-repeat left center; }
.core_competence_ul .ll2{ background:url(../images/core_competence_ul_bg2.png) no-repeat left center; }
.core_competence_ul .ll3{ background:url(../images/core_competence_ul_bg3.png) no-repeat left center; }
.core_competence_ul .ll4{ background:url(../images/core_competence_ul_bg4.png) no-repeat left center; }
.core_competence_ul .ll5{ background:url(../images/core_competence_ul_bg5.png) no-repeat left center; }
.core_competence_ul li h5{ padding-top:5px; font-size:15px; font-weight:bold; line-height:36px; text-align:left; color:#ef8d0e;}
.core_competence_ul li p{ font-size:13px; line-height:22px; text-align:left; color:#666;}


.extension_6advantage{ height:360px; background:url(../images/6advantage_bg.jpg) no-repeat center top; background-attachment: fixed; background-size: cover; }
.extension_6advantage_title{ padding:46px 0 38px; height:30px; font-size:18px; font-weight:bold; line-height:30px; text-align:center; color:#fff; background:url(../images/extension_6advantage_title_bg.png) no-repeat center;}
.extension_6advantage_ulwarp{ overflow:hidden; width:95%; margin:0 auto;}
.extension_6advantage ul{ width:95%; margin:0 auto; padding:0 0 0 2%}
.extension_6advantage li{ float:left; margin:0 5px 8px 0; width:32%; height:92px; background:#fff; border:#d8dadb 1px solid;}
.extension_6advantage li .cimg{ width:30%; margin:24px 0 0 14px;}
.extension_6advantage li .cimg img{ width:auto}
.extension_6advantage li p{ width:60%; font-size:16px; text-align:left; color:#5e5e5e; line-height:24px; padding:15px 0 0 0; }

/*--- optimum_page  ---*/

.optimum_banner{ width:100%; height:540px; position:relative; background:url(../images/optimum_banner.jpg) no-repeat center top;}

#optimum_page{ margin:0 auto; width:100%; height:134px; background:#fff; position:relative; margin-top:0px;}
#optimum_page h2{ padding-top:26px; height:48px; line-height:48px; font-size:24px; text-align:center; color:#2a8ec7; font-weight:bold;}
.optimum_title_content{ margin:0 auto; height:32px; line-height:32px; font-size:18px; text-align:center; color:#0d85d1;}


.optimum{ width:100%; background:#fff;}
.optimum_con{width:95%; margin:0 auto; position: relative; overflow:hidden}
.optimum_con_pic{ text-align:center; margin:20px 0 0  0}
.optimum_con_pic img{ width:60%; margin:0 auto}
.optimum_title{ padding:0 0 20px 0;}
.optimum_text{ font-size:12px; line-height:22px; color:#646464; }
.optimum .more{ margin-left:18px; width:146px; height:38px; border:#4091c2 1px solid;}
.optimum_title .more a{width:146px; height:38px; line-height:38px; font-size:18px; color:#4091c2; text-align:center; text-decoration:none; font-weight:bold; display:block;}

.optimum_core_competence{ width:100%; }
.optimum_core_competence_title{ width:100%; height:96px; background:url(../images/optimum_core_competence_bg.gif) repeat-x left -20px; position:relative;}
.optimum_core_competence_title_h{ margin:0 auto;  width:100%; background:#4091c2; text-align:center; padding:15px 0 0 0 }
.optimum_core_competence_title_h img{ width:50%; margin:0 auto}
.optimum_core_competence_title_h h1{font-size:16px; font-weight:bold; height:33px; text-align:center;color:#fff;}
.optimum_core_competence_ul{ margin:0 auto; margin-top:14px; width:95%; }
.optimum_core_competence ul{ padding:0 0 20px 0}
.optimum_core_competence_ul ul.optimum_qita{ width:65%; margin:0 auto}
.optimum_core_competence ul.optimum_qita li{ float:left; width:50%; background:#fff;  text-align:center}
.optimum_a,.optimum_b,.optimum_c,.optimum_d,.optimum_e{}
.optimum_core_competence li{ float:left; width:33%; background:#fff;  text-align:center}
.optimum_core_competence li img{ width:70%;}
.optimum_core_competence li h4{ height:34px; font-size:14px; font-weight:bold; line-height:34px; color:#444; text-align:center;}
.optimum_core_competence li p{ padding:0 20px; line-height:20px; color:#777; font-size:12px; text-align:justify;}


/*sougou page*/
.sougou_page{}
.sougou_page_title{ text-align:center; padding:40px 0 20px 0}
.sougou_page_title h2{ font-size:18px; color:#4091c2; line-height:40px;}
.sougou_page_title p{ font-size:13px; color:#787878; line-height:30px;}
.sougou_page_intro{ padding:10px 0;  background:; }
.sougou_intro_con{width:95%; margin:0 auto;}
.sougou_intro_con .sougou_intro_con_pic{ width:85%; margin:0 auto;}
.sougou_intro_con_text{ line-height:27px; color:#444444; padding:20px 0 0 0}

.sougou_page_advantage{ width:95%; margin:0 auto}
.sougou_page_advantage ul{ padding:0 0 0 0}
.sougou_page_advantage li{ width:50%; float:left; background:#4fb0de; height:274px; text-align:center; position:relative; color:#ffffff; }
.sougou_page_advantage li img{width:46%; left:23%; padding:10px 0}
.sougou_page_advantage li h2{ line-height:30px; font-size:16px; font-weight:bold}
.sougou_page_advantage li p{ line-height:20px; padding:0 5px; font-size:13px;}
.sougou_page_advantage li.on,.sougou_page_advantage li.on_last{ background:#4091c2}
.sougou_page_advantage li.on_last{ margin:0 0 0 0}

.sougou_tuiguang{ padding:10px 0; margin-top:20px; opacity:1}
.sougou_tuiguang ul{ width:90%; margin:0 auto}
.sougou_tuiguang li{ height:100px; }
.sougou_tuiguang li .sougou_tui_pic{ width:19%; height:86px;}
.sougou_tuiguang li .sougou_tui_text{ width:78%; padding:0 0 0 0;}
.sougou_tuiguang li .sougou_tui_text h2{ font-size:16px; color:#1497f2; line-height:30px;}
.sougou_tuiguang li .sougou_tui_text p{ font-size:13px; color:#666; }

.sougou_kaihu{ overflow:hidden; background:url(../images/kaihubg.jpg) no-repeat center top; padding:20px 0; }
.sougou_kaihu h2{ font-size:18px; color:#fff; font-weight:bold; text-align:center; line-height:30px; border-bottom:1px solid #77a8cf;}
.sougou_kaihu ul{padding:30px 0 0 0}
.sougou_kaihu li{ float:left;width:25%;text-align:center;}
.sougou_kaihu li img{ width:80%; margin:0 auto; }
.sougou_kaihu li.s_jiantou img{ width:46%;}
.sougou_kaihu .kaihu_pic{}
.sougou_kaihu p{ font-size:13px; color:#fff; padding:20px 0 0 0}


/*--- B2B  ---*/

.b2b_banner{ height:542px; position:relative; background:url(../images/b2b_banner.jpg) no-repeat center top;}

#b2b_page{ margin:0 auto; height:164px; background:#fff;}
#b2b_page h2{ padding-top:26px; font-size:22px; text-align:center; color:#4091c2; font-weight:bold;}
.b2b_title_content{ font-size:14px; text-align:center; color:#787878;}
.b2b_nav{ margin:0 auto; margin-top:16px; height:34px;}
.b2b_nav ul{ margin:0 auto; width:50%; padding-left:18px;}
.b2b_nav li{ float:left; width:48%; background:#4091c2; margin-right:1%; font-size:16px; color:#fff; text-decoration:none; line-height:34px; text-align:center; }
.b2b_nav li a{ width:144px; height:34px; font-size:18px; color:#fff; text-decoration:none; line-height:34px; text-align:center; display:block;}
.b2b_nav li a:hover{ font-weight:bold;}

.conghui_title_warp{ padding:0 0 20px 0; background:#e9e9e9;}
.conghui_title_warp .conghui_text{ font-size:15px; line-height:30px; color:#646464; overflow:hidden; position:relative; width:96%; margin:0 auto}
.conghui_title_warp .conghui_text .conghui_wenzi{ line-height:27px; font-size:13px;}
.conghui_title_warp .conghui_text h2{  height:66px; line-height:66px; font-size:18px; text-align:left; color:#4091c2; font-weight:bold;}
.conghui_title_warp .conghui_text .conghui_pic{width:70%; margin:0 auto; padding:15px 0 0 0}

.conghui_title2_warp{ background:#4091c2;}
.conghui_con2{ position:relative; width:95%; margin:0 auto; overflow:hidden}
.conghui_title2{padding:10px 0 20px 0}
.conghui_title2_t{height:36px; }
.conghui_title2 h2{ height:36px; line-height:36px; font-size:18px; color:#fff; font-weight:bold; display:inline;}
.conghui_title2 .h3{ padding-left:22px; height:36px; line-height:36px; font-size:18px; font:normal; color:#fbac30; display:inline;}
.conghui_title2 .conghui_text{ margin-top:10px; font-size:13px; line-height:22px; color:#fff; text-align:justify;}
.conghui_con2_pic{width:60%; margin:0 auto; padding:15px 0 0 0}

.chengxintong_warp{ width:100%; background:#e8e8e8; padding:0 0 20px 0}
.chengxintong_con{ width:95%; margin:0 auto; position:relative; overflow:hidden; }
.chengxintong_con .chengxintong_pic{ padding:30px 0 0 0; width:80%; margin:0 auto }
.chengxintong_t{}
.chengxintong_t h2{ height:60px; font-size:20px; font-weight:bold; line-height:60px; color:#2a8ec7; display:inline;}
.chengxintong_t h3{ height:60px; font-size:20px; line-height:60px; color:#ec7225; display:inline;}
.chengxintong_t p{ font-size:13px; color:#646464;}

.b2b_ul{ margin:0 auto; overflow:hidden;}
.b2b_ul ul{ background:#4091c2;  }
.b2b_ul li{ position:relative; padding:0 0 10px 0; width:90%; margin:0 auto;}
.b2b_ul li .title{ width:95%; margin:0 auto; height:36px; text-align:center }
.b2b_ul li .title .h1{font-size:18px; line-height:36px; color:#124778; display:inline;  }
.b2b_ul li .title .h2{ font-size:18px; line-height:36px; font-weight:bold; color:#124778; display:inline;}
.b2b_ul li .content{ width:95%; margin:0 auto; background:#e0eafe; padding:0 0 10px 0}
.b2b_ul li .content img{width:100%;}
.b2b_ul li .content .h4{ width:95%; margin:0 auto; font-size:18px; color:#00498e;font-weight:bold; text-align:center;}
.b2b_ul li .content p{ font-size:13px; color:#4091c2; text-align:center;}
.b2b_a,.b2b_b,.b2b_c{}

/*---  website_build_page  ---*/

.website_build_banner{ width:100%; position:relative; background:url(../images/website_build_banner_bg.jpg) no-repeat center top;}
.website_build_banner ul{ padding:12px 0; }
.website_build_banner li{ float:left; width:25%; text-align:center }
.website_build_banner li img{ width:50%; margin:0 auto; margin-bottom:10px;}
.website_build_banner li h2{ font-size:12px; text-align:center; color:#fff; font-weight:normal;}
.website_build_banner li p{ padding:0 24px; font-size:14px; line-height:24px; text-align:justify; color:#fff;}


.why_choose{ position:relative;overflow:hidden; padding:20px 0 20px;}
.why_choose_title_t{font-size:16px; font-weight:bold;  text-align:center; color:#e86a2e;}
.why_choose_title_m{  font-size:18px; font-weight:bold; text-align:center; color:#666; padding:0 0 10px 0 }
.why_choose_title_b{ font-size:12px; text-align:center; color:#8f8f8f; }
.why_choose_vs{  overflow: hidden;}
.why_choose_vs_ul_l{ margin-top:28px; width:100%;}
.why_choose_vs_ul_l li{  margin-top:26px; height:84px; background:url(../images/why_choose_vs_zt_content_bg.jpg) no-repeat center top; background-size:80% auto;}
.why_choose_vs_ul_l li h3{ font-weight:bold; padding-top:8px; font-size:17px; text-align:center; color:#ff6920;}
.why_choose_vs_ul_l li h6{ font-weight:bold; font-size:14px; text-align:center; font-weight:normal; color:#a09f9f;}
.why_choose_vs_ul_l .title{ margin:0 0 0 108px; width:178px; height:75px; font-size:18px; line-height:40px; text-align:center; font-weight:bold; color:#fff; background:url(../images/why_choose_vs_zt_titile_bg.jpg) no-repeat;}


.program{ width:100%; height:700px; background:#ececec;}
.program_title_t{ padding-top:36px; height:36px; font-size:30px; font-weight:bold; line-height:36px; text-align:center; color:#e86a2e;}
.program_title_m{  height:36px; font-size:30px; font-weight:bold; line-height:42px; text-align:center; color:#666;}
.program_title_b{height:36px; font-size:16px; line-height:36px; text-align:center; color:#8f8f8f;}

.program_ul{ padding-top:20px; height:440px;float:left;}
.program_ul li{ float:left; width:100%; height:220px; background:#309dbd;}
.program_ul li p{ padding:44px 28px 0 28px; width:100%; height:160px; font-size:14px; line-height:28px; text-align:justify; color:#fff;}
.program_ul img{float:left; position:absolute; left:0; top:0; z-index:40;}
.program_ul .lit{ width:100%;  height:220px; position:relative;}
.program_ul .lit h6{ height:40px; line-height:40px; width:100%;  position:absolute; left:0; top:0; font-weight:normal; z-index:42; font-size:16px;  color:#fff; text-align:center;}
.program_ul .lit a{ height:40px; line-height:40px;  text-align:center; text-decoration:none; color:#fff; display:block; z-index:60;}
.program_ul .lit a:hover{ font-weight:bold;}
.program_ul .lit .litbg{ height:40px; width:100%;  background:#000; filter:alpha(opacity:45); opacity:0.7; position:absolute; left:0; top:0; z-index:41;}
.program_ul .lim{ height:220px; position:relative; left:0; top:0; }
.program_ul .lim h6{ height:40px;line-height:40px;  width:100%;  position:absolute; left:0; bottom:0; font-weight:normal; z-index:42; font-size:16px;  color:#fff; text-align:center;}
.program_ul .lim a{ height:40px; line-height:40px; font-size:16px; text-align:center; text-decoration:none; color:#fff; display:block; z-index:60;}
.program_ul .lim a:hover{ font-weight:bold;}
.program_ul .lim .limbg{ height:40px; width:100%;  background:#000; filter:alpha(opacity:45); opacity:0.7; position:absolute; left:0; bottom:0; z-index:41;}

.program .nav{ margin:0 auto; padding-top:24px; width:96px; height:40px; overflow:hidden;}
.program .nav ul{ width:110px; height:40px;}
.program .nav li{ float:left; margin-right:14px; width:40px; height:40px; }


.procedure{ width:100%; }
.procedure_bg{ background:#35a0cc; padding:10px 0;}
.procedure_title_t{  text-align:center; width:80%; margin:0 auto }
.procedure_title_m{  font-size:18px; font-weight:bold; text-align:center; color:#fff;}
.procedure_title_b{ height:30px; background:url(../images/procedure_title_b_bg.gif) repeat-x;}
.procedure_title_b p{  height:30px; font-size:12px; line-height:30px; text-align:center; color:#fff; background:#35a0cc;}

.procedure_content{  width:97%; margin: 0 auto; margin-top:18px;}
.procedure_content .pch4{ font-size:14px; line-height:22px; font-weight:bold;}
.procedure_content .bp1,.procedure_content .bp2,.procedure_content .bp3,.procedure_content .bp4,.procedure_content .bp5,.procedure_content .bp6,.procedure_content .bp7,.procedure_content .bp8{ width:45%; font-size:12px; color:#666; line-height:22px; float:left; margin:0 0 15px 2%; border:1px solid #eee; padding:1%;}
.procedure_content .bp1{ height:110px;  }
.procedure_content .bp2{ height:110px; }
.procedure_content .bp3{ height:130px; }
.procedure_content .bp4{ height:130px; }
.procedure_content .bp5{ height:170px; }
.procedure_content .bp6{ height:170px; }
.procedure_content .bp7{ height:160px; }
.procedure_content .bp8{ height:160px; }

/*---  basic_service_page  ---*/


.domain_registration{}
.domain_registration_title{ border-bottom:#d6d6d6 1px solid; padding:10px 0}
.domain_registration_title h2{ font-size:18px; font-weight:bold; text-align:center; color:#2a8ec7;}
.domain_registration_title span{ font-size:16px; font-weight:normal; padding:0 0 0 10px}

.domain_registration_content_ul{width:95%; margin:0 auto; position:relative;}
.domain_registration_content_ul ul{ padding:22px 0;}
.domain_registration_content_ul li{ margin:0 0 2px 0; padding:0 0 15px 0}
.domain_registration_content_ul h3{ padding-left:24px;  height:24px; font-size:16px; line-height:24px; color:#666; background:url(../images/domain_registration_title_content_bg.png) no-repeat center left;}
.domain_registration_content_ul p{ padding-left:24px; font-size:13px; color:#646464; line-height:22px;}

.domain_registration_ul_content{ width:90%; margin:0 auto; background:#eee; padding:10px 2%;}
.domain_registration_ul_content div{ display:block; padding:0 0 15px 0}
.domain_registration_ul_content div h6{ font-size:16px; margin-left:25%; font-weight:normal; color:#666; line-height:42px; text-align:left;}
.domain_registration_ul_content div p{ font-size:12px; margin-left:25%; color:#666; line-height:20px; text-align:left;}
.domain_registration_ul_content div.s_a{ background:url(../images/yuming_a.png) no-repeat left; background-size:20% auto;}
.domain_registration_ul_content div.s_b{ background:url(../images/yuming_b.png) no-repeat left; background-size:20% auto;}
.domain_registration_ul_content div.s_c{ background:url(../images/yuming_c.png) no-repeat left; background-size:20% auto;}
.domain_registration_ul_content div.s_d{ background:url(../images/yuming_d.png) no-repeat left; background-size:20% auto;}
.domain_registration_ul_content div.s_e{ background:url(../images/yuming_e.png) no-repeat left; background-size:20% auto;}
.domain_registration_ul_content div.s_f{ background:url(../images/yuming_f.png) no-repeat left; background-size:20% auto;}



.webhost{ padding:20px 0 0 0}
.webhost_title{ border-bottom:#d6d6d6 1px solid; padding:0 0 10px 0}
.webhost_title h2{ font-size:18px; font-weight:bold; text-align:center; color:#2a8ec7;}
.webhost_title span{ font-size:16px; font-weight:normal; padding:0 0 0 10px}

.webhost_ul_nav{ padding:10px 0; }
.webhost_ul_nav ul{ margin-top:6px;}
.webhost_ul_nav li{ float:left; width:25%;text-align:center}
.webhost_ul_nav li img{ width:65%; margin:0 auto;}
.webhost_ul_nav li h4{ font-size:15px; line-height:34px; text-align:center; color:#666; font-weight:normal;}
.webhost_ul_nav li p{ font-size:12px; line-height:20px; text-align:center; color:#999; padding:0 10px;}

.webhost_ul_navimg{ }
.webhost_ul_navimg ul{ }
.webhost_ul_navimg li{ position:relative; padding:15px 15px 15px 17%; color:#fff; font-size:13px;}
.webhost_ul_navimg li h5{ line-height:30px; font-size:16px;}
.webhost_ul_navimg li.blue{ background:#51b7dc;}
.webhost_ul_navimg li.cyan{ background:#51d7dc url(../images/webhost_ul_navimg_imgs2.png) no-repeat 5px 15px;  background-size:13% auto; color:#fff}
.webhost_ul_navimg li.green{ background:#85dc51 url(../images/webhost_ul_navimg_imgs3.png) no-repeat 5px 15px;  background-size:13% auto; color:#fff}
.webhost_ul_navimg li.orange{ background:#f2a12e url(../images/webhost_ul_navimg_imgs4.png) no-repeat 5px 15px;  background-size:13% auto;}
.webhost_ul_navimg li.red{ background:#f24a2e url(../images/webhost_ul_navimg_imgs5.png) no-repeat 5px 15px;  background-size:13% auto;}
.webhost_ul_navimg li.liactive{ background:#51b7dc url(../images/webhost_ul_navimg_imgb1.png) no-repeat 5px 15px;  background-size:13% auto;}
.webhost_ul_navimg .t_img_b{ float:left; padding:44px 0 0 0; height:194px; }


.mailbox{ }

.mailbox_title{ border-bottom:#d6d6d6 1px solid; padding:20px 0 10px 0}
.mailbox_title h2{ font-size:18px; font-weight:bold; text-align:center; color:#2a8ec7;}
.mailbox_title span{ font-size:16px; font-weight:normal; padding:0 0 0 10px}

.mailbox_content_ul{width:95%; margin:0 auto}
.mailbox_content_ul div{ width:60%; margin:0 auto; padding:20px 0}
.mailbox_content_ul h3{  font-size:16px; line-height:32px; color:#333;}
.mailbox_content_ul p{ font-size:14px; line-height:24px; color:#888; padding:0 0 15px 0}

.mailbox_advantage{ margin:22px 0; position:relative;}
.mailbox_advantage ul{ width:95%; margin:20px auto 0 auto; }
.mailbox_advantage li{ padding:0 0 20px 0 }
.mailbox_advantage li h6{ font-size:16px; line-height:36px; text-align:left; color:#666; padding-left:25%;}
.mailbox_advantage li p{ font-size:14px; line-height:20px; text-align:left; color:#999; padding-left:25%; padding-right:2%}


#si_tel_wrap{ width:100%; background:#3a92d5;}
.si_tel{ position:relative;overflow:hidden;}
.si_tel_title_t{ font-size:18px; line-height:46px; font-weight:bold; color:#fff; text-align:center; border-bottom:#5ca3d9 1px solid;}
.si_tel_title_b{ height:30px; font-size:18px; line-height:30px; color:#fff; text-align:center;}

.si_tel_img_ul{ width:96%; margin:0 auto; padding:15px 0; overflow:hidden;}
.si_tel_img_ul ul{ position:relative}
.si_tel_img_ul li{ width:20%; height:146px; float:left}
.si_tel_img_ul li div{ width:80%; margin:0 auto;}
.si_tel_img_ul li p{ padding:10px 0 0 0; height:44px; font-size:12px; color:#fff; line-height:22px; text-align:center;}

.si_tel_ul{ width:96%; margin:0 auto; padding:0 0 10px 0}
.si_tel_ul li{ float:left; text-align:center; width:25%; background:#fff; margin-bottom:1px; position:relative;}
.si_tel_ul li.gray{ background:#e4e6ea; position:relative;}
.si_tel_ul li img{ padding-top:14px; width:auto }

.si_tel_ul li p{ padding:0 14px; height:48px; font-size:14px; color:#666; text-align:center; line-height:48px; }


/*---  channle_page  ---*/

.channel_banner{ width:100%; height:529px; background:url(../images/join_us_bnner_bg.jpg) no-repeat center top;}

.channer_liaojie{position:relative; overflow: hidden;}
.channel_title{ border-bottom:#d0d0d0 1px solid; padding:5px 0; text-align:center; margin:0 0 15px 0}
.channel_title h1{ line-height:38px; font-size:18px; font-weight:bold; color:#e88c1f; display:inline;}
.channel_title span{ color:#626161; font-size:18px; font-weight:bold; }
.channel_title h3{ margin-left:20px; font-size:16px; font-weight:bold; color:#bab9b9;display:inline; }
.channer_liaojie h4{ font-size:14px; font-weight:bold; color:#6b6b6b; text-align:center; padding:0 0 20px 0}

.channel_content_title{ width:95%; line-height:24px; font-size:14px; font-weight:bold; text-align:center; color:#55a1d6; padding:0 0 20px 0}
.channel_content_title_c{width:95%; margin:0 auto; line-height:22px; font-size:13px; text-align:justify; text-indent:32px; color:#868686; padding:0 0 35px 0}


.channel_honor{}
.friend{position:relative; margin:0 auto; width:95%;}

.mr_frbox{height:auto;padding:0 0 20px 0; position:relative}
.mr_frUl{ overflow:hidden}
.mr_frUl ul li{ float:left; width:32%; margin:0 1% 10px 0; overflow:hidden;position:relative; text-align:center}
.mr_frUl ul li p{ text-align:center; line-height:35px;}
.mr_frUl ul li img{ width:85%; margin:0 auto}

.channel_258_wrap{ width:100%; background:#369fda; position:relative;overflow: hidden;  padding:15px 0}
.channel_258{ width:90%; margin:0 auto;}
.channel_258_title_t{ line-height:24px; font-size:18px; font-weight:bold; text-align:left; color:#fff; padding:0 0 20px 0}
.channel_258_title_p{ font-size:13px; line-height:24px; color:#fff; padding:0 0 15px 0}
.channel_258 ul{ }
.channel_258 li{ float:left; width:20%; text-align:center}
.channel_258 li img{ width:85%}
.channel_258_li_p{ margin-top:12px; font-size:13px; line-height:20px; color:#fff; text-align:center;}

.channel_yxc{background:#fff;position:relative;overflow:hidden}
.channel_yxc_left{ }
.channel_yxc_right{ width:90%; margin:0 auto; padding:15px 0}
.channel_yxc_right_title{ font-size:18px; line-height:45px; font-weight:bold; color:#186dbf;}
.channel_yxc_right_content{ font-size:13px; line-height:22px; color:#868686; }

.channel_best_wrap{ position:relative;overflow: hidden; background:#369fda;}
.channel_best_t{ }
.channel_best_left_h2{ font-size:18px; color:#fff; font-weight:bold; width:90%; margin:0 auto; padding:15px 0 10px 0}
.channel_best_left_ul{ width:90%; margin:0 auto;  padding:20px 0}
.channel_best_left_ul li{ width:20%; float:left; text-align:center; color:#fff; font-size:13px;}
.channel_best_left_ul li img{ width:85%; margin:0 auto;}
.channel_best_p{ width:90%; margin:0 auto; font-size:13px; line-height:24px; color:#fff; padding:0 0 15px 0}

.channel_mozhan_wrap{ width:95%; margin:0 auto; padding:20px 0 }
.channel_mozhan{ position:relative;overflow: hidden}
.channel_mozhan_logo{ width:50%; margin:0 auto; padding:0 0 20px 0}
.channel_mozhan_logo_t{ text-align:center; color:#4176c4; font-size:16px; font-weight:bold;}
.channel_mozhan_h2{ margin:24px 0 60px;  height:34px; line-height:34px; font-size:15px; font-weight:bold; color:#868686; text-align:left;}
.channel_mozhan_p{  font-size:13px; line-height:23px; color:#868686; text-align:left; padding:25px 0}


/*---  join_us_page  ---*/

.join_us_banner{ width:100%; height:529px; background:url(../images/join_us_bnner_bg.jpg) no-repeat center top;}

.join_us_title{ margin:0 auto; padding-top:20px; width:1200px; height:82px; text-align:center; border-bottom:#d0d0d0 1px solid;}
.join_us_title h1{ height:82px; line-height:82px; font-size:36px; font-weight:bold; color:#e88c1f; display:inline;}
.join_us_title h2{ height:82px; line-height:82px; font-size:36px; font-weight:bold; color:#626161; display:inline;}
.join_us_title h3{ margin-left:20px; height:82px; line-height:82px; font-size:30px; font-weight:bold; color:#bab9b9; display:inline;}

.join_us_content_ul{ margin:0 auto; width:1020px; height:540px;}
.join_us_content_ul p{ margin-top:12px; font-size:14px; text-align:center; line-height:26px; color:#868686;}
.join_us_content_ul ul{ width:1080px; height:400px; margin-top:60px;}
.join_us_content_ul li{ float:left; width:340px; height:414px; color:#666;position:relative;}
.join_us_content_ul li:hover{color:white;}
.join_us_content_ul li h2{ width:300px; height:50px; font-size:30px; line-height:40px; text-align:center; font-weight:normal;}
.join_us_content_ul li div.text{ width:100%; height:250px; font-size:14px; line-height:30px; text-align:justify; overflow:hidden;}
.join_us_content_nav{ margin-top:20px; width:100%; height:242px; }
.join_us_content_nav ul{ margin-top:0px; width:124px; height:170px;}
.join_us_content_nav li{ float:left; margin-bottom:10px; width:120px; height:30px; line-height:30px; border:#dfdfdf 1px solid; text-align:center; }
.join_us_content_nav li.cover{ border:white 1px solid; color:white }
.join_back_div{z-index:1;background:#5ab6a9;opacity:0;position:absolute;left:0;top:0;width:100%;height:100%;}
.join_detail_div{z-index:10;position:relative;width:280px;margin-left:30px; line-height:30px}
.join_img{width:98px;height:98px;overflow: hidden;margin:10px 91px;}


.join_us_banner_blue_wrap{ padding-top:36px; height:160px; background:#369fda;}
.join_us_banner_blue{ height:160px; }
.join_us_banner_blue_title{ padding-top:25px; width:50%; margin:0 auto; height:65px; text-align:center; font-size:24px; font-weight:bold; color:#fff; background:url(../images/jion_us_banner2_title_bg.png) no-repeat center center; background-size:90% auto;}
.join_us_banner_blue_content{ margin:0 auto; width:760px; height:60px; font-size:20px; line-height:60px; font-weight:bold; color:#fff;}

.join_us_position{margin-top:10px; }
.join_us_position_title{ height:28px; background:url(../images/jion_us_position_title_bg.gif) repeat-x bottom;}
.join_us_position_title_content{ width:76px; height:26px; font-size:14px; line-height:26px; font-weight:bold; text-align:center; border-bottom:#414141 2px solid;}

.join_us_position_content ul{ width:95%; margin:0 auto;}
.join_us_position_content li{  padding:30px 0 0 22px;  position:relative; padding:15px 0; border-bottom:1px dashed #999}
.join_us_position_content li p{ width:420px; font-size:14px; line-height:30px; color:#666;}
.join_us_position_content li span{ font-size:14px; line-height:30px; font-weight:bold; color:#333;}
.join_us_position_content li .jpc_more{ width:80px; height:30px; background:#f8f8f8; border:#dadada 1px solid; position:absolute; right:14px; top:72px;}
.join_us_position_content li .jpc_more a{ width:80px; height:30px; font-size:13px; line-height:30px; text-align:center; text-decoration:none; color:#666; display:block;}
.join_us_position_content li .jpc_more a:hover{ color:#333;}

.join_us_position_nav{ float:right; margin:30px 0; width:220px; height:28px; border:#ddd 1px solid;}

.join_con{ padding:20px 0 0 0}
.join_con h2{ font-weight: bold; font-size: 15px; padding-left: 14px; color: #333; height: 40px; line-height: 40px;}
.join_con ul{ margin:0 14px;}
.join_con li{ width:50%; float:left; line-height:30px; font-size:13px; color:#888}
.join_zhiwei{ padding:40px 0 0 0}
.join_zhiwei .zhiwei_t{height:35px; line-height:35px; background:#ececec}
.join_zhiwei .zhiwei_t strong{ line-height:35px; background:#888; width:30%; color:#fff; text-align:center; font-size:14px; display:block}
.join_zhiwei .join_zhiwen_con{ padding:30px 10px ; line-height:24px; font-size:14px; color:#888}
.join_back{ width:100px; margin:0 auto; height:40px; line-height:40px; border:1px solid #dddddd; text-align:center; margin-bottom:50px; background:#b82c2d}
.join_back a{line-height:40px; font-size:14px; color:#333}


/*---  contact_us_page  ---*/
.contact_us_fcompany{ width:95%; margin:0 auto; padding:0 0 40px 0 }
.contact_us_fcompany ul{ }
.contact_us_fcompany li{ padding:15px 0}
.contact_us_fcompany li h4{ font-size:18px; font-weight:bold; line-height:34px;  color:#666; background: url(../images/zt_lx.png) no-repeat 2% 12px; background-size: 11px auto; padding: 3px 6% 3px 6%;}
.contact_us_fcompany li h6{ font-size:14px; font-weight:bold; line-height:34px;  color:#ef6917; padding: 0 3% 0 6%;}
.contact_us_fcompany li p{ font-size:14px; line-height:24px; color:#777; padding:0 3% 0 6%; }


/*---  zhaotong_page  ---*/
/*---  zhaotong_page  ---*/


.zhaotong_about{}

.zhaotong_about_title{ padding-top:46px;height:80px;}
.zhaotong_about_title h3{ margin-left:466px; width:134px; height:46px; font-size:30px; font-weight:bold; line-height:46px; color:#3288bb; display:inline;}
.zhaotong_about_title img{ padding-left:16px; display:inline;}
.zhaotong_about_title p{ font-size:16px; line-height:34px; text-align:center; color:#9b9b9b;}

.zhaotong_about_img{ margin-top:38px; position:relative;overflow: hidden}
.zhaotong_about_img img{position:absolute;top:0;}
.zhaotong_about_img .zhaotong_about_left{ left:-595px}
.zhaotong_about_img .zhaotong_about_right{ right:-595px}

.zhaotong_about_us ul{ width:1190px; padding-top:14px; height:250px;}
.zhaotong_about_us ul li{ float:left; width:284px; padding-right:10px; position:relative;}
.zhaotong_about_us ul li h1{ margin:0 auto; margin:26px 0; width:270px;  height:80px; line-height:80px; font-size:70px; font-weight:bold; color:#ea7d1c; text-align:center; position:relative;}
.zhaotong_about_us ul li h2{ font-size:66px; font-weight:bold; color:#ea7d1c; }
.zhaotong_about_us ul li .h6{ line-height:48px; font-size:48px; font-weight:bold; color:#ea7d1c; position:absolute; top:-13px; }
.zhaotong_about_us ul li .h7{ line-height:30px; font-size:30px; font-weight:bold; color:#ea7d1c; position:absolute; top:0; }
.zhaotong_about_us ul li h3{ margin:0 auto; padding-bottom:10px; width:270px;  height:32px; line-height:32px;  font-size:18px; font-weight:bold; color:#616161; text-align:center;}
.zhaotong_about_us ul li p{ margin:0 auto; width:270px; height:52px; font-size:13px; color:#616161; line-height:22px; text-align:center;}

.zhaotong_about_licheng{ }
.zhaotong_about_licheng_t{ width:95%; margin:0 auto; border-bottom:#d7d7d7 1px solid;}
.zhaotong_about_licheng_t_h{ width:25%; }
.zhaotong_about_licheng_t_h h6{ padding:36px 0 0 0; line-height:28px; font-size:18px;text-align:right; color:#999;}
.zhaotong_about_licheng_t_h h2{ padding:0 0 0 0; font-size:24px; line-height:46px; text-align:right; color:#33a1d4;}
.zhaotong_about_licheng_t_p{ padding:16px 0 10px 3%; width:66%; font-size:13px; line-height:24px; color:#777;  text-indent:2em; border-left:#d7d7d7 1px solid; }
.zhaotong_about_licheng_m{ width:1200px; height:20px; background:url(../images/zhaotong_about_licheng_bg.png) repeat-x; position:relative;}
.zhaotong_about_licheng_m .zal_img{ position:absolute; left:263px;}
.zhaotong_about_licheng_m .zar_img{ position:absolute; right:270px;}
.zhaotong_about_licheng_b{ width:95%; margin:0 auto;}
.zhaotong_about_licheng_b_h{ width:25%; }
.zhaotong_about_licheng_b_h h6{ padding:36px 0 0 0; line-height:28px; font-size:18px;text-align:left; color:#999;}
.zhaotong_about_licheng_b_h h2{ padding:0 0 0 0; font-size:20px; line-height:46px; text-align:left; color:#33a1d4;}
.zhaotong_about_licheng_b_p{ padding:16px 3% 15px 0; width:66%; font-size:13px; line-height:24px; color:#777; text-align:justify; text-indent:2em;  border-right:#d7d7d7 1px solid;}


.zhaotong_culture{ padding:20px 0}
.zhaotong_culture .zhaotong_culture_child{width:100%;}
.zhaotong_culture_title{ padding:0 0 20px 0}
.zhaotong_culture_title h3{ height:26px; font-size:18px; font-weight:bold; line-height:26px; color:#666; text-align:center }
.zhaotong_culture_title p{ font-size:13px; line-height:24px; text-align:center; color:#9b9b9b;}
.zhaotong_culture_content{ margin:0 auto; width:95%;}
.zhaotong_culture_content h4{ line-height:34px; font-size:14px; color:#3288bb;}
.zhaotong_culture_content p{ font-size:12px; line-height:24px; color:#777;}
.zhaotong_culture_content p strong{ color:#666;}

.zhaotong_honor{ background:url(../images/zhaotong_honor_bg.jpg) no-repeat center top; }
.zhaotong_honor_title{ padding:0 0 10px 0}
.zhaotong_honor_title h3{ height:26px; font-size:18px; font-weight:bold; line-height:26px; color:#666; text-align:center }
.zhaotong_honor_title p{ font-size:13px; line-height:24px; text-align:center; color:#9b9b9b;}
.zhaotong_honor_content{ }

.zhaotong_history{ padding:20px 0 0 0}
.zhaotong_history_title{}
.zhaotong_history_title h3{ height:26px; font-size:18px; font-weight:bold; line-height:26px; color:#666; text-align:center }

#history_list{ margin: 0 auto;box-sizing: border-box; width: 100%; overflow: hidden;}
#history_list .hd ul { clear:both}
#history_list .bd ul{ padding: 0;}

.picScroll_list {margin: 10px auto;text-align: center;}
.picScroll_list .bd ul {width: 100%;float: left;padding: 20px 0;}

.zhaotong_history .nr{ padding:10px 0}
.js_list li{ overflow: hidden; clear: both; width: 95%; margin:0 auto; padding:0 0 5px 0}
.js_list .left{ width: 27%; text-align: right; position: relative; border-right: 1px solid #e9e9e9; }
.js_list .left i{ width:67%;  overflow: hidden; padding-right: 4px; font-size: 15px; font-weight:bold; color: #458fd4; display: block; background-size: 100% auto; float: right; line-height: 30px; font-style:normal}
.js_list .left span{ background: url(../images/zhaojsli.png) no-repeat right center; width:113%; padding-right:4px; font-size:12px; color:#ffffff; display:block; background-size: 100% auto; float: right; line-height: 30px;}

.js_list .right{ width: 72%; text-align: left; font-size: 13px; color:#777; box-sizing: border-box; line-height:30px; padding: 0 1%;}


.js_tit{ position: relative; margin: 0; overflow: hidden; height: 35px;}
.js_tit .left{ background: url(../images/jslogo.png) no-repeat right bottom #FFF; background-size: 30px; position: absolute; left: 20%; margin-left: -15px; width: 30px; height:30px; z-index: 999;}
.js_tit .right{ background: url(../images/js_tit.png) no-repeat 20px 5px; background-size: 80px; padding-left: 100px; width: 80%; text-align: left; font-size: 12px; line-height: 14px; box-sizing: border-box; height: 35px; line-height: 30px; color: #c8c8c8; font-size: 20px;border-left: 1px solid #edebeb;}

.picScroll_list .hd {height: 30px;line-height: 30px; overflow: hidden; text-align: center; padding: 20px 0 0 0; width:17%; margin:0 auto}
.picScroll_list .hd ul { text-align: center; margin: 0 auto; width: 48px;}
.picScroll_list .hd li {display: inline;	width: 10px; height: 10px;background: #bababa; text-indent:999px;margin: 0 3px;overflow: hidden; float: left;
-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.picScroll_list .hd .on {background: #458fd4;}

.zhaotong_advantage{ }
.zhaotong_advantage_title{ padding:20px 0 10px 0}
.zhaotong_advantage_title h3{ height:26px; font-size:18px; font-weight:bold; line-height:26px; color:#666; text-align:center }
.zhaotong_advantage_title p{ font-size:13px; line-height:24px; text-align:center; color:#9b9b9b;}


.zhaotong_advantage_content_l{ width:85%; margin:0 auto;}
.zhaotong_advantage_content_l h2{font-size:24px; line-height:34px; text-align:left; color:#5c5d5d; }
.zhaotong_advantage_content_l h1{  font-size:24px; line-height:34px; text-align:left; color:#fff; background:#f79624;}

.zhaotong_advantage_content_r{ overflow:hidden;position:relative;}
.zhaotong_advantage_content_r ul{  }
.zhaotong_advantage_content_r li{ padding:0 0 20px 0}
.zhaotong_advantage_content_r li.one{ background:url(../images/zhaotong_advantage_img_r1.png) no-repeat left 3px; background-size:10% auto;}
.zhaotong_advantage_content_r li.two{ background:url(../images/zhaotong_advantage_img_r2.png) no-repeat left 3px; background-size:10% auto;}
.zhaotong_advantage_content_r li.three{ background:url(../images/zhaotong_advantage_img_r3.png) no-repeat left 3px; background-size:10% auto;}
.zhaotong_advantage_content_r li.four{ background:url(../images/zhaotong_advantage_img_r4.png) no-repeat left 3px;background-size:10% auto;}
.zhaotong_advantage_content_r li h5{ padding-left:13%; height:24px; line-height:24px; font-size:15px; color:#777; font-weight:bold}
.zhaotong_advantage_content_r li p{ padding-left:13%; line-height:20px; color:#999; font-size:12px;}


/*soft_page*/
.soft_page{ background: none; padding:20px 0 0 0}
.soft_page li h2{ color:#333; font-size:15px; line-height: 46px; text-align: center;}
.soft_page li p{ color:#666; font-size:13px; line-height: 20px;}
.soft_page li img { width: 40%; margin: 0 auto;}
.soft_page li{ float:left; width:50%; text-align:center }

.soft_liucheng{ padding:20px 0 20px 0; position:relative}
.soft_liucheng h2{ text-align:center; line-height:30px; color:#333; font-size:18px; font-weight:bold; padding:0 0 30px 0}
.soft_liucheng h2 span{ padding:0 0 0 20px; color:#C33; text-transform:uppercase}
.soft_liucheng ul{ position:relative; z-index:2; }
.soft_liucheng li{ float:left; width:25%;}
.soft_liucheng li .soft_liucheng_pic{ width:100%; text-align:center}
.soft_liucheng li p{ text-align:center; line-height:50px;}
.soft_liucheng li img { width:70%; margin: 0 auto;}

.soft_advantage{ background:url(../images/soft_youshi_bg.jpg) no-repeat center top; background-attachment: fixed; background-size: cover; padding-bottom:20px;}
.soft_advantage h2{ text-align:center; line-height:40px; color:#fff; font-size:18px; font-weight:bold; padding: 20px 0 0  0; display:block; text-transform:uppercase}
.soft_advantage span{ color:#fff; text-transform:uppercase; font-size:14px; display:block ; text-align:center}
.soft_advantage ul{ padding:30px 0 0 0}
.soft_advantage li{width:33.3%; float:left;}
.soft_advantage_con{ width:95%; margin: 0 auto; background-color: rgba(255,255,255,0.80); position:relative; text-align: center; padding:0 0 20px 0}
.soft_advantage_con .soft_liucheng_pic{ width:84%; margin:0 auto; padding:10px 0 0 0}
.soft_advantage_con .soft_liucheng_pic img{ width:50%;}
.soft_advantage_con h3{ line-height:40px; font-size:16px; color:#f75a53; font-weight:bold}
.soft_advantage_con p{ line-height:23px; font-size:12px; width:90%; margin:0 auto}

/*se_case_index page*/
.se_case{ padding:0 0 40px 0}
.se_case ul{ width:95%; margin:0 auto; padding:25px 0 0 0; overflow: hidden;}
.se_case li{ width:50%; float:left;position:relative;overflow:hidden; border-bottom:1px solid #ddd; margin-bottom:25px; }

.se_case_pic{ width:90%; margin:0 auto; text-align:center; }
.se_case li a{ width:100%; color:#333}
.se_case a{ width:100%;}
.se_case_pic img{max-width: 100%;}
.se_case_name{ width:90%; margin:0 auto; font-size:13px; color:#555; line-height:30px; height:30px; overflow:hidden; }
.se_case_name a{ color:#555; width:90%;line-height:30px; height:30px; text-align:center; display:block; }
.se_case_hangye{ width:90%; margin:0 auto; padding:0 0 0 0; font-size:12px; color:#666; line-height:30px; height:30px; overflow:hidden; }
.se_case_click{ float:right; color:#666; }
.se_case li { cursor: pointer}
.se_case li div.cover_top{position:absolute;top:-205px;left:0;width:280px;height:202px;background-color: red;filter: Alpha(opacity=50);background: rgba(255,0,0,0.4);z-index:900; text-align:center}
.se_case li div.cover_top img{ padding:95px 0 0 0}
.se_case li div.cover_bottom{position:absolute;bottom:-90px;left:0;width:280px;height:86px;background-color: green;filter: Alpha(opacity=50);background: rgba(255,66,41,1);z-index:900}
.se_case .se_case_text{position: relative;z-index:1000;}

.shangxiaye{overflow: hidden;padding: 15px 0px;}
.shangxiaye li{ line-height:25px; color:#666}
.shangxiaye li a{ color:#666}

.se_content{ width:90%; margin:0 auto; padding:0 0 20px 0 }
.se_content_t{ padding:0 0 20px 0; border-bottom:1px solid #e3e3e3; margin-bottom:30px;　}
.se_content_t .se_title_intro{text-align:left;}
.se_content_t .se_anli_jieshao{ line-height:27px; font-size:14px; color:#555}
.se_content img{ margin-bottom:10px;}

.se_title{ line-height:40px; font-size:18px; color:#121212;  text-align:center; border-bottom:1px solid #e3e3e3; padding:20px 0 10px 0; margin:0 0 20px 0}
.se_date{ line-height:30px; color:#555; font-size:14px; font-weight:normal;}
.se_con{ font-size:13px; line-height:23px; padding:0 0 30px 0; color:#555}
.se_con img{ max-width:90%; height:auto; padding:10px 0;}

#se_case_index{  margin-top:4px; background:#fff;height:115px;position:relative }
.se_case_index_title{height:42px;width:100%; background:url(../images/case_index_title_bg.png) no-repeat bottom; border-bottom:#e3e3e3 1px solid;  }
.se_case_index_title h1{ height:42px; line-height:32px; text-align:center; font-size:24px; color:#666;}
.se_case_index_nav{ width:70%; margin:0 auto; height:30px; overflow:hidden; padding:0 0 0 12px;}
.se_case_index_nav ul{ height:30px;}
.se_case_index_nav li{ float:left; width:30%; margin-right:3%;height:30px; }
.se_case_index_nav li a{ font-size:14px; width:100%; text-align:center; line-height:30px; text-decoration:none; color:#fff; display:block; background:#797979; border-radius: 3px; }
.se_case_index_nav li a:visited{ fcolor:#fff;}

.right_nav{ position:fixed;right:10px;top:50%;}
.right_nav li{ width:13px; height:13px; border-radius:8px;background:#666;margin:8px 0}
.right_nav li.crnt{background:red}

/*se_news*/
.se_news{ width:95%; margin:0 auto; padding:20px 0}
.se_news ul{}
.se_news li{ border-bottom:1px dashed #ccc; background: url(../images/newslist.png) no-repeat 97% center; background-size: 7px; padding:5px 0}
.se_news li a{ font-size:14px; line-height:28px;  color:#555; background: url(../images/news_icon.gif) no-repeat left center; padding: 0 0 0 20px; width:90%;}
.se_news li a.ui-link{height:28px; overflow:hidden;}
.se_news_con_other{ font-size:13px; color:#888; line-height:28px; width:95%; margin:0 auto}
.se_news_con_other img{width:auto; margin:6px 15px 0 0}

/*se_hangye*/
.se_hangye{ width:1100px; margin:0 auto; padding:30px 0 0 0;}
.se_hangye ul{padding:0 0 0 20px;position:relative}
.se_hangye li{ margin-bottom:20px; margin-right:20px; padding:20px; border:1px dashed #ccc;width:477px; float:left; position:relative;top:20px;left:20px; cursor: pointer;}
.se_hangye li:nth-child(2n){}
.se_hangye li.hover{border:1px solid yellow;}
.se_hangye_con{  }
.se_hangye_con_t{   line-height:40px; }
.se_hangye_con_t a{ font-size:16px; line-height:40px; font-weight:bold; color:#555;}
.se_hangye_con_other{ font-size:12px; color:#666; line-height:20px; padding:0 0 10px 0}
.se_hangye_con_t_intro{ font-size:12px; color:#666; line-height:24px;}


.erji_nav {
    box-sizing: border-box;
    width: 100%;
    overflow: hidden;
    padding: 15px 2%;
	
}
.erji_nav li {
    float: left;
    width: 33.3%;
    margin: 5px 0;
}
.erji_nav li a {
    line-height: 30px;
    border: 1px solid #cccccc;
    font-size: 14px;
    color: #515151;
    display: block;
    width: 94%;
    box-sizing: border-box;
    margin: 0 3%;
	text-align:center
}

.erji_lanmu_title{line-height: 35px; border-bottom: 1px solid #eeeeee; border-top: 1px solid #e8e8e8; width: 96%; padding: 0 2%; overflow: hidden; font-size:16px;}

.fenlei2{}
.fenlei2 h2{ background:#008591; line-height:60px; font-size:16px; color:#fff; font-weight:normal; padding:0 0 0 10px; text-transform:uppercase; font-weight:bold}
.fenlei2 ul{ border:1px solid #eee; padding:25px 0 20px 0; }
.fenlei2 li{ line-height:35px; width:290px; margin:0 auto;  border:0 solid #ccc; margin-bottom:10px; background:#0c1227}
.fenlei2 li a{ font-size:16px; padding:0 0 0 15px; color:#fff}
.fenlei2 li.treeone {
    background:#fff;
    padding-left: 0; border:1px solid #ccc; 
}
.fenlei2 li.treeone a { font-size:14px; color:#333}

.about_a{ width:95%; margin:0 auto; padding-top:30px; font-size:15px; line-height:25px;text-indent:2em;}
.contact{ width:100%; margin:0 auto; padding:20px 0; background:url(../images/cont.jpg) no-repeat center top; position:relative; min-height:293px;}
.contact h2{ font-size:20px; line-height:35px; color:#324355; text-align:center; border-bottom:1px solid #d5d6d8; margin-bottom:1.5rem;}
.contact h2 hr{ width:25%; height:5px; background:#324355; display:block; margin:0 auto 5px auto;}
.contact ul{list-style: none;}
.contact li{margin: 0 0.57rem 0.5rem 0.83rem; box-shadow: 0 0.08rem 0.18rem rgba(92, 119, 165, 0.2);} 
.contact li i {display: block;margin-top: -0.28rem;z-index: -1;width: 10%;float:left}
.contact li p {color: #475a7b;line-height:28px;padding-left: 0.5rem;background: url(../images/lx-bg1.png) no-repeat; border-radius: 0.12rem; float:right; width:86%; font-size:14px;}
.contact li p a{color: #475a7b; font-weight:bold;}

.contact_r{ position:absolute; z-index:2; left:10%; right:5%; }
.contact_r li{ background:#fff; box-shadow: 0px 0px 10px #666; padding:0.3rem 1rem;border-radius:10px; margin-top:1.5rem; font-size:14px;}

.newslist{ padding:1rem 0 0 0;}
.newslist li a{ color:#333; line-height:31px; font-size:16px;}

.ny_contact{ width:90%; margin:0 auto;}
.ny_contact ul{list-style: none;}
.ny_contact li{margin: 0 0.57rem 1rem 0.83rem; box-shadow: 0 0.08rem 0.18rem rgba(92, 119, 165, 0.2);} 
.ny_contact li i {display: block;margin-top: -0.28rem;z-index: -1;width: 2rem;float:left}
.ny_contact li p {font-size: 0.28rem;color: #475a7b;line-height: 0.8rem;padding-left: 0.5rem;background: url(../images/lx-bg1.png) no-repeat; border-radius: 0.12rem; float:right; width:85%; font-size:16px;}
.ny_contact li p a{color: #475a7b; font-weight:bold;}

.ny_wx{ width:90%; margin:0 auto; text-align:center}
.ny_wx h3{color: #475a7b; font-size:16px;}
.ny_wx img{ width:50%; margin:0 auto;}