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%;}


.banben{    background: #000;width: 100%;height: 30px; line-height:30px;top: 0;z-index: 999999;}
.banben a{ padding:0 1%;}

.head_index{ height:70px; padding:0 15px; max-width:690px; margin: 0 auto; overflow:hidden; background:#b20405;}
.head_index .head_index_logo{ width:75%; padding:6px 0 0 5px}
.head_index .top_right {
    float: right;
    width: 40px;
    height: 40px;
	padding: 20px 0 0 0;
}
.head_index .top_right img{ width:60%; margin:2px 0 0 0}
.head_index .gb {
    float: right;
    width: 44px;
    height: 44px;
    background: url(../images/gb.png) no-repeat center center;
    background-size: 20px;
}
.head_index .hide {
    display: none;
}
.head_index img { width:100%;}

.right_menu{ position: fixed; left: 100%; top: 60px; z-index: 999; width: 100%;}

.right_menu ul{ width: 100%; box-sizing: border-box; background-color:rgba(0,0,0,0.8); padding:30px 0 0 0 }

.right_menu ul li{list-style-type:none; width: 90%; margin: 0 5%; line-height: 50px; border-bottom: 1px solid #444;}
.right_menu ul li.onn{border-bottom: 0 solid #444;}
.right_menu ul li.onn a{color: #eee;}
.right_menu ul li a{ background-size: 20px !important; color: #eee; text-indent:; padding:0 0 0 20px; font-size:14px;}
.hei{ height: 530px !important;}
.right_menu ul li div{ border-bottom: 1px solid #444; padding:0 0 5px 20px}
.right_menu ul li.onn div a{ padding:0; width:33%; line-height:40px; display:block; float:left; color: #eee; font-size:14px;}

.pro_nav{ width:100%; padding:20px 0}
.pro_nav li{ width:33.3%; float:left; position:relative; margin-bottom:15px;}
.pro_nav .pic{ width:73%; margin:0 auto; position:relative; z-index:2; overflow:hidden; border-radius:250px;}
.pro_nav .pic img{ width:100%;}
.pro_nav .p_text{ width:65%; margin:0 auto; padding: 10px 0; text-align:center; font-size:15px; color:#F00}

.pic_nav{width:99%; margin:0 auto}
.pic_nav li{ float:left;width:33%; text-align:center; margin:10px 0; }
.pic_nav li img{ width:70%;}
.pic_nav li a{ color:#333}
.pic_nav li a:hover{ color:#f00}

.touch_nav{background:#000;  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:16.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; background:#fff}
.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:#b82c2d}
.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_list{ width:100%; margin:0 auto;}
.pro_list ul{ margin-top:0px;}
.pro_list li{ font-size:14px; width:30%; height:40px; line-height:40px; float:left; background:#0f75c9; margin:5px 1% 1px 2%; text-align:center;border-radius: 10px}
.pro_list li a{ color:#fff;}
.pro_list li a:hover{ font-weight:bold;}

.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%; border:2px solid #e6e8e7; 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:#000; border-bottom:1px dashed #CCC; margin:0 auto;}




.about{ min-height:auto; position:relative; margin:10px auto 0 auto; padding: 20px 0 10px 0; background:#fafafa}
.about .about_title{ text-align:center; font-size:30px; color:#1a1a1a; line-height:45px;}
.about p{ font-size:14px; color:#808080; 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}

.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;  }


..news{ background:#fafafa; padding:0 0 20px 0}

.news_t{ min-height:auto; position:relative; margin:40px auto 0 auto; padding: 20px 0 0 0; }
.news_t .news_t_title{ text-align:center; font-size:30px; color:#1a1a1a; line-height:45px;}
.news_t p{ font-size:14px; color:#808080; line-height:24px; text-align:center; padding:0 0 5px 0}
.news_t span{ width:55px; height:3px; display:block; margin:0 auto 20px auto; background:#ed6d00}


.news_li{ width:65%; margin: 0 auto 10px auto}
.news_li li{ width:45%; float:left; margin-right:5%; background:#1269c3; line-height:30px; text-align:center}
.news_li li:nth-child(2n){}
.news_li li a{ font-size:16px; color:#fff;}

.newslist_pic{ width:95%; margin:0 auto;}
.np_t{ position:relative}
.np_t img{ display:block; position:relative;}
.np_t div{ position:absolute; bottom:0; line-height:40px; background:rgba(0,0,0,0.6); width:96%; padding:0 2%; color:#fff; font-size:16px;}
.newslist_pic li{background:#fff;  color:#808080; font-size:14px; padding:0 0 20px 0}
.newslist_pic li p{ padding:20px 15px 15px 15px; line-height:24px; }
.np_date{ background:url(../images/meta_icon.png) no-repeat left center; margin:0 15px; line-height:25px; padding:0 0 0 25px; color:#777; font-weight: normal;}
.np_more{ width:90px; text-align:center; border:1px solid #ccc; margin:10px 0 0 15px; line-height:35px;}

.newslist{ width:95%; margin:0 auto;  padding:20px 0; background:#fff; border-top:1px solid #eee }
.newslist dt{ line-height:30px; width:95%; margin:0 auto}
.newslist dt a{ line-height:35px; color:#444; font-size:15px; padding:0 0 0 20px; font-weight:normal; background:url(../images/redarrow.gif) no-repeat left center;}


.case{ background:url(../images/footer.jpg) repeat center top; padding:20px 0;}
.case_tit{ text-align:center; padding:20px 0;}
.case_tit span{ font-size:30px; font-style:normal; color:#a5a9ad; font-family:Arial, Helvetica, sans-serif;text-transform: uppercase;}
.case_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;}
.case_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;}

.case_cont{ width:100%; margin:15px auto;}
.case_cont ul{ margin-top:0px;}
.case_cont li{width: 47%;float: left;margin:5px 1% 1px 2%; }
.case_cont li a{ color:#fff;}
.case_cont li a:hover{ font-weight:bold;}
.case_cont li div{ width:80%; line-height:40px; font-size:16px; text-align:center; height:40px; color:#000; border-bottom:1px dashed #CCC; margin:0 auto;}


.case .case_con{ width: 100%; overflow: hidden; height: auto;}
.case .case_con ul{ padding: 10px 1%; overflow: hidden; }
.case .case_con li{display: inline-block;text-align: center;vertical-align: middle;width: 50%;float: left;}
.case .case_con li a {display: block;overflow: hidden;padding: 6px;border: 1px solid #eaeaea;border-bottom: 3px solid #eaeaea;box-sizing: border-box;width: 94%;margin: 0 3%; background-color: #ffffff;}

.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;}
.news_tit{ text-align:center; padding:20px 0;}
.news_tit span{ font-size:30px; font-style:normal; color:#a5a9ad; font-family:Arial, Helvetica, sans-serif;text-transform: uppercase;}
.news_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:#2476d3;}
.news_tit p{ background:url(../images/line.png) no-repeat center top 20px; width:570px; height:34px; margin:0px auto; font-size:18px; padding-top:7px;}


.case{ background:url(../images/footer.jpg) repeat center top; padding:20px 0;}
.case_tit{ text-align:center; padding:20px 0;}
.case_tit span{ font-size:30px; font-style:normal; color:#a5a9ad; font-family:Arial, Helvetica, sans-serif;text-transform: uppercase;}
.case_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:#2476d3;}
.case_tit p{ background:url(../images/line.png) no-repeat center top 20px; width:570px; height:34px; margin:0px auto; font-size:18px; padding-top:7px;}

.case_cont{ width:100%; margin:15px auto;}
.case_cont ul{ margin-top:0px;}
.case_cont li{width: 47%;float: left;margin:5px 1% 1px 2%; }
.case_cont li a{ color:#fff;}
.case_cont li a:hover{ font-weight:bold;}
.case_cont li div{ width:80%; line-height:40px; font-size:16px; text-align:center; height:40px; color:#000; border-bottom:1px dashed #CCC; margin:0 auto;}

.ny_contact{ width:345px; margin:0 auto; padding-bottom:50px;}
.ny_contact h4{ font-size:23px; font-weight:bold; border-left:5px solid #F00; padding-left:5px; margin-top:50px }
.contact_o{ width:327px; margin:0px 50px 0 0; font-size:16px;}
.contact_o span{ color:#d10f0f; font-weight:bold; }
.contact_o p{ padding-top:20px; line-height:31px;}

.contact_t{ width:365px; margin:50px 0px 0 0; font-size:16px;}
.contact_t span{ color:#d10f0f; font-weight:bold; }
.contact_t p{ padding-top:20px; line-height:31px;}

.contact_s{ width:445px; margin:50px 50px 0 0; font-size:16px;}
.contact_s span{ color:#d10f0f; font-weight:bold; }
.contact_s p{ padding-top:20px; line-height:31px;}



.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%;}

#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:#b82c2d}
.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;}