@charset "utf-8";
/**/
*{ margin:0; padding:0; border:0;    font-family: montserrat,PingFang SC,Microsoft YaHei,微软雅黑,STXihei,华文细黑,sans-serif;}
body{ margin:0;background:#fff;font-size:14px; color:#000; line-height:24px; 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;}

.btnblue:hover{    background: #006cf5;
    color: #fff;}
.btnblue{    width: 244px;
    margin: 0 auto;
    font-size: 18px;
    text-align: center;
    display: block;
    line-height: 50px;
    background: rgb(105, 147, 228);
    color: #fff;    transition: all 0.15s ease 0s;}

@media(min-width:801px){
#topbanner{ width:100%; overflow:hidden; position:fixed; top:0; left:0; z-index:600;}
#topbanner p{ position:absolute; z-index:10000; width:20px; height:20px; background:rgba(0,0,0,0.8); text-align:center; line-height:20px; color:#fff; font-size:12px; cursor:pointer; right:30px; top:0;}

#top{ width:100%; position:fixed; z-index:20;font-size: 16px; padding-top:10px; transition:padding 0.5s,background 0.5s;}
#top1{ width:1200px; margin:0 auto; overflow:hidden;}
#logo{ float:left;margin-top: 17px;}
#btn{ display:none;}
#menu{ float:right;}
#menu ul{ float:left;list-style:none;}
#menu ul li{ float:left;}
#menu ul li a{ display:block; line-height:80px;font-size: inherit;color: inherit; padding:0 23px; background:url(image/line.jpg) bottom no-repeat/0% 2px;}
#menu ul li a:hover{background:url(image/line.jpg) bottom no-repeat/100% 2px;}
#menu dl{ float:left; padding-top:25px;}
#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;  line-height:30px; border-radius:30px; padding:0 30px;    border-radius: 0px;
    border: none;
    background: rgb(105, 147, 228);
    color: rgb(255, 255, 255);
    transition: all 0.15s ease 0s;}

#menu .zzmenu{ position:absolute; z-index:500; background:#fff; overflow:hidden; border-bottom-left-radius:10px; border-bottom-right-radius:10px;box-shadow:0px 5px 5px rgba(0,0,0,0.2); display:none;}
#menu .zzmenu p{ border-bottom:solid 1px #eee; }
#menu .zzmenu p a{ color:#000; line-height:40px;text-align:center; padding:0 20px;}
#menu .zzmenu p a:hover{ color:#0096ff;}

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

#search{ width:1200px; margin:316px auto 0 auto; text-align:center; color:#fff;}
#search p.a2{ letter-spacing:2px; line-height:54px; font-size:18px;}
#search p.a1{font-size: 46px;line-height: normal;}
#search p.a4{ margin-top:78px;}
#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:#006cf5; 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:55px;}
.title p.tt{ font-size:36px; line-height:50px; color:#000;}
.title p.tc{ letter-spacing:8px; color:#999;}

#index1{ width:1200px; margin:0 auto; overflow:hidden; padding-top:30px; padding-bottom:78px;} 
#index1 ul li{ width:33.3333333%; float:left;}
#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;}
#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;}
#index1 ul li a:hover img{ border:solid 2px #0096ff;}

#index2{ background:#e6f2fa; padding-bottom:60px; overflow:hidden;}
#index2 .title1{ font-size:36px; color:#000; line-height:60px; width:100%; text-align:center; padding-top:60px;}
#index2 .pro{ width:1200px; margin:0 auto; padding-top:32px;}
#index2 .pro ul{ width:1300px;}
#index2 .pro ul li{ float:left; width:380px; margin-right:30px;margin-bottom: 10px;}
#index2 .pro ul li a{ display:block; background:#fff; text-align:center; padding:0 10px; height:380px; 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;     background-size: cover;   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: 41px; text-align: center;     position: relative;}
ul.uldotcon{
	    font-size: 18px;
    line-height: 42px;    margin-bottom: 13px;
}
ul.uldotcon li:before{
	content: "·";
	font-size: 32px;
    vertical-align: middle;
    margin-right: 5px;
}
#index3{ background:#0096ff; width:100%; overflow:hidden;}
#index3_l{ width:50%; float:left;}
#index3_l.new{text-align: right;text-align: right;}
#index3_l.new img{width: 60%;margin-top: 60px;}
#index3_r{ float:left; width:510px; color:#fff; padding:10px 0 0 90px;}
#index3_r.new{color: rgb(29, 32, 35);}
#index3_r p.tt{ font-size:36px; line-height:60px; padding-top:145px; padding-bottom:40px;}
#index3_l p.tt{ font-size:36px; line-height:60px; padding-top:145px; padding-bottom:40px;}
#index3_r p.tm{ padding-top:80px;}
#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_r p.tm a:hover{ background:#fff; color:#0096ff; width:120px;}
#index3_l.new2>div .tt{margin-top: -59px;}
#index3_l.new2 .btnblue{ float: left;}
#index3_l.new2>div{width: 523px;
    float: right;}
#index4{ padding-bottom:80px; overflow:hidden;}
#index4 .tt{ text-align:center; font-size:36px; line-height:60px; padding-top:60px;}

#index4 .tc{ width:1200px; margin:0 auto; overflow:hidden; padding-top:40px;} 
#index4 .tc ul{ width:1300px;}
#index4 .tc ul li{ width:380px; margin-right:30px; float:left; overflow:hidden;}
#index4 .tc ul li a{ display:block;}
#index4 .tc ul li a p.att{ font-size:16px; line-height:30px; color:#000; white-space:nowrap; padding-top:5px;}
#index4 .tc ul li a p.atim{ font-size:12px; color:#999; line-height:14px;}
#index4 .tc ul li a p.atc{ font-size:14px; 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:40px; 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;}
#index5 .tt{ text-align:center; font-size:36px; line-height:60px; padding-top:60px;}

#index5 .tc{ overflow:hidden; text-align:center; margin-top:40px;}
#index5 .tc ul{ display:inline-block;}
#index5 .tc ul li{ float:left; margin:0 5px;}

#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:50px auto 70px auto; overflow:hidden;}
#more a:hover{ width:150px; background:#0096ff;}

#bottom{ background:#1c1c1c;}

#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;}
#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 p span{ position:absolute; overflow:hidden; z-index:333; margin:-80px 0 0 -110px; display:none;box-shadow: 0px 0px 5px rgba(0,0,0,0.2);}
#float p span img{ width:100px;}
#float p span.telphone{ background:#fff; border-radius:10px; padding:20px; margin-left:-150px;}
#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);}
#float a.a4{ width:50px; height:50px; background:url(image/p12.png) center no-repeat #fff; text-align:center; display:block; border-radius:50px;box-shadow: 0px 0px 5px rgba(0,0,0,0.2);}

#mbottom{ display:none;}
#mbottom1{ display:none;}

#mypt{display:none; width:150px; margin:0 0 0 -30px; z-index:50px; position:absolute;}
#mypt div.a1{ text-align:center; width:100%; overflow:hidden;}
#mypt div.a2{padding:10px 20px; width:110px; background:rgba(255,255,255,0.9); border-radius:20px;box-shadow:0px 5px 5px rgba(0,0,0,0.2);}
#mypt div.a2 p{ margin:5px 0; border:0;}
#mypt div.a2 p a{ background:none!important; padding:0!important; text-align:center; color:#000!important; border:0!important; border-radius:0!important; border-bottom:solid 1px #ddd!important;}
#mypt div.a2 p a:hover{ color:#0096FF!important;}

#pic{ width:100%; overflow:hidden;}
#pic img{ width:100%;}

#newsmenu{ width:100%; overflow:hidden; line-height:60px; border-bottom:solid 1px #eee;}
#newsmenu ul{ width:1200px; 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:1200px; 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{ float:right;}
#newsli ul li a div{ float:left; width:750px;}
#newsli ul li a div p.tt{ font-size:16px; font-weight:bold; color:#000; ; line-height:50px;}
#newsli ul li a div p.tm{ color:#666; line-height:24px;}
#newsli ul li a div p.time{ padding-top:20px; color:#999; font-size:12px;}

#page{ width:100%; text-align:center; padding:20px 0 60px 0;}
#page ul{ display:inline-block;}
#page ul li{ float:left; margin:0 5px;}
#page ul li a{ display:block; line-height:40px; text-align:center; padding:0 20px; 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;}

#helpmenu{ width:100%; overflow:hidden; line-height:60px; border-bottom:solid 1px #eee;}
#helpmenu ul{ width:1200px; margin:0 auto; overflow:hidden;}
#helpmenu ul li{ width:16.66%; 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:1200px; margin:50px auto 50px auto; overflow:hidden;}

#help div.aleft{ float:left; font-size:30px; line-height:80px; width:250px; text-align:center}
#help ul{ float:right; border-left:solid 1px #eee; padding-left:50px; width:850px; padding-bottom:40px;}
#help ul li{ border-bottom:solid 1px #eee;}
#help ul li p.tt{ line-height:60px; font-size:18px; color:#333; cursor:pointer;}
#help ul li .tm{ line-height:24px; font-size:14px; color:#666; padding-bottom:40px; display:none;}

#contact{ width:1200px; margin:40px auto 70px auto; overflow:hidden;}
#contact_left{ float:left; width:560px;}
#contact_left p{ line-height:50px; border-bottom:solid 1px #eee;}

#contact_right{ float:right;}

#about{ width:1200px; margin:40px auto 70px auto; overflow:hidden;}
#about p{ padding-top:30px;}

#reg{ background:url(image/reg.jpg) center top; height:700px; width:100%;}
#reg_con{ width:1200px; margin:0 auto;overflow:hidden; padding-top:120px;}
#regdi{ background:#fff; border-radius:10px; float:right; overflow:hidden; width:400px; padding:20px 50px;}
#regdi p{ margin-bottom:10px;}
#regdi p.tt{ font-size:30px; line-height:40px;}
#regdi p input{ width:99%; border:solid 1px #eee; line-height:40px; height:40px; border-radius:3px; text-indent:10px;  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; 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;  transition:border 0.5s;}

#regdi p input:hover{ border:solid 1px #0096FF; }
#regdi p.code input{ width:70%;}
#regdi p.code span{ float:right;}
#regdi p.code span a{ display:block; width:100px; 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:860px; background:url(image/prodi1.jpg) center top no-repeat;}
#pro1_con{ text-align:left; width:1200px; margin:0 auto; color:#fff; overflow:hidden;}
#pro1_con p.t1{ font-size:48px; line-height:60px; margin-top:300px;}
#pro1_con p.t2{ font-size:18px; line-height:50px;}
#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:1200px; margin:0 auto; overflow:hidden;}
#pro2 ul{ width:1300px;}
#pro2 ul li{ width:100%;border-bottom:solid 1px #eee; overflow:hidden; margin:30px 0; padding:0px 0 30px 0;}
#pro2 .img{ float:left; text-align:center; overflow:hidden; border-right:solid 1px #eee; font-size:24px; color:#0096ff;}


#pro2 .con{ overflow:hidden; padding-left:50px; width:950px; border-left:solid 1px #eee;}
#pro2 .con p.a1{ line-height:80px; font-size:18px; padding-top:20px;}
#pro2 .con p.a2{ font-size:14px; color:#666; padding-bottom:30px;}

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

#proa{ width:100%; overflow:hidden; height:740px; background:url(image/prodi2.jpg) center top no-repeat;}
#proa_con{ text-align:left; width:1200px; margin:0 auto; color:#fff; overflow:hidden;}
#proa_con p.t1{ font-size:48px; line-height:60px; margin-top:300px;}
#proa_con p.t2{ font-size:18px; line-height:24px; padding:20px 0;}
#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:1200px; margin:0 auto; overflow:hidden;}
#proa1 ul li{ float:left; width:400px; overflow:hidden; padding:40px 0;}
#proa1 ul li div{ width:90%; margin:0 auto; overflow:hidden; font-size:18px; text-align:center;background:#fff; line-height:50px; padding:20px 0;}

#proa2{ width:1200px; margin:0 auto; overflow:hidden; padding:60px 0;}
#proa2 ul{ list-style:none; width:1300px;}
#proa2 ul li{ width:460px; padding:50px; float:left; margin:20px; overflow:hidden; border:solid 1px #eee; height:150px;}
#proa2 ul li p.a1{ line-height:60px; font-size:24px;}


#prob{ width:100%; overflow:hidden; height:860px; background:url(image/prodi3.jpg) center top no-repeat;}
#prob_con{ text-align:left; width:1200px; margin:0 auto; color:#fff; overflow:hidden;}
#prob_con p.t1{ font-size:48px; line-height:60px; margin-top:300px;}
#prob_con p.t2{ font-size:18px; line-height:24px; padding:20px 0;}
#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:1200px; margin:0 auto; overflow:hidden; padding:60px 0;}
#prob2 ul{ list-style:none; width:1300px;}
#prob2 ul li{ width:180px; padding:20px 30px; float:left; margin:0px; overflow:hidden; border-right:solid 1px #eee; height:300px;}
#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:36px; font-size:16px;}



#partner{ width:1200px; margin:0 auto; overflow:hidden; padding-top:30px; padding-bottom:80px;}
#partner ul{ width:1300px;}
#partner ul li{ float:left; width:276px; margin-right:32px; margin-bottom:30px;}
#partner ul li a{ display:block; border:solid 1px #eee; text-align:center;}

#newscontent{ width:1200px; margin:0 auto; overflow:hidden;}
#newscontent .tt{ text-align:center; font-size:24px; line-height:40px; padding-top:60px;}
#newscontent .tt p{ font-size:12px; color:#ccc;}
#newscontent .tt p img{ vertical-align:middle; margin-right:3px;}
#newscontent .con{ font-size:18px; line-height:40px; padding:30px 0 80px 0;}



}