﻿@charset "utf-8";
/*html5*/ 
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
/* CSS Document */
/*内外边距*/
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td ,dd,dt{margin: 0;padding: 0;}
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, select, button, textarea, iframe, table, th, td ,dd,dt{ margin:0; padding:0; outline:none; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; outline:none }
.clear{ clear:both; overflow:hidden;}
a{ text-decoration:none;color:#333;}
input{border:none;   outline:medium;font-family:微软雅黑;}
textarea,#xuqiu_form .text{font-family:微软雅黑;}
body{ width:100%;font-family:微软雅黑; background:#fff; color:#333; font-size:14px; overflow-x:hidden}
html{overflow-x: hidden;}
table{border-collapse:collapse}
img{border:none; max-width:100%;}
/** 常用class **/
.tc{text-align:center;}
.tl{text-align:left}
.tr{text-align:right}
.fr{ float:right;}
.fl{ float:left;}
.clearfix{zoom:1;}
.clearfix:before,.clearfix:after{display: table;line-height: 0;content:"";}
.clearfix:after{clear:both;}
.tj{cursor:pointer}
.b,.b *{font-weight:normal;font-style:normal}
.em{font-style:normal}
.ov_hi{overflow:hidden}
.pc{display:block;}
.wap{display:none;}
.box{width:1200px; margin:0 auto}
.mbox{width:1400px; margin:0 auto}
.tab_show{display:none;}

.rd2{-moz-border-radius:5px;-webkit-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;}
.rd3{-moz-border-radius:3px;-webkit-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;}
.rd5{-moz-border-radius:5px;-webkit-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;}
.rd6{-moz-border-radius:6px;-webkit-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px;}
.rd7{-moz-border-radius:7px;-webkit-border-radius:7px;-ms-border-radius:7px;-o-border-radius:7px;border-radius:7px;}
.rd8{-moz-border-radius:8px;-webkit-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;border-radius:8px;}
.rd9{-moz-border-radius:9px;-webkit-border-radius:9px;-ms-border-radius:9px;-o-border-radius:9px;border-radius:9px;}
.rd10{-moz-border-radius:10px;-webkit-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;}
.rd15{-moz-border-radius:15px;-webkit-border-radius:15px;-ms-border-radius:15px;-o-border-radius:15px;border-radius:15px;}
.rd20{-moz-border-radius:20px;-webkit-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;border-radius:20px;}
.rd25{-moz-border-radius:25px;-webkit-border-radius:25px;-ms-border-radius:25px;-o-border-radius:25px;border-radius:25px;}
.rd40{-moz-border-radius:40px;-webkit-border-radius:40px;-ms-border-radius:40px;-o-border-radius:40px;border-radius:40px;}
.rd50{-moz-border-radius:100%;-webkit-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;border-radius:100%;}

.font12{font-size:12px;} .font13{font-size:13px;} .font14{font-size:14px;}
.font15{font-size:15px;} .font16{font-size:16px;} .font17{font-size:17px;}
.font18{font-size:18px;} .font19{font-size:19px;} .font20{font-size:20px;}
.font21{font-size:21px;} .font22{font-size:22px;} .font23{font-size:23px;}
.font24{font-size:24px;} .font25{font-size:25px;} .font26{font-size:26px;}
.font27{font-size:27px;} .font28{font-size:28px;} .font29{font-size:29px;}.font30{font-size:30px;}
.font31{font-size:31px;} .font32{font-size:32px;} .font33{font-size:33px;}
.font34{font-size:34px;} .font35{font-size:35px;} .font36{font-size:36px;}
.font37{font-size:37px;} .font38{font-size:38px;} .font39{font-size:39px;}.font40{font-size:40px;}
.font41{font-size:41px;} .font42{font-size:42px;} .font43{font-size:43px;}
.font44{font-size:44px;} .font45{font-size:45px;} .font46{font-size:46px;}
.font47{font-size:47px;} .font48{font-size:48px;} .font49{font-size:49px;}.font50{font-size:50px;}
.font51{font-size:51px;} .font52{font-size:52px;} .font53{font-size:53px;}
.font54{font-size:54px;} .font55{font-size:55px;} .font56{font-size:56px;}
.font57{font-size:57px;} .font58{font-size:58px;} .font59{font-size:59px;}.font60{font-size:60px;}
.font57{font-size:57px;} .font58{font-size:58px;} .font59{font-size:59px;}
.font61{font-size:61px;} .font62{font-size:62px;} .font63{font-size:63px;}
.font64{font-size:64px;} .font65{font-size:65px;} .font66{font-size:66px;}
.font67{font-size:67px;} .font68{font-size:68px;} .font69{font-size:69px;}.font70{font-size:70px;}
.font71{font-size:71px;} .font72{font-size:72px;} .font73{font-size:73px;}
.font74{font-size:74px;} .font75{font-size:75px;} .font76{font-size:76px;}
.font77{font-size:77px;} .font78{font-size:78px;} .font79{font-size:79px;}

.img{overflow:hidden; line-height:0px;}
.img img{-ms-transition: 0.8s;-moz-transition: 0.8s;-webkit-transition: 0.8s;-o-transition: 0.8s;}
.img:hover img,.g_latest .swiper-slide:hover img,.case_List dd:hover img{-ms-transform:scale(1.1); -moz-transform:scale(1.1); -webkit-transform:scale(1.1); -o-transform:scale(1.1) transform:scale(1.1)}
@font-face {font-family: "constantia";
  src: url('../font/constantia.eot'); /* IE9*/
  src: url('../font/constantia.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../font/constantia.woff') format('woff'), /* chrome, firefox */
  url('../font/constantia.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../font/constantia.svg#constantia') format('svg'); /* iOS 4.1- */
}
.chuanc_num{font-family: "constantia"}
/** page **/
.page{ width:100%;font-size:13px;}
.page a{color:#333; margin:0 3px; background:#fff; border:1px solid #ddd; padding:0 8px; display:inline-block}
.page a:hover,.page a.on{background:#246cdf; color:#fff; border-color:#246cdf}
.page b{color:#666; padding:0 10px;}
.page span{display:inline-block; vertical-align:middle; margin:0 5px;}
.page *{line-height:25px;}

/** 手机导航 **/
#wap{display:none;}
#top1 a{display:block; position:absolute; left:10px; top:10px;}
#top1 a img{display:block; height:30px; width:auto;}
#top1{height:50px; position:fixed; top:0px; width:100%; background:#fff; z-index:99;border-bottom:2px solid #00A3EE;}
#nav{ position:fixed; top:50px; right:0px; text-align:center; width:200px !important; z-index:999; display:none;overflow-y:auto; overflow-x:hidden; background:#fff; padding:5px 0 0;}
#nav dd{border-bottom:1px solid #ddd;  line-height:40px;}
#nav .nav_ph{border:none}

#open{width:28px; display:inline-block; height:25px; cursor:pointer; margin-top:8px; margin-right:5px; display:none; position:absolute; right:10px; top:0px;}
#open i{ display:block; width:29px; height:3px; background-color:#1070bd; position:relative; -webkit-transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; transition:.5s;}
#open i:nth-child(1){ top:4px; -webkit-transform-origin:left bottom; -moz-transform-origin:left bottom; -ms-transform-origin:left bottom; -o-transform-origin:left bottom; transform-origin:left bottom;}
#open i:nth-child(2){ top:11px;}
#open i:nth-child(3){ top:18px; -webkit-transform-origin:left top; -moz-transform-origin:left top; -ms-transform-origin:left top; -o-transform-origin:left top; transform-origin:left top;}
#open.on i:nth-child(1){ -webkit-transform:rotate(40deg); -moz-transform:rotate(40deg); -ms-transform:rotate(40deg); -o-transform:rotate(40deg); transform:rotate(40deg);}
#open.on i:nth-child(2){ opacity:0;}
#open.on i:nth-child(3){ -webkit-transform:rotate(-40deg); -moz-transform:rotate(-40deg); -ms-transform:rotate(-40deg); -o-transform:rotate(-40deg); transform:rotate(-40deg);}

.logina{position:relative; z-index:999}
.login_pop{position:absolute; background:#fff; right:0px; top:100%; z-index:888; width:400px; padding:15px; display:none}
.login_pop .login_click span{color:#333}
.login_pop .form_login .text1{margin-bottom:10px;}
.login_pop .login_click,.login_pop .form_login .tt,.login_pop .login_box{margin:0 0 20px 0}
.login_pop .login_box td{padding:10px 0}
.login_pop .wj{color:#333; margin:0px 0;}
header .box{position:relative}
.login_pop .form_login .tt{background:none; padding-left:10px}
/*** 头部 **/
header{width:100%; left:0px; top:0px; height:40px; background:#1c1e24; color:#fff; height:40px; line-height:40px;}
header a{display:inline-block; vertical-align:middle; color:#fff;}
.topa{margin-left:20px;}
.top_cart img{vertical-align:middle; margin-right:5px;}
/** 底部 **/
footer{background:#1070bd; font-size:15px; padding:15px 0;}
footer .mbox{position:relative;}
footer,footer *{color:#fff;}
.link_a{font-weight:bold; margin-bottom:10px;}
.link_a b,.link_a a{display:inline-block; vertical-align:middle; font-size:22px;}
.link_a b{width:1px; height:15px; background:#fff; margin:0 2%;}
.footer_Add{font-family:Arial, Helvetica, sans-serif}
.footer_Add,.link_a{margin-right:150px;}
.fx{position:absolute; right:0px; top:0px; width:200px; text-align:right}
.fx a{display:inline-block; line-height:0px; vertical-align:middle; cursor:pointer; margin-left:10px}
/** 首页头部 **/
#banner{position:relative}
#banner video{display:block;}
.banner_teader{position:absolute; left:0px; top:0px; height:100%; width:100%; background:url(../images/bg1.png)}
.header{line-height:56px; height:60px;}
.logo img{width:auto; height:90px;}
.logo{line-height:0px; display:block; margin-top:-15px;height:90px; position:absolute; left:0px; top:0px}
.case_logo img{width:auto; height:80px; display:block}
.header.on .logo{position:static;}
.header.on .logo img{height:auto;}
.header.on .nava,.header.on .nava a{color:#fff }
.nava{margin:0 10px; line-height:25px; display:inline-block}
.nava.on{color:#2e6bc4}
.banner_text h1{font-size:70px;}
.banner_text{color:#fff;font-weight:bold;position:absolute; width:100%; left:0px; top:50%; margin-top:-160px}
.ban_ph{margin:30px 0;}
.banbtn{display:inline-block; width:270px; height:65px; line-height:65px; color:#00a3d9; background:#fff; margin:0 20px 0;}
.banbtn:hover,.banbtn1{color:#fff; background:#00a3d9;}
.ban_linka{text-align:center; overflow:hidden; margin-top:40px;}
/** 首页part2 **/
#main2{padding:40px 0; background:#f1f4f4; overflow:hidden}
.m2tit2{margin:15px 0;}
.m2_click{margin:30px 0 ;}
.m2_click .clickbtn{display:inline-block; width:185px; margin:0 2px;display:inline-block; text-align:center; background:#fff; height:40px; line-height:40px; position:relative;}
.m2_click .clickbtn .san{border-left:10px solid transparent; border-right:10px solid transparent;border-top:10px solid #2e6bc4; left:50%; margin-left:-10px; top:100%; display:none;}
.m2_click .clickbtn.on .san,.m2_click .clickbtn:hover .san{display:block;}
.m2_click .clickbtn.on,.m2_click .clickbtn:hover{background:#2e6bc4; color:#fff;}
.click_show1 .m2_list dt{background:#2e6bc4;}
.click_show2 .m2_list dt{background:#4E4E96}
.click_show3 .m2_list dt{background:#0098D9}
.click_show4 .m2_list dt{background:#17B4BB}

.click_show1 .m2_list dt .san{border-left-color:#2e6bc4;}
.click_show2 .m2_list dt .san{border-left-color:#4E4E96}
.click_show3 .m2_list dt .san{border-left-color:#0098D9}
.click_show4 .m2_list dt .san{border-left-color:#17B4BB}

.m2_list dt{width:14%;  position:relative}
.m2_list dd{width:83%}
.m2_list dt *{color:#fff;}
.dt_box{padding:10%;}
.dttit{border:2px solid #fff; padding:10px; margin:5px 0 0}
.dtp1{margin:16px 0; line-height:25px; text-align:left; height: 250px; overflow:hidden}
.dt_bt{line-height:25px; height:102px; overflow:hidden;}
.dt_bt img{height:52px; display:block; margin:0 auto}
.san{position:absolute; display:block; width:0px; height:0px;}
dt .san{left:100%; top:40px;border-top:10px solid transparent; border-bottom:10px solid transparent;border-left:10px solid #2e6bc4}
.m2p1{font-size:12px; line-height:26px; height:26px; overflow:hidden; border-bottom:1px solid #ddd;}
.ddbox h2{margin:10px 0; line-height:25px; height:25px; overflow:hidden}
.m2btn{width:120px; height:40px; line-height:40px; text-align:center; display:inline-block; margin:10px 5px;}
.m2btn.a1{background:#2086ee; color:#fff; border:1px solid #2086ee}
.m2btn.a2{background:#efefef;border:1px solid #efefef}
.m2btn:hover{border:1px solid #FF3901; background:#FF3901; color:#fff}
.ddbox{padding:5%;border:1px solid #ddd;background:#fff;}
.on .ddbox{border-left:none; border-right:none}
.ddimg{position:relative; width:190px; height:156px; margin:0 auto; display:block}
.ddimg img{height:auto}
.m1img{position:absolute; left:4%; top:5%; width:92%; z-index:8}
.3listbg{position:relative; z-index:9}
.m2_dd{float:left; width:33.33333333%; background:#fff;}
.ddbt{position:relative; background:#f9f9f9; padding:10px; border:1px solid #ddd; margin-top:-1px; padding-left:1px}
.dd_ico{width:140px; display:block; float:left; color:#999}
.dd_ico img{display:block; margin:0 auto;}
.ddnews{margin-left:140px;}
.ddnews a{float:left; width:45%; margin-right:5%; height:25px; line-height:25px; overflow:hidden; white-space:nowrap;text-overflow: ellipsis; font-size:12px; color:#666}
.ddnews a b{padding-right:3px; font-size:14px; font-weight:bold}
.ddnews a:hover,.ddnews a:hover b{color:#2e6bc4}
/** 首页part3 **/
#main3{padding:40px 0; overflow:hidden}
#main3 span.wow{display:inline-block; vertical-align:middle;}
.m3_list{margin-top:10px; width:90%; margin:0 auto}
.m3_list dd{float:left; width:25%; text-align:center; color:#565757}
.m3_list dd img{display:block; margin:0 auto 15px;}
.m3_list dd h2{margin-bottom:5px;}
.m3_list dd .a{width:200px; padding:15px 0;}/** 首页part4 **/
#main4{background:#e7e7e7; overflow:hidden}
.table{display:table}
.row{display:table-row}
.cell{display:table-cell; vertical-align:middle}
#main4 .table{width:85%; margin:0 auto}
.m4_le{width:45%; color:#4c4c4c;padding:40px 0;}
.m4_more{background:#ff2c01; display:block; width:180px; height:47px; line-height:47px; text-align:center; color:#fff; font-weight:bold}
.m4_le p{margin:20px 0}
.m4_ri{width:55%;}
.m4_ri span.rd50{display:inline-block; vertical-align:middle; width:100px; height:100px; line-height:100px; text-align:center; border:1px solid #ccc}
/** 首页part5 **/
#main5{padding:50px 0; overflow:hidden}
.m5_le{color:#999; margin:150px 0 0; width:300px;}
.m5_le h2{border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:15px;}
.m5_le dd{margin-bottom:50px;}
.m5_ri{margin:50px 0 0 400px}
/** 首页part6 **/
#main6{background:#1c1c1c; overflow:hidden;padding:50px 0 0; color:#fff; position:relative}
.m6tit1{color:#d81114;}
.m6tit1{display:inline-block; padding:0 20px; position:relative}
.m6tit1 b{position:relative; background:#1c1c1c; z-index:2; padding:0 20PX;}
.m6tit1 p{position:absolute; left:0px; top:50%; background:#fff; height:1px; width:150%; left:-25%; z-index:1}
.main6{margin-top:40px;}
.main6 img{width:100%; height:auto; display:block}
.m6a{position:relative; overflow:hidden; float:left; width:16.666%; overflow:hidden}
.m6a img{display:block; height:auto}
.m6ab{position:absolute; width:100%; height:100%;  left:0px; background:url(../images/ico/black7.png); color:#fff;}
.m6d{width:80%; margin:0 auto; position:absolute; left:10%; top:50%; margin-top:-50px;}
.m6ab h2{height:40px; line-height:40px; overflow:hidden}
.m6ab p{height:60px; line-height:20px; overflow:hidden;}
.m6_list{margin-top:30px;}
.m6_list .m6a:nth-child(odd) .m6ab{top:-100%;}
.m6_list .m6a:nth-child(even) .m6ab{bottom:-100%}
.m6_list .m6a:nth-child(odd):hover .m6ab{top:0%;}
.m6_list .m6a:nth-child(even):hover .m6ab{bottom:0%}


#main6 .san{border-left:15px solid transparent;border-right:15px solid transparent; border-top:15px solid #fff; left:50%; top:0px; margin-left:-15px;}
/** 首页part7 **/
#main7{padding:40px 0; overflow:hidden}
.m7_about{position:relative;}
.m7_about img{display:block; height:auto}
.ab_img1{position:static !important; width:30.5%; display:block; height:auto}
.ab_img{position:absolute; display:block;}
.ab_img2{top:0; right:0; width:69%; height:38%; overflow:hidden}
.ab_img21{left:0px; width:37.5%;}
.ab_img22{right:0px;width:62%;}
.ab_img3{bottom:0; right:0; width:69%; height:61%; overflow:hidden}
.ab_img31{left:0px; width:61.5%;}
.ab_img32{background:#09182c; color:#fff; height:100%; width:38%; right:0}
.ab_text{line-height:20px; text-align:left; width:84%; margin:0 auto; height:200px; overflow:hidden; position:relative; top:50%; margin-top:-100px;}
/** 首页part8 **/
#main8{padding:50px 0; }
#main8 .box{background:#f5f5f5; padding:40px 0;}
.m8 dd{float:left; background:url(../images/1m7.png) no-repeat center center; background-size:cover; overflow:hidden; width:220px; height:192px;}
.m8 dd img{position:absolute; left:0px; top:0px; right:0px; bottom:0px; margin:auto; display:block; max-height:90%; max-width:90%}
.m8 dd span{display:block; width:150px; height:150px; position:relative; margin:13px auto 0; overflow:hidden}
.m81{width:1100px; margin:0 auto}
.m82{width:880px; margin:0 auto}
.m8 dd{margin-top:-2px;}
.m8box{margin-bottom:40px;color:#fff;}
.m8 dd p{height:20px; line-height:20px; overflow:hidden}
/** 首页part9 **/
#main9{padding:50px 0; }
.m9{width:48%;}
.m9_tit{position:relative; padding-left:10px; background:url(../images/j.png) no-repeat right center; display:block}
.m9_tit p{margin-top:3px; color:#999}
.m9_tit span{background:#3778cc; position:absolute; width:4px; left:0px; height:48px; top:50%; margin-top:-24px;}
.m9_news dd{height:45px; line-height:45px; border-bottom:1px solid #eee; position:relative;}
.m9_news dd span{position:absolute; right:0px;}
.m9_news dd a{display:block; margin-right:80px; height:45px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.m9img{display:block; border:2px solid #dedede; margin-top:10px; height:auto}
.m9_news dd:hover *{color:#3778cc}
/** 首页part10 **/
#main10{background:url(../images/1m10.jpg) no-repeat center center; background-size:cover; padding:30px 0; color:#fff;}
.m10_more{display:block; margin:15px auto 0; border:1px solid #fff; text-align:center; line-height:36px; width:120px; color:#fff;}
/** footer  **/
footer{background:#09182c; padding-top:20px; font-size:12px;color:#c7c7c7;line-height:24px;}
footer dd{width:150px; float:left}
footer dd h2{margin-bottom:5px;}
footer dd h2 a{color:#fff; font-size:14px;}
.fta{font-size:12px; color:#c7c7c7; display:block; }
footer dd.ftdd6{width:240px;}
footer dd.ftdd7{width:180px; float:right}
.ftdd7 .wx11{margin:0 5px; width:69px; display:inline-block; text-align:center; line-height:20px; position:relative}
.ftdd7 .wx11 div{position:absolute; width:120px; height:auto; left:50%; margin-left:-60px; background:#fff; border:1px solid #ddd; display:none; bottom:100%; margin-bottom:10px;}
.ftdd7 .wx11 div img{width:110px; display:block; margin:5px;}
.ftdd7 .wx11:hover div{display:block}
.ftp2{color:#1656a6; margin:10px 0;}
.foot_linka{margin:15px 0 0 20px;}
.footbt{padding:15px 0 0; border-top:1px solid #c7c7c7; line-height:41px; margin-top:15px;}
#footer{position:fixed;bottom:0px; width:100%; overflow:hidden; text-align:center; z-index:999; display:none}
#footer a{width:20%; float:left}
/** 网站建设 **/
#ny_banner{height:360px; width:100%; position:relative}
.ny_banner{position:absolute; width:100%; height:100%; left:0px; top:0px;}
.ny_banner .box{width:1100px;}
.playbuy{ display:block; width:220px; text-align:center; line-height:45px; border:1px solid #fff; color:#fff; margin-top:240px; font-size:18px;}
.ny_nav{background:#143e7f; line-height:43px; position:relative; z-index:99}
.ny_nav a{color:#fff; text-align:center; padding:0 21px;float:left;}
.ny_nav a.on,.ny_nav a:hover{background:#ff6622}
.ny_navbtn{display:none; color:#fff; background-image:url(../images/ico/up.png); background-repeat:no-repeat; background-position:98% center; padding-left:20px; cursor:pointer}
/** 网站建设1 **/
.web1{padding:50px 0;}
.web1_le{width:42%; position:relative;}
.web1_img{height:auto; width:100%; display:block; margin:0 auto;  position:relative; z-index:10}
.web1_img2{position:absolute;left:4%;top: 5%;width:91% !important; height:auto; z-index:8}
.web1_ri{width:55%;}
.web1_tit2{background:#246cdf; color:#fff; line-height:50px; height:50px; overflow:hidden; padding:0 10px;}
.hot{position:relative; top:-8px;}
.web1_p1{margin:15px 0;}
.web1_tit3{left:25px; margin:20px 0 10px;}
.web1_tit3 .rd5{background:#ff6622; color:#fff; padding:0 5px; margin-right:5px;}
.web1_div_son{background:#e3e3e3; padding:0 20px 10px;}
.web1_price{width:280px; margin-top:10px;}
.web1_p3{margin:15px 0; line-height:30px;}
.web1_btn a{display:inline-block; width:170px; line-height:40px;text-align:center; font-size:16px;}
.web1_btn1{background:#fff8ed; color:#ff6700; border:1px solid #ff6700}
.web1_btn2{background:#ff6700; color:#ffffff; margin-left:10px;}
.web1_btn a:hover{background: #246cdf; color:#fff; border-color:#246cdf}
/** 网站建设2 **/
.web2_list{margin-top:50px;}
.web2_list dd{float:left; width:25%; margin:0 auto;}
.web2_list dd div.b{width:204px; height:204px; border:1px solid #ddd; margin:0 auto; position:relative; overflow:hidden}
.web2_list dd h2{line-height:80px; margin-top:10px;}
.web2_list dd h3{margin-bottom:10px;}
.web2_list dd div.b:before{content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;background:#246cdf;
	border-radius: 100%;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.web2_list dd div.b:hover:before{transform: scale(1); }
.web2_list dd div.b:hover{color:#fff;}
/** 网站建设3 **/
#web3{color:#fff; padding:60px 0; background-size:cover !important}
#web3 .box{ position:relative}
.web3_img{position:absolute; right:0px; bottom:0%}
.web3_list dd{width:50%; margin-bottom:60px;}
.web3_list dd .font30{margin-bottom:10px;}
.web3_dd2{margin-left:10%}
.web3_dd3{margin-left:5%; margin-bottom:0 !important}
/** 网站建设4 **/
#web4{background:#f0f0f0}
.web4_tit{font-size:36px; padding:40px 0;}
.web4_btn{background:#ff6622; color:#fff; padding:10px 2%; font-size:24px; position:relative; z-index:10}
.web4_box{padding:30px 2%; margin:0 auto;background:#fff; margin-bottom:40px;}
.web4_table{width:100%;}
.web4_table td{border-bottom:1px solid #ddd;border-top:1px solid #ddd; padding:10px 0;}
.web4_table1 .td1{width:180px;}
.web4_table1 .td2{border:1px solid #ddd;}
.web4_table1 .td2 div{padding:0 20px;}
.web4_table1 .td3{width:140px;}

.web4_table2 td{border:1px solid #ddd; padding:40px 0;}
.web4_table2 td h2.b{font-size:18px; margin:5px 0;}
.web4_table2 td p{font-size:12px;}
.web4_tddiv{width:90%; margin:0 auto}


.web4_table3 td{border:none}
.web5_h2{margin-bottom:5px;}
.web5_h2,.web5_div{width:80%; margin:0 auto}
.web5_div{overflow:hidden; font-size:16px; color:#515151; border-bottom:1px solid #ddd; padding:10px 0;}

.web6_list{width:110%}
.web6_list dd{float:left; width:27.5%; overflow:hidden; margin-right:4.2%; margin-bottom:15px;}
.web6_list dd img{height:auto}

.web7_list{background:#fff; padding-top:40px; margin-bottom:40px;}
.web7_list dd{width:14.275714286%; float:left; border-top:2px solid #ff6700; padding:50px 0;}
.web7_list dd.on{border-top:2px solid #c1c1c1}
.web7_list dd h2{font-size:42px; border-bottom:1px solid #c1c1c1; padding-bottom:10px; margin-bottom:10px; font-weight:normal}
.web7_list dd p{font-size:18px;}
.web7_list dd.on{background:#f5f5f5}
.dd1 .xq_ico{background-image:url(../images/webxq1.png);}
.dd2 .xq_ico{background-image:url(../images/webxq2.png);}
.dd3 .xq_ico{background-image:url(../images/webxq3.png);}
.dd4 .xq_ico{background-image:url(../images/webxq4.png);}
.dd5 .xq_ico{background-image:url(../images/webxq5.png);}
.dd6 .xq_ico{background-image:url(../images/webxq6.png);}
.dd7 .xq_ico{background-image:url(../images/webxq7.png);}

.xq_ico{display:block; width:48px; height:48px;background-position:left center; background-repeat:no-repeat; margin-left:35% !important; margin-top:30px;}
.web7_list dd:hover .xq_ico{background-position:right center;}
.ml20{margin-left:30%;}
.web7_list dd:hover{background:#ff6700;border-top-color:#ff6700}
.web7_list dd:hover *{color:#fff;}
.web7_list dd:hover h2{border-bottom-color:#fff}

.web8_list{width:110%}
.web8_list dd{float:left; width:23%; font-size:16px;}
.web8_list *{display:inline-block; vertical-align:middle;}
.web9_list1 dd{float:left; width:31.3333333333333%; margin:0 1%; cursor:pointer; padding:15px 0;}
.web9_list1 dd .h{width:65px; height:65px; line-height:65px; text-align:center; background:#c1c1c1; color:#fff; font-size:36px;display:inline-block; vertical-align:middle; margin:0 20px;}
.web9_list1 dd .font17{display:block; text-transform:uppercase;}
.web9_list1 dd .font19{display:block}
.web9_list1 dd.on,.web9_list1 dd:hover{background:#ff6700}
.web9_list1 dd.on *,.web9_list1 dd:hover *{color:#fff;}
.web9_list1 dd.on .h,.web9_list1 dd:hover .h{background:#fff; color:#ff6700}

.web9_list2{width:96%; margin:15px auto 0}
.web9_list2 dd{display:none}
.h_p{display:inline-block; vertical-align:middle}
.wd{display:inline-block; width:45%; vertical-align:top; margin-bottom:10px; padding-right:3%}
.wd.on{padding:0 0 0 3%}
.wd .d{color:#737373; font-size:12px; line-height:21px;background:url(../images/02.png) no-repeat left 2px; padding:2px 0 2px 25px;}
.wd .w{font-size:14px; margin-bottom:5px; background:url(../images/01.png) no-repeat left center; padding:5px 0 5px 25px;}
.help{width:90%; margin:0 auto}
.help li{list-style:none; position:relative; width:48%; padding-right:2%; float:left; cursor:pointer}
.help li:hover span,.help li.on span{box-shadow:0 0 5px #eee; background:#1656a6; color:#fff; min-width:200px;}
.help li span{display:inline-block; padding:0 10px;}
.help li:hover{z-index:20}
.help_sub{position:absolute; top:100%; left:25%; width:300px; padding:10px; margin-top:10px; background:#eef6ff; display:none; color:#333; border-radius:5px;}
.help_sub::after{display:block; position:absolute; left:10%; top:-10px; width:0px; height:0px; border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #eef6ff; content:''}
.help_tit{line-height:40px; height:40px; overflow:hidden; font-size:16px;}
.konw li{list-style:none}
.konw_click li{padding:10px 0; margin-bottom:10px; position:relative}
.konw_show{width:60%; float:right; line-height:24px;}
.konw_click{width:30%; float:left}
.jt{position:absolute; top:50%; margin-top:-5px; left:100%; display:none}
.konw_click li.on .jt{display:block}
/**  新闻 **/
.news .page{margin:90px auto}
.news_list{margin:20px auto 0}
.news_list dd{position:relative; height:214px; margin-top:45px; background:#f7f7f7}
.news_list .time{position:absolute; left:0px; top:0px;width:140px; height:100%; background:#246cdf; color:#fff}
.news_list .time *{display:block; margin-right:15px !important;}
.news_list .time b{font-size:66px; margin-top:35px;}
.news_list .time span{font-size:15px; margin:5px 0;}
.news_list .time i{width:10px; height:1px; background:#fff; float:right;}
.news_div{margin-left:140px; padding:25px 30px;}
.news_div h2{font-size:18px; height:30px; line-height:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.news_div p{line-height:25px; color:#595959; font-size:12px; margin:10px 0; height:75px; overflow:hidden}
.news_more{border:1px solid #246cdf; text-align:center; width:116px; height:40px; line-height:40px; color:#246cdf; display:block;}
.news_more:hover{background:#246cdf; color:#fff;}
.news_div h2:hover{color:#246cdf}
/**  发布需求 **/
.xuqiu{padding:50px 0 100px}
#xuqiu_form h2{font-size:40px;}
.xq_line{background:#bfbfbf; width:50px; height:5px; margin:10px auto 40px;}
#xuqiu_form dd.rd25{border:1px solid #ccc; background:#f5f5f5; height:50px; width:48%; margin-bottom:30px;}
#xuqiu_form .text{background:none; height:50px; border:none; width:90%; margin:0 auto; display:block; font-size:17px; color:#acacac}
#xuqiu_form select{background:url(../images/ico/ico2.png) no-repeat right center !important;}
#xuqiu_form dd.rd25.clear{width:100%; height:auto}
#xuqiu_form textarea.text{width:95%; margin:15px auto; height:290px;}
#xuqiu_form .tj{width:60%; max-width:350px; display:block; margin:0 auto; height:50px; background:#1656a6; color:#fff; font-size:18px;}
/** 服务保障 **/
.fwbz_list dd{}
.fwbz_list dd.on{background:#f2f2f2}
.fwbz_text{float:left; width:50%;}
.fwbz_img{float:right; width:50%; text-align:right}
.fwbz_img img{max-width:90%; height:auto; width:auto}
.fwbz_h2{font-size:40px; margin:60px 0 40px;}
.fwbz_p{color:#595959; line-height:30px; margin-bottom:60px;}
.on .fwbz_text{float:right; text-align:right}
.on .fwbz_img{float:left; text-align:left;}
.float_xnav{ background:#fcfcfc;}
.float_xnav li{float:left; list-style:none; width:25%; font-size:20px; text-align:center; padding:15px 0;}
.float_xnav li *{display:inline-block; vertical-align:middle}
.float_xnav li b{color:#fff; background:url(../images/ico/w.png) no-repeat center center;width:75px; height:75px; line-height:75px; margin-right:10px;}
.float_xnav li a{display:inline-block; vertical-align:middle; line-height:20px}
.float_xnav li.active,#float_xnav li:hover{ color:#ff6700;}
/** 服务列表 **/
.weblist_list dd{padding:100px 0; border-top:1px solid #ccc}
.weblist_list dd .box{width:1100px}
.weblist_list dd.on{background:#f2f2f2;}
.list_img{display:block; line-height:0px; margin-bottom:50px; position:relative; overflow:hidden}
.list_img img{width:100%; height:auto; display:block; margin:0 auto; max-width:500px;}
.list_a a{display:inline-block; max-width:195px;  line-height:48px; color:#fff; font-size:16px; margin:0 10px; width:40%}
.list_a1{background:#ff0000; border:1px solid #ff0000}
.list_a2{background:#1656a6; border:1px solid #1656a6}
.list_a a:hover{background:#fff; color:#333;}

.list_h2{font-size:26px; position:relative; padding-right:120px;}
.list_p{color:#ff0000; font-size:16px;padding-right:120px; line-height:25px; margin:10px 0;}
.list_h22 span{display:inline-block; vertical-align:middle; width:80px; height:80px; text-align:center; line-height:80px; background:#ff6700; color:#fff; box-shadow:2px 2px 8px #ccc;-moz-box-shadow:2px 2px 8px #ccc;-ms-box-shadow:2px 2px 8px #ccc;-o-box-shadow:2px 2px 8px #ccc;-webkit-box-shadow:2px 2px 8px #ccc;}
.list_h22{color:#ff0000; position:absolute; display:block; width:120px; right:0px; top:50%; margin-top:-40px; }
.bd{margin-bottom:20px;}
.bd li{list-style:none; padding:5px 0; color:#737373}
.list_le,.list_ri{width:45%}
.list_swiper{ margin-top:20px;}
.list_swiper img{width:100%; display:block; height:auto}
.list_swiper .swiper-button-white{width:100px; height:100px; margin-top:-50px;}
.list_swiper .swiper-button-prev{left:0px; background:url(../images/ico/le0.png) no-repeat left center !important;}
.list_swiper .swiper-button-next{right:0px; background:url(../images/ico/ri0.png) no-repeat right center !important;}
/** 登录 **/
#login{color:#9d9d9d; }
.login_box{width:100%; margin-bottom:100px;}
.login_box td{padding:50px 0;}
.login_box td.tr img{max-width:80%}
.login_tit{border-bottom:1px solid #eee; line-height:50px; font-size:18px;}
.login_tit span{font-size:24px;}
.login_click span{width:115px; height:35px; line-height:35px; display:inline-block; background:#fafafa; font-size:12px;}
.login_click span.on{color:#fff; background:#ff6700;}
.form_login input{display:block; width:100%; font-size:16px !important; height:30px;}
.form_login .tt{padding:5px 0 5px 40px; border-bottom:1px solid #ddd; margin-bottom:50px; position:relative}
.form_login .text1{background:url(../images/ico/lo_ico1.png) no-repeat left center;}
.form_login .text2{background:url(../images/ico/lo_ico2.png) no-repeat left center;}
.form_login .text3{background:url(../images/ico/lo_ico4.png) no-repeat left center;}
.form_login .tj{background:#ff6700; color:#fff; height:50px; font-size:20px}
.wj{display:block; margin:70px 0 30px; font-size:16px;}
.w450{width:450px;}
.login_click{margin:50px 0}
.yzm{display:block; position:absolute; right:0px; bottom:0px; background:#ff6700; color:#fff; display:block; width:150px; height:50px; text-align:center; line-height:50px; font-size:16px;}
.checkbox{display:inline-block; width:20px; height:21px; background:url(../images/ico/ck1.png) no-repeat center center; vertical-align:middle; margin-right:5px; position:relative; top:-2px;}
.on.checkbox{background:url(../images/ico/ck2.png) no-repeat center center;}
.wj input{display:none;}
/** 会员中心 **/
#center{margin:60px auto}
.vleft{width:180px; border:1px solid #ddd; padding:10px; background:#fff; padding-bottom:0}
.vright{margin-left:220px; border:1px solid #ddd; padding:25px; min-height:500px;}
.lefta{display:block; padding:0 10px; background:#f2f2f2; margin-bottom:10px; line-height:33px;}
.lefta.on,.lefta:hover{background:#1656a6; color:#fff}
.v_img{}
.v1_tab1{width:100%; background:#fafafa; margin-bottom:30px;}
.v1_tab1 td{padding:15px 0;}
.v1_p1{padding:2px 0;}
.v1_p1 span{ color:#999; width:120px;}
.v1_p1 span,.v1_p1 .ii{display:inline-block; vertical-align:middle;}
.v1_zt{width:45%; position:relative}
.v1_tdline{width:1px; height:80%; top:10%; background:#ddd; position:absolute; left:0px;}
.v1_zta{display:inline-block; width:100px;}
.v1_zta img{display:block; margin:0 auto}
.v1_zta b{font-weight:bold !important; color:#ff6700}
.v1_img{width:140px; padding-left:20px !important;}
.v1_tit{font-size:25px; color:#595959; margin-bottom:30px;}
.v1_tab2{background:#fafafa; width:100%}
.v1_tab2 td{padding:20px 0;}
.v1_tab2 td.v12_img{padding:20px 20px; width:120px}
.v12_tit{font-size:16px; font-weight:bold;margin-bottom:5px;}
.v12_p,.v12_time{color:#999; font-size:12px;}
.v12_text{padding-left:20px;}
.v12_price{background:#ebebeb; font-size:12px; text-align:center; width:85px; padding-top:5px; margin:0 auto}
.v12_price .through{margin:3px 0;}
.zt1{color:#ff0000}
.zt2{color:#666}
.zt3{color:#a6a6a6}
.v2_td2_p{background:#1656a6; color:#fff; padding:3px 0; margin-top:5px}
.zt_btn{min-width:50px; padding:0 5px; height:22px; display:inline-block; border:1px solid #ddd; color:#999; font-size:12px; line-height:22px; text-align:center; margin:0 5px 8px}
.zt_btn1,.zt_btn2{}
.zt_btn1{border-color:#ff0000; color:#ff0000; background:#ffdede}
.zt_btn2{border-color:#ff6a06; color:#ff6a06; background:#fff1e8}
.zt_btn3{border-color:#1656a6; color:#1656a6; background:#dcecff; cursor:pointer}
.v12_td3{width:160px;}
.v12_td3,.v12_td4{width:160px;}
.v12_td5{width:150px;}
.v12_td0{display:none;}
/** 基本信息 **/
.v2_tab{width:100%;}
#changefile{margin-bottom:60px;}
#changefile .text{border:1px solid #ddd;height:30px; width:100%; padding:0 5px;}
.submit{background:#1656a6; color:#fff; font-size:18px; height:50px; width:100%}
.v2_tab td{padding:9px 0px; line-height:30px;}
.v2_td1{width:50px}
.v2_td2{width:330px}
.v2_td3 img{max-width:90%}
/** 发票申请 **/
.fp_click{margin:10px 0 20px;}
.fp_click span{display:inline-block; width:120px; height:30px; text-align:center; line-height:30px; border:1px solid #1656a6; color:#1656a6}
.fp_click span.on{background:#1656a6; color:#fff;}
.fp_tab{width:100%}
.fp_tab td{padding:17px 0;}
.fp_tab i{color:red; margin-right:5px;}
.fp_tab .tr{width:110px;}
.fp_tab .text{border:1px solid #ddd; height:40px; width:100%; padding:0 5px; max-width:520px}
.fp_tab .submit{max-width:326px;}
/** 退单订单 **/
.pop{position:fixed; left:0px; top:0px; width:100%; height:100%; background:url(../images/ico/black6.png); display:none}
.pop_box{width:500px; height:300px; position:absolute; left:50%; top:50%; margin:-150px 0 0 -250px; background:#fff;}
.pop h2{font-size:32px;}
.tuh_form{margin:20px;}
.tuh_div{padding-left:70px; position:relative}
.tuh_div label{position:absolute; left:0px; line-height:35px; display:block}
.tuh_form .text{width:100%; height:35px; background:url(../images/ico/ico2.png) no-repeat 98% center; border:1px solid #ddd;}
.tuh_form .text select{width:100%; margin:0 auto; display:block; border:none; font-family:微软雅黑; height:35px; background:none; padding:0 2%;}
.tuh_form .tj{width:190px; height:32px; display:block; margin:40px auto 0}
.pop_box h2{margin:40px 0;}
.close{position:absolute; right:10px; cursor:pointer; top:10px; width:25px}

#oj{height:auto}
.oj{display:block; margin:60px auto ;}
.oj_text{font-size:24px; color:#666; line-height:50px; margin-bottom:60px}
/**  忘记密码 **/
.wj_tab{margin:0 auto}
.wj_tab .text{width:270px; text-indent:5px; border:1px solid #ddd; height:35px;}
.wj_tab td.tl{width:60px;}
.wj_tab td{line-height:35px; padding:10px 0;}
.wj_tab .tj{background:#1656a6; color:#fff; height:40px; border:1px solid #1656a6; font-size:16px; margin-top:20px;}
.wj_box{width:450px; margin:0 auto; min-height:400px;}
.wj_tit{border-bottom:1px solid #ddd; color:#9d9d9d; line-height:60px; font-size:24px; margin:50px auto }
.wj_box .tj{margin-top:70px;}
/**  下订单  **/
.order_list{background:#f5f5f5; padding:20px 50px 30px; border-top:2px solid #1656a6; margin-bottom:30px;}
.order_part1{margin:15px 0; overflow:hidden}
.or_tit{font-size:20px;}
.or_p{color:#585858}
.or_price2 b{font-size:30px; font-style:italic}
.or_div{margin-left:220px;}
.or_img{display:block; line-height:0px; width:200px;}
.or_tit1{color:#2b2b2b; padding-left:35px; line-height:50px; font-size:18px; margin-bottom:10px;}
/**  order_part2  ***/
.textarea{width:98%; height:140px; padding:5px 1%; border:1px solid #ddd; margin-bottom:10px;}
.button_file{display:inline-block; font-size:14px; color:#fff; width:90px; height:28px; line-height:28px; text-align:center; background:#ff6700; cursor:pointer; margin-right:5px;}

.order_part3_list{width:120%}
.order_part3_list dd{width:50%; float:left; overflow:hidden; margin-bottom:30px;}
.order_part3_div{margin-left:60px}
.order_part3_div h3{margin:5px 0;}
.order_part3_div p{color:#585858}

.or_ta .tr{width:100px;}
.or_ta i{color:red}
.or_ta .text{max-width:100%; width:180px; border:1px solid #ddd; height:25px;text-indent:5px;}
.or_ta td{padding-bottom:10px;}
.pay_way,.pay_way *{display:inline-block; vertical-align:middle;}
.pay_way input{margin-right:5px;}
.pay_way{margin-right:50px;}
.or_all{background:#dfe7f2; padding:20px;}
.or_all .text{width:110px; height:30px; text-indent:5px; margin:0 5px; border:1px solid #ddd}

.or_money{font-size:20px;}
.or_money b{color:red; font-size:28px;}
.submit1{background:#ff6700; color:#fff; font-weight:bold; width:160px; height:40px; font-size:16px; margin:30px 0 50px; cursor:pointer}


#qq{position:fixed; right:0px; top:35%; z-index:999;}
.qq_ico span{padding:4px 0; display:inline-block; color:#666}
.qq_ico{width:38px; height:38px; line-height:15px; text-align:center; display:block; border:1px solid #3778cc; cursor:pointer; margin-bottom:1px; background-color:#fff; background-repeat:no-repeat; background-position:center center}
.qq_sub{position:absolute; top:0px; border:1px solid #eee; border-top:5px solid #3778cc; background:#fff; right:100%; padding:20px 10px; display:none}
.sq{background:url(../images/b1.png) no-repeat left center; padding:10px 0 10px  60px !important; }
.sq b{display:block; font-size:16px; color:#f2630c;}
.sq1{padding-bottom:10px; border-bottom:1px solid #ddd; margin-bottom:5px;}
.sq_div,.qq_div{border-top:1px solid #ddd; padding:10px 0; margin-top:10px; width:50%; float:left;}
.sq_div p{background:url(../images/b7.png) no-repeat left center; padding-left:10px; color:#bbbdbe;}
.wxs{
	width: 75%;
	    display: block;
		margin: auto;
	    margin-top:10px;
}

.qq_ico2 .qq_sub{width:170px; top:-20%}
.qq_div{float:none; width:100%}
.qq_div a{display:block; background:url(../images/b6.png) no-repeat 10px center; padding-left:40px; line-height:30px; color:#666}

#qq dd:hover .qq_ico{color:#f6650c; border-color:#f6650c}
.qq_ico1 .qq_sub{width:260px;}
.qq_ico2 .qq_ico{background-image:url(../images/b2.png)}
.qq_ico3 .qq_ico{background-image:url(../images/b3.png)}
.qq_ico4 .qq_ico{background-image:url(../images/b4.png)}

.qq_ico2:hover .qq_ico{background-image:url(../images/b2o.png)}
.qq_ico3:hover .qq_ico{background-image:url(../images/b3o.png)}
.qq_ico4:hover .qq_ico{background-image:url(../images/b4o.png)}
.qq_sub3{padding:5px; width:120px; border:1px solid #eee;}
.qq_sub3 img{width:100%}

.pad50{padding:45px 0;}
.through{text-decoration:line-through}
.clickbtn{cursor:pointer}
.click_show{display:none}
.textup{text-transform:uppercase}
.red1{color:#ff7200}
.red2{color:#d70000}
.none{display:none !important;}
.fam{font-family:Arial, Helvetica, sans-serif}
.m7_about{display:block;}
.no,header .logo{display:none}
section.onn{box-shadow:5px 0 10px #ddd; background:#fff}
.over{overflow:hidden}


.m4_more:hover{background:#2e6bc4}
.m10_more:hover{background:#FF3901; color:#fff; border-color:#FF3901}
.fta:hover{color:#FF3901; text-decoration:underline}
a.nava:hover,a.nava.on,div.nava:hover>a,div.nava.on>a{border-bottom:3px solid #2e6bc4; color:#2e6bc4}
.web4_table1 tr:hover td,.web4_table.web4_table2 tr td:hover{background:#2e6bc4}
.nav_sub22{position:absolute; width:120px; left:50%; margin-left:-60px; text-align:center; top:100%; background:#000; display:none; padding:10px 0;}
.nav_sub22 a{color:#fff; display:block; line-height:30px;}
.nava:hover .nav_sub22{display:block}
div.nava{position:relative}
.header{position:relative; z-index:9999}
/** 案例展示 **/
.case{margin:30px auto}
.case .m6tit1{width:100%; padding:0}
.case .m6tit1 b{background:#f5f5f5}
.case .m6tit1 p{background:#ddd; width:100%; left:0px; margin:0}
.casea1,.casea2{width:33.333333333333333333333333%;}
.case_list .img,.case_list{display:block; overflow:hidden;position:relative}
.case_list .img img{display:block; height:auto; width:100%}
.case_list .bg{position:absolute; width:100%; height:100%; background:url(../images/ico/black5.png); left:0px; top:0px;}
.case_list{margin-top:30px}
#search{position:relative; background:#fff; border-bottom:2px solid #0146A5; box-shadow:0px 2px 6px #ddd; line-height:60px; padding:0 10px;}
.search_nav a{display:inline-block; padding-right:30px; margin-right:30px; color:#666; font-size:16px; background:url(../images/ico/i.png) no-repeat right center}
.search_div{background:#f6f6f6; height:30px; overflow:hidden; width:260px; position:absolute; right:10px; top:50%; margin-top:-15px;}
.search_div .tj{background:url(../images/ico/ss.png) no-repeat center center; width:30px; height:30px;}
.search_div .text{width:210px; margin:0 0 0 10px; height:30px; background:none}

.case_list1 .ov_hi{position:relative;}
.case_text{width:100%; height:100%; left:0px; top:0px; color:#fff; background:url(../images/ico/black6.png); color:#fff; opacity:0; filter:alpha(opacity=0)}
.case_son{width:80%; height:200px; position:absolute; left:10%; top:50%; margin-top:-100px;}
.case_text,.case_son{position:absolute;}
.case_text h2{font-size:16px; height:25px;line-height:25px; overflow:hidden;}
.case_text p{font-size:13px; height:60px;line-height:20px; overflow:hidden;}
.case_text b{display:block; margin:10px auto; width:40px; height:2px; background:#fff;}
.case_ab{width:80%; position:absolute; left:10%; top:50%; margin-top:-50px;}


.case_list1{width:110%; margin:30px auto}
.case_list1 dd{width:29%; margin-right:2%; float:left; margin-bottom:20px;}
.case_list1 dd:hover .case_text{opacity:1; filter:alpha(opacity=100)}
.case_list1 dd img,.case_list1 dd a{display:block; width:100%; height:auto}
.case_more{width: 30px;height: 30px;z-index: 2;background: #ffffff url(../images/more.png) no-repeat center;position: absolute;left: 50%;margin-left: -15px;bottom: -90px}
.case_list1 dd:hover .case_more{bottom:-14px;}

.case_list1 dd:hover .case_son::before {
    border-top-color: #ffffff;
    border-right-color: #ffffff;
    -webkit-transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
    transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
	width: 100%;
    height: 100%;
}
.case_list1 dd .case_son::after{bottom:0%;right:0%;}
.case_list1 dd .case_son::before{top:0%;left:0%;}
.case_list1 dd .case_son::before,.case_list1 dd .case_son::after {
    border: 1px solid transparent;
    width: 0;
    height: 0;
	box-sizing: border-box;
    content: '';
    position: absolute;
}
.case_list1 dd:hover .case_son::after {
    border-bottom-color: #ffffff;
    border-left-color: #ffffff;
    -webkit-transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
    transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
	width:100%;
    height:100%;
}

#swiperimg,.case_list1,.g_latest{position:relative; overflow:hidden}
.gallery-top{margin:30px auto}
.gallery-top img{display:block; margin:0 auto}
.gallery-top .swiper-button-white{background-image:url(../images/case_m_tab.png)!important; background-position:0px 0px; background-repeat:no-repeat; width: 80px;height: 80px; position:absolute; top:50%; margin-top:-40px; left:0px; background-size:80px 197px;}
.gallery-top .swiper-button-white.swiper-button-next{background-position:0px bottom; right:0px; left:auto}
.thumbs{margin:30px 0;}
.thumbs .swiper-slide{height:150px; overflow:hidden;border:2px solid #ddd; box-sizing:border-box; cursor:pointer}
.thumbs .swiper-button-white{background-color:rgba(0,0,0,0.5); background-size:15px; height:100%; top:0; margin:0; left:0}
.thumbs .swiper-slide-active{border:2px solid blue}
.thumbs .swiper-button-white.swiper-button-next{left:auto; right:0px;}
.swiper-button{position:absolute; left:0px; top:0px; width:16%; background:url(../images/s0.png) no-repeat center center; background-size:cover; height:100%; z-index:20}
.swiper-latest{width:85%; margin-left:17%;overflow:hidden}
.swiper-latest .swiper-slide div{position:absolute; width:100%; left:0px; bottom:0px; height:30px; line-height:30px; background:url(../images/ico/black6.png); color:#fff;}
.swiper-latest .swiper-slide div p{width:90%; margin:0 auto}
.swiper-latest .swiper-button-white{background-image:url(../images/s01.png); background-size:15px 116px;}
.swiper-latest .swiper-button-prev{left:45%; right:auto; top:65%}
.swiper-latest .swiper-button-next{right:15%; left:auto; top:80%}
.casemobliecode {background: url(../images/qr_code_bg.png) no-repeat center;width: 140px;height: 0;line-height: 152px;text-indent: 0;text-align: center;position: absolute;left: 5px;top: 26px;z-index: 55;transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;overflow: hidden;height: 148px;z-index: 1000;left: -62px;display: none;
}

.tt {background: url(../images/case_m_ico1.png) no-repeat 2px -97px;color: #333333;font-size: 30px;text-indent: 20px;margin-bottom: 20px;}
.g_tab a.mobile.on {background: url(../images/case_mobile_ico2.png) no-repeat right center;width: 14px;}
.g_tab a.mobile:hover .casemobliecode{display:block}
.casemobliecode img {width: 125px;height: 125px; position:relative; top:10px;}
.g_tab a.pc.on {background: url(../images/case_m_ico.png) no-repeat left center;width: 31px;}
.g_tab a{display: inline-block;height: 24px;margin-left: 20px; vertical-align:middle}
.g_tab a:hover {
    animation:hvr-bob 1s ease-out infinite;
	-moz-animation:hvr-bob 1s ease-out infinite;
	-ms-animation:hvr-bob 1s ease-out infinite;
	-o-animation:hvr-bob 1s ease-out infinite;
	-webkit-animation:hvr-bob 1s ease-out infinite;
}


@keyframes hvr-bob{
0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
}
50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
}
100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
}
}
.g_latest .swiper-slide{overflow:hidden}

.case_pro{background:#fff; margin:25px 0;}
.case_pro .bgfff{padding:20px; overflow:hidden}
.case_pro_div{margin-left:400px;}
.case_pro_div h2{font-size:25px; margin-bottom:15px; height:30px; line-height:30px; overflow:hidden}
.case_pro_div_text{height:175px; line-height:25px; overflow:hidden; color:#666}
.link_web{border:1px #d81114 solid; display:block; width:120px; height:35px; line-height:35px; text-align:center; color:#d81114}








.tjfa{margin:70px auto 0; color:#fff; font-size:22px;}
.tjfa .text{background:#fff; padding:10px 0; text-indent:15px; width:15%; margin:0 0 20px 0;}
.tjfa .text.text1{width:130px}
.tjfa .text.text2{width:170px}
.tjfa .text.text3{width:240px}
.tjfa .tj{background:url(../images/case/banico5.png) no-repeat center center; width:80px; height:42px; vertical-align:middle; margin-left:10px;}
.tjfa .tj:hover{background:url(../images/case/banico5on.png) no-repeat center center; }
.tjfa p b{color:red; padding-right:35px;}
.tjfa p{color:#999}

#case_banner{position:relative; z-index:30}
.case_banner_le{height:256px;}
#case_banner .search_div{position:relative; display:block !important; background:#fff; margin:60px auto 20px; height:40px; width:90%; top:auto; max-width:400px; left:auto; right:auto}
#case_banner .search_div div{margin:0 40px 0 10px;;}
#case_banner .search_div div .text{width:100%; padding:0}
#case_banner .search_div .tj{position:absolute; right:10px; top:0px;}
#case_banner .search_div *{height:40px;}
.case_banner_le{width:50%;}
.case_banner_dl{width:100%; position:relative; text-align:center}
.case_banner_dl .case_bansub{position:absolute; width:100%; top:95%; left:0px; display:none; padding-top:52px}
.case_banner_dl .case_bansub>div{background:#fff; }
.case_banner_dl dd{display:inline-block; color:#fff; width:100px;}
.case_banner_dl dd .case_banico{color:#fff; width:50px; margin:0 20px; display:inline-block; margin-top:20px;}
.case_banner_dl dd .case_banico b{display:block; width:43px; height:43px; margin:0 auto 5px;}
.case_bansub1{text-align:left; padding:20px 0; width:90%; margin:0 auto}
.case_bansub1 a{display:inline-block; vertical-align:middle; line-height:35px; text-align:center; width:30%}
.case_bansub2{width:280px; margin:0 auto; padding:20px 0;}
.case_bansub2 a{display:inline-block; width:35px; height:30px; float:left;}
.case_bansub1 a.on,.case_bansub1 a:hover{color:red}
.ys1{background:#fff;}
.ys2{background:#FF9;}
.ys3{background:#3CF;}
.ys4{background:#66F;}
.ys5{background:#EC887D;}
.ys6{background:#F9923E;}
.ys7{background:#EEE86A;}
.ys8{background:#89F07D;}
.ys9{background:#EBEBEB;}
.ys10{background:#D2C16F;}
.ys11{background:#09F;}
.ys12{background:#66F;}
.ys13{background:#F75E59;}
.ys14{background:#F19D58;}
.ys15{background:#F1E767;}
.ys16{background:#6F6;}
.ys17{background:#CCCCCC;}
.ys18{background:#663700;}
.ys19{background:#0066FF;}
.ys20{background:#FF00CC;}
.ys21{background:#F00;}
.ys22{background:#FF6600;}
.ys23{background:#FFCC00;}
.ys24{background:#33CC00;}
.ys25{background:#333;}
.ys26{background:#855F2C;}
.ys27{background:#06C;}
.ys28{background:#639;}
.ys29{background:#BE0F01;}
.ys30{background:#C86706;}
.ys31{background:#8A7D0F;}
.ys32{background:#060;}
.ys33{background:#000;}
.ys34{background:#493314;}
.ys35{background:#000040;}
.ys36{background:#600;}
.ys37{background:#300101;}
.ys38{background:#482406;}
.ys39{background:#3E3909;}
.ys40{background:#022805;}
.ys41{background:url(../images/case/ys.jpg) no-repeat center center;}

.case_banico1 b{background:url(../images/case/banico1.png) no-repeat center center}
.case_banico1.on b,.case_banico1:hover b{background:url(../images/case/banico1on.png) no-repeat center center}
.case_banico2 b{background:url(../images/case/banico2.png) no-repeat center center}
.case_banico2.on b,.case_banico2:hover b{background:url(../images/case/banico2on.png) no-repeat center center}
.case_banico4 b{background:url(../images/case/banico4.png) no-repeat center center}
.case_banico4.on b,.case_banico4:hover b{background:url(../images/case/banico4on.png) no-repeat center center}


.case_List{width:99%; margin:30px auto}
.page{margin-right:1%;}
.case_List dl{margin-bottom:30px;}
.case_List dd{width:14.6666%; margin:0 1% 20px; float:left;}
.case_List dd a{padding:5px; display:block; background:#fff}
.case_List dd a img{height:auto}
.case_List dd .font14{height:36px; line-height:36px; overflow:hidden}
.case_List dd .font12{color:#666}
#case_con{padding:50px 0; position:relative; z-index:10}
#wap1{width:324px !important; position:relative}
#wap1 .iframe{position:absolute; width:87%; height:77%; top:11%; left:6.5%; overflow:auto}
#wap1 .iframe iframe{height:auto; width:100%}
#wap1 img{}
.case_pro_div1{margin-left:354px !important; margin-top:20px;}
.wap_wx{width:160px; text-align:center; margin:10px 0;}
.wap_wx img{width:90%; display:block; margin:0 auto}


#header1{text-align:right; position:relative; padding:0 20px; z-index:99; background:#fff;}
#header1 dl dd{display:inline-block; position:relative; width:120px; text-align:center; padding:15px 0; z-index:20}
#header1 dd>a{display:block; line-height:50px;}
.dd_sub{position:absolute; width:100%; left:0px; top:100%; background:rgba(255,0,0,0.8); padding:10px 0; display:none}
.dd_sub a{display:block; color:#fff; line-height:30px; height:30px; overflow:hidden}
.case_navbg{position:absolute; width:100%; left:0px;}
#header1 dd span{background:url(../images/case/case_xia.jpg) no-repeat center center; display:inline-block; width:7px; height:7px; vertical-align:middle; margin-left:10px;}
.case_navbg{position:absolute; width:100%; height:160px; top:100%; left:0px;background:rgba(255,0,0,0.8); display:none; z-index:10}
#header1 dd:hover span{transform:rotate(-180deg);-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);}
.dd_sub a:hover{background:#F00}
.or_ta .yzm{position:static; width:auto; padding:0 10px; height:27px; display:inline-block; line-height:27px;}


/** 关于我们 **/
.about{border-top:1px solid #eee; padding-top:60px;}
.about_tit{margin-bottom:10px;}
.about_con1{line-height:30px;}
.about_con2{position:relative; height:520px; margin:20px auto 0;}
.about_con2 .box{display:table}
.about_con2_text{display:table-cell; vertical-align:middle; height:520px}
.about_con2_text1{width:50%; color:#fff; line-height:28px;}
.about_con3{background:#f8f8f8; padding:50px 0;}
.job_list{width:110%; margin-top:20px;}
.job_list dd{float:left; width:45%; margin-right:2%; background:#fff;}
.job_div{padding:20px 30px; line-height:28px;}
.job_div h2{font-size:18px;}

/** 联系我们 **/
.contact_con1{width:100%; margin:80px 0 40px;}
.contact_con1 dd{float:left; width:33.33333%;}
.contact_con1 dd>div{border-top:none; text-align:center; box-shadow:0px 5px 5px #ddd; width:270px; margin:0 auto; padding-bottom:20px;}
.lx_img{position:relative; top:-9px; background:url(../images/ico/lxline.png) no-repeat center center}
.lx_text{height:80px; color:#666; margin-top:10px;}
.lx_text a{color:#666}
.lx_text h4{font-size:15px; margin-bottom:5px;}
.lx_img img{position:relative; top:-26px;}
.lxbtn{display:block; width:85px; height:32px; line-height:32px; text-align:center; margin:15px auto; color:#fff;}
.lx_dd1 .lxbtn{background:#3778cc}
.lx_dd2 .lxbtn{background:#34bae1}
.lx_dd3 .lxbtn{background:#9840f2}

.contact_con2{border-top:1px solid #ddd; padding:50px 0;}
.contact_con2_le_p{margin-bottom:15px; color:#666; font-size:18px;}
.contact_con2_text{background-repeat:no-repeat; background-position:left top; padding-left:70px; color:#999; min-height:65px; line-height:25px; margin-bottom:20px;}
.contact_con2_ri,.contact_con2_le{width:48%}
.newscon_tit{margin-bottom:20px; font-weight:normal;}
.newscontext{line-height:28px; color:#555}
.fy{margin-top:20px;}


.news_nav{text-align:center; margin-top:30px; }
.news_nav a{display:inline-block; vertical-align:middle; border:1px solid #ddd; padding:0 25px; line-height:40px; font-size:16px;margin:0 5px;}
.news_nav a:hover,.news_nav a.on{background:#246cdf; border-color:#246cdf;  color:#fff;}

.info{text-align:center; margin-bottom:20px;}
.info span { padding: 0 5px; font-size: 12px; vertical-align:middle;}
.info span img{vertical-align:middle;}
.info .share{display:inline-block; *display:inline; zoom:1;}
.info .share .bdsharebuttonbox{float:left;} 
.case_btn{display:block; margin:30px auto; background:#ff3901;text-align:center; line-height:50px; height:50px; width:220px;}
.close_qq{position:absolute; right:-12px; top:-12px; width:25px; height:25px; text-align:center; line-height:25px; cursor:pointer}





/** 弹窗 **/
.pup{position:fixed; z-index:9999; width:100%; height:100%; top:0px; left:0px; background:url(../images/icon/black6.png); display:none; overflow-y:auto;}
.pup-cell{display:table-cell;vertical-align:middle;text-align:center}
.pup-box{display:block;background:#fff;margin: 0 auto; position:relative;padding:30px;z-index:20;/*max-height:80%;*/max-width:60%;overflow-y:auto; border-radius: 8px;}
.pup-full-close.pup-close{position:absolute;width:100%;height:100%;top:0;left:0;cursor:pointer;z-index:10}
.pup-box .pup-close{background:url(../images/close.png) no-repeat center center;width:30px;height:30px;position:absolute;right:0px;top:0px;cursor:pointer;}
.pup-btn{cursor:pointer;}


.xcshbox{width: 100%; /*height:500px;*/}
.xcshbox video{width: 100%}
.xcshbox embed{width: 100%; height: 500px;}