@charset "utf-8";
/**/
*{ margin:0; padding:0; border:0;}
body{ margin:0;background:#fff;font-size:14px; color:#000; line-height:24px; font-family:montserrat,PingFang SC,Microsoft YaHei,微软雅黑,STXihei,华文细黑,sans-serif; height:100%; width:100%;}
img{ border:0;}
a{font-size:14px; color:#000; text-decoration: none; transition:color 0.5s,background 0.5s;}
a:hover {color:#000;}
ul{ list-style:none;}

@media(max-width:800px){
.servermain{display: none;}
#topbanner{ display:none;}
#top{ width:100%; position:fixed; z-index:20; padding:10px 0 !important; transition:padding 0.5s,background 0.5s;}
#top1{ width:100%; margin:0 auto;}
#logo{ float:left; height:3rem;font-size: 14px;}
#logo img{ height:3rem; margin-left:1rem;}

#btn{ float:right; display: none;}
/*#btn:before{content: "☰"}*/
#btn img{ height:3rem;}

#menu{display:none; background:#0096FF; width:100%; position:fixed; top:3rem;}
#menu ul{ width:100%;list-style:none;}
#menu ul li{ width:100%;}
#menu ul li a{ display:block; line-height:3rem; color:#fff; text-align:center; border-bottom:solid 1px rgba(255,255,255,0.1);}

#menu dl{ float:left; padding-top:25px; display:none;}
#menu dl dt{ float:left; margin-left:26px;}
#menu dl dt a{ display:block; border:solid 1px #fff; line-height:28px; background:url(image/bit1.png) 86% center no-repeat; border-radius:30px; color:#fff; padding:0 30px;}
#menu dl dd{ float:left; margin-left:10px;}
#menu dl dd a{ display:block; background:#67C23A; line-height:30px; border-radius:30px; color:#fff; padding:0 30px;}

#banner{ background:url(image/di.jpg) center top; width:100%; height:930px; overflow:hidden;}

#search{ width:100%; margin:200px auto 0 auto; text-align:center; color:#fff;}
#search p.a1{ font-size: 26px;}
#search p.a1 img{ width:80%;}
#search p.a2{ letter-spacing:0px; line-height:54px; font-size:14px;}
#search p.a3{}
#search p.a4{ margin-top:50px;}
#search p.a4 a{    width: 244px;
    margin: 0 auto;
    font-size: 18px;
    text-align: center;
    display: block;
    line-height: 50px;
    background: rgb(105, 147, 228);
    color: #fff;}
#search p.a4 a span{ display:block; line-height:40px; width:40px; height:40px;text-indent:0px; text-align:center; background:url(image/bit2.png) center no-repeat #67C23A; float:right; border-radius:50px; margin:5px 6px 0 0; transition:background 0.5s;}
#search p.a4 a:hover{ background:#67C23A; color:#fff;}
#search p.a4 a:hover span{background:url(image/bit2a.png) center no-repeat #fff;}

.title{ width:100%; overflow:hidden; text-align:center; padding-top:40px;}
.title p.tt{ font-size:30px; line-height:50px; color:#000;}
.title p.tc{ letter-spacing:2px; color:#999; font-size:12px;}

#index1{ width:100%; margin:0 auto; overflow:hidden; padding-top:30px; padding-bottom:0px;} 
#index1 ul li{ width:50%; float:left; border-bottom:solid 1px #eee;}
#index1 ul li a{ display:block; text-align:center; margin:0 auto; padding:20px 36px 0 36px; overflow:hidden; border-right:solid 1px #eee; height:350px;}
#index1 ul li a.it{ border:0;}
#index1 ul li a img{ border:solid 2px #e5e5e5; border-radius:100px; transition:border 0.5s; width:90%;}
#index1 ul li a p.a1{ font-size:24px; color:#000; line-height:60px;}
#index1 ul li a p.a2{ color:#666; text-align:left; font-size:12px; line-height:18px;}
#index1 ul li a:hover img{ border:solid 2px #0096ff;}

#index2{ background:#e6f2fa; padding-bottom:40px; overflow:hidden;}
#index2 .title1{ font-size:30px; color:#000; line-height:60px; width:100%; text-align:center; padding-top:40px;}
#index2 .pro{ width:100%; margin:0 auto; padding-top:0px;}
#index2 .pro ul{ width:100%;}
#index2 .pro ul li{ width:90%; margin:0 auto 1rem auto;}
#index2 .pro ul li a{ display:block; background:#fff; text-align:center; padding:0 10px; height:350px; transition:box-shadow 0.5s;box-shadow:0px 5px 5px rgba(0,0,0,0);}
#index2 .pro ul li a img{ margin-top:67px;}
#index2 .pro ul li a p.tt{ font-size:24px; line-height:50px; padding-top:15px;}
#index2 .pro ul li a p.tc{ color:#666; text-align:left; padding-top:10px;}
#index2 .pro ul li a:hover{box-shadow:0px 5px 5px rgba(0,0,0,0.2);}

.middiv{position: relative;display:block; border:none; line-height:28px; background:url(image/bgb.jpg) 86% center no-repeat;    padding: 100px 0 100px 0;  background-position: 0 -600px;}
.middiv:before{    content: "";
    display: block!important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(126,65,39,0.35);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;}
.middiv div{color: #fff;font-size: 30px;    line-height: 45px; text-align: center;     position: relative;}
ul.uldotcon{
	  font-size: 15px;
    line-height: 25px;
    margin-bottom: 13px;
    margin-top: 26px;
    padding-left: 10px;
}
ul.uldotcon li:before{
	content: "·";
	font-size: 32px;
    vertical-align: middle;
    margin-right: 5px;
}

#index3{ background:#0096ff; width:100%; overflow:hidden;}
#index3_l .btnblue{float: inherit;}
#index3_l{ width: 100%;
    float: left;
    height: 100%;}
#index3_r{width:90%; margin:0 auto; color:#fff;}
#index3_r p.tt{ font-size:30px; line-height:60px; padding-top:20px;}
#index3_r p.tm{ padding-top:20px; padding-bottom:40px;}
#index3_r p.tm a{ display:block; width:100px; text-align:center; line-height:28px; border:solid 1px #fff; border-radius:50px; color:#fff; font-size:12px; transition:width 0.5s,background 0.5s,color 0.5s;}
#index3_l.new2{padding: 15px;}
#index3_r.new2{display: none;}
#index3_l.new2 .tt{font-size: 27px;
    margin-top: 20px;}
#index3_l.new{text-align: right;text-align: center;}
#index3_l.new img{width: 82%;
    margin-top: 27px;}
#index3_r.new{color: rgb(29, 32, 35);text-align: center;}
#index3_r .tc{    font-size: 15px;
    text-align: left;}

#index4{ padding-bottom:10px; overflow:hidden;}
#index4 .tt{ text-align:center; font-size:30px; line-height:60px; padding-top:20px;}

#index4 .tc{ width:90%; margin:0 auto; overflow:hidden; padding-top:20px;} 
#index4 .tc ul{}
#index4 .tc ul li{ width:100%;  overflow:hidden; padding-bottom:40px;}
#index4 .tc ul li a{ display:block;}
#index4 .tc ul li a img{ width:100%;}
#index4 .tc ul li a p.att{ font-size:14px; line-height:18px; color:#000; padding:10px 0;}
#index4 .tc ul li a p.atim{ font-size:10px; color:#999; line-height:14px;}
#index4 .tc ul li a p.atc{ font-size:12px; line-height:18px; color:#666; padding-top:15px;}
#index4 .tc ul li a p.atm{ background:url(image/bit3.png) center no-repeat #0096ff; width:57px; height:31px; border-radius:5px; margin-top:20px; transition:width 0.5s,background 0.5s;}
#index4 .tc ul li a:hover p.atm{ width:80px; background:url(image/bit3.png) center no-repeat #67c23a;}

#index5{ background:#e6f2fa; width:100%; overflow:hidden; height:219px;}
#index5 .tt{ text-align:center; font-size:24px; line-height:50px; padding-top:20px;}

#index5 .tc{ text-align:center; margin:0 auto; width:90%;height: 69px; overflow:scroll;}
#index5 .tc ul{ width:10000px;}
#index5 .tc ul li{ float:left; margin:0 5px;}
#index5 .tc ul li img{ width:7rem;}

#more{ width:100%; overflow:hidden;}
#more a{ width:130px; line-height:40px; background:#67c23a; color:#fff; text-align:center; transition:width 0.5s,background 0.5s; border-radius:20px; display:block; font-size:12px; margin:20px auto 20px auto; overflow:hidden;}
#more a:hover{ width:150px; background:#0096ff;}

#bottom{ background:#0096ff; display:none;}

#bottom1{ color:#fff; text-align:center; padding-top:50px;}
#bottom1 a{ color:#fff; font-size:14px; padding:0 20px;}
#bottom1 a:hover{ text-decoration:underline;}
#bottom2{ text-align:center; line-height:24px; color:#fff; padding:25px 0; font-size:14px;}
#bottom3{ border-top:dotted 1px #80cbff; width:1200px; padding:25px 0; margin:0 auto; line-height:18px; text-align:center; color:#fff; font-size:12px; overflow:hidden;}

#float{ position:fixed; right:30px; z-index:50; bottom:50px; display:none;}
#float p{ margin-top:10px;}
#float a.a1{ width:50px; height:50px; background:url(image/p9.png) center no-repeat #fff; text-align:center; display:block; border-radius:50px;box-shadow: 0px 0px 5px rgba(0,0,0,0.2);}
#float a.a2{ width:50px; height:50px; background:url(image/p10.png) center no-repeat #fff; text-align:center; display:block; border-radius:50px;box-shadow: 0px 0px 5px rgba(0,0,0,0.2);}
#float a.a3{ width:50px; height:50px; background:url(image/p11.png) center no-repeat #67c23a; text-align:center; display:block; border-radius:50px;box-shadow: 0px 0px 5px rgba(0,0,0,0.2);}

#mbottom{ width:100%; position:fixed; left:0; bottom:0; height:5rem; background:#005795;}
#mbottom ul{ list-style:none;}
#mbottom ul li{ width:25%; float:left;}
#mbottom ul li a{ display:block; color:#fff; text-align:center; font-size:1.2rem; line-height:1rem;}
#mbottom ul li a img{ width:2.5rem; margin-top:.3rem;}
#mbottom1{ width:100%; height:3rem;}


#pic{ width:100%; overflow:hidden;}
#pic img{ width:200%; margin-left:-50%;}

#newsmenu{ width:100%; overflow:hidden; line-height:3rem; border-bottom:solid 1px #eee;}
#newsmenu ul{ width:100%; margin:0 auto; overflow:hidden;}
#newsmenu ul li{ width:33.33%; float:left; text-align:center;}
#newsmenu ul li a{ display:block; text-align:center; transition:border 0.5s,color 0.5s; border-bottom:solid 1px #fff;}
#newsmenu ul li a:hover{ border-bottom:solid 1px #0096FF; color:#0096FF;}
#newsmenu ul li a.it{ border-bottom:solid 1px #0096FF; color:#0096FF; }


#newsli{ width:90%; margin:0 auto; padding-top:30px;}
#newsli ul{ list-style:none;}
#newsli ul li{ border-bottom:solid 1px #eee; margin-bottom:20px; overflow:hidden; transition:box-shadow 0.5s,padding 0.5s;}
#newsli ul li:hover{box-shadow:0px 5px 5px rgba(0,0,0,0.2); padding:0 20px;}
#newsli ul li a{ display:block; padding:20px 0; overflow:hidden;}
#newsli ul li a img{ width:100%;}
#newsli ul li a div{ width:100%;}
#newsli ul li a div p.tt{ font-size:14px; font-weight:bold; color:#000; ; line-height:22px; padding:10px 0;}
#newsli ul li a div p.tm{ color:#666; line-height:1rem; font-size:.7rem;}
#newsli ul li a div p.time{ padding-top:20px; color:#999; font-size:.6rem;}

#page{ width:100%; text-align:center; padding:20px 0 60px 0;}
#page ul{ display:inline-block;}
#page ul li{ float:left; margin:0 2px;}
#page ul li a{ display:block; line-height:40px; text-align:center; padding:0 10px; border:solid 1px #eee; transition:border 0.5s,color 0.5s;}
#page ul li a:hover{ border:solid 1px #0096FF; color:#0096FF;}
#page ul li a.it{ border:solid 1px #0096FF; background:#0096FF; color:#fff;}
#page ul li.pageList{ display:none;}

#helpmenu{ width:100%; overflow:scroll; line-height:60px; border-bottom:solid 1px #eee;}
#helpmenu ul{ width:10000px; }
#helpmenu ul li{ width:120px; float:left; text-align:center;}
#helpmenu ul li a{ display:block; text-align:center; transition:border 0.5s,color 0.5s; border-bottom:solid 1px #fff;}
#helpmenu ul li a:hover{ border-bottom:solid 1px #0096FF; color:#0096FF;}
#helpmenu ul li a.it{ border-bottom:solid 1px #0096FF; color:#0096FF; }

#help{ width:95%; margin:1rem auto; overflow:hidden;}

#help div.aleft{font-size:30px; line-height:80px; width:250px; text-align:center; display:none;}
#help ul{ width:100%; padding-bottom:40px;}
#help ul li{ border-bottom:solid 1px #eee;}
#help ul li p.tt{ line-height:3rem; font-size:.8rem; color:#333; cursor:pointer;}
#help ul li .tm{ line-height:1.6rem; font-size:.7rem; color:#666; padding-bottom:1rem; display:none;}

#contact{ width:90%; margin:20px auto 30px auto; overflow:hidden;}
#contact_left{width:100%;}
#contact_left p{ line-height:50px; font-size:.8rem; line-height:1rem; padding:.5rem 0; border-bottom:solid 1px #eee;}

#contact_right{ width:100%; overflow:hidden; margin-top:20px;}
#contact_right img{ width:100%;}

#about{ width:90%; margin:20px auto 40px auto; overflow:hidden;}
#about p{ padding-top:30px;}
#about p img{ width:100%;}

#reg{ background:url(image/reg.jpg) center top; padding-bottom:1rem;
 width:100%;}
#reg_con{ width:100%; margin:0 auto;overflow:hidden; padding-top:4rem;}
#regdi{ background:#fff; border-radius:10px; overflow:hidden; width:80%; padding:20px 5%; margin:0 auto;}
#regdi p{ margin-bottom:10px;}
#regdi p.tt{ font-size:20px; line-height:20px;}
#regdi p input{ width:99%; border:solid 1px #eee; line-height:40px; height:40px; border-radius:3px; text-indent:10px; font-family:montserrat,PingFang SC,Microsoft YaHei,微软雅黑,STXihei,华文细黑,sans-serif; transition:border 0.5s;}
#regdi p.tel input{ width:79%; border:solid 1px #eee; line-height:40px; height:40px; border-top-right-radius:3px;border-bottom-right-radius:3px; text-indent:10px; font-family:montserrat,PingFang SC,Microsoft YaHei,微软雅黑,STXihei,华文细黑,sans-serif; transition:border 0.5s;}
#regdi p.tel select{ width:20%; float:left; border-left:solid 1px #eee;border-top:solid 1px #eee;border-bottom:solid 1px #eee; line-height:40px; height:42px; border-top-left-radius:3px;border-bottom-left-radius:3px; text-indent:10px; font-family:montserrat,PingFang SC,Microsoft YaHei,微软雅黑,STXihei,华文细黑,sans-serif; transition:border 0.5s;}

#regdi p input:hover{ border:solid 1px #0096FF; }
#regdi p.code input{ width:50%;}
#regdi p.code span{ float:right; width:45%;}
#regdi p.code span a{ display:block; background:#E6F2FA; line-height:40px; text-align:center; color:#0096FF; border-radius:5px;}
#regdi p.check{ color:#666;}
#regdi p.check input{ width:20px; height:20px; vertical-align:middle; margin-right:5px;}
#regdi p.check a{ color:#0096FF; padding-left:10px;}
#regdi p.ok a{ display:block; height:50px; width:100%; background:#0096FF; color:#fff; text-align:center; line-height:50px;border-radius:5px;}

#pro1{ width:100%; overflow:hidden; height:600px; background:url(image/prodi1.jpg) center bottom no-repeat #1049BD/120% auto;}
#pro1_con{ text-align:left; width:90%; margin:0 auto; color:#fff; overflow:hidden;}
#pro1_con p.t1{ font-size:30px; line-height:40px; margin-top:8rem;}
#pro1_con p.t2{ font-size:14px; line-height:18px; padding-top:1rem;}
#pro1_con p.t3{ padding-top:70px;}
#pro1_con p.t3 a{ display:block; border-radius:50px; width:130px; line-height:38px; border:solid 2px #fff; text-align:center; color:#fff; font-size:14px; transition:width 0.5s,font 0.5s;}
#pro1_con p.t3 a:hover{ width:180px; font-size:18px;}

#pro2{ width:90%; margin:0 auto; overflow:hidden;}
#pro2 ul{ width:100%;}
#pro2 ul li{ width:100%;border-bottom:solid 1px #eee; overflow:hidden; margin:30px 0; padding:0px 0 30px 0;}
#pro2 ul li .img{ float:left; width:19%; text-align:center; overflow:hidden; border-right:solid 0px #eee; font-size:14px; color:#0096ff;}
#pro2 ul li .img img{ width:100%;}

#pro2 ul li .con{ overflow:hidden; padding-left:4%; width:75%; border-left:solid 1px #eee;}
#pro2 ul li .con p.a1{ line-height:20px; font-size:14px; padding-top:10px; padding-bottom:10px;}
#pro2 ul li .con p.a2{ font-size:12px; color:#666; padding-bottom:30px;}

#pro3{ width:100%; background:#E6F2FA; overflow:hidden; padding-bottom:60px;}
#pro3_li{ width:90%; margin:30px auto 0px auto;}
#pro3_li ul{ width:100%;}
#pro3_li ul li{ float:left; background:#fff; width:30%; text-align:center; padding:0px 0; margin:0 1.5%;box-shadow:0px 5px 5px rgba(0,0,0,0.2);}
#pro3_li ul li img{ width:100%;}

#proa{ width:100%; overflow:hidden; height:600px; background:url(image/prodi2.jpg) center bottom no-repeat #1049BD/170% auto;}
#proa_con{ text-align:left; width:90%; margin:0 auto; color:#fff; overflow:hidden;}
#proa_con p.t1{ font-size:30px; line-height:40px; margin-top:8rem;}
#proa_con p.t2{ font-size:14px; line-height:18px; padding-top:1rem;}
#proa_con p.t3{ padding-top:70px;}
#proa_con p.t3 a{ display:block; border-radius:50px; width:130px; line-height:38px; border:solid 2px #fff; text-align:center; color:#fff; font-size:14px; transition:width 0.5s,font 0.5s;}
#proa_con p.t3 a:hover{ width:180px; font-size:18px;}

#proa1{ width:100%; background:#e6f2fa;}
#proa1 ul{ width:95%; margin:0 auto; overflow:hidden;}
#proa1 ul li{ float:left; width:33.33%; overflow:hidden; padding:1rem 0; }
#proa1 ul li div{ width:90%; margin:0 auto; overflow:hidden; font-size:1rem; text-align:center;background:#fff; line-height:2rem; padding:20px 0;}
#proa1 ul li div img{ width:60%;}

#proa2{ width:90%; margin:0 auto; overflow:hidden; padding:1rem 0;}
#proa2 ul{ list-style:none;}
#proa2 ul li{ padding:1rem 5%; overflow:hidden; border:solid 1px #eee; margin-bottom:1rem; font-size:.8rem;}
#proa2 ul li p.a1{ line-height:40px; font-size:20px;}



#prob{ width:100%; overflow:hidden; height:600px; background:url(image/prodi3.jpg) center bottom no-repeat #1049BD/180% auto;}
#prob_con{ text-align:left; width:90%; margin:0 auto; color:#fff; overflow:hidden;}
#prob_con p.t1{ font-size:30px; line-height:40px; margin-top:8rem;}
#prob_con p.t2{ font-size:14px; line-height:18px; padding-top:1rem;}
#prob_con p.t3{ padding-top:70px;}
#prob_con p.t3 a{ display:block; border-radius:50px; width:130px; line-height:38px; border:solid 2px #fff; text-align:center; color:#fff; font-size:14px; transition:width 0.5s,font 0.5s;}
#prob_con p.t3 a:hover{ width:180px; font-size:18px;}


#prob2{ width:90%; margin:1rem auto 0 auto; overflow:hidden;}
#prob2 ul{ list-style:none;}
#prob2 ul li{ width:70%; margin:0 auto; padding:20px 10%; margin-bottom:2rem; overflow:hidden; border:solid 1px #eee; }
#prob2 ul li p.a1{ text-align:center; padding-bottom:20px;}
#prob2 ul li p.a1 img{ border:solid 2px #eee; border-radius:100px;}
#prob2 ul li p.a2{ line-height:2ren; font-size:1ren;}




#partner{ width:90%; margin:0 auto; overflow:hidden; padding-top:30px; }
#partner ul{}
#partner ul li{ float:left; width:50%; margin-bottom:.5rem;}
#partner ul li a{ display:block; border:solid 1px #eee; text-align:center; width:95%; margin:0 auto;}
#partner ul li a img{ width:100%;}

#newscontent{ width:90%; margin:0 auto; overflow:hidden;}
#newscontent .tt{ text-align:center; font-size:1.1rem; line-height:1.2rem; padding-top:30px;}
#newscontent .tt p{ font-size:10px; color:#ccc; padding-top:1rem;}
#fengxiang{ display:none;}
#newscontent .tt p img{ vertical-align:middle; margin-right:3px;}
#newscontent .con{ font-size:1rem; line-height:2rem; padding:0px 0 30px 0; color:#666;}
#newscontent .con img{ width:100%;}

}