@charset "utf-8";
/* CSS Document */
body { font-family:"微软雅黑", Verdana, Arial, sans-serif; margin:0; overflow-x:hidden;  background:#FFF;	padding:0;	font-size:12px;  color:#666; }
div, form, img, ul, ol, li, dl, dt, dd,p {	margin: 0;	padding: 0;	border: 0;}
img {display:block;}
ul li {list-style:none;}
h1, h2, h3, h4, h5, h6 { margin:0;	padding:0;}
/* 设置滚动条的样式 */
::-webkit-scrollbar{width:6px;}
/* 滚动槽*/::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 10px;}
/* 滚动条滑块*/::-webkit-scrollbar-thumb{border-radius: 10px;background: rgba(0,0,0,0.1);-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);}
::-webkit-scrollbar-thumb:window-inactive{background: rgba(255,0,0,0.4);}
/*line-color*/
a:link { text-decoration:none; color:#000;}
a:visited {	text-decoration:none; color:#000;}
a:hover { text-decoration:none;}
a:active { text-decoration:none;}

input::-webkit-input-placeholder{color:#FFF;}
input::-moz-placeholder{   /* Mozilla Firefox 19+ */color:#FFF;}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */color:#FFF;}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ color:#FFF;}

textarea::-webkit-input-placeholder{color:#FFF;}
textarea::-moz-placeholder{   /* Mozilla Firefox 19+ */color:#FFF;}
textarea:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */color:#FFF;}
textarea:-ms-input-placeholder{  /* Internet Explorer 10-11 */ color:#FFF;}


@keyframes imgg{0%   {transform:rotateY(0deg);}25%{transform:rotateY(90deg);}50%{transform:rotateY(180deg);}75%{transform:rotateY(270deg);}100% {transform:rotateY(360deg);}}
@media screen and (max-width:1400px){
.banner { width:100%; height:600px;}
/* 本例子css */
.slideBox{ width:100%; height:600px; overflow:hidden; position:relative;  }
}

@media screen and (min-width:1401px){
.banner { width:100%; height:900px;}
/* 本例子css */
.slideBox{ width:100%; height:900px; overflow:hidden; position:relative;  }
}

.slideBox .hd{ height:2px; width:100%; overflow:hidden; position:absolute;  bottom:60px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; height:2px; margin:auto; width:180px;  }
.slideBox .hd ul li{ float:left;  width:50px; margin-left:5px; margin-right:5px; height:2px; line-height:14px; text-align:center; background:#2f2f2f; cursor:pointer; }
.slideBox .hd ul li.on{ background:#cccccc; color:#cccccc; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%; height:600px;  display:block;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(http://td.xueyinyue.com/images/images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;}
.slideBox .nextStop{ display:none;}

.meun { width:100%; height:70px; margin:auto; position:absolute; top:0; z-index:99;}
.meunbox { width:1140px; height:70px; margin:auto}
.logo { width:300px; height:70px; background:url(http://td.xueyinyue.com/images/images/logo2@2x.png) left center no-repeat; background-size:contain; float:left}
.nav { width:490px; height:70px; float:right}
.nav ul li { width:70px; height:70px; font-size:16px; font-weight:500; float:left; text-align:right; line-height:70px;}
.nav ul li a:link,.nav ul li a:visited { color:#FFF}

.whitebox { width:100%; height:auto; overflow:hidden; background:#FFF; padding:100px 0;}

.boxtitle { width:1140px; height:auto; overflow:hidden; margin:auto; padding-bottom:50px;}
.boxtitle h2 { font-size:30px; text-align:center; font-weight:500; color:#000;}
.boxtitle p { text-align:center; padding-top:30px; font-size:20px;}

.servicebox { width:1140px; height:auto; overflow:hidden; margin:auto;}
.service-list { width:285px; height:350px; float:left; position:relative; cursor:pointer}
.service-list-Occlusion { width:285px; height:90px; padding:130px 0; position:absolute;background:rgba(0,0,0,.6) none repeat scroll !important;}
.service-icon { width:30px; height:30px; margin:auto;}
#icon-01 {  background:url(http://td.xueyinyue.com/images/images/computer@2x.png) center center no-repeat; background-size:contain}
#icon-02 {  background:url(http://td.xueyinyue.com/images/images/phone@2x.png) center center no-repeat; background-size:contain}
#icon-03 {  background:url(http://td.xueyinyue.com/images/images/weixin@2x.png) center center no-repeat; background-size:contain}
#icon-04 {  background:url(http://td.xueyinyue.com/images/images/xiaochengxu@2x.png) center center no-repeat; background-size:contain}
#icon-05 {  background:url(http://td.xueyinyue.com/images/images/ar@2x.png) center center no-repeat; background-size:contain}
#icon-06 {  background:url(http://td.xueyinyue.com/images/images/jiqiren@2x.png) center center no-repeat; background-size:contain}
#icon-07 {  background:url(http://td.xueyinyue.com/images/images/saas@2x.png) center center no-repeat; background-size:contain}
#icon-08 {  background:url(http://td.xueyinyue.com/images/images/wendang@2x.png) center center no-repeat; background-size:contain}
.service-word { width:100%; height:60px; line-height:60px; text-align:center; font-size:18px; font-weight:500; color:#FFF}
.service-about { width:90%; height:auto; overflow:hidden; margin:auto; color:#FFF; line-height:30px; font-size:14px; display:none}
.service-list-Occlusion:hover {width:285px; height:310px; padding:20px 0; position:absolute;background:rgba(0,0,0,.8) none repeat scroll !important;-moz-transition: all 0.1s ease-in; -webkit-transition: all 0.1s ease-in; -o-transition: all 0.1s ease-in; transition: all 0.1s ease-in;}
.service-list-Occlusion:hover .service-about { display:block;-moz-transition: all 0.1s ease-in; -webkit-transition: all 0.1s ease-in; -o-transition: all 0.1s ease-in; transition: all 0.1s ease-in;}

.graybox { width:100%; height:auto; overflow:hidden; background:#f3f8fb; padding:100px 0;}
.innovate { width:1140px; height:auto; margin:auto; overflow:hidden;}
.innovate-list { width:285px; height:auto; float:left; overflow:hidden; cursor:pointer}
.innovate-list-icon { width:90px; height:90px; margin:auto;}

.innovate-list:hover .innovate-list-icon {animation:imgg 1s linear 0s infinite;}

#icon-09 {background:url(http://td.xueyinyue.com/images/images/xiangmu@2x.png) center center no-repeat; background-size:contain}
#icon-10 {background:url(http://td.xueyinyue.com/images/images/fuhua@2x.png) center center no-repeat; background-size:contain}
#icon-11 {background:url(http://td.xueyinyue.com/images/images/lianying@2x.png) center center no-repeat; background-size:contain}
#icon-12 {background:url(http://td.xueyinyue.com/images/images/kongjian@2x.png) center center no-repeat; background-size:contain}
.innovate-list-word { width:285px; height:50px; line-height:50px; font-size:18px; text-align:center}

.newlist { width:1160px; height:auto; margin:auto}
.newbox { width:212px; height:300px; padding:0 10px 10px 10px; cursor:pointer;float:left;}
.newboxlist { width:212px; height:300px; box-shadow:0 0 10px #F5F5F5; background:#FFF}
.newboxlistpic { width:212px; height:200px; position:relative;}
.typetitle { width:20px; height:87px; background:url(http://td.xueyinyue.com/images/images/chajian.png) center center no-repeat; background-size:cover; position:absolute; right:20px; line-height:16px; text-align:center; color:#FFF}
.newboxlistword { width:192px; height:80px; padding:10px 10px; overflow:hidden; }
.newboxlistword  h2 {  line-height:40px; height:40px; overflow:hidden; font-size:16px; font-weight:500; color:#000}
.newboxlistword p { line-height:20px; font-size:14px;}
.newbox:hover .newboxlist { width:212px; height:300px; box-shadow:0 0 10px #CCC;-moz-transition: all 0.1s ease-in; -webkit-transition: all 0.1s ease-in; -o-transition: all 0.1s ease-in; transition: all 0.1s ease-in;}
.indexmore { width:120px; height:30px; background:#FFF; border:1px #F5F5F5 solid; margin:0px auto 0 auto;  clear:both; text-align:center; line-height:30px; border-radius:3px; cursor:pointer}
.indexmore:hover { background:#00deff;-moz-transition: all 0.1s ease-in; -webkit-transition: all 0.1s ease-in; -o-transition: all 0.1s ease-in; transition: all 0.1s ease-in; color:#FFF}
.process { width:1140px; height:auto; margin:auto; overflow:hidden}
.processegg { width:78px; cursor:pointer; height:78px; float:left; border-radius:100px; border:1px #FF5A00 solid; padding:10px 10px;}
.processeggbox { width:78px; height:78px; border-radius:78px; background:#FF5A00; text-align:center; line-height:78px; color:#FFF; font-size:3em;}
.process-line { width:160px; height:6px; padding:47px 0; float:left; }
.process-line-box { width:160px; height:6px; background:#FF5A00}
.processleft { width:260px; height:auto; float:left; overflow:hidden; padding-bottom:20px;}
.processleftword { width:89px; height:25px; border-left:1px #FF5A00 solid; overflow:hidden; padding-left:10px; font-size:18px; line-height:25px; }
.processright { width:100px; height:auto; float:left; overflow:hidden; padding-bottom:20px;}
.processdownleft {width:260px; height:auto; float:left; overflow:hidden; padding-top:20px; line-height:24px;}
.processdownright {width:100px; height:auto; float:left; overflow:hidden; padding-top:20px;line-height:24px; overflow:hidden;}

.processegg:hover .processeggbox {animation:imgg 1s linear 0s infinite;}
.contact { width:100%; height:500px; background:url(http://td.xueyinyue.com/images/images/tupian2.jpg) center center no-repeat; background-size:cover; position:relative;}
.contactbox { width:100%; height:500px;position:absolute;background:rgba(0,0,0,.6) none repeat scroll !important;}

.boxtitlebai {width:1140px; height:auto; overflow:hidden; margin:auto; padding-bottom:30px; padding-top:100px; }
.boxtitlebai h2 { font-size:30px; text-align:center; font-weight:500; color:#FFF;}
.boxtitlebai p { text-align:center; padding-top:30px; font-size:20px; color:#FFF}

.contactboxabout { width:1140px; height:218px; margin:auto; }
.contactboxaboutleft { width:450px; height:218px; float:left;}
.contactinput { width:450px; height:34px; padding-bottom:10px;}
.contactinputleft { width:120px; height:32px; border:1px #FFF solid; border-radius:3px; float:left; padding:0 10px;}
.contactinputleft input { width:100%; height:32px; border:0; background:none; padding:0; margin:0; outline:none; color:#FFF}
.contactinputright { width:276px; height:32px;border:1px #FFF solid; border-radius:3px; float:right; padding:0 10px; }
.contactinputright input { width:100%; height:32px; border:0; background:none; padding:0; margin:0; outline:none; color:#FFF}
.contactinputcenter { width:198px; height:32px; float:left;border:1px #FFF solid; border-radius:3px; float:left; padding:0 10px}
.contactinputcenter input { width:100%; height:32px; border:0; background:none; padding:0; margin:0; outline:none; color:#FFF}
.contactinputcenteryou { width:198px; height:32px; float:left;border:1px #FFF solid; border-radius:3px; float:right; padding:0 10px}
.contactinputcenteryou input { width:100%; height:32px; border:0; background:none; padding:0; margin:0; outline:none; color:#FFF}
.contactabout { width:428px; height:60px; border:1px #FFF solid; border-radius:3px; padding:10px 10px;}
.contactabout textarea { width:428px; height:60px;border:0; background:none; padding:0; margin:0; outline:none; color:#FFF;}
.sub { width:120px; height:30px; background:#FF5A00; margin-top:10px; line-height:30px; cursor:pointer; text-align:center; color:#FFF; font-size:14px; border-radius:3px;}

.phonebox { width:450px; height:218px; float:right; font-weight:500;}

.phoneboxlist { width:450px; height:auto; overflow:hidden; line-height:50px; font-size:16px; color:#FFF;}
.phoneboxlisticon { width:20px; height:50px; float:left;}
.phoneboxlistword { width:420px; float:right; }
#pp1 {background:url(http://td.xueyinyue.com/images/images/phone.png) center center no-repeat; background-size:contain;}
#pp2 {background:url(http://td.xueyinyue.com/images/images/mail.png) center center no-repeat; background-size:contain;}
#pp3 {background:url(http://td.xueyinyue.com/images/images/location.png) center center no-repeat; background-size:contain;}


.foot { width:100%; height:auto;  overflow:hidden; background:#FFF; text-align:center; padding:10px 0; font-size:14px; line-height:30px; }
.flink {width:100%; height:auto; overflow:hidden; background:#FFF}
.flinkbox { width:1140px; height:auto; overflow:hidden; margin:auto; padding:10px 0; border-bottom:1px #F5F5F5 solid;}
.flinkbox ul li { font-size:14px; line-height:30px; float:left; padding-right:20px;}

.nybanner { width:100%; height:320px; position:relative; background:#000;}
.nymeun { width:1138px; height:40px; border:1px #F5F5F5 solid; margin:auto; border-radius:3px;}
.nymeun ul li { padding:0 10px; float:left; line-height:40px; font-size:14px;}
.nymeun ul li .on { color:#FF5A00}

.newlistx { width:1140px; height:auto; overflow:hidden; margin:auto}
.newlist01 { width:1140px; height:auto; overflow:hidden; padding:10px 0; border-bottom:1px #F5F5F5 solid; cursor:pointer; }
.newlist01:hover h2 { color:#FF5A00;-moz-transition: all 0.1s ease-in; -webkit-transition: all 0.1s ease-in; -o-transition: all 0.1s ease-in; transition: all 0.1s ease-in;}
.newlist01title { width:1140px; height:70px; margin:auto}
.newlist01titletime { width:70px; height:50px; padding:10px 0; float:left;}
.newlist01titletimebox { width:50px; height:45px; background:#F5F5F5; border-radius:50px; text-align:center; padding-top:5px;}
.newlist01titletimebox h2 { font-size:16px; color:#FF5A00; font-weight:500}
.newlist01titletimebox p { font-size:12px;}
.newlist01word { float:left; width:1070px; height:50px; float:right; padding:10px 0;}
.newlist01word h2 { font-size:20px; line-height:30px; font-weight:500}
.newlist01word p { line-height:20px; font-size:14px;}
.newlist01con { width:1140px; height:auto; overflow:hidden; margin:auto;}
.newlist01conleft { width:200px; height:150px; float:left; cursor:pointer}
.newlist01conright { width:920px; height:150px; float:right; overflow:hidden;}
.newlist01conrighttop { width:920px; height:119px; border-bottom:1px #F5F5F5 solid; line-height:30px; font-size:14px; overflow:hidden;}
.newlist01conrightdown { font-size:14px; line-height:30px; text-align:right}
.contactx { width:1140px; height:auto; margin:auto; padding:10px 0; line-height:30px; font-size:14px;}
.contactx img { max-width:100%}
.phoneprocess { display:none}
.phonefoot {display:none}
.phonego { display:none}
.phonemeun { display:none}
.phone-nav { display:none}
.click_more {width:100px; height:40px; border:1px #CCCCCC solid; margin-left:auto; margin-right:auto; background:#f5f5f5; margin-top:10px; line-height:40px; font-size:14px; text-align:center; cursor:pointer; border-radius:3px;}

.nybannerbox { width:1140px; height:220px; margin:auto; color:#FFF; padding-top:100px; }
.nybannerbox h2 { font-size:20px; line-height:50px; font-weight:500}
.nybannerbox p { font-size:16px; line-height:30px;}

.bottom-foot { width:100%; height:70px; background:rgba(0,0,0,.6) none repeat scroll !important; position:fixed; bottom:0; z-index:99999}
		.bottom-foot-box { width:60%; height:50px; padding:10px 0; margin:auto; position:relative;}
		.yuquan { width:136px; height:130px; background:url(../images/yuquan.png) center center no-repeat; background-size:contain; position:absolute; bottom:0; left:0;}
		.bottom-foot-box  p{ float:left; font-size:1.5em; line-height:50px; color:#FFF}
		.inputbox { width:200px; padding:0 20px; float:right; height:50px; border-radius: 5px 0px 0px 5px; background:#FFF}
		.inputbox input {width:100%; height:50px; padding:0; margin:0; background:none; border:0; font-size:16px; outline:none}
		.inputsub11 { width:150px; height:50px; background:#FF5A00; cursor:pointer; font-size:16px; line-height:50px; float:right; text-align:center; color:#FFF; border-radius:0 5px 5px 0}