@charset "utf-8";







/* = CSS重定义

------------------------------------------------------------ */





/*首页*/



.pubtit{ text-align: center; padding: 40px 0; position: relative;}

.pubtit h2{ background: #fff; color: #0c80f8; font-size: 36px; padding-bottom: 20px; display: inline-block; position: relative; z-index: 2; position: relative;}

.pubtit span{ display: inline-block; width: 10px; height: 10px; border-radius: 10px; background: #1488ff; }

.pubtit .line{ display:block; position: absolute; top:57px; z-index: 1; width: 100%; height: 5px; border-bottom: 1px dashed #1488ff; }

.pubtit p{ font-size: 20px; }

.pubtit .p2ico{  position: absolute; left: -70px; top: -5px;}

.pubtit .bdico1{ position: absolute; right: -140px; top: -5px; }

.pubtit.wf h2,.pubtit.wf p{ color: #fff; background: none}









.pubtit2{ text-align: center; padding:20px 0;background:#1763aa;  background: -webkit-linear-gradient(right,#08a5fc,#1765ac);  }

.pubtit2 h2{ font-size: 36px; color: #fff;}

.pubtit2 p{ color: #81f1fb; font-size: 20px; padding-top: 15px;}









.banner{ position: relative; left: 50%; margin-left: -960px; width: 1920px; display: block;}

.banner img{ display: block; }



.pageIn{ width: 1000px !important; margin: 0 auto 40px; }

.page1{ width: 100%; }

.page1 .info{ text-indent: 2em; border:1px dashed #36aafc; background: #fcfdff; line-height:24px; padding: 20px; box-shadow: 0 5px 10px #a6a6a6;}



.page1 .pageIn{  border: 1px solid #292929; background: url(../images/p3-bg.jpg) center no-repeat; border-radius: 20px; overflow: hidden; padding: 0 0 20px 0; margin-top: 40px;}

.page1 .title{font-size: 24px; text-align: center; padding: 20px 0; color: #f35d5d; font-weight: bold;}

.page1 ul{ width: 470px;}

.page1 ul li{ width: 210px; height: 200px; float: left; padding:16px 10px; line-height:26px; }

.page1 ul li img{transition: all .3s linear }

.page1 ul li:hover{ box-shadow: 0 0 5px 0 #ccc;  }

.page1 ul li:hover img{ transform: scale(1.02) }



.page2{}

.page2 .info,.page4 .info{text-indent: 2em; border:1px dashed #36aafc; background: #fcfdff; line-height:24px; padding: 20px; box-shadow: 0 5px 10px #a6a6a6; margin-top: 50px;}

.page2 .tabTit1{ margin: 30px auto; }

.page2 .tabTit1 li{ float: left; width: 190px; line-height: 50px; background: #0c75e2; text-align: center; font-size: 20px; color: #fff; margin: 0 5px; border-radius: 10px; cursor: pointer;}

.page2 .tabTit1 li.active{ background: #f35d5d; }

.page2 .tabCon1 .grid{ border-bottom: 1px dashed #0c75e2; padding-bottom: 10px; }

.page2 .tabCon1 .t1{ background: #08a2f9; padding: 5px 10px; display: inline-block; color: #fff; border-radius: 20px;margin:20px 0 10px;}

.page2 .tabCon1 .t2{ line-height: 30px; overflow: hidden;}

.page2 .tabCon1 .t2 span{ padding: 6px 0; display: block; }

.page2 .tabCon1 .t3{ text-indent: 2em; }





.page3 .pageIn{  background: url(../images/vs.gif) center no-repeat }

.page3 .fl,.page3 .fr{ width: 440px; padding: 20px 5px; border-radius: 10px; box-shadow: 0 0 20px #ccc; background: #f2f2f2; border: 1px solid #c7c7c7; transition:all .3s linear;}

.page3 .fr{ background: #fff; border: 1px solid #0b97eb;}

.page3 .t1{ display: block; text-align: center; font-size: 20px;  border-radius:40px; }

.page3 .fr .t1{color: #0f81d0; }

.page3 img{ width: 100%; transition: all .3s linear; padding: 20px 0 10px;}

.page3 .list{}

.page3 .list li{ float: left; width: 200px; overflow: hidden; text-align: center; padding: 0 10px; font-size: 15px;}

.page3 .fr .list li{ color: #1488ff }

.page3 .c1{ text-indent: 2em;  line-height: 28px;border: 1px solid #0b97eb; border-radius: 8px; padding: 10px; margin:24px 10px 0; }

.page3 .fl .c1{ border: 1px solid #a0a0a0; padding: 23px 10px;}

.page3 .fl:hover,.page3 .fr:hover{ box-shadow: 0 0 30px #666; }

.page3 img:hover{ transform: scale(1.1); }





.page4{ overflow: hidden; padding-bottom: 40px; }

.page4 .info{ margin-bottom: 50px; }

.page4 .fl{ width: 440px; }

.page4 .fl ul li{ padding-left: 30px; border-bottom: 1px dashed #36aafc; line-height: 42px; }

.page4 .fl span{ color: #36aafc; font-weight: bold; padding:0 5px;}

.page4 .fr{ width: 460px; height:460px; background: #f2f2f2; text-align: center; padding:20px; overflow: hidden}
.page4 .fr img{ width: 100%; }
.page4 .fr p{ padding: 20px 0; line-height:34px; font-size: 16px;}

/*.page4 .fr li{ float: left; width: 234px; margin-left: 20px; cursor: pointer; }

.page4 .fr li p{ padding:15px 0; font-size: 15px;}

.page4 .fr li img{ transition: all .3s linear }

.page4 .fr li:hover img{ transform: scale(1.05); }
*/


.page5{}

.page5 ul{ padding-top: 50px }

.page5 li{overflow: hidden}

.page5 li img{ transition: all .3s linear; }

.page5 li:hover img{ box-shadow: 0 0 40px #666; }

.page5 li:hover .btn{ transform:translate(0,20px); color: yellow }

.page5 .text{ width: 400px;  padding:0 50px; text-align: center;}

.page5 .text .t1{ font-size:30px; color: #097ade; }

.page5 .text .t2{ font-size: 18px; padding-top: 10px }

.page5 .text .t3{ line-height: 28px; padding:10px 0; }

.page5 .text .btn{ display: inline-block; padding:10px 50px; color:#fff; border-radius: 5px; background: #ea5a4e url(../images/p5-ico.gif) no-repeat 20px center;  transition: all .3s linear; }

.page5 .pic{ width: 498px }







.page6{}

.page6 .t1{ font-size: 20px; color: #0c75e2; padding: 20px 0; display: block; }

.page6 .t2{ line-height: 28px; text-indent: 2em; }

.page7{}

.page7 ul{ width: 1100px; }

.page7 ul li{ width: 231px; float: left; overflow:hidden; margin-right:26px; transition: all .3s linear; padding: 0 2px;	}

.page7 ul li p{ background: #08a2f9; padding: 10px; color: #fff; position: relative; margin-top: 30px; height: 100px;}

.page7 ul li p:before{ position: absolute; top: -20px; left: 50%; margin-left: -10px; content: ""; width:0; height:0;border-width:10px;border-style:solid;border-color:transparent transparent #08a2f9 transparent ;}

.page7 ul li:hover{ box-shadow: 0 0 20px #838383; }



.page8 ul{ padding: 0 0 10px; width: 1100px; overflow:hidden;}

.page8 ul li{ float: left; width: 297px; padding:10px; margin: 10px; transition: all .3s linear; text-align: center; box-shadow: 0 0 10px #ccc; border-radius: 5px; cursor: pointer;}

.page8 ul li a{ text-decoration: none }

.page8 ul li img{ border-radius:10px; transition: all .3s linear}

.page8 ul li p{ padding:8px 0; font-size: 20px; color: #08a2f9; font-weight: bold;transition: all .3s linear; position: relative;}

.page8 ul li:hover img{ transform: scale(1.04); }

.page8 ul li:hover p{ transform: translate(-20px);}

.page8 ul li p:before{    content: "→";position: absolute;right: 20px;top: 10px;opacity: 0;height: 100%;width: 40px; color: #fea84b; transition: all 0.2s linear;}

.page8 ul li:hover p:before{ opacity: 1; }



.page9{}

.page9 ul{ width: 1100px }

.page9 li{float: left; margin: 0 40px 30px 0; padding: 10px;  transition: all .3s linear}

.page9 li strong{ display: block; font-size: 20px; color: #fd9c46; padding: 8px; border: 1px solid #fd9c46; border-left: none; border-right: none; margin-top: 20px; text-align: center;}

.page9 li p{ text-indent: 2em; line-height:28px;padding-top:10px;}


.page9 li:nth-child(2) strong{ color: #2ebce4; border: 1px solid #2ebce4; border-left: none; border-right: none; }

.page9 li:nth-child(3) strong{ color: #ff5272; border: 1px solid #ff5272; border-left: none; border-right: none; }

.page9 li:nth-child(4) strong{ color: #6dc85e; border: 1px solid #6dc85e; border-left: none; border-right: none;  }

.page9 li:nth-child(5) strong{ color: #4abaa1; border: 1px solid #4abaa1; border-left: none; border-right: none; }

.page9 li:nth-child(6) strong{ color: #ae73f7; border: 1px solid #ae73f7; border-left: none; border-right: none; }

.page9 li img{ transition: all .3s linear }

.page9 li:hover img{ transform: scale(1.05); }

.page9 li:hover{ box-shadow: 0 0 20px #666; }





.page10{}

.page10 .list1{ padding-top: 50px }

.page10 .list1 li,.page10 .list2 li{ position: relative; overflow: hidden; float: left; margin: 0 8px; border-radius: 10px;}

.page10 .list1 li img{ display: block; }

.page10 .list1 li .move{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;background: #0099ff; background: rgba(0,0,0,.6); color: #fff; box-sizing: border-box; padding: 70px 30px 0; display: none}

.page10 .list1 li .move .t1{ font-weight: bold; font-size: 20px; padding-bottom: 10px;  border-bottom: 1px solid #00ebfa;}

.page10 .list1 li .move .t2{ font-size:18px; padding: 12px 0; border-bottom: 1px dashed #fff; }

.page10 .list1 li .yellow{ color: #fff000; }

.page10 .list1 li .clickbot{ position: absolute; bottom: 0; padding: 30px 0; width: 100%; text-align: center;background: #0099ff; background: rgba(0,153,255,.8) url(../images/p9-ico.png) no-repeat 60px center; color: #fff; font-size:20px; cursor: pointer;  }

.page10 .list2 p{ font-weight: bold; font-size: 24px; color: #0099ff; text-align: center; padding: 24px 0; }





.picScroll{position:relative;}

.picScroll .bd .btn{position:absolute;top:200px;display:block;  width:19px; height:84px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden; cursor:pointer; z-index:99; }

.picScroll .bd .prev{ left:0; background:url(../images/prev.gif);}

.picScroll .bd .next{  right:0; background:url(../images/next.gif);}

.picScroll .bd{ padding:50px 10px 0; overflow:visible;  }

.picScroll .bd ul{ overflow:hidden; zoom:1; }

.picScroll .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }

.picScroll .bd ul li img{ width:228px;  display:block; }



.jbinfo .pageIn{ padding-top: 40px }

.jbinfo .tabTit3{ overflow: hidden; padding: 0 10px; width:220px; float: left;}

.jbinfo .tabTit3 li{ text-align: center;  background: #eaeaea; overflow: hidden; margin:14px 0;  border-radius: 10px; padding:24px 40px; font-size: 22px; cursor: pointer; }

.jbinfo .tabTit3 li.active{ background: #039eff; color: #fff;}

.jbinfo .tabTit3 li span{float:left; width: 25px; height: 25px; background: url(../images/jb-ico.png) center no-repeat;}

.jbinfo .tabTit3 li .ico1{ background-position: 0 0; }

.jbinfo .tabTit3 li .ico2{ background-position: 0 -25px; }

.jbinfo .tabTit3 li .ico3{ background-position: 0 -50px; }

.jbinfo .tabTit3 li .ico4{ background-position: 0 -75px; }

.jbinfo .tabTit3 li.active .ico1{ background-position: -25px 0; }

.jbinfo .tabTit3 li.active .ico2{ background-position: -25px -25px; }

.jbinfo .tabTit3 li.active .ico3{ background-position: -25px -50px; }

.jbinfo .tabTit3 li.active .ico4{ background-position: -25px -75px; }

.jbinfo .tabbox{ float: right; width:740px; margin-top: 20px; overflow: hidden;}

.jbinfo .tabbox .tabCon3{  }

.jbinfo .tabbox .c1{}

.jbinfo .tabbox .c1 img{ float: left; }

.jbinfo .c1 .right{ width: 400px; float: right; }

.jbinfo .c1 .right .t1{ text-align: center; font-size: 22px; font-weight: bold; color: #039eff;}

.jbinfo .c1 .right .t2{ padding-top: 10px; line-height: 30px; text-indent: 2em;}

.jbinfo .c2{ overflow: hidden;}

.jbinfo .c2 li{ float: left; margin: 0 7px 10px; width: 230px; text-align: center; }

.jbinfo .c2 li img{}

.jbinfo .c2 li p{ padding-top: 6px; }

/*新增*/
.page-bx{ padding-bottom: 40px; }
.page-bx img{ display:block; margin: 0 auto }


/*新增专家陈达德 2018-08-20*/
.expert{ }
.expertIn{ background: #fff; box-shadow: -10px 10px 20px #b1adab; position: relative;height:380px;margin-top: 40px; border: 1px solid #faf9f9;}
.expertIn h2{color: #2191e7; font-size: 24px;  padding: 20px 0 14px 30px;}
.expertIn strong{ font-size: 36px; color: #000; padding-right: 20px;}
.expertIn .info{ background: url(../images/zj-ico.png) no-repeat; margin-left: -12px; height: 70px; padding-left: 184px; font-size: 20px; line-height:32px;}
.expertIn .list{}
.expertIn .list li{ float: left; padding: 20px 0 0 30px;}
.expert .zjbig{ position: absolute; right: 0; bottom: -1px;}
.expert .zjbig img{ display: block}
.expert .zjbig a{ position: absolute; right: 25px; bottom: 60px; width: 240px; padding: 12px 0; background: #f05924; border: 1px dashed #fff; color: #fff; text-align: center; font-size: 24px; border-radius: 10px; text-decoration: none; transition: all .3s linear;}
.expert .zjbig a:hover{ background: #fff; color:#f05924;border: 1px dashed #f05924; }




/* 本例子css */
.bannerBox{  width:100%;overflow:hidden; position:relative; display: block;}
.bannerBox .hd{ height:15px; overflow:hidden; position:absolute; right:50%; margin-right: -10px; bottom:10px; z-index:1; font-size: 0;}
.bannerBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.bannerBox .hd ul li{ float:left; margin-right:10px;  width:13px; height:13px; line-height:14px; text-align:center; background:#ccc; cursor:pointer; }
.bannerBox .hd ul li.on{ background:#ff8400; color:#fff; }
.bannerBox .bd{ position:relative; height:100%; z-index:0;   }
.bannerBox .bd li{ zoom:1; vertical-align:middle; position: relative; }
.bannerBox .bd img{ margin: 0 auto; display:block; position: relative; left: 50%;  margin-left: -960px;}