@charset "utf-8";
*{margin: 0;padding: 0;border: 0;outline: none;
box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;
-ms-box-sizing: border-box; -moz-box-sizing: border-box;}
html {width: 100%; font-weight: normal;
	-webkit-text-size-adjust:none; -ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}
body{font-size: 14px;line-height: 1.6;background-color:#fff;
  font-family: 'Microsoft YaHei',Arial;overflow-x: hidden;}
ul,ul li,ol,li {list-style: none outside none;}
h1,h2,h3,h4,h5,h6,i,em {font-weight: normal; font-style: normal;}
img {vertical-align: middle;border: none;}
input,select,option,label,th{vertical-align: middle;border: none}
a {text-decoration: none;color: inherit;}
a:hover {text-decoration: none;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {zoom: 1;display: block;_height: 1px;clear: both;}
.fl {float: left;}
.fr {float: right;}
.ovh{overflow: hidden;}
.pr{position: relative;}
.container{display: block;width: 100%; max-width: 1200px; margin: 0 auto;}
.cpmr{margin-right:10px}
.mt30{margin-top:30px}
/*header***************************************************************************/
.wapheader{ display: none; }
.header{width: 100%;background:#fff url(../images/hea-bg.jpg) no-repeat top;}
.heatop{padding:15px 0 5px 0}
.heatop h1>a{display: block;}
.heatop .logo img{ height: 83px; }
.heatop div.fr{margin-top: 10px}

.htel{font-size: 18px; color: #484848;font-weight: bold;
 background: url(../images/tel-bg.png) no-repeat 0 center;padding-left:25px;margin-right:35px;}

.haa>a{color:#848484;margin: 0 5px;}
.haa>a:hover{text-decoration:underline;color: #3b1d8f;}

.hlang{color:#848484; padding-left: 10px;border-left: 1px solid #bababa;
margin-left: 10px;cursor: pointer;background:none}
.nav{font-size: 16px;display: block!important;}
.nav>li{float:left;color: #343433; line-height:55px;position: relative;
margin-right: 38px;}
.nav>li>a{display: block;}
.nav>li:hover,.nav li.cur{color: #e30019;font-weight: bold;}


.nav>li .san{position: absolute; bottom:-1px; left: 0; right: 0; margin: 0 auto;
width:24px;height:12px;background:url(../images/zinav-sanbg.png) no-repeat;z-index: 3;display: none;}

.zinav{position: absolute;left:-60px;top:100%;z-index: 20;
background:#fff;border-top: 1px solid #eeeeee;font-size: 16px;font-weight: normal;color:#3d3d3d;
 display: none; }

.prodnav{ overflow:hidden; width: 985px;}
.prodnav>.tubg{position: absolute;bottom:0;left:0;z-index:-1;}

.menu1{width:300px;float:left;}
.menu2{width:200px; float:left;}

.menu1>li,.menu2>li{width: 100%; padding: 0 20px; line-height: 70px}
.menu1>li>a,.menu2>li>a{width: 100%;display: block;border-bottom: 1px solid #eeeeee;
background:url(../images/zinav-spanbg.png) no-repeat right center;}
.menu1>li>a>i,.menu2>li>a>i{color: #bababa;font-size: 32px;float: right; margin-right: 12%;}
.menu1>li em{width: 38px;float: right;margin-right: 12%; }
.menu1>li em>img{width: 100%}

.sanys{ background: #cccccc; }
.sanys>li>a{border-bottom: 1px solid #999999;}

.menu1con{float:left; overflow:hidden;}
.menu2con{overflow:hidden; float: left; text-align: center; background: #fff;}
.menu2con img{width: 485px}

.menu2con .name{width: 100%; display: block; font-size: 22px; color: #3d3d3d;padding:15px; line-height: 1}
.menu2con .z{width: 50%;float: left; font-size: 20px; color: #3d3d3d;padding: 15px;padding-top: 0}
.menu2con .z2{border-left: 1px solid #eeeeee}
.menu2con .z p{font-size: 14px; color: #666;line-height: initial}
.menu2con .navby{width: 485px; padding:0 20px 10px 20px;font-size:14px;line-height:24px;height:58px; overflow: hidden;}
.menuhui{ background: #ccc; }
.menu1 li:hover,.menu1 li.cur,
.menu2 li:hover,.menu2 li.cur{background:#3c1d90;color: #fff}
.menu1>li:hover>a,.menu1>li.cur>a,
.menu2>li:hover>a,.menu2>li.cur>a{border-color:#3c1d90 }
.menu1 li:hover>a>i,.menu1 li.cur>a>i,
.menu2 li:hover>a>i,.menu2 li.cur>a>i{color: #fff;}

.zinav2{width:400px}
.zinav2 .menu1{width: 100%}


.hsea{position: relative;color:#848484;margin-top:10px;}
.hsea .k{border: 1px solid #bababa;width: 150px;height: 28px;
line-height: 28px; padding:0 10px;border-radius: 30px}
.hsea .b{position: absolute;top: 3px; right: 5px; width: 18px; height: 18px; cursor: pointer;
 background:url(../images/hsea-bbg.png) no-repeat}

/*手机*/
.navbtn{display: none;}

/*banner***********************************************************************/
.banner{width: 100%;}
.banner .swiper-slide{ background-repeat: no-repeat; background-position: center; background-size: cover; cursor:pointer;}
.banner img{ display: block; width:100%;}
.banner .swiper-pagination-bullet {background:#fff; opacity: 1;filter:alpha(opacity=100);
border-radius:0; width: 60px;height: 5px;}
.banner .swiper-pagination-bullet-active{background: #3c1d90;}

.banzi{ position:absolute; left:0; top:0; height:100%; width:100%; display: flex;align-items: center; }
.banzi{ font-size: 24px;color: #fff; }
.banzi span{font-size: 60px;display: block; color: #f5b339}
.banner2,.banner3{ text-align:right; }

.dtit{width: 100%;padding:40px 0 35px 0;color: #2b2b2b;font-size: 30px;line-height: 27px;}
.dtitcen{ text-align: center; }
.dtit b{color: #dcdcdc;font-size: 28px; text-transform: uppercase;margin-left: 10px}
.dtit2{color: #f5b33b;}
.dtit2 b{color: #fff}
.dtit3{color: #fff}
.dtit3 b{color: #878d93}

/*sypro***********************************************************/
.sypro{}
.sypro li{width: 49%; margin-right:12px}
.sypro li b{display: block; width: 100%; overflow: hidden; position: relative; cursor:pointer;}
.sypro li b img{width: 100%; height:382px}
.sypro li b:after{position: absolute; top: 0; left: 0; background:rgba(0,0,0,.2);
width: 100%; height: 100%; content:""; display: block;}
.sypro li:hover b:after{background:none;}
.sypro li b span{position: absolute; top: 0; right: 0; background:#e30019;padding:13px 16px; 
font-size: 24px; color: #fff;line-height: 1.2;font-weight: lighter;z-index: 1}
.sypro li p{padding:0 0 0 20px; background:#fff;overflow: hidden;background:#ededed; font-size:16px}
.sypro li p.phe{ line-height: 83px; }
.sypro li p>a{border: 1px solid #e30019; border-radius:25px; font-size: 16px;
color: #616161; padding: 4px 20px; margin:26px 8px 0 8px; float: left;}
.sypro li p>a:hover{background:#e30019; color: #fff;border-color: #e30019}
.mt10{margin-top:10px}
.mt20{margin-top:10px}
.clear{clear:both}
/*syfuwu******************************************************************/
.syfuwu{width: 100%;padding-bottom: 45px}
.syfuwu li{width: 25%;height: 350px; float: left;text-align:center;
display: flex; align-items: center; justify-content: center; padding: 0 20px;}
.syfuwu li i{width:83px; height:79px;display: block; margin: 0 auto; position: relative; overflow: hidden;}
.syfuwu li i:before, .syfuwu li i:after{content:""; display: block;width: 100%; height: 100%;
 position: absolute; top: 0; left: 0;background-size: 100%!important}
.syfuwu li i:after{-webkit-transform:translateY(-100px);-o-transform:translateY(-100px);
-ms-transform:translateY(-100px);-moz-transform:translateY(-100px);}
.syfuwu li span{font-size: 20px; color: #2b2b2b; display: block;margin:15px 0}
.syfuwu li p{ color: #616161;}
.syfuwu li:hover{background:#ef001a;}
.syfuwu li:hover span, .syfuwu li:hover p{color: #fff}
.syfuwu li:hover i:before{-webkit-transform: translateY(100px);-o-transform: translateY(100px);
-ms-transform: translateY(100px);-moz-transform: translateY(100px);}
.syfuwu li:hover i:after{-webkit-transform:none;
-o-transform:none; -ms-transform:none; -moz-transform:none;}

.syfuwu li i.i1:before{background: url(../images/syfuwu-i1bg.png) no-repeat center center}
.syfuwu li i.i1:after{ background: url(../images/syfuwu-i1bgh.png) no-repeat center center}
.syfuwu li i.i2:before{background: url(../images/syfuwu-i2bg.png) no-repeat center center}
.syfuwu li i.i2:after{ background: url(../images/syfuwu-i2bgh.png) no-repeat center center}
.syfuwu li i.i3:before{background: url(../images/syfuwu-i3bg.png) no-repeat center center}
.syfuwu li i.i3:after{ background: url(../images/syfuwu-i3bgh.png) no-repeat center center}
.syfuwu li i.i4:before{background: url(../images/syfuwu-i4bg.png) no-repeat center center}
.syfuwu li i.i4:after{ background: url(../images/syfuwu-i4bgh.png) no-repeat center center}



/*sycsae***********************************************************/
.sycasebg{background: url(../images/sycase-bg.jpg) no-repeat center center; background-size:auto 100%; }
.sycase{width: 100%; overflow: visible; position: relative;}
.sycase:before,.sycase:after{content: ""; display: block; background:rgba(59,29,143,0.6);
width: 100%; height: 100%;position: absolute; z-index:2}
.sycase:before{top: 0; left: -101%;}
.sycase:after{top: 0; right: -101%;}
.sycase li{float: left; position: relative;}
.sycase li a{}
.sycase li img{width: 100%;}
.sycase li .mask{position: absolute;top: 0; left: 0; z-index: 1;width: 100%; height: 100%;
display: flex;align-items: center;}
.sycase li .mask>div{background:rgba(242,181,56,0.8);
color: #fff;padding: 20px;}
.sycase li .mask span{font-size: 18px; display: block;height: 28px; overflow: hidden;}
.sycase .swiper-pagination{bottom: auto; top: -15%; left: auto;right: 0; width: auto;}
.sycase .swiper-pagination-bullet{background:#f2b538; border-radius:20px; opacity: 1;
width: 11px; height: 11px;}
.sycase .swiper-pagination-bullet-active{width:30px;}

.all-prev,.all-next{position: absolute; top: 50%; z-index: 3;cursor: pointer;
background-position: center center;background-repeat: no-repeat;
background-color:#fcb537;}
.all-prev{left:0;background-image: url(../images/all-prev.png);}
.all-next{right:0;background-image: url(../images/all-next.png);}
.all-prev:hover,.all-next:hover{background-color: #3c1d90;}

.pro1con03-prev,.pro1con03-next{width: 45px; height: 76px;margin-top: -38px;}
.tuicase-prev,.tuicase-next{width:20px; height: 80px;margin-top: -60px;}
.tuicase-prev{left: -25px;}
.tuicase-next{right: -25px;}

/*synews***********************************************************************/
.synews{ width: 100%;padding-bottom:45px;}
.synewsz{width: 47%;overflow: hidden;}
.synewsz b{width: 100%; display: block; overflow:hidden;}
.synewsz b>img{width: 100%;}
.synewsz .txt{background:#f8f8f8;padding: 20px 30px;}
.synewsz .txt span{display: block;font-size: 21px; color: #242424;height:32px;overflow:hidden}
.synewsz .txt p{color: #828282;height: 44px;overflow:hidden;}
.synewsz:hover .txt{background:#3b1d8f;}
.synewsz:hover .txt span{color: #fff}
.synewsz:hover .txt p{color: #fff}

.synewsy{width: 50%;}
.synewsy li{display: block;background:#f8f8f8; margin-bottom:15px;}
.synewsy li a{display: block;padding:16px 25px;}
.synewsy li .date{display: block;margin-right: 4%; text-align: center;margin-top: 20px}
.synewsy li .date .day{display: block;	font-size:34px;line-height: 1; font-weight: bold;color: #242424;}
.synewsy li .date .month{display: block;line-height: 1;font-size: 14px;margin-top: 5px; color: #686868}
.synewsy li .txt{display: block;}
.synewsy li .txt b{display: block;font-size: 18px;color: #242424;
 margin-bottom: 5px; height: 28px; overflow:hidden;}
.synewsy li .txt p{display: block;color: #686868; height:44px; overflow: hidden; }
.synewsy li:hover{background:#3b1d8f;}
.synewsy li:hover .date .day{color:#fff; }
.synewsy li:hover .date .month{color:#ded5f8;}
.synewsy li:hover .txt b{color:#fff;}
.synewsy li:hover .txt p{color:#ded5f8;}


/*syab***********************************************************************/
.syab{width: 100%; background:url(../images/syab-bg.jpg) no-repeat;
padding: 40px 0 40px 0;}
.syabz{width: 45%; color: #fff;line-height: 2}
.syabz a{border: 1px solid #fff; border-radius:25px;
margin-top: 10%;display:block;text-align: center; width: 120px; height: 30px; line-height: 30px}
.syabz a:hover{background:#3b1d8f;border-color:#3b1d8f}
.syaby{width: 50%;}
.syaby li{width: 33.33%; float: left; text-align: center;color: #fff;}
.syaby li b{display: block; font-size:40px; color: #f2b43b;line-height: 1; margin-bottom:10px}
.syabz1{width: 45%; color: #fff;line-height: 2}

.gotop{display:none;position: fixed; bottom: 5%;z-index: 10; cursor: pointer;
 right: 20px; }
.ser_form{ width:80%; margin:0 auto;}
.ser_form .form_item{ float:left; width:50%; *+margin-left:-1px;}
.ser_form .long{ width:100%; height:auto; margin-bottom:2em;}
.ser_form .yam{ width:30%; float:left;}
.ser_form .yam + img{ float:left;margin-left:10px;}
.ser_form .yam + img + a{float:left;margin-left:10px;}
.ser_bon{ text-align:center;}
.ser_bon button{ height:30px;line-height:28px; padding:0 40px; text-align:center; color:#4287D1; font-size:12px; background:none; border:1px solid #4287D1;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.ser_bon button:hover{background:#006FC9; border:1px solid #006FC9; color:#fff;}
.form_box { position:relative;}
.form_box .form_item { position:relative;height:4.5em; line-height:32px;}
.form_box .name { width:6em; position:absolute; left:0; top:0; text-align:right;}
.form_box .name .text  { }
.form_box .name em{ color:#FF2424; vertical-align:middle; padding:0 5px;}
.form_box .form-w { padding-left:7em;}
.form_box .text { border:1px solid #AAAAAA; box-sizing:border-box; /*width:200px;*/ width:100%; padding:0 5px; height:32px; line-height:32px; -moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.form_box .active .text { border-color:#b6ff00; box-shadow:0 0 2px #00ff21; background:#fdf7e6;}
.form_box .error .text {border-color:#ff0000; box-shadow:0 0 2px #ff0000; background:#fff; }
.form_box .error .valid_message {display:block; line-height:1.1;color:#ff0000; vertical-align:top;}
.form_box .form-w label{ margin:0 30px 0 0; cursor:pointer; }
.form_box .form-w label input { margin-right:5px;cursor:pointer; }
.form_box .form-w select { border:1px solid #ddd; height:30px; vertical-align:top; }
.form_box .form-w .city-box select { min-width:130px; float:left; margin-right:5px;  *float:none;}
.form_box .form-w textarea { width:100%; box-sizing:border-box; border:1px solid #AAAAAA; padding:5px; height:80px; -moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.form_box .form-w .textarea-box .tip { display:inline-block; vertical-align:top;}
.form_box .form-w .textarea-box.error .tip { color:#ff0000;}
.form_box .form-w .textarea-box.error textarea { border-color:#ff0000; box-shadow:0 0 2px #ff0000; background:#fff;}
.form_box .form-w .sub-botton input { border:0; margin-right:20px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; min-width:152px; text-align:center; height:47px; color:#fff; background:#1C3A93;}
.form_box .form-w .sub-botton #sup {}
.form_box .form-w .sub-botton .sublong{min-width:330px; margin-right:0;}
.form_box .form-w .sub-botton #res,.form_box .form-w .sub-botton #reg{ background:#BEBEBE; margin-right:0;}
.form_box .form-w .sub-botton input:hover{opacity:0.9; filter:alpha(opacity=90);}
.form_box .code{margin-top:10px}
/*footer****************************************************************************/
.footer{background:#2e2e2e;width: 100%;color: #787878;padding: 35px 0}
.foott{width: 100%;}
.foott p{width:35%;border-right:1px solid #434343}
.foott span{font-size: 16px; color: #fff; display: block;margin-bottom:10px}
.foott p>i{font-size:20px;display: block;}
.foott ul {width: 63%}
.foott ul li{float: left;width: 20%; text-align: center;}
.foott ul li>a{display: block;line-height:22px;}
.foott ul li>a:hover{text-decoration: underline; color: #fff}
.foott ul li img{max-width: 75%}
.footc{width: 100%; margin:20px 0;border-top:2px solid #434343;padding-top: 20px; overflow: hidden;}
.footc span{float: left; width: 80px; height: 50px;}
.footc a{padding-left: 15px; margin-right:18px; background:url(../images/footc-bg.png) no-repeat 0 center;}
.footx{width: 100%;font-size: 12px}
.footx p{color: #fff; margin-bottom: 10px}
.footx a{ margin-right:19px;}
.footx a:hover{text-decoration: underline; color: #fff}

/*公共**************************************************************/
.posi{width: 100%; background:#f6f2f2;padding: 20px; color: #999999;}
.posi img{ height:20px; float: left;}
.posi a:last-child{color: #666666;}
.posi a:hover{text-decoration: underline; color: #3f2086}

.nban{width: 100%;height: 438px;background-repeat: no-repeat;
 background-position: center; background-size: cover;position: relative;
display: flex; align-items: center; justify-content: center; text-align: center;}
.nban .zi{width: 50%}
.nban span{font-size:50px; color: #fff;display: block;margin-bottom: 20px}
.nban p{font-size:16px; color: #fff;}
.nban i{position: absolute; bottom: 0;left: 0;right: 0;}

.nban-pro1con{height:804px;}
.nban-pro1con p{font-size: 22px}
.nban-pro1con .scroll-btn{position: absolute;left: 0;right: 0;
bottom: 10px;cursor: pointer; animation: myFade 2s linear infinite;}
.nban-pro2con{height:730px; text-align: left; justify-content:flex-start;}
.nban-pro2con b{font-size: 50px;color: #ea9214;display: block; line-height: 1.3}
.nban-pro2con p{font-size: 18px;color: #50575d;margin-bottom: 40px}
.nban-pro2con em{font-size: 24px;color: #ea9214;display: block;font-weight: bold;
padding-left: 40px; background:url(../images/ban-pro2con02.png) no-repeat left center;}
.pro_left_tit{margin-right:20px; background:#D6D6D6; width:190px; height:50px; line-height:50px; float:left; text-align:center; font-size:18px; margin-bottom:30px; display:block}
.pro_left_tit:hover{background:#ec0000; width:190px; height:50px; line-height:50px; color:#FFF}

.huibg{width: 100%;padding-bottom:40px; overflow:hidden;}
.ntit{font-size:28px;color: #2b2b2b;text-align: center;margin: 40px 0}
.sntit{font-size:28px;color: #2b2b2b;text-align: center;margin: 40px 0}

/*pro**频道页*****************************************************************************/
.pro{width: 100%}
.pro li{width: 50%; float: left;color: #fff; position: relative;display: flex;
align-items: center;justify-content: center}
.pro li:after{content: ""; display: block;
 position: absolute; top: 0; left: 0; width: 100%;
height: 100%; background: rgba(0,0,0,0.6);}
.pro li img{width: 100%;}
.pro li .zi{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;
text-align: center;display: flex;
display: flex;align-items: center;justify-content: center;}
.pro li b{font-size: 44px;display: block; margin-bottom: 4%;}
.pro li p>a{font-size: 14px; padding:5px 30px; border-radius:15px;
border: 1px solid #fff;margin:5px 10px;display: inline-block}
.pro li p>a:hover{background:#3b1f84;border-color: #3b1f84}
.pro li:hover:after{background: rgba(0,0,0,0.4);}

.pro1{margin-top: 40px}
.pro1 li{margin-bottom: 20px}

.procon-t{width: 82%;margin: 0 auto; text-align: center;padding: 20px 0;color: #252525;text-align: center;}
.procon-t span{font-size:36px;}
.procon-t p{font-size:14px;}

.pro1con01{width:80%; display: table;margin: 0 auto;padding-bottom: 40px}
.pro1con01 li{width:27%;float: left;margin:0 3%;text-align: center;}
.pro1con01 li>img{}
.pro1con01 li>span{font-size:26px; color: #666666;margin:15px 0;display: block;}
.pro1con01 li>p{font-size: 14px; text-align: center;}

.pro1con02{position: relative; width: 100%;background:#f4efec;}
.pro1con02 .z{width: 52%;}
.pro1con02 .z img{width: 100%;}
.pro1con02 .y{width:48%;height: 100%; position: absolute;top: 0; right: 0;
display: flex;align-items: center;}
.pro1con02 .y>div{width: 80%;padding-left: 10px;}
.pro1con02 .y span{font-size: 36px; color: #252525; display: block;}
.pro1con02 .y span>i{font-size: 26px;}
.pro1con02 .y span.m{margin-top: 30px}
.pro1con02 .y p{font-size:14px; color: #494949;line-height: 1.8; margin-top:10px}

.pro1con03{width: 100%; overflow: visible; position: relative;}
.pro1con03:before,.pro1con03:after{content: ""; display: block; background:rgba(0,0,0,0.8);
width: 100%; height: 100%;position: absolute; z-index:2}
.pro1con03:before{top: 0; left: -101%;}
.pro1con03:after{top: 0; right: -101%;}
.pro1con03 li{float: left; position: relative;}
.pro1con03 li img{width: 100%;}
.pro1con03 li p{ position:absolute; bottom:0; left:0; width:100%; line-height:1.6; padding:10px 0; text-align:center; 
background: rgba(50,52,54,0.6);color:#fff; font-size:14px;}
.pro1con03 li p span{ font-size:18px; display:block;}

.pro1con04{width: 100%; overflow: hidden;}
.pro1con04 .procon-t{width: 80%}
.pro1con04 .procon-t p{height: 72px;}
.pro1con04 .z{width: 50%;}
.pro1con04 .z img{width: 100%}


.pro1con05{width: 100%;padding-bottom: 50px; overflow: visible; position: relative;}
.pro1con05 li{float: left; position: relative;}
.pro1con05 li img{width: 100%;}
.pro1con05 li p{ display:block; position:relative;}
.pro1con05 li p:after{ content:""; position:absolute; width:100%; height:100%; background: rgba(25,25,25,0.2); top:0; left:0;}
.pro1con05 li span{ position:absolute; bottom:0; left:0; height:50px; width:100%; line-height:50px; text-align:center; 
background: rgba(50,52,54,0.6);color:#fff; font-size:18px;}

.pro1con05 .swiper-pagination{bottom: 0; right: 0; width: auto;}
.pro1con05 .swiper-pagination-bullet{background:#3c1d90; border-radius:20px; opacity: 1;
width: 14px; height: 14px;margin: 0 8px!important}
.pro1con05 .swiper-pagination-bullet-active{background:#fcb537; width:50px;}

.pro1con06{padding-bottom:40px}
.pro1con06 li{width:30%;margin:0 1.46%;text-align:center;display: inline-block;
	vertical-align: top;margin-bottom: 30px;color: #252525; }
.pro1con06 li img{width: auto;}
.pro1con06 li span{font-size: 24px; display: block;margin:10px 0}
.pro1con06 li p{text-align: left; text-align:justify; text-justify:inter-ideograph;}

.pro1con07{width: 100%;position: relative; padding:9% 0;
 background-position: center center;background-repeat: no-repeat;
background-size: cover;}

.pro1con07 .zi-m{margin: 0 auto; display: table;position: relative;}
.pro1con07 .zi-m li{border:1px solid #fff;font-size: 18px; font-weight: bold; color: #fff;
padding: 10px 16px; float: left;cursor: pointer;position: relative;
margin: 0 10px}
.pro1con07 .zi-m li>i {width: 21px;height:13px;opacity: 0;
background: url(../images/ico07.png) no-repeat;background-size: cover;
display: block;position: absolute;bottom: -13px;left: 0;right: 0; margin: 0 auto}
.pro1con07 .zi-m li.cur,.pro1con07 .zi-m li:hover{background: #fcb537;border-color: #fcb537}
.pro1con07 .zi-m li.cur>i,.pro1con07 .zi-m li:hover>i{opacity: 1}
.pro1con07 .zi{font-size: 14px;color: #fff;text-align: center;
width:60%;margin: 0 auto;margin-top: 6%;min-height: 80px}


.pro1con08>li{width: 100%;border-top: 1px solid #dddddd; padding:20px;display: flex;}
.pro1con08>li .left{width:16%;font-size: 24px; color: #252525;margin-right: auto;}
.pro1con08>li .rig{width: 84%;font-size: 16px; color: #636363;
line-height:38px;}
.pro1con08>li .rig .ul1 li{width: 100%;margin-bottom: 30px;}
.pro1con08>li .rig .ul1 li span{width: 110px;font-size: 16px;color: #353535;margin-right:8%;display: inline-block;}
.pro1con08>li .rig .ul1 li span.s1 {width: 61px;height: 61px;text-align: center;line-height: 61px;
border-radius: 3px;border: 1px solid #a39382;}
.pro1con08>li .rig .ul1 li:first-child{font-weight: bold;}
.pro1con08>li .rig .ul1 li:first-child span.s2{width: 61px;}

.pro1con08>li .rig .ul2{width: 100%; float: left;}
.pro1con08>li .rig .ul2 li{width: 100%;margin-bottom: 30px;float: left;}
.pro1con08>li .rig .ul2 li b{width:10%;font-size: 16px;color: #444; float: left;line-height:80px;}
.pro1con08>li .rig .ul2 li .y{width:90%; float: right; line-height: 80px;}
.pro1con08>li .rig .ul2 li .y>div{float: left;width: 20%;margin-bottom: 30px}
.pro1con08>li .rig .ul2 li .y>div.ico img{ width:96px; margin:0 auto 5px auto; display:block;}
.pro1con08>li .rig .ul2 li .y i{margin: 0 auto;margin-bottom: 10px;
display: block; width: 96px;height: 96px;border-radius: 50%;}
.pro1con08>li .rig .ul2 li .y p{text-align: center;
font-size: 12px;line-height: 16px;font-weight: bold}

.pro1con08>li .rig .ul3 li{width: 100%}
.pro1con08>li .rig .ul3 li .y>div{width: auto; width: 20%;}
.pro1con08>li .rig .ul3 li b{width:10%;}
.pro1con08>li .rig .ul3 li .y{width:90%;}
.pro1con08>li .rig .ul3 li .y b{width:20%; text-align: center;}

.pro1con08>li .rig .down{background:#fcb537;font-size: 16px;color: #fff; padding: 6px 40px;
border-radius: 20px}
.pro1con08>li .rig .down:hover{background:#3b1f84;}



.pimpcase{margin-bottom: 40px; overflow: hidden;}
.pimpcase li{width: 23%;margin: 0 1%; float: left; text-align: center;}
.pimpcase li a{display: block;}
.pimpcase li b{width: 100%; display: block;overflow: hidden; position: relative;}
.pimpcase li b img{width: 100%; }
.pimpcase li p{color: #252525;margin-top: 10px;height: 22px; overflow: hidden;}
.pimpcase li .mask{position: absolute;top: 100%; left: 0; right: 0; width: 100%;
height: 100%; background:rgba(252,181,55,.8);padding: 0 10px; opacity: 0;
display: flex; align-items: center; justify-content: center;}
.pimpcase li .mask>div{color:#fff;font-weight: normal;}
.pimpcase li .mask>div i{border: 1px solid #fff;
background:url(../images/casenews-ibg2.png) no-repeat center center;
width:70px; height:26px; margin: 0 auto;display: block;margin-top: 10px}
.pimpcase li:hover .mask{opacity: 1;top: 0}

.pro3con07{ }
.pro3con03bg{background:#f6f5f5;}
.pro3con03:before{left:100%}
.pro3con03:after{right:100%}
.pro3con08>li .rig .ul2 li .y>div{position: relative;text-align: center;}
.pro3con08>li .rig .ul2 li .y>div>img{border-radius:50%;width: 96px}
.pro3con08>li .rig .ul2 li .y p{position: absolute;
top: 33%;left: 0; right: 0;color: #fff}
.pro3con08>li .rig .ul3 li .y p{top: 40%}

.pro2{margin-top:40px}
.pro2 li{width: 100%; float:left; background: #fff; overflow: hidden;}
.pro2 li b{width: 50%;overflow: hidden;z-index: 2;position: relative;}
.pro2 li b img{width: 100%; height: 100%}
.pro2 li .txt{width: 50%;padding:4%;overflow: hidden;z-index: 1; position: relative;}
.pro2 li .txt span{display: block; font-size: 30px;color:#f9b539;}
.pro2 li .txt i{display: block; font-size: 16px;color:#2e2e2e;margin-bottom: 20px; }
.pro2 li .txt p{font-size: 14px; color: #686868;line-height: 2;margin-bottom: 6%}
.pro2 li .txt .dian{background:#f9b539; text-align: center;padding: 6px 35px;
border-radius:15px; color: #fff;}
.pro2 li .txt .dian:hover{background:#3b1f84;}

.pro2con01 ul{display: table; margin: 0 auto;}
.pro2con01 ul li{float: left;text-align: center;}
.pro2con01 ul li>img{width: auto}
.pro2con01 .ul1 li{margin:0 10px;}
.pro2con01 .ul1 li>p{font-size: 16px; color: #252525;}
.pro2con01 .ul2{margin: 0 auto;margin-top: 40px}
.pro2con01 .ul2 li{width: 33.33%;margin-bottom:40px;}
.pro2con01 .ul2 li>p{font-size: 22px; color: #252525;margin-top: 10px}
.pro2con01 .ul2 li>img{width: 65px}

.pro2con02{width: 100%;text-align: center;padding-bottom:4%;
 background:url(../images/pro2con01.jpg) no-repeat center center;}
.pro2con02 img{max-width: 94%}
.pro2con03{width: 100%;text-align: center;}
.pro2con03 .z{width: 35%}
.pro2con03 .z img{max-width: 100%}
.pro2con03 .y{width: 65%; margin-top: 13%;text-align: right;color: #fff}
.pro2con03 .y p{margin-bottom: 10%}
.p30bj{background: url(../images/pro2con02.jpg) no-repeat center center; padding:6%;}

.pro2con04{margin-bottom: 40px}
.pro2con04 li{width: 33.33%; border-right: 1px solid #fff; float: left;
background:#f4f4f4;text-align: center;}
.pro2con04 li b{display: block; width: 100%; overflow: hidden; position: relative;}
.pro2con04 li b img{width: 100%;}
.pro2con04 li b:after{position: absolute; top: 0; left: 0; background:rgba(0,0,0,.4);
width: 100%; height: 100%; content:""; display: block;}
.pro2con04 li:hover b:after{background:none;}
.pro2con04 li b span{position: absolute; top: 0; left: 0; background:#ea9214;padding:12px; 
font-size: 20px; color: #fff;width:65px;line-height: 1;font-weight: lighter;z-index: 1}
.pro2con04 li p{padding:20px;font-size: 14px; color: #252525; height:100px; position: relative;}
.pro2con04 li p>i {width: 24px;height: 15px;
background: url(../images/icon12.png) no-repeat;
display: block;position: absolute;top:-15px;left:0;right: 0; margin: 0 auto}


.pro2con05{width: 100%; background: url(../images/hjbj.jpg) no-repeat center center;background-size: cover; overflow:hidden; padding:90px 0 60px 0;}
.pro2con05 .container{ width: 75%; }
.pro2con05 img{ width: 100%; display: block; }
.hjleft{ float: left; width: 45%; margin:0 2% 0 3%;background: rgba(0,0,0,0.2); padding-bottom: 12px; position:relative;  }
.hjleft img{ margin:-12px 0 0 12px;}
.hjleft .wenzi{ position: absolute; left: 95%; padding:0 0 30px 15%; top:23%;  font-size:16px; color:#ffffff;
background: url(../images/xianr.png) no-repeat right bottom; }
.hjleft .wenzi p{ display:block; min-width:255px; }

.hjright{ float:right; width: 45%;margin:20% 3% 0 2%; background: rgba(0,0,0,0.2); padding-bottom: 12px; position:relative;  }
.hjright img{ margin:-12px 0 0 12px;}
.hjright .wenzi{ position: absolute; text-align: right; right: 90%; padding:0 16% 30px 1%; bottom:15%; font-size:16px; color:#ffffff;
background: url(../images/xianl.png) no-repeat left bottom;}
.hjright .wenzi p{ display:block; min-width:245px; }
.pro2con06bg{width: 100%; background:#f7f6f6;padding-bottom: 40px;}
.pro2con06{}
.pro2con06 li{float: left;text-align: center;width: 10.5%;margin: 0 1%}
.pro2con06 li b{display: block; position: relative; border-radius:50%;overflow: hidden;}
.pro2con06 li b img{width: 100%;}
.pro2con06 li b:after{position: absolute; top: 0; left: 0; background:rgba(0,0,0,.4);
width: 100%; height: 100%; content:""; display: block;}
.pro2con06 li:hover b:after{opacity: 0}
.pro2con06 li>p{font-size: 16px; color: #252525;margin-top: 10px;}


.pro2con07{width: 100%;background:#fff; margin-bottom: 40px;overflow: hidden;}
.pro2con07-s{width: 100%;overflow: hidden;border: 1px solid #dedede;}
.pro2con07-s .pro2con07-t{border-top: none;}
.pro2con07-s .z{width: 44%;text-align: center;}
.pro2con07-s .z img{max-width:100%;}
.pro2con07-s .y{width: 56%;text-align: center;}
.pro2con07-s .y img{max-width:100%;}
.pro2con07-t{font-size: 16px; color: #333;background:#ebebeb;height: 50px;
line-height: 50px; padding-left:15px;border: 1px solid #dedede; border-bottom: none;}
.table{width: 50%;border-collapse:collapse;float: left;}
.table td{border: 1px solid #dedede; color: #333; font-size: 14px; text-align: center;
word-break:break-all;line-height: 40px;}
.table .t1{width: 110px;}

.pro2con08{width: 100%;background:#f1f1f1;padding-bottom: 40px;}



.pro2con09{width: 100%;background:url(../images/pro2con12.jpg) no-repeat center center;
background-size: cover; padding:6% 0 8% 0;text-align: center;}
.pro2con09 .procon-t{color: #fff}
.pro2con09 p{margin: 50px 0;font-size: 16px; color: #fff;}

.pro2con09 ul{margin: 0 auto;width: 50%}
.pro2con09 li{width: 25%; float: left; text-align: center;color: #fff;}
.pro2con09 li b{display: block; font-size:40px; color: #f6b73c;line-height: 1; margin-bottom:20px}

.youside{position: fixed; left:13px; top:30%;width: 61px;display: none;}
.youside:before{content:""; display: block; position: absolute;z-index: -1;right: 15px;
width: 10px; height: 100%; background:#e5e5e5; border-radius:5px;}
.youside li{width: 100%;font-size: 14px; color: #686868;height:40px;margin-left: -2px;cursor: pointer;}
.youside li i{width: 15px; height: 15px;float: right;
border: 2px solid #fff; background:#e5e5e5;border-radius:50%;margin-right:11px;
margin-top:3px}
.youside li.active,.youside li:hover{color: #feb530}
.youside li.active i,.youside li:hover i{background:#feb530;border-color:#feb530;}




.casebg{padding: 12% 0; background-repeat: no-repeat;background-position: center;
background-size: cover;
display: flex; align-items: center;}
.casebg ul{width: 100%;}
.casebg li{float: left; width:29.3%; margin-right: 6%; /*width:35%; margin:0 0 0 10%;*/ color: #fff;
border:2px solid #fff;padding: 6% 10px;text-align: center;}
.casebg li b{font-size: 50px;display: block;margin-bottom: 20px }
.casebg li a{background:#eba629;border-radius:20px;padding: 5px 30px;}
.casebg li a:hover{background:#3b1f84;}


.case1-m{background:#fff;margin: 40px 1%}
.case1-m li{width: 16.6%;height:45px; line-height: 45px;float: left;
font-size: 16px; color: #272727; text-align: center;font-weight: bold;}
.liw20 li{ width: 20%; }
.liw25 li{ width: 25%; }
.case1-m li>a{display: block;}
.case1-m #cur{ line-height: 90px; height: 90px; }
.case1-m li.cur,.case1-m li:hover{background:#3c1d90; color: #fff}

.case1 li{margin:10px 10px 20px 10px; overflow: hidden; position: relative;}
.case1 li a{display: block;}
.case1 li img{width: 100%;}
.case1 li:after{content: ""; display: block;
 position: absolute; top: 0; left: 0; width: 100%;
height: 100%; background: rgba(0,0,0,0.2);}
.case1 li p{position: absolute; bottom: 10px;color: #fff;text-align: center;width: 100%;
z-index: 1}
.case1 li:hover:after{z-index: -1}

.column {float: left; }
.size-1of4 { width:25%; }
.size-1of2 { width: 50%; }
#fh5co-board[data-columns]::before { content: '4 .column.size-1of4'; }


.casewid{width: 85%;overflow: hidden; margin: 0 auto;}
.case1conzbg{width: 73%; background:#f6f2f1;padding:0 0 40px 0}
.case1conzbg .posi{width: 80%; padding-left: 0;margin: 0 auto}
.case1conz{width:100%;background: #999;}
.case1conz li{text-align: center; height:540px; 
background: center center;background-repeat: no-repeat;-webkit-background-size:cover;background-size:cover;}
.arrow-left,.arrow-right{ width: 40px; height: 50px;margin-top: -25px;
position: absolute;top: 50%;z-index:3;cursor: pointer;
background-position: center center;background-repeat: no-repeat;}
.arrow-left {background-color: #f6b73c;left:0;
background-image: url(../images/case1con-prev.png);}
.arrow-right {background-color: #f6b73c;right:0;
background-image: url(../images/case1con-next.png);}
.arrow-left:hover,.arrow-right:hover{background-color: #3c1d90}

.case1conzxia{overflow:hidden;  margin: 30px auto 0 auto}
.case1conzxia li{width:16.66%; padding:0 10px; float: left;cursor: pointer;}
.case1conzxia li>p{width: 100%; height: 80px;border:2px solid transparent; 
	background: center center;background-repeat: no-repeat;-webkit-background-size: cover;background-size: cover;}
/*.case1conzxia li.active-nav p{border:2px solid #fbb23c;}*/
.case1conzxia li.swiper-slide-thumb-active p{border:2px solid #fbb23c;}
.case1cony{width: 27%;padding:3% 3% 0 3%;color: #929292}
.case1cony h1{font-size: 22px; color: #3c1d90;margin-bottom: 20px}
.case1cony p{line-height: 1.7;}
.case1cony .dian{background:#f6b73c;color: #fff; padding: 5px 20px; border-radius: 20px;
margin: 10px 0; display: inline-block}
.case1cony .dian:hover{background:#3c1d90;}
.case1cony .page{border-top: 1px solid #ececec;padding-top:20px;margin: 30px 0 0 0}
.case1cony .page>a{display: block;}
.case1cony .page>a:hover{color: #3c1d90;text-decoration: underline;}

.caseinfo{ max-height:220px; overflow:auto;}

.tuicasez{width:92%; position: relative;margin: 0 auto}
.tuicasez-t{ width: 100%; font-size:24px;color: #2b2b2b;margin:20px 0 20px 0; text-align: center;}
.tuicase{ overflow: hidden; width: 100%; margin-bottom: 30px; }
.tuicase li{float: left; text-align: center;}
.tuicase li a{display: block;}
.tuicase li b{width: 100%; display: block;overflow: hidden;}
.tuicase li b img{width: 100%; }
.tuicase li p{color: #666666; font-size: 14px; margin-top: 10px;
height: 22px; overflow: hidden;}

.fuwu1-m{display: table; margin: 0 auto;padding: 40px 0}
.fuwu1-m li{padding: 8px 25px;font-size: 16px; color: #fff; float: left;background:#3c1d90;
cursor: pointer;}
.fuwu1-m li.cur{background:#fbb43a;color: #272727}
.fuwu1{width: 80%;margin:0 auto;margin-bottom: 40px;
 background:url(../images/fuwu1-dbg.png) repeat-y top center;}
.fuwu1 li{width: 100%;float: left;margin-bottom: 30px;}
.fuwu1 li .z{width:50%;text-align: right;margin-left: 10px }
.fuwu1 li .z span{font-size: 20px; color: #3f3f3f;margin-right: 20px; position: relative;
z-index: 1}
.fuwu1 li .z span>i{font-size: 45px; font-weight: bold; color: #e9e9e9;
position: absolute;right: 0;top: -40px; z-index: -1}
.fuwu1 li .z span>i:after{content: ""; display: block;width: 100%; height: 45%;
z-index: 1;position: absolute;bottom: 0;background:#f8f8f8;}
.fuwu1 li .z .im{margin-right: 10px}
.fuwu1 li .z2{text-align: left;}
.fuwu1 li .z2 span{margin-right: auto;margin-left: 20px}
.fuwu1 li .z2 span>i{left: 0; right: auto}
.fuwu1 li .z2 .im{margin-left: 10px;margin-right: 0}
.fuwu1 li .y{width:46%;}
.fuwu1 li .y p{ color: #fff;padding:7px 25px;border-radius: 10px; min-height:100px;
background: #3c1d90;position: relative;width: 88%;display: none}
.fuwu1 li .y p>i {width: 12px;height: 22px;
background: url(../images/fuwu1y-ibg.png) no-repeat;
display: block;position: absolute;top: 35%;left: -12px}
.fuwu1 li .y2 p{float: right}
.fuwu1 li .y2 p>i{left: auto; right: -12px;-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);-ms-transform: rotate(180deg);-moz-transform: rotate(180deg);}
.fuwu1 li:hover .y p{display: block;}


.fuwu2{}
.fuwu2 li{width:31%;float: left;margin-right:3%;border: 2px dashed #3b1e81;
padding: 20px 30px;text-align: center;}
.fuwu2 li>img{}
.fuwu2 li>p{color: #464646; line-height: 1.7; margin-top: 3%;
text-align: left;height: 75px}
.fuwu2xia{margin: 40px 0;}
.fuwu2xia b{font-size:22px;color: #191919;display: block;margin-bottom: 8px}
.fuwu2xia p{color: #525252;line-height: 1.8}

.fuwu3{width: 100%;margin: 40px 0}
.fuwu3 figure{width: 62%;}
.fuwu3 figure>img{width:100%;}
.fuwu3z{width: 35%;}
.fuwu3z span{font-size: 30px; color: #000; display: block;}
.fuwu3z p{font-size: 16px; color: #484848;}
.fuwu3z .p2{line-height:2.2;margin-top: 30px}
.fuwu3z b{font-size:100px; color: #f7f6f6;display: block;text-transform: uppercase;
letter-spacing: -9px;line-height: 1}

.zhting{width: 100%;}
.zhting .t{font-size: 30px; color: #000000; display: block; padding:10px 0;
border-bottom: 1px solid #eeeeee;margin-bottom: 30px;}
.zhting li{width: 32%; margin-right: 2%; float: left;margin-bottom:30px}
.zhting li b{width: 100%; display: block; position: relative; overflow: hidden;}
.zhting li b:after{position: absolute; top: 0; left: 0; background:rgba(0,0,0,.2);
width: 100%; height: 100%; content:""; display: block;}
.zhting li:hover b:after{background:none;}
.zhting li b img{width: 100%}
.zhting li span{font-size:20px; color: #3f3f3f; display: block;margin: 5px 0 10px 0;}
.zhting li p{font-size:14px; color: #3f3f3f;margin: 6px 0;height: 44px; }
.zhting li .see{font-size:12px; color: #f9b539; border: 1px solid #f9b539;
border-radius:15px; padding:4px 20px;}
.zhting li .see:hover{background:#3b1f84;border-color: #3b1f84; color: #fff}

.fuwu4-t{font-size:28px;color: #2b2b2b;text-align: center; display: block;padding: 40px 0}
.fuwu4{background:#fff;}
.fuwu4z{width: 50%;}
.fuwu4z1{width: 100%; background:#4e2cab;padding: 30px 40px;font-size: 14px; color: #fff; min-height: 250px}
.fuwu4z1 b{font-size: 30px;margin-right: 10px; line-height: 1.4;}
.fuwu4z1 p{margin: 8px 0 30px 0;}
.fuwu4z1 .dian{border: 1px solid #fff; font-size: 18px;margin-right: 20px;
background:url(../images/dian-zixunbg.png) no-repeat 15px center; padding: 10px 30px;
 padding-left: 60px;margin-top: 5px}
 .fuwu4z1 .dian:hover{background-color: #f5a556;border-color: #f5a556}
.fuwu4z1 b>i{font-size: 16px; display: block;}

.fuwu4z2{width: 100%;background:#f5a556;padding:30px 40px;font-size: 14px; color: #fff;}
.fuwu4z2 span{font-size: 30px;display: block;}
.fuwu4z2 b{font-size: 30px;display: block;}
.fuwu4z2 i{font-size: 50px; letter-spacing: -2px;line-height: 1.4;
 color: #fbb26a;font-weight: bold;  display: block; text-transform:uppercase;}


.fuwu4y{width: 50%;padding: 15px}
.fuwu4y>div{width: 70%;margin:0 auto;color: #8c8c8c; padding-top: 0}
.fuwu4y .k{height: 40px; line-height: 40px; border: 1px solid #eeeeee;
padding: 0 10px; margin-bottom: 10px;width: 100%;font-family:'Microsoft YaHei'}
.fuwu4y .hk{height: 90px; line-height: 26px; font-size:14px; }
.fuwu4y .ti{margin: 0 auto; display: table;}
.fuwu4y .b{background:#ccc;font-size: 18px; color: #fff; width:140px; height:38px;
line-height:38px; text-align: center;border-radius:20px;font-family:'Microsoft YaHei';
cursor: pointer; margin: 20px 5px 0 5px;}
.fuwu4y .b2{background:#fdb246;margin-left: 10px}
.fuwu4y .b:hover{background:#4e2cab;}
.fuwu4y .inputs{height:40px; line-height:40px;padding:0 10px; margin-bottom:10px;}
.fuwu4y .inputs label{ margin-left:10px;}

.news li{width:100%; background:#fff; margin-bottom:10px; }
.news li a{display: block;}
.news li figure{width:350px;overflow: hidden;margin-right:30px}
.news li figure img{width: 100%}
.news li div{padding: 25px}
.news li span{font-size:20px; color: #303030; display: block;
height:38px; overflow: hidden;margin-bottom: 10px}
.news li span em{ color:#fcb245; margin-right:5px; }
.news li b{font-weight: normal;color:#979797;float: right;font-size: 14px;
line-height: 38px;}
.news li p{color: #979797;height:66px; overflow: hidden;}
.news li i{color: #343434; font-size: 16px; color: #343434; border-radius:15px;
border: 1px solid #343434;display: inline-block; padding: 4px 35px;margin-top: 20px;}
.news li:hover i{background:#c90000;border-color:#c90000; color: #fff}
.news li:hover span{color: #c90000}

.casenews li{width:48%;margin-left: 1%; margin-right: 1%}
.casenews li figure{width:260px;}
.casenews li span{height: 50px; line-height: 1.2}
.casenews li em{margin-top: 20px;display: inline-block}
.casenews li em img{ height: 15px; }
.casenews li:hover em{margin-left: 20px}

.fenye{width: 100%; margin:30px auto; text-align:center;line-height:30px;}
.fenye a{background:#fff; color:#8c8c8c; border:1px solid #8c8c8c; padding:0 10px;
display: inline-block;margin:2px;border-radius:3px; overflow: hidden;}
.fenye a:hover{color:#fff;background: #3b1d8f}
.fenye span{color:#fff;background: #3b1d8f; border:1px solid #3b1d8f; padding:0 10px;
display: inline-block;margin:2px;border-radius:3px; overflow: hidden;}

.newsconbg{width: 100%; background:#f6f2f2;padding-bottom: 40px}
.newscon{padding: 30px; background:#fff;font-size: 14px;color: #8f8e8e}
.newscon p{color: #8f8e8e;line-height: 2; margin-bottom:20px;}
.newscon img{width: auto; max-width: 100%; height:auto!important;}
.newscon-t{width: 100%;text-align: center; }
.newscon-t>h1{font-size: 26px; color: #282828;}
.newscon-t>span{display: block;margin-top: 10px}

.newscon-desc{background:#f8f8f8;padding: 15px 40px;margin: 30px 0}

.newscon-share{ margin-top: 30px;}
.newscon-share>span{float: left;}
.newscon-share .bdshare-button-style0-16{display: table;}

.artpage{width: 100%; border: 1px solid #eeeeee;
border-left: none; border-right: none; margin: 30px 0;}
.artpage span{width: 50%;float: left; padding:10px 0px 10px 20px}
.artpage span:first-child{border-right: 1px solid #eeeeee}
.artpage span:hover{color: #3b1f84; text-decoration: underline;}

.tuinews{width: 100%;margin-top:30px}
.tuinews b{font-size: 24px;display: block; color: #282828;margin-bottom: 20px;padding-left: 20px;}
.tuinews li{width:48%;margin: 0 1%; float: left;color: #464545; line-height:26px;
border-bottom: 1px dashed #cccccc;padding-bottom: 10px; margin-bottom: 10px;}
.tuinews li>a{display: block;height: 26px; overflow: hidden;}
.tuinews li span{float: right;}
.tuinews li:hover{text-decoration: underline;}


.video-t{font-size:20px;color: #292929; font-weight: lighter;padding: 30px 0; line-height: 32px}
.video-t i{width: 40px; height:32px;float: left;margin-right: 5px; }
.video-t span{color: #292929;float: right;font-size: 14px}
.video-t .t1{background:url(../images/video-tbg1.png) no-repeat 0 center}
.video-t .t2{background:url(../images/video-tbg2.png) no-repeat 0 center}
.video-t .t3{background:url(../images/video-tbg3.png) no-repeat 0 center}
.video-t .t4{background:url(../images/video-tbg4.png) no-repeat 0 center}
.video-t .t5{background:url(../images/video-tbg5.png) no-repeat 0 center}
.vitopz{width:74%;position: relative; border-radius:20px;}
.vitopz li{position: relative;}
.vitopz li a{display: block;}
.vitopz li img{width: 100%}
.vitopz li span{display: block; position: absolute; bottom: 0; left: 0;width: 100%;
font-size: 16px; color: #fff;background:rgba(0,0,0,.6);padding: 10px;z-index: 1}
.vitopz li .an{position: absolute; top: 50%; left: 0; right: 0; margin: 0 auto;
margin-top: -30px; background:url(../images/video-an.png);
background-size: cover; width: 60px; height: 60px; z-index: 1}
.vitopy{width: 23.5%;}
.vitopy li{width: 100%; float: left;overflow: hidden;border-radius:15px;
margin-bottom:7px;border:3px solid transparent;cursor: pointer;}
.vitopy li>img{width: 100%;}
.vitopy li.active-nav{border:3px solid #fbb23c;}
.vitopz li:after,.vitopy li:after{content: ""; display: block;position: absolute;
width: 100%; height: 100%; top: 0; left: 0;background:rgba(0,0,0,0.4);}
.vitopz li:hover:after,.vitopy li:hover:after{opacity: 0;}

.videoul{width:100%;}
.videoul li{width:23%;margin: 0 1%; float: left;}
.videoul li a{display: block;}
.videoul li b{position: relative;display: block;border-radius:5px; overflow: hidden;}
.videoul li b>img{width: 100%;}
.videoul li .an{position: absolute; top: 50%; left: 0; right: 0; margin: 0 auto;
margin-top: -23px; background:url(../images/video-an.png);
background-size: cover; width: 45px; height: 45px; z-index: 1}
.videoul li span{display: block;font-size: 16px; color: #363636;margin: 10px 0; text-align: center;}
.videoul li b:after{content: ""; display: block;position: absolute;
width: 100%; height: 100%; top: 0; left: 0;background:rgba(0,0,0,0.4);}
.videoul li:hover b:after{opacity: 0;}
.videouldong{margin-bottom: 40px}
.videoul-prev,.videoul-next{width:27px; height:48px;
position: absolute; top: 50%; margin-top: -40px;z-index:3;
background-position: center center;background-repeat: no-repeat;
cursor: pointer;}
.videoul-prev{background-image: url(../images/videoul-prev.png); left:-40px; }
.videoul-next{background-image: url(../images/videoul-next.png); right:-40px;}
.videoul-prev:hover{ background-image: url(../images/videoul-prevh.png)}
.videoul-next:hover{background-image: url(../images/videoul-nexth.png)}


.abjs{width: 100%;overflow: hidden;padding-bottom: 10%;}
.abjs-t{font-size: 36px;color:#232323;display: block; padding: 40px 0;line-height: 1}

.abjs .z{width: 58%; font-size: 16px;color: #4a4a4a;line-height: 2.2}
.abjs .y{width: 32%;position: relative;padding-right: 25px}
.abjs .y>img{width: 100%;position: relative; z-index: 1}
.abjs .y b{font-size: 28px;color: #fff; letter-spacing: -2px;
position: absolute; z-index: 0;background:#3b1f86;width: 85%; height: 50%;
top:-70px; right:0;padding:10px 25px 0 0; text-align:right;}

.abjs2{overflow: hidden; padding-top: 4%;}
.abjs2 .z{width: 50%; text-align: right;position: relative;}
.abjs2 .z>img{max-width: 100%}
.abjs2 .z>b{background:#3b1f86;font-size: 24px;color: #fff; border-radius: 5px;
padding:5px 25px;position: absolute; left: 0;bottom: 15%}
.abjs2 .y{width: 40%;font-size: 16px;color: #4a4a4a;margin-top: 2%; line-height:2.2}

.abjslic{width: 100%; background:url(../images/js-licbg.jpg) no-repeat center center;
background-size: cover;padding:2% 0 4% 0;}
.abjslic ul{overflow: hidden;color: #fff}
.abjslic ul li{float: left;width: 100%;padding-bottom: 20px;
background:url(../images/js-licxian.png) repeat-y 113px;}
.abjslic li .z{width: 120px;font-size: 20px;}
.abjslic li .z b{display: block;
background:url(../images/js-licico.png) no-repeat right;}
.abjslic li .y{width: 79%; margin-left:30px; line-height: 30px; font-size:16px;}


/*videocon******************************************************************/
.videocon{padding: 0 30px;margin-bottom: 30px}
.videocon>img{width: 100%}
.videocon h1{color: #2a2a2a; font-size: 20px;margin:30px 0 10px 0; text-align: center;}
.videocon p{color: #7c7c7c}



/*abln**理念****************************************************************/
.abln{width: 100%;text-align: center; color: #626262;overflow: hidden;}
.abln p{margin-bottom: 40px;line-height: 1.8}
.abln li{width: 33.33%; padding: 0 10px; float: left;}
.abln li>img{}
.abln li b{font-size: 20px; color: #2b2b2b; display: block; margin: 10px 0;}

.abln2{width: 100%;text-align: center;overflow: hidden; color: #fff;margin-bottom: 40px;}
.abln2 li{width: 23%; margin: 0 1%; float: left;position: relative;overflow: hidden; }
.abln2 li>img{width: 100%;}
.abln2 li .mask{position: absolute; top: 0; left: 0;width: 100%; height: 100%;padding: 0 5px;
display: flex; align-items: center; justify-content: center;}
.abln2 li .mask b{font-size: 20px; display: block; margin-bottom: 10px;}




/*absy**事业****************************************************************/
.absy{width: 85%; margin: 40px auto; display: table;text-align: center;}
.absy li{float: left; border-radius:50%;  width: 25%;}
.absy li img{width: auto;max-width: 94%}
.absy p{color: #555555; line-height: 2;margin-top: 30px;display: inline-block;}

.absyxia{margin-top: 40px}
.absyxia li{width: 31.2%; margin:0 1%; float: left;box-shadow: 0 0 10px #c6c6c6}
.absyxia li b{width: 100%; display: block; position: relative; overflow: hidden;}
.absyxia li b:after{position: absolute; top: 0; left: 0; background:rgba(0,0,0,.2);
width: 100%; height: 100%; content:""; display: block;}
.absyxia li:hover b:after{background:none;}
.absyxia li b img{width: 100%}
.absyxia li .txt{background:#fff;padding: 15px;}
.absyxia li span{font-size:18px; color: #2b2b2b; display: block;margin-bottom: 8px;
height: 28px; overflow: hidden;}
.absyxia li p{font-size:14px; color: #8b8b8b;height: 44px;overflow: hidden; }

.abzizhi{width: 100%}
.abzizhi li{width: 23%; margin: 0 1%;text-align: center;float: left;}
.abzizhi li b{background:#fff; padding: 15px;display: block;overflow: hidden;}
.abzizhi li b img{width: 100%}
.abzizhi li p{font-size: 16px; color: #2b2b2b;margin: 15px 0}
.abzizhi li:hover{-webkit-transform: translateY(-5px);
-o-transform: translateY(-5px); -ms-transform: translateY(-5px); -moz-transform: translateY(-5px);}
#mbOverlay { position:fixed; z-index:98; top:0; left:0; width:100%; height:100%;
 background:rgba(0,0,0,0.8); cursor:pointer; }
#mbCenter{ height:auto; position:absolute; z-index:99; }
#mbNumber{display: none}
#mbCloseLink{display: none}


.zhao {margin-bottom: 40px}
.zhao ul{width:75%; display: table;margin: 0 auto}
.zhao li{width:27%;float: left;margin:0 3%;border: 2px solid #959595;
padding: 20px;text-align: center;}
.zhao li>img{}
.zhao li>b{font-size: 16px; color: #010101;margin-top:20px;display: block;}
.zhao p{text-align: center;}

.zplist{background: #fff;padding-bottom: 40px}
.zplist li{ float: left;width: 100%; padding: 0 40px;cursor: pointer;}
.zplist .biao{width: 100%; float: left;background: #f4b742;
 line-height: 50px; padding: 0 40px}
.zplist .biao i{font-size: 16px; font-weight: bold; color: #fff; width: 15%; float: left;}
.zplist .biao i.i1{width: 24%}
.zplist li .t{width: 100%;float: left;line-height: 50px;border-bottom:1px solid #f5f5f5;}
.zplist li .t i{color: #3d3d3d; width: 15%; float: left;}
.zplist li .t i.i1{width: 24%}
.zplist li .zptxt{float: left; background:#f8f8f8; width: 100%; padding:25px; line-height:28px; display: none}

.zplist li i:last-child em{width: 30px; height:50px; margin: 0 auto; display: block;
	background: url(../images/zhao-lastbg.png) no-repeat center center;}
.zplist li .active i:last-child em{
	background: url(../images/zhao-lastbgh.png) no-repeat center center;}




.hide{display: none}
.pro1con01 li:hover img,.pro1con06 li:hover img,
.fuwu2 li:hover img,.abln li:hover>img
{-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);-moz-transform: rotate(360deg);}

.sypro li:hover img,.synewsz:hover img,.zhting li:hover b img,
.news li:hover img,.absyxia li:hover b img,
.case1 li:hover img,.tuicase li:hover b img,.pro2 li b:hover img,
.abln2 li:hover>img
{-webkit-transform: scale(1.1);-o-transform: scale(1.1);
-ms-transform: scale(1.1);-moz-transform: scale(1.1);}
.pro2con01 .ul2 li:hover img{-webkit-transform: scale(.8);-o-transform: scale(.8);
-ms-transform: scale(.8);-moz-transform: scale(.8);}


img,.syfuwu li i:before,.syfuwu li i:after,.syfuwu li,
.all-prev,.all-next,.arrow-left,.arrow-right,
.fuwu1-m li,.abzizhi li,.fuwu1 li .y p,
.casenews li em,.pimpcase li .mask,.pro2con04 li b:after,.pro2con06 li b:after
{-webkit-transition: all .5s ease-in;-o-transition: all .5s ease-in;
 -ms-transition: all .5s ease-in; -moz-transition: all .5s ease-in;}
 @keyframes myFade{
	0%{bottom:10px;opacity: 1;}
	25%{bottom:5px;opacity: 0.3;}
	50%{bottom:10px;opacity: 1;}
	75%{bottom:20px;opacity: 0.3;}
	100%{bottom:10px;opacity: 1;}
}
@-webkit-keyframes myFade{
	0%{bottom:10px;opacity: 1;}
	25%{bottom:5px;opacity: 0.3;}
	50%{bottom:10px;opacity: 1;}
	75%{bottom:20px;opacity: 0.3;}
	100%{bottom:10px;opacity: 1;}
}@-moz-keyframes myFade{
	0%{bottom:10px;opacity: 1;}
	25%{bottom:5px;opacity: 0.3;}
	50%{bottom:10px;opacity: 1;}
	75%{bottom:20px;opacity: 0.3;}
	100%{bottom:10px;opacity: 1;}
}@-o-keyframes myFade{
	0%{bottom:10px;opacity: 1;}
	25%{bottom:5px;opacity: 0.3;}
	50%{bottom:10px;opacity: 1;}
	75%{bottom:20px;opacity: 0.3;}
	100%{bottom:10px;opacity: 1;}
}

.videomain{ width: 100%; }
.fuwu3 .fr{ width: 60%; }
.ditu{width: 100%; height: 426px}

.online-service{position: fixed; z-index:1000; top: 50%;right:0;margin-top: -100px;}

.online-service li .way .icon{display: inline-block;margin: 13px 0px 0px 3px;}
.contact-icon3{background:url(../images/contact-icon.png) no-repeat 0px -12px;height:24px;padding-left:30px;}
.contact-icon2{background:url(../images/contact-icon.png) no-repeat 0px -36px;height:24px;padding-left:26px;}
.contact-icon1{background:url(../images/message.png) no-repeat left center;height:24px;padding-left:25px;}
.online-service li .way  .contact-icon0{background:url(../images/meico.png) no-repeat center center;height:100%; width:100%; margin:0;}
.online-service li{position: relative;display: block;width: 50px;height: 50px;margin-top: 5px;}
.online-service li .way{
	position: relative;
	display: block;
	width:50px;
	height: 50px;
	text-align: center;
	background-color: #3c1d90;
	z-index: 2;
	font-size: 0;
	-webkit-transition: 0.5s ease;
	-o-transition: 0.5s ease;
	transition: 0.5s ease;
	cursor: pointer;
}
.online-service li:hover .way{ background:#f2b43b;}
.online-service li .way p{display: block;line-height: 1;font-size: 12px;color: #fff;}
.online-service .phone .content{
	display: block;
	*display: none;
	position: absolute;
	width: 0px;
	height: 50px;
	padding: 0 50px 0 20px;
	top:0;
	right: 0px;
	border-radius: 20px;
	opacity: 0;
	line-height: 50px;
	color: #fff;
	font-size:20px;
	background-color: #f2b43b;
	z-index: 1;
	overflow: hidden;
	white-space: nowrap;
	-webkit-transition: 0.5s ease;
	-o-transition: 0.5s ease;
	transition: 0.5s ease;
}
.online-service li:hover .content{*display: block;width: 215px;opacity: 1;}
.online-service .wx .ewm{
	display: block;
	*display: none;
	position: absolute;
	top: 50%;
	margin-top: -51px;
	right: 51px;
	opacity: 0;
	z-index: 1;
	-webkit-transform: scale(0,0);
	-ms-transform: scale(0,0);
	-o-transform: scale(0,0);
	transform: scale(0,0);
	-webkit-transform-origin: 100% 50%;
	-moz-transform-origin: 100% 50%;
	-ms-transform-origin: 100% 50%;
	-o-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-transition: 0.5s ease;
	-o-transition: 0.5s ease;
	transition: 0.5s ease;}
.online-service .wx:hover .ewm{*display: block;-webkit-transform: scale(1,1);-ms-transform: scale(1,1);-o-transform: scale(1,1);transform: scale(1,1);opacity: 1;white-space: nowrap;}
.online-service .wx .ewm img{display: block;width: 102px;height: 102px;border: 1px solid #ccc;}
.online-service .wx .ewm .arrow{display: block;position: absolute;width: 0;height: 0;border: 5px solid transparent;border-left: 5px solid #ccc;top:50%;margin-top: -5px;right:-10px;}
.online-service .wx .ewm h4{display: block;margin-top: 6px;color: #333;font-size: 16px;text-align: center;}
.online-service .wx .ewm p{display: block;text-align: center;font-size: 12px;color: #666;margin-top: 2px;}

.cansu{ overflow:hidden; padding:20px; }
.cansu li{ padding-left: 15px; background:url(../images/csico.png) no-repeat left center; text-align: left; color: #333; float: left; border-bottom: 1px solid #dedede; height:48px; line-height:47px;}

.table2{ width: 100%; }
.table2 tr{ float: left; width: 50%; display: block; }
.table2 td{ float: left; display: block; width: 70%; }
.table2 td.t1{ width: 30%; }

.qulist{ overflow: hidden; width: 100%; }
.qulist li{ float: left; position: relative; width: 100%; }
.qulist li img{ width: 100%; }
.qutxt{ position: absolute; left: 0; top:50%; margin-top:-70px;  width: 100%; text-align: left; }
.qutxt h3{font-size: 36px;color: #fff;}
.qutxt h3:after {
    content: "";
    display: block;
    width: 50px;
    height: 3px;
    background: #fff;
    margin: 10px 0;
}
.qutxt p{font-size: 20px;color: #fff;}
/*
.navbj01{background:url(../images/navbj01.png) no-repeat left bottom; background-size:auto 60%;}
.navbj02{background:url(../images/navbj02.png) no-repeat left bottom; background-size:auto 60%;}
.navbj03{background:url(../images/navbj03.png) no-repeat left bottom; background-size:auto 50%;}
.navbj04{background:url(../images/navbj04.png) no-repeat left bottom; background-size:auto 50%;}

.navbj05{background:url(../images/navbj05.png) no-repeat left bottom; background-size:auto 50%;}
*/

.tuig-anli{padding-bottom: 40px; overflow: hidden;}
.tuig-anli li{float: left;text-align: center;width: 24%;margin:0 .5%;
overflow: hidden;position: relative;margin-bottom: 10px}
.tuig-anli li img{width: 100%;}
.tuig-anli li:after{position: absolute; top: 0; left: 0; background:rgba(0,0,0,.2);
width: 100%; height: 100%; content:""; display: block;}
.tuig-anli li:hover:after{opacity: 0}
.tuig-anli li>p{font-size: 16px; color: #fff;padding: 8px 0; position: absolute;
bottom: 0;width: 100%;background:rgba(0,0,0,.5 );z-index: 2}

.tui-videobg{position: relative;overflow: hidden;
background-position: center center;background-repeat: no-repeat;
background-size: cover;}
.tui-videobg .video{width: 100%;opacity: 0;}
.tui-videobg .video.show{opacity: 1;}
.tui-videobg .play{display: block;width: 75px;height: 75px;
background:url(../images/tuig-videobo.png) no-repeat;background-size: cover;
position: absolute;top:50%;	margin-top: -37px;left:0;right: 0;margin:0 auto;z-index: 10;
outline: none;border: none;cursor: pointer;}

.tuig-jia{background:#f8f8f8;padding-bottom: 50px}
.tuig-jia .fuwu4z2{min-height: 250px}
.tuig-jia .fuwu4z2 span>em{font-size: 18px}
.tuig-jia .fuwu4y .b{margin:20px auto; display: block; width: 180px}





.jtuig-bt{display: block;	padding: 40px 0;text-align: center;	font-size: 0;}
.jtuig-bt p{display: block;	line-height: 1;	font-size: 22px;color: #666666;	margin-top: 14px;}

.product-desgin{display: block;	overflow: hidden;}
.product-desgin .desginer{	float: left;width: 42%;position: relative;}
.product-desgin .desginer img{	display: block;	width: 100%;}
.product-desgin .desginer .mask{display: block;	position: absolute;	bottom: 0;
	background-color: rgba(0,0,0,0.6);	padding: 22px;color: #fff;}
.product-desgin .desginer .mask h4{	display: block;	font-size: 24px;}
.product-desgin .desginer .mask p{	display: block;font-size: 16px;}

.product-desgin .menu{	display: block;	float: left;width: 8%;}
.product-desgin .menu ul li{position: relative;	width: 100%;height: 20%;text-align: center;	
color: #fff;	font-size: 54px;	cursor: pointer;}
.product-desgin .menu ul .bg1{	background-color: #333;}
.product-desgin .menu ul .bg2{	background-color: #484848;}
.product-desgin .menu ul .bg3{	background-color: #5e5e5e;}
.product-desgin .menu ul .bg4{	background-color: #767676;}
.product-desgin .menu ul .bg5{	background-color: #999999;}

.product-desgin .menu ul .active{	background-color: #f5a556;}
.product-desgin .menu ul li .arrow{	display: none;	position: absolute;	width: 0;height: 0;	border: 8px solid transparent;	border-left: 10px solid #f5a556;	top:50%;	margin-top: -8px;	right: -18px;	z-index: 5;}
.product-desgin .menu ul .active .arrow{display: block;}

.product-desgin .intro{width: 50%;	display: none;	overflow: hidden;	padding: 20px;	background-color: #f3f3f3;}
.product-desgin .intro.on{	display: block;}
.product-desgin .intro img{	display: block;	width: 100%;}
.product-desgin .intro h4{	display: block;	font-weight: bold; line-height: 1;margin-top: 15px}
.product-desgin .intro h4 a{font-size: 26px;color: #3c1f81;}
.product-desgin .intro .line{	display: block;	width: 100px;height: 3px;background-color: #3c1f81;	margin-top: 15px;}
.product-desgin .intro p{	display: block;	color: #666666;	font-size: 16px;
margin-top: 15px;overflow: hidden;}


.product-series{display: block;	margin-top: 40px;	overflow: hidden;}
.product-series li{	display: block;	overflow: hidden;clear: both;}
.product-series li .pic{position: relative;	display: block;	width: 50%;}
.product-series li .pic:after{position: absolute; top: 0; left: 0; background:rgba(0,0,0,.2);
width: 100%; height: 100%; content:""; display: block;}
.product-series li .pic:hover:after{opacity: 0;}
.product-series li .pic a{display: block;}
.product-series li .pic img{width: 100%}
.product-series li .content{width: 50%;padding: 10px;color: #fff;
display: flex;  align-items: center;justify-content: flex-end;}
.product-series li .content>div{width: 60%;margin-right: 6%}
.product-series li .content2{justify-content: flex-start;}
.product-series li .content2>div{margin-right: auto;margin-left: 6%}
.product-series li .content h4{	display: block;	font-size: 28px;line-height: 1;	font-weight: bold;
margin-bottom: 20px}
.product-series li .content .zi{font-size: 18px;}



/*优势*****************************************************************************/
.advan{overflow: hidden;}
.advan li{float: left;	width: 48%; margin:5px .5%;background-color: #f6f6f6;min-height: 180px;position: relative;	}
.advan li .z{width:23%; text-align: center;border-right: 1px solid #fff;padding:0 10px;
display: flex; align-items: center; justify-content: center;
position: absolute; height: 100%; left: 0}
.advan li .z img{max-width: 96%}
.advan li .y{width: 77%;padding: 4% 20px}
.advan li .y span{font-size:22px;color: #444444; display: block;}
.advan li .y span:after{content: ""; display: block; width: 30px; height: 2px;
background:#f5a556;margin:5px 0 10px 0;
-webkit-transition: all .5s;-o-transition: all .5s;
-ms-transition: all .5s;-moz-transition: all .5s;}
.advan li .y span>img{float: left;margin-top: 5px;margin-right: 5px;}
.advan li .y p{font-size: 14px;color: #666666}
.advan li:hover .y span:after{width: 50%}


/*案例**************************************************************************/
.jtuig-case{display: block;	margin-top: 40px;position: relative;	overflow: hidden;}
.jtuig-case .case-header{background:#3c1f81;	display: block;	float: left;	width: 25%;	text-align: center;	padding: 0 3%;	font-size: 0;}
.jtuig-case .case-header h3{	display: block;	margin-top: 26%;}
.jtuig-case .case-header h3 img{	display: block;	max-width: 100%;	width: auto;	margin: 0 auto;}

.jtuig-case .fli{position: relative;display: block;	float: left;width: 25%;	
	border: 1px solid #fff;	overflow: hidden;}
.jtuig-case .fli>img{width: 100%}
.jtuig-case .fli>a>img{	display: block;	width: 100%;}
.jtuig-case .fli:hover>a>img{	-webkit-transform: scale(1.05);	-ms-transform: scale(1.05);	
	-o-transform: scale(1.05);	transform: scale(1.05);}
.jtuig-case .fli .mask{display: block;	width: 50px;height: 50px;line-height: 50px;font-size: 40px;
background-color: rgba(0,0,0,0.6);	border-radius: 50%;	color: #fff;text-align: center;font-family: "Simsun";	
position: absolute;z-index: 10;left: 0;right: 0;margin:0 auto;top:50%;margin-top: -25px;
opacity: 0;	
-webkit-transform: scale(1.2);	-ms-transform: scale(1.2);	-o-transform: scale(1.2);	transform: scale(1.2);	
-webkit-transition: 0.5s ease-in-out;	-o-transition: 0.5s ease-in-out;	transition: 0.5s ease-in-out;}
.jtuig-case .fli:hover .mask{	opacity: 1;	-webkit-transform: scale(1);	-ms-transform: scale(1);	-o-transform: scale(1);	transform: scale(1);}

.jtuig-case .fli .zi{display: block;	width: 100%;height: 100%;position: absolute; top: 0; left: 0;
display: flex; align-items: center; justify-content: center;}
.jtuig-case .fli .zi a{border: 1px solid #fff; border-radius: 20px; display: block; width: 150px; height: 35px;
line-height: 35px;color: #fff; font-size: 16px;text-align: center; margin-left: 35%;margin-top: 20px}


body.full{overflow: hidden;}
.modal-bg{display: none;position: fixed;width: 100%;height: 100%;
top:0;left:0;bottom:0;right:0;z-index: 1000;background-color: #333;
background-color: rgba(0,0,0,0.8);}
.modal-bg-black{display: none;position: fixed;width: 100%;height: 100%;
top:0;	left:0;	bottom:0;right:0;z-index: 10000;	background-color: #000;}

.case-modal{display: none;	position: fixed;	width: 100%;height: 100%;	top:0;	left:0;	z-index: 10001;	font-size: 0;	text-align: center;}
.case-modal img{	display: inline-block;	max-width: 100%;max-height: 100%;	vertical-align: middle;	-webkit-transition: 0.5s 0.3s ease-out;	-o-transition: 0.5s 0.3s ease-out;	transition: 0.5s 0.3s ease-out;}
.case-modal:before{	display: inline-block;	content: "";	width: 0;	height: 100%;	vertical-align: middle;}
.case-modal p{	position: absolute;	display: block;	width: 100%;	height: 60px;	text-align: center;	line-height: 60px;	font-size: 18px;	color: #fff;	background-color: rgba(0,0,0,0.6);	bottom:0;	left:0;	z-index: 10002;}

.case-modal .btn{position: fixed;display: block;	width: 40px;	height: 60px;	border-radius: 5px;	
	text-align: center;	line-height: 60px;	font-size: 40px;	font-family: "Simsun";	
	font-weight: 100;	color: #fff;	top:50%;	margin-top: -30px;	background-color: #333;	
	background-color: rgba(0,0,0,0.6);	z-index: 10003;}
.case-modal .btn.prev{	left:10px;}
.case-modal .btn.next{	right:10px;}
.case-modal .close-btn{	display: block;	position: fixed;	width: 40px;	height: 40px;	border-radius: 50%;
	background: #333 url(../images/close-white.png) no-repeat center;	
	background: rgba(0,0,0,0.6) url(../images/close-white.png) no-repeat center;	
	-webkit-background-size: 20px 20px;	background-size: 20px 20px;	top: 10px;	right: 10px;	
	-webkit-transition: 0.3s ease-in-out;	-o-transition: 0.3s ease-in-out;	transition: 0.3s ease-in-out;}
.case-modal .close-btn:hover{	-webkit-transform: rotate(180deg);	-ms-transform: rotate(180deg);	-o-transform: rotate(180deg);	transform: rotate(180deg);}




.jtuig-yue{width: 100%;overflow: hidden;padding-bottom:5%;
background: #f8f8f8 url(../images/js01-bg.png) no-repeat left bottom;
background-size: contain;}
.jtuig-yue .zi{margin: 0 auto;text-align: center;font-size: 20px; color: #464646;line-height: 2}
.jtuig-yue .zi b{font-size:30px; color: #f5a556; }
.jtuig-yue .zi a{width:180px; height:45px;line-height:45px; text-align: center;
border-radius:20px; margin-top: 20px;display: inline-block;background:#3c1f81;color: #fff}
.jtuig-yue .zi .a2{margin-left: 20px}
.jtuig-yue .zi a:hover{background:#f5a556;}


.messagebj{position: fixed;width: 100%;height: 100%;top: 0;left: 0;bottom: 0;right: 0;
z-index: 1000;background-color: #333;background-color: rgba(0,0,0,0.8); display: none;}


.messgae{position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 1001;overflow-x: hidden;overflow-y: auto; display: none;}
.messgaebody{ height:600px;  top:50%;  display: block;width: 100%;max-width: 600px;margin:-300px auto 0 auto;background-color: #fff; position: relative;}
.mclos{ position:absolute; right:20px; top: 20px; cursor: pointer;}
.mclos img{ display: block; }
.messgaebody .mlist{ padding:20px;}
.messgaebody .mlist h3{ font-size:24px; color: #333; text-align: center; padding:10px 0 20px 0; }
.messgaebody .mlist .k{height: 40px; line-height: 40px; border: 1px solid #eeeeee;
padding: 0 10px; margin-bottom: 10px;width: 100%;font-family:'Microsoft YaHei'}
.messgaebody .mlist .hk{height: 90px; line-height: 26px;font-size:14px; }
.messgaebody .mlist .ti{margin: 0 auto; display: table;}
.messgaebody .mlist .b{background:#ccc;font-size: 18px; color: #fff; width:140px; height:38px;
line-height:38px; text-align: center;border-radius:20px;font-family:'Microsoft YaHei';
cursor: pointer; margin-top: 20px;}
.messgaebody .mlist .b2{background:#fdb246;margin-right: 10px}
.messgaebody .mlist .b:hover{background:#4e2cab;}
.messgaebody .mlist p{color:#8c8c8c;}

.messgaebody .inputs{height:40px; line-height:40px;padding:0 10px; margin-bottom:10px;}
.messgaebody .inputs label{ margin-left:10px;}


.footh{height:42px; display: none;}
.footnav{display: none; background: #3c1d90;overflow:hidden; box-shadow:0 0 2px #cccccc; position: fixed; bottom:0; left: 0; width: 100%; z-index:10; }
.footnav li{ float:left; width: 25%; text-align: center; border-right:1px solid #e8e8e7; }
.footnav li i{ padding-top:7px; display: block; }
.footnav li i img{ display: block; height: 15px; margin:0 auto; }
.footnav li span{ display: block; line-height:20px; font-size: 10px; color:#fff;  }
.footnav li.waptop{ border-right:none; }
.searchnav{ overflow:hidden; max-width:640px; margin:0 auto; background:#3c1d90; border-radius:25px;}
.searchnav a{ float: left; width: 33.33%; color:#fff;  height: 50px; font-size: 18px; line-height:50px; text-align: center; }
.searchnav a.on,.searchnav a:hover{ background: #fcb245; }
.mbottom40{ margin-bottom: 30px; }

.dbnav{ margin:20px 10px;  overflow: hidden; display: none; border-top:1px solid #dcdcdc; }
.dbnav li{ overflow: hidden; float: left; width: 100%; }
.dbnav li>a{ padding-left:10px; display: block; height:55px; line-height: 55px; color:#333; border-bottom:1px solid #dcdcdc;font-size: 16px; background: url(../images/zinav-spanbg.png) no-repeat center right; background-size:auto 30%; }
.dbnav li .dbxiala{ display: none; }
.dbnav li .dbxiala a{ display: block; height:45px; line-height: 45px; color:#333; font-size: 14px; color:#666; padding-left: 20px;border-bottom:1px solid #dcdcdc;} 



/*视频*/
.video-wrap{
  position: relative;
  display: block;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  overflow: hidden;
}

.video-wrap .video{
  display: block;max-height: 600px;
  width: 100%;
  opacity: 0;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.video-wrap .video.show{
  opacity: 1;
}

.video-wrap .mask{
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.7);
  top:0;
  left:0;
  z-index: 5;
}

.video-wrap .play{
  display: block;
  position: absolute;
  width: 64px;
  height: 64px;
  top:50%;
  margin-top: -32px;
  left:50%;
  margin-left: -32px;
  background:url(../images/icons.png) no-repeat 0px -361px;
  z-index: 10;
  outline: none;
  border: none;
  cursor: pointer;
  opacity: 1;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.video-wrap .play:hover{
  opacity: 1;
}

@media screen and (max-width: 768px) {
  .video-wrap{
    min-height: 200px;
  }
  .video-wrap .container{
    position: relative;
    min-height: 200px;
  }
  .video-wrap .container{
    padding: 0;
  }
  .video-wrap .video{
    position: absolute;
    display: none;
    opacity: 1;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
  }
  .video-wrap .video.show{
    display: block;
  }
}


	.select {
		display: inline-block;
		width: 90px;
		position: relative;
		vertical-align: middle;
		padding: 0;
		overflow: hidden;
		background-color: #2e2e2e;
		color: #787878;
		border: 1px solid #aaa;
		text-shadow: none;
		border-radius: 4px;	 margin-right:19px;
		transition: box-shadow 0.25s ease;
		z-index: 2;
	}
 
	.select:hover {
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
	}
 
	.select:before {
		content: "";
		position: absolute;
		width: 0;
		height: 0;
		border: 5px solid transparent;
		border-top-color: #ccc;
		top: 8px;
		right: 10px;
		cursor: pointer;
		z-index: -2;
	}
	.select select { padding:0 0 2px 5px;
		cursor: pointer; color: #787878;
		width: 100%;
		border: none;
		background: transparent;
		background-image: none;
		-webkit-appearance: none;
		-moz-appearance: none;
	}
 
	.select select:focus {
		outline: none;
	}


.alert_windows{ background:#f8f8f8; display:none; position:relative; padding:20px; width:100%;}
.alert_windows .alertgb{ cursor:pointer; position:absolute;top:20px;right:20px;}
.alert_windows h3{text-align: center; font-weight: normal; font-size:18px; line-height:1.2; color: #3c1d90; padding:0 0 15px 0;max-width: 1200px; margin:0 auto;}
.alert_windows p{ font-size:14px; color:#333333;max-width: 1200px; margin:0 auto; }
.alert_windows .dban{ width:280px; overflow: hidden; margin:0 auto; padding:0; }
.alert_windows .jieshou{ float: left; margin: 15px 10px 0 10px;width: 120px;height: 36px;line-height: 36px;font-size: 14px;color: #ffffff;background: #f5b33b; text-align:center;cursor:pointer;}
.alert_windows .close{ background:#3c1d90;}

.ant { position: relative; margin:20px auto 5px auto; width: 150px;}
.ant input[type=checkbox] { visibility: hidden;}
.ant label { cursor: pointer; position: absolute; width: 20px; height: 20px; top: 0; left: 0; background: #fff; border:1px solid #ccc; border-radius:3px;}
.ant label:after { opacity: 0; content: ''; position: absolute; width: 10px; height: 5px; background: transparent;
  top: 4px; left: 4px; border: 1px solid #333; border-top: none; border-right: none; transform: rotate(-45deg);}

.ant label:hover::after {opacity: 0;}
.ant input[type=checkbox]:checked + label:after { opacity: 1;}
.ant label span{margin-left:26px; width: 110px; float: left; line-height:1.3;}

/*专题页banner*/
.home-lift-banner{position: relative;display: block;width: 100%;}
.home-lift-banner .seriser-a-enter{display: block;position: absolute;width: 100%;top: 32px;left: 0px;z-index: 10;opacity: 0.7;}

@media screen and (max-width: 768px) {
.home-lift-banner{ margin-top:50px;}
.home-lift-banner .seriser-a-enter{display: none;}
}
.home-lift-banner .seriser-a-enter:hover{opacity: 1;}
.home-lift-banner .seriser-a-enter a{display: block;width: 197px;height: 197px;left: 0px;background: url(../images/badge.png) no-repeat center;}
.home-lift-banner .swiper-slide{position: relative;display: block;background-position: center center;background-repeat: no-repeat;-webkit-background-size: cover;background-size: cover;}
.home-lift-banner .swiper-slide img{ display:block; width:100%;}
.home-lift-banner .swiper-pagination{bottom:20px;}
.home-lift-banner .swiper-pagination-bullets .swiper-pagination-bullet{width: 14px;height: 14px;background:none;border: 2px solid #fff;opacity: 1;margin: 0 8px;}
.home-lift-banner .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #fff;}
.home-lift-banner .content{display: block;position: absolute;width: 100%;padding: 0 3%;text-align: center;top:50%;margin-top: -80px;left:0;}
.home-lift-banner .content h4{position: relative;display: block;font-size: 42px;color: #fff;opacity: 0;
top:-20px;-webkit-transition: 0.3s 0.3s ease-in-out;-o-transition: 0.3s 0.3s ease-in-out;transition: 0.3s 0.3s ease-in-out;}
.home-lift-banner .swiper-slide-active .content h4{top: 0;opacity: 1;}
@media screen and (max-width: 768px) {
.home-lift-banner .content{margin-top: -40px;}
.home-lift-banner .content h4{font-size: 32px;}
}
.home-lift-banner .content h4 span{display: inline-block;font-size: 94px;}
@media screen and (max-width: 768px) {
.home-lift-banner .content h4 span{font-size: 52px;}
}
.home-lift-banner .content p{position: relative;display: block;font-size: 24px;color: #fff;
margin-top: 28px;opacity: 0;top:-20px;-webkit-transition: 0.3s 0.5s ease-in-out;-o-transition: 0.3s 0.5s ease-in-out;transition: 0.3s 0.5s ease-in-out;}
.home-lift-banner .swiper-slide-active .content p{top:0;opacity: 1;}
@media screen and (max-width: 768px) {
.home-lift-banner .content p{font-size: 18px;margin-top: 10px;}
.home-lift-banner .swiper-pagination{ bottom:5px;}
.home-lift-banner .swiper-pagination-bullets .swiper-pagination-bullet{ width:10px; height:10px;}
}
.home-lift-banner .content a{display: inline-block;padding: 0 20px;height: 34px;margin-top: 72px;text-align: center;line-height: 32px;border: 1px solid #fff;border-radius: 15px;color: #fff;
font-size: 15px;opacity: 0;-webkit-transition: all 0.3s 0.7s ease-in-out,background 0.3s 0s ease-in-out,color 0.3s 0s ease-in-out;-o-transition: all 0.53s 0.7s ease-in-out,background 0.3s 0s ease-in-out,color 0.3s 0s ease-in-out;transition: all 0.3s 0.7s ease-in-out,background 0.3s 0s ease-in-out,color 0.3s 0s ease-in-out;}
.home-lift-banner .swiper-slide-active .content a{opacity: 1;}
@media screen and (max-width: 768px) {
.home-lift-banner .content a{margin-top: 10%;width: 60%;}
}
@media screen and (max-width: 480px) {
.home-lift-banner .content h4 { font-size:22px; }
.home-lift-banner .content p{ font-size:16px; }

}
.home-lift-banner .content a:hover{background-color: #fff;color: #333;}
.home-lift-banner .content a span{padding-left: 9px;font-family: "Simsun";}



.jnlist{ overflow:hidden; }
.jnlist li{ width:33.33%; float:left; border-left:1px solid #ffffff;border-right:1px solid #ffffff;}
.jnlist li .jnimg{ width:100%;}
.jnlist li .jnimg img{ display:block; width:100%;}
.jnlist li .jntxt{ padding:20px 20px 20px 20px;border-top:2px solid #ffffff;}
.jnlist li .jntxt span{ font-size:20px; display:block; text-align:center;}
.jnlist li .jntxt p{ font-size:14px; color:#666666; margin-top:10px;}

.bjss{ overflow: hidden; width:100%;background:#434343; margin-top: 30px}
.bjimg{ width:35%;}
.bjimg img{ width:100%; display:block;}
.bjtxt{ width:65%; padding:100px 20px;color: #ffffff;}
.bjtxt h3{ font-size:32px; margin-bottom:20px;}
.bjtxt ul{ overflow:hidden; }
.bjtxt ul li{ float:left; width:100%; font-size:20px; line-height:1.5; padding:10px 0; position:relative; padding-left:15px;}
.bjtxt ul li:after{ content:""; display:block; position:absolute; left:0; top:50%; margin-top:-2px; width:5px; height:5px; background:#fff;}

.helist{ overflow:hidden;}
.helist li{ width:21%;float:left; margin:2% 4% 2% 0; }
.helist li img{ width:100%; border:1px solid #dcdcdc; display:block; }



.tcmain{ width:800px; position:fixed; top:50%; left:50%; margin-top:-225px; margin-left:-400px; z-index:100;}
.tcmain span{ right:20px; position:absolute; top:20px; cursor:pointer;}
.tcmain span img{ width:30px;}
.tcmain a img{ width:100%; display:block;}

@media screen and (max-width: 1240px) {
.tcmain{ width:600px;  margin-top:-170px; margin-left:-300px;}
.tcmain span{ right:15px; top:15px;}
.tcmain span img{ width:25px;}

}


@media screen and (max-width: 768px) {
.tcmain{ width:360px;  margin-top:-101px; margin-left:-180px;}
.tcmain span{ right:10px; top:10px;}
.tcmain span img{ width:20px;}
}