*{ margin:0; padding:0; font-size: 12px; font-family: "microsoft yahei"; }
body{ background: #fff; animation-duration:.85s; -webkit-animation-duration: .85s; }
img{ border:0 none; outline:0; }
a{ text-decoration: none; }
li{ list-style: none; }
.fl{ float: left; }
.pl{ position: absolute; left: 0; }
.pr{ position: absolute; right: 0; }
.fr{ float: right; }
.page{ width:1100px; margin: 0 auto; }
.cl,.clear{ clear: both; }
.dis{ display:none; }
.top35{ margin-top: 35px; }
input[type="image"] {border:none;background:none;cursor:pointer;}

.g_color{ color: #04a23b; font-size:inherit; font-size:unset; }
.b_color{ color: #2e84eb; font-size:inherit; font-size:unset; }
.header{ width: 100%; background: #fff; }
.h_row1{ background: #eaeaea; height: 30px; line-height: 30px; font-size: 13px; color: #888; }
.bdsharebuttonbox{ float: right; position: relative; top:1px; padding-left: 2px; }
.h_row2{ height: 100px; padding:25px 0; }
.logo{display: block; height: 100px; background:url(../images/20170522160403_1885770558.png) no-repeat left center; padding-left:100px; width: 625px; }
.logo_1 { font-size: 39px; font-weight: bold; color: #2E84EB; letter-spacing: 2px; padding: 15px; width: 250px; position: absolute; }
.logo_1 .small{ letter-spacing: 0px; font-size: 12px; color:#666; font-weight: 100; }
.logo_2{ width: 350px; height: 60px; background:url(../images/20170527095325_1933749208.png) no-repeat center; position: relative; left: 275px; top: 24px; }
.tel{ width: 225px; height: 60px; background:url(../images/20170522162217_1624299310.png) no-repeat center; position: relative; top: 20px; }
.h_row3{ background: #2e84eb; height: 55px; position: relative;width:100%; transition: 0.35s all ease-in-out;}
.h_row3 .nav > ul > li{ float: left; width:11.1119%; transition: 0.3s all; background: url(../images/20170523100839_613011341.png) no-repeat center 55px; }
.h_row3 .nav > ul > li:hover { background: url(../images/20170523100839_613011341.png) no-repeat center -10px; }
.h_row3 .nav > ul > li.last a{ background: none; }
.h_row3 .nav > ul > li > a { display: block; height: 55px; line-height: 55px; font-size: 15px; color: #fff; text-align: center; position: relative; transition: 0.3s all; z-index: 111111111111111111; background: url(../images/20170522163242_1903014738.png) no-repeat right center; }


.menu .block { height: 3px; background: url(../images/20170522170003_101799269.png) no-repeat center; position: absolute; bottom: 8px; left: 0; }


.h_row3 .nav > ul > li.navcurrent { background: url(../images/20170523100839_613011341.png) no-repeat center -10px; }
.html5zoo-timer-0{ background:rgba(4,162,59,0.9) !important; }
.search{ width: 100%; position: relative; top:-20px; z-index:2; }
.search > .page{ padding-bottom: 15px; background:url(../images/20170522200846_47151470.png) no-repeat center bottom; }
.search-left,.search-right{ width:50%; float: left; height:40px; line-height: 40px; color: #fff; }
.search-left{ background: #04a23b; text-indent: 15px; }
.search-left a,.search-right a{ color: #fff; font-size: 14px; line-height: 40px; padding: 0 5px; }
.search-left a:hover,.search-right a:hover{text-decoration: underline;}
.search-left strong{ font-size: 14px; }
.search-right{ background: #3d3d3d; text-align: left; }
#search-i > input{ width: 47px; height: 41px; display: block; float: right; border:0 none;cursor: pointer;}
#search-bg{ width: 480px; display: block; float: left; padding: 0 10px; }
#search-bg > input{ background: none; color:#999; border:0 none; display: block;  line-height: 30px; height: 30px; font-size: 14px; width: 100%; margin:5px 0;}

/* new-banner*/
#fwslider { position: relative; width:100%; height:500px !important; overflow:hidden; }
#fwslider .slide { position: absolute; top:0; left:0; z-index: 0; width:100%; height:500px; padding:0 !important; background-position: center; background-repeat: no-repeat; }
#fwslider .slide:nth-child(1){ z-index:1; }
#fwslider .slide > div{ display:none; }
#fwslider .slide > br{ display:none; }
#fwslider .slide img { width:100%; display:none; }
#fwslider .slidePrev { position: absolute; top:50%; left:-100px !important; z-index: 10; transition: cubic-bezier(0.4, 0, 1, 1) 0.3s; }
#fwslider .slidePrev span { background-image: url(../images/20170522204654_431042720.png); width:80px; height: 70px; float: left; background-position:-12px -4px; background-repeat: no-repeat; cursor: pointer; }
#fwslider .slideNext { position: absolute; top:50%; right: -100px !important; z-index: 10; transition: cubic-bezier(0.4, 0, 1, 1) 0.3s; }
#fwslider .slideNext span { background-image: url(../images/20170522204654_431042720.png); width:80px; height: 70px; float: left; background-position: -110px -4px; background-repeat: no-repeat; cursor: pointer; }

#fwslider:hover .slidePrev{ left:0 !important; }
#fwslider:hover .slideNext{ right:0 !important; }
#fwslider .timers { height:4px; position: absolute; bottom:15px; right:0; z-index: 3; }
#fwslider .timer { height:4px; width:40px; background-color: #04a23b; float:left; margin-right: 10px; }
#fwslider .progress { height:4px; width:0%; background-color:#2e84eb; float:left; }
#fwslider .slide_content { top:0; left:0; position: absolute; width:100%; height:100%; }
#fwslider .slide_content_wrap { max-width:1280px; margin:15% auto; }
#fwslider .title { margin-left:4%; text-transform: capitalize; color: #fff; font-size:2em; background:rgba(91, 89, 82, 0.4); padding:5px 20px; float: left; font-style: normal; text-transform:uppercase; border:none; }
#fwslider .description { margin-left:4%; opacity: 0; color:#ffffff; font-size:2em; background:rgba(91, 89, 82, 0.4); padding:10px; clear:both; float:left; margin-top:3px; font-weight:bold; text-transform:uppercase; }

.inproduct{ width: 100%; }
.product_rt{ background: url(../images/20170522205322_969451713.png) no-repeat center; height: 150px; display: block; }
.product_rt_1{ font-size: 40px; font-weight: bolder; text-align: center; color: #3d3d3d; line-height: 40px; display: block; padding-top: 15px; }
.product_ct{ }
.btn-primary{ border:0 none; background: none; cursor: pointer; font-size: 16.5px; position: relative; margin:0 5px; }
.btn-primary a{ font-size: 16px; letter-spacing: 2px; color: #666; padding: 0 10px; font-weight: bolder; line-height: 2em; display: block; position: relative; z-index: 2; }
.linkgb{     transition: 0.5s all ease-in-out;display: block; width: 100%; height: 2px; background: #2e84eb;background: -moz-linear-gradient(left, #2e84eb 100%, #04a23b 100%); background: -webkit-linear-gradient(left, #2e84eb 100%,#04a23b 100%); background: linear-gradient(to right, #2e84eb 100%,#04a23b 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e84eb', endColorstr='#04a23b',GradientType=1 );}
.btn-primary:hover .linkgb{ background: #2e84eb; background: -moz-linear-gradient(left, #2e84eb 0%, #04a23b 100%); background: -webkit-linear-gradient(left, #2e84eb 0%,#04a23b 100%); background: linear-gradient(to right, #2e84eb 0%,#04a23b 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e84eb', endColorstr='#04a23b',GradientType=1 ); }
.linkbg{ background: #04a23b; background: -moz-linear-gradient(left, #04a23b 0%, #2e84eb 100%); background: -webkit-linear-gradient(left, #04a23b 0%,#2e84eb 100%); background: linear-gradient(to right, #04a23b 0%,#2e84eb 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#04a23b', endColorstr='#2e84eb',GradientType=1 ); }
.allbtn{ background: #2e84eb; }
.allbtn a{ color: #fff; }
.allbtn span{ display: block; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 10px solid #2e84eb; position: absolute; background: none; left: 31px; bottom: -10px; }
.btn-group{ width: 600px; margin: 10px auto 25px; }
#isotope{ transition:0.35s all ease-in-out; }
#isotope table > tbody > tr > td {  position: relative; float: left; overflow: hidden; margin: 6px; padding: 4px !important; border: 1px solid #eee; width: 251px; }
#isotope table > tbody > tr > td > a { width: 100% !important; }
#isotope table > tbody > tr > td > a > img { width: 100%; }
#isotope table > tbody > tr > td > br { display: none; }
#isotope table > tbody > tr > td > span > a { color: #fff; font-size: 13px; line-height: 30px; display: block; text-align: left; padding: 0 10px; background: url(../images/20170523105422_308797787.png) no-repeat 232px center; }
#isotope table > tbody > tr > td > span { position: absolute; bottom: -30px; display: block; left: 0; text-align: center; z-index: 111111; background: #333; background: rgba(51,51,51,0.8); height: 30px; width: 100% !important; transition: ease-in-out 0.3s all; }
#isotope table > tbody > tr > td:hover{border-color:#04a23b;}
#isotope table > tbody > tr > td:hover > span{ bottom:0px;  background: #04a23b; background: rgba(4, 162, 59, 0.75); }
.gn{ width: 100%; background: url(../images/20170523111606_206647848.png) no-repeat center; height: 149px; }
.gn .page{ position: relative; }
.gn_l{ font-size: 13.5px; color: #fff; position: absolute; top:82px; left:21px; }
.gn_r { position: relative; width: 305px; height: 100px; margin: 25px 0; right: 15px; }
.gtel{ width: 200px; font-size: 18px; color: #fff; line-height: 2em; position: absolute; left: 0px; top: 10px; }
.gclink{ position: absolute; right: 5px; }
.gclink > a { display: block; color: #fff; font-size: 16px; line-height: 2em; border: 1px solid #fff; width: 85px; text-align: center; margin: 10px; transition:.3s all;}
.gclink > a:hover { color: #FFDD45; border-color: #FFDD45;}
.youshi{ background:#ececec; position: relative; padding-bottom: 130px; }
.youshi_cont { position: relative; z-index: 111; }
.youshi_top{ background: url(../images/20170523155400_152434207.jpg) no-repeat center bottom; height: 179px; width: 100%; padding-top: 20px; }
.yc_title{ font-size: 21px; font-weight: bolder; color: #3b3b3b; letter-spacing: .5px; line-height: 2.5em; padding: 5px 0 10px 95px; }
.yc_title span.link{ display: block; background: url(../images/20170523163133_333221566.png) no-repeat -197px -16px; height: 2px; width: 70px; }
.yc_int{ color: #777; font-size: 14px; line-height: 1.8em; padding: 0 25px 12px; }
.yc_int > span{ color: #04a23b; font-size: 15px; padding: 0 5px}
.youshi .col_6 { cursor: Default; background: #fff; float: left; width: 44.46%; margin: 2.77%; overflow: hidden; box-shadow: 0 0px 1px 0px #ccc; position: relative; transition:0.3s all; }
.youshi_cont > .page{ background: url(../images/20170523170421_56513200.png) no-repeat center; }
.ys_1,.ys_2,.ys_3,.ys_4{ height: 55px; width: 55px; background: url(../images/20170525093807_2051211530.png); position: absolute; bottom: 5.5em; left: 30px; }
.ys_1{ background-position: -25px -16px; }
.ys_2{ background-position: -100px -16px; }
.ys_3{ background-position: -25px -93px; }
.ys_4{ background-position: -100px -93px; }

.youshi_bot{ height:405px; width:100%; background: url(../images/20170523200938_1778937899.png); overflow: hidden; position: absolute; bottom: 0px; }
.youshi_bot > .page{ position: relative; height:405px; }
.youshi_pbot{ background: url(../images/20170523201938_1962746737.png); width: 385px; height: 121px; position: absolute; bottom: -23px; left: 357.5px; }
.youshi_pbot{ animation-duration:.55s; -webkit-animation-duration: .55s; }
.application{ background:url(../images/20170523204258_244576106.jpg) no-repeat center; height: 470px; width: 100%; }

/* focus_Box */
#focus_Box{ position:relative; width:1220px; height:320px; margin:0px auto; }
#focus_Box ul{ position:relative; width:1110px; height:320px; margin-left: auto; margin-right: auto; }
#focus_Box li{ z-index:0; position:absolute; width:0px; background:#787878; height:0px; top:146px; cursor:pointer; left:377px; box-shadow:2px 2px 20px rgba(0, 0, 0, .3); overflow: hidden; }
#focus_Box li img{ width:100%; height:100%; vertical-align:top}
#focus_Box li p{ position:absolute; left:0; bottom:0px; width:100%; height:30px; line-height:30px; background:#111; background: rgba(1,1,1,0.3) url(../images/20170524144543_1523881540.png) no-repeat center; text-indent: 8px; color: #fff; text-align: center; transition:0.3s all ease-in-out; }
#focus_Box li p .f_title{ display:block; width:70%; margin:0 auto; line-height:40px; height:40px; overflow:hidden; transition:.3s all ease-in-out; line-height: 30px; font-size: 13px; }
#focus_Box .prev,#focus_Box .next{ top:150px; display:block; z-index:100; overflow:hidden; cursor:pointer; position:absolute; width:40px; height: 40px; }
#focus_Box .prev{ background: url(../images/20170525093807_2051211530.png); background-position: -186px -133px; left:0px}
#focus_Box .next{ background: url(../images/20170525093807_2051211530.png); background-position: -230px -133px; right:-4px} 
.application_t{ width: 150px; margin: 0 auto; padding-top: 15px; }
.a_title{ font-size: 36px; font-weight: bolder; color: #fff; line-height:2em; text-align: center; }
.a_link{ width: 80px; margin:0 auto; height: 2px; display: block; }
.a_title_en{ font-size: 12px; font-weight: 100; color: #efefef; text-align: center; line-height: 3em; text-transform: uppercase; }
#focus_Box li:nth-child(3):hover p{ height: 100%; background:#111 url(../images/20170524144543_1523881540.png) no-repeat center; background: rgba(1,1,1,0.65) url(../images/20170524144543_1523881540.png) no-repeat center; }
.f_cont{ font-size: 13px; text-align: justify; display: block; padding: 0 15px !important; line-height: 2em; }
#focus_Box li:nth-child(3):hover .f_title{ font-size: 18px; padding-top: 25px; font-weight: bolder; }
#focus_Box li:nth-child(3):hover .f_cont{ font-size: 15px; padding-top: 25px; }

.about{ height: 708px; width: 100%; background:url(../images/20170524151337_216250421.jpg) no-repeat center; }
.about_title{ width: 180px; margin:0 auto; padding: 10px 0 25px; }
.about_title > .a_title{ color: #343434}
.about_title > .a_title_en{ color: #8c8c8c}
.czz{ width: 325px; height: 513px; background:url(../images/20170524153606_1869304983.jpg) no-repeat center; margin-right: 20px; position: relative; z-index: 1; }
.zz_title{ color: #fff; display: block; font-size: 25px; line-height: 25px; font-weight: bolder; letter-spacing: 1px; text-align: center; padding-top: 20px; }
.zz_title .a_title_en{ font-size: 12px; letter-spacing:0px; display: block; }
.zz_inlink{ position: absolute; bottom: 10px; right: 10px; font-size: 15px !important; color:#fff !important; text-transform: uppercase; }
.zz_inlink:hover{ color: #fff; text-decoration: underline; }
.zz_inlink > span{ display: block; width: 25px; height: 25px; background: url(../images/20170525093807_2051211530.png) no-repeat -196px -67px; float: left; margin-right: 3px}
.btndiv { width:100%; float:left; position:relative; height: 100%; }
.btndiv strong { float:left; padding-left:10px; padding-top:4px; }
.abtn { display:block; width:40px; height:40px; position:absolute; overflow:hidden; background: url(../images/20170525093807_2051211530.png); text-indent:-999em; outline:none; }
.aleft { top:120px; left:-45px; background-position: -186px -133px; }
.agrayleft { cursor:default; background-position:-275px -133px; }
.aright { top:120px; right:-45px; background-position: -230px -133px; }
.agrayright { cursor:default; background-position:-319px -133px; }
.uldiv { width: 230px; margin: 20px auto; position: relative; text-align: center; height: 300px; background: url(../images/20170524162114_2033453369.png) no-repeat center; }
.scrollcontainer { width: 205px; height: 330px; overflow: hidden; position: absolute; margin: 0 auto; top: 13px; left: 13px; }
.scrollcontainer table { width:20000px; position:absolute; left:0px; top:0px; }
.scrollcontainer td { width:205px; height:272px; float:left; padding: 0 !important; }

.scrollcontainer td > div{ padding-top: 12px !important; }
.scrollcontainer td > div > a{ display: block; line-height: 2.5em; font-size: 15px; color: #fff; }
.scrollcontainer td > div > a:hover{ color: #fff; }
.company{ width: 755px; height: 513px; position: relative; }
.company_t_img{ width: 356px; height: 274px; overflow: hidden; }
.company_t_img > img{ width: 100%; height: 100%; }
.company_t{ padding: 18px; background: #fff; box-shadow:0px 0px 3px 0px #dedede; }
.company_t_cont { font-size: 13.5px; text-align: justify; color: #777; line-height: 1.9em; width: 350px; }
.company_t_cont strong { font-weight: bolder; font-size: 24px; letter-spacing: 0px; display: block; line-height: 1em; padding-bottom:12px; }
.company_t_cont a{ display: block; text-align: right; color: #2e84eb; font-size: 13px;}
.company_t_cont a:hover{text-decoration:underline;}

.company_b{ width: 775px; background: #fff; position: absolute; left: -20px; top: 330px; box-shadow:0px 0px 3px 0px #dedede; }
#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 { display: none; }

.nbs-flexisel-container { position: relative; max-width: 100%; }
.nbs-flexisel-ul { position: relative; width: 9999px; margin: 0px; padding: 0px; list-style-type: none; text-align: center; }
.nbs-flexisel-inner { width: 752px; overflow: hidden; margin: 0 auto; padding: 10px 0 35px; }
.nbs-flexisel-item { float: left; margin:6px 12px 6px 0; cursor: pointer; position: relative; line-height: 0px; width: 178px !important; padding:0 !important; overflow: hidden; }
.nbs-flexisel-item > a{ display: block; }
.nbs-flexisel-item > a > img{ width: 100%; height: 125px; }
.nbs-flexisel-item > div{ position: absolute; bottom: -30px; height: 30px; width: 100%; transition:.3s all ease-in-out; }
.nbs-flexisel-item > div > a{ display:block; height: 30px; line-height: 30px; color: #fff; background: #04a23b; background: rgba(4,162,59,0.8); font-size: 14px; }
/*** Navigation ***/
.nbs-flexlink{ display: block; height: 1px; background: #b9b9b9; width: 39%; bottom:17px; }
.nbs-flexlink.pl{ left: 12px}
.nbs-flexlink.pr{ right: 12px}
.nbs-flexisel-nav-left, .nbs-flexisel-nav-right { width:25px; height:25px; position: absolute; cursor: pointer; z-index: 100; background:#ccc url(../images/20170523163133_333221566.png) no-repeat; border-radius: 50%; z-index: 2; top:auto !important; bottom:7px; }
.nbs-flexisel-nav-left:hover, .nbs-flexisel-nav-right:hover{ background-color:#2e84eb}
.nbs-flexisel-nav-left { left:350px; background-position:-192.5px -103px; }
.nbs-flexisel-nav-right { right:350px; background-position:-234.5px -103px; }
.nbs-flexisel-item:hover > div{ bottom: 0px; }


/*新闻*/
.new_title{ width: 145px; margin:0 auto; padding: 10px 0 25px; }
.new_title > .a_title{ color: #343434}
.new_title > .a_title_en{ color: #8c8c8c}

.convert{ width:1100px; height:450px; margin:0 auto; }
.convert .tab{ width:400px; height:40px; margin:0 auto; }
.convert .tab a{ display:block; color:#666; text-align: center; width: 85px; height:30px; line-height: 30px; font-size:16px; float:left; padding: 0 0 0 35px; margin: 0 6px; }
.convert .tab .xw.on{ display:block; color:#2e84eb; background-position-y:-229px}
.convert .tab .hy.on{ display:block; color:#2e84eb; background-position-y:-230px; }
.convert .tab .cj.on{ display:block; color:#2e84eb; background-position-y:-230px; }
.xw{ transition:all 0.3s ease-in-out; background: url(../images/20170525093807_2051211530.png) no-repeat -16px -190px; }
.hy{ transition:all 0.3s ease-in-out; background:url(../images/20170525093807_2051211530.png) no-repeat -168px -190px; }
.cj{ transition:all 0.3s ease-in-out; background:url(../images/20170525093807_2051211530.png) no-repeat -313px -190px; }

.convert .content{ overflow:hidden; width:1100px; height:380px; position:relative; margin-top:20px; }
.convert .content ul{ position: absolute; left: 0; top: -1px; height: 380px; }
.convert .content li{ width:1100px; height:auto; float:left; }
.content td br{ display:none; }
.content td a{ display:block; background:#ededee; line-height:40px; width:220px !important; color:#666; width:220px !important; }
.content td a:hover{ display:block; background:#ff6633; color:#fff; }

.news_l{ float:left; width:540px; }
.news_l .news_div_item{ position:relative; }
.news_l .divdgweb_new_div_item{ position:relative; }
.news_l .news_div_item_pic{ position:absolute; top:0; }
.news_l .news_div_item_content{ line-height:30px; width:540px; padding-top:10px; position:absolute; top:260px; }
.news_l .divdgweb_new_div_item_content{ line-height:30px; width:540px; padding-top:10px; position:absolute; top:260px; }
.news_l .news_div_item_body,.news_l .divdgweb_new_div_item_body{ color:#999; line-height:22px; margin-top:10px; text-indent:2em;font-size:12.5px}
.news_l .news_div_item_a,.news_l .divdgweb_new_div_item_a{ color:#222; font-size:18px; }
.news_l .news_div_item_a:hover,.news_l .divdgweb_new_div_item_a:hover{ color:#2e84eb; }


.news_l .news_div_item_date,.news_l .divdgweb_new_div_item_date{ position:absolute; right:0; line-height:15px; top:279px; color:#999; }
.news_l .news_div_item_date div,.news_l .divdgweb_new_div_item_date div{ float:left; }


.news_r .news_div_item_date,.news_r .divdgweb_new_div_item_date{ position:absolute; right:0; line-height:15px; top:5px; color:#999; }
{ float:right; line-height:15px; margin-top:15px; color:#999; }
.news_r .news_div_item_date div{ float:left; }
.news_r .divdgweb_new_div_item_date div{ float:left; }


.news_r{ float:right; width:431px; }
.news_r .news_div,.news_r .divdgweb_new_div{ float:right; width:412px; padding-top:10px; padding-left:120px; background:url(../images/20170526173935_1327270761.jpg) no-repeat  left top; }
.news_r .news_div .news_div_item:nth-child(1){ display:none; }   /*第一条新闻已在左边调用，所以此处设置不显示*/
.news_r .news_div_item,.news_r .divdgweb_new_div_item{ width:412px; height:128px; position:relative; }


.news_r .news_div_item_a,.news_r .divdgweb_new_div_item_a{ color:#222; font-size:14px; }
.news_r .news_div_item_a:hover,.news_r .divdgweb_new_div_item_a:hover{ color:#2e84eb; }

.news_r .news_div_item_content,.news_r .divdgweb_new_div_item_content{ float:left; line-height:22px; width:412px; }
.news_r .news_div_item_body,.news_r .divdgweb_new_div_item_body{ color:#999; padding-top:10px;font-size: 12.5px;letter-spacing: 0.2px;text-indent: 2em; }
.news_r .divdgweb_new_div .divdgweb_new_div_item:nth-child(1){ display:none; }   /*第一条新闻已在左边调用，所以此处设置不显示*/

.news_div_item_pic .news_div_item_image{ width:540px !important; height: 260px; }
.friendlink{ border-top: 1px solid #c4c4c4; height: 89px; }
.flink_l{ width: 180px; margin-top: 10px; }
.flink_r{ width: 880px; padding: 20px; }
.flink_img{ width: 35px; height: 35px; display: block; background: url(../images/20170525093807_2051211530.png) no-repeat -307px -102px; float: left; margin-right: 3px; }
.flink_l1 { font-size: 18px; font-weight: bolder; color: #555; padding: 5px; height: 35px; line-height: 35px; }
.flink_l1 .small{ font-size: 13px; font-weight: 100; }
.flink_l2{ padding: 1px 5px; }
.flink_l2 a{ font-size: 12px; color: #666; display: block; text-align: center; }
.flink_l2 a:hover{ text-decoration: underline; color: #2e84eb; }

.copy{ width: 100%; }
.btnav{ background: #2e84eb; height:40px; line-height: 40px; }
.btnav ul li{ float: left; width:11.11112%; }
.btnav ul li a{ display: block; height: 40px; line-height: 40px; color: #fff; text-align: center; font-size: 14px; }
.copy_m{ background: #444444; }
.copy_m .page{ padding: 10px 0 5px; }
.copy_m .col{ float: left; margin: 10px; }
.copy_m .col p{ color: #fff; font-size:13px; line-height: 25px; height: 25px; text-align: center; }
.copy_m .in-out{ cursor:pointer; width: 120px; height: 120px; position:relative; border-radius: 5px; overflow:hidden; background: #fff; transition:0.4s all ease-in-out; }
.copy_m .col:hover .in-out{ width: 120px; height: 120px; position:relative; border-radius: 5px; overflow:hidden; background: #3eaccf; transform:rotateY(180deg)}
.copy_m .in-out > img{ z-index: 24; width: 100%; }
.copy_m .in-out > span{ display: block; width:120px; height: 120px; position: absolute; top: 0; left: 0; transition:0.4s all ease-in-out; z-index: 25; border-radius: 50%; }
.copy_m .in-out > span > img{ width: 100%; }
.copy_m .col:hover .in-out > span{ -webkit-opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; filter:alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); }
.copy_m .page .fr{ font-size: 14px; color: #fff; line-height: 2.3em; letter-spacing: 1px; margin-top: 15px; }
.copy_m .page .fr a{ font-size: 14px; color: #fff; }
.copy_m .page .fr a:hover{ text-decoration: underline; }
.copy_m .page .fr img{ }
.copy_b{ background: #5c5c5c; height: 35px; line-height: 35px; font-size: 14px; color: #fff; }
.copy_b .fl{ font-size: 13px; }
.copy_b .fr,.copy_b .fr a{ font-size: 13px; color: #fff; }
.copy_b .fr a:hover{ text-decoration: underline; }

/*main css*/
.main-im{ position:fixed; right: 10px; top:500px; z-index: 100; width: 110px; height: 272px; }
.main-im .qq-a { display: block; width: 106px; height: 116px; font-size: 14px; color: #0484cd; text-align: center; position: relative; }
.main-im .qq-a span { bottom: 5px; position: absolute; width: 90px; left: 10px; }
.main-im .qq-hover-c { width: 70px; height: 70px; border-radius: 35px; position: absolute; left: 18px; top: 10px; overflow: hidden; z-index: 9; }
.main-im .qq-container { z-index: 99; position: absolute; width: 109px; height: 118px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom: 1px solid #dddddd; background: url(../images/20170527100423_1281471114.png) no-repeat center 8px; }
.main-im .img-qq {max-width: 60px; display: block; position: absolute; left: 6px; top: 3px; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.main-im .im-qq:hover .img-qq{ max-width: 70px; left: 1px; top: 8px; position: absolute; }
.main-im .im_main {background: #F9FAFB; border: 1px solid #dddddd; border-radius: 10px; background: #F9FAFB;display:block;}
.main-im .im_main .im-tel { color: #000000; text-align: center; width: 109px;padding-bottom:20px;border-bottom: 1px solid #dddddd; }
.main-im .im_main .im-tel div{font-weight:bold;font-size: 12px;margin-top:11px;}
.main-im .im_main .im-tel .tel-num { font-family: Arial; font-weight: bold; color: #e66d15;}
.main-im .im_main .im-tel:hover { background: #fafafa; }
.main-im .im_main .weixing-container {width: 55px; height: 47px; border-right: 1px solid #dddddd; background: #f5f5f5; border-bottom-left-radius: 10px; background: url(../images/20170527100424_756518768.png) no-repeat center center;float:left;}
.main-im .im_main .weixing-show {width: 112px;background: #ffffff; border-radius: 10px; border: 1px solid #dddddd; position: absolute; left: -125px; bottom: 0px; display:block;}
.main-im .im_main .weixing-show .weixing-sanjiao {width:0; height: 0; border-style: solid; border-color: transparent transparent transparent #ffffff; border-width: 6px; left: 112px; top: 134px; position: absolute; z-index: 2;}
.main-im .im_main .weixing-show .weixing-sanjiao-big { width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #dddddd; border-width: 8px; left: 112px; top: 132px; position: absolute; }
.main-im .im_main .weixing-show .weixing-ma { width: 104px; height: 103px; padding-left: 5px; padding-top: 5px; }
.main-im .im_main .weixing-show .weixing-txt{width:100px;margin:0 auto; text-align:center;line-height:2em;}
.main-im .im_main .go-top { width: 50px; height: 47px; background: #f5f5f5; border-bottom-right-radius: 10px; background: url(../images/20170527100423_1615322327.png) no-repeat center center;float:right;}
.main-im .im_main .go-top a { display: block; width: 52px; height: 47px; }
.main-im .close-im { position: absolute; right: 10px; top: -12px; z-index: 100; width: 24px; height: 24px; }
.main-im .close-im a { display: block; width: 24px; height: 24px; background: url(../images/20170527100423_533777706.png) no-repeat left top; }
.main-im .close-im a:hover { text-decoration: none; }
.main-im .open-im { display:none; cursor: pointer; margin-left: 68px; width: 40px; height: 133px; background: url(../images/20170527100423_1772522327.png) no-repeat left top; }