@charset "gb2312";
/*--Global --*/
.width_c{width:1000px; padding:0px; margin:0px auto;}
.width_e{width:1200px; padding:0px; margin:0px auto;}
/*--Header--*/
.welcome{border-bottom:1px solid #e7e7e7; height:36px; line-height:36px; background:#f4f4f4;}
.header{background:url(../images/top_bg.jpg) repeat center 0;}
.logo{padding:31px 0;}
.logo a {display:block;height:58px;}
.tel{background:url(../images/icon_tel.png) left no-repeat; margin-top:35px; color:#666; float:right; padding-left:52px;}
.tel span{font-size:28px; color:#006dba; font-family:'impact'; display:block; margin-top:3px;}

/*--Nav--*/
.nav{background:url(../images/nav.jpg) repeat-x; height:40px;}
.nav ul{width:1200px; margin:0 auto;}
.nav ul li {float:left; text-align:center; position:relative;}
.nav ul li.last{background:none}
.nav ul li a {color:#fff; font-size:14px; font-family:'Microsoft Yahei'; width:146px;  display:block; height:40px; line-height:40px;}
.nav ul li a:hover,.nav ul li a.hover{background:url(../images/nav_hover.jpg) repeat-x;}
.ricon {background:url(../images/bg.jpg) 0px -21px;height: 40px;width: 4px;}


/*--Flexslider--*/
.flexslider{position:relative;width:100%;height:500px; margin:0 auto;overflow:hidden;zoom:1; text-align:center;}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.flexslider .slides{zoom:1; }
.flexslider .slides li{height:500px;}
.flexslider .slides li a{display:block; width:100%; height:500px;}
.flexslider .shadow{width:100%; position:relative; bottom:60px; left:0px; z-index:10; height:60px; line-height: 60px; background:rgba(0,0,0,0.6);    
filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;  display:block; font-size:20px; color:#F7E6CB; text-align:center }  
.flex-direction-nav a{width:60px;height:90px;line-height:99em;overflow:hidden;margin:-60px 0 0;display:block;background:url(../images/ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;}
.flex-direction-nav .flex-next{background-position:0 -90px;right:0;}
.flex-direction-nav .flex-prev{left:0;}
.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}
.flex-control-nav{width:100%;position:absolute;bottom:200px;text-align:center;}
.flex-control-nav li{margin:0 5px;display:inline-block;zoom:1;*display:inline;}
/*.flex-control-paging li a{background:url(../images/dot.png) no-repeat 0 -16px;display:block;height:16px;overflow:hidden;text-indent:-99em;width:16px;cursor:pointer; display:none}*/
.flex-control-paging li a.flex-active{background-position:0 0;}

.flexslider2{position:relative;width:100%;height:280px; margin:0 auto;overflow:hidden;zoom:1; text-align:center; background:#FFF;}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.flexslider2 .slides{zoom:1; }
.flexslider2 .slides li{height:267px;}
.flexslider2 .slides li a{display:block; width:100%; height:280px;}
.flexslider2 .shadow{ width:100%; position:relative; bottom:60px; left:0px; z-index:10; height:60px; line-height: 60px; background:rgba(0,0,0,0.6);
filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;  display:block; font-size:20px; color:#F7E6CB; text-align:center } 
.flexslider2:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}
.flexslider2:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
.flexslider2:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}


/*--mainbody--*/
.in_keyword{height:60px; line-height:60px; border-bottom:1px solid #e7e7e7;}
.in_keyword p{float:left; color:#333}
.in_keyword p a{padding-right:10px;}
.in_keyword .search{width:306px; height:30px; margin-top:15px; float:right; background:url(../images/search.jpg)}
.in_keyword .search input{vertical-align:middle}
.in_keyword .search .inp{width:235px; height:30px; background:none; border:0px; line-height:30px; color:#666; font-size:12px; font-family:'微软雅黑'; text-indent:40px; float:left}
.in_keyword .search .sub{width:71px; height:30px; border:0px; background:none; font-size:0px; cursor:pointer; float:right;}

.in_product{padding:20px 0;}
.in_product h4{font-size:30px; color:#006bbd; text-align:center; line-height:40px;}
.in_product h4 span{background:url(../images/product_hr.png); height:22px; width:326px; margin:0 auto; margin-top:5px; line-height:22px; color:#666; display:block; font-size:16px; text-align:center; font-weight:normal; text-transform:uppercase;}
.in_product ul{padding-top:30px;}
.in_product ul li{width:227px; margin-bottom:25px; margin-right:16px; float:left;}
.in_product ul li a {display:block;overflow:hidden;}
.in_product ul li.last{margin-right:0px;}
.in_product ul li img{width:227px; height:auto;transition: all 2s;-moz-transition: all 2s;-webkit-transition: all 2s;-o-transition: all 2s;display:block;}
.in_product ul li img:hover {  transform: scale(1.4);}
.in_product ul li a.dask{ color:#fff; height:42px; line-height:42px; display:block; text-align:center; font-size:14px;}
.in_product ul li a:hover { color:#e8641b;}
.in_product a.more{background:url(../images/more.png); width:208px; height:50px; display:block; margin:0 auto; text-align:center; line-height:48px; color:#fff; font-size:14px;}
.in_product .desc {background-color:#006bbd;text-align:center;height:170px;}
.in_product .desc p {color:#fff;padding:0 8px;margin-bottom:16px;font-family: Arial;}
.in_product .desc .wmore {color:#fff;padding:11px 22px;background-color:#e8641b;border-radius:4px;}
.in_product .desc .wmore:hover {color:#fff;background-color:#c84b06;}

.in_honor{padding:40px 0;}
.in_honor h4{font-size:30px; color:#006bbd; text-align:center; line-height:40px;}
.in_honor h4 span{background:url(../images/product_hr.png); height:22px; width:326px; margin:0 auto; margin-top:5px; line-height:22px; color:#666; display:block; font-size:16px; text-align:center; font-weight:normal; text-transform:uppercase;}
.in_honor ul{padding-top:30px;}
.in_honor ul li{width:280px; margin-bottom:25px; margin-right:20px; float:left;-moz-box-shadow: 2px 2px 10px #909090;-webkit-box-shadow: 2px 2px 10px #909090;
box-shadow:2px 2px 10px #909090;}
.in_honor ul li:hover{-moz-box-shadow: 3px 3px 10px #616060;-webkit-box-shadow: 3px 3px 10px #616060;box-shadow:3px 3px 10px #616060;}
.in_honor ul li.last{margin-right:0px;}
.in_honor ul li img{width:272px; height:auto;padding:5px;}
.in_honor ul li a.dask{background:#fff; color:#333; height:36px; line-height:36px; display:block; text-align:center; font-size:14px;}
.in_honor a.more{background:url(../images/more.png); width:208px; height:50px; display:block; margin:0 auto; text-align:center; line-height:48px; color:#fff; font-size:14px;}

.reason{background:url(../images/reason.jpg) center no-repeat; height:1117px; border-top:1px solid #c8c8c8;}

.in_case{padding:40px 0; background:url(../images/case_bg.jpg); height:537px; overflow:hidden;}
.in_case h4{font-size:30px; color:#fff; text-align:center; line-height:40px;}
.in_case h4 span{background:url(../images/case_hr.png); height:24px; width:532px; margin:0 auto; margin-top:5px; line-height:22px; color:#fff; display:block; font-size:16px; text-align:center; font-weight:normal; text-transform:uppercase;}
#focus_Box{position:relative;width:1200px;height:376px; margin-top:30px;}
#focus_Box ul{position:relative;width:960px;height:376px; margin:0 auto;}
#focus_Box li{z-index:0;position:absolute; width:0px;background:#787878;height:0px;top:146px;cursor:pointer;left:377px;border-radius:4px;}
#focus_Box li img{width:100%;height:100%;vertical-align:top; border:8px solid #fff;}
#focus_Box li p{position:absolute;left:0;bottom:0px;width:100%;height:40px;line-height:40px;background:url(images/float-bg.png) repeat;text-indent:8px;color:#fff;}
#focus_Box li p span{display:inline-block;width:70%;height:40px;overflow:hidden;}
#focus_Box .prev,#focus_Box .next{display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width:36px;height:36px;top:168px;}
#focus_Box .prev{background:url(../images/icon_case_left.jpg); left:0px;}
#focus_Box .next{background:url(../images/icon_case_right.jpg); right:0px;} 
#focus_Box a.imgs-scroll-btn{display:block;position:absolute;z-index:110;top:7px;right:15px;width:51px;height:23px;overflow:hidden;background:url(images/share-btn.png) no-repeat;text-indent:-999px;}
.in_case a.more{background:url(../images/more.png); width:208px; height:50px; display:block; margin:0 auto; text-align:center; line-height:48px; color:#fff; font-size:14px; margin-top:20px;}

.in_about{padding-top:40px;}
.in_about img{width:490px; height:322px; float:left;}
.in_about .about_r{width:668px; float:right; line-height:30px; font-size:14px;}
.in_about .about_r h4{font-size:24px; color:#006bbd; margin-bottom:10px; line-height:35px;}
.in_about .about_r h4 span{text-transform:uppercase; font-size:24px; font-family:'Arial'; color:#999; font-weight:normal; margin-left:15px;}
.in_about .about_r a.detail{background:url(../images/detail.png); width:138px; height:52px; display:block; text-align:center; line-height:50px; color:#fff; font-size:14px; margin-top:15px;}


.in_news{width:810px; float:left; border:1px solid #e5e5e5; height:410px; margin-top:40px;}
.in_news .tab_h{border-bottom:1px solid #e5e5e5; height:46px; position:relative; background:url(../images/news_t.jpg);}
.in_news .tab_h li{height:46px; line-height:46px; overflow:hidden; cursor:pointer;color:#333; font-size:18px; float:left; text-align:center; width:125px; margin-right:10px;}
.in_news .tab_h .vary{background:#006bbd; color:#fff;}
.in_news .tab_h a{position:absolute; right:10px; top:12px; color:#006bbd; font-size:14px; font-weight:bold; text-transform:uppercase;}
.in_news .tab_c{display:none; height:350px; overflow:hidden; padding:25px;}
.in_news .tab_c .in_news_top{height:156px;}
.in_news .tab_c .in_news_top img{width:244px; height:156px; float:left;}
.in_news .tab_c .in_news_top p{width:466px; float:right}
.in_news .tab_c .in_news_top p a.dask{font-size:14px; display:block; color:#333; margin-bottom:8px; font-weight:bold;}
.in_news .tab_c .in_news_top p span{color:#666; line-height:22px; display:block}
.in_news .tab_c .in_news_top p a.detail{color:#006bbd; display:block; margin-top:10px;}
.in_news .tab_c ul{margin-top:20px; border-top:1px dashed #ededed; padding-top:10px;}
.in_news .tab_c ul li{height:33px; line-height:33px; font-size:14px; overflow:hidden}
.in_news .tab_c ul li.last{margin-right:0px;}
.in_news .tab_c ul li a{float:left}
.in_news .tab_c ul li span{color:#999; float:right}

.in_question{width:355px; border:1px solid #e5e5e5; height:410px; margin-top:40px; float:right}
.in_question h4{border-bottom:1px solid #e5e5e5; height:46px; position:relative; background:url(../images/news_t.jpg); line-height:46px; color:#006bbd; font-size:18px; padding-left:20px;}
.in_question h4 a{position:absolute; right:10px; top:0px; color:#006bbd; font-size:14px; font-weight:bold; text-transform:uppercase;}
.in_question .in_question_con{padding:15px; height:350px; overflow:hidden;}
.in_question dl,.question dl{border-bottom:1px dashed #dcdcdc; font-size:12px; line-height:24px;}
.in_question dl.last,.question dl.last{border:0px;}
.in_question dl dd,.question dl dd{margin-top:15px; color:#333; font-size:14px; color:#000; font-weight:bold;}
.in_question dl dd a,.question dl dd a{color:#000 !important}
.in_question dl dt,.question dl dt{margin-top:8px; color:#666; line-height:22px;}
.in_question dl .ask,.question dl .ask{width:24px; height:24px; background:url(../images/icon_ask.png); margin-right:10px; float:left; margin-top:3px;}
.in_question dl .ans,.question dl .ans{width:24px; height:24px; background:url(../images/icon_ans.png); margin-right:10px; float:left; margin-top:3px;}
.in_question dl p{float:left; width:270px;}

.in_message{background:url(../images/message_bg.jpg) center no-repeat; height:363px; margin-top:40px;}
.in_message .message_left{width:480px; float:left; position:relative;}
.in_message .message_left h4{font-size:22px; color:#fff; padding-top:48px;}
.in_message .message_left h4 b{color:#e8641b;}
.in_message .message_left span{color:#fff; display:block; font-size:16px; line-height:40px;}
.in_message .message_left img{width:128px; height:128px;}
.in_message .message_left hr{width:40px; height:3px; background:#fff; border:0px; margin-bottom:45px;}
.in_message .message_left small{ display:block; color:#fff; margin-top:6px; padding-left:10px; font-size:14px;}
.in_message .message_left .teln{font-size:20px; color:#fff; position:absolute; left:274px; top:306px;}

.in_message .message_right{width:400px; float:right; margin-right:25px;}
.in_message .message_right h4{font-size:22px; color:#fff; padding-top:48px;}
.in_message .message_right span{color:#fff; display:block; font-size:16px; line-height:40px;}
.in_message .message_right ul{padding-top:15px; color:#fff; font-size:14px;}
.in_message .message_right ul li{margin-bottom:15px; height:40px;}
.in_message .message_right ul li .input{width:180px; height:40px; line-height:40px; border:0px; font-size:14px; font-family:'微软雅黑'; text-indent:12px; color:#666}
.in_message .message_right ul li textarea{width:376px; height:110px; line-height:24px; border:0px; font-size:14px; font-family:'微软雅黑'; text-indent:12px; color:#666; padding-top:8px;}
.in_message .message_right ul li .submit{width:100px; height:28px; line-height:28px; font-size:14px; text-align:center; font-family:'微软雅黑'; border:0px; cursor:pointer; border-radius:5px; color:#fff; background:#006bbd; margin-right:10px;}


.mainbody{width:1200px; margin:0 auto; padding:30px 0;}
.rightbody{width:930px; float:right; background:#fff;}
.location{height:33px; border-bottom:1px solid #dbdbdb; line-height:30px; position:relative;padding:10px 14px}
.location h4{float:left; border-left:3px solid #006bbd; height:18px; line-height:18px; padding-left:10px; font-size:20px; color:#006bbd; margin-top:6px;}
.location span{color:#666; float:right; font-size:16px;}
.location span a{color:#666}
.content{padding:15px 15px;    text-align: justify;}

.aside{width:240px; float:left;}
.aside h4{font-size:24px; color:#fff; text-align:center; background:#006bbd; height:70px; line-height:70px;}
.aside h4 span{display:block; text-transform:uppercase; margin-top:10px;}
.aside ul{background:#fff; padding:10px 0;}
.aside ul li a{background:url(../images/left_li.png) right scroll #006bbd no-repeat; background-position:185px 19px; height:50px; line-height:50px; display:block; font-size:16px; padding-left:16px; margin-bottom:10px; color:#fff;}
.aside ul li a:hover,.aside ul li a.hover{background:url(../images/left_li_hover.png) right scroll #e8641a no-repeat; background-position:180px 22px}
.aside ul li ul{padding:0px; margin-bottom:10px;}
.aside ul li ul li a{background:none; font-size:14px; line-height:32px; height:32px; color:#666; margin-bottom:0px;}
.aside ul li ul li a:hover{background:none; color:#666;}
.aside_contact{margin-top:20px;}
.aside_contact .text{background:#fff; padding:10px;font-size:14px;line-height:24px;}
.aside_contact .text img{margin-bottom:6px;}


.news li{border-bottom:1px dashed #dadada; line-height:50px; }
.news li a{background:url(../images/icon_news.png) left no-repeat; float:left; padding-left:15px; line-height:45px;}
.news li span{float:right; color:#666;}
.case li{float:left; text-align:center; margin-right:8px; margin-left:8px; margin-top:5px;}
.case li div{vertical-align:middle; width:275px; height:160px; border:5px solid #eee; text-align:center; display: table; table-layout:fixed;}
.case li img{width:expression(this.width > 274 ? 274: true); max-width:274px; _height:274px; max-height:274px; *margin-top:expression((274 - this.height )/2); /*兼容IE7*/}
.case span a{display:block; line-height:45px; font-size:14px; height:45px; overflow:hidden}
.case li.last{margin-right:0px;}
.table_cell{display: table-cell;text-align: center;vertical-align: middle; width:275px;}


/*--Footer--*/
.footer{padding:22px 0; line-height:25px; background:#fff;}
.footer .weixin{width:110px; float:right;}
.footer .weixin img{width:108px; height:108px; border:1px solid #e1e1e1;}
.footer .copyright{float:left; background:url(../images/logo-footer.jpg) left no-repeat; min-height:105px; _height:105px; padding-left:228px;}

.in_links{border-bottom:1px solid #eaeaea; height:60px; line-height:60px;}
.in_links h4{float:left; font-size:14px; float:left;}
.in_links a{padding-left:6px;}

/*--Guestbook--*/
.myform{ font-family:'微软雅黑'; font-size:13px; width:600px; margin:0 auto; padding-top:10px; }
.myform table tr{height:40px;}
.myform .greeninput{border:1px solid #ddd;height:24px; line-height:24px; background:#fff;}
.myform .input{border:1px solid #ddd;height:24px; line-height:24px; background:#fff;}
.myform .greenarea{border:1px solid #ddd; background:#fff; width:430px; height:106px;}
.myform .button{background:#e8641a; color:#fff;cursor:pointer; border:0px; padding:0 10px; font-family:'微软雅黑'; line-height:28px;}
.myform textarea{margin:0px; padding:0px;}


/*--Details--*/
.topicTitle{font-size:22px; color:#333; font-weight:bold; text-align:center; padding:10px 0 10px 0;}
.posttime{margin:10px 0; text-align:center; border-top:1px dashed #eaeaea; border-bottom:1px dashed #eaeaea; padding:5px 0}
.posttime span{color:#F00}
.pres{background:#f6f6f6;color:#333;border-top:2px solid #fff;display:block;height:34px;line-height:34px;padding:0 10px;}
.pres a{color:#333}
.yaoimg{vertical-align:middle; width:expression(this.width > 698 ? 698: true); max-width:698px;}
#articlecontent{padding:10px 0 50px;}
#articlecontent img{vertical-align:middle; width:expression(this.width > 698 ? 698: true); max-width:698px;}

#qq_service{position:fixed; top:120px; right:0px; width:150px; z-index:9999; background:url(../images/service.jpg) top scroll #246cd8 repeat-x; padding-bottom:10px; color:#fff;}
#qq_service ul{width:116px; margin:0 auto; padding-top:180px;}
#qq_service ul li{background:url(../images/icon_qq.png); height:21px; line-height:21px; padding-left:36px; margin-bottom:12px;}
#qq_service ul li a{color:#666}
#qq_service span{background:url(../images/icon_tel2.png) top left no-repeat; padding-top:40px; margin:20px 0px 15px 15px; font-size:18px; color:#fff; display:block;}
#qq_service .closed{position:absolute; top:2px; right:0px;}
#qq_service .closed span{width:20px; height:20px; display:block; cursor:pointer; background:none; padding:0px; margin:0px;}

.content_r{width:476px; float:right; font-size:13px; line-height:25px;}
.content_r strong{ display:block; color:#333; font-size:16px; margin-bottom:10px;}
.content_r .teln{ margin-top:15px;}
.content_r .teln span{color:#e8641a; font-size:18px;}
.content_r a.zixun{background:#e8641a; color:#fff; display:block; width:105px; height:30px; line-height:30px; text-align:center; font-size:14px; margin-top:15px;}


h4.nt{border-bottom:1px solid #006bbd; margin-top:10px;}
h4.nt span{width:100px; height:32px; line-height:32px; background:#006bbd; text-align:center; display:block; color:#fff; font-weight:normal; font-size:14px;}
.in_product ul li:last-child{margin-right:0px;}
.text a {font-size:14px;line-height:24px;}
.text h3 {font-size:16px;line-height:24px;font-weight:bold;}
/*pages*/ .pagination-wrapper{ margin: 20px 0; } .pagination{ height: 34px; text-align: center; } .pagination li { display: inline-block; height: 34px; margin-right: 5px; } .pagination li a,.pagination li span{ float: left; display: block; height: 32px; line-height: 32px; padding: 0 12px; font-size: 16px; border: 1px solid #dddddd; color: #555555; text-decoration: none; } .pagination li a:hover{ background:#f5f5f5; color:#0099ff; } .pagination li.thisclass { background: #09f; color: #fff; } .pagination li.thisclass a,.pagination li.thisclass a:hover{ background: transparent; border-color: #09f; color: #fff; cursor: default; }
.pagination li .page-num-current {background: #09f; color: #fff !important;}
.images-box {
    height: 100%;
    width: 100%;
    position: relative;
}
.images-box img {
    height:auto;
    width: 100%;
}
.huibj{ width: 100%; height: auto; overflow: hidden; background: #f2f2f2;}
#ysbj{ background: url(../images/ysbj.png) no-repeat center top #fff; width: 100%; height: auto; margin-top: 60px;}
#ysnr{ width: 1200px; height: 780px; position: relative;margin:0 auto;}
#ystitle{ position: absolute; top: -30px; left: 280px;}
#yspf{ position: absolute; top: 155px; left: -170px;}
#font1{ width: 286px; height: auto; position: absolute; left: 0; top: 345px; text-align: center; transition:0.3s all 0s linear;}
.huang{ width: 286px; height: 383px; background: #f6b400; margin-bottom: 10px; transition:0.3s all 0s linear;}
.huang .pic{ width: 250px; height: 204px; overflow: hidden; border: 5px solid #f6b400; position: absolute; left: 13px; top: -60px; transition:0.3s all 0s linear;}
.huang .pic img{ width: 250px; height: 204px; transition:transform 1s ease 0s;}
.huang .title_bj{ position: absolute; top: 165px; left: 0; width: 246px; height: 50px; line-height: 50px; background: url(../images/ysline.png) no-repeat center; padding: 0 20px;}
.huang .title_bj .num{ font-family: impact; color: #fff; font-size: 48px; float: left;}
.huang .title_bj .title{ float: right; background: #fff; height: 32px; line-height: 32px; font-size: 18px; padding: 0 20px; margin: 10px 3px 0 0; color: #000;}
.huang .content{ position: absolute; top: 200px; padding: 50px 30px 0; text-align: center; line-height: 25px; color: #000;}
#font2{ width: 286px; height: auto; position: absolute; left: 305px; top: 237px; text-align: center; transition:0.3s all 0s linear;}
.hui{ width: 286px; height: 383px; background: #e4e4e4; margin-bottom: 10px; transition:0.3s all 0s linear;}
.hui .pic{ width: 250px; height: 204px; overflow: hidden; border: 5px solid #e4e4e4; position: absolute; left: 13px; top: -60px; transition:0.3s all 0s linear;}
.hui .pic img{ width: 250px; height: 204px; transition:transform 1s ease 0s;}
.hui .title_bj{ position: absolute; top: 165px; left: 0; width: 246px; height: 50px; line-height: 50px; background: url(../images/ysline.png) no-repeat center; padding: 0 20px;}
.hui .title_bj .num{ font-family: impact; color: #000; font-size: 48px; float: left;}
.hui .title_bj .title{ float: right; background: #fff; height: 32px; line-height: 32px; font-size: 18px; padding: 0 20px; margin: 10px 3px 0 0; color: #000;}
.hui .content{ position: absolute; top: 200px; padding: 50px 30px 0; text-align: center; line-height: 25px; color: #000;}
#font3{ width: 286px; height: auto; position: absolute; right: 305px; top: 345px; text-align: center; transition:0.3s all 0s linear;}
#font4{ width: 286px; height: auto; position: absolute; right: 0; top: 237px; text-align: center; transition:0.3s all 0s linear;}

#font1:hover { top: 335px;}
#font1:hover .huang{ background: #1b98fa; border: 1px solid #fff;}
#font1:hover .huang .pic{ border: 5px solid #1b98fa;}
#font1:hover .huang .pic img{transform: scale(1.1, 1.1);}
#font3:hover { top: 335px;}
#font3:hover .huang{ background: #1b98fa; border: 1px solid #fff;}
#font3:hover .huang .pic{ border: 5px solid #1b98fa;}
#font3:hover .huang .pic img{transform: scale(1.1, 1.1);}
#font2:hover { top: 227px;}
#font2:hover .hui{ background: #1b98fa; border: 1px solid #fff;}
#font2:hover .hui .pic{ border: 5px solid #1b98fa;}
#font2:hover .hui .pic img{transform: scale(1.1, 1.1);}
#font4:hover { top: 227px;}
#font4:hover .hui{ background: #1b98fa; border: 1px solid #fff;}
#font4:hover .hui .pic{ border: 5px solid #1b98fa;}
#font4:hover .hui .pic img{transform: scale(1.1, 1.1);}