@charset "utf-8";
/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}

@media screen and (min-width: 320px) {
    html {font-size: 12px;}
}
 @media screen and (min-width: 360px) {
    html {font-size: 12px;}
}
@media screen and (min-width: 480px) {
    html {font-size: 14px;}
}
@media screen and (min-width: 640px) {
    html {font-size: 16px;}
}
@media screen and (min-width: 720px) {
    html {font-size: 16px;}
}
/* CSS Document */
body{padding:0; font-family:"Microsoft YaHei",Arial;font-size:16px; width:100%; min-width:320px;}
.fl{float: left;}
.fr{float: right;}
.margin{margin:0 auto;}
.hidden{overflow:hidden;}
.width1560{ width:96%;max-width:1560px; min-width:300px;}
img{max-width: 100%;}

/*top_mu*/
.top_mu{ position:fixed;top:0px; z-index:999; width:100%; min-width:320px;height:5rem; background-color:#ffffff;}

.top_mu .logo{ float:left; margin-left:1.5%; margin-top:1.5rem;}
.top_mu .lxwm{ background-color:#1d42d6; color:#ffffff; font-size:1rem; height:2.5rem; line-height:2.5rem; border-radius:1.25rem; width:8.75rem; text-align:center; margin:1.25rem 0px 1.25rem 1.5%;}

.top_mu .mu_con{ width:80%; position:relative;}
.top_mu .mu_con .top_m{width:50%; float:left; margin-left:25%;}
.top_mu .mu_con .top_m .gh{display:none;}
.top_mu .mu_con .mu_ul{position: relative;z-index:888;transition: all .5s ease;width:100%;height:auto;}
.top_mu .mu_con .mu_ul li{float:left; position:relative;}
.top_mu .mu_con .mu_ul li a dd{font-size:1rem;color:#141416;line-height:5rem; text-align:center;padding: 0px 2rem;}
.top_mu .mu_con .mu_ul li:hover a dd{ background-color:#2347cf; color:#ffffff;}
.top_mu .mu_con .mu_ul li a dd i{ position:absolute; left:0px; height:20px; top:50%; margin-top:-10px; width:1px; background-color:#e8e8e8;}
.top_mu .mu_con .mu_ul li:hover a dd i{ display:none;}
.top_mu .mu_con .mu_ul li div.con{width:100%;display: none; position:absolute; background-color:rgba(255,255,255,.80); padding:0.5rem 0.875rem;}
.top_mu .mu_con .mu_ul li:hover div.con{ display: block;}
.top_mu .mu_con .mu_ul li div.con dl.c{ border-bottom:1px solid #9b9fa2; line-height:2.875rem; position:relative;}
.top_mu .mu_con .mu_ul li div.con dl.c a{ font-size:0.75rem; color:#333333;}
.top_mu .mu_con .mu_ul li div.con dl.c a p{ overflow:hidden;}
.top_mu .mu_con .mu_ul li div.con dl.c a span{ float:left;}
.top_mu .mu_con .mu_ul li div.con dl.c a i{ float:right;}
.top_mu .mu_con .mu_ul li div.con dl.c a:hover{ color:#1d42d6;}
.top_mu .mu_con .mu_ul li div.con dl.c div.con2{ display:none; margin-left:100%;position:absolute;top:-0.5rem;width:100%; padding:0px 8%;}
.top_mu .mu_con .mu_ul li div.con dl.c:hover div.con2{ display:block;}
.top_mu .mu_con .mu_ul li div.con dl.c div.con2 dl{background-color:rgba(255,255,255,.80); padding:0px 8%;}

.mu_con .so{ overflow:hidden;margin:1.25rem 0px;}
.mu_con .so .so_t{ color:#141416;line-height:2.5rem; margin-right:1rem; font-size:1rem;}
.mu_con .so.on{ width:17%;}
.mu_con .so.on .so_t{ display:none;}
.mu_con .so form{ opacity:0; width:0px;transition: all 1s ease; height:0px;}
.mu_con .so.on form{ height:auto; opacity:1; width:250px; border-bottom:1px solid #414549;transition: all 1s ease; height:2.5rem;}
.mu_con .so.on form .s_btn{ float:left; border:0px; text-align:left; border-right:1px solid #141416; background:none; color:#141416; width:15%; height:1.25rem; line-height:1.25rem; font-size:1.25rem;}
.mu_con .so.on form .s_txt{font-size:1rem;float: right; border:0px; background:none; width:80%;height:1.25rem; line-height:1.25rem; color:#141416;}

.so_show_top{ width:96%; max-width:1200px; min-width:300px;}
.so_show_top dd{ text-align:center; color:#ffffff; font-size:2.25rem; margin-bottom:2.5rem;}
.so_show_top form{ height:3rem; width:84%; padding:0px 1rem; background-color:#ffffff; margin:0px auto; border-radius:1.5rem;}
.so_show_top form .s_txt{ float:left; height:3rem; width:95%; line-height:3rem; border:0px; background:none; font-size:1rem; color:#333333;}
.so_show_top form .s_btn{ width:5%; float:right; font-size:1.25rem; color:#001c79; line-height:3rem; border:0px; background: none;}
.so_show{ width:96%; max-width:1200px; min-width:300px; padding:3rem 0px;}
.so_show ul{ overflow:hidden;}
.so_show ul li{ overflow:hidden; border-bottom:1px solid #eeeeee; margin-bottom:1rem;}
.so_show ul li dd{ font-size:1.125rem; font-weight:bold;color:#333333;}
.so_show ul li dl{ font-size:0.875rem; color:#666666; line-height:1.5rem; margin:1rem 0px;}

/*.index_con,.index_ul,.index_news*/
.index_con,.index_ul,.index_news{ position:relative; padding-top:31.25rem; margin-top:-31.25rem;}
#t1{ z-index:9;}
#t2{ z-index:8;}
#t3{ z-index:7;}
#t4{ z-index:6;}
#t5{ z-index:5;}
#t6{ z-index:4;}
#t7{ z-index:3;}
#t8{ z-index:2;}
/*index_con*/
.index_con{ overflow:hidden;}
.index_con img{ width:57.804%; max-width:1100px;}
.index_con div.bg{ width:27.196%; padding:0px 7.5%; top:31.25rem; bottom:0px; max-width:820px; position:absolute;}
.index_con img,.index_con div.bg,.index_con.on img,.index_con.on div.bg{transition: all .5s ease;}
.index_con div.bg div{ position: relative; width:100%; top:50%; margin-top:-9.21875rem; height:18.4375rem;}
.index_left img{ float:left; margin-left:-50%;}
.index_left div.bg{ right:-50%; background-color:#f7f8fa; color:#333333;}
.index_left.on img{ margin-left:0px;}
.index_left.on div.bg{right:0px;}
.index_right img{ float:right; margin-right:-50%;}
.index_right div.bg{ left:-50%; background-color:#0f288a; color:#ffffff;}
.index_right.on img{margin-right:0px;}
.index_right.on div.bg{ left:0px;}
.index_con div.bg dd{ font-size:3rem; font-weight:bold; margin-bottom:1rem;}
.index_con div.bg dl{ font-size:2.25rem; margin-bottom:1.5rem; line-height:3.5rem;}
.index_con div.bg a{ font-size:1rem; color:#ffffff; padding:0.5rem 2.25rem; border-radius:1.25rem;}
.index_left div.bg a{ background-color:#1d42d6; border:1px solid #1d42d6;}
.index_right div.bg a{border:1px solid #ffffff;}

/*index_ul*/
.index_ul{overflow:hidden; width:100%; min-width:320px;}
.index_ul ul{ margin:8.125rem auto; overflow:hidden; width:80%; }
.index_ul ul li{ float:left; width:28%; margin:0px 2.5%; text-align:center;}
.index_ul ul li a{ color:#797979;}
.index_ul ul li a:hover{ color:#333333;}
.index_ul ul li a:hover img{ opacity:0.8;transition: all .5s ease;}
.index_ul ul li a img{ margin-top:-15rem;transition: all .5s ease;}
.index_ul.on ul li a img{ margin-top:0px;transition: all .5s ease;}
.index_ul ul li a dd{ font-size:1.875rem; font-weight:bold;  margin:1.5rem 0px -5rem;transition: all .5s ease;}
.index_ul.on ul li a dd{ margin:1.5rem 0px;transition: all .5s ease;}
.index_ul ul li a dl{ font-size:1rem; line-height:2rem; margin-bottom:-6rem;transition: all .5s ease;}
.index_ul.on ul li a dl{ margin-bottom:0px;transition: all .5s ease;}

/*新闻动态*/
.index_news{ margin:-31.25rem auto 0px; overflow:hidden; opacity:0; width:84%; transition:3s;}
.index_news.on{ opacity:1;transition:3s;}
.index_news .tit{ font-size:3rem; color:#333333; font-weight:bold; margin:4.5rem 0px;}
.index_news ul{ overflow:hidden;}
.index_news ul li{ float:left; width:22%; margin-right:3%;}
.index_news ul li div{ overflow:hidden;}
.index_news ul li div.t{ position:relative;}
.index_news ul li div.t img{ margin-bottom:-5px;}
.index_news ul li div.t i{ position:absolute; opacity:0;transition: all .5s ease; top:0px; bottom:0px; left:0px; right:0px; background-color:rgba(0,0,0,.50); z-index:1;}
.index_news ul li:hover div.t i{ opacity:1;transition: all .5s ease;}
.index_news ul li div.f{ border:1px solid #cccccc; border-top:0px; padding:2rem 1.25rem;}
.index_news ul li div.f dd{ font-size:1.25rem; font-weight:bold;overflow: hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis;}
.index_news ul li div.f ol{ color:#cccccc;font-size:0.875rem; margin:0.5rem 0px;}
.index_news ul li div.f dl{ font-size:0.875rem; line-height:1.5rem; margin-bottom:1rem; min-height:4.5rem;    min-height: 72px;}
.index_news ul li div.f a{ color:#666666; font-size:0.875rem;}
.index_news ul li div.f a:hover{ color:#0f288a;}
.index_news .more{ text-align:center; height:2.5rem; line-height:2.5rem; border-radius:1.25rem; color:#ffffff; font-size:1rem; background-color:#1d42d6; width:8.75rem; margin:4.5rem auto;}

.fh_top{ text-align:center; width:100%; padding:6.875rem 0px;}
.fh_top a{ font-size:1.125rem; color:#000000;}
.fh_top a:hover{ color:#1d42d6;}
.fh_top a i{ color:#a0a0a0;}

/*foot_bg*/
.foot_bg{ border-top:1px solid #50555f; position:relative; z-index:2; background-color:#242a37; width:100%; min-width:320px; overflow:hidden; padding-top:6rem;}
.foot_bg div{ overflow:hidden;}
.foot_bg div.t{ margin-bottom:5.625rem;}
.foot_bg div.t ul.fl{ overflow:hidden; width:75%;}
.foot_bg div.t ul.fl li{ float:left; width:20%;}
.foot_bg div.t ul.fl li dd{ font-size:1rem; color:#ffffff;}
.foot_bg div.t ul.fl li div{ overflow:hidden; margin-top:1rem;}
.foot_bg div.t ul.fl li div dl{ font-size:0.875rem; line-height:2rem;}
.foot_bg div.t ul.fl li div dl a{ color:#999999;}
.foot_bg div.t ul.fl li div dl a:hover{ color:#1d42d6;}
.foot_bg div.t ul.fr{ width:17%; max-width:260px; margin-right:4%; overflow:hidden; color:#ffffff; font-size:0.875rem;}
.foot_bg div.t ul.fr li{ overflow:hidden;}
.foot_bg div.t ul.fr li.t{ margin-bottom:0.875rem;}
.foot_bg div.t ul.fr li.t a{ margin-right:1rem;}
.foot_bg div.t ul.fr li.c{ line-height:1.5rem;}
.foot_bg div.t ul.fr li.f{ margin-top:1rem; background-color:#1d42d6; color:#ffffff; font-size:0.875rem; border-radius:1.25rem; line-height:2.5rem; text-align:center;}
.foot_bg div.f{border-top:1px solid #50555f; padding-top:2rem;}
.foot_bg div.f dl{ overflow:hidden; margin-bottom:1rem;}
.foot_bg div.f dl.t{ color:#ffffff; position:relative; padding-left:8.5rem; height:2.125rem; line-height:2.125rem;}
.foot_bg div.f dl.t img{ position:absolute; left:0px; width:7.25rem;}
.foot_bg div.f dl.t a{ color:#ffffff; margin:0px 0.5rem;}
.foot_bg div.f dl.t a:hover{ color:#1d42d6;}
.foot_bg div.f dl.f{ font-size:0.875rem; color:#999999; padding-bottom:1rem;}
.foot_bg div.f dl.f span{ margin-left:1rem; margin-right:2rem;}
.foot_bg div.f dl.f a{ color:#3b4457;}

/*欣方简介*/
.page_bg{ width:100%; min-width:320px; position:relative; background-repeat:no-repeat; background-position:50% center; background-size:100% auto;}
.page_bg img.bg{ margin-bottom:-4px; opacity:0;}
.page_bg .page_bg{z-index:8; position:absolute; height:70%; top:30%; width:100%; min-width:320px;overflow:hidden;}
.page_banner div.fl{ color:#ffffff; width:57%; padding-bottom:1rem;}
.page_banner div.fl dd{ font-size:3rem; margin-bottom:1rem;}
.page_banner div.fl dl{ font-size:1.125rem; line-height:3rem; text-align:justify; margin-bottom:1rem;}
.page_banner div.fl a i{ height:2.5rem; line-height:2.5rem; /*background:url(../images/jt2.png) no-repeat scroll right center;*/ padding:0px 2rem 0px 1rem; border-left:2px solid #f8f8f8; font-size:1rem; color:#ffffff; position:relative;}
.page_banner div.fl a i img{ position:absolute; top:0px; right:0px;animation:myfirst 2s linear 0s infinite alternate;
/* Firefox: */
-moz-animation:myfirst 2s linear 0s infinite alternate;
/* Safari and Chrome: */
-webkit-animation:myfirst 2s linear 0s infinite alternate;
/* Opera: */
-o-animation:myfirst 2s linear 0s infinite alternate;}
@keyframes myfirst{0%{top:0rem;}100%{ top:0.5rem;}}
.page_banner ul.fr{ width:24%;}
.page_banner ul.fr li{ margin-bottom:1.25rem; height:5.625rem; line-height:5.625rem; background-color:#000000; transition: all .5s ease;}
.page_banner ul.fr li:hover,.page_banner ul.fr li.on{ background-color:#1d42d6; transition: all .5s ease;}
.page_banner ul.fr li a{ color:#ffffff; font-size:1rem;}
.page_banner ul.fr li a dl{ background-image:url(../images/jt1.png); background-repeat:no-repeat; background-position:right center; width:80%; margin:0px auto; transition: all .5s ease;}
.page_banner ul.fr li:hover a dl,.page_banner ul.fr li.on a dl{  background-position:-30px center; transition: all .5s ease;}

/*page_con*/
.page_con{ padding:3.875rem 0px 5.625rem; position:relative;}
.page_con .page_left{ float:left; width:10%; z-index:1; margin-left:1px; border-left:1px solid #cccccc; padding:2rem 0px;}
.page_con .page_left a{ color:#666666;}
.page_con .page_left dd{ color:#666666; font-size:0.875rem; line-height:2.375rem; margin-bottom:2rem; padding-left:11%; margin-left:1px;}
.page_con .page_left dd:hover{ border-left:3px solid #265bff; margin-left:-2px;}
.page_con .page_left dd:hover a{ color:#265bff;}
.page_con .page_left ul{ width:100%;}
.page_con .page_left ul li{ overflow:hidden; font-size:0.875rem; line-height:2.375rem; margin-bottom:2rem; padding-left:11%;margin-left:1px;}
.page_con .page_left ul li.active,.page_con .page_left ul li:hover{border-left:3px solid #265bff; margin-left:-2px;}
.page_con .page_left ul li.active a,.page_con .page_left ul li:hover a{ color:#265bff;}
.page_con .fl_r{ float:right; width:87%;}
.page_con .fl_r .con{overflow:hidden;/* margin-bottom:3rem;*/ padding-top:4rem; color:#333333;}
.page_con .fl_r .about_yy{border-bottom:1px solid #333333; }
.page_con .fl_r .con .about_t{ font-size:1.875rem; margin-bottom:1.75rem;}
.about_yy dl{ line-height:1.625rem; overflow:hidden; margin-bottom:3.75rem; font-size:1rem; line-height:1.875rem;}
.about_yy ul,.about_yy ul li{ overflow:hidden;}
.about_yy ul{ border-bottom:1px solid #333333; width:100%; margin-bottom:3.4375rem; padding-bottom:3.75rem;}
.about_yy ul li{ width:23%; margin-right:10%; float:left;}
.about_yy ul li ol{ font-size:1.875rem; margin-bottom:1.375rem;}
.about_yy ul li dl{ font-size:0.875rem; margin-bottom:0px;}
.about_zz ul{ overflow:hidden; width:100%;}
.about_zz ul li{ width:50%; float:left; margin-bottom:1.5rem;}
.about_zz ul li ol{ font-size:1rem; line-height:2rem;}
.about_zz ul li dl{ line-height:1.875rem; font-size:1rem;}
.about_rw dd{ border-bottom:1px solid #333333; padding-bottom:1.5rem;}
.about_rw ul{ overflow:hidden;}
.about_rw ul li{ overflow:hidden; border-bottom:1px solid #cccccc; padding-bottom:1.5rem; margin-bottom:1.5rem;}
.about_rw ul li div{ overflow:hidden;}
.about_rw ul li div.t ol{ font-size:1.125rem; color:#007bff;}
.about_rw ul li div.t dl{ font-size:0.875rem; color:#999999; margin:1rem 0px;}
.about_rw ul li div.f{ display:none; line-height:2rem; padding-right:43%; font-size:0.875rem; color:#999999;}
.about_rw ul li.on div.f{ display:block;}

/*荣誉资质*/
.page_con .page_left ul.ryzz_m li{ margin-bottom:0.75rem;}
.page_con .fl_r .ryzz_t dd,.page_con .fl_r .ryzz_f dd{ font-size:1.125rem; color:#333333;}
.page_con .fl_r .ryzz_t ol,.page_con .fl_r .ryzz_f ol{ font-size:0.875rem; color:#666666; margin:1.375rem 0px;}
.page_con .fl_r .ryzz_t{ border-top:1px solid #333333;}
.page_con .fl_r .ryzz_t div{ background:url(../images/jt3.png) no-repeat scroll right center; padding-right:32px; width:100px; font-size:0.875rem; margin-top:2.5rem; margin-bottom:10rem;}
.page_con .fl_r .ryzz_f{ border-top:1px solid #333333; padding-top:1.5rem;}
.page_con .fl_r .ryzz_f div{ overflow:hidden;}
.page_con .fl_r .ryzz_f div.t dd{ font-size:1rem; color:#333333;}
.page_con .fl_r .ryzz_f div.t ol{ font-size:0.875rem; color:#666666;}
.page_con .fl_r .ryzz_f div.f dl{ float:left; border:1px solid #eeeeee; width:44%; height:410px; position:relative; margin-right:5%; margin-bottom:1.25rem; text-align:center;}
.page_con .fl_r .ryzz_f div.f dl img{ position:absolute; top:0px; left:0px; bottom:0px; right:0px; margin:auto; max-height:100%; max-width:100%;}

/*合作伙伴*/
.hzhb{ min-height:20rem;}
.hzhb ul{ overflow:hidden;}
.hzhb ul li{ overflow:hidden; margin-bottom:2rem; float:left; border:1px solid #eeeeee; width:21%; margin-right:3%; margin-bottom:3.75rem;}
.hzhb ul li img{ margin-bottom:-4px; max-height:158px;}
/*.hzhb ul li img{ float:left; max-width:8%;transition: all .5s ease;}
.hzhb ul li:hover img{ margin-left:1%;transition: all .5s ease;}
.hzhb ul li div{ float:right; overflow:hidden; border-bottom:1px solid #eeeeee; width:90%; padding-bottom:1.25rem;}
.hzhb ul li a div dd{ font-size:1.375rem; color:#333333;}
.hzhb ul li a:hover div dd{ color:#265bff;}
.hzhb ul li a div dl{ overflow:hidden;font-size:0.875rem; color:#999999; line-height:2rem; margin:1rem 0px 2rem;}
.hzhb ul li a div ol{ overflow:hidden; font-size:0.875rem; color:#1d42d6;}*/

/*经典案例*/
.anli_list dd.t{ font-size:2.25rem; margin:3.125rem 0px;}
.anli_list ul{ overflow:hidden; width:102%;}
.anli_list ul li{ float:left; position:relative; margin-bottom:5.375rem; overflow:hidden; border:1px solid #eeeeee; width:23.6%; padding:3.75rem 0px 5.375rem;  margin-right:1%; text-align:center;}
.anli_list ul li img{ max-height:60px;}
.anli_list ul li dd{ font-size:1.5rem; color:#333333; margin-top:2rem;}
.anli_list ul li div{ position:absolute; background-color:#1d42d6; opacity:0; transition: all .5s ease;color:#ffffff; top:0px; bottom:0px; text-align:left; padding:12% 6% 0px;}
.anli_list ul li:hover div{ opacity:1;transition: all .5s ease;}
.anli_list ul li div ol{ font-size:1.5rem; margin-bottom:2rem;}
.anli_list ul li div ol i{ border-bottom:1px solid #ffffff;}
.anli_list ul li div dl{ font-size:0.875rem; line-height:1.5rem;}

/*经典案例详情*/
.anli_show{ overflow:hidden; border:1px solid #cccccc; margin:5rem auto 10.625rem; padding:2rem 5%;}
.anli_show li{ overflow:hidden;}
.anli_show li.t{ font-size:2.25rem; border-bottom:1px solid #eeeeee; padding-bottom:1.875rem; margin-bottom:4rem;}
.anli_show li.n{ font-size:1.125rem; font-weight:bold; margin-bottom:0.75rem;}
.anli_show li.c{ font-size:1rem; line-height:2rem; margin-bottom:2.5rem;}
.anli_show li.f{ text-align:right; height:3rem; line-height:2.5rem;}
.anli_show li.f a{ border:1px solid #1d42d6; font-size:0.875rem; border-radius:1.1875rem; padding:0.5625rem 1.5rem;}

/*产品列表*/
.top_nav .page_bg div.fl{ margin-top:5%;}
.top_nav .page_bg div.fl dl{ padding-bottom:1rem;}
.top_nav .page_bg div.fl a{ border:1px solid #ffffff; color:#ffffff; font-size:1rem; padding:0.5rem 2.3125rem; border-radius:1.25rem;}
.photo_top dd{ padding-top:5.875rem; font-size:2.25rem; color:#333333; font-weight:bold;}
.photo_top ol{ font-size:1.125rem; color:#333333; margin:1.25rem 0px 4.6875rem;}
.photo_top ul{ overflow:hidden; width:103%;}
.photo_top ul li{ float:left; margin-bottom:5.3125rem; width:30%; overflow:hidden; position:relative; margin-right:3%;}
.photo_top ul li img{ margin-bottom:-5px;transition: all .5s ease;}
.photo_top ul li:hover img{ opacity:0.8;transition: all .5s ease;}
.photo_top ul li div{ position:absolute; width:80%; left:10%; overflow:hidden; top:50%; margin-top:-1.6875rem;color:#ffffff;font-size:1.875rem; line-height:3.375rem;}
.photo_gg{ width:100%; min-width:320px; background-color:#03091f; color:#ffffff; text-align:center; padding:3.75rem 0px 2.8125rem;}
.photo_gg dd{ font-size:2.25rem; font-weight:bold; margin-bottom:1.875rem;}
.photo_gg dl{ font-size:1.125rem;}
.photo_hzhb{ overflow:hidden; margin-bottom:6.25rem; background-color:#f7f8fa; color:#333333; width:100%; min-width:320px; padding:5.625rem 0px 6.875rem;}
.photo_hzhb dd{text-align:center; font-size:2.25rem; font-weight:bold;}
.photo_hzhb dl{text-align:center; font-size:1.125rem; margin:1.625rem 0px 3.4375rem;}
.photo_hzhb ul{ overflow:hidden; width:102%;}
.photo_hzhb ul li{ float:left; width:18%; margin-bottom:3.75rem; margin-right:2%;}
.photo_hzhb a div{ margin:3.125rem auto 0px; width:8.75rem; height:2.5rem; line-height:2.5rem; border-radius:1.25rem; font-size:1rem; color:#ffffff; background-color:#1d42d6; text-align:center;}
.photo_rz{ padding-bottom:8.75rem; color:#333333;}
.photo_rz dd{ text-align:center; font-size:2.25rem; font-weight:bold;}
.photo_rz dl{ text-align:center; font-size:1rem; margin:2.25rem 0px 4.5rem;}
.photo_rz div{ text-align:center; font-size:1rem;}
.photo_f_bg{ background-repeat:no-repeat; background-position:50% center; height:28.125rem; text-align:center;}
.photo_f_bg dd{ font-size:2.25rem; color:#333333; padding-top:8rem;}
.photo_f_bg dl{ font-size:1.125rem; color:#666666; margin-top:1.75rem; margin-bottom:4rem;}
.photo_f_bg a{ background-color:#1d42d6; color:#ffffff; font-size:1rem; padding:0.5625rem 2.375rem; border-radius:1.25rem;}

.photo_bg{ overflow:hidden; background-color:#f7f8fa; width:100%; min-width:320px;}
.photo_list{width: 96%;max-width:1200px;min-width: 300px}
.photo_list .tit{ height:4.6875rem; line-height:4.6875rem;font-size:0.875rem; color:#333333;}
.photo_list .tit a{ color:#333333;}
.photo_list .tit a:hover{color:#0f288a;}
.photo_list .con{ margin-bottom:5.625rem;}
.photo_list .con ul.fl{ width:19%; max-width:220px;}
.photo_list .con ul.fl li{ overflow:hidden; width:100%; height:3rem; line-height:3rem; background-color:#ffffff; margin-bottom:1.25rem;}
.photo_list .con ul.fl li a{ font-size:0.875rem;}
.photo_list .con ul.fl li a dl{ padding-left:12%; color:#666666;transition: all .5s ease; border:1px solid #eeeeee;background:url(../images/p_j2.png) no-repeat scroll 94% center;}
.photo_list .con ul.fl li.on a dl,.photo_list .con ul.fl li a:hover dl{ border:1px solid #0f288a;transition: all .5s ease;background:url(../images/p_j1.png) no-repeat scroll 94% center #0f288a; color:#ffffff;}
.photo_list .con div.fr{ width:80%;overflow:hidden; background-color:#ffffff;}
.photo_list .con div.fr dd{ margin:2rem 2rem 1.25rem; border-bottom:1px solid #eeeeee; font-size:1.5rem; color:#111111; font-weight:bold; line-height:3.75rem;}
.photo_list .con div.fr dl{ padding:0px 2rem 2rem; font-size:0.875rem; color:#666666; line-height:1.5rem;}
.photo_list .con div.fr dl li{ margin-left:20px; list-style:disc !important;}

/*企业通讯云平台*/
.qytx_bg{ background-color:#f9fafc; width:100%; min-width:320px; overflow:hidden;}
.qytx_top{ margin-top:5.625rem; margin-bottom:6rem;}
.qytx_top dd{ text-align:center; font-size:2rem;}
.qytx_top ol{ text-align:center; font-size:1.875rem; font-weight:bold; margin:1.25rem 0px;}
.qytx_top dl{ text-align:center; line-height:3rem;}
.qytx_top dl a{ font-size:1.125rem; color:#ffffff; background-color:#1c4ef3; padding:0.75rem 4rem;}
.qytx_top dl a.on,.qytx_top dl a:hover{ background-color:#1d42d6;}

.photo_txpt div.con{ display:none;}

.qytx_ul{ overflow:hidden; margin-top:3.325rem;}
.qytx_ul li{ float:left; color:#333333; text-align:center; width:16%; padding:0px 2%;}
.qytx_ul li img{ margin-bottom:1.25rem;}
.qytx_ul li dd{ font-size:1.5rem; margin-bottom:1rem;}
.qytx_ul li dl{ font-size:1rem; text-align:left; line-height:1.75rem;}
.qytx_foot{ text-align:center; padding:2.8125rem 0px 8.125rem;}
.qytx_cptd_tit{ text-align:center; font-size:2.25rem; margin-bottom:7.75rem; margin-top:3.125rem;}
.qytx_cptd{ padding:0px 7% 7.5rem; overflow:hidden;}
.qytx_cptd img{ max-width:50%;}
.qytx_cptd div{ width:30%; color:#333333; overflow:hidden; padding-top:4.25rem;}
.qytx_cptd div ol{ font-size:1.5rem; font-weight:bold; margin-bottom:1rem;}
.qytx_cptd div dl{font-size:1.125rem; line-height:2.25rem;}
.qytx_aqx{ padding:6.25rem 7%; overflow:hidden;}
.qytx_aqx div.fl{width:50%; color:#333333;}
.qytx_aqx div.fl ol{ font-size:1.5rem; font-weight:bold; margin-bottom:1rem;}
.qytx_aqx div.fl dl{font-size:1.125rem; line-height:1.75rem;}
/*.qytx_aqx div.fl dl strong{ font-size:1.5rem;}*/
.qytx_aqx img{ max-width:50%; margin-top:4rem;}

/*企业通讯云平台-功能介绍*/
.qy_gnjs{ overflow:hidden; padding:0px 9% 7.5rem;}
.qy_gnjs dd{ padding-top:3.125rem; text-align:center; font-size:2.25rem; color:#333333; margin-bottom:5.9375rem;}
.qy_gnjs div.c{ overflow:hidden;} 
.qy_gnjs div.c img{ max-width:30%;}
.qy_gnjs div.c div{ font-size:1.125rem; overflow:hidden; color:#666666; line-height:1.75rem; width:65%;}
.qy_gnjs div.c div strong{ font-size:1.5rem; color:#333333;}
.qy_gnjs.gnjs_yzj div.c div{ padding-top:5rem;}
.qy_gnjs.gnjs_gn div.c div{ padding-top: 9.375rem;}


/*企业通讯云平台-适用企业*/
.qy_syqy{ padding-top:3.625rem;}
.qy_syqy ol{ font-size:2.25rem; color:#333333; text-align:center; margin-bottom:8.125rem;}
.qy_syqy div.c{ padding:0px 7% 11.875rem; overflow:hidden;}
.qy_syqy div.c img{ max-width:45%;}
.qy_syqy div.c div{ overflow:hidden; width:40%; font-size:1.125rem; color:#333333; line-height:2.375rem; padding-top:6rem;}
.qy_syqy div.c div strong{ font-size:1.5rem; font-weight:bold;}


/*业务咨询与合作*/
.fwzc_cxyhz{ padding:4.5rem 0px 9rem;}
.fwzc_cxyhz dd{ font-size:1.875rem; color:#333333; margin-bottom:3.75rem;}
.fwzc_cxyhz ul{ overflow:hidden;}
.fwzc_cxyhz ul li{ float:left;}
.fwzc_cxyhz ul.t{ margin-bottom:7.5rem;}
.fwzc_cxyhz ul.t li{ margin-bottom:1rem; text-align:center; width:10%; margin-right:2%;}
.fwzc_cxyhz ul.t li dl{ margin-bottom:0.75rem; font-size:1rem; color:#999999;}
.fwzc_cxyhz ul.f{ width:104%;}
.fwzc_cxyhz ul.f li{ background-color:#1d42d6; width:26%; padding:2rem 2%; margin-right:3%; margin-bottom:2.8125rem; min-height:216px; position:relative; color:#ffffff; font-size:1rem;}
.fwzc_cxyhz ul.f li i{ position:absolute; height:48px;width:55px;background-position:0px center; background-repeat:no-repeat;}
.fwzc_cxyhz ul.f li ol{ margin-bottom:1.375rem; margin-top:70px;}
.fwzc_cxyhz ul.f li dl{ line-height:2rem;}

/*技术支持*/
.fwzc_jszz div.t{ line-height:3.125rem; font-size:1.875rem; padding:3rem 0px; text-align:justify;}
.fwzc_jszz div.f{ padding-bottom:10.625rem;}
.fwzc_jszz div.f div{ overflow:hidden;}
.fwzc_jszz div.f div.fl{ width:50%; font-size:1rem; line-height:2.125rem;}
.fwzc_jszz div.f div.fl strong{ font-size:1.5rem; line-height:3.5rem;}
.fwzc_jszz div.f div.fr{ width:45%;}
.fwzc_jszz div.f div.fr dd{ font-size:1.5rem; line-height:3.5rem;}
.fwzc_jszz div.f div.fr dl{ font-size:1rem; color:666666;line-height:2.125rem}
.fwzc_jszz div.f div.fr dl strong{ color:#333333;}

/*公司动态*/
.news_list div.tit{ line-height:8.875rem; font-size:1.875rem; color:#2d3969;}
.news_list ul{ overflow:hidden; width:103%;}
.news_list ul li{ float:left; width:22%; margin-right:3%; max-width:360px; margin-bottom:2.75rem;}
.news_list ul li div{ overflow:hidden;}
.news_list ul li div.t{ position:relative;}
.news_list ul li div.t img{ margin-bottom:-5px; width:100%;height: 265px;}
.news_list ul li div.t i{ position:absolute; opacity:0;transition: all .5s ease; top:0px; bottom:0px; left:0px; right:0px; background-color:rgba(0,0,0,.50); z-index:1;}
.news_list ul li:hover div.t i{ opacity:1;transition: all .5s ease;}
.news_list ul li div.f{ border:1px solid #cccccc; border-top:0px; padding:2rem 1.25rem;}
.news_list ul li div.f dd{ font-size:1.25rem; font-weight:bold; overflow:hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis;}
.news_list ul li div.f ol{ color:#cccccc;font-size:0.875rem; margin:0.5rem 0px;}
.news_list ul li div.f dl{ font-size:0.875rem; line-height:1.5rem; margin-bottom:1rem; /*min-height:72px;*/ height: 80px;}
.news_list ul li div.f a{ color:#666666; font-size:0.875rem;}
.news_list ul li div.f a:hover{ color:#0f288a;}

.fenye{text-align:right; width:100%; line-height:1.875rem; margin-bottom:3.75rem;}
.fenye a{padding:0.125rem 0.5rem;font-size:0.875rem;color:#666666;border:1px solid #cccccc;margin-left:0.5rem;}
.fenye a:hover{border:1px solid #265bff;}
.fenye span{padding:0.125rem 0.5rem;font-size:0.875rem;border:1px solid #265bff;background-color:#265bff;color:#fff;margin-left:0.5rem;}

/*新闻详情*/
.news_show{ width:96%; max-width:1200px; min-width:300px;}
.news_show ul{ overflow:hidden; margin:2.5rem 0px 3rem;}
.news_show ul li{ color:#333333;}
.news_show ul li.t{ text-align:center; font-size:1.875rem; overflow:hidden;}
.news_show ul li.s{ text-align:center; font-size:0.875rem; margin:1.5rem 0px; overflow:hidden;}
.news_show ul li.c{ border-top:1px solid #333333; padding-top:2.5rem; font-size:1rem; line-height:2rem; overflow:hidden;}
.news_show ul li.c li{ margin-left:20px; list-style:disc !important;}
.news_show ul li.f{ margin-top:4rem; border-top:1px solid #333333; padding-top:1.25rem; position:relative; overflow:hidden;}
.news_show ul li.f dl{ color:#333333; font-size:0.875rem; line-height:2.25rem; overflow:hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis;}
.news_show ul li.f dl a{ color:#333333;}
.news_show ul li.f dl a:hover{ color:#1d42d6;}
.news_show ul li.f a.fh{ position:absolute; right:0px; top:2.8rem; color:#333333; font-size:0.875rem;}
.news_show ul li.f a.fh:hover{ color:#1d42d6;}

/*招贤纳士*/
.job_list{width:96%; max-width:1200px; min-width:300px; padding:3.125rem 0px 8.75rem;}
.job_list .top{ margin-bottom:6.25rem; height:2.5rem;}
.job_list .top .job_so{ width:35%; border-bottom:1px solid #2d3969;}
.job_list .top .job_so button{ float:left; color:#666666; font-size:1.5rem; border:0px; background:none; line-height:2.5rem;}
.job_list .top .job_so input{ float:right; font-size:1rem; color:#666666; line-height:2.5rem; width:90%; border:0px;}
.job_list .top .xl_xz{ width:22%; margin-left:10%; position:relative;}
.job_list .top .xl_xz dd{ border-bottom:1px solid #2d3969; line-height:2.5rem; font-size:1rem; color:#666666; position:relative;}
.job_list .top .xl_xz dd img{ position:absolute; right:1%; top:50%; margin-top:-7px;}
.job_list .top .xl_xz ul{ display:none; position:absolute; overflow:hidden; padding:1rem 0px; top:2.6rem; width:100%; background-color:#ffffff; z-index:8;}
.job_list .top .xl_xz:hover ul{ display:block;}
.job_list .top .xl_xz ul li{ overflow:hidden; line-height:2rem;}
.job_list .top .xl_xz ul li dl{ color:#999999;}
.job_list .top .xl_xz ul li dl:hover{ color:#1d42d6;}
.job_list .job_ul{ overflow:hidden;}
.job_list .job_ul li{ overflow:hidden; float:left; font-size:1rem; color:#666666;}
.job_list .job_ul .j1{ margin-left:1%; width:39%;}
.job_list .job_ul .j2{ width:20%; text-align:center;}
.job_list .job_ul .j3{ width:20%; text-align:center;}
.job_list .job_ul .j4{ width:20%; text-align:center;}
.job_list .list{ overflow:hidden; margin-bottom:4.375rem;}
.job_list .list li{ overflow:hidden; border-bottom:1px solid #cccccc;}
.job_list .list li dl{ float:left; line-height:4.875rem;height:4.875rem; font-size:1.125rem; color:#333333;}
.job_list .list li dl.j1{ margin-left:1%; width:39%;}
.job_list .list li dl.j2{ width:20%; text-align:center;}
.job_list .list li dl.j3{ width:20%; text-align:center;}
.job_list .list li dl.j4{ width:20%; text-align:center;}
.job_list .lanren .more{color:#999999; text-align:center;}
.job_list .lanren .more a{ font-size:1rem; color:#999999;}
.job_list .lanren .more a:hover{color:#1d42d6}
.so_no{ text-align:center; line-height:6rem;}
.so_no strong{ color:red;}

/*职位详情*/
.job_show{width:96%; max-width:1200px; min-width:300px;}
.job_show ul{ overflow:hidden; margin:4.5rem 0px 10rem;}
.job_show ul li{ overflow:hidden;}
.job_show ul li.t{ margin-bottom:2.5rem; font-size:2.5rem; color:#333333; position:relative;}
.job_show ul li.t a{ position:absolute; right:0px; font-size:1rem; color:#ffffff; background-color:#1d42d6; width:9.375rem; height:2.875rem; line-height:2.875rem; border-radius:1.4375rem; text-align:center;}

.job_show ul li.d{ border-bottom:1px solid #cccccc; margin-bottom:3.4375rem;}
.job_show ul li.d div{ overflow:hidden; margin-bottom:2.5rem;}
.job_show ul li.d div dl{ float:left; color:#333333;}
.job_show ul li.d div dl.l1{ font-size:1rem; padding-right:8.75rem}
.job_show ul li.d div dl.l2{ font-size:1.25rem;}
.job_show ul li.c{ margin-bottom:6.875rem;}
.job_show ul li.c dd{ font-size:1.625rem; color:#333333; margin-bottom:1.875rem;}
.job_show ul li.c dl{ font-size:1rem; color:#666666; line-height:2.375rem;}

/*联系方式*/
.contact{ overflow:hidden; padding:5.625rem 0px 18.125rem;}
.contact li{ overflow:hidden; margin-bottom:5.625rem; color:#666666;}
.contact li dd{ font-size:1.625rem; margin-bottom:1.125rem;}
.contact li dl{ font-size:1.125rem; line-height:2.375rem;}