*{ padding:0; margin:0;}
a{ text-decoration:none;}
ul,li{ list-style-type:none;}
i,em{ font-style:normal;}
h3,h5{ font-weight:normal;}
body{font-family:Arial, "Microsoft Yahei",sans-serif;}
.contant_wrapn{ width:100%;float:left; min-width:1200px;*zoom:1;}
.contant_wrapn:after{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden;}
.contant_wrapn_bg01{ background:#000;}
.contant_wrapn_bg02{ background:#eeeeee;}
.banner_bgn{ background:url(../images/bannern.png) no-repeat; height:400px; overflow:hidden; background-position-x:center}
.section01_bg{ background:#FFF;}
.section02_bg{ background:#d8e4eb;}
.section03_bg{ background:#8aa9ca;}
.section04_bg{ background:url(../images/news_bg.jpg) no-repeat; height:321px; overflow:hidden;}
.section05_bg{ background:#FFF;}
.section06_bg{ background:#222;}
.section07_bg{ background:#000; height:50px;}
.section08_bg{ background:#dce9f4;}
.header_topn{ width:1200px; height:100px; margin:0 auto;}
.top_logon{ float:left; padding-top:17px;}
.top_logon img{ display:block;}
.top_navn{ height:100px; float:right;}
.qq_connectn{ float:right; display:block; vertical-align:middle; line-height:25px; *line-height:25px;_line-height:25px; background:#3395ff; color:#FFF; font-size:14px; padding:0px 10px; border-radius:5px; margin-top:38px; margin-right:10px;}
.qq_connectn:hover{ background:#5caaff;}
.qq_connectn i{ display:inline-block;*display:inline;*zoom:1; float:left; width:16px; height:25px; background:url(../images/iconn01.png) no-repeat; background-position:-2px 2px; margin-right:3px;vertical-align:top;}

.nav_itemn{ float:right;}
.top_navn li{ float:left; padding-right:30px; line-height:100px;}
.top_navn li a{ font-size:18px; color:#FFF;}
.top_navn li a:hover{ color:#ef9400;}
.top_navn li a.active{ color:#ef9400;}

.banwz01{ font-size:28px; color:#FFF; font-weight:100;text-align:center; padding-top:70px; letter-spacing:1px;}
.banwz02{ font-size:38px; letter-spacing:2px; color:#FFF; font-weight:bold; text-align:center; padding-top:5px;}
.ban_fg{ width:370px; height:1px; background:#FFF; margin:15px auto 10px auto;}
.banwz03{ font-size:16px; color:#FFF; font-weight:100; text-align:center; line-height:30px; letter-spacing:1px;}
.hans_on{ display:block; width:200px; height:50px; border:1px solid #FFF; border-radius:3px; background:transparent; color:#FFF; line-height:50px; text-align:center; font-size:24px; margin:30px auto 0 auto;}
.center1200{ width:1200px; margin:0 auto; overflow:hidden;}
.section_tit{ width:100%;font-size:28px; color:#444; text-align:center; font-weight:normal; padding-top:65px;}
.fsection_tit{ font-size:22px;}
.section_titw{ color:#FFF;}
.section_tit .section_tit_fg{ width:150px; height:1px; background:#8aa9ca; margin:25px auto 20px auto;}
.section_tit .fsection_tit_fg{ margin:15px auto 25px;}
.section_tit .section_tit_wfg{ background:#FFF;}
.section_tit .section_tit_hfg{ background:#ddd;}
.section_info{ width:100%; text-align:center; line-height:30px; color:#848484; font-size:15px;}
.fsection_info{ color:#666;}
.section_infow{ color:#FFF;}
.section01_show{ width:100%; overflow:hidden;}
.scene li{ float:left;}
.piccen{ width:100%; text-align:center; padding-top:35px; padding-bottom:70px;}




.section2_list{ width:1200px;padding:40px 0 55px; overflow:hidden;}
.section2_list li{ width:270px; padding:0 60px; height:220px; float:left; background:#FFF; margin:0 5px 10px; border-radius:2px; box-shadow:0 0 5px #ccc; -webkit-box-shadow:0 0 5px #ccc;-moz-box-shadow:0 0 5px #ccc;}
.section2_list li span{ display:block; margin:23px auto 0 auto; background:url(../images/iconn02.png) no-repeat;}
.section2_list li span.ls_icon01{ width:37px; height:52px; background-position:-2px top;}
.section2_list li span.ls_icon02{ width:34px; height:52px; background-position:-68px top;}
.section2_list li span.ls_icon03{ width:35px; height:52px; background-position:-129px top;}
.section2_list li span.ls_icon04{ width:42px; height:52px; background-position:-199px top;}
.section2_list li span.ls_icon05{ width:42px; height:52px; background-position:-273px top;}
.section2_list li span.ls_icon06{ width:40px; height:52px; background-position:-353px top;}
.section2_list li h3{ color:#8aa9ca; font-size:17px; text-align:center; padding:15px 0 12px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.section2_list li p{ color:#8aa9ca; font-size:14px; text-align:center; line-height:21px;}


.function_ls_pd{ width:1200px; padding:40px 0 70px; overflow:hidden;}
.section3_list_lf,section3_list_rh{ float:left; padding-top:5px; overflow:hidden; }
.section3_list_lf{ width:595px; border-right:1px solid #6288ab;}
.section3_list_lf li,.section3_list_rh li{ width:509px; padding:0 30px 45px 60px; float:left; overflow:hidden;}
.section3_list_lf li:last-of-type,.section3_list_rh li:last-of-type{ padding-bottom:0;}
.section3_list_lf li.last{ padding-bottom:0;}
.section3_list_rh li{ width:510px;}
.section3_list_lf li span,.section3_list_rh li span{ display:inline-block;*display:inline;*zoom:1; vertical-align:top; float:left; width:81px; height:81px; background:url(../images/functionn.png) no-repeat; margin-right:30px;}
.section3_list_lf li span.ls_icon01{ background-position:left center;}
.section3_list_lf li span.ls_icon02{ background-position:-233px center;}
.section3_list_lf li span.ls_icon03{ background-position:-460px center; }
.section3_list_lf li span.ls_icon04{ background-position:-689px center;}
.section3_list_rh li span.ls_icon01{ background-position:-115px center;}
.section3_list_rh li span.ls_icon02{ background-position:-349px center;}
.section3_list_rh li span.ls_icon03{ background-position:-571px center;}
.section3_list_rh li span.ls_icon04{ background-position:-800px center;}
.section3_list_lf li div,.section3_list_rh li div{ width:398px; float:left;}
.section3_list_rh li div{ width:399px;}
.section3_list_lf li div h3,.section3_list_rh li div h3{ font-size:17px; font-weight:normal; color:#4b70a0; padding-bottom:15px; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.section3_list_lf li div p ,.section3_list_rh li div p{ color:#4b70a0; font-size:14px; color:#4b70a0; line-height:21px;}


.section4_list{ text-align:center;letter-spacing: -4px;/*根据不同字体字号或许需要做一定的调整*/ word-spacing: -4px;font-size: 0; padding-top:15px; padding-bottom:70px;}
.section4_list li{ width:190px; height:100px;margin:0 5px; display:inline-block;*display:inline;*zoom:1; letter-spacing:normal; word-spacing:normal;background:#FFF; border-radius:2px;box-shadow:0 0 5px #ccc; -webkit-box-shadow:0 0 5px #ccc;-moz-box-shadow:0 0 5px #ccc;}
.section4_list li span{ display:block; margin:26px auto; background:url(../images/casen.jpg) no-repeat;}
.section4_list li span.ls_icon01{ width:106px; height:48px; background-position:5px 2px;}
.section4_list li span.ls_icon02{ width:108px; height:48px; background-position:-106px -2px;}
.section4_list li span.ls_icon03{ width:118px; height:48px; background-position:-211px center;}
.section4_list li span.ls_icon04{ width:121px; height:48px; background-position:-330px 2px;}


.section5_list{ width:1200px; overflow:hidden; padding-top:15px;}
.section5_list li{ width:365px; height:340px; padding:10px 10px 0; float:left; border:1px solid #dadada; margin:0 5px;box-shadow:0 0 5px #ccc; -webkit-box-shadow:0 0 5px #ccc;-moz-box-shadow:0 0 5px #ccc; }

.section5_list li span{ display:block; width:368px; text-align:center; height:201px; overflow:hidden;}
.section5_list li span img{ width:370px; height:201px; transform:scale(1);-webkit-transform:scale(1); -moz-transform:scale(1);-o-transform:scale(1); -ms-transform:scale(1); transition:transform 0.7s; -o-transition:transform 0.7s;-webkit-transition:transform 0.7s;-moz-transition:transform 0.7s;}
.section5_list li span img:hover{transform:scale(1.3);-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-o-transform:scale(1.3);-ms-transform:scale(1.3);}

.section5_list li h3{ width:352px; padding:15px 8px;font-size:15px; color:#666; font-weight:normal; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.section5_list li p{width:352px; font-size:14px; color:#858585; line-height:21px; padding:0 8px 35px;}
.morenewsn{ display:block; margin:30px auto 70px; width:152px; overflow:hidden; height:40px; border:1px solid #8aa9ca; border-radius:3px; font-size:16px; color:#8aa9ca; line-height:40px; text-align:center;}
.morenewsn i{ display:inline-block; *display:inline;*zoom:1; width:19px; height:21px; background:url(../images/iconn01.png) no-repeat -35px -1px; vertical-align:top; margin-top:10px; margin-left:10px; }
.morenewsn span{ display:inline-block; *display:inline;*zoom:1; }

.foot_listn{ width:1200px; overflow:hidden;padding:60px 0;}
.foot_listn li{ float:left; border-right:1px solid #444; color:#858585;}
.foot_listn li:last-of-type{border-right:0;}
.foot_listn li.last{border-right:0;}
.foot_listn li.ls_itemn01{ width:284px; padding-left:105px;}
.foot_listn li.ls_itemn01 span{ display:block; width:204px; height:65px; background:url(../images/logon02.png) no-repeat center center;}
.foot_listn li.ls_itemn01 p{ font-size:15px; padding-top:10px; text-indent:8px; letter-spacing:1px;}
.foot_listn li.ls_itemn02{ width:220px; padding-left:75px;}
.foot_listn li.ls_itemn02 .phonen{ font-size:20px; letter-spacing:1px; line-height:37px; margin-top:-5px;}
.foot_listn li.ls_itemn02 .phonen i{ display:inline-block; *display:inline;*zoom:1; float:left; vertical-align:top; width:28px; height:25px; background:url(../images/iconn01.png) no-repeat -68px top; margin-top:5px; margin-right:10px;}
.foot_listn li.ls_itemn02 .timen{ font-size:14px; padding-top:5px;}
.foot_listn li.ls_itemn03{ width:459px; padding-left:55px;}
.foot_listn li.ls_itemn03 p{ font-size:14px; line-height:38px; margin-top:-10px;}
.foot_copyn{ width:1200px; margin:0 auto; line-height:50px; text-align:center; font-size:12px; color:#666;}
.breadn{ color:#888; font-size:14px; padding:15px 0 15px 10px;}
.breadn a{ color:#888; font-size:14px; margin:0 5px;}
.breadn a:hover{ color:#3393ff;}
.breadn a.active{ color:#3393ff;}



/*价格授权*/
.author_bannerbg{ background:#c0e1f9; height:200px;}
.author_banner{ width:891px; height:191px; background:url(../images/authorbanner.png) no-repeat left top; margin:9px auto 0px auto; overflow:hidden;}
.banner_askbtn{ display:block; width:123px; height:27px; background:url(../images/author_btn.png) no-repeat left top; margin:158px auto 0px auto;}
.price_authorls{}
.price_authorls li{ width:228px; float:left; overflow:hidden; border:1px solid #ddd; margin-right:10px; background:#FFF;}
.pricels_top{ width:228px; height:120px; position:relative;}
.pricels_topbg01{ background:#ffca28;}
.pricels_topbg02{ background:#66bb6a;}
.pricels_topbg03{ background:#e57373;}
.pricels_topbg04{ background:#2abdc4;}
.pricels_topbg05{ background:#ba68c8;}
.pricels_top p{ font-size:14px; color:#FFF; font-weight:bold; text-align:center; line-height:30px; padding-top:20px;}
.pricels_top p em{ font-size:24px; font-style:normal;}
.pricels_top span{ position:absolute; left:114px; top:120px; margin-left:-25px; margin-top:-25px; z-index:999; display:block; width:44px; height:44px; border-radius:50%; border:3px solid #FFF;}
.pricels_top span i{ display:inline-block; *display:inline;*zoom:1; vertical-align:top; background:url(../images/author_icon.png) no-repeat;}
.pricels_top span.span01{ background:#ffca28;}
.pricels_top span.span02{ background:#66bb6a;}
.pricels_top span.span03{ background:#e57373;}
.pricels_top span.span04{ background:#2abdc4;}
.pricels_top span.span05{background:#ba68c8;}
.pricels_top span.span01 i{ width:32px; height:29px; background-position: left -5px; margin-left:5px; margin-top:7px;}
.pricels_top span.span02 i{ width:36px; height:29px; background-position:-36px -5px; margin-left:4px; margin-top:7px;}
.pricels_top span.span03 i{ width:33px; height:29px; background-position:-75px -5px;margin-left:6px; margin-top:8px;}
.pricels_top span.span04 i{ width:27px; height:29px; background-position:-115px -5px;margin-left:9px; margin-top:7px;}
.pricels_top span.span05 i{ width:25px; height:29px; background-position:-153px -5px;margin-left:9px; margin-top:7px;}
.pricels_btm{ width:158px; padding:35px 35px 20px; overflow:hidden;}
.pricels_btm h3{ width:158px;color:#666; font-size:16px; padding:0px 0 10px; border-bottom:1px solid #ddd; text-align:center; margin-bottom:10px;}
.pricels_btm span{ display:block; width:158px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#888; font-size:14px; padding-bottom:10px;}
.pricels_btm span i{ display:inline-block; *display:inline;*zoom:1; vertical-align:middle; width:20px; height:14px; background:url(../images/author_icon.png) no-repeat -193px -12px; margin-right:5px;}
.pricels_btm a{ display:block; width:158px; height:40px; background:#3393ff; color:#FFF; font-size:16px; border-radius:2px; line-height:40px; text-align:center; margin-top:10px;}
.pricels_btm a:hover{ background:#5ca9ff;}

.product_box{ width:1190px; overflow:hidden;}
.product_tit{ font-size:16px; color:#888; width:1190px; padding:15px 0;}
.product_tit i{display:inline-block; *display:inline;*zoom:1; vertical-align:top; background:url(../images/author_icon.png) no-repeat; margin-right:10px;}
.product_tit i.icon01{ width:24px; height:25px; background-position:-2px -44px;}
.product_tit i.icon02{ width:24px; height:27px; background-position:-2px -80px;}
.product_tb{ border-collapse:collapse; width:1190px; background:#FFF;}
.product_tb,.product_tb tr td{ border:1px solid #ddd;}
.product_tb tr td,.product_tb tr th{ text-align:center;}
.product_tb tr th{ height:40px; background:#fbe9cc; border-top:2px solid #ed9200;}
.product_tb tr th span{ display:block; height:24px; line-height:24px; font-size:14px; color:#666; font-weight:normal; border-right:1px solid #ddc199; margin:8px 0;}
.product_tb tr th span.last{ border-right:0;}
.product_tb tr td{ font-size:14px; color:#888;}
.product_tb tr td.product_tbt p{ font-size:14px; color:#666; line-height:30px;}
.product_tb tr td.product_tbt p em{ color:#aaa; font-size:13px;}
.product_tb tr td.product_tbt p span{ display:block; height:50px; font-size:14px; color:#666; border-bottom:1px solid #ddd; line-height:50px;}
.product_tb tr td.product_tbt p span.bornone{ border-bottom:0;}
.product_tb tr td span.gou{display:inline-block; *display:inline;*zoom:1; width:24px; height:18px; background:url(../images/author_icon.png) no-repeat -44px -49px;}
.product_tb tr td span.cha{display:inline-block; *display:inline;*zoom:1; width:23px; height:22px; background:url(../images/author_icon.png) no-repeat -87px -48px;}

.pro_introbox{ width:1118px; border:1px solid #ddd; background:#FFF; overflow:hidden; margin:15px 0 60px; padding:0 35px; padding-top:10px; padding-bottom:15px;}
.introbox_tit{ width:1118px;font-size:16px; color:#666; font-weight:bold; padding-top:20px; padding-bottom:12px;}
.introbox_tit i{display:inline-block; *display:inline;*zoom:1; vertical-align:top; width:22px; height:21px; background:url(../images/author_icon.png) no-repeat -45px -79px; margin-right:10px;}
.introbox_ls{}
.introbox_ls li{ width:1118px;color:#888; font-size:14px; line-height:24px; padding-bottom:7px;}
.introbox_ls li i{display:inline-block; *display:inline;*zoom:1; vertical-align:top; width:6px; height:6px; background:#aaa; border-radius:50%; margin-right:15px; margin-top:9px;}
.introbox_ls li span{ width:1097px;display:inline-block; *display:inline;*zoom:1; }






/*价格授权*/
.author_bannerbg{ background:#c0e1f9; height:200px;}
.author_banner{ width:1200px; height:191px; background:url(../images/authorbanner.png) no-repeat left top; margin:9px auto 0px auto; overflow:hidden;}
.banner_askbtn{ display:block; width:123px; height:27px; background:url(../images/author_btn.png) no-repeat left top; margin:158px auto 0px auto;}
.price_authorls{}
.price_authorls li{ width:227px; float:left; overflow:hidden; border:1px solid #ddd; margin-right:10px; background:#FFF;}
.pricels_top{ width:228px; height:120px; position:relative;}
.pricels_topbg01{ background:#ffca28;}
.pricels_topbg02{ background:#66bb6a;}
.pricels_topbg03{ background:#e57373;}
.pricels_topbg04{ background:#2abdc4;}
.pricels_topbg05{ background:#ba68c8;}
.pricels_top p{ font-size:14px; color:#FFF; font-weight:bold; text-align:center; line-height:30px; padding-top:20px;}
.pricels_top p em{ font-size:24px; font-style:normal;}
.pricels_top span{ position:absolute; left:114px; top:120px; margin-left:-25px; margin-top:-25px; z-index:999; display:block; width:44px; height:44px; border-radius:50%; border:3px solid #FFF;}
.pricels_top span i{ display:inline-block; *display:inline;*zoom:1; vertical-align:top; background:url(../images/author_icon.png) no-repeat;}
.pricels_top span.span01{ background:#ffca28;}
.pricels_top span.span02{ background:#66bb6a;}
.pricels_top span.span03{ background:#e57373;}
.pricels_top span.span04{ background:#2abdc4;}
.pricels_top span.span05{background:#ba68c8;}
.pricels_top span.span01 i{ width:32px; height:29px; background-position: left -5px; margin-left:5px; margin-top:7px;}
.pricels_top span.span02 i{ width:36px; height:29px; background-position:-36px -5px; margin-left:4px; margin-top:7px;}
.pricels_top span.span03 i{ width:33px; height:29px; background-position:-75px -5px;margin-left:6px; margin-top:8px;}
.pricels_top span.span04 i{ width:27px; height:29px; background-position:-115px -5px;margin-left:9px; margin-top:7px;}
.pricels_top span.span05 i{ width:25px; height:29px; background-position:-153px -5px;margin-left:9px; margin-top:7px;}
.pricels_btm{ width:158px; padding:35px 35px 20px; overflow:hidden;}
.pricels_btm h3{ width:158px;color:#666; font-size:16px; padding:0px 0 10px; border-bottom:1px solid #ddd; text-align:center; margin-bottom:10px;}
.pricels_btm span{ display:block; width:158px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#888; font-size:14px; padding-bottom:10px;}
.pricels_btm span i{ display:inline-block; *display:inline;*zoom:1; vertical-align:middle; width:20px; height:14px; background:url(../images/author_icon.png) no-repeat -193px -12px; margin-right:5px;}
.pricels_btm a{ display:block; width:158px; height:40px; background:#3393ff; color:#FFF; font-size:16px; border-radius:2px; line-height:40px; text-align:center; margin-top:10px;}
.pricels_btm a:hover{ background:#5ca9ff;}

.product_box{ width:1190px; overflow:hidden;}
.product_tit{ font-size:16px; color:#888; width:1190px; padding:15px 0;}
.product_tit i{display:inline-block; *display:inline;*zoom:1; vertical-align:top; background:url(../images/author_icon.png) no-repeat; margin-right:10px;}
.product_tit i.icon01{ width:24px; height:25px; background-position:-2px -44px;}
.product_tit i.icon02{ width:24px; height:27px; background-position:-2px -80px;}
.product_tb{ border-collapse:collapse; width:1190px; background:#FFF;}
.product_tb,.product_tb tr td{ border:1px solid #ddd;}
.product_tb tr td,.product_tb tr th{ text-align:center;}
.product_tb tr th{ height:40px; background:#fbe9cc; border-top:2px solid #ed9200;}
.product_tb tr th span{ display:block; height:24px; line-height:24px; font-size:14px; color:#666; font-weight:normal; border-right:1px solid #ddc199; margin:8px 0;}
.product_tb tr th span.last{ border-right:0;}
.product_tb tr td{ font-size:14px; color:#888;}
.product_tb tr td.product_tbt p{ font-size:14px; color:#666; line-height:30px;}
.product_tb tr td.product_tbt p em{ color:#aaa; font-size:13px;}
.product_tb tr td.product_tbt p span{ display:block; height:50px; font-size:14px; color:#666; border-bottom:1px solid #ddd; line-height:50px;}
.product_tb tr td.product_tbt p span.bornone{ border-bottom:0;}
.product_tb tr td span.gou{display:inline-block; *display:inline;*zoom:1; width:24px; height:18px; background:url(../images/author_icon.png) no-repeat -44px -49px;}
.product_tb tr td span.cha{display:inline-block; *display:inline;*zoom:1; width:23px; height:22px; background:url(../images/author_icon.png) no-repeat -87px -48px;}

.pro_introbox{ width:1118px; border:1px solid #ddd; background:#FFF; overflow:hidden; margin:15px 0 60px; padding:0 35px; padding-top:10px; padding-bottom:15px;}
.introbox_tit{ width:1118px;font-size:16px; color:#666; font-weight:bold; padding-top:20px; padding-bottom:12px;}
.introbox_tit i{display:inline-block; *display:inline;*zoom:1; vertical-align:top; width:22px; height:21px; background:url(../images/author_icon.png) no-repeat -45px -79px; margin-right:10px;}
.introbox_ls{}
.introbox_ls li{ width:1118px;color:#888; font-size:14px; line-height:24px; padding-bottom:7px;}
.introbox_ls li i{display:inline-block; *display:inline;*zoom:1; vertical-align:top; width:6px; height:6px; background:#aaa; border-radius:50%; margin-right:15px; margin-top:9px;}
.introbox_ls li span{ width:1097px;display:inline-block; *display:inline;*zoom:1; }



/*资讯*/
.infoban_pic{ background:url(../images/infotop_banner.jpg) no-repeat; height:200px; overflow:hidden;background-position-x:center}
.info_lfout{ width:895px; float:left; overflow:hidden;}
.info_lfboxn{ background:#FFF; border:1px solid #DDD; width:893px; overflow:hidden; margin-bottom:20px;}
.info_lfboxn ul{ padding:10px 45px 55px; overflow:hidden; width:808px;}
.info_lfboxn ul li{ padding:20px 0; border-top:1px solid #DDD; width:803px; overflow:hidden;}
.info_lfboxn ul li:first-of-type{border-top:0;}
.info_lfboxn ul li.first{ border-top:0;}
.info_lfboxn ul li .list_picn{ width:282px; height:152px; float:left;}
.info_lfboxn ul li .list_picn:hover{ box-shadow:0 0 5px #666;}
.info_lfboxn ul li .list_picn img{ border:1px solid #DDD;}
.info_lfboxn ul li .list_infon{ margin-left:20px; width:501px; float:left;}
.info_lfboxn ul li .list_infon h3{ font-size:15px; color:#444; padding:3px 0 6px; width:501px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.info_lfboxn ul li .list_infon h3 a{font-size:15px; color:#444; }
.info_lfboxn ul li .list_infon h3 a:hover{ color:#3393ff;}
.info_lfboxn ul li .list_infon p{ font-size:14px; color:#888; line-height:22px;}
.info_lfboxn ul li .list_infon div{ width:501px; overflow:hidden; padding-top:15px;}
.info_lfboxn ul li .list_infon div span{ display:block; line-height:21px; float:left; font-size:14px; color:#888;}
.info_lfboxn ul li .list_infon div span i{ display:inline-block;*display:inline;*zoom:1; float:left; background:url(../images/info_icons.png) no-repeat; margin-right:7px;}
.info_lfboxn ul li .list_infon div span.timen i{width:17px; height:21px; background-position:0 center;}
.info_lfboxn ul li .list_infon div span.readern{ margin-left:30px;}
.info_lfboxn ul li .list_infon div span.readern i{ width:21px; height:21px; background-position:-25px center;}


.pagination{ background:#FFF; border:1px solid #DDD; text-align:center; padding:15px 0; font-size:14px; color:#666; width:893px; overflow:hidden;}
.pagination a{ display:inline-block;*display:inline;*zoom:1;padding:5px 8px; margin:0 6px;border-radius:2px; font-size:14px; color:#666;}
.pagination span{ display:inline-block;*display:inline;*zoom:1; margin:0 6px;}
.pagination a.greybg{ background:#eee;  }
.pagination a.orange{ background:#ed9200; color:#FFF;}
.pagination a:hover{background:#ed9200; color:#FFF;}



.info_rhboxn{ background:#FFF; border:1px solid #DDD; width:290px; float:left; margin-left:10px; border-radius:2px;}
.info_rhboxn h3{ width:290px; height:50px; line-height:50px; font-size:15px; color:#ed9200; border-bottom:1px solid #DDD; overflow:hidden; white-space:nowrap; text-overflow:clip;}
.info_rhboxn h3 i{ display:inline-block;*display:inline;*zoom:1; float:left; width:18px; height:50px; background:url(../images/info_icons.png) no-repeat -132px 13px; margin:0 10px 0 20px;}
.info_rhboxn ul{ padding:10px 20px; width:253px; float:left; overflow:hidden;}
.info_rhboxn ul li{ padding:12px 0 18px; border-top:1px solid #ddd; overflow:hidden;}
.info_rhboxn ul li:first-of-type{ border-top:0;}
.info_rhboxn ul li.first{ border-top:0;}
.info_rhboxn ul li div{ width:76px; height:50px; float:left;}
.info_rhboxn ul li div a img{ display:block; border:none;}
.info_rhboxn ul li p{ width:162px; float:left; margin-left:76px; margin-left:15px; font-size:12px; color:#888; line-height:17px;}
.info_rhboxn ul li p a{font-size:12px; color:#888;}
.info_rhboxn ul li p a:hover{font-size:12px; color:#3393ff;}




/*资讯-文章详情*/
.inde_lfboxn{ padding:50px 80px 80px; width:733px; background:#FFF; border:1px solid #DDD;}
.inde_top{ border-bottom:1px solid #DDD; padding-bottom:15px; width:733px; overflow:hidden;}
.inde_top h3{ width:733px; text-align:center; font-size:15px; padding-bottom:10px; color:#444; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.inde_top div{ width:733px; text-align:center; height:18px; line-height:18px;}
.inde_top div span{ display:inline-block;*display:inline;*zoom:1; font-size:12px; color:#aaa; padding:0 20px;}
.inde_top div span.bor{ border-right:1px solid #DDD;}
.inde_top div span i{display:inline-block;*display:inline;*zoom:1; float:left; background:url(../images/info_icons.png) no-repeat; margin-right:8px;}
.inde_top div span.time i{ width:16px; height:18px; background-position:-55px -2px;}
.inde_top div span.reader i{ width:21px; height:18px; background-position:-78px -2px;}
.inde_top div span.person i{ width:15px; height:18px; background-position:-107px -2px;}
.inde_nr{ width:733px; padding:10px 0 25px; overflow:hidden;}
.inde_nr h5{ font-size:14px; font-weight:bold; color:#666; padding-bottom:5px;}
.inde_nr p{ font-size:14px; color:#666; line-height:24px; text-indent:2em; padding-bottom:5px;}
.inde_btm{ width:733px; overflow:hidden;}
.inde_btm p{ float:left; font-size:14px; color:#666;}
.inde_btm p span{ display:inline-block;*display:inline;*zoom:1; padding:5px 20px; background:#9dc0e0; color:#FFF; border-radius:2px; margin:5px;}
.bdsharebuttonbox{ float:right;}





/*关于我们*/
.aboutban_pic{ background:url(../images/aboutus_banner.jpg) no-repeat; height:200px; overflow:hidden;background-position-x:center}
.about_lf{ background:#FFF; border:1px solid #DDD; width:193px; float:left; padding-bottom:218px;}
.padbtm80{ padding-bottom:80px;}
.padbtm115{ padding-bottom:115px;}
.about_rh{ background:#FFF; border:1px solid #DDD; width:903px; float:left; margin-left:10px; padding:20px 45px 60px;}
.ablf_tit{ font-size:18px; color:#666; width:193px; text-align:center; height:48px; line-height:48px; padding-top:10px; font-weight:normal; border-bottom:1px dashed #DDD;}
.ablf_list li{ width:193px; height:50px; border-bottom:1px dashed #DDD;}
.ablf_list li a{ display:block; width:189px; height:50px; line-height:50px;*line-height:50px;_line-height:50px; font-size:14px; color:#666; text-align:center; border-right:4px solid #ffff;}
.ablf_list li a i{ display:inline-block;*display:inline;*zoom:1; vertical-align:top; margin-top:15px; margin-right:13px; border:none; background:url(../images/aboutus_icon01.png) no-repeat;}
.ablf_list li a span{display:inline-block;*display:inline;*zoom:1; vertical-align:top;}
.ablf_list li a.company_intro i{ width:20px; height:20px; background-position:-1px top;}
.ablf_list li a.company_intro:hover i{background-position:-1px -23px;}
.ablf_list li a.company_intro i.active{ background-position:-1px -23px;}
.ablf_list li a.success_case i{ width:19px; height:19px; background-position:-28px top;}
.ablf_list li a.success_case:hover i{ background-position:-28px -23px;}
.ablf_list li a.success_case i.active{background-position:-28px -23px;}
.ablf_list li a.honors i{ width:19px; height:20px; background-position:-56px top;}
.ablf_list li a.honors:hover i{ background-position:-56px -23px;}
.ablf_list li a.honors i.active{ background-position:-56px -23px;}
.ablf_list li a.join_us i{ width:19px; height:19px; background-position:-87px top;}
.ablf_list li a.join_us:hover i{ background-position:-87px -23px;}
.ablf_list li a.join_us i.active{ background-position:-87px -23px;}
.ablf_list li a.connect_us i{ width:19px; height:20px; background-position:-117px top;}
.ablf_list li a.connect_us:hover i{background-position:-117px -23px;}
.ablf_list li a.connect_us i.active{background-position:-117px -23px;}
.ablf_list li a:hover{border-right:4px solid #3393ff; color:#3393ff;}
.ablf_list li a.active{ border-right:4px solid #3393ff; color:#3393ff;}
.abrh_tit{ font-size:18px; color:#666; width:903px; padding-bottom:25px; border-bottom:1px solid #DDD; font-weight:normal;}
.abrh_con{ width:903px;font-size:14px; color:#888; line-height:24px;_line-height:24px;*line-height:24px; padding-top:10px;}
.abrh_list{ padding:30px 0 0 45px; overflow:hidden; width:858px;}
.abrh_list li{ width:858px; padding-bottom:35px; overflow:hidden;}
.abrh_list li span{ display:block; float:left; width:101px; height:109px; background:url(../images/aboutus_icons02.png) no-repeat;}
.abrh_list li span.ls_pic01{ background-position: left center;}
.abrh_list li span.ls_pic02{ background-position:-110px center;}
.abrh_list li span.ls_pic03{ background-position:-220px center;}
.abrh_list li span.ls_pic04{ background-position:-329px center;}
.abrh_list li div{ margin-left:35px; float:left; width:722px;}
.abrh_list li div h5{ font-size:16px; color:#666; font-weight:normal; width:722px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-bottom:15px; padding-top:3px;}
.abrh_list li div p{ font-size:14px; color:#888; line-height:24px; width:722px;}



/*功能说明*/
.function_topbg{ height:200px; background:url(../images/function_bg.jpg) no-repeat left center; background-size:cover;}
.function_top{ width:1200px; height:166px; background:url(../images/functiontop_banner.png) no-repeat 25px center;  margin:17px auto; position:relative;}
.function_topbtn{ width:152px; height:50px; display:block; background:url(../images/function_topbtn.png); position:absolute; left:686px; top:120px; text-indent:-9999px;}
.multiplatform{ width:1200px; padding:35px 0 60px; overflow:hidden;}
.multiplatform li{ width:399px; float:left; border-right:1px solid #eee; text-align:center;}
.multiplatform li .span_icon{ display:block; width:71px; height:80px; background:url(../images/function_icon.png) no-repeat; margin:0 auto 20px;}
.multiplatform li .span_icon01{ background-position:-2px top;}
.multiplatform li .span_icon02{ background-position:-84px top;}
.multiplatform li .span_icon03{ background-position:-167px top;}
.multiplatform li .span_line{ display:block; width:50px; padding-bottom:10px; font-size:15px; font-weight:bold; color:#666; text-align:center; margin:0 auto; letter-spacing:0.7px;}
.multiplatform li .span_line01{ border-bottom:2px solid #ffc800;}
.multiplatform li .span_line02{ border-bottom:2px solid #3390ff;}
.multiplatform li .span_line03{ border-bottom:2px solid #00d138;}
.multiplatform li p{ padding:20px 0 15px; text-align:center; font-size:14px; color:#888;}

.product_function{ width:1200px; overflow:hidden; padding:30px 0 60px;}
.product_function li{ border-top:1px solid #FFF; width:400px; float:left; overflow:hidden;}
.product_function li.bortopnone{ border-top:0;}
.product_function li div{ width:269px; border-right:1px solid #FFF; margin:25px 0 20px 0; padding:0 65px; overflow:hidden;}
.product_function li:nth-of-type(3n) div{ border-right:0;}
.product_function li div .span_icon{ display:block; width:68px; height:66px; background:url(../images/function_icon.png) no-repeat; margin:15px auto 20px;}
.product_function li div .span_icon01{ background-position:-2px -91px;}
.product_function li div .span_icon02{ background-position:-90px -91px;}
.product_function li div .span_icon03{ background-position:-181px -91px;}
.product_function li div .span_icon04{ background-position:-270px -91px;}
.product_function li div .span_icon05{ background-position:-361px -91px;}
.product_function li div .span_icon06{ background-position:-2px -175px;}
.product_function li div .span_icon07{ background-position:-90px -175px;}
.product_function li div .span_icon08{ background-position:-181px -175px;}
.product_function li div .span_icon09{ background-position:-270px -175px;}
.product_function li div span.span_tit{ display:block;font-size:15px; color:#444; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-bottom:10px;}
.product_function li div p{ color:#888; font-size:14px; line-height:24px; text-align:center; padding-bottom:20px;}

.function_tb{ border-collapse:collapse; margin:40px 0 60px; width:1190px;}
.function_tb tr td{ border:1px solid #dadada;font-size:13px; color:#888; text-align:left; padding:0 35px; line-height:24px; padding:15px 35px;}
.function_tb tr td.font14{ font-size:14px;}
.function_tb tr td.col666{ color:#666;}
.function_tb tr td.textcenter{ text-align:center;}
.function_tb tr.bg01{ background:#85a4c5;}
.function_tb tr.bg01 td{ font-size:16px; height:40px; color:#FFF; text-align:center; padding:0;}
.function_tb tr.bg02{ background:#e2e4e7;}
.function_tb tr.bg02 td{ font-size:14px; height:40px; color:#444; text-align:center; padding:0;}



/*固定浮动层*/
.float_box{ width:400px; height:426px; background:#3395ff; border-radius:10px; position:fixed;top: 50%;left: 50%; margin-left:-200px; margin-top:-213px; overflow:hidden;
 box-shadow:2px 3px 10px #a1a1a1;-webkit-box-shadow:2px 2px 10px #a1a1a1;-moz-box-shadow:2px 3px 10px #a1a1a1; -o-box-shadow:2px 3px 10px #a1a1a1;-ms-box-shadow:2px 3px 10px #a1a1a1;}
.float_box02{width:400px; height:0px; background:#3395ff; border-radius:10px; position:absolute; bottom:0; right:0;overflow:hidden;
 box-shadow:2px 3px 10px #a1a1a1;-webkit-box-shadow:2px 2px 10px #a1a1a1;-moz-box-shadow:2px 3px 10px #a1a1a1; -o-box-shadow:2px 3px 10px #a1a1a1;-ms-box-shadow:2px 3px 10px #a1a1a1;}
.del_icon{ display:block; width:29px; height:29px; background:url(../images/float_del.png) no-repeat center center; position:absolute; right:10px; top:10px; z-index:999;}
.float_toppic{ display:block; width:302px; height:149px; margin:30px auto 25px auto; background:url(../images/float_laypic.png) no-repeat center center;}
.float_info{ width:100%; font-size:16px; color:#FFF; line-height:30px; font-weight:200; text-align:center; letter-spacing:0.7px;}
.float_info em{ font-weight:bold;}
.float_tel{ width:100%; text-align:center; font-size:18px; color:#FFF; font-weight:200; padding:15px 0; letter-spacing:1px;}
.float_qq{ display:block; width:240px; height:60px; line-height:60px; text-align:center; color:#3395ff; font-size:24px; border-radius:5px; background:#FFF; margin:15px auto 0 auto;}
.float_btm_bg{ width:400px; height:150px; background:url(../images/float_btmbg.png) no-repeat center center; position:absolute; bottom:0; z-index:-1;}

.float_box03{ width:400px; height:426px; background:#3395ff; border-radius:10px; position:fixed;top: 50%;right: 50%; margin-left:-200px; margin-top:-213px; overflow:hidden;
 box-shadow:2px 3px 10px #a1a1a1;-webkit-box-shadow:2px 2px 10px #a1a1a1;-moz-box-shadow:2px 3px 10px #a1a1a1; -o-box-shadow:2px 3px 10px #a1a1a1;-ms-box-shadow:2px 3px 10px #a1a1a1; display:none;z-index:99999;
}

.showanimation { 
  animation: in 1s ease both; 
  -webkit-animation: in 1s ease both; 
  -moz-animation: in 1s ease both; 
  display: block; 
  animation-delay:0s;
  -webkit-animation-delay:0s;
}
.hideanimation { 
  animation: out 1s ease both; 
  -webkit-animation: out 1s ease both; 
  -moz-animation: out 1s ease both; 
  display: none\0; 
  *display: none; 
}


@keyframes in {
  0% {transform: scale(0,0) skew(60deg,60deg); top: 100%; right: 50px;margin-right:0px; margin-top:0px;}
  100% {transform: scale(1,1) skew(0,0); top: 50%; right: 50%; margin-right:-200px; margin-top:-213px;}
}

@-webkit-keyframes in {
  0% {-webkit-transform: scale(0,0) skew(60deg,60deg); top: 100%; right: 50px;margin-left:0px; margin-top:0px;}
  100% {-webkit-transform: scale(1,1) skew(0,0); top: 50%; right: 50%; margin-right:-200px; margin-top:-213px;}
}

@-moz-keyframes in {
  0% {-moz-transform: scale(0,0) skew(60deg,60deg); top: 100%; right: 50px;margin-left:0px; margin-top:0px;}
  100% {-moz-transform: scale(1,1) skew(0,0); top: 50%; right: 50%; margin-right:-200px; margin-top:-213px;}
}

@keyframes out {
  0% {transform: scale(1,1) skew(0,0); top: 50%; right: 50%;margin-right:-200px; margin-top:-213px;}
  100% {transform: scale(0,0) skew(60deg,60deg); top: 100%; right: 50px; display: none;margin-right:0px; margin-top:0px;}
}

@-webkit-keyframes out {
  0% {-webkit-transform: scale(1,1) skew(0,0); top: 50%; right: 50%;margin-left:-200px; margin-top:-213px;}
  100% {-webkit-transform: scale(0,0) skew(60deg,60deg); top: 100%; right: 50px; display: none;margin-right:0px; margin-top:0px;}
}

@-moz-keyframes out {
  0% {-moz-transform: scale(1,1) skew(0,0); top: 50%; right: 50%;margin-left:-200px; margin-top:-213px;}
  100% {-moz-transform: scale(0,0) skew(60deg,60deg); top: 100%; right: 50px; display: none;margin-right:0px; margin-top:0px;}
}



/*定制开发*/
.development_banner{ width:100%; min-width:1200px; float:left; overflow:hidden; height:200px; background:url(../images/development_banner.png) no-repeat center center; background-size:cover;}
.develop_conbg{ width:1026px; height:1123px; margin:30px auto 60px auto; overflow:hidden; background:url(../images/development_contantbg.png) no-repeat center center;}
.develop_conbg ul{ width:1021px; height:1115px; padding-top:8px; overflow:hidden;padding-left:5px;}
.develop_conbg ul li{ width:1021px; height:83px; padding-bottom:60px; overflow:hidden; }
.develop_conbg ul li span{ display:inline-block;*display:inline;*zoom:1; width:252px; height:53px; text-align:center; line-height:24px; font-size:16px; color:#666; padding:15px 0; vertical-align:middle;}
.develop_conbg ul li span.marlf125{ margin-left:125px;}
.develop_conbg ul li span.marlf136{ margin-left:136px;}
.develop_conbg ul li span.lh50{ line-height:50px;}
.develop_conbg ul li.padtop10{ padding-top:10px;}
.develop_conbg ul li.padtop15{ padding-top:15px;}
.develop_conbg ul li span.colblue{ color:#3390ff;}
.develop_conbg ul li span.last{ font-size:20px; font-weight:bold; color:#FFF;}