@charset "gb2312";
/*
* Description: .trust
* Update:     25/10/云课在线专题
* Author:      yixiaofang
*/

/* reset css */
body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,td,p,blockquote,pre,form,fieldset,legend,input,button,textarea,hr{margin:0;padding:0;}
ul,ol{list-style:none;}
body{font-size: 16px; background-color:#fff; position: relative; color:#333;font-family: "microsoft YaHei";}
select,input,button{vertical-align: middle;font-size: 100%;border:0;}
fieldset,img{border: 0 none;}
h1, h2, h3, h4, h5, h6{ font-size:100%; font-weight:normal;}
em,i,b{font-style: normal;}
a{text-decoration: none;}
a:hover{text-decoration:none;}
.clear {clear: both;display: block;height: 0; visibility: hidden; font: 0/0 arial}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0}
.clearfix {*zoom: 1}
img{display:block;}
/*-----------------------------------------分隔线------------------------------------------------*/
.autoin{width:1000px;margin:0 auto;}
.btn{ display:block; text-align:center; color:#fff;}
.btn_01{ border:1px solid #fff;}
.btn_02{ background-color:#ff6e54; border-bottom:3px solid #e1e0e0;}
.btn_02:hover{ background-color:#ff8d6c;}
.title { text-align:center; padding:50px 0 40px 0;}
.title h3{ font-size:32px; color:#2d3235; line-height:50px; }

/*logo*/
	.logo{ border-bottom:1px solid #505658; width:100%; height:68px; line-height:68px; background-color:#373d41;}
	.logo h1,.logo ul,.logo p{ float:left;}
	.logo h1{ margin:10px 0 0 22px; width:108px; height:48px; overflow:hidden; }
	.logo h1 a{ color:#fff; text-indent:-2000em;}
	.logo ul{ width:525px; padding:0 38px 0 86px; }
	.logo li{ float:left;}
	.logo li a{ display:block; padding:0 18px; color:#fff;}
	.logo li a,.logo p{  font-size:18px;}
	.logo p{ width:221px; color:#fff; }
	.logo li.current{ background-color:#474e54;}
	.logo p span{ display:inline-block; vertical-align:middle; margin-right:12px; width:20px; height:22px; background:url(../images/tel.png) no-repeat;}
	
/*banner*/
	.banner{ color:#fff; width:100%;}
	.banner .autoin{ padding-left:40px; width:960px;}
	.banner_01{ height:200px; background:url(../images/banner_01.jpg) no-repeat top center;}
	.banner_02{ height:121px; background:url(../images/banner_02.jpg) no-repeat top center;}
	.banner_03{ height:127px; background:url(../images/banner_03.jpg) no-repeat top center;}
	
	.banner_01 h3{ padding-top:60px; line-height:68px; font-size:38px; }
	.banner_02 p{ font-size:18px; line-height:44px; }
	.banner_03 a{ margin:0; width:128px; height:38px; line-height:38px; }
	.banner_03 a:hover{ background-color:#2c2e39;}
	
/*nav_l*/	
	.nav_l{ width:130px; height:315px; background:url(../images/nav_l.png) no-repeat; position:fixed; z-index:100; top:20%; left:0;}
	.nav_l ul{ padding:56px 11px 0 15px;}
	.nav_l li{ line-height:50px; border-bottom:1px solid #6bdbec; text-align:center; }
	.nav_l li a{ font-size:14px; font-weight:bold; color:#fff;}

/*nav_r*/
	.nav_r{ width:153px; height:146px; background:url(../images/nav_r.png) no-repeat; position:fixed; z-index:100; top:30%; right:0;}
	.nav_r a{ width:88px; height:22px;  margin:121px 0 0 36px; }

/*advantage*/	
	.adv_con li{ overflow:hidden; cursor:pointer; position:relative; width:250px;  color:#fff; float:left; height:391px; }
	.adv_con li h4,.advd_con h5{ font-size:22px; font-weight:bold; text-align:center; }
	.adv_con .li01{ background:url(../images/adv_01.jpg) no-repeat;}
	.adv_con .li02{ background:url(../images/adv_02.jpg) no-repeat;}
	.adv_con .li03{ background:url(../images/adv_03.jpg) no-repeat;}
	.adv_con .li04{ background:url(../images/adv_04.jpg) no-repeat;}
	.ali_d{ padding-top:100px;}
	.ali_d img{ margin:0 auto 30px;}
	.adv_con li a{ color:#fff; display:block;}
	.adv_d{  width:250px; height:391px; position:absolute; bottom:-391px; left:-0; background:rgba(0,193,222,0.9);transition:all 0.5s ease-in 0s;-webkit-transition:all 0.5s ease-in 0s;-moz-transition:all 0.5s ease-in 0s;-ms-transition:all 0.5s ease-in 0s;-o-transition:all 0.5s ease-in 0s;  }
	.goimg1{ bottom:0; }
	
	.adv_d img{ position:absolute; left:80px; top:-0;transition:all 1s ease-in 0s;-webkit-transition:all 1s ease-in 0s;-moz-transition:all 1s ease-in 0s;-ms-transition:all 1s ease-in 0s;-o-transition:all 1s ease-in 0s;}
	.adv_d .goimg{ top:60px; }
	.advd_con{ width:250px; position:absolute; bottom:0; left:-0;transition:all 1s ease-in 0s;-webkit-transition:all 1s ease-in 0s;-moz-transition:all 1s ease-in 0s;-ms-transition:all 1s ease-in 0s;-o-transition:all 1s ease-in 0s;opacity: 0; }
	.goimg2{ opacity:1; bottom:41px;  }
	.advd_con h5{ line-height:52px; padding-top:17px;}
	.advd_con p{ height:126px; font-size:14px; line-height:24px; padding:0 18px; }
	.advd_con .btn{ margin:0 auto;}
	.advd_con .btn,.tli_con .btn{ font-size:14px; width:118px; height:34px; line-height:34px; }
	.advd_con .btn:hover,.tli_con .btn:hover{ background-color:#0092c1;}
	
/*data*/	
	.dat_l{float:left; width:488px; border:1px solid #dbdbdd;}
	.dat_l.current{border:1px solid #00c1de; box-shadow:rgba(0,193,222,0.4) 0 0 8px 0;}
	.dat_l.current h4{ background-color:#00c1de; color:#fff;}
	.dat_con h4{ height:69px; line-height:69px; background-color:#e5e6e6; font-size:18px; text-align:center; }
	.dat_d{ padding:36px 0 30px 0;}
	.dat_d span{ display:block; width:456px; height:281px; margin:0 auto;}
	.dat_d1 span{ background:url(../images/dat_01.jpg) no-repeat;}
	.dat_b{ height:170px; padding-top:20px; width:417px; border-top:1px solid #e5e6e6; margin:0 auto;}
	.dat_b h5{ line-height:40px; color:#444; font-weight:bold; font-size:20px;}
	.dat_b p{ color:#a9b0b4; line-height:28px; }
	
/*twed*/	
	.twed{ padding-bottom:50px;}
	.twe_con li{ cursor:pointer; position:relative; overflow:hidden;  width:248px; height:199px; border:1px solid #ebebeb; float:left; color:#a9b0b4;}
	.twe_con li h4{ font-size:18px; font-weight:bold; text-align:center; }
	.twli_d,.tli_con{ height:172px; padding-top:27px;}
	.twli_d h4{ line-height:30px; padding-top:22px; color:#4d4d4d;}
	.twli_d p{ font-size:14px; text-align:center;} 
	.tli_con{ position:relative; z-index:10; background-color:#00c1de; border:1px solid #00c1de; margin-top:0; }
	.tli_con h4{ line-height:48px; color:#fff;}
	.twe_s{ display:block; width:87px; height:58px; margin:0 auto;}
	.twe_s1{ background:url(../images/twe_01.png) no-repeat;}
	.twe_s2{ background:url(../images/twe_02.png) no-repeat;}
	.twe_s3{ background:url(../images/twe_03.png) no-repeat;}
	.twe_s4{ background:url(../images/twe_04.png) no-repeat;}
	.twe_s5{ background:url(../images/twe_05.png) no-repeat;}
	.twe_s6{ background:url(../images/twe_06.png) no-repeat;}
	.twe_s7{ background:url(../images/twe_07.png) no-repeat;}
	.twe_s8{ background:url(../images/twe_08.png) no-repeat;}
	.tli_con .btn{ margin:0 auto;}
	
/*one	*/
	.one,.service,.what{ padding-bottom:30px; width:100%; background-color:#f5f5f5;}
	.one_t{ border:1px solid #c0c5c8; background-color:#fff; padding:25px 38px;}
	.one_t p{ color:#ff6e54; line-height:26px; }
	.one_t li{ float:left; font-size:18px; color:#43474a;}
	.one_t li input{ font-size:16px; padding-left:10px; display:inline-block; vertical-align:middle; margin:0 20px 0 10px; width:127px; height:34px; border:1px solid #43474a;}
	.one_t li .btn{ margin:-22px 11px 0 0; width:193px; height:58px; line-height:58px; }
	.one_b{ padding-top:30px;}
	.one_b li{ margin:0 36px 30px 0; width:309px; float:left; }
	.one_b .li03,.one_b .li06{ margin-right:0;}
	
	.one_b li h4{ padding-left:22px; height:61px; line-height:61px; font-size:22px; font-weight:bold; color:#fff; }
	.one_b .li01 h4{ background:#272727 url(../images/one_01.jpg) no-repeat top right;}
	.one_b .li02 h4{ background:#272727 url(../images/one_02.jpg) no-repeat top right;}
	.one_b .li03 h4{ background:#272727 url(../images/one_03.jpg) no-repeat top right;}
	.one_b .li04 h4{ background:#272727 url(../images/one_04.jpg) no-repeat top right;}
	.one_b .li05 h4{ background:#272727 url(../images/one_05.jpg) no-repeat top right;}
	.oli_d{ padding-top:9px ; height:201px; background-color:#fff; border:1px solid #ebebeb; border-top:none;}
	.one_b table{ width:260px; margin:0 auto; text-align:center; font-size:14px; border-top:1px solid #797979; border-left:1px solid #797979; }
	.one_b table td{ cursor:pointer; position:relative;  border-bottom:1px solid #797979; border-right:1px solid #797979;}
	.oli_p{ font-size:14px; color:#ff6e54; text-align:center; font-weight:bold; line-height:42px; }
	.tab_d{ display:none; z-index:10; position:absolute; top:40px; left:52px; width:180px; background-color:#ff6e54; padding:10px 10px 10px 15px; }
	.tab_d.current{ display:block;}
	.tab_d p{ text-align:left; font-size:14px; line-height:22px; color:#fff; }
	.tab_d span{ display:block; width:34px; height:28px; background:url(../images/one_06.png) no-repeat; position:absolute; top:-28px; left:25px;}
	.one_b .li06{ width:307px; height:273px; background-color:#fff;  border:1px solid #ebebeb;  }
	.one_b .li06 p{ line-height:30px; padding-top:80px; font-size:20px; text-align:center; }
	.one_b .li06 p b{ font-size:22px;}
	.one_b .li06 .btn{ margin:10px auto 0; width:131px; height:39px; line-height:39px;  }
	
/*technology	*/
	.tec_con ul{ padding-left:30px;}
	.tec_con li{ overflow:hidden; margin-bottom:50px;}
	.tec_l,.tec_r{ float:left;}
	.tec_l{ width:201px; height:175px;  }  
	.tec_l1{ background:url(../images/tec_01.png) no-repeat;}
	.tec_l2{ background:url(../images/tec_02.png) no-repeat;}
	.tec_l3{ background:url(../images/tec_03.png) no-repeat;}
	.tec_r{ padding-left:40px; width:686px;}
	.tec_r p{ height:117px; font-size:18px; line-height:30px; color:#2d3235; }
	.tec_r p em{ color:#ff6e54;}
	.tec_r .btn,.btna .btn{ width:193px; height:58px; line-height:58px; font-size:18px;  }
	
/*service	*/
	.ser_con{ padding:6px 0 6px 6px; border:1px solid #c0c5c8; background-color:#fff;}
	.ser_con table{ border-top:3px solid #fff; border-left:3px solid #fff; text-align:center; font-size:14px; font-family:"宋体"; color:#0c0c0c;}
	.ser_con th,.ser_con td{ border-bottom:3px solid #fff;border-right:3px solid #fff;}
	.ser_con th{ background-color:#00c1de; color:#fff;}
	.tr_01 td{ background-color:#f5f5f5;}
	.ser_con  td span{ display:block; width:20px; height:20px; background:url(../images/sev_01.png) no-repeat; margin:0 auto;}
	.ser_con  td em{ color:#ff826c; font-weight:bold;}
	.btna{ padding:26px 0 20px 277px;}
	.btna .btn{ float:left; margin-right:59px; }

/*online*/
	.online{ padding-bottom:50px; }
	.onl_ul,.onl_d,.onlli_l,.onlli_r{ float:left;}
	.onl_ul { margin-right:4px; padding:15px 0; text-align:center; width:169px; background-color:#f5f5f5; }
	.onl_ul li{ height:36px; font-size:20px; color:#2d3235; line-height:36px; cursor:pointer; margin-top:4px; }
	.onl_ul li.current{ background-color:#fff; color:#ff6e54;}
	.onl_d{width:812px; border:1px solid #c0c5c8; }
	.onld_con.current{ display:block;}
	.onld_con{ display:none; width:770px; margin:0 auto; }
	.onld_con li{ padding:25px 0 27px 0; border-bottom:1px solid #c0c5c8; overflow:hidden;}
	.onlli_l{ width:215px;}
	.onlli_r{ padding-top:5px; color:#2d3235; width:535px; padding-left:20px;}
	.onlli_r h4{ font-size:20px; line-height:40px; }
	.onlli_r p{ font-size:14px; line-height:26px; height:110px; }
	.onlli_r .btn{ width:120px; height:36px; line-height:36px; font-size:14px;  }
	.onld_con1{ margin:18px auto; padding:30px 0 0 50px; width:725px; height:222px; background:url(../images/onl_02.jpg) no-repeat;  }
	.onld_con1 p{ font-size:30px; color:#fff; line-height:90px;}
	.onld_con1 a{ width:198px; height:57px; line-height:57px; font-size:20px; border-bottom:3px solid #58413e; }

/*what*/
	.what{ padding-bottom:50px;}
	.w_p{ text-align:center; font-size:14px;}
	.wha_con li {  height:281px; border-right:1px solid #c0c5c8; text-align:center; width:320px; float:left;}
	.wha_con li a{ display:block; color:#2d3235;}
	.wha_con li img{ margin:0 auto;}
	.wha_con li h4{ font-size:26px; line-height:50px; }
	.wha_con li p{ font-size:14px; } 
	.wha_con ul{ padding:35px  0;}

/*fot*/
	.fot{ width:100%; height:220px; background:url(../images/fot.jpg) no-repeat top center;}

/*footer*/
	.footer{ width:100%; background-color:#373d41; border-top:1px solid #fff; padding:35px 0; }
	.foot_con{ padding-left:270px;}
	.foot_con img,.foot_con p{ float:left;}
	.foot_con p{ color:#acacac; line-height:22px; padding:25px 0 0 50px; font-size:14px;}
	
/*扉页*/
.feiye{ line-height:30px;font-size:12px; color:#EBEBEB; text-align:center;margin-top:30px;}