*{margin:0; padding:0;font-family:Microsoft YaHei;}
body, p, td, th, li
{
	font-family:Microsoft YaHei;
	font-size:14px;
	list-style:none;
}
/*--- Link Styles ---*/
a
{
	color:#000;
	text-decoration:none;
	font-family:"Microsoft YaHei"; 
}
a:hover
{
	color:#ff6600;
	text-decoration:none;
}
#flash a{text-decoration:none;}
img{outline:none; border:0;}
strong		{font-weight:bold;}
em		{font-style:italic;}
a.red{color:#af0000;font-size:14px; font-weight:bold;}
a:hover.red{color:#6f0000;font-size:14px; font-weight:bold;}
a.bai{color:#fff;font-size:14px; font-weight:bold;}
a:hover.bai{color:#f7ed02;font-size:14px; font-weight:bold;}
.font1{ color:#ff6600;}
.f12{ font-size: 12px !important;}
/* Standard Definitions
----------------------------------------*/
.left 		{float:left;}
.right 		{float:right;}
.relative	{position:relative;}
.absolute	{position:absolute;}
.clear 	{clear:both;}
.small 		{font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large 		{font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide		{display:none;}
.overflow	{text-indent:-9999px; font-size:0; line-height:0;}
.overflow a	{display:block; width:100%; height:100%;}
.red{ color:#eb2626;}
.blue{ color:#257dc7;}
.green{color:#008a00;}
.white{ color: #FFF;}
.orange{ color:#ff601f;}
.title1{ font-family:"Microsoft YaHei"; font-size:14px; font-weight:bold; color:#fff; text-indent:1em;}
.title2{ font-family:"Microsoft YaHei"; font-size:14px; font-weight:bold; color:#043d96; text-indent:1em;}

.kh{ width:100%; height:58px; line-height:58px; color:#fff; font-size:24px; background:#ee635f;}
.kb10{height:10px;}
.kb15{height:15px;}
.kb20{height:20px;}
.kb30{height:30px;}
.kb40{height:40px;}
.kb50{height:50px;}
.m20{ margin:0 18px;}
.color3{ color: #333333 !important;}
.color6{ color: #666666 !important;}
.color9{ color: #999999 !important;}






.center{text-align:center;}
.text-right{ text-align: right;}
.block{ display: block !important;}



.line{height:1px;line-height:1px; background:#dfdfdf; width:100%;}
/*大标题*/
.yjbt{  font-weight:bold; color:#33a1d4; font-size:36px;}

/*二级标题*/
.ejbt{ font-size:18px; font-weight:bold; color:#5b5b5b;} 
.ejbt:hover{ font-size:18px; font-weight:bold; color:#fff;} 

/*二级标题*/
.company_t2{font-size:18px; text-align:center;height:40px; line-height:40px; color:#5b5b5b;}

/*左侧蓝底标题*/
.company_zbt{ height:70px; line-height:40px; border-left:6px #33a1d4 solid; padding-left:15px;}
.company_t3{ height:30px; line-height:30px; color:#33a1d4; font-size:30px;} 
.company_t3 strong{ height:30px; line-height:30px; color:#33a1d4; font-size:36px;} 
.company_t4{ height:30px; line-height:30px;font-size:24px;color:#5b5b5b;}

.company_30_hui {
    height: 30px;
    line-height: 30px;
    font-size:30px;
    color: #5b5b5b;
}
.company_18_blue{  line-height:30px; color:#33a1d4; font-size:18px;}
.company_24_blue{  line-height:30px; color:#33a1d4; font-size:24px;}
.company_14_hui{  line-height:30px; color:#5b5b5b; font-size:14px;}



.BI{border:1px solid #dadada;}
#header{ width:100%;height:112px;  margin:0 auto; display: none; position: fixed; top: 0; left: 0; z-index: 99999; border-bottom: 1px solid #D0D0D0;}
#header .top{ overflow: hidden; height: 112px;}
.header{ width:100%;height:112px;  margin:0 auto; }
.top{  background:#fff;  width:100%; height:168px; color:#000; }
.top_t{ height:38px; line-height:38px; color:#828282; overflow: hidden; background:#f3f4f6;}
.top_t_l{ background: url(../images/top_t_l.jpg) no-repeat top left; height:28px; width: 19px;}
.top_t a{ color:#828282;}
.top_t .t_wb{background:url(../images/t_wb.jpg) left top no-repeat; padding:0 20px 0 30px;}
.top_t .t_wx{background:url(../images/t_wx.jpg) left top no-repeat; padding:0 20px 0 30px;}
.top_t .t_fk{background:url(../images/t_fk.jpg) left top no-repeat; padding:0 20px 0 30px;}

.top_t .t_tel{background:url(../images/t_tel.jpg) left top no-repeat; padding:0 20px 0 30px;}
.top_t .t_tel span{ color:#f0831e; font-size:15px; font-weight:bold;}
.top_t .t_wb:hover,.top_t .t_wx:hover,.top_t .t_fk:hover{ background-position:0 -38px; transition: 0.3s all 0s linear;}
.top_t .t_wb:hover>a,.top_t .t_wx:hover>a,.top_t .t_fk:hover>a{ color: #FF6600;}

.top .tel{ background:url(../images/qf_03.jpg) left center no-repeat;line-height:55px; padding-top:13px; padding-left:40px; font-size:20px; color:#d11919; font-weight:bold; }
.logo{ margin:0 0 0 0; height:74px; overflow:hidden; }
.logo img{ display:block; }
.top .nav{ width:910px; margin:0 10px 0 50px; }
#nav{ width:910px; margin:0 auto; height:74px;}
.nav li{ float:left; text-align:center; height:74px; width:130px; line-height:74px; overflow:hidden; list-style:none;}
.nav li a,.nav ul li span{ display:block;text-decoration:none;cursor:pointer;color:#626262;font-weight:400; font-size:16px; width:100%; height:74px; line-height:74px; }
.nav li a{ font-weight:bold; color:#2364b3; line-height:74px; font-size:16px; width:100%;}

.top_c{position:relative; }
.search{ height:68px;}
.search .keywords{ border:9px #dfdfdf solid; height:30px; width:600px; padding:10px; box-sizing:content-box; text-align:center;}
.search .keyword{ height:68px; width:620px; box-sizing:content-box; position:absolute; top:0; right:70px; z-index:1000; display:none;}
.search_jg{ text-align:right; color:#746969; height:30px; line-height:30px;}
/*
.search{ margin:25px 25px 0;  width:500px; height:37px; padding:0px; background:#fff;  overflow:hidden;}
#keyword{ background:url(../images/ck_09.jpg) #ffeddd left center no-repeat; padding-left:70px; width:350px; border:0; height:37px; line-height:37px;  float:left; }
.search .type{ background:#fff;width:64px;  height:37px; color:#000; text-align:center; line-height:37px;  float:left; }
.search .type select{ background:#fff;width:64px; border:0;  height:37px; color:#000; text-align:center; line-height:32px;  float:left; }

.search option{height:37px; line-height:37px;border:1px #7288c3 solid;}*/
.rmss{width:520px; text-align:left;}
.w1200{ width:1200px; margin:0 auto;}
.w1100{ width:1100px; margin:0 auto; clear: both;}
.w1000{ width:1100px; margin:0 auto;}
.w600{ width:600px; margin:0 auto;}
.bg_bai{ background:#fff;}



.subnav{position: absolute; z-index: 9999; left: 0; top:110px; width: 100%; height: 0;  overflow: hidden;}
.subnav_bg{background: #000000; width: 100%; height: 100%; position: absolute; left: 0; top: 0;filter:alpha(opacity=40);-moz-opacity:0.40;-webkit-opacity: 0.40;opacity: 0.40; z-index: 100; }
.subnav_con{width:911px; margin-right: 20px; position: relative; z-index: 999; overflow: hidden; background: url(../images/subnav_con.png) no-repeat left 15px; padding-bottom:30px; }
.subnav_con ul{padding: 15px 0; height: 360px; width:130px; display: block; float: left;}
.subnav_con ul li{height: 44px;  text-align: center; position: relative; width: 100%; overflow: hidden; font-size: 14px; margin: 0; padding: 0;}
.subnav_con ul li a{display: block; color:#FFF; height:44px; overflow: hidden; line-height: 44px;}
.subnav_con ul li a:hover{display: block; background: #458fd4; color:#FFF}



/*  产品 */
.product{ background:#f3f4f6; padding:40px 0; width:100%;}
.products_list{ overflow:hidden; }
.products_list .hd{ overflow:hidden;  height:30px;  width:100px; margin:0 auto; text-align:center;}
.products_list .hd .prev,.products_list .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;cursor:pointer; background:url("../images/arrow.png") 0 0 no-repeat;}
.products_list .hd .next{ background-position:0 -50px;  }
.products_list .hd .prevStop{ background-position:-60px 0; }
.products_list .hd .nextStop{ background-position:-60px -50px; }
.products_list .hd ul{ float:right; overflow:hidden; zoom:1; margin:10px auto; zoom:1; }
.products_list .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/icoCircle.gif") 0 -9px no-repeat; }
.products_list .hd ul li.on{ background-position:0 0; }

.products_list .bd{ padding:10px 10px;   }
.products_list .bd ul{ overflow:hidden; zoom:1; }
.products_list .bd ul li{ margin:0 5px; float:left; _display:inline; overflow:hidden; text-align:center;   position:relative; }
.products_list .bd ul li .pic{ text-align:center; }
.products_list .bd ul li .pic img{ width:388px; height:192px; display:block;}
.products_list .bd ul li .pic a:hover img{ border-color:#999;  }
.products_list .bd ul li .title{ line-height:24px;   }


.products_txt{ position:absolute;bottom:0; right:0;width:108px; height:30px; line-height:30px; background:#000; opacity:0.7;  text-align:center;}
.products_txt2{ position:absolute;bottom:0; right:-388px; width:388px; height:30px; line-height:30px; background:#ee635f; opacity:0.8; text-align:center;}
.products_txt a{font-size:14px;color:#fff; }
.products_txt2 a{font-size:14px; color:#fff;}

/* 首页 新闻*/

.xinwen{ background:#f3f4f6;}
.news_c{  width:1200px; margin:0 auto;}
	.news_c .hd{ overflow:hidden;  height:50px; margin: 0 auto; width: 132px; }
	.news_c .hd .prev,.news_c .hd .next,.news_c .hd .more{ display:block; width:40px; height:40px; float:right; margin:0 2px; margin-top:10px; color: #FFF; font-size: 24px; overflow:hidden; cursor:pointer; transition: 0.3s all 0s linear; background: #cccccc; text-align: center; line-height: 40px; font-family:SimSun;}
	.news_c .hd .prev:hover,.news_c .hd .next:hover,.news_c .hd .more:hover{ background: #f87500;}
	.news_c .hd .prev,.news_c .hd .more{ float: left;}
	
		
.xw_t{ font-size:32px; font-weight:bold; color:#333; line-height:50px; height:50px; text-align:center;}
.xw_t2{ font-size:18px; color:#666666; line-height:50px; height:50px; text-align:center;}
.xw_d{ font-size:18px; color:#616161; line-height:50px; height:50px; text-align:center;}
.xw_c{ width:1200px; margin:0 auto;}
.xw_right , .xw_left{ width:50px; height:50px; margin:240px 20px 0;}
.xw_xxx{ width:260px;background:#fff; padding:10px; margin:9px; border: 1px solid #FFF; overflow:hidden; padding-bottom: 20px;}
.xw_xxx:hover{ width:260px; padding:10px; margin:9px; border: 1px solid #e53f3f; overflow:hidden; padding-bottom: 20px; transition: 0.3s all 0s linear}
.xw_img{ height:195px; position:relative; width:260px; overflow:hidden;}
.xw_xxx IMG {
	-webkit-transition:-webkit-transform 300ms linear 0ms;

	-moz-transition:-moz-transform 300ms linear 0ms;

	-ms-transition:-ms-transform 300ms linear 0ms;

	-o-transition:-o-transform 300ms linear 0ms;

	transition:transform 300ms linear 0ms;

}
.xw_xxx:hover IMG {

	-webkit-transform:scale(1.1);

	-moz-transform:scale(1.1);

	-ms-transform:scale(1.1);

	-o-transform:scale(1.1);

	transform:scale(1.1)

}

.xw_txt{
height:180px;
display: block;
width: 240px;
padding:0 10px;
position: relative;
overflow: hidden;
transition: transform 300ms linear 0ms;
}
.xw_txt h2{
font-family: "Microsoft YaHei";
font-weight: bold;
margin: 20px 0px 10px;
line-height: 1;
height:30px; line-height:30px; overflow:hidden;
}

.xw_txt h2 a{ font-size:18px; font-weight:bold; color:#666666;width: 260px;}
.jtx {
    width:0; 
    height:0; 
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    border-bottom:10px solid #fff;
    position:relative;
    top:-15px; left:173px;
}
.jts{
    width:0; 
    height:0; 
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    border-top:10px solid #fff;
    position:relative;
    top:-275px; left:173px;
}

.xw_click{ color:#666;}
.xw_txt p{
color: #666666;
font-size: 14px;
line-height: 25px;
height:75px;
padding: 0px;
overflow:hidden;
}
.xw_txt h3{
color: #646464;
font-size: 14px;
font-weight: inherit;
margin: 0.8em 0px 0px;
line-height: 1;
}

.in_nr2_n4 a span{ height:28px; background:url(../images/jia.png) no-repeat left center; padding-left:38px; display:inline-block; line-height:28px; margin-top:13px;}
.in_nr2_n4 a:hover{color:#000;}
.in_nr2_n4 {
    width: 1004px;
    overflow: hidden;
    margin: 0px auto;
    padding: 0px;
    margin-top: 25px;
    text-align: center;
}

/* 首页 青峰概况*/
.about{ background:#fff;}

.youshi{ width:378px; text-align:center; padding:0 10px;}
.youshi .shuzi{width:378px; height:88px; line-height:88px; text-align:center;font-size:50px;color:#E53E3E}
.youshi .shuzi sup{ font-size:50px;color:#e53e3e}
.youshi .kouhao{width:350px;  padding:14px; transition:all 0.4s linear 0s;}
.youshi .kouhao div{ color:#616161; font-size:14px; line-height:22px; padding: 5px 0;}
.youshi .kouhao div span a{ color:#e53e3e; font-size: 16px; padding-top: 10px; display: block;}

.youshi .kouhao p{ color:#616161; font-size:18px; font-weight:bold; line-height:40px;}
.ab_sz_l{ width: 1px; height: 190px; background: #f1f1f1; margin-top: 16px;}

/* 案例展示*/

.anli{ background:#fff;}
.anli_xx{ width:180px; padding: 10px 10px 9px 9px; position:relative; overflow:hidden; height: 100px; overflow: hidden;border:1px #dfdfdf solid; background:#FFF; margin: -1px -1px 0 0; overflow: hidden;}

.anli_xx a{ position: relative; display: block; width: 100%; height: 100%;  -webkit-perspective:800px;-moz-perspective:800px;}

.anli_xx a > div {position: absolute; left: 0; height: 0;  width: 100%;  height: 100%; color: #fff;

    -webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;
    -webkit-transition: .5s ease-in-out ; -moz-transition:  .5s ease-in-out ;
    -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden;
}
.anli_xx a div.img { opacity: 1; filter:alpha(opacity=100);  -webkit-transform: rotateY(0); -moz-transform: rotateY(0); z-index: 2; transition: 0.3s all 0s linear;}
.anli_xx a div.title{ opacity: 0; filter:alpha(opacity=0);  -webkit-transform: rotateY(180deg);  -moz-transform: rotateY(180deg); z-index: 1;}
.anli_xx a:hover div.img{ opacity: 0; filter:alpha(opacity=0); -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); }
.anli_xx a:hover div.title{ opacity: 1; filter:alpha(opacity=100); -webkit-transform: rotateY(0); -moz-transform: rotateY(0);}




/*
.anli_xx a{ position: relative; display: block; width: 100%; height: 100%;}

.anli_xx a > div {position: absolute; left: 0; height: 0;  width: 100%;  height: 100%; color: #fff;}
.anli_xx a div.img { filter:Gray; -webkit-filter: grayscale(100%); transition: 0.3s all 0s linear;}
.anli_xx a div.title{ display: none;}
.anli_xx a:hover div.img{ filter:none; -webkit-filter: grayscale(0%);}
*/




  .anli_t .more{ width:60px; text-align:center; height:30px; line-height:30px;border:1px #f8f8f8 solid; border-bottom:1px #979797 solid;margin:10px auto 20px;
    -webkit-transition: .5s ease-in;
       -moz-transition: .5s ease-in;
        -ms-transition: .5s ease-in;
         -o-transition: .5s ease-in;
            transition: .5s ease-in;}
  .anli_t .more:hover{ width:60px; text-align:center; height:30px; line-height:30px; border:1px #979797 solid;margin:10px auto 20px;}
  .anli_t .more a{ color:#979797;font-size:12px;}
  
  .in_nr2_n4 a {
    width: 240px;
    height: 52px;
    display: inline-block;
    line-height: 52px;
    font-size: 16px;
    color: #8f8989;
}
  
/* 首页底部 */


.footer{  background:#efefef;  width:100%;line-height:30px; padding:50px 0 0;}
.b_logo { width:410px;}
.b_logo .b_tel{ font-size:32px;height:70px; line-height:70px; color:#da4444; }
.b_lxfs{ width:400px; margin:0 20px; height:200px; padding:0 20px; border-right:1px #dcdcdc solid;}
.b_lxfs div{margin:2px 0;}
.b_ico_tel{ height:25px; width:180px; overflow:hidden; padding-left:20px; color:#6c6c6c;}
.b_ico_tel b{ color:#6c6c6c; font-weight:bold;}
.b_ico_fax{ background:url(../images/b_lx.png) no-repeat 0px -25px; height:25px; overflow:hidden; padding-left:25px;}
.b_ico_zip{ background:url(../images/b_lx.png) no-repeat 0px -48px; height:25px; overflow:hidden; padding-left:25px;}
.b_ico_add{ background:url(../images/b_lx.png) no-repeat 0px -72px; height:25px; overflow:hidden; padding-left:25px;}

.b_hd{width:220px; height:38px; line-height:38px; padding:16px; color:#6c6c6c;}
.b_link{width:500px; height:38px; line-height:38px; padding:16px;color:#6c6c6c;}
.b_link a {color:#6c6c6c;}
.b_link a:hover {color:#ff6600;}
.b_hdzx{ width:120px; color:#6c6c6c; font-size:30px;}
.b_ewm{ width:370px; line-height:38px; height:38px; }
.b_ewm .left{ margin:0 10px;}
.b_qq{ width:350px; margin:0 0 10px; padding:0 10px;}
.b_qq_xx{ display:block; color:#6c6c6c; background:url(../images/qf_56.jpg) no-repeat; width:107px; height:34px; margin:10px 2px; padding-left:10px; line-height:34px;}

#wb_ewm{}
.wx_ewm{ background:url(../images/ewn_bg.png) no-repeat; width:126px; margin:0 10px 0 0px; height:126px; padding:5px  5px 15px; display:none; position:absolute;bottom:64px; left:-48px;}
.wb_ewm{ background:url(../images/ewn_bg.png) no-repeat; width:126px; margin:0 10px 0 10px; height:126px; padding:5px 5px 15px; display:none; position:absolute; bottom:64px; left:-58px;}
.b_zbdh{ border-top:1px #dadada solid;}


.b_fb{ margin:20px auto; padding:20px 20px; width:1158px; border:1px #e8e8e8 solid; background:#f2f2f2;}
.b_fb:hover{ margin:20px auto; padding:20px 20px; width:1158px; border:1px #dfdfdf solid; background:#fff;}
.fb_lxfs{ width:135px; margin:0 15px;}
.fb_t{color:#d11919; font-weight:bold; font-size:14px;}
.fb_t a{color:#d11919; font-weight:bold; font-size:14px;}
.fb_tel, .fb_fax{ color:#4d4d4d;}

.yqlj{ height:50px; line-height:50px; overflow:hidden;}
.yqlj, .yqlj a{color:#4d4d4d;}
.yqlj a:hover{color:#ff6600;}
.f_bootom{ height:40px; line-height:40px; background:#303030; color:#9a9a9a !important;}
.f_bootom .w1200{text-indent:27px;}
.f_bootom a,.f_bootom .left{  color:#9a9a9a;}
.f_bootom .left a.icp_ba{ color: #9a9a9a; background: url(../Image/foot2.png) no-repeat left center;padding-left: 30px; margin: 0 5px;}
.f_bootom a:hover{ color: #FFF !important; transition: 0.3s all 0s linear;}

/* 新闻子页*/

.news_banner{ background:url(../images/xwbanner.png) no-repeat; width:100%; height:150px; padding:70px 0; }
.news_banner_1{opacity:1; width:500px; margin:0 auto;font-size:26px;height:80px; line-height:80px; text-align:center; font-weight:bold; color:#fff;}
.news_banner_2{opacity:1; width:500px; margin:0 auto;font-size:16px;height:70px; line-height:70px; text-align:center; color:#fff;}

.news_type{ width:100%; background:#f2f2f2; height:65px; line-height:65px;}
.leibie{ width:400px; margin:0 auto;}
.leibie_c{ width:900px;}
.leibie_p{ width:900px;}
.cp_leibie{ width:294px; margin:3px;}
.leibie .left{ height:65px; line-height:65px; margin:0 10px; width:80px; text-align:center;}
.leibie .left:hover{ height:63px; line-height:63px; margin:0 10px; width:80px; border-bottom:2px #007ab7 solid; text-align:center;}
.leibie .hover{ height:63px; line-height:63px; margin:0 10px; width:80px; border-bottom:2px #007ab7 solid; text-align:center;}
.leibie .left a{ color:#515151; font-size:16px;}


.xw_xx{ width:360px; margin:10px 19px; border:1px #e9e9e9 solid; padding:0 0 10px;}
.xw_xx_i{ width:360px; height:240px}
.xw_xx_t{ height:30px; line-height:30px;overflow:hidden; padding:10px 10px 0;}
.xw_xx_t a{color:#515151; font-size:14px;}
.xw_xx_d{ height:30px; color:#a0a0a0; overflow:hidden; line-height:30px; padding:0 10px;}

.page{ margin:20px; auto;}
.news_more{ background:#E1DEDE url(../images/btn_more_on.png) center center no-repeat; height:50px; width:1160px; cursor:pointer; -webkit-transition:background 400ms; transition:background 400ms;}
.news_more:hover{ background:#e62b1e url(../images/btn_more.png) center center no-repeat; height:50px; width:1160px; cursor:pointer; -webkit-transition:background 400ms; transition:background 400ms;}


/*新闻详细*/
.news_detmain{ padding-bottom:70px;}
.NewsDetail-B3 .head { border-bottom: 1px solid #cccccc; padding: 0 0 10px; margin: 0;  }
.NewsDetail-B3 .head .title { font-size: 18px; line-height: 30px; color: #5b5b5b; }
.NewsDetail-B3 .tools { padding: 10px 5px 0; color: #999999; }
.NewsDetail-B3 .tools a:hover { color: #0e90d2; }
.NewsDetail-B3 .b2l { float: right; }
.NewsDetail-B3 .head [class^="ico-"] { font-size: 16px; color: #999999; }
.NewsDetail-B3 .tools .gn01{ line-height:27px; margin-right:10px;}
.NewsDetail-B3 .tools .bdsharebuttonbox { float:left; margin-left:7px;}
.NewsDetail-B3 .tools .bdsharebuttonbox .shareico{ display:inline-block; float:left; margin-right:5px;}
.NewsDetail-B3 .tools .b2l [class^="ico-"] {  color: #01a2ea;}
.NewsDetail-B3 .myart { padding: 20px 0; font-size:14px; line-height:25px;}
.NewsDetail-B3 .myart img{ max-width: 820px !important;}
/*.NewsDetail-B3 .detailPagebottom { border-top: 1px dotted #cccccc; border-bottom: 1px dotted #cccccc; overflow: hidden; }
.NewsDetail-B3 .detailPagebottom li { float: left; width: 50%; border-left: 1px solid #cccccc;  line-height: 60px; margin-left: -1px; overflow: hidden;  *zoom: 1; background:#eaeaea; }
.NewsDetail-B3 .detailPagebottom .mark { float: left; margin-right: 2%; width:14%; padding:0 0; background:#dbdbdb; text-align:center; font-size:14px;  }
.NewsDetail-B3 .detailPagebottom *{ height:60px; line-height:60px; }
.NewsDetail-B3 .detailPagebottom [class^="ico-"] { font-weight: normal; font-size: 18px; color: #999999; margin-right: 0; }
.NewsDetail-B3 .detailPagebottom li.next .mark{ float:right; margin-right:0; margin-left:2%;}
.NewsDetail-B3 .detailPagebottom .title { float: left; width: 70%; font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding:15px 0; }
.NewsDetail-B3 .detailPagebottom .title:hover { color: #0e90d2; }
.NewsDetail-B3 .detailPagebottom li.next .title{ float:right; text-align:right;}
.NewsDetail-B3 .detailPagebottom .time { float: right; white-space: nowrap; margin-right: 10px; }*/

.NewsDetail-B3 .detailPagebottom{overflow: hidden; margin:10px 0 30px 0; }
.NewsDetail-B3 .detailPagebottom a{text-decoration: none;color: #3F3F3F;}
.NewsDetail-B3 .detailPagebottom .mark{color: #3F3F3F;font-size: 12px;font-weight: bold;line-height: 22px;}


.NewsDetail-B3 .bottombar { height: 30px; line-height: 30px; margin: 10px 0; overflow: hidden;  *zoom: 1; display:none;}
.NewsDetail-B3 .bottombar .bdsharebuttonbox { float: right; width: 138px; height: 28px; }
.NewsDetail-B3 .bottombar .b2l { float: right; }
.NewsDetail-B3 .bottombar [class^="ico-"] { font-size: 15px; color: #999999; }
.NewsDetail-B3 .bottombar .shareico{ float:right; line-height:27px; padding-right:5px;}


.NewsDetail-B3 .news_biaoqian{ padding-left: 10px;margin: 20px auto; width: 240px;overflow: hidden; width: 520px;}
.NewsDetail-B3 .news_biaoqian a{color: #3697DC;margin-right: 5px;}
.NewsDetail-B3 .news_biaoqian a:hover {color: #FF7852;}
/* 服务子页*/

.fuwu_banner{ background:url(../images/fwbanner.jpg) no-repeat; width:100%; height:150px; padding:70px 0; }
.fuwu_banner_1{opacity:1; width:800px; margin:0 auto;font-size:26px;height:80px; line-height:80px; text-align:center; font-weight:bold; color:#fff;}
.fuwu_banner_2{opacity:1; width:800px; margin:0 auto;font-size:16px;height:70px; line-height:70px; text-align:center; color:#fff;}
.fuwu_title{ height:195px;  color:#fff; background:url(../images/job.png) no-repeat center 34px #3da6d6;}
.fuwu_titles{  line-height:60px; font-size:36px; color: #2397D9; font-weight:bold;}
.fuwu_js *{ line-height:30px; color:#6b6b6b; text-align:center; font-size:13px; }
.hr{height:1px; line-height:1px; background:#e5e5e5; width:100%;}
.fw_bm_xx{ width:380px;}
.fw_bm_t{ height:30px; line-height:30px; font-size:18px; overflow:hidden; font-weight:bold; color:#7e7e7e;}
.fw_bm_t span{color:#f28510;}
.fw_bm_d{ height:120px; line-height:30px; color:#7e7e7e;font-size:14px; overflow:hidden;}

.fw_bumen{ background:url(../images/fwxt.png) center center no-repeat; height:500px; position:relative;}

.fw_1{ position:absolute; top:0; left:180px;}
.fw_2{ position:absolute; top:0; left:650px; width:450px;}
.fw_3{ position:absolute; top:330px; left:0px;}
.fw_4{ position:absolute; top:330px; left:430px;}
.fw_5{ position:absolute; top:330px; left:860px;}

.zixun {
	height: 40px; width: 320px;
    overflow: hidden;
    margin: 40px auto;
    text-align: center;
}
.zixun a {
	display: block;
	background: #3297db; color: #fff;
	height: 40px; width: 300px;
	line-height:40px;
	font-size:26px;
	text-decoration: none;
	-moz-border-radius: 5px;-webkit-border-radius: 5px; border-radius:5px;
	-webkit-transition: margin .4s ease-in-out;
	-moz-transition: margin .4s ease-in-out;
	-o-transition: margin .4s ease-in-out;
	-ms-transition: margin .4s ease-in-out;
	transition: margin .4s ease-in-out;
}
.zixun a:nth-of-type(even) {
	background: #000;
	color: white;
}
.zixun:hover :first-child {
	margin-top: -40px;
}	

#slider{ position:relative;}
.scroll {overflow: hidden;width:1120px;margin: 0 auto; height:150px; position: relative;}

.scrollContainer {	position: relative;}

.scrollContainer div.panel {width:113px;height:120px;}

.scrollContainer
.scrollContainer div.panel {
    width: 113px;
    height: 120px;
	float:left;
}
#left-shadow {

	position: absolute;

	top: 0;

	left: 0;

	width: 19px;

	bottom: 0;



}

#right-shadow {

	position: absolute;

	top: 0;

	right: 0;

	width: 19px;

	bottom: 0;



}

.inside {	border: 1px solid #999;}

.inside img {display: block;border: 1px solid #666;	margin: 0 0 10px 0;	width: 250px;}

.inside h2 {font-weight: normal;color: #111;font-size: 16px;margin: 0 0 8px 0;}

.inside p {	font-size: 12px; color: #ccc;}

.scrollButtons {  position: absolute;top:0px; cursor: pointer;}

.scrollButtons.left {  left: 0px;}

.scrollButtons.right {right: 0px;}
.scrollContainer a img {
    width: 99px;
    height: 93px;
    border: 2px solid #FAFAFA;
}
.scrollContainer .intro {
    width: 100%;
    text-align: center;
    line-height: 25px;
    display: block;
}



/* 关于我们页面*/
.gywm_banner{background:url(../images/about/gywmbanner.png) center center #33a1d4 no-repeat; width:100%; height:124px;}
.al_banner{background:url(../images/al_banner.jpg) center center #33a1d4 no-repeat; width:100%; height:124px;}
.gywm_banner2{position:relative; width:1100px; margin:0 auto; height:124px;}
.company_c{ color:#505050;}
.mbx{ background:url(../images/about/mbx.png) left center no-repeat; color:#fff; width:1100px; text-indent:20px; line-height:45px; height:45px;  position:absolute; bottom:0;}
.mbx a{ color:#fff;}
.mbx a:hover{ color:#f0831e;}
.zy_c{ background:#fafafa; overflow: hidden;}


.fuwu_dd{ font-size:16px;}
.wenhua .left{ width:580px; overflow:hidden; text-align:center;}
.wenhua .right{ width:600px; overflow:hidden; text-align:left;}
.wenhua .right * {line-height:22px; font-size:13px;}
.wenhua_more{ width:80px; height:30px; border-top:1px #dfdfdf solid; border-bottom:1px #dfdfdf solid; margin:20px auto; line-height:30px; text-align:center;}
.wenhua_more:hover{ width:80px; height:30px; border-top:1px #169dc4 solid; border-bottom:1px #169dc4 solid; margin:20px auto; line-height:30px; text-align:center;}
.wenhua_more a{color:#169dc4;}
.wenhua_more:hover a{color:#333333;}



/*招聘页面*/
.job_banner{background:url(../images/jobbanner.jpg) no-repeat top center; width:100%; height:425px;}


.job_name{ height: 88px; line-height: 88px; border-top: 1px solid #eeeeee;cursor:pointer; clear: both; transition: 0.3s all;}

.job_name:hover{ background: #f5f5f7;}
.job_name li{ float: left; color: #3a3a3a; font-size: 16px; color: #737373;}
.job_name li:nth-of-type(1){ width: 230px; padding-left: 25px; font-size: 18px; color: #1e469e;}
.job_name li:nth-of-type(2){ width: 400px;}
.job_name li:nth-of-type(3){ width: 150px;}
.job_name li:nth-of-type(4){ width: 180px;}

.job_name em{float:right; display:block; width:30px; height:30px;   background:url(../images/icoAdd.png) no-repeat top left; cursor:pointer; margin: 29px 21px 0 0; }
.job_name.on{ background: #f5f5f7;}
.job_name.on em{ background-position:0 -30px; }
.job_nr{padding:25px 50px; color:#999; display:none; clear: both; background: #fbfbfb; color: #727272; line-height: 36px;}
.job_nr .more{ background: #3890e5; width: 136px; height: 42px; line-height: 42px; color: #FFF; margin: 20px auto; text-align: center;display:block;}
.job_fl_xx{ width:363px;  background:#fff; height:430px; overflow:hidden; text-align:center; transition: 0.3s all 0s linear; float: left; position: relative;}
.flxx_d .more{ width: 148px; height: 33px; text-align: center; line-height: 33px; display: block; border: 1px solid #FFF; margin: 0 auto; color: #FFF;transition: 0.3s all 0s linear;}
.flxx_d .more:hover{ background: #FFF; color: #5ab6a9;}
.job_fl_xx1:hover,.job_fl_xx2:hover,.job_fl_xx3:hover{ width: 726px !important;}
.job_fl_xx .fl_xx:nth-of-type(1){ position: absolute; top: 0; left: 0; z-index: 9;}
.job_fl_xx .fl_xx:nth-of-type(2){ position: absolute; top: 0; right: 0;}

.job_fl_xx:nth-of-type(3) .fl_xx:nth-of-type(1){right: 0; left: auto; z-index: 9;}
.job_fl_xx:nth-of-type(3) .fl_xx:nth-of-type(2){ left: 0;}


.job_fl_xx:nth-of-type(3):hover .fl_xx:nth-of-type(1){}
.job_fl_xx:nth-of-type(1):hover .fl_xx{ background: #5ab6a9;}
.job_fl_xx:nth-of-type(2):hover .fl_xx{ background: #6bc9d7;}
.job_fl_xx:nth-of-type(3):hover .fl_xx{ background: #ee7979;}

.job_fl_xx:hover .flxx_t ,.job_fl_xx:hover .flxx_d  {color:#fff;}
.job_fl_xx:hover .flxx_img img{ left: -98px;}

/*人才招聘*/

.fl_xx{ width:303px; background: #FFF; padding:40px 30px; height:350px; overflow:hidden; text-align:center; transition: 0.3s all 0s linear;}
.fl_xx .flxx_t{ color:#5b5b5b; font-size:30px; line-height:50px; height:50px;}
.fl_xx .flxx_d{ color:#5b5b5b; font-size:14px;line-height:30px; height:210px; text-align:left;}
.flxx_img{ width: 98px; height: 98px; display: block; margin: 0 auto; overflow: hidden; position: relative;}
.flxx_img img{transition: 0.3s all 0s linear; position: absolute; top: 0; left:0;}









.fldy{ width:120px; margin:5px 10px; height:30px; line-height:30px;  border:1px #dfdfdf solid; text-align:center; position: relative; cursor: pointer;}
.fldy .fldy_a{ display: none; position: absolute; line-height: 20px; font-size: 12px; width: 246px; text-align: left; bottom: 30px; left: 0; background:url(../images/fldy_a.png) no-repeat bottom center; padding:10px 10px 20px 10px; color: #565656; -moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.fldy2 .fldy_a{ left: -142px; background:url(../images/fldy2_a.png) no-repeat bottom center; }

.fldy:hover .fldy_a{ display: block;}
.green_t{color:#5ab6a9;}





.jobs_search{ width:502px; margin:0 auto;}
#keywords{ width:380px; heihgt:38px; line-height:38px; border:1px #dfdfdf solid; padding:0 10px;}
.job_tt{ line-height: 24px; padding: 10px 0;}
.job_tt1{ line-height: 24px; font-size: 24px; color: #4d4d4d; margin: -5px 0 10px 0;}
.job_t{ height:60px; line-height:60px; width:1100px; color:#000; background:#e6e6e6; font-weight:bold; font-size:16px;}
.job_ts{ height:60px; line-height:60px; width:1100px; color:#000; background:#e6e6e6; font-weight:bold; font-size:16px; text-indent:50px;}
.j_name{ width:320px; text-align:left; margin-left:40px; overflow:hidden;}
.j_num{ width:150px; text-align:center; overflow:hidden;}
.j_sala{ width:150px; text-align:center; overflow:hidden;}
.j_add{ width:300px; text-align:center; overflow:hidden;}
.j_time{ width:100px; text-align:center; overflow:hidden;}
.job_xx{ height:40px; line-height:40px; color:#707070; border-bottom:1px #dfdfdf solid; width:1100px; }
.jobinfo{ line-height:30px; color:#707070; padding:20px 50px;}
.jobinfo span{font-weight:bold;}
.job_type{ height:40px; line-height:40px; border-bottom:1px #dfdfdf solid; text-indent:50px; font-size:16px;color:#707070; font-weight:bold;}
.rightinfo{ line-height:30px; color:#707070; padding:20px 50px}
.fanhuis {height: 40px; overflow: hidden; margin: 10px 50px;text-align: center;text-indent:0;width:100px;}
.fanhuis a {display: block;background: #3297db; color: #fff;height: 40px; line-height:40px;font-size:14px;text-decoration: none;-moz-border-radius: 5px;-webkit-border-radius: 5px; border-radius:5px;-webkit-transition: margin .4s ease-in-out;-moz-transition: margin .4s ease-in-out;-o-transition: margin .4s ease-in-out;-ms-transition: margin .4s ease-in-out;	transition: margin .4s ease-in-out;}
.fanhuis a:nth-of-type(even) {background: #D11919;color: white;}
.fanhuis:hover :first-child {margin-top: -40px;}	
.fanhui {height: 50px; overflow: hidden;margin: 40px 50px;text-align: center;}
.fanhui a {display: block;background: #3297db; color: #fff;height: 50px; width: 200px;line-height:50px;font-size:20px;text-decoration: none;-moz-border-radius: 5px;-webkit-border-radius: 5px; border-radius:5px;-webkit-transition: margin .4s ease-in-out;-moz-transition: margin .4s ease-in-out;-o-transition: margin .4s ease-in-out;-ms-transition: margin .4s ease-in-out;transition: margin .4s ease-in-out;}
.fanhui a:nth-of-type(even) {background: #696969;color: white;}
.fanhui:hover :first-child {
	margin-top: -50px;
}	
.underline {
    border-bottom: 1px solid #E5E5E5;
    width: 100%;
    float: left;
    clear: both;
    height: 20px;
}
.order{ width:800px; margin:0 auto;}
.order td{padding:5px 0;}
.order .t_r{ width:150px; text-align:right; font-size:14px; }
.order input[type=text]{ width:500px; height:25px; padding:0 10px; border:1px #dfdfdf solid;}
.order textarea{ width:500px; height:75px; padding:10px; border:1px #dfdfdf solid; font-family:'Microsoft YaHei'; font-size:12px;}
.orders{ width:640px; margin:0 auto;}
.orders td{padding:5px 0;}
.orders .t_r{ width:150px; text-align:right; font-size:14px; }
.orders input[type=text]{ width:200px;  padding:10px; border:1px #dfdfdf solid;}
.orders textarea{ width:520px; height:75px; padding:10px; border:1px #dfdfdf solid; font-family:'Microsoft YaHei'; font-size:12px;}
.orders input[type=submit]{ width:200px; height:45px; background:#3297DB; color:#fff; line-height:45px; border:1px #dfdfdf solid;}
.orders input[type=submit]:hover{ width:200px; height:45px;background:#fff; color:#333;  line-height:45px; border:1px #dfdfdf solid;}
.orders #submitBtn{ background:#2397d9; display:block; height:40px; line-height:40px; width:80px; color:#fff; font-size:16px; text-align:center;}
.orders #submitBtn:hover{ background:#696969; display:block; height:40px; line-height:40px; width:80px; color:#fff; font-size:16px; text-align:center;}
 .newsContent h3 {
    font-size: 16px;
    font-weight: 400;
    width: 100%;
    display: block;
    line-height: 30px;
    color: #2E80BA;
}
.newsContent{ padding:15px 10px; line-height:25px; color:#666666; min-height:500px; _height:500px; height:auto!important; overflow:hidden!important; overflow:visible; font-size:14px; text-align:left;}

.newsContentCon{ border-bottom:1px dashed #dcdddd; float:left; width:100%; padding:20px 0;}

.newsYear{ width:95px; float:left; font-size:24px; font-weight:600px;}

.newsContentCon ul{ width:760px; float:left;}

.newsContentCon li{ height:30px; line-height:30px; width:100%; color:#666666;}

.newsContentCon li span{ color:#adadad; margin:0 10px;}


/* 产品页面*/

.product_banner{ height:150px;width:100%; background:#1789d1; padding:120px 0 200px;}
.cp_banner{ height:290px;width:100%; background:url(../images/cp_banner.png) center center #298ece no-repeat;}
.product_banner_1{opacity:1; width:310px; margin:0 auto; border-top:1px #fff solid;border-bottom:1px #fff solid;font-size:46px;height:80px; line-height:80px; text-align:center; font-weight:bold; color:#fff;}
.product_banner_2{opacity:1; width:310px; margin:0 auto;font-size:30px;height:70px; line-height:70px; text-align:center; color:#fff;}
.leibie_bd{ width:518px; margin:0 auto;}
.bd_leibie{ width:150px; margin:0 10px; height:45px; line-height:45px; background:#f3f3f3; border:1px #e4e4e4 solid; text-align:center;}
.bd_leibie a{ color:#333; font-size:14px;}
.bd_leibie:hover{ width:150px; height:45px; line-height:45px; background:#257dc7; border:1px #257dc7 solid;}
.bd_leibie:hover a{ color:#fff; font-size:14px;}
.leibie_bd .hover{width:150px; height:45px; line-height:45px; background:#257dc7; border:1px #257dc7 solid;}
.leibie_bd .hover a{ color:#fff; font-size:14px;}

.cp_type_xx{height:272px; width:132px; margin:0 1px 0 0;
	-webkit-transition: margin .5s ease-in-out;
	-moz-transition: margin .5s ease-in-out;
	-o-transition: margin .5s ease-in-out;
	-ms-transition: margin .5s ease-in-out;
	transition: margin .5s ease-in-out;
	position:relative;
}
.mask1{ background:url(../images/pro1.png) no-repeat;}
.mask2{ background:url(../images/pro2.png) no-repeat;}
.mask3{ background:url(../images/pro3.png) no-repeat;}
.mask4{ background:url(../images/pro4.png) no-repeat;}
.mask5{ background:url(../images/pro5.png) no-repeat;}
.mask6{ background:url(../images/pro6.png) no-repeat;}
.mask7{ background:url(../images/pro7.png) no-repeat;}
.mask8{ background:url(../images/pro8.png) no-repeat;}
.mask9{ background:url(../images/pro9.png) no-repeat;}

.mask { position: absolute; top: 0; left: 0; cursor: pointer;  display: inline-block; height: 250px; width: 132px;opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out 0s; }
.cp_type_xx:hover .mask { opacity: 1;  visibility: visible; }

.product_type{ width:1200px; height:272px; overflow:hidden; margin:-130px auto 0;}
.cp_type_t{ height:50px; line-height:50px; background:#4d4d4d; color:#fff; text-align:center;}
.cp_type_xx:hover .cp_type_t{ height:50px; line-height:50px; background:#d70000; color:#fff;}
.cp_type_i{ height:223px;}

.cp_s{ width:1200px; height:400px; overflow:hidden; }
.cp_s *{ line-height:30px; }
.cp_s .left{ width:590px; height:400px; overflow:hidden;}
.cp_s .right{ width:590px; height:400px; overflow:hidden; }

.cp_x{ width:45%; margin:30px 2%; float:left;}
.cp_x_name{ font-size:16px; width:100px; text-align:center; heihgt:30px; line-height:30px;}
.cp_x .right{ width:400px;}





.guest li{ width:235px; height:110px; float:left; margin:28px 5px; list-style:none;}

.guest li a{ width:233px; height:108px; border:1px solid #e5e5e5; display:block;}

.guest li a:hover{ text-decoration:none; border:1px solid #b2c0cd;}





.stationCon{ padding:15px 0; float:left; clear:both;}

.stationImg{ display:block; width:100%; margin:0 0 15px 0;}


.station{ width:100%; margin:5px 0; float:left; clear:both;}

.station h3{ font-size:16px; width:100%; display:block; font-weight:600; color:#2E80BA;}

.stationCon{ width:100%; text-align:left; line-height:25px; color:#666666;}

.stationCon h3{ font-size:16px; width:100%; display:block; font-weight:600; color:#2E80BA; line-height:40px;}



.service{ padding:10px 0; width:100%; float:left; clear:both;}

.service li{ width:304px; height:286px; padding:10px; float:left; background:#f3f3f3; margin:1px; list-style:none;}

.service li.double{ background:#f9f9f9;}

.service li span{ width:100%; padding:10px 0; text-align:center;}

.service li h6{ font-size:14px; width:100%; display:block; font-weight:100; line-height:25px; color:#e11408;}

.service li p{ line-height:25px; padding:5px; color:#666666;}



.package li{ background:#f4f4f4; width:325px; height:240px; overflow:hidden; float:left; margin:0 1px 0 0;}

.package li.zy{ background:#f9f9f9;}

.package li p{ padding:15px 10px 0; height:100px; line-height:25px; color:#666666;}

.package li a{ color:#e11408; float:right; clear:right; margin:10px 15px 0 0;}



.webStation{ background:url(../images/webBg.jpg) no-repeat; height:556px; margin:10px 0; width:100%;}

.webStation li{ height:63px; width:100%;}

.webStation li span{ font-size:14px; color:#2E80BA; font-weight:600; float:left; display:block; width:86px; line-height:63px; padding:0 0 0 55px;}

.webStation li h5{ line-height:63px; float:left; line-height:25px; width:820px; display:block; font-weight:100; color:#666666; line-height:63px; font-size:12px;}







.process,.department{ width:100%; padding:10px 0; float:left; clear:both;}

.process h3{line-height:25px; font-weight:400; font-size:18px; color:#238bcc; width:100%; display:block;}

.process ul{ padding:10px 0 50px 65px;}

.process li{ width:400px; height:80px; float:left; border-bottom:1px solid #edeeee; padding:15px 0 35px 0; margin:0 0 0 25px;}

.process li.zj{ height:145px;}

.process span{ font-size:30px; font-weight:bold; float:left;}

.process span.orange{ color:#f39800;}

.process span.green{ color:#b1ce4b;}

.process h6{ color:#2E80BA; line-height:40px; padding:0 0 0 10px; font-weight:100; font-size:16px; float:left; width:310px;}

.process p{ line-height:25px; float:left; padding:0 0 0 28px; color:#666666;}



.processIntro{ line-height:25px; color:#666666; font-size:14px; font-weight:400; width:100%; margin:10px 0;}

.department li{ width:480px; float:left; border-bottom:1px solid #ebebeb; height:155px; padding:15px 0 10px 0;}

.department li.baidu{ width:100%; border:none; height:60px;}

.department li.baidu p,.department li.tech p{ width:100%;}

.department li h4,.department h4{ line-height:25px; float:left; font-weight:400; font-size:16px; color:#3970a9;}

.department li h5{ line-height:25px; float:left; font-weight:400; font-size:14px; color:#e11408;}

.department h6{ font-size:14px; font-weight:100; float:left; color:#666666;}

.department p{ width:410px; float:left; clear:both; line-height:25px; color:#666666; font-size:14px; font-weight:400;}

.qualification{ width:100%; float:left; clear:both;}

.qualification h4{line-height:45px; font-weight:600; font-size:14px; color:#e11408; width:100%; display:block;}

.qualiCon ul{ width:910px; float:left; height:135px;}

.qualiCon li{ width:103px; height:120px; float:left; margin:0 5px;}

.qualiCon li a{ display:block;}

.qualiCon li a img,.scrollContainer a img{width:99px; height:93px; border:2px solid #fafafa;}

.qualiCon li a img:hover,.scrollContainer a img:hover{ border:2px solid #98b4d1;}

.qualiCon li a:hover,.scrollContainer a:hover{ text-decoration:none;}

.department h3, .newsCon h3 {
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    color: #2E80BA;
}.email {
    padding: 10px 0px;
    width: 100%;
    float: left;
    clear: both;
}.email li {
    width: 310px;
    float: left;
    margin: 0px 10px 0px 0px;
}
/*--------office----------*/

.office{ background:url(../images/office.jpg); height:527px; width:100%; margin:10px 0 0 0; float:left; clear:both;}

.office li{ padding:15px 0 0 83px; width:243px; height:117px; float:left; border:none;}

.office li span{ width:100%; color:#e11408; display:block; font-size:14px;}

.office li p{ height:80px; line-height:25px; font-size:12px; width:100%; color:#666666;}



/*400电话*/

.bg_banner_about_400cn {

	background-image: url(../images/pages_banner_bg.gif);

	background-repeat: repeat-x;

	background-position: left top;

	width: 100%;

}

.banner_about_400cn{

	background-image: url(../images/about_400cn_banner.jpg);

	background-repeat: no-repeat;

	background-position: left top;

	width:960px;

	height: 34px;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

	padding-top: 126px;

	overflow:hidden;

}

.banner_about_400cn ul{ margin-left:35px}

.banner_about_400cn li{float:left; margin:0px 5px;}

.main_bg_about_400cn {

	background-image: url(../images/main_bg_about_fax.gif);

	background-repeat: repeat-x;

	background-position: left top;

	width: 100%;

	clear:left;

	font-family: "Microsoft YaHei";

	font-size: 12px;

	color: #5c5c5c;

}

.main_about_400cn {

	width:900px;

	padding-left:40px;

	padding-top:25px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #dcdddd;

	background:#fff;

	float: left;

	padding-bottom:20px;

	font-size:14px;

	padding-right:20px; height:auto; overflow:hidden;

}

.main_about_400cn2 {

	width:900px;

	padding-left:40px;

	padding-top:25px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #dcdddd;

	float: left;

	padding-bottom:30px;

	font-size:14px;

	padding-right:20px;

}

.main_about_400cn3 {

	width:900px;

	padding-left:40px;

	padding-top:25px;

	float: left;

	font-size:14px;

	padding-right:20px;border-bottom: 1px solid #DCDDDD; padding-bottom:25px;

}

.txt_about_400cn{

 margin-top:25px;line-height: 28px; width:900px; height:auto; float:left;}

/*.txt_about_fax1{ text-indent:2em; float:right; width:640px;}*/

.txt_about_400cn p{ line-height:28px;}

.txt_about_400cn2{

 margin-top:15px;line-height: 28px; font-size:12px;}

 .txt_about_400cn2 li{

	background-image: url(../images/Arrow3.png);

	background-repeat: no-repeat;

	background-position: 10px center;

	padding-left: 20px;

}



.shangbiao{ margin:5px 0 0 0;}




.w980{ width:980px; margin:0 auto;}
.video_xx{ width:180px; margin:10px;}



.extensionVideo{ height:230px; border-bottom:1px solid #e3e4e4; width:100%; margin:10px 0 0 0;}



.extensionCon{ width:100%; margin:10px 0;}

.extensionShow{ width:470px; float:left;}

.extensionCon ul{ padding:15px 10px;}

.extensionCon li{ width:150px; height:125px; float:left; margin:10px 5px;}

.extenIntro{ font-weight:100; width:100%; font-family:"Microsoft YaHei"; font-size:12px; display:block; color:#333333; height:30px; text-align:center;}

.extenIntro span{ color:#e11408; line-height:25px; margin:0 2px; }

.extensionCon li a:hover{ text-decoration:none; color:#2174c3;}



#mi2_videowrap,#hezi_videowrap{display:none;position:fixed;top:200px;left:50%;z-index:1006;margin-left:-240px;width:480px;height:420px;padding:0 4px 4px;overflow:hidden;background:#e6e4e3;text-align:right}

#mi2_videowrap .close,#hezi_videowrap .close{line-height:20px;color:#333}.mi2_prop,.hezi_propBox{position:relative;width:905px;height:625px;padding:50px 0 0 55px;color:#555;font-size:14px;margin:0 auto;background:#fff url(http://p.www.xiaomi.com/images/new816/mi2/mi2_prop_bg.png) repeat-x left top;border-width:1px;border-style:solid;border-color:#e5e5e5 #e5e5e5 #cecece;box-shadow:0 2px 5px #e5e5e5 inset;-moz-box-shadow:0 2px 5px #e5e5e5 inset;-webkit-box-shadow:0 2px 5px #e5e5e5 inset;-o-box-shadow:0 2px 5px #e5e5e5 inset}



.extensionDetail{ height:155px; margin:0 0 10px 0; background:#fff; width:100%; float:left; border-bottom:1px solid #e3e4e4;}

.extensionLink{width:658px;height:412px;padding-top:15px;padding-left:8px;overflow:hidden;}

.extensionLink a{display:block;float:left;width:87px;margin-left:19px;height:80px;background:#fff url(img/link_bg.png) no-repeat;overflow:hidden;text-indent:-9999px;}



.webDetail ul{ padding:10px 0; width:450px; float:left;}

.webDetail li{ width:440px; padding:0 0 25px 0; float:left;}

.webDetail li h5{ font-size:14px; color:#3970a9; width:100%; display:block; line-height:30px; font-weight:300;}

.webDetail li p{ padding:0 0 0 20px; line-height:25px; color:#666666; width:360px;}





.contactXx{ background:#f7f7f7; border:1px solid #e5e5e5; height:385px;}

.contactIntro{ width:500px; margin:25px 0 0 20px;  height:330px;}

.contactImg{ width:155px; height:120px; float:left;}

.contactIntro h3{ width:170px; float:left; margin:0 0 0 10px; display:block; font-size:18px; font-weight:700; color:#3970a9;}

.contactIntro h4{ width:170px; line-height:30px; color:#666666; display:block; float:left; margin:0 0 0 10px; font-size:14px; font-weight:100;}

.contactIntro h5{ float:left; margin:0 0 0 10px; font-size:18px; font-weight:400; color:#e11408; height:50px; width:230px; float:left; display:block;}

.conMap{ float:right; width:464px; height:372px;}

.conMap a{ background:url(../image/map.jpg) left no-repeat; width:464px; height:372px; display:block; text-indent:-9999px;}

.conMap a:hover{ background:url(../image/maphover.jpg) left no-repeat;}



.con{ padding:5px 0; font-size:14px; width:100%; line-height:25px; color:#666666; float:left; clear:both;}
.con *{font-size:14px;}
.con li{ height:25px; line-height:25px;}

.telephone{ width:100%; line-height:40px; color:#e11408;  clear:both; font-size:18px; font-weight:600;}

.telephone span{ color:#3970a9; font-size:16px; font-weight:100;}
/*网站地图*/

.map_banner{background:url(../images/map_banner.jpg) center center #33a1d4 no-repeat; width:100%; height:124px;}

.map{ width: 505px;}
.map .title{ display: block; width: 133px; height: 60px; border: 1px solid #ececec; margin-bottom: 20px;}
.map .title a{ font-size: 16px; font-weight: bold; display: block; text-align: center; line-height: 60px; color: #007fbc;}
.map ul{ overflow: hidden; width: 100%; clear: both;}
.map ul li{ float: left; text-align: center; color: #e0e0e0; line-height: 30px;}
.map ul li>a{ color: #565656; padding: 0 25px; display: block; background: url(../images/map_a.jpg) no-repeat right center; margin-bottom: 10px;}
.map ul li ol{ line-height: 30px; color: #797979;}
.map ul li ol a{ padding: 0 25px; display: block;color: #797979; }
.map ul li:last-child a{ background: no-repeat;}
.map a:hover{ color: #ff6600;}
.jj_map{ width: 100% !important;}


/*漂浮*/
#tbox{width:56px; float:right; position:fixed; right:0; bottom:85px;z-index:1000;
_position:absolute;
_bottom:auto;
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
_margin-bottom:15px;
}
/*解决IE6下不兼容 position:fixed 的问题*/
#p_ly,#p_tel,#p_ewm,#p_qq,#gotop{ width:56px; height:56px; margin:2px 0; background:url(../images/icon.png) no-repeat; display:block;position:relative;}
#gotop{ background-position:0 0; position: fixed; bottom: 50px; right: 2%;}
#gotop:hover{ background-position:0 0; background:url(../images/icons.png) no-repeat; }
#p_tel{ background-position:0 -57px;}
#p_tel:hover{background:url(../images/icons.png) no-repeat; background-position:0 -57px;}
#p_qq{ background-position:0 -114px;} 
#p_qq:hover{ background:url(../images/icons.png) no-repeat;background-position:0 -114px;} 
#p_ly{ background-position:0 -171px;} 
#p_ly:hover{background:url(../images/icons.png) no-repeat; background-position:0 -171px;} 
#p_ewm{ background-position:0 -228px; position:relative;} 
#p_ewm:hover{background:url(../images/icons.png) no-repeat; background-position:0 -228px; } 
.p_ewm{ opacity: 0;right:44px; top:555px; position:absolute; }
.p_zi{ background:url(../images/icon_z.png) no-repeat; text-indent:30px; color:#fff; font-size:14px; font-weight:bold; width:131px; height:56px; line-height:56px;opacity: 0;right:-300px; top:0; position:absolute; }


.contact,.pay{ padding:48px 0 48px 140px ; display: block; clear:both; width: 960px; overflow: hidden; position: relative;}

.pay li{ width:400px; height:240px; border:1px solid #e8e8e8; float:left; margin:0px 20px; padding:0 20px; transition: 0.3s all 0s linear;  -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.pay li:hover{ border: 2px solid #b3d7ef;}
.pay h4{font-weight: bold; font-size: 18px; color: #333333; padding: 15px 0 15px 0;}
.pay li p{ display:block; margin:10px 0; text-align:center;}
.pay li span{ line-height:30px; color:#666666; width:100%; display:block;}
.pay li span.red{ color:#f90000;}

.i-m-h2 {
    font-size: 30px;
    line-height: 34px;
    color: #333;
    text-align: center;
    padding: 0px 0px;
}

/*
.page-products {margin-top: 40px;}
.page-products .tit { height: 54px; line-height: 54px; border-bottom: 2px solid #F7F7F5; font-size: 16px; color: #424242; border-bottom: 2px solid #F7F7F5; background: #FFF; padding-left: 25px;}
.page-products ul {background: #fdfdfd;	padding: 0 2px;	height: 300px;	overflow: hidden;}
.page-products li { width: 238px; height: 300px; float: left; display: inline; overflow: hidden; border-right: solid 2px #e9e9e9;}
.page-products li a {display: block; color: #666;}
.page-products li a:hover {text-decoration: none;}
.page-products li.last {border-right: none 0;}
.page-products .item-inner {width: 476px; height: 100%;}
.page-products .main { text-align: center; width: 240px; height: 100%; border-right: solid 1px #efefef; background-position: center 115px; background-repeat: no-repeat;}
.page-products .main a {height: 100%;}
.page-products .main strong { display: block;	font-size: 18px; color: #fff; line-height: 25px; padding-top: 23px;}
.page-products .main .descrip { display: block; line-height: 20px; padding-top: 5px; height: 60px; color: #fff;}
.page-products .main .btm {display: block; line-height: 20px; padding-top: 110px; color:#fff;}
.page-products .hosting .main {background: #08acdb url(../images/icon_hosting.jpg) no-repeat center; border-top:#1dbdeb solid 9px;}
.page-products .lightcloud .main { background: url(../images/icon_lightcloud_03.jpg) no-repeat center; border-top:#1dbdeb solid 9px;}
.page-products .cloudmail .main { background:#13c0ce url(../images/icon_cloudmail.jpg) no-repeat center; border-top:#33cbd7 solid 9px;}
.page-products .website .main { background:#ebb135 url(../images/icon_website_09.jpg) no-repeat center; border-top: #fcbf3d solid 9px;}
.page-products .domain .main { background:#94bf2c url(../images/icon_domain.jpg) no-repeat center; border-top:#a0c93d solid 9px;}
.page-products .detail .sort { width: 205px; height: 115px; padding: 25px 0 10px 20px; border-bottom: solid 1px #efefef;}
.page-products .detail .sort .tag { display: inline-block; height: 22px; line-height: 22px; border: solid 1px #adadad; padding: 0 10px; margin-bottom: 10px;}
.page-products .detail .sort .price {display: block; margin-bottom: 10px;}
.page-products .detail .sort .wow {color: #ff4606; font-size: 24px;}
.page-products .detail .sort .descrip {display: block;}
.page-products .three-item .sort {height: 75px;	padding-top: 15px;}
.page-products .three-item .sort .price {display: inline-block;	padding-left: 10px;}
.page-products .four-item .sort {height: 50px; padding-top: 15px;}
.page-products .four-item .sort .price {display: inline-block; padding-left: 10px;}
.page-products li.on { background: #fff; width: 476px; border-left: solid 2px #e9e9e9; border-right: solid 2px #e9e9e9; margin: 0 -2px;}
.page-products li.on .hosting .main {background: #fff url(../images/icon_hosting_on3.jpg) no-repeat center; border-top:10px #fff solid;}
.page-products li.on .lightcloud .main {background:#fff url(../images/icon_lightcloud_on_03.jpg) no-repeat center; border-top:10px #fff solid;}
.page-products li.on .cloudmail .main {background:#fff url(../images/icon_cloudmail_on2.jpg) no-repeat center; border-top:10px #fff solid;}
.page-products li.on .website .main {background:#fff url(../images/icon_website_on2.jpg) no-repeat center; border-top:10px #fff solid;}
.page-products li.on .domain .main {background:#fff url(../images/icon_domain_on.jpg) no-repeat center; border-top:10px #fff solid;}


.page-products li.on  .main strong {color: #000;}

.page-products li.on  .main .descrip{color: #666;}
.page-products li.on .main .btm {color:#666;}
*/



.page-products {
	margin-top: 40px; background:#fff; width: 1196px;
}
.page-products .tit {
	height: 54px;
	line-height: 54px;
	border-bottom: 2px solid #F7F7F5;
	font-size: 16px;
	color: #424242;
	border-bottom: 2px solid #F7F7F5;
	padding-left: 25px
}
.page-products ul {
	padding: 0 1px;
	height: 336px;
	overflow: hidden
}
.page-products li {
border-right:1px #f7f7f5 solid;
	height: 336px;
	float: left;
	display: inline;
	overflow: hidden;
}
.page-products li a {
}
.page-products li a:hover {
	text-decoration: none
}
.page-products li.last {
	border-right: none 0
}
.page-products .item-inner {
	width: 476px;
	height: 100%
}
.page-products .main {
	text-align: center;
	width:238px;
	height: 331px;
	border:7px $fff solid;
	background-position: center 115px;
	background-repeat: no-repeat
}
.page-products .main2 {
	text-align: center;
	width:476px;
	height: 336px;
	background-position: center 115px;
	background-repeat: no-repeat
}
.page-products .on .main {
	text-align: center;
	width: 476px;
	height: 100%;
	background-position: center 115px;
	background-repeat: no-repeat
}
.page-products .main a {
	height: 100%
}
.page-products .main strong {
	display: block;
	font-weight:bold;
	font-size: 24px;
	color: #7e7e7e;
	line-height: 30px;
	padding-top: 43px;
}
.page-products .main .descrip {
	font-size:13px;
	display: block;
	line-height: 20px;
	padding: 5px 30px 0;
	height: 60px;
	color: #7e7e7e;
}
.page-products .on .main .descrip {
	font-size:13px;
	display: block;
	line-height: 20px;
	padding-top: 5px;
	height: 60px;
	color: #fff;
}
.page-products .main .btm {
	display: block;
	line-height: 20px;
	padding: 120px 17px 0;
	font-size:12px;
	color:#7e7e7e;
}
.page-products .main .btm a{
	font-size:12px;
	color:#7e7e7e;
}

.page-products .on .main .btm {
	font-size:13px;
	display: none;
	line-height: 20px;
	padding: 120px 20px 0;
	color:#fff;
}
.page-products .main .btm2 {
	display: none;
	line-height: 20px;
	padding: 120px 30px 0;
	font-size:13px;
	color:#7e7e7e;
}

.page-products .on .main .btm2 {
	font-size:13px;
	display: block;
	line-height: 20px;
	padding: 120px 30px 0;
	color:#fff;
}


.page-products .one{ display:none;}
.page-products .on .one{ display:block; text-align:left; padding:0 30px; margin-top:30px;}

.page-products .one .pr_fl_t{ border:1px #c4ccd4 solid; height:28px; width:80px; font-size:14px; margin-right:10px; line-height:28px; text-align:center; float:left; margin: 8px 0; font-weight: bold;}
.page-products .one .pr_fl_t a{ color: #5f5e68;}
.page-products .one .pr_fl{  line-height:30px; height:60px; margin:12px 0; font-size: 12px; line-height: 22px; color: #999999;}


/*.page-products .main {
	-webkit-transition: width 0.5s ease;
    -moz-transition: width 0.5s ease;
    -o-transition: width 0.5s ease;
    transition: width 0.5s ease;
}*/

.main2_left{ width:238px;background:#fff; height:100%; text-align:center;}
.main2_right{width:238px; height:100%;}
.page-products .web .main {
	border-bottom:#458fd4 solid 7px;
	background:#fff;
}
.page-products .baidu .main {
	border-bottom:#60d4ba solid 7px;
	background:#fff;
}
.page-products .brand .main {
	border-bottom:#80d064 solid 7px;
	background:#fff;
}
.page-products .nuomi .main {
	border-bottom:#c5865b solid 7px;
	background:#fff;
}

.page-products .web .main2_left {
	background:#fff url(../images/web_ico.png) no-repeat center 130px ;
}
.page-products .on .web .main2_left {
	background:#458fd4 url(../images/web_ico2.png) no-repeat center 130px ;
}

.page-products .baidu .main2_left {
	background: #fff url(../images/baidu_ico.png) no-repeat center;
}
.page-products .on .baidu .main2_left {
	background: #60d4ba url(../images/baidu_ico2.png) no-repeat center;
}
.page-products .brand .main2_left {
	background:#fff url(../images/brand_ico.png) no-repeat center;
}
.page-products .on .brand .main2_left {
	background:#80d064 url(../images/brand_ico2.png) no-repeat center;
}
.page-products .nuomi .main2_left {
	background:#fff url(../images/nuomi_ico.png) no-repeat center;
}
.page-products .on .nuomi .main2_left {
	background:#c5865b url(../images/nuomi_ico2.png) no-repeat center;
}




.page-products .detail .sort {
	width: 205px;
	height: 115px;
	padding: 25px 0 10px 20px;
	border-bottom: solid 1px #efefef
}
.page-products .detail .sort .tag {
	display: inline-block;
	height: 22px;
	line-height: 22px;
	border: solid 1px #adadad;
	padding: 0 10px;
	margin-bottom: 10px
}
.page-products .detail .sort .price {
	display: block;
	margin-bottom: 10px
}
.page-products .detail .sort .wow {
	color: #ff4606;
	font-size: 24px
}
.page-products .detail .sort .descrip {
	display: block
}
.page-products .three-item .sort {
	height: 75px;
	padding-top: 15px
}
.page-products .three-item .sort .price {
	display: inline-block;
	padding-left: 10px
}
.page-products .four-item .sort {
	height: 50px;
	padding-top: 15px
}
.page-products .four-item .sort .price {
	display: inline-block;
	padding-left: 10px
}
.page-products li.on {
	background: #fff;
	width: 350px;
}
/*.page-products li.on .web .main *,.page-products li.on .baidu .main *,.page-products li.on .brand .main *,.page-products li.on .nuomi .main *,.page-products li.on .wings .main *{
	color:#5f5e68;
}*/
.page-products li .web .main,.page-products li .baidu .main,.page-products li .brand .main,.page-products li .nuomi .main,.page-products li .wings .main{
	color:#7e7e7e;
}



.page-products li .web .main .main2_left strong{
color:#69c4e5
}
.page-products li.on .web  .main .main2_left strong{
color:#fff
}
.page-products li .baidu .main strong{
color:#60d4ba
}
.page-products li.on .baidu .main strong{
color:#fff
}
.page-products li .brand .main strong{
color:#8be26d
}
.page-products li.on .brand .main strong{
color:#fff
}
.page-products li .nuomi .main strong{
color:#c5865b
}
.page-products li.on .nuomi .main strong{
color:#fff
}
.page-products li .wings .main strong{
color:#fcb876
}

.mfzx{height:40px; line-height:40px; color:#fff; background:#7b7b7b; font-size:20px; text-align:center;}

/*糯米样式*/
.nm_bg{background:#fafafa;}

.nuomi_banner{ background:url(../images/nm_banner.jpg) no-repeat top center; height:557px; width:100%;}
.aicaigou_banner{ background:url(../images/acg_banner.jpg) no-repeat top center; height:557px; width:100%;}
.zmy5_banner{ background:url(../images/zm_banner.jpg) no-repeat top center; height:540px; width:100%;}
.nm_t{color:#ea356d; font-size:36px;}
.nm_zy_right{ height:120px; padding:140px 0; line-height:40px; font-size:18px; color:#999; width:600px;display: table-cell;vertical-align:middle;}
.nm_zy_right span{color:#ea356d; font-size:30px; font-weight: bold;}

.nmxx{ width:580px; height:120px; margin:20px 0; color:#999; line-height:30px; overflow:hidden;}
.nmxx span{ font-size:18px; color:#333; padding: 3px 0; display: block; line-height: 30px;}
.nmxx .left{ width:120px;}
.nmxx .right{ width:450px; line-height: 24px;}
.nm_xc{ background:url(../images/mn_19.jpg) center center no-repeat; width:100%; height:1191px;}
.nmsj{ width:219px; border:1px #dfdfdf solid; background:#FFF; height: 140px; margin: -1px -1px 0 0; overflow: hidden;}

.nmsj a{ position: relative; display: block; width: 100%; height: 100%;  -webkit-perspective:800px;-moz-perspective:800px;}
.nmsj a > div {position: absolute; left: 0; height: 0;  width: 100%;  height: 100%; color: #fff;
    -webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;
    -webkit-transition: .5s ease-in-out ; -moz-transition:  .5s ease-in-out ;
    -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden;
}
.nmsj a div.img { opacity: 1; filter:alpha(opacity=100);  -webkit-transform: rotateY(0); -moz-transform: rotateY(0); z-index: 2; transition: 0.3s all 0s linear;}
.nmsj a div.title{ opacity: 0; filter:alpha(opacity=0);  -webkit-transform: rotateY(180deg);  -moz-transform: rotateY(180deg); z-index: 1;}
.nmsj a:hover div.img{ opacity: 0; filter:alpha(opacity=0); -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); }
.nmsj a:hover div.title{ opacity: 1; filter:alpha(opacity=100); -webkit-transform: rotateY(0); -moz-transform: rotateY(0);}



/*直通车样式*/
.ztc_banner{ background:url(../images/ztc_banner.jpg) no-repeat top center; height:557px; width:100%;}
.ztc_box1 .left{ padding-left: 75px;}
.ztc_box1 .right{ padding-right: 75px; width:610px; color: #999999;}
.ztc_box1 .right h4{ font-size: 18px; color: #333333; line-height: 40px; font-weight: 100;}
.ztc_box3 .right{ padding-right: 60px; color: #999999; width: 350px;}
.ztc_ys{ width: 230px; margin-left: 50px; float: left; display: inline; text-align: center; color: #999999;}
.ztc_ys span{ font-size: 18px; color: #333333; display: block; line-height: 40px; transition: 0.3s all 0s linear;}
.ztc_ys .img{width: 102px; height: 102px; display: block; margin: 18px auto;}
.ztc_ys1 .img{ background: url(../images/ztc_ys1.png) no-repeat top left; }
.ztc_ys2 .img{ background: url(../images/ztc_ys2.png) no-repeat top left; }
.ztc_ys3 .img{ background: url(../images/ztc_ys3.png) no-repeat top left; }
.ztc_ys4 .img{ background: url(../images/ztc_ys4.png) no-repeat top left; }
.ztc_ys:hover .img{ background-position: -102px 0;}
.ztc_box5 .ztcsf{width: 1100px;margin: 0 auto;}
.ztc_box5 .ztcsf .title{ width:500px; height: 57px; line-height: 57px; text-align: center; font-size: 24px; color: #333333; border: 1px solid #e5e5e5; float: left; -moz-border-radius:29px;-khtml-border-radius:29px;-webkit-border-radius:29px;border-radius:29px;}
.ztc_box5 .ztcsf .lxwm_t{ float: left; font-size: 48px; padding: 0 28px; line-height: 57px;}
.ztc_td{ margin: 0 auto; overflow: hidden; width: 985px;}
.ztc_td ul li{ background: #FFF; border: 1px solid #e5e5e5; float: left; width: 252px; height:140px; position: relative; padding-top: 112px; font-size: 18px; line-height: 30px; text-align: center; margin: 0 37px; color: #6B6B6B; -moz-border-radius:50%;-khtml-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}
.ztc_td ul li img{ width:58px; height: 58px; top: 38px; left: 96px; position: absolute;}

.ztc_box6{ width: 940px; margin: 0 auto; background: url(../images/ztc_box6.png) no-repeat center 75px;}
.ztc_wb{ width: 188px; float: left; color: #999999; text-align: center;}
.ztc_bz h4,.ztc_xx span{ display: block; font-size: 16px; color: #333333; }
.h220{ height: 220px;}
.ztc_wb_1 .ztc_bz h4{ color: #6e7a8e;}
.ztc_wb_2 .ztc_bz h4{ color: #8bc3c6;}
.ztc_wb_3 .ztc_bz h4{ color: #e9bf3f;}
.ztc_wb_4 .ztc_bz h4{ color: #df695c;}
.ztc_wb_5 .ztc_bz h4{ color: #9cc19f;}
.ztc_box7{ color: #999999;text-align: center; position: relative; line-height: 24px; font-size: 14px;}
.ztc_box7 .shang{width: 780px; margin: 0 auto; padding-bottom: 110px; overflow: hidden;}
.ztc_box7 .xia{ width: 624px; margin: 0 auto; position: absolute; top: 80px; left: 289px;}
.ztc_hy{ width: 150px; position: relative; height: 150px; float: left; margin: 0 3px;}
.ztc_hy span{ display: block; padding-top: 40px; text-align: center; background: url(../images/ztc_hy.png) no-repeat top left; width: 150px; height: 110px; position: absolute; top: 0; left: 0;}
.ztc_hy p{ padding-top: 72px;color: #333333; font-size: 18px;}



.ztc_box2 .font18{ font-weight: 100;}
.ztc_xx_gd{ width: 990px; padding: 0 55px; position:relative;}
.ztc_xx_gd .prev,.ztc_xx_gd .next{display:block; width: 52px; height: 53px; position: absolute; top: 250px; }
.ztc_xx_gd .prev{ left: 0; background: url(../images/prev.png);}
.ztc_xx_gd .next{ right: 0; background: url(../images/next.png);}
.ztc_xx_gd .bj{ background: url(../images/ztc_xx.png) repeat-y top center;position: absolute; top: 0; width: 990px; height: 571px; left: 0; z-index: 9999;}
.ztc_xx_gd .bd li{ width: 330px; float: left; text-align: center;}
.ztc_xx_gd .bd li p{ display: block; height: 84px; font-size: 18px; line-height: 24px; color: #333333;}
/*网站建设样式*/

.pc_banner{ height:435px;width:100%; background:url(../images/pc_banner.jpg) center center #298ece no-repeat;}


.slideTxtBox{width:477px;}
.slideTxtBox .hd{padding-bottom:25px;}
.slideTxtBox .hd ul li{float: left; width:85px; height:30px; color:#333333; line-height: 30px; text-align: center; border-top: 1px solid #eee; border-right: 1px solid #eee; border-bottom: 1px solid #eee; }
.slideTxtBox .hd ul li.first{border-left: 1px solid #eee;}
.slideTxtBox .hd ul li.on{color:#fff;  background-color: #2c92f0; border-color:#2c92f0;}
.slideTxtBox .bd ul h3{font-size: 18px;}
.advantage_title p{padding-top: 15px;}
.advantage_title h3{color:#128cd9; font-size:18px; line-height:40px;}
.advantage_content{color:#999; font-size: 12px; line-height: 20px; padding-top:20px; }
.advantage_lists{padding-bottom:20px;font-size: 14px; color:#999; line-height: 26px;}
.advantage_lists .orange{ padding: 0 2px;}
.advantage_links{padding-top:10px;}
.links_more{color:#666; float: right;}

.tcxx{ height:310px; width:310px; line-height:25px; margin:45px; border:1px #ccc solid; background:#fff;  border-radius: 50%;transition: all .5s ease 0s; width: 322px; height: 322px;border-radius: 50%; margin:0 22px; float: left; overflow: hidden;}
.tcxx:hover{border-radius: 0%;}
.tcxx:nth-child(3n+1){ background:url(../images/pc1.png) #fff no-repeat;}
.tcxx:nth-child(3n+2){ background:url(../images/pc2.png) #fff no-repeat;}
.tcxx:nth-child(3n+3){ background:url(../images/pc3.png) #fff no-repeat;}
.tcxx h4{ margin:80px 0 20px 150px; line-height:40px;font-size:24px; color:#5c5c5c; font-weight: normal;}
.tcxx p{ margin-left:40px; width:230px; display: block;}
.tcxx div{ margin-left:40px;  width:230px; color: #999999;}
.pc_al{ overflow:hidden; width:240px; border:1px #dfdfdf solid; height:260px; line-height:30px; margin:20px 16px; }
.pc_al .img{ width: 240px; height: 180px; overflow: hidden;display: block;}
.pc_al p{ width:200px; margin:0 auto; border-bottom:1px #dfdfdf solid; color:#7d7d7d; font-size:16px; height:24px; overflow:hidden; transition: 0.3s all 0s linear;}
.pc_al p.title{ line-height: 30px; padding: 8px 0; display: block;}
.pc_al div{ width:200px; margin:0 auto;color:#7d7d7d; font-size:12px; line-height: 30px;}
.pc_al img{
	-webkit-transition:-webkit-transform 300ms linear 0ms;

	-moz-transition:-moz-transform 300ms linear 0ms;

	-ms-transition:-ms-transform 300ms linear 0ms;

	-o-transition:-o-transform 300ms linear 0ms;

	transition:transform 300ms linear 0ms;

}
.pc_al:hover{ border: 1px solid #ec7400;}
.pc_al:hover p.title{ color: #ec7400;}
.pc_al:hover img {

	-webkit-transform:scale(1.1);

	-moz-transform:scale(1.1);

	-ms-transform:scale(1.1);

	-o-transform:scale(1.1);

	transform:scale(1.1)

}
.pc_fwlc{ background:url(../images/pc_18.jpg) center bottom no-repeat; width:1200px; height:500px; position:relative;}
.pc_fw{background:#fff; border:1px #ebebeb solid; text-align:center; color:#7d7d7d; padding:10px 20px; position:absolute; line-height:25px; height:50px;transition: .5s;
-moz-transition: .5s;
-webkit-transition: .5s;
-o-transition: .5s;}
.pc_fw h4{font-size:14px; color:#128cd9;}
.pc_fw1{ width:200px; bottom:105px; left:0; }
.pc_fw2{ width:200px; bottom:205px; left:30px;}
.pc_fw3{ width:250px; bottom:305px; left:60px;}
.pc_fw4{ width:250px; bottom:405px; left:220px;}
.pc_fw5{ width:250px; bottom:405px; right:220px;}
.pc_fw6{ width:250px; bottom:305px; right:60px;}
.pc_fw7{ width:200px; bottom:205px; right:30px;}
.pc_fw8{ width:200px; bottom:105px; right:0px;}
.pc_fw:hover{background:#128cd9; border:1px #ebebeb solid; text-align:center; color:#fff; padding:10px 20px; position:absolute; line-height:25px; height:50px;}
.pc_fw:hover h4{font-size:14px; color:#fff;}
.fwybz .right{width:620px; color:#8a8a8a;line-height:25px; padding-top:30px; font-size:14px;}
.fwybz .right strong{ font-size:16px;}


.znwz .conn{padding: 50px 0 20px; }
.znwz .conn li{width: 260px; margin: 0 70px 30px; float: left; height: 190px; overflow: hidden; text-align: center;}
.znwz .conn li i{width:100px; height: 100px; display: block; margin: 0 auto; background:url(../images/zts-icon.png) no-repeat -102px 0; 
  transform: scale(1.05);
    transition: all .5s ease 0s;
    -webkit-transform: scale(1.0);
    -webkit-transform: all .5s ease 0s;
    transform: rotateY(0);}
.znwz .conn li i:hover{width:100px; height: 100px; display: block; margin: 0 auto; background:url(../images/zts-icon.png) no-repeat -102px 0; transform: scale(1.2);
    transition: all .5s ease 0s;
    -webkit-transform: scale(1.2);
    -webkit-transform: all .5s ease 0s;
    transform: rotateY(-180deg);}
.znwz .conn li i.icon-s1{background-position: -102px -525px;}
.znwz .conn li i.icon-s2{background-position: -102px -315px;}
.znwz .conn li i.icon-s3{background-position: -102px -420px;}
.znwz .conn li i.icon-s4{background-position: -102px -630px;}
.znwz .conn li i.icon-s5{background-position: -102px -210px;}
.znwz .conn li i.icon-s6{background-position: -101px 0px;}
.znwz .conn li .t{font-size: 18px; line-height: 18px; padding: 20px 0 10px; color: #666;}
.znwz .conn li .des{line-height: 22px; color: #999;}

.mfzx{height:50px;line-height:50px; background:#7b7b7b; text-align:center; color:#fff; font-size:18px;}


/*百度云页面*/


.bd_list{ line-height:40px; color:#5b5b5b;}
.bd_list .left{ width:550px;}
.bd_list .left img{ display: block;}
.bd_list .right{ width:550px;}
.bdy_zy_right{ color: #5b5b5b; line-height: 36px;}
.bdy_zy_right h3{ font-weight: normal; font-size: 18px; line-height: 20px;}


.bdy_banner{ height:435px;width:100%; background:url(../images/bdy_banner.jpg) center center #298ece no-repeat;}


.bdy_xx{ width:46%; height:100px; line-height:25px; margin:20px 2%; }

.bdy_xx1{background: url(../images/icon2.png) 0 0 no-repeat; background-position: 0 0; height:65px; width:65px;}
.bdy_xx2{background: url(../images/icon2.png) 0 0 no-repeat; background-position: 0 -65px; height:65px; width:65px;}
.bdy_xx3{background: url(../images/icon2.png) 0 0 no-repeat; background-position: 0 -130px; height:65px; width:65px;}
.bdy_xx4{background: url(../images/icon2.png) 0 0 no-repeat; background-position: 0 -195px; height:65px; width:65px;}
.bdy_xx5{background: url(../images/icon2.png) 0 0 no-repeat; background-position: 0 -260px; height:65px; width:65px;}
.bdy_xx6{background: url(../images/icon2.png) 0 0 no-repeat; background-position: 0 -325px; height:65px; width:65px;}
.bdy_xx7{background: url(../images/icon2.png) 0 0 no-repeat; background-position: 0 -390px; height:65px; width:65px;}
.bdy_xx8{background: url(../images/icon2.png) 0 0 no-repeat; background-position: 0 -455px; height:65px; width:65px;}

.bdy_blue{ color: #1089e9 !important;}
.bdy_ii{ width:450px; color: #999999;}
.bdy_ii h4{ color:#5b5b5b; font-size:18px; font-weight: normal; line-height: 34px;}
.bdy_ii div{ color:#999999; line-height: 20px; font-size:14px;}
/*百度推广页面*/

.bd_banner{ height:435px;width:100%; background:url(../images/bd_banner.jpg) center center #298ece no-repeat;}

.nav_bottom{height: 87px !important;position: absolute;width: 100%;z-index: 0;top: 114px;left: 0;}
.bd_list h4{ color:#6eb8e7; font-size:24px; line-height:60px;}

.bdxx{ width:550px; height:120px; margin:20px 0;  font-size:14px; color:#5b5b5b; line-height:22px; overflow:hidden;}
.bdxx span{ padding: 3px 0; display: block; font-weight: bold; }
.bdxx a{ display: block; font-weight: bold; padding-top: 8px;}
.bdxx .left{ width:150px;}
.bdxx .right{ width:360px; line-height: 24px; text-align: left; padding-right: 20px;}

/*网盟推广页面*/
.wm_banner{ height:557px;width:100%; background:url(../images/wm_banner.png) center center #298ece no-repeat;}
.wm_tgxs{ background: url(../images/wm_tgxs.png) no-repeat top center; width: 975px;margin: 0 auto; color: #8a8a8a; line-height: 24px; padding:504px 10px 0 10px;}
.wm_tgxs li{ width: 250px; float: left; margin-left: 55px;}
.wm_tgxs li span{ display: block; font-weight: bold;text-align: center; line-height: 35px; margin-bottom: 20px;}
.font18{ font-size: 18px; color: #333333; font-weight: bold;}
.wm_ys{ position: relative; background: url(../images/wm_ys.png) no-repeat top left; width: 890px; height: 566px;}
.wm_ys div.title{ font-size: 36px; font-weight: bold; color: #5b5b5b; top: 235px; position: absolute; left: 373px;}
.wm_ys div.title span{ color: #f17700; display: block;}
.wm_yss{ line-height: 30px; text-align: center; color: #5b5b5b; width: 270px; padding-top: 30px; height: 175px;}
.wm_yss span{ display: block; color: #f17700; font-size: 24px; line-height: 48px; font-weight: bold;}
.wm_list li{ width: 33.3%; float: left; color: #8a8a8a; height: 80px; margin-bottom: 50px;}
.wm_list li span{ display: block; padding: 7px 0 4px 0;}
.wm_list li img{ width: 80px; height: 80px; float: left; padding-right: 15px;}
.wm_wap{ position: relative; background: url(../images/wm_wap.png) no-repeat  center top; height: 404px;}
.wm_wap div.title{ color: #5b5b5b; top: 130px; position: absolute; left: 350px; line-height: 30px; width: 404px; text-align: center;}
.wm_wap div.title span{ color: #6ec6eb; font-weight: bold; font-size: 30px; display: block; margin-bottom: 10px;}

.wm_wapp{ line-height: 30px; color: #5b5b5b; width: 310px; padding-top: 50px; height: 175px;}
.wm_wap .left{ text-align: right;}
.wm_wapp span{ display: block; color: #6ec6eb;}


/*全网推广页面*/
.qw_banner{ height:540px;width:100%; background:url(../images/qw_banner.jpg) center center #298ece no-repeat;}
.qwbt{ color:#333333; font-size:36px; font-weight:normal; height: 60px; line-height: 60px;}
.qw_bt{ color: #8a8a8a; font-size: 16px;}
.qw_tz{ line-height: 36px; width: 520px; padding-right: 40px; color: #5b5b5b;}
.qw_tz p{ font-size: 24px; color: #ef8d0e; }
.qw_box{ background: url(../images/quanwang_01.png) no-repeat left top; width: 1000px; margin: 0 auto; overflow: hidden;}
.qw_list{ padding:0px 0 31px 160px; height: 71px;}
.qw_list span{ display: block; color: #ef8d0e; font-size: 18px; font-weight: bold; line-height: 36px;}

.qw_lc{ width: 149px; height: 60px; font-size: 18px; color: #868686; background-color: #FFFFFF; border: 1px solid #eeeeee; float: left; line-height: 60px; font-weight: bold;}
.qw_jiantou{ background: url(../images/qwlc.png) no-repeat center center; height: 60px; width: 38px; float: left;}
.qw_do{ width: 25%; float: left; height: 56px; line-height: 54px; margin: 11px 0;  font-size: 16px; color: #8a8a8a;}
/*百度移动搜索*/
.bd_wap_banner{ height:557px;width:100%; background:url(../images/bd_wap_banner.png) center center #298ece no-repeat;}
.bd_wap_ss span.blue{ color: #48bdde;}
.bd_wap_ss{ width:50%; height:120px; margin:20px 0; color:#999; line-height:24px; overflow:hidden;}
.bd_wap_ss span{ font-size:18px; color:#333;}
.bd_wap_ss .left{ width:95px;}
.bd_wap_ss .right{ width:420px; float: left;}
/*400电话页面*/
.tel_banner{ background:url(../images/tel_banner.jpg) center center no-repeat; width:100%; height:557px;}
.tel_zy_right{ line-height: 24px; color: #999999; float: left !important;}
.tel_tx{height:350px; width:1010px; margin:0 auto;position:relative;}
.tel_txx{ background:url(../images/tel_h.png) no-repeat; width:238px; height:75px;  padding:65px 0; line-height:30px; color:#fff; font-size:18px; font-weight: bold; text-align:center;transition: 0.3s all 0s linear;}
.tel_txx:hover{ background:url(../images/tel_g.png) no-repeat; width:238px; height:75px;  padding:65px 0; line-height:30px; color:#fff; font-size:18px; text-align:center; }
.tel_txx1{position:absolute; bottom:0; left:0;}
.tel_txx2{position:absolute; bottom:103px; left:188px;}
.tel_txx3{position:absolute; bottom:0; left:378px;}
.tel_txx4{position:absolute; bottom:103px; left:568px;}
.tel_txx5{position:absolute; bottom:0; left:758px;}

.tel_td{height:600px; width:1200px; margin:0 auto;position:relative; background:url(../images/tel3.jpg) center center no-repeat;}
.tel_tdd{width:250px; line-height:25px; text-align:left;color:#999999; text-align: right;}
.tel_tdd h4{ color:#3d9feb; font-size:18px;}

.tel_tdd1{position:absolute; top:30px; left:180px;}
.tel_tdd2{position:absolute; top:480px; left:140px;}
.tel_tdd3{position:absolute; top:220px; left:880px; text-align: left;}

.tel_tz .right{ width:600px; line-height:30px; color: #999999;}
.tel_tz h4{color:#3d9feb;font-size:18px; line-height:40px;padding-top:20px; font-weight: normal;}




/*案例中心*/

.filter_container{ border:1px solid #e6e9ea; width:1140px; border-bottom: none; margin: 10px auto;}
.filter_container .filter_items{border-bottom: 1px solid #e6e9ea; height:50px; line-height: 50px; text-align: center; background-color: #ffffff;}
.filter_container .filter_items .filter_label{ width:72px;background-color: #f7fafb;float: left; height:49px;}
.filter_container .filter_items .filter_list{ float: left; padding-left: 10px;}
.filter_container .filter_items .filter_list a{padding:0 10px; color: #666666;}
.filter_container .filter_items .filter_list span.on{ color:#33a1d4;padding-top: 5px; padding-bottom: 5px;}
.filter_container .filter_items .filter_list span.on a{color: #33a1d4;}


#main{width:1144px;margin:0 auto 28px; overflow: hidden;}

#main ul{*overflow:hidden;_height:1%; width:1150px; padding-bottom:20px; margin-left:-15px;}

#main ul li{-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border: 1px solid #e7e7e7;background: #fff;float:left;display:inline;list-style:none;margin:12px 15px; background:#FFF; width:254px; -webkit-box-shadow:inset 0 0 2px #e7e7e7; -moz-box-shadow:inset 0 0 2px #e7e7e7;  box-shadow:inset 0 0 2px #e7e7e7}
#main ul li.hover{border:1px solid #fa3241;border-bottom:2px solid #fa3241;}
#main ul li img{width:234px;display:block;transition: box-shadow .2s ease ,-webkit-filter .2s ease-out; -webkit-filter:brightness(1);}
#main ul li:hover img{filter:Alpha(opacity=90);-moz-opacity:.9;opacity:0.9;-webkit-filter:brightness(1.2);}
#main ul li h3,#main ul li p{padding:0 3px;font-weight:normal;}
.result-txt{padding: 0 10px; margin-bottom: 10px;}
#main ul li p{line-height:30px;}

#main ul li:hover{border:1px solid #696969; -webkit-box-shadow:inset 0 0 2px #696969;
  -moz-box-shadow:inset 0 0 2px #696969;
  box-shadow:inset 0 0 2px #696969;}
.img_block{width:234px; height:175px; position:relative;padding:10px; overflow: hidden;}

.zoom,.ilike{position:absolute;line-height:25px;padding:0 0 2px 18px;text-align:center;top:14px;display:block;text-decoration:none;background:url(../images/pic_ilike.png) no-repeat -200px 0;}
.zoom{left:14px;width:42px;background-position:0 -71px;}
.zoom:hover{background-position:0 -99px;}
.ilike{right:14px;width:57px;background-position:0 -140px;}
.ilike:hover{background-position:0 -167px;}

.iNum,.iNum a{background:url(../images/pic_ilike.png) no-repeat 0 -528px;padding:0 0 6px 28px;line-height:11px;}
.iNum{background-position:12px -522px;}
.iNum a{background-position:12px -550px;text-decoration:none;}
.water-name{font-size: 0;overflow: hidden; position: absolute;right: 5px;bottom: 35px;}
.water-name span{display: inline-block;font-size: 12px;color: #fff;float: left;}
.water-name span.name-l{background-position: 0 -89px;background-repeat: no-repeat;width: 9px;margin-top: 3px;height: 19px;}
.water-name span.name-m{background-position: 0 -132px;background-repeat:repeat;margin-top: 4px;height: 16px; padding:2px 5px 0;}
.water-name span.name-r{background-position: 0 -109px;background-repeat: no-repeat;width: 6px;height: 23px;}

.txt-p1{border-bottom: 1px solid #e7e7e7;line-height: 40px !important; padding-top: 10px !important;}
.txt-p1 a{  color: #545454;}
.txt-p2{ padding-left: 40px !important; color: #999999; background: url(../images/txt-p2.png) no-repeat 3px center;}

.anli_search{ float:left; width:500px;padding-top:20px;}
.al_search{width:400px;}
.anli_search h3 { font-size:18px; color:#fff; line-height:50px;}
.al_search #keyword{ height:30px;  width:250px; padding:0 10px; border:3px #5db2db solid;}
.al_search #top_submit{ height:36px; line-height:36px;  width:100px; background:#5db2db; font-size:16px; color:#fff; padding:0 10px; border:0; font-family: "微软雅黑" !important;}

.mbxx{color:#fff; width:300px; text-indent:20px; line-height:45px; height:45px; position:absolute;bottom:10px; right:10px;}
.mbxx a{ color:#fff;}
.mbxx a:hover{ color:#f0831e;}

.anli_xx_img{ width:600px; height: 450px; overflow: hidden;}
.anli_xx_d{ width:470px;}
.anli_xx_d h3{ font-size: 24px; color: #333333; font-weight: 100;}
.anli_xx_d_d{background:#f0f0f0; padding:20px; width:440px; line-height:30px;}
.anli_xx_d_c p{color:#33a1d4; font-weight:bold; font-size: 14px;}
.anli_xx_d_c{ line-height:25px; height:100px; overflow:hidden; color: #666666; font-size: 12px;}
.anli_xx_d_ck{ height:41px; line-height:41px; background:#33a1d4;	transition: box-shadow .2s ease ,filter .2s ease-out;filter:brightness(1); color:#fff; text-align:center; width:260px; border-radius:3px; transition: 0.3s all 0s linear;}
.anli_xx_d_ck a{ color: #FFF; display: block;}
.anli_xx_d_ck:hover{ filter:brightness(1.3);border-radius:10px;}

.anli_xx_d_qrcode{height: 150px;float: left;width: 165px;padding-right: 10px;background: #FFF;margin-right: 10px;}
.anli_xx_d_qrcode img{ width: 150px; float: left;}

.anli_xx_type{ width:100%; border-top:1px #ececec solid; border-bottom:1px #ececec solid; background:#fff; height:80px; line-height:80px;}
.anli_xx_t_xx{ width:150px; line-height:80px; text-align:center;}
.anli_xx_t_xx a{ font-size: 16px; color: #666666;}
.anli_xx_type .current { border-bottom:2px #33a1d4 solid; }

/*.anli_xx_types {position: fixed !important;top: 0;left: 0%; z-index: 9999;}*/

.anli_xx_types {position: fixed !important;bottom: 240px; left: 50%;margin-left: -750px; z-index: 9999; width: 150px !important; height: 324px !important; background: #f7f7f7;}
.anli_xx_types .w600{ width: 150px;}
.anli_xx_types .current{ background: #33a1d4;}
.anli_xx_types .current a{ color: #FFF;}

.bd_xx_types .sub-nav-main{ height:370px !important;}
.bd_xx_types{position: fixed !important;bottom: 240px; left: 10%; width: 150px !important; height: 370px !important;}
.bd_xx_types li

.anli_xx_c > div{ padding:20px 0;}
.anli_xx_c .anli_xx_nav{ height:85px; background: url(../images/anli_xx_nav.png) no-repeat center center; line-height: 85px; font-size: 24px; font-weight: bold; text-align: center; margin-bottom: 20px; color: #33a1d4;}
.anli_xx_c .nr img{ max-width: 1100px; display: block; text-align: center; margin: 0 auto;}
/*百度推广案例详细页面*/
.details{ border: 1px solid #e7e7e7; padding: 30px; overflow: hidden; background: #FFF;}
.details h2{ font-size: 24px; text-align: center; padding-bottom: 5px;}
.details .hr { margin: 30px 0;}
.details-top{width:996px; padding: 20px 20px 10px 20px; border: 1px solid #e7e7e7; background: #f9f9f9; font-size: 16px ; color: #222; line-height: 35px;}
.details-top p{font-size: 16px;}
.details-l p{font-size: 16px; color: #3d3d3d; line-height: 30px;}
		

.wap_list{}
.wap_list ul{ line-height: 40px; text-align: center;}
.wap_list li{ width:280px; height:540px; background: url("../images/iphone_bg.png") center center no-repeat transparent; position: relative;overflow: hidden; float: left;margin:9px; padding-top: 63px;padding-left: 18px;    padding-right: 11px;box-sizing: border-box;}
.wap_list li .img{ width:250px; height:380px; position: relative; z-index: 1; display: block; margin: 0 auto;}
.wap_list li .img img{width:250px; height:380px;}
.wap_list .more{border:1px solid #0e8fd0; width:210px; height:45px; text-align: center; line-height: 45px; margin:30px auto; border-radius: 5px;display:block;}

.wap_list li .hover{ position:absolute; top:0; height:100%; width:100%;  z-index: 2;background:url("../images/bg_2.png") center center repeat; display: none;}

.wap_list li .hover .qrcode{ width:180px; height:180px;  margin:58px auto 5px; background-color: #ffffff;}
.wap_list li .hover .qrcode img{ width:100%; height:100%;}
.wap_list li .hover p{ color:#ffffff; line-height: 36px; text-align: center;}
.wap_list li .hover .more{ display:block;border:1px solid #d02a0d; border-radius: 2px; background-color: #f06e4a; width:99px; height:40px; line-height: 40px; text-align: center; color:#ffffff; margin:10px auto;}
.wap_list li:hover .hover{display: block;}
.wap_list li .case_title{ line-height: 36px; text-align: center;}


/*微建站*/

.green_tt{ color:#90bf46;}
.erji{ font-size: 18px; font-weight:bold;}
.wjz_banner{ background: url(../images/wjz_banner.jpg) no-repeat top center; height: 435px;}
/* 本例子css */
.slideBox{ width:100%; height:435px; overflow:hidden; position:relative;}
.slideBox .hd{ height:15px;  position:absolute; width: 100%; left: 0; bottom:10px; text-align: center; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1;}
.slideBox .hd ul li{display: inline-table; margin:0 4px;  width:32px; height:5px; line-height:14px; text-align:center; background:#636363; cursor:pointer; filter:alpha(opacity=80);-moz-opacity:0.80;-webkit-opacity: 0.80;opacity: 0.80;}
.slideBox .hd ul li.on{ background:#FFFFFF; color:#fff; filter:alpha(opacity=100);-moz-opacity:1;-webkit-opacity: 1;opacity: 1; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; width: 1920px; height: 435px; }
.slideBox .bd img{ width:1920px; height:435px; display:block;  }

/*首页动画*/
.flash{width:100%; height:540px; text-align: center; display: block; overflow:hidden; position:relative;}
.flash .slideBox{  height:540px;}
.flash .slideBox .bd li{ zoom:1; vertical-align:middle; width: 1920px; height: 540px; }
.flash .slideBox .bd img{ width:1920px; height:540px; display:block;  }



.wjz_doc p{ background: url(../images/wjz_doc.jpg) no-repeat 25px 18px;  padding-left: 35px; display: block;}
.wjz_td{ background: url(../images/wjz_doc.png) no-repeat left 10px;  padding-left: 40px; display: block; margin:15px 0 25px 0; overflow: hidden;}
.wjz_td .left{ width: 40px; font-size: 18px;}
.wjz_td .right{ line-height: 22px; width: 469px; font-size: 14px; padding-top: 8px;}

/*域名*/
.ym_banner{ height:435px;width:100%; background:url(../images/ym_banner.jpg) center center #298ece no-repeat;}

.ym_c{ width:1038px; border:1px #dfdfdf solid; background:#fff; color: #5B5B5B;  padding:10px 80px; margin:40px auto;}
.ym_c .right{ width:650px; line-height:30px;}
.ym_c .right h4{ font-size:18px; margin-top:30px;}
.ym_c .right div{ width:650px;}
.ym_tt{ color:#5b5b5b; font-weight:normal;}
.ym_ttt{ color:#5b5b5b; font-size:30px; font-weight:normal;}
.tcxxx{ width:324px; border:1px #dfdfdf solid; background:#fff;  padding:30px; text-align:center; height:180px;}
.tcxxx div{ text-align:left; line-height:30px; color: #7b7b7b;}

/*企业邮局*/
.yj_banner{ background:url(../images/yj_banner.png) center no-repeat; width:100%; height:557px;}
.yj_tt{color:#98c722;}

.yj_zy_right{ color: #999999; line-height: 24px;}
.yj_zy_right span{ font-size: 18px; font-weight: normal; color: #333333; line-height: 30px;} 
.yj_xx_zxx{ font-size: 14px; line-height: 26px; padding-top: 8px;}

.yj_td{height:600px; width:1200px; margin:0 auto;position:relative; background:url(../images/yj_08.png) center center no-repeat;}
.yj_tdd{width:267px; line-height:25px; text-align:left;color:#999999;}
.yj_tdd1{position:absolute; top:100px; left:150px; text-align: right;}
.yj_tdd2{position:absolute; top:100px; left:790px;}
.yj_tdd3{position:absolute; top:320px; left:90px; text-align: right;}
.yj_tdd4{position:absolute; top:320px; left:850px;}
.yj_tdd5{position:absolute; top:480px; left:250px; text-align: right; width: 310px;}

.yj_ysxx{ width:500px; padding-left: 50px; color:#999999;margin:15px 0;transition: .5s;
-moz-transition: .5s;
-webkit-transition: .5s;
-o-transition: .5s;}
.yj_ysxx h4{color:#333333; font-weight: normal; font-size: 18px; line-height: 30px;}
.yj_ysxx_img { background:url(../images/yj_ico.png) #e3e3e3 no-repeat; margin:7px 0; width:86px; height:86px;transition: .5s;
-moz-transition: .5s;
-webkit-transition: .5s;
-o-transition: .5s}

.yj_ysxx:hover .yj_ysxx_img{ background:url(../images/yj_ico.png) #98c722 no-repeat;}
.yj_ysxx_t{ width:400px; text-align:left; line-height:22px; color: #999999;}

.yj_ysxx:nth-child(12n+1) .yj_ysxx_img{ background-position:left 0px top 0px;}
.yj_ysxx:nth-child(12n+2) .yj_ysxx_img{ background-position:right 0px top 0px;}
.yj_ysxx:nth-child(12n+3) .yj_ysxx_img{ background-position:left 0px top -170px;}
.yj_ysxx:nth-child(12n+4) .yj_ysxx_img{ background-position:right 0px top -170px;}
.yj_ysxx:nth-child(12n+5) .yj_ysxx_img{ background-position:left 0px top -370px;}
.yj_ysxx:nth-child(12n+6) .yj_ysxx_img{ background-position:right 0px top -370px;}
.yj_ysxx:nth-child(12n+7) .yj_ysxx_img{ background-position:left 0px top -560px;}
.yj_ysxx:nth-child(12n+8) .yj_ysxx_img{ background-position:right 0px top -560px;}
.yj_ysxx:nth-child(12n+9) .yj_ysxx_img{ background-position:left 0px top -740px;}
.yj_ysxx:nth-child(12n+10) .yj_ysxx_img{ background-position:right 0px top -740px;}
.yj_ysxx:nth-child(12n+11) .yj_ysxx_img{ background-position:left 0px top -920px;}
.yj_ysxx:nth-child(12n+12) .yj_ysxx_img{ background-position:right 0px top -920px;}


.yj_cpxx{ width:500px; padding-left: 50px;  color:#999999;margin:15px 0;transition: .5s;
-moz-transition: .5s;
-webkit-transition: .5s;
-o-transition: .5s;}
.yj_cpxx h4{color:#333333; font-weight: normal; font-size: 18px; line-height: 30px;}
.yj_cpxx_img { background:url(../images/yj_cpxx.png) no-repeat; margin:7px 0; width:86px; height:86px;transition: .5s;
-moz-transition: .5s;
-webkit-transition: .5s;
-o-transition: .5s}

.yj_cpxx:nth-child(1) .yj_cpxx_img{ background-position:0px 0px;}
.yj_cpxx:nth-child(2) .yj_cpxx_img{ background-position:-585px 0px;}
.yj_cpxx:nth-child(3) .yj_cpxx_img{ background-position:0px -130px;}
.yj_cpxx:nth-child(4) .yj_cpxx_img{ background-position:-585px -130px;}

.yj_cpxx:nth-child(1):hover .yj_cpxx_img{ background-position:-87px 0px;}
.yj_cpxx:nth-child(2):hover .yj_cpxx_img{ background-position:-672px 0px;}
.yj_cpxx:nth-child(3):hover .yj_cpxx_img{ background-position:-87px -130px;}
.yj_cpxx:nth-child(4):hover .yj_cpxx_img{ background-position:-672px -130px;}
.yj_cpxx:hover .yj_cpxx_img{}
.yj_cpxx_t{ width:400px; text-align:left; line-height:24px; color: #999999;}
/*pc1  营销型建站 改版*/
/*.pc1_banner{ height:514px;width:100%; background:url(../images/pc1/pc1_banner.jpg) center center #298ece no-repeat;}
.f14{ font-size: 14px !important;}
.f16{ font-size: 16px !important;}
.f18{ font-size: 18px !important;}
.f24{ font-size: 24px !important;}
.f30{ font-size: 30px !important;}
.zuanqian{background:url(../images/pc1/pc.png) no-repeat center 98px;}
.zq_tit{ font-size: 24px; font-weight: bold; height: 70px; color: #3a3a3a;}
.zq_tit span{ font-size: 36px;}
.zq_box .hd li{ display: block; overflow: hidden; cursor: pointer; height: 84px; line-height: 84px; font-size: 18px; color: #4e4e4e;}
.zq_box .hd li:hover .left{ color: #257dc7; font-weight: bold;}
.zq_box .hd li:hover .right{ color: #eb2626;font-weight: bold;}
.zq_box .bd {position: absolute; left: 400px; top: 130px; width: 410px; font-size: 24px; color: #FFF; line-height: 44px;}
.zq_box .bd p{ height: 110px; font-size: 40px; line-height: 110px; font-weight: bold; text-align: center;}
.zq_box .bd img{ display: block; margin: 0 auto; margin-bottom: 24px;}
.gg{background:url(../images/pc1/gg.jpg) no-repeat center top; height: 176px; font-size: 40px; font-weight: bold; color: #FFF; line-height: 58px;}
.jztc{ height:520px; width:356px; line-height:22px; color: #474747; transition: all .5s ease 0s; margin: 44px 0;}
.jztc:nth-of-type(1) .box{ background:url(../images/pc1/pc1.png) no-repeat 0 20px #f8f8f8;}
.jztc:nth-of-type(2){margin:44px 66px;}
.jztc:nth-of-type(2) .box{ background:url(../images/pc1/pc2.png)  no-repeat 0 20px #f8f8f8;}
.jztc:nth-of-type(3) .box{ background:url(../images/pc1/pc3.png)  no-repeat 0 20px #f8f8f8;}
.jztc .box{ height:330px; width:356px; font-size: 15px; margin-bottom: 28px;padding-top: 114px;transition: 0.3s all; }
.jztc .tit{ color:#434343; line-height: 54px;transition: 0.3s all; }
.jztc p{ color: #5f5f5f;}
.jztc .cont{ padding: 16px 28px; height: 160px;}
.jztc .tel{ width: 210px; height: 46px; border: 1px solid #b9b9b9; display: block; transition: 0.3s all; margin: 0 auto; text-align: center; line-height: 46px; border-radius: 24px;}
.jztc:hover .tel{ color: #FFF; background: #0058ac;}
.jztc:hover .tit,.jztc:hover p{ color: #FFF;}
.jztc:hover .box{-moz-box-shadow:0px 0px 8px rgba(0,0,0,.47); -webkit-box-shadow:0px 0px 8px rgba(0,0,0,.47); box-shadow:0px 0px 8px rgba(0,0,0,.47); color: #FFF;}
.jztc:nth-of-type(1):hover .box{ background:url(../images/pc1/pc1.png) no-repeat -227px 20px #2c92f0; }
.jztc:nth-of-type(2):hover .box{ background:url(../images/pc1/pc2.png)  no-repeat -227px 20px #2c92f0; }
.jztc:nth-of-type(3):hover .box{ background:url(../images/pc1/pc3.png)  no-repeat -227px 20px #2c92f0; color: #FFF;}

.jz_bj{height:390px; width:100%; text-align: center; background:url(../images/pc1/jz_bj.jpg) center center #298ece no-repeat;}
.jz_bj .yjbt,.pc_lc .yjbt,.pc_lc .company_t2{color: #FFF;}
.jz{ background:url(../images/pc1/jz.png) no-repeat top center }
.jz ul{ line-height: 42px; margin-bottom: 15px;}
.jz ul li{ display:inline-block; font-size: 18px; border-radius: 5px; height: 42px; line-height: 42px; padding: 0 15px; background: #2c92f0; margin: 0 18px; position: relative;}
.jz ul li:before{ content: "+"; font-size: 30px; position: absolute; left: -28px; top:0;}
.jz ul li:first-of-type:before{ content: "";}
.new_pc .tit{ background: #2c92f0; height: 45px; color: #FFF; line-height: 45px; font-size: 16px; font-weight: bold;}
.new_pc .gsmc{ padding-left: 20px; width: 320px; float: left;}
.new_pc .wzlx{ width: 110px; float: left; text-align:center}
.new_pc .zt{ padding: 0 20px; width: 80px; float: left; text-align: center;}
.new_pc_top li{ clear: both; height: 46px; line-height: 46px; border-bottom: 1px dotted #dedede; transition: 0.3s all;}
.new_pc_top li:hover{ background: #f4f5f8;}
.new_pc_top li:hover .gsmc{ color: #e30000;}

.pc1 .about{background:url(../images/pc1/about.jpg) center center;}
.pc1 .youshi .kouhao div span a{ width: 152px; height: 40px; padding: 0; line-height: 40px; border: 1px solid #999999; border-radius: 20px; color: #414141; margin: 15px auto; transition: 0.3s all;}
.pc1 .youshi:hover .kouhao div span a{ color: #FFF; background: #d92525; border-color: #d92525;}
.gshj{height:450px; width:100%; text-align: center; background:url(../images/pc1/gshj.jpg) center center #298ece no-repeat; padding: 33px 0;}
#focus_Box{position:relative;width:1200px;height:450px;margin:30px auto;}
#focus_Box ul{position:relative;width:1200px;height:450px}
#focus_Box li{z-index:0;position:absolute; width:0px;background:#787878;height:0px;top:146px;cursor:pointer;left:377px; box-shadow:1px 1px 5px rgba(200, 200, 200, 1)}
#focus_Box li img{width:100%;background:url(images/loading.gif) no-repeat center 50%;height:100%;vertical-align:top}
#focus_Box li p{position:absolute;left:0;bottom:0px;width:100%;height:40px;line-height:40px;background:rgba(0,0,0,0.5); text-align: center; color:#fff; font-size: 16px;}

#focus_Box .prev,#focus_Box .next{display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width:41px;height:81px;top:160px; transition: 0.3s all;}
#focus_Box .prev{background:url(../images/pc1/prev.png) left bottom no-repeat;left:-120px}
#focus_Box .next{background:url(../images/pc1/next.png) right bottom no-repeat;right:-120px} 
#focus_Box .prev:hover{ left: -110px;}
#focus_Box .next:hover{right: -110px;}

.biaozhun:first-child{ margin: 0;}
.biaozhun{ width: 410px; text-align: center; float: left; margin-left: -84px;}
.biaozhun p{ font-size: 24px; font-weight: bold; color: #474747; margin: 30px 0;}
.biaozhun .box{ width: 409px; height: 409px; border: 1px solid #dadada; border-radius: 50%;}
.biaozhun .box .nr{ margin: 22px; width: 360px; height: 255px; color: #FFF; text-align: center; border-radius: 50%; font-size: 20px; line-height: 36px; padding-top: 105px;}
.biaozhun:nth-child(1) .box .nr{ background: rgba(0,112,193,0.8);}
.biaozhun:nth-child(2) .box .nr{ background: rgba(8,175,83,0.8);}
.biaozhun:nth-child(3) .box .nr{ background: rgba(255,144,0,0.8);}
.pc_lc{background: #0058ac;}
.lc_img{height:360px; width:100%; text-align: center; background:url(../images/pc1/pc_lc.png) no-repeat center center;}
.pc_lc .more{background:#3db1ea; width: 280px; color: #FFF; height: 46px; transition: 0.3s all; margin: 0 auto; text-align: center; line-height: 46px; border-radius: 24px;display: block; }
.pc_yi{ font-size: 48px; color: #0058ac; font-weight: bold; line-height: 110px;}
.pc1_al{ width:365px; border:1px #dfdfdf solid; height:310px; line-height:30px; margin:20px 16px; margin-bottom: 70px; position: relative; }
.pc1_al .img{ width: 345px; height: 210px; overflow: hidden;display: block; margin: 0 auto; margin-top: 10px;}
.pc1_al p{ width:345px; margin:0 auto; border-bottom:1px #dfdfdf solid; color:#7d7d7d; font-size:16px; height:24px; overflow:hidden; transition: 0.3s all 0s linear;}
.pc1_al p.title{ line-height: 30px; padding: 8px 0; display: block;}
.pc1_al div{ width:345px; margin:0 auto;color:#7d7d7d; font-size:12px; line-height: 30px;}
.pc1_al img{max-width: 360px; -webkit-transition:-webkit-transform 300ms linear 0ms; -moz-transition:-moz-transform 300ms linear 0ms; -ms-transition:-ms-transform 300ms linear 0ms; -o-transition:-o-transform 300ms linear 0ms; transition:transform 300ms linear 0ms;}
.pc1_al .more{background:#0058ac; width: 258px; color: #FFF; height: 42px; transition: 0.3s all; text-align: center; line-height: 42px; border-radius: 21px;display: block; position: absolute; top: 320px; left: 50%; margin-left: -130px; }
.pc1_al .more:hover,.pc_lc .more:hover{ background: #f44336; transition: 0.3s all;}
.pc1_al:hover{ border: 1px solid #ec7400;}
.pc1_al:hover p.title{ color: #ec7400;}
.pc1_al:hover img {-webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1)}
.zzcn{ width: 970px; line-height: 36px; border: 1px dashed #FFF; padding: 20px 60px; margin: 0 auto; display: block;}*/
/*pc1  营销型建站 第二次改版*/

.pc11_banner{ height:383px;width:100%; background:url(../images/pc1/pc11_banner.jpg) center center #298ece no-repeat; text-align: center;}
.pc11_banner p:first-of-type{ font-size: 46px; color: #FFF; font-weight: bold; padding-top: 70px;}
.pc11_banner p:last-of-type{ font-size: 74px; color: #FFF; margin-bottom: 15px; font-weight: bold;}
.pc11_banner p:last-of-type span{ font-size: 100px;}
.yue_yh{ width: 255px; height: 60px;background: #f0831e; border-radius: 5px; color: #FFF; text-align: center; line-height: 60px; margin: 0 auto; display: block; font-size: 20px; transition: 0.3s all;}
.yue_yh:hover{ width: 270px; color: #FFF; font-size: 22px; background: #ff2f20;}
ul.p3 .text-blue{ color: #1977df;}

.pc1_banner{ height:514px;width:100%; background:url(../images/pc1/pc1_banner.jpg) center center #298ece no-repeat;}
.bd_banner{ height:540px;width:100%; background:url(../images/pc1/bd_banner.jpg) center center #298ece no-repeat;}
.bd_banner{ color: #FFF; text-align: center;}
.bd_banner .tit{ font-size: 60px; font-weight: bold;padding: 133px 0 28px 0;}
.bd_banner .f26{ font-size: 26px;}
.bd_banner .f26 span{ font-size: 60px; font-family: arial;font-weight: bold;}
.bd_banner ul{ padding: 30px 0;}
.bd_banner ul li{ display: inline-block; font-size: 25px; margin: 0 10px; padding: 0 20px; background: #1977df; height: 60px; line-height: 60px;}
.bd_banner .yue_yh{ background: #d20000;}
.blue-btn,.apply-online,a.more2, a.more3{ transition: 0.3s all;}
.blue-btn:hover,.apply-online:hover{ color:#FFF; width: 200px; background: #0058ac;}
 a.more3:hover{ width: 160px; background: #f0831e; color: #FFF; border-color:#f0831e ;}

.f14{ font-size: 14px !important;}
.f16{ font-size: 16px !important;}
.f18{ font-size: 18px !important;}
.f20{ font-size: 20px !important;}
.f24{ font-size: 24px !important;}
.f30{ font-size: 30px !important;}
.f36{ font-size: 36px !important;}
.f40{ font-size: 40px !important;}
.f44{ font-size: 44px !important;}
.f48{ font-size: 48px !important;}

.bd_lc{ font-weight: bold; font-size: 44px; color: #FFF;}
.bd_lc .orange,.bd_mess .orange{ color: #ff9900;}
.bd_mess{ background: url(../images/pc1/bd_mess.jpg) no-repeat top center; color: #FFF; line-height: 48px;}
.bd_mess .bold{ font-weight: bold;}
.bd_mess .f24{ line-height: 36px; margin: 20px 0;}
.bd_ly input[type=text]{ background: rgba(238,240,243,0.2); color: #FFF; font-size: 20px; font-family: arial; height: 58px; border: 1px solid rgba(104,105,114,0.2); padding: 0 20px; width: 400px; margin-right: 20px; float: left;}
.bd_ly input#captcha{ width: 140px}

.bd_ly #submit{ width: 211px; height: 60px; line-height: 60px; text-align: center; color: #FFF; font-size: 18px; margin-left: 20px; background: #2397d9; border: none; cursor: pointer; float: left;}

.sideMenu{ margin:0 auto;}
.sideMenu .title{ height:49px; line-height:49px; padding-left: 60px; margin-bottom: 3px; background:url(../images/pc1/wen.png) no-repeat 18px center #f2f3f4; cursor:pointer; font-size: 18px ; transition: 0.3s all;}
.sideMenu .title:hover,.sideMenu .title.on{ background:url(../images/pc1/wen1.png) no-repeat 18px center #1977df; color: #FFF;}
.sideMenu .cont{ padding:8px 25px; color:#999; display:none; padding: 20px 60px; margin-bottom: 3px;border: 2px solid #DEDEDE; border-top: none;}
.sideMenu .cont p{font-size: 18px; }

.tui_fl{ width: 980px; margin: 0 auto;}
.tui_fl .hd{ height: 56px; padding: 50px 0; text-align: center; width: 590px; margin: 0px auto;}
.tui_fl .hd li{display: inline-block; border: 1px solid #dadee6; width: 195px; height: 52px;  margin-left: -1px; text-align: center; font-size: 16px;color: #3D3D3D; line-height: 52px; cursor: pointer; overflow: hidden;}
.tui_fl .hd li.on {background: #1977df; color: #fff;}

.zuanqian{background:url(../images/pc1/pc.png) no-repeat center 98px;}
.zq_tit{ font-size: 24px; font-weight: bold; height: 70px; color: #3a3a3a;}
.zq_tit span{ font-size: 36px;}
.zq_box .hd li{ display: block; overflow: hidden; cursor: pointer; height: 84px; line-height: 84px; font-size: 18px; color: #4e4e4e;}
.zq_box .hd li:hover .left{ color: #257dc7; font-weight: bold;}
.zq_box .hd li:hover .right{ color: #eb2626;font-weight: bold;}
.zq_box .bd {position: absolute; left: 400px; top: 130px; width: 410px; font-size: 24px; color: #FFF; line-height: 44px;}
.zq_box .bd p{ height: 110px; font-size: 40px; line-height: 110px; font-weight: bold; text-align: center;}
.zq_box .bd img{ display: block; margin: 0 auto; margin-bottom: 24px;}
.gg{background:url(../images/pc1/gg.jpg) no-repeat center top; height: 176px; font-size: 40px; font-weight: bold; color: #FFF; line-height: 58px;}


.jztc{ height:520px; width:356px; line-height:22px; color: #474747; transition: all .5s ease 0s; margin: 44px 0; position: relative;}
.jztc:nth-of-type(1) .box{ background:url(../images/pc1/pc1.png) no-repeat 0 20px #f8f8f8;}
.jztc:nth-of-type(2){margin:44px 66px;}
.jztc:nth-of-type(2) .box{ background:url(../images/pc1/pc2.png)  no-repeat 0 20px #f8f8f8;}
.jztc:nth-of-type(3) .box{ background:url(../images/pc1/pc3.png)  no-repeat 0 20px #f8f8f8;}
.jztc .box{ height:330px; width:356px; font-size: 15px; margin-bottom: 28px;padding-top: 114px;transition: 0.3s all; }

.jztc .tit{ color:#434343; line-height: 54px; font-weight: bold; transition: 0.3s all; font-size: 30px;  margin-top: 50px;}
.jztc>p{ color: #5f5f5f; font-size: 18px;}
.jztc .riqi{ font-size: 16px; width: 144px; height: 32px; line-height: 32px; text-align: center; background: #ffffff; border:1px solid #e0e1e4; margin: 15px auto 0 auto; color: #5e5e5e;}
.jztc .cont{ padding: 10px 28px; height: 160px; opacity: 0;}
.jztc .cont p{ padding: 4px 0;}
.jztc .price{ position: absolute; width: 100%; left: 0; bottom: 100px;}


.jztc .tel{ width: 210px; height: 46px; border: 1px solid #b9b9b9; display: block; transition: 0.3s all; margin: 0 auto; text-align: center; line-height: 46px; border-radius: 24px;}
.jztc:hover .tel{ color: #FFF; background: #0058ac;}
.jztc:hover .tit,.jztc:hover p{ color: #FFF;}

.jztc:hover .tit{ margin-top: 0; font-size: 24px; line-height: 42px;}
.jztc:hover .tit p{ font-size: 16px;}
.jztc:hover .cont{ opacity: 1; padding: 10px 28px;}


.jztc:hover .box{-moz-box-shadow:0px 0px 8px rgba(0,0,0,.47); -webkit-box-shadow:0px 0px 8px rgba(0,0,0,.47); box-shadow:0px 0px 8px rgba(0,0,0,.47); color: #FFF;}
.jztc:nth-of-type(1):hover .box{ background:url(../images/pc1/pc1.png) no-repeat -227px 20px #2c92f0; }
.jztc:nth-of-type(2):hover .box{ background:url(../images/pc1/pc2.png)  no-repeat -227px 20px #2c92f0; }
.jztc:nth-of-type(3):hover .box{ background:url(../images/pc1/pc3.png)  no-repeat -227px 20px #2c92f0; color: #FFF;}


.jz_bj{height:390px; width:100%; text-align: center; background:url(../images/pc1/jz_bj.jpg) center center #298ece no-repeat;}
.jz_bj .yjbt,.pc_lc .yjbt,.pc_lc .company_t2{color: #FFF;}
/*.jz{ background:url(../images/pc1/jz.png) no-repeat top center }*/
.jz ul{ line-height: 42px; margin-bottom: 15px;}
.jz ul li{ display:inline-block; font-size: 18px; border-radius: 5px; height: 42px; line-height: 42px; padding: 0 15px; background: #2c92f0; margin: 0 18px; position: relative;}
.jz ul li:before{ content: "+"; font-size: 30px; position: absolute; left: -28px; top:0;}
.jz ul li:first-of-type:before{ content: "";}
.new_pc .tit{ background: #2c92f0; height: 45px; color: #FFF; line-height: 45px; font-size: 16px; font-weight: bold;}
.new_pc .gsmc{ padding-left: 20px; width: 320px; float: left;}
.new_pc .wzlx{ width: 110px; float: left; text-align:center}
.new_pc .zt{ padding: 0 20px; width: 80px; float: left; text-align: center;}
.new_pc_top li{ clear: both; height: 46px; line-height: 46px; border-bottom: 1px dotted #dedede; transition: 0.3s all;}
.new_pc_top li:hover{ background: #f4f5f8;}
.new_pc_top li:hover .gsmc{ color: #e30000;}

.pc1 .about{background:url(../images/pc1/about.jpg) center center;}
.pc1 .youshi .kouhao div span a{ width: 152px; height: 40px; padding: 0; line-height: 40px; border: 1px solid #999999; border-radius: 20px; color: #414141; margin: 15px auto; transition: 0.3s all;}
.pc1 .youshi:hover .kouhao div span a{ color: #FFF; background: #d92525; border-color: #d92525;}
.gshj{height:450px; width:100%; text-align: center; background:url(../images/pc1/gshj.jpg) center center #298ece no-repeat; padding: 33px 0;}
#focus_Box{position:relative;width:1200px;height:450px;margin:30px auto;}
#focus_Box ul{position:relative;width:1200px;height:450px}
#focus_Box li{z-index:0;position:absolute; width:0px;background:#787878;height:0px;top:146px;cursor:pointer;left:377px; box-shadow:1px 1px 5px rgba(200, 200, 200, 1)}
#focus_Box li img{width:100%;background:url(images/loading.gif) no-repeat center 50%;height:100%;vertical-align:top}
#focus_Box li p{position:absolute;left:0;bottom:0px;width:100%;height:40px;line-height:40px;background:rgba(0,0,0,0.5); text-align: center; color:#fff; font-size: 16px;}

#focus_Box .prev,#focus_Box .next{display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width:41px;height:81px;top:160px; transition: 0.3s all;}
#focus_Box .prev{background:url(../images/pc1/prev.png) left bottom no-repeat;left:-120px}
#focus_Box .next{background:url(../images/pc1/next.png) right bottom no-repeat;right:-120px} 
#focus_Box .prev:hover{ left: -110px;}
#focus_Box .next:hover{right: -110px;}

.biaozhun:first-child{ margin: 0;}
.biaozhun{ width: 410px; text-align: center; float: left; margin-left: -84px;}
.biaozhun p{ font-size: 24px; font-weight: bold; color: #474747; margin: 30px 0;}
.biaozhun .box{ width: 409px; height: 409px; border: 1px solid #dadada; border-radius: 50%;}
.biaozhun .box .nr{ margin: 22px; width: 360px; height: 255px; color: #FFF; text-align: center; border-radius: 50%; font-size: 20px; line-height: 36px; padding-top: 105px;}
.biaozhun:nth-child(1) .box .nr{ background: rgba(0,112,193,0.8);}
.biaozhun:nth-child(2) .box .nr{ background: rgba(8,175,83,0.8);}
.biaozhun:nth-child(3) .box .nr{ background: rgba(255,144,0,0.8);}
.pc_lc{background: #0058ac;}
.lc_img{height:360px; width:100%; text-align: center; background:url(../images/pc1/pc_lc.png) no-repeat center center;}
.bd_img{height:360px; width:100%; text-align: center; background:url(../images/pc1/bd_lc.png) no-repeat center center;}
.pc_lc .more{background:#3db1ea; width: 280px; color: #FFF; height: 46px; transition: 0.3s all; margin: 0 auto; text-align: center; line-height: 46px; border-radius: 24px;display: block; font-size: 16px;}
.pc_lc .bd_more{background:#ffffff; width: 270px; color: #1977df; height: 44px; transition: 0.3s all; margin: 0 auto; text-align: center; line-height: 44px; border-radius: 3px;display: block; font-size: 16px;}
.pc_lc .bd_more:hover{ background: #f0831e; color: #FFF;}

.pc_yi{ font-size: 48px; color: #0058ac; font-weight: bold; line-height: 110px;}
.pc1_al{ width:365px; border:1px #dfdfdf solid; height:310px; line-height:30px; margin:20px 16px; margin-bottom: 70px; position: relative; }
.pc1_al .img{ width: 345px; height: 210px; overflow: hidden;display: block; margin: 0 auto; margin-top: 10px;}
.pc1_al p{ width:345px; margin:0 auto; border-bottom:1px #dfdfdf solid; color:#7d7d7d; font-size:16px; height:24px; overflow:hidden; transition: 0.3s all 0s linear;}
.pc1_al p.title{ line-height: 30px; padding: 8px 0; display: block;}
.pc1_al div{ width:345px; margin:0 auto;color:#7d7d7d; font-size:12px; line-height: 30px;}
.pc1_al img{max-width: 360px; -webkit-transition:-webkit-transform 300ms linear 0ms; -moz-transition:-moz-transform 300ms linear 0ms; -ms-transition:-ms-transform 300ms linear 0ms; -o-transition:-o-transform 300ms linear 0ms; transition:transform 300ms linear 0ms;}
.pc1_al .more{background:#0058ac; width: 258px; color: #FFF; height: 42px; transition: 0.3s all; text-align: center; line-height: 42px; border-radius: 21px;display: block; position: absolute; top: 320px; left: 50%; margin-left: -130px; }
.pc1_al .more:hover,.pc_lc .more:hover{ background: #f44336; transition: 0.3s all;}
.pc1_al:hover{ border: 1px solid #ec7400;}
.pc1_al:hover p.title{ color: #ec7400;}
.pc1_al:hover img {-webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1)}
.zzcn{ width: 970px; line-height: 36px; border: 1px dashed #FFF; padding: 20px 60px; margin: 0 auto; display: block; background: none !important;}

.fix_left{position: fixed; bottom: 120px; left: 50%; margin-left: -735px; background: #FFF; width: 130px; text-align: center;}
.fix_left .tit{ width: 100%; height: 75px; line-height: 75px; text-align: center; background: #2c92f0;}
.emip{border: 1px solid #eeeeee; border-top: none; padding: 20px 0;}
.emip.current,.emip.current a{ background: #2c92f0; color: #FFF;}
.fix_left a{ display: block; font-size: 16px;}