﻿/* CSS Document */
body,h1,h2,div,p,ul,li,talbe,th,td,tr,form,input,select,texteare,dl,dt,dd,img{margin:0; padding:0;}
img{border:none;}
body{font:normal 12px/2 "宋体"; color:#333;}
a{color:#333; text-decoration:none;}
a:hover{text-decoration:underline;}
ul li{list-style:none;}
.clean{clear:both;}

/* 顶部 */
.top_bg{height:100px;}
.top{height:80px;width:1000px; margin:10px auto; overflow:hidden; clear:both; zoom:1; }
.top_left{float:left;width:260px;}
.top_right{float:right;}
.top_sc{padding-left:20px; background:url(../../images/portal/top_favs.png) no-repeat left 0px top 3px;}
.top_dh{padding-left:20px; background:url(../../images/portal/top_phone.png) no-repeat left 0px top 3px;}
.search{margin-top:25px;background:transparent url("../../images/portal/searchbg.gif") no-repeat scroll right center;}
.searchtxt{border:medium none;background:transparent none repeat scroll 0% 0%;width:144px;padding:3px;color:#999;}
.searchbutton{width:35px;height:22px;border:medium none;background:transparent none repeat scroll 0% 0%;cursor:pointer;}

/* 导航 */
.nav_bg{height:35px;background:url("../../images/portal/nav_bj.png") repeat-x scroll;}
#nav{height:34px;width:1000px; margin:0 auto;}
#nav ul{}
#nav ul li{float:left; display:inline-block; position:relative; z-index:1}
#nav ul li a{ height:34px; line-height:36px; width:110px; text-align:center; overflow:hidden; display:inline-block; float:left; font-size:13px; color:#fff; text-decoration:none}
#nav ul li a:hover,#nav ul li a.on{ background:#cb230d; float:left}
#nav ul li a.home{ width:80px}
#nav ul li.line{height:34px; width:1px; background:url(../../images/portal/nav_line.jpg) no-repeat}
#nav ul li ol{ display:block; width:110px; z-index:999; position:absolute; top:33px; left:0; display:none}
#nav ul li ol li{ float:none; margin:0; padding:0; *margin-bottom:-3px}
#nav ul li ol li a{ margin:0; padding:0; height:28px; line-height:28px; font-size:12px; border-top:1px solid #999; text-align:center;filter:alpha(opacity=88); -moz-opacity:0.88; -khtml-opacity: 0.88; opacity: 0.88; background:#333}
#nav ul li ol li a:hover{}

/* 新闻 */
.block_con{width:1000px; margin:10px auto;}
.g_block{background:#F3F3F3 none repeat scroll 0% 0%;border:1px solid #C2C2C2;height:200px;width:323px;overflow:hidden;}
.g_block_title{height:32px; background:url(../../images/portal/arrow.png) no-repeat left 15px top 15px; padding-left:30px;padding-top:5px;padding-right:10px; font:bold 14px/34px "宋体"; color:#1359a2;}
.g_block_title span{float:right; font:normal 12px/34px "宋体";}
.g_block_title .more{display:inline-block;width:78px;height:22px;margin:7px 0px 0px 0px;background:transparent url("../../images/portal/news_more.jpg") no-repeat scroll 0% 0%;}
.g_block ul{ padding:5px 8px 0 15px; font-size:13px}
.g_block ul li{ margin:8px 0 0 0}
.g_block ul li a{}
.g_block ul li span{ float:right; color:#888; font-size:13px}
.g_block .con{border-collapse:collapse;border:0px none;color:#464646;margin:10px 0px 0px 10px;}
.g_block .con td{padding: 6px;}

/* 解决方案 */
.solution{background:#F3F3F3 none repeat scroll 0% 0%;border:1px solid #C2C2C2;height:200px;width:1000px;overflow:hidden;}
.solution{ height:200px}
.solution .back{ float:left; margin:38px 35px 0 35px;  padding:10px 5px;cursor: pointer;}
.solution .next{ float:right; margin:38px 35px 0 35px; padding:10px 5px;cursor: pointer;}
.solution ul{ padding:10px 0 0 20px; display:block; width:2000px}
.solution ul li{ display:inline-block; float:left; text-align:center; line-height:24px; margin:0 40px 0 0}
.solution ul li.mr0{ margin-right:0}

/* 网站地图 */
#btmNavBtn{margin-top:10px;padding-bottom:10px;text-align:center;background:transparent url("../../images/portal/btmNavBtnbg.gif") repeat-x scroll center top;cursor:pointer;}
.service A:link {color:#666;}
.service A:visited {color:#666;}
.service A:hover {color: #f60;}
.service{margin:0 auto; width:960px; font-family:"宋体"; background:url(../../images/portal/ft_navbg.gif) repeat-x bottom;}
.index_bottom_public{padding:10px 7px; margin:0px auto; width:946px; display:none; color:#666666; overflow:hidden;}
.footer_navlist{list-style:none; text-align:center}
.footer_navlist li{width:116px; float:left; border-left:1px dashed #ccc;}
.footer_navlist li.rightline{border-right:1px dashed #ccc;}
.footer_navlist li dt{font-weight:bold; color:#333}
.footer_navlist li dt .pp{font-weight:bold; color:#333}

/* 底部 */
.footer{width:100%; background:#232323; color:#fff;}
.f_copy{padding:5px; text-align:center; color:#646464;margin-bottom: 10px;}
.f_copy a{color:#646464;}



.view-fourth .succ-img {
   -webkit-transition: all 0.4s ease-in-out 0.2s;
   -moz-transition: all 0.4s ease-in-out 0.2s;
   -o-transition: all 0.4s ease-in-out 0.2s;
   -ms-transition: all 0.4s ease-in-out 0.2s;
   transition: all 0.4s ease-in-out 0.2s;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-fourth .mask {
   position:absolute;
   top:0px;
   left:0px;
   width:100%;
   height:100%;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0) rotate(-180deg);
   -moz-transform: scale(0) rotate(-180deg);
   -o-transform: scale(0) rotate(-180deg);
   -ms-transform: scale(0) rotate(-180deg);
   transform: scale(0) rotate(-180deg);
   -webkit-transition: all 0.4s ease-in;
   -moz-transition: all 0.4s ease-in;
   -o-transition: all 0.4s ease-in;
   -ms-transition: all 0.4s ease-in;
   transition: all 0.4s ease-in;
   -webkit-border-radius:1500px;
   -moz-border-radius: 150px;
   border-radius: 150px;
   text-align:center;
}
.view-fourth:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: scale(1) rotate(0deg);
   -moz-transform: scale(1) rotate(0deg);
   -o-transform: scale(1) rotate(0deg);
   -ms-transform: scale(1) rotate(0deg);
   transform: scale(1) rotate(0deg);
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}
.view-fourth:hover .succ-img {
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
}
.view-fourth .mask1 {
   position:absolute;
   top:0px;
   left:0px;
   width:350px;
   height:225px;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0) rotate(-180deg);
   -moz-transform: scale(0) rotate(-180deg);
   -o-transform: scale(0) rotate(-180deg);
   -ms-transform: scale(0) rotate(-180deg);
   transform: scale(0) rotate(-180deg);
   -webkit-transition: all 0.4s ease-in;
   -moz-transition: all 0.4s ease-in;
   -o-transition: all 0.4s ease-in;
   -ms-transition: all 0.4s ease-in;
   transition: all 0.4s ease-in;
   -webkit-border-radius:1500px;
   text-align:center;
   background-color:#0879C5;
}
.view-fourth:hover .mask1 {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: scale(1) rotate(0deg);
   -moz-transform: scale(1) rotate(0deg);
   -o-transform: scale(1) rotate(0deg);
   -ms-transform: scale(1) rotate(0deg);
   transform: scale(1) rotate(0deg);
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}
.view-fourth .mask2 {
   position:absolute;
   top:0px;
   left:0px;
   width:190px;
   height:80px;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0) rotate(-180deg);
   -moz-transform: scale(0) rotate(-180deg);
   -o-transform: scale(0) rotate(-180deg);
   -ms-transform: scale(0) rotate(-180deg);
   transform: scale(0) rotate(-180deg);
   -webkit-transition: all 0.4s ease-in;
   -moz-transition: all 0.4s ease-in;
   -o-transition: all 0.4s ease-in;
   -ms-transition: all 0.4s ease-in;
   transition: all 0.4s ease-in;
   -webkit-border-radius:1500px;
   text-align:center;
   background-color:#0879C5;
}
.view-fourth:hover .mask2 {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: scale(1) rotate(0deg);
   -moz-transform: scale(1) rotate(0deg);
   -o-transform: scale(1) rotate(0deg);
   -ms-transform: scale(1) rotate(0deg);
   transform: scale(1) rotate(0deg);
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}



/* 正文 */
.contianer{width:1000px; margin:10px auto;}
/* 面包削 */
.mbs{height:28px; background:#edf6fd url(../../images/portal/mbx_house.png) no-repeat 0px center; padding:0 20px; line-height:28px; color:#647689; margin:10px 0; overflow:hidden; clear:both; zoom:1;}
.mbs span{margin:0 5px;}
/* 侧边 */
.sider{width:171px; float:left;}
.sider_s{width:254px; float:left;}
.sider_title{color:#0B61AE;font-size:30px;line-height:40px;font-weight:normal;border-bottom:2px solid #0061AE;}
.n_s_list li{padding:3px 0; height:31px;}
.n_s_list li a{display:block; text-align:center; font-size:14px; line-height:31px; height:31px;}
.n_s_list li a:hover,.s_cur a{background:url(../../images/portal/sider1.png) no-repeat center center; color:#fff;}

.g_left{ width:210px; border:1px solid #c2c2c2; float:left; background:#fff}
.g_left h3{ display:block; height:34px; background:url(../../images/portal/bg.jpg) repeat-x 0 -90px; border-bottom:1px solid #c2c2c2; text-indent:0; color:#fff}
.g_left h3 span{ display:block; background:url(../../images/portal/nav_dot.jpg) no-repeat 14px 9px; padding:8px 0 0 27px}
.g_left ul.nav{ display:block; font-size:13px; padding:5px 10px 12px 10px}
.g_left ul.nav li{ display:block; border-bottom:1px dotted #aaa; height:30px; line-height:30px; padding:0 0 0 17px}
.g_left ul.nav li.nb{ border:0}
.g_fb{font-weight:bold;color:#077ac5;}
.g_fb a{color:#077ac5;}

.lianx{height:332px;margin:13px 0;background:url(../../images/portal/lxwm.gif) no-repeat center center;padding:12px 6px;}
.lianx a{display:block;width:184px;height:67px;margin-bottom:5px;margin-left:5px;border:1px solid #d7d6db;padding:1px;}
.lianx h2{height:47px;line-height:55px;padding-left:53px;font-size:18px;font-weight:normal;padding-bottom:10px;background:url(../../images/portal/about2.gif) no-repeat 5px center;}
.keff{color:#666;line-height:19px;font-size:12px;padding:10px 0;}
.phone{color:#ff6600;font-size:18px;padding-left:33px;height:30px;line-height:30px;font-weight:bold;background:url(../../images/portal/phone.gif) no-repeat 5px center;}

.g_right{ width:775px;min-height:500px; float:right;border:1px solid #c2c2c2; background:#fff}
.g_right .title{display:block; height:34px; background:url(../../images/portal/site_bg.jpg) repeat-x; border-bottom:1px solid #c2c2c2; }
.g_right .title .home{ height:34px; width:50px; background:url(../../images/portal/title_home.jpg); float:left}
.g_right .title h3{ width:auto;  display:inline-block; text-indent:0;float:left; font-size:14px; margin:7px 0 0 0; color:#464646}
.g_right .title .site{ float:right; padding:8px 15px 0px 0}
.g_right .title .site a{ color:#222}
.sy_n_list1{padding:10px 10px 70px 10px;}
.sy_n_list1 li{padding:5px;line-height:18px; overflow:hidden; border-bottom:1px dashed #CCC; padding-left:13px; background:url(../../images/portal/arrow.jpg) no-repeat left 9px;}
.sy_n_list1 li em{margin-left:10px;}
.sy_n_list1 span{float:right; color:#888; margin-left:5px;margin-right:5px;}
.sy_n_list1 li a{color:#333;}
.n_m_h2{padding:10px; font:bold 18px/30px "宋体"; text-align:center; color:#004d95;}
.n_m_date{padding:3px 10px; line-height:20px; text-align:center; border-bottom:1px solid #ccc;}
.n_m_date span{margin:0 10px;}
.n_m_date span em{font-style:normal; color:#ff0000; margin:0 3px;}
.n_m_cont{padding:20px; font:normal 14px/28px "宋体"; clear:both; zoom:1;}
.n_m_cont p{margin-bottom:10px;}

/* 分页 */
.page{margin-top:20px; padding-top:20px; *padding-top:10px; _padding-top:20px;margin-bottom: 10px;}
.page a:hover{text-decoration:none;}
.aborder{width:20px;height:20px;line-height:20px;}
a.aborder span.aspan{width:20px;height:20px;margin:0px 0px;color:#299bd7;display:inline-block;cursor:pointer;text-align:center; border:solid 1px #299bd7; background:#fff;}
.aborder1,.aspan1{width:20px;height:20px;line-height:20px;}
a.aborder1 span.aspan1,.aspan1{width:20px;height:20px;margin:0px 0px;color:#FFFFFF;font-weight:bold;display:inline-block;cursor:pointer;text-align:center; border:solid 1px #299bd7; background-color:#299bd7;}    
.aborder2{width:50px;height:20px;line-height:20px;}
a.aborder2 span.aspan2{width:50px;height:20px;margin:0px 0px;color:#299bd7;display:inline-block;cursor:pointer;text-align:center; border:solid 1px #299bd7; background:#fff;}
a.aborder2:hover span.aspan2,a.aborder:hover span.aspan{background:#299bd7; color:#fff;}
.aspan2{border:solid 1px #299bd7;width:50px;height:20px; line-height:20px;margin:0px 0px;display:inline-block;text-align:center; color:#999;}
.aborder{margin-left:5px;}
.aspan1{margin-left:5px;}


.sol_line{font-size:20px;line-height:34px;height:34px;margin:0 0 ;text-align:left;}
.sol_line_right{width:450px;border-bottom:2px solid #c5dae6;color:#000676;padding-left:35px; margin:0 15px ;}
.sol_line_artt{font-size:17px;color:#007675;}


/* 网站建设*/
.pda_w_banner{width:100%;height:200px;margin:0 auto;overflow: hidden;}
.pda_w_title{background-image: url('../../images/portal/jc_02.png');width: 100%;height: 80px;margin:0px auto;text-align: center;}
.pda_web{background-color:#f2f2f2;width:100%;height:auto;}
.pda_web_content{width:1000px;margin:0 auto;text-align:center;}
.pda_web_titlel{background-image: url('../../images/portal/jc_05.png');background-repeat: no-repeat;height:68px;text-align:left;    }
.pda_web_titlel h4 {color:#008cd6;font-size:18px;padding:10px 3px 5px;}
.pda_web_titler h4 {color:#008cd6;font-size:18px;padding:10px 3px 5px;}
.pda_web_titlel,.pda_web_titler span{padding-left:20px;  padding-bottom: 25px;color:#737373;}
.pda_web_line{background-image: url('../../images/portal/jc_13.png');background-repeat: no-repeat;width: 780px;height: 125px;margin-top:20px;}
.pda_line{width:1000px;height:1px;border-bottom:dotted 1px #cccccc;margin:25px 0;}
.pda_web_img{ width:1000px;margin:35px 0;}
.pda_web_left{float:left;}
.pda_web_right{float:right;}
.pda_web_titler{background-image: url('../../images/portal/jc_20.png');background-repeat: no-repeat;height:68px;width: 271px;text-align:left;float:right;}
.pda_web_article{display: flex;font-size: 16px;line-height: 30px;padding: 23px 23px 20px;text-align: left;width: 445px;color:#737373;}
.pda_web_right ul{width:445px;text-align:left;font-size:16px;}
.pda_web_right ul li{width:220px;float:left;color:#008cd6;}
.pda_web_right ul li a{color:#008cd6; }
.pda_web_right ul li a:hover{color:#ec8558;}
.pda_web_ul{width:1000px;margin:20px auto; }
.pda_web_li {width:210px;height:280px;margin:0 16px 20px;float:left;background-color:#fff;border:1px solid #cccccc;}
.pda_web_li ul{margin-top:8px;}
.pda_web_lis{margin:10px;}
.pda_web_lil{color:#737373;padding:0 5px;}
.pda_web_li:hover{border:1px solid #de4141;}
.pda_web_titleb{background-image: url('../../images/portal/jc_44.png');background-repeat: no-repeat;height:68px;text-align:left;}
.pda_web_titleb p{margin:5px 0 0 60px;}
.pda_web_pt{color:#d60000;font-size:18px;font-weight:bold;padding-top:20px;}
.pda_web_pb{color:#737373;font-weight:bold;font-size:16px;}
.pda_web_pul{width:1000px;margin-top:15px;text-align:left;}
.pda_web_pul li{width:500px;float:left;line-height:25px;}
.pda_web_pul li a{color:#737373;}
.pda_web_pul li a:hover{color:#ec8558;}

/* 企业微信*/
.pda_w_title1{background-image: url('../../images/portal/jc_02.png');width: 100%;height: 80px;overflow: hidden;margin:0 auto;}
.pda_web_titlel1{background-image:  url(../../images/portal/weix-jian031.png);background-repeat: no-repeat;height:68px;text-align:left;margin-top:20px;    }
.pda_web_titler1{background-image:  url(../../images/portal/weix-jian021.png);background-repeat: no-repeat;height:68px;width: 300px;text-align:left;float:right;}
.pda_web_titlel1 h4 {color: #F60;font-size:18px;padding:10px 3px 5px;}
.pda_web_titler1 h4 {color: #F60;font-size:18px;padding:10px 3px 5px;}
.pda_web_titlel1,.pda_web_titler1 span {padding-left:20px;  padding-bottom: 25px;color:#737373;}
.pda_web_content p{text-align:left;color: #737373;}
.pda_web_article1{font-size: 16px;line-height: 30px;padding: 23px 23px 20px;text-align: left;width: 540px;color:#737373;}
.psd_web_ggzh{display: flex;font-size: 16px;line-height: 30px;padding: 23px 23px 20px;text-align: left;width: 530px;color:#737373;float:left;}
.pda_web_article1 h3{font-size:15px;}
.pda_web_fwlj {float: left;margin-top: 30px;text-align: center;width: 900px;margin-bottom:20px;}

/* 业务咨询*/
.ly_icon{width:735px;}
.ly_phone{float:left;border-right:1px dashed #ccc;width:115px;height:190px;padding-left:55px;padding-top:18px;line-height:28px;background:url(../../images/portal/icon_phone.png) no-repeat;background-position:0px 20px;}
.phone_h3{color:#0067c2;font-weight:bold;line-height:35px;height:35px;font-size: 13px;}
.phone_p{font-size:18px;line-height:30px;color:#333;}
.ly_qq{float:left;border-right:1px dashed #ccc;width:140px;height:190px;padding-left:55px;padding-top:18px;line-height:28px;background:url(../../images/portal/icon_qq.png) no-repeat;background-position:0px 20px;}
.ly_email{float:left;width:175px;height:190px;padding-top:18px;line-height:28px;background:url(../../images/portal/icon_email.png) no-repeat;background-position:0px 20px;}
.ly_wx{float:left;border-right:1px dashed #ccc;width:135px;height:190px;padding-left:55px;padding-top:18px;line-height:28px;background:url(../../images/portal/icon_wx.png) no-repeat;background-position:0px 20px;}
.ly2{line-height:25px;color:#666;padding:18px 0;border-bottom:1px solid #efefef;}
.form1{line-height:35px;overflow:hidden;color:#666;margin:28px 0;}
.form1 input.ly_txt{height:22px;width:286px;border:1px solid #c5c9cd;}
.form1 font{font-size:13px;color:red;padding-left:10px;}
.form1 .lynr{margin-top:13px;}
.form1 .lynr span{display:block;float:left;}
.form1 .lynr textarea{height:163px;width:490px;border:1px solid #c5c9cd;}
.form1 .anniu{height:29px;line-height:29px;padding-left:75px;margin-top:15px;}
.form1 .anniu .but1,.form1 .anniu .but2{color:white;width:76px;height:29px;margin-right:15px;border:none;}
.form1 .anniu .but1{background:#afafaf url(../../images/portal/anniu.gif) no-repeat center center;}
.form1 .anniu .but2{background:#afafaf url(../../images/portal/anniu2.gif) no-repeat center center;}

/* 联系我们*/
.lxwm{padding-left:20px;background:transparent url("../../images/portal/lxbg.gif") no-repeat scroll right 50px;}

/* 资质与荣誉*/
ul.thumb{padding: 10px;width: 750px;margin: 20px auto 20px auto;}
ul.thumb li{margin: 0;padding: 20px;float: left;position: relative;width: 210px;height: 175px;}
ul.thumb li img{width: 200px;height: 150px;border: 1px solid #ddd;padding: 5px;background: #f0f0f0;position: absolute;left: 0;top: 0;-ms-interpolation-mode: bicubic;}
ul.thumb li img.hover{margin-top: 15px;border: none;}

/*产品运营*/
ul.pics{ padding:20px 0 20px 45px; height:auto; overflow:hidden;}
ul.pics li{ display:block; float:left; text-align:center; margin:20px 25px 0 0; width:212px; height:260px; overflow:hidden;}
ul.pics li img{ display:block; width:200px; height:200px; background:#f0f0f0; border:1px solid #c2c2c2;padding:5px;}
ul.pics li p{ padding:5px}
ul.pics li a{ font-weight:bold}

#page_product{height:auto; overflow:hidden;}
#page_product .pics1{ width:310px; height:355px; float:left; position:relative}
#page_product .pics1 .top1{ position:absolute; height:280px; top:0; border:1px solid #999; left:10px}
#page_product .pics1 .top1 img{ display:block; margin:0 auto;}
#page_product .pics1 .fotter1{ width:310px; height:54px; position:absolute; bottom:0;}
#page_product .pics1 .fotter1 #prev{cursor:pointer;display:block; width:17px; height:54px; background:url(../../images/portal/product_left.jpg); float:left}
#page_product .pics1 .fotter1 #next{cursor:pointer;display:block; width:17px; height:54px; background:url(../../images/portal/product_right.jpg); float:right}
#page_product .pics1 .ee{ height:54px; float:left; width:250px; overflow:hidden; margin:0 0 0 15px}
#page_product .pics1 .ee ul{display:block; width:10000px}
#page_product .pics1 .ee ul li{ display:inline-block; float:left; margin:0 10px 0 0}
#page_product .pics1 .ee ul li a{display:block; float:left; border:1px solid #cfcfcf; padding:1px}
#page_product .pics1 .ee ul li a:hover,#page_product .pics .ee ul li a.on{border:1px solid red}
#page_product .summary1{ width:360px; height:355px; float:right}
#page_product .summary1 h1{ color:#0066ae; font-size:28px; font-weight:normal; margin:0px 0 0 0}
#page_product .summary1 h2{color:#464646; font-size:16px; font-weight:normal; margin:6px 0 0 3px}
#page_product .summary1 .ct{height:180px; padding:10px 4px; border-top:1px dotted #888;border-bottom:1px dotted #888; margin:20px 0 0 0; line-height:30px;overflow:hidden;}
#page_product .nav1{margin:40px 0 0 0}
#page_product .nav1 ul{ height:38px; display:block; border-bottom:1px solid #d0d0d0; border-left:1px solid #d0d0d0}
#page_product .nav1 ul li{ display:inline}
#page_product .nav1 ul li a{ display:inline-block; float:left;height:37px;line-height:37px; width:100px;  border:1px solid #d0d0d0; border-left:none; position:relative; color:#464646;text-align:center;text-decoration:none; _top:1px}
#page_product .nav1 ul li a:hover,#page_product .nav1 ul li a.on{height:36px;  line-height:36px; border-bottom:1px solid #f4f4f4; border-top:2px solid #006bbc; font-weight:bold; _top:1px}
#page_product .content1{ line-height:26px; padding:10px 5px 0 5px; color:#585858}
#page_product .footer1{ text-align:center; padding:30px 0 0 0}
.g_opacity{filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5}
.g_dn{display:none}
.g_table1{ width:100%;border-collapse:collapse;border-left:1px solid #ccc;border-top:1px solid #ccc}
.g_table1 tr{}
.g_table1 tr th{ color:#666; background:#F3F3F3; font-weight:normal; padding:4px 10px;border-bottom:1px solid #ccc;border-right:1px solid #ccc}
.g_table1 tr td{ line-height:20px; padding:4px 10px;border-bottom:1px solid #ccc;border-right:1px solid #ccc}
.g_table1 tr td a{color:#0965BB}

/*合作伙伴*/
ul.pics2{ padding:20px 0 20px 40px; height:auto; overflow:hidden;}
ul.pics2 li{ display:block; float:left; text-align:center; margin:20px 25px 0 0; width:200px; height:120px; overflow:hidden;}
ul.pics2 li img{ display:block; width:190px; height:80px; padding:5px;}
ul.pics2 li p{ padding:5px}
ul.pics2 li a{ font-weight:bold}

/*APP定制*/
.text_box{padding:30px 50px; line-height:30px; font-size:14px; color:#666666; min-height:500px;}
.circle_box{ text-align:center; background:#fff; height:140px; padding-top:30px; }
.circle{ width:98px; height:98px; line-height:98px; text-align:center; font-size:16px; color:#333; display:inline-block; border-radius:50%; background:#EAB8B8; margin:0 30px; transition: all 0.15s ease-in-out 0s; border:#e7e7e7 solid 1px;}
.circle:hover{ background:#ff4800; color:#fff; text-decoration:none; border:#ec4301 solid 1px;}
.fc_black{ color:#080808; font-size:18px; line-height:40px;}
.icon_02 span{display:inline-block;    width:425px;height:100px;  margin:20px 10px; text-align:left; line-height:26px;}
.icon_02 span img{ float:left; width:100px; height:100px; margin-right:15px; }
.icon_02 span strong{ display:block; margin-top:20px;}
.icon_03 span{ display:inline-block; width:415px; margin-top:40px; margin-right:30px; line-height:26px;}
.bg_icon_01,.bg_icon_02,.bg_icon_03,.bg_icon_04,.bg_icon_05,.bg_icon_06,.bg_icon_07,.bg_icon_08{ float:left; width:130px; height:130px; margin-right:20px; display:inline-block;background:url(../../images/portal/application.png) left center no-repeat;background-position:0px 0px;}
.bg_icon_02{background-position:-139px 0px;}
.bg_icon_03{background-position:-278px 0px;}
.bg_icon_04{background-position:-417px 0px;}
.bg_icon_05{background-position:0px -155px;}
.bg_icon_06{background-position:-139px -155px;}
.bg_icon_07{background-position:-278px -155px;}
.bg_icon_08{background-position:-417px -155px;}
.terdian i{ display:inline-block; margin:0 20px; font-style:normal;}
.icon4 span{ width:90px; text-align:center; display:inline-block; line-height:40px; margin:10px 28px;}
.function_01,.function_02,.function_03,.function_04,.function_05,.function_06,.function_07,.function_08,.function_09,.function_10,.function_11,.function_12,.function_13,.function_14,.function_15,.function_16,.function_17,.function_18{ background:url(../../images/portal/function.png) no-repeat; width:103px; height:103px; display:block;}
.function_01{ background-position:0 0;}
.function_02{ background-position:-103px 0;}
.function_03{ background-position:-206px 0;}
.function_04{ background-position:-309px 0;}
.function_05{ background-position:-412px 0;}
.function_06{ background-position:-515px 0;}

.function_07{ background-position:0 -103px;}
.function_08{ background-position:-103px -103px;}
.function_09{ background-position:-206px -103px;}
.function_10{ background-position:-309px -103px;}
.function_11{ background-position:-412px -103px;}
.function_12{ background-position:-515px -103px;}

.function_13{ background-position:0 -206;}
.function_14{ background-position:-103px -206px;}
.function_15{ background-position:-206px -206px;}
.function_16{ background-position:-309px -206px;}
.function_17{ background-position:-412px -206px;}
.function_18{ background-position:-515px -206px;}
.s_con_in{ width:680px; overflow:hidden; margin-top:40px; }
.s_con_in img{ float:left; margin-right:10px; }
.s_con_in p{ color:#8F8F8F; font-size:12px; color:#666; line-height:20px; overflow:hidden; }
.s_con_txt{ width:680px; margin-top:20px; font-size:12px; color:#666; line-height:20px; }

/*发展历程*/
.main { padding:45px 0;}
.history { background:url(../../images/portal/line04.gif) repeat-y 137px 0; position:relative;}
.history-date { overflow:hidden;}
.history-date h2 { background:url(../../images/portal/icon06.gif) #fff no-repeat 108px 0; height:59px; font-size:25px; ; font-weight:normal; margin-bottom:74px;  }
.history-date h2.first { position:absolute; left:0; top:0; width:935px; z-index:99;}
.history-date h2 a { color:#00bbff; display:inline-block; *display:inline; zoom:1; background:url(../../images/portal/icon08.gif) no-repeat right 50%; padding-right:17px; margin:21px 97px 0 0;}
.history-date h2 a:hover { text-decoration:none;}
.history-date h2 img { vertical-align:-5px;}
.history-date h2.date02 { background:none;}
.history-date ul {}
.history-date ul li { background:url(../../images/portal/icon07.gif) no-repeat 130px 8px; padding-bottom:50px; zoom:1; }
.history-date ul li.last { padding-bottom:0;}
.history-date ul li:after{content:" "; display:block; height:0; clear:both; visibility:hidden;}
.history-date ul li h3 { float:left; width:108px; text-align:right; padding-right:19px;color:#c3c3c3; font:normal 18px/16px;}
.history-date ul li h3 span { display:block; color:#d0d0d0; font-size:12px;}
.history-date ul li dl { float:left; padding-left:151px; margin-top:-40px; ;}
.history-date ul li dl dt { font-size:24px;; color:#737373; }
.history-date ul li dl dt span { display:block; color:#787878; font-size:14px;}
.history-date ul li.green h3 { color:#0099ff;}
.history-date ul li.green h3 span { color:#0099ff; }
.history-date ul li.green dl { margin-top:-41px;}
.history-date ul li.green dl dt { font-size:20px; line-height:28px;;}
.history-date ul li.green dl dt a { /*background:url(../images/icon09.gif) no-repeat 0 0; width:19px; height:16px;*/ display:inline-block; *display:inline; zoom:1; overflow:hidden; vertical-align: middle; margin-left:12px;}
.history-date ul li.green dl dd { padding-top:20px; display:none;}
.history-date ul li.green dl dd img { float:left;}
.history-date ul li.green dl dd p { overflow:hidden; zoom:1; line-height:21px; color:#787878;}
.history-date h2.first .more-history {font-size: 16px; background: transparent; margin-left: 30px;}
.history-date h2.first .more-history:hover {text-decoration: underline;}

/*成功案例*/
ul.thumb1{width: 750px;}
ul.thumb1 li{padding:5px;margin:5px;float: left;position: relative;width: 350px;height: 225px;border: 1px solid #ddd;background: #f0f0f0;}
.case-time{width:100%;font-size:14px;color:#fff;margin-top:15px;}
.case-con{font-size:14px;width: 100%;margin-top:5px;color: #fff;}

/* 服务体系*/
.fw-banner{width:100%;width:100%;height:0px;border-top: #0075a9 solid 1px;}
.m-content{width:1040px;margin:0 auto;}
.serv-tit{width:963px;height:58px;background: url(../../images/portal/serv-tit.png) top center no-repeat;margin-top:35px;padding-left:77px;font-size:30px;color:#222e3a;line-height:58px;}
.block1{width:100%;height:430px;margin-top:30px;}
.b1-normal1{width:249px;height:200px;background: url(../../images/portal/serv-bg5.png) top center no-repeat;float:left;}
.b1-ico{width:231px;height:57px;background: url(../../images/portal/serv-ico6.png) center top no-repeat;margin-top: 46px;}
.b1-con{display: block;width:140px;color:#fff;font-size:14px;text-align: center;margin:36px auto;}
.b1-normal2{width:251px;height:200px;background: url(../../images/portal/serv-bg4.png) top center no-repeat;float:left;margin-left:15px;}
.b1-normal3{width:231px;height:219px;background: url(../../images/portal/serv-bg3.png) top center no-repeat;float:left;margin-left:15px;}
.b1-normal4{width:249px;height:200px;background: url(../../images/portal/serv-bg2.png) top center no-repeat;float:right;margin-left:15px;margin-right:13px;}
.b1-normal5{width:234px;height:200px;background: url(../../images/portal/serv-bg1h.png) top center no-repeat;float:right;margin-left:10px;}
.b1-normal6{width:518px;height:200px;background: url(../../images/portal/serv-con1-fn.jpg) top center no-repeat;float:right;}
.b2-ico{width:231px;height:57px;background: url(../../images/portal/serv-ico5.png) center top no-repeat;margin-top: 46px;}
.b3-ico{width:231px;height:57px;background: url(../../images/portal/serv-ico4.png) center top no-repeat;margin-top: 46px;}
.b4-ico{width:231px;height:57px;background: url(../../images/portal/serv-ico3.png) center top no-repeat;margin-top: 46px;}
.b5-ico{width:231px;height:57px;background: url(../../images/portal/serv-ico2.png) 120px top no-repeat;margin-top: 46px;}
.b6-ico{width:212px;height:57px;background: url(../../images/portal/serv-ico1.png) 90px top no-repeat;margin-top: 46px;}
.block2{width:100%;height:196px;margin-top:40px;}
.b2-item1{width:160px;height:100%;float:left;}
.b2-item1-con{width:160px;height: 146px;background: url(../../images/portal/serv-value-bg.png) top center no-repeat;position: absolute;-webkit-transition: -webkit-transform 2s ease-out;-moz-transition: -moz-transform 2s ease-out;-o-transition: -o-transform 2s ease-out;-ms-transition: -ms-transform 2s ease-out;}
.b2-item1-con:hover{-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);-o-transform: rotateZ(360deg);-ms-transform: rotateZ(360deg);transform: rotateZ(360deg);}
.b2-item1-con:hover{background: url(../../images/portal/serv-value-bg-h.png) top center no-repeat;}
.b2-item1-ico{background: url(../../images/portal/serv-value-ico1.png) top center no-repeat;display: block;width:58px;height:53px;top:50px;left:50px;position: relative;}
.b2-item2-ico{background: url(../../images/portal/serv-value-ico2.png) top center no-repeat;display: block;width:51px;height:54px;top:50px;left:50px;position: relative;}
.b2-item3-ico{background: url(../../images/portal/serv-value-ico3.png) top center no-repeat;display: block;width:57px;height:48px;top:50px;left:60px;position: relative;}
.b2-item4-ico{background: url(../../images/portal/serv-value-ico4.png) top center no-repeat;display: block;width:66px;height:44px;top:50px;left:47px;position: relative;}
.b2-item5-ico{background: url(../../images/portal/serv-value-ico5.png) top center no-repeat;display: block;width:66px;height:44px;top:50px;left:50px;position: relative;}
.b2-item1-motto{width:100%;font-size:18px;margin-top:160px;text-align: center;color:#666;}
.serv-ads{width:100%;height:141px;background: url(../../images/portal/serv-ads.png) top center no-repeat;margin-top:35px;}
.block3{margin-top:50px;}
.b3-item1{width:100%;height:245px;margin-top:30px;}
.b3-item1-left{width:445px;height: 100%;float: left;}
.b3-item2-left{width:445px;height: 100%;float: right;}
.b3-item3-left{width:445px;height: 100%;float: left;}
.b3-item4-left{width:445px;height: 100%;float: right;}
.b3-item1-tit{text-align: left;font-size:30px;color:#222e3a;}
.b3-item1-con{font-size:14px;color:#666;margin-top:36px;line-height:20px;letter-spacing: 1px;}
.b3-item1-link{color:#4b67a6;font-size:16px;display: block;margin-left:350px;margin-top:20px;}
.serv-ads1{width:100%;height:141px;background: url(../../images/portal/serv-ads1.png) top center no-repeat;margin-top:35px;}
.block4{margin-top:30px;}
.b4-con{width:100%;height:562px;margin-top:40px;background: url(../../images/portal/serv-process.jpg) top center no-repeat;}
.b4-item1{font-size:14px;color:#333;margin-top:295px;margin-left:25px;position: absolute;}
.b4-item2{font-size:14px;color:#333;margin-top:270px;margin-left:150px;position: absolute;}
.b4-item3{font-size:14px;color:#333;margin-top:250px;margin-left:277px;position: absolute;}
.b4-item4{font-size:14px;color:#333;margin-top:360px;margin-left:277px;position: absolute;}
.b4-item5{font-size:14px;color:#333;margin-top:170px;margin-left:410px;position: absolute;}
.b4-item6{font-size:14px;color:#333;margin-top:330px;margin-left:400px;position: absolute;}
.b4-item7{font-size:14px;color:#333;margin-top:480px;margin-left:425px;position: absolute;}
.b4-item8{font-size:14px;color:#333;margin-top:215px;margin-left:663px;position: absolute;}
.b4-item9{font-size:14px;color:#333;margin-top:335px;margin-left:663px;position: absolute;}
.b4-item10{font-size:14px;color:#333;margin-top:444px;margin-left:663px;position: absolute;}
.b4-item11{font-size:14px;color:#333;margin-top:180px;margin-left:800px;position: absolute;}
.b4-item12{font-size:14px;color:#333;margin-top:330px;margin-left:800px;position: absolute;}
.b4-item13{font-size:14px;color:#333;margin-top:240px;margin-left:975px;position: absolute;}
.b4-item14{font-size:14px;color:#333;margin-top:425px;margin-left:975px;position: absolute;}
.block5-tit{margin-top:30px;font-size:18px;color:#666;text-align: center;}
.b5-con{width:241px;height:466px;background: url(../../images/portal/serv-con-bg.png) top center no-repeat;margin-top:40px;float: left;}
.b5-con:hover{background: url(../../images/portal/serv-con-bg-h.png) top center no-repeat;}
.fclear{clear: both;}
.b5-con-ico1{height:55px;background: url(../../images/portal/serv-con-ico1.png) 50% 10px no-repeat;}
.b5-con-ico2{height:55px;background: url(../../images/portal/serv-con-ico2.png) 50% 10px no-repeat;}
.b5-con-ico3{height:55px;background: url(../../images/portal/serv-con-ico3.png) 50% 10px no-repeat;}
.b5-con-ico4{height:55px;background: url(../../images/portal/serv-con-ico4.png) 50% 10px no-repeat;}
.b5-con-tit1{text-align: center;margin-top:10px;font-size:24px;color:#fff;}
.b5-con-fn{font-size:14px;color:#666;padding:10px;line-height: 22px;margin-top: 20px;}
.block6{height: 276px;margin-top:58px;background: url(../../images/portal/serv-back.png) top center no-repeat;}
.b6-item1{font-size:24px;color:#fff;position: absolute;margin-top:118px;margin-left:20px;}
.b6-item2{font-size:20px;color:#fff;position: absolute;margin-top:22px;margin-left:350px;}
.b6-item3{font-size:20px;color:#fff;position: absolute;margin-top:215px;margin-left:340px;}
.b6-item4{font-size:16px;color:#fff;position: absolute;margin-top:7px;margin-left:570px;}
.b6-item5{font-size:16px;color:#fff;position: absolute;margin-top:52px;margin-left:570px;}
.b6-item6{font-size:14px;color:#333;position: absolute;margin-top:90px;margin-left:590px;}
.b6-item7{font-size:14px;color:#333;position: absolute;margin-top:115px;margin-left:590px;}
.b6-item8{font-size:14px;color:#333;position: absolute;margin-top:140px;margin-left:590px;}
.b6-item9{font-size:16px;color:#fff;position: absolute;margin-top:200px;margin-left:570px;}
.b6-item10{font-size:16px;color:#fff;position: absolute;margin-top:245px;margin-left:570px;}
.block7{width:100%;height:456px;background: url(../../images/portal/serv-supervision.png) top center no-repeat;margin-top:35px;}
.b7-con{width:253px;height:169px;color:#666;font-size:14px;line-height: 20px;position: absolute;margin-top:110px;margin-left:60px;}

