/* eyoucms.com 易优CMS -- 好用,免费,安全 */

/* CSS Document */
body{margin:0 auto; padding:0; font-size:12px; font-family:"微软雅黑",Tahoma,Arial,Helvetica,sans-serif; color:#222; background:#FFF;}
body,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,pre{margin:0;padding:0; outline:none;font-family:"微软雅黑"}
h1,h2,h3,h4{font-size:14px; font-family:"微软雅黑",Tahoma,Arial;}
a{text-decoration:none; color:#222; outline:none;}
input{ outline:none;}
img{ border:0 none; vertical-align:top;}
ul li{list-style:none;}
i{ font-style:normal;}
.c{clear:both; overflow:hidden; zoom:1;}
.center{ text-align:center;}
.clear{ clear:both}
.fl{ float:left;}
.fr{ float:right;}
.warp{width:1220px; margin:0 auto; clear:both;}
.mt8{ margin-top:8px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt18{ margin-top:18px;}
.mt20{ margin-top:20px;}
.mt25{ margin-top:25px;}
.mt30{ margin-top:30px;}
.mt35{ margin-top:35px;}
.mt40{ margin-top:40px;}
.mt50{ margin-top:50px;}
.mt60{ margin-top:60px;}
.mt70{ margin-top:70px;}
.mt90{ margin-top:4px;}

.input_bk{ background:#ffffff; float:left; margin-right:1%; padding-left:10px; border-radius:6px; width:31%; border:1px solid #cacaca; height:46px; line-height:46px; text-align:left;font-family:'Microsoft YaHei','微软雅黑'; font-size:14px;  color:#666666}

.input_bk2{ background:#ffffff;  width:98%; border:1px solid #d3d3d3; border-radius:4px; padding-left:1.5%; height:40px; line-height:40px; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:16px;  color:#666666}

.input_t{ background:#ffffff; width:160px;  padding-left:10px; border-radius:6px;  text-align:left;font-family:'Microsoft YaHei','微软雅黑'; font-size:14px;  color:#666666}

.textarea-text{ background:#ffffff; border:0px; width:1430px; border-bottom:1px solid #d3d3d3; height:90px; line-height:20px; padding:5px 5px; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:14px;  color:#666666}
.textarea-text2{ background:#ffffff; border:0px; width:96%; border-radius:6px; border:1px solid #d3d3d3; height:150px; line-height:20px; padding:5px 1%; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:14px;  color:#666666}

.input_submit{ background:#3d99cd; border:0px; width:1440px; border-radius:16px 16px; height:48px; line-height:48px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#FFF}
.input_submit2{ background:#000000; border:0px; width:20%; border-radius:6px 6px; height:46px; line-height:46px; text-align:center; font-family:'Microsoft YaHei','微软雅黑'; font-size:16px; font-weight:bold; color:#FFF}

.ly_bk{ border:1px solid #dfdfdf; border-radius:2px; width:95%; height:38px; line-height:38px; text-align:left; padding-left:10px;font-family:'Microsoft YaHei','微软雅黑'; font-size:14px;  color:#666666}
.ly_bk2{ border:1px solid #dfdfdf; border-radius:2px; width:80px; height:38px; line-height:38px; text-align:left; padding-left:10px;font-family:'Microsoft YaHei','微软雅黑'; font-size:14px;  color:#666666}
.ly_submit{ background:#000; border:0px; width:180px; height:40px; border-radius:4px; line-height:40px; text-align:center; font-family: normal 'Microsoft YaHei','黑体'; font-size:14px; font-weight:bold; text-transform:uppercase; color:#FFF}
.text_bk{ border:1px solid #dfdfdf; border-radius:2px; width:98%; height:150px; line-height:20px; text-align:left; padding:5px 5px; font-family:'Microsoft YaHei','微软雅黑'; font-size:14px;  color:#666666}

#header_box{ height:90px; background:rgba(255,255,255,0); clear:both; position:fixed; left:0; top:0; width:100%; }
#header_box2{ height:90px; background:rgba(0,0,0,0.5); clear:both;  width:100%; }
.header{width:1300px; margin:0 auto; clear:both; position:relative;}
.header .logo img{ width:auto; height:62px; margin-top:15px; overflow:hidden; }
.search_box{ width:38px; height:38px; border-radius:6px; background:#eee; display:block; text-align:center; line-height:38px; font-size:22px; margin-right:40px; cursor:pointer; position:relative; z-index:101}
#search-form {-moz-transition: max-width, 0.5s; -o-transition: max-width, 0.5s; -webkit-transition: max-width, 0.5s; transition: max-width, 0.5s; position: absolute; top:25px; right:216px; width:100%; max-width: 0; overflow: hidden; background-color: #e5e5e5; border-radius:6px; z-index:101}
#search-form.open { height:38px; max-width:260px;}
#search-form fieldset {position: relative; margin: 0 50px 0 0; padding: 0; border: none;}
#search-form input { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; height:38px;}
#search-form input[type="search"] { width: 100%; padding: 0 5px 0 16px; background: transparent; border: none;}
#search-form input[type="submit"] { position: absolute; bottom: 0; right: 0; width: 38px; margin: 0; padding: 0; text-transform: uppercase; background: #eee; border: none; cursor: pointer; font-size:22px; border-radius:6px;}

.headers-box{display:block; position:fixed; top:0px; left: 0px; width: 100%; height:90px; z-index: 10;}
.header-box-black{ 
    z-index: 10;
    border-bottom: 0px !important;
}
#menu01{ display:inline-block; margin-left:40px; height:90px; line-height:90px;}
#menu01 li{ display:inline-block; float:left; width:100px; text-align:center; font-size:15px; margin-left:10px;}
#menu01 li a{ color:#fff; width:100px; white-space:nowrap; overflow:hidden; display:block;}
#menu01 li.cur a{ color:#fff;}
#nav{display:inline-block; margin-left:40px; height:90px; line-height:90px; z-index:99999;}
#nav li{ display:inline-block; float:left; width:100px; text-align:center; font-size:15px; margin-left:10px; overflow:hidden}
#nav li a:hover,#nav li.cur a{ color:#ffffff;}
#nav li a{  width:100px; white-space:nowrap; color:#ffffff; overflow:hidden; display:block;}
#nav li:hover{ overflow:visible;}
#nav ul > li { float: left; position: relative; }
#nav li ul {  background:rgba(0,0,0,0.3); z-index:99999;}
#nav li ul li {width:140px; height:31px; line-height:31px; overflow:hidden; white-space:nowrap; margin:0;}
#nav li ul a { width:140px;  text-align:center; font-size:14px; color:#ffffff;}
#nav li ul a:hover{ width:140px;  text-align:center; font-size:14px; color:#ffffff;}
.nav3 ul > li:hover ul{ opacity:1; top:70px;}
.nav3 ul > li:hover ul li {height:38px; }
.nav3 li ul {position: absolute; left:-20px; top:0px; opacity:0; transform:translate(0,0); transition:all .2s ease-in 0s; }
#nav li:hover .mainlevel{ color:#fff;}


/*page3 关于我们动画*/
.page3 .fl{transition:1s; transform: translateX(-2000px);}
.page3.active .fl{transform:translateX(0px);}
.page3 .fr{transition:1s; transform: translateX(2000px);}
.page3.active .fr{transform:translateX(0px);}
/*关于我们*/
.about_box{ color:#FFF; height:auto; display:inline-block;}
.about_tt{ clear:both; overflow:hidden;}
.about_tt h2{ font-weight:normal; font-size:38px; float:left; display:block; margin-top:26px; letter-spacing:1px;}
.about_tt h3{ font-size:120px; color:rgba(255,255,255,.2); display:inline-block; text-transform:uppercase; float:left; margin-left:-66px; font-family:Arial;}
.about_tt h2::after{ width:50px; height:5px; background:#42527e; display:block; content:""; margin-top:26px; margin-left:2px;}
.about_name{ font-size:22px; clear:both; overflow:hidden; height:44px; line-height:44px; background:#42527e; width:auto; display:inline-block; padding:0 20px; letter-spacing:1px; transform:translate(0,0); transition:all .4s ease-in 0s;}
.about_name:hover{ letter-spacing:5px;}
.about_item{position:absolute; left:100px; top:130px; width:550px; height:426px;  background:rgba(0,0,0,0.7); display:block; padding:0px 30px 0px 30px; overflow:hidden;}
.about_item h2{ font-size:24px; height:88px; line-height:88px; overflow:hidden;}
.about_item .txt{ font-size:15px; line-height:30px; height:240px; overflow:hidden; clear:both;}
.in_about_more {width:150px; height:44px; line-height:44px; background:rgba(255,255,255,.3); text-align:center; transform:translate(0,0); transition:all .4s ease-in 0s;}
.in_about_more a{ font-size:16px; color:#FFF; text-transform:uppercase; display:block; transform:translate(0,0); transition:all .3s ease-in 0s; letter-spacing:1px;}
.in_about_more:hover{ background:#42527e;}
.in_about_more:hover a{color:#fff}
.in_about_pic{ background:url(../image/abou_pic.png) left top no-repeat; width:540px; height:340px; overflow:hidden; padding-left:30px; padding-top:30px;}
.in_about_pic img{ width:540px; height:340px; overflow:hidden;}

/*page4 知创研究院动画*/
.page4 .fl{transition:1s; transform: translateX(-2000px);}
.page4.active .fl{transform:translateX(0px);}
.page4 .fr{transition:1s; transform: translateX(2000px);}
.page4.active .fr{transform:translateX(0px);}
/*关于我们*/
.college_box{ color:#FFF; height:auto; display:inline-block;}
.college_tt{ clear:both; overflow:hidden;}
.college_tt h2{ font-weight:normal; font-size:38px; float:left; display:block; margin-top:26px; letter-spacing:1px;}
.college_tt h3{ font-size:120px; color:rgba(255,255,255,.2); display:inline-block; text-transform:uppercase; float:left; margin-left:-66px; font-family:Arial;}
.college_tt h2::after{ width:50px; height:5px; background:#42527e; display:block; content:""; margin-top:26px; margin-left:2px;}
.college_name{ font-size:22px; clear:both; overflow:hidden; height:44px; line-height:44px; background:#42527e; width:auto; display:inline-block; padding:0 20px; letter-spacing:1px; transform:translate(0,0); transition:all .4s ease-in 0s;}
.college_name:hover{ letter-spacing:5px;}
.college_item{position:absolute; top:130px; width:550px;  display:block; padding-left:0px;  overflow:hidden;}
.college_item h2{ font-size:24px; height:88px; line-height:88px; overflow:hidden;}
.college_item .txt{ font-size:16px; line-height:30px; height:240px; padding-top:30px; overflow:hidden; clear:both;}
.in_college_more {width:150px; height:44px; line-height:44px; background:rgba(255,255,255,.3); text-align:center; transform:translate(0,0); transition:all .4s ease-in 0s;}
.in_college_more a{ font-size:16px; color:#FFF; text-transform:uppercase; display:block; transform:translate(0,0); transition:all .3s ease-in 0s; letter-spacing:1px;}
.in_college_more:hover{ background:#42527e;}
.in_college_more:hover a{color:#fff}
.in_college_pic{  width:570px; height:375px; overflow:hidden; padding-left:30px; padding-top:30px;}
.in_college_pic img{ width:570px; height:375px; overflow:hidden;}

/*page5 专业团队动画*/
.page5 .new_box{transition:1s; transform: translateY(-9999px);}
.page5.active .new_box{transform:translateY(0px);}
.page5 .pro_list{transition:1.3s; transform: translateY(9999px);}
.page5.active .pro_list{transform:translateY(0px);}
.page5 .pro_more{transition:1.5s; transform: translateY(9999px);}
.page5.active .pro_more{transform:translateY(0px);}



/*项目展示*/
.pro_box{ height:auto; overflow:hidden; color:#FFF;}
.pro_tt{ clear:both; overflow:hidden;}
.pro_tt h2{ font-weight:normal; font-size:38px; float:right; display:block; margin-top:24px; letter-spacing:1px;}
.pro_tt h3{ font-size:120px; color:rgba(255,255,255,.1); display:inline-block; text-transform:uppercase; float:right; margin-right:-66px; font-family:Arial;}
.pro_tt h2::after{ width:50px; height:5px; background:#d20421; display:block; content:""; margin-top:26px; position:absolute; right:0;}

.pro_list{ clear:both; position:relative;}
.pro_list ul{ height:450px; overflow:hidden;}
.pro_list li{width:268px; height:450px; background:rgba(255,255,255,0.3); float:left; display:inline-block; margin:0 10px 0 10px; padding:10px;transform:translate(0,0); transition:all .3s ease-in 0s;}
.pro_pic{width:268px; height:330px; overflow:hidden;}
.pro_pic img{ width:268px; height:330px;overflow:hidden; transform:translate(0,0); transition:all .3s ease-in 0s;}
.pro_list li p{  width:268px;  overflow:hidden; height:80px; line-height:22px; color:#FFF; font-size:14px; text-align:center; margin-top:10px;}
.pro_list li h2{   line-height:30px; color:#FFF; font-size:20px; text-align:center; font-weight:500; padding-top:12px }
.pro_list li:hover{background:#42527e;}
.pro_list li:hover .pro_pic img{transform: scale(1.1); transition: all 1s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all 1s ease 0s;}

.pro_list .prev,.pro_list .next{width:30px; height:56px; position:absolute; top:127px; cursor:pointer;}
.pro_list .prev{left:-66px;background:url(../image/btn_left.png) no-repeat; width:30px; height:56px; opacity:.5}
.pro_list .next{right:-78px; background:url(../image/btn_right.png) no-repeat; width:30px; height:56px; opacity:.5}
.pro_list .prev:hover,.pro_list .next:hover{opacity:1}
.pro_more {width:170px; height:46px; line-height:46px; background:rgba(255,255,255,.3); text-align:center; transform:translate(0,0); transition:all .4s ease-in 0s; margin:60px auto 0; }
.pro_more a{ font-size:15px; color:#FFF; text-transform:uppercase; display:block; transform:translate(0,0); transition:all .3s ease-in 0s; letter-spacing:1px;}
.pro_more:hover{ background:#42527e;}
.pro_more:hover a{color:#fff;}


/*page6 新闻动画*/
.page6 .new_box{transition:1s; transform: translateY(-9999px);}
.page6.active .new_box{transform:translateY(0px);}
.page6 .new_list{transition:1.5s; transform: translateY(9999px);}
.page6.active .new_list{transform:translateY(0px);}
.page6 .new_more{transition:1.8s; transform: translateY(9999px);}
.page6.active .new_more{transform:translateY(0px);}


.new_box{ height:auto; color:#FFF; margin-top:70px;}
.new_tt{ clear:both; text-align:center;}
.new_tt h2{ font-weight:normal; font-size:38px; display:block; margin-top:24px; letter-spacing:1px;}
.new_tt h3{ font-size:120px; color:rgba(255,255,255,.1); text-transform:uppercase; font-family:Arial; margin-top:-110px;}
.new_tt h2::after{ width:50px; height:5px; background:#bf0720; display:block; content:""; margin-top:26px; position:absolute; left:585px;}

.new_list{ clear:both; overflow:hidden; color:#FFF;}
.new_list ul{ width:1240px;}
.new_list li{ width:560px; height:100px; padding:15px; overflow:hidden; background:rgba(0,0,0,.2); float:left; display:inline-block; margin:20px 20px 0 0; transform:translate(0,0); transition:all .4s ease-in 0s; }
.new_list li a{color:#FFF;}
.new_list li:hover{ background:rgba(0,0,0,.6);}
.new_list li:hover .date{ border-color:#42527e;}

.new_list li .date{line-height:46px; color:#e0e0e0; text-align:center; border: 3px solid rgba(214,206,206,0.5); font-size:18px; width: 96px; height: 94px; overflow:hidden;}
.new_list .date span {display: block; width: 100%; height:30px; line-height:30px; color: #fff; font-size:56px; text-align:center;}
.new_list li .cont{width:440px; height:110px; overflow:hidden;}
.new_list li .cont .nowti{ font-size:18px; line-height:34px; height:36px; overflow:hidden; white-space:nowrap;}
.new_list li .cont .tx{ font-size:14px; line-height:26px; color:#ccc; margin-top:8px;}
.new_list li .cont .nowti:hover a{ color:#42527e}
.new_more {width:170px; height:46px; line-height:46px; background:rgba(0,0,0,.2); text-align:center; transform:translate(0,0); transition:all .4s ease-in 0s; margin:60px auto 60px auto; }
.new_more a{ font-size:15px; color:#FFF; text-transform:uppercase; display:block; transform:translate(0,0); transition:all .3s ease-in 0s; letter-spacing:1px;}
.new_more:hover{ background:rgba(0,0,0,.6);}
.new_more:hover a{color:#fff;}


/*page5 动画*/
.page5 .new_box{transition:1s; transform: translateY(-9999px);}
.page5.active .new_box{transform:translateY(0px);}
.page5 .swiper-container{transition:1.5s; transform: translateY(9999px);}
.page5.active .swiper-container{transform:translateY(0px);}
.page5 .swiper-button-prev{transition:2s; transform: translateX(-2000px);}
.page5.active .swiper-button-prev{transform:translateX(0px);}
.page5 .swiper-button-next{transition:2s; transform: translateX(2000px);}
.page5.active .swiper-button-next{transform:translateX(0px);}
.page5 .pro_more{transition:1.8s; transform: translateY(9999px);}
.page5.active .pro_more{transform:translateY(0px);}

/*成功案例*/
#certify{position: relative; margin-top:90px;}
#certify .swiper-container { padding-top:50px; height:420px; overflow:hidden;}
#certify  .swiper-slide {width: 520px; height: 420px; background:#fff;	box-shadow: 0 8px 30px rgba(0,0,0,.24);}
#certify  .swiper-slide img{width: 520px; height: 340px; overflow:hidden;}
#certify  .swiper-slide p {line-height:74px; padding-top: 0; text-align: center; color: #444; font-size:18px; white-space:nowrap; overflow:hidden; cursor:move}
#certify .swiper-button-prev {left:-30px; top:52%; width:45px; height:45px; background: url(../image/wm_button_icon.png) no-repeat; background-size: 100%; opacity:.4}
#certify .swiper-button-prev:hover { opacity:1}
#certify .swiper-button-next {right: -30px; top:52%; width: 45px; height: 45px;	background: url(../image/wm_button_icon.png) no-repeat; background-position: 0 -93px; background-size: 100%; opacity:.4}
#certify .swiper-button-next:hover { opacity:1}


/*page6 动画*/
.page2 .new_box{transition:1s; transform: translateY(-9999px);}
.page2.active .new_box{transform:translateY(0px);}
.page2 .i_contact_ul{transition:1.3s; transform: translateY(9999px);}
.page2.active .i_contact_ul{transform:translateY(0px);}
.page2 #in_copy{transition:1.5s; transform: translateY(9999px);}
.page2.active #in_copy{transform:translateY(0px);}

.i_contact_ul{overflow:hidden; clear:both; margin:60px 0 80px 0;}
.i_contact_ul ul{ width:1220px;}
.i_contact_ul ul li{ float:left; width:228px; height:260px; padding:6px 0; background:rgba(60,82,126,0.7); text-align:center; margin:0px 5px 15px 10px; line-height:18px; font-size:14px; color:#fff; cursor:pointer;}
.i_contact_ul ul li a{ cursor:pointer; transform:translate(0,0); transition:all .3s ease-in 0s; display:block;}
.i_contact_ul ul li:hover{background:rgba(216,17,46,0.7);}
.i_contact_ul ul li:hover a{ margin-top:-4px; display:block;}
.i_contact_ul ul li img{  height:68px; width:auto; display:block; margin:0 auto; margin-top:26px; margin-bottom:15px;}
.i_contact_ul ul li a{ width:94%; padding-left:3%; padding-right:3%; height:100%; display:block; color:#fff;}
.i_contact_bt{ text-align:center; height:55px; font-size:22px; color:#FFF; font-weight:bold; background:url(../image/serbtdx.png) no-repeat center 38px}
.i_contact_js{ font-size:14px; color:#FFF; line-height:24px; padding:0px 5px}

/*copy*/
#in_copy{ position:absolute; bottom:0; left:0; width:100%; background:rgba(255,255,255,.1); line-height:58px; color:#FFF; clear:both; overflow:hidden; font-size:12px;}
#in_copy a{ color:#FFF;}
#in_copy a:hover{ color:#42527e; text-decoration:underline;}


/*右侧悬浮客服*/
.toolbar-item,.toolbar-layer{background:url(../image/toolbar.png) no-repeat; -moz-box-shadow:0px 0px 8px rgba(0,0,0,.1); -webkit-box-shadow:0px 0px 8px rgba(0,0,0,.1); box-shadow:0px 0px 8px rgba(0,0,0,.1);}
.toolbar{position:fixed; right:3px; bottom:38%; z-index:1000;}
.toolbar a{ outline:none; cursor:pointer;}
.toolbar-item{display:block;width:52px;height:52px;margin-top:2px;position:relative; -moz-transition:background-position .4s;-ms-transition:background-position .4s;-o-moz-transition:background-position .4s;-webkit-moz-transition:background-position .4s;transition:background-position .4s;}
.toolbar-item:hover .toolbar-layer{opacity:1;filter:alpha(opacity=100);transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);}
.toolbar-item-weixin{background-position:0 -372px;}
.toolbar-item-weixin:hover{background-position:0 -434px;}
.toolbar-item-kefu{background-position:0 -124px;}
.toolbar-item-kefu:hover{background-position:0 -186px;}
.toolbar-item-top{background-position:0 -248px;}
.toolbar-item-top:hover{background-position:0 -310px;}
.toolbar-item-phone{background-position:0 0px;}
.toolbar-item-phone:hover{background-position:0 -62px;}
.toolbar-layer{background:#FFF; padding:5px; width:140px; -moz-box-shadow:0px 0px 8px rgba(0,0,0,.1); -webkit-box-shadow:0px 0px 8px rgba(0,0,0,.1); box-shadow:0px 0px 8px rgba(0,0,0,.1); position:absolute; right:60px; bottom:0px;opacity:0;filter:alpha(opacity=0);transform-origin: 95% 95%;-moz-transform-origin: 95% 95%;-ms-transform-origin: 95% 95%; -o-transform-origin: 95% 95%;-webkit-transform-origin: 95% 95%;transform:scale(0.01);-moz-transform:scale(0.01);-ms-transform:scale(0.01);-o-transform:scale(0.01);-webkit-transform:scale(0.01);transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s;}
.toolbar-layer p{ width:140px; font-size:14px; text-align:center; line-height:30px; margin:0; padding:0; overflow:hidden; color:#000;}
.toolbar-layer img{ width:120px; height:120px; overflow:hidden; padding:10px; text-align:center;}
.toolbar-item:hover .toolbar-layer1{opacity:1;filter:alpha(opacity=100);transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);}
.toolbar-layer1{background:#FFF; padding:20px 0; width:260px; text-align:center; overflow:hidden; -moz-box-shadow:0px 0px 8px rgba(0,0,0,.1); -webkit-box-shadow:0px 0px 8px rgba(0,0,0,.1); box-shadow:0px 0px 8px rgba(0,0,0,.1); position:absolute; right:60px; bottom:0px;opacity:0;filter:alpha(opacity=0);transform-origin: 95% 95%;-moz-transform-origin: 95% 95%;-ms-transform-origin: 95% 95%; -o-transform-origin: 95% 95%;-webkit-transform-origin: 95% 95%;transform:scale(0.01);-moz-transform:scale(0.01);-ms-transform:scale(0.01);-o-transform:scale(0.01);-webkit-transform:scale(0.01);transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s;}
.foot_tel_icon01{ clear:both; overflow:hidden; display:block; height:30px; font-size:16px; line-height:30px; color:#444;}
.foot_telphone01{ font-size:30px; font-family:Impact; color:#42527e; margin-top:4px;}



/*page*/
#page_box{ background:#ffffff; clear:both; overflow:hidden; padding-bottom:30px;}
#page_top{ width:100%; height:90px; background:#ecf0f1; clear:both; overflow:hidden; padding-top:10px; z-index:1}
.zy_top{ height:90px; line-height:90px; overflow:hidden; clear:both;}
.zy_top_left{ overflow:hidden;}
.zy_top_left span.en{color:#42527e; text-transform:uppercase; font-size:44px; font-family:Arial; font-weight:bold; float:left; overflow:hidden; white-space:nowrap;}
.zy_top_left span.cn{color:#444; text-transform:uppercase; font-size:32px; font-weight:600; float:left; margin-top:-4px; overflow:hidden; white-space:nowrap;}
.zy_top_left em{ font-family:Georgia; font-size:38px;color:#ff9c01; font-weight:bold; margin:0 12px; float:left; margin-top:-3px;}
.weizhi{ height:36px; line-height:36px; overflow:hidden; color:#444; text-align:right; font-size:13px;}
.weizhi em{ font-style:normal; margin-right:6px; font-size:18px;}
.weizhi a{ color:#555;}
.weizhi a:hover{ color:#42527e; text-decoration:underline;}
.weizhi01{ overflow:hidden; color:#444; text-align:right; font-size:13px;}
.weizhi01 em{ font-style:normal; margin-right:6px; font-size:18px;}
.weizhi01 a{ color:#555;}
.weizhi01 a:hover{ color:#42527e; text-decoration:underline;}
.page_nav{ clear:both; overflow:hidden; text-align:right; line-height:0; margin-top:5px;}
.page_nav li{ display:inline-block; width:110px; height:32px; line-height:32px; text-align:center; background:#42527e;  margin-left:5px;}
.page_nav li a{ color:#FFF; font-size:14px; display:block;}
.page_nav li:hover{ background:#d8102d; }
.page_nav li.on{  background:#d8102d; }

.page_about_con{ font-size:15px; line-height:26px; color:#666; clear:both; overflow:hidden; padding:20px 0px 30px 0px;}
.page_about_con h2{font-size:20px;  color:#333; padding-bottom:15px }
.page_about_con h3{font-size:18px;  color:#333; padding-bottom:10px }
.page_about_con img{ max-width:100%; height:auto; width:expression(this.width > 1200px ? "1200px" : this.width); overflow:hidden;}
.con_title{ height:46px; text-align:center}
.con_title h1{ font-size:30px; color:#333; font-weight:bold; line-height:46px;}
.con_auth{ clear:both; height:34px; line-height:34px; text-align:center; overflow:hidden; margin-bottom:10px; color:#999; border-bottom:#ededed solid 1px; padding:5px 0;}
.con_auth span{ margin-right:25px;}
/**/
#in_bg04{ width:100%; overflow:hidden; clear:both; padding:50px 0 120px 0; position:relative;}

/*新闻动态*/
.list_pic{ width:140px; height:120px; overflow:hidden; background:#ecf0f1; text-align:center}
.list_pic h2{ font-size:52px; color:#666; line-height:44px; padding:25px 0px 0px 0px }
.list_pic h3{ font-size:20px; color:#666; font-weight:100; padding:10px 0px 0px 0px}

.news_list li:hover img{transform: scale(1.1); transition: all 1s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all 1s ease 0s;}
.list_con{ width:996px; height:130px; overflow:hidden;}
.new_list{ clear:both; overflow:hidden;}
.news_list li{ padding:20px 20px 20px 20px; height:120px; margin:8px; overflow:hidden;}
.news_list li:hover{ -moz-box-shadow:0px 0px 8px rgba(0,0,0,.13); -webkit-box-shadow:0px 0px 8px rgba(0,0,0,.13); box-shadow:0px 0px 8px rgba(0,0,0,.13);}
.list_con_xx{ clear:both; overflow:hidden; font-size:14px; height:56px; line-height:28px; color:#787878; margin-top:6px;}
.list_con_au{ height:38px; line-height:34px; overflow:hidden; font-size:13px; color:#999;}
.list_con_au span{ margin-right:25px;}
.list_con_au span i{ font-size:16px; display:inline-block; color:#999; margin:0 8px 0 2px; display:inline-block;}
.box_con_title{ height:32px; line-height:32px; overflow:hidden;}
.box_con_title a{font-size:17px; vertical-align: middle; color:#444;}
.box_con_title a:hover{color:#42527e;}
.news_list li:hover .list_con_au{ color:#42527e;}
.news_list li:hover .list_con_au span i{ color:#42527e;}

/*翻页*/
#page{margin:50px 5% 30px 5%; overflow:hidden; text-align:center; font-size:14px; clear:both;}
#page .scott{ display:inline-block; margin:0 auto;overflow:hidden;}
#page .scott span,#page .scott a:hover{ background:#42527e; border:1px solid #42527e; color:#fff; display:inline; float:left; margin:5px 3px; padding:0 14px; height:34px; line-height:34px; text-decoration:none;}
#page .scott a{padding:0 14px; height:34px; line-height:34px; background-color:#fff; border:1px solid #ccc; margin:5px 3px; display:inline; float:left; color:#222;}
/**/
.page_back{ border-top:1px dashed #ddd; padding:20px 0; margin-top:20px; position:relative; min-height:50px; _height:50px; font-size:16px; line-height:40px;}
.page_back a{ color:#444;}
.page_back a:hover{ text-decoration:underline; color:#42527e;}
.page_back .bapage_back_up{ position:absolute; right:10px; top:40px;}
.bapage_back_up em.iconfont{ font-size:18px; font-style:normal; margin-right:6px; display:inline-block;}

/*在线留言*/
.message_kk{ width:380px; height:48px; line-height:48px; background:rgba(102,102,102,.6); margin:10px 0px 20px 20px; color:#fff; font-size:14px; overflow:hidden;}
.message_name{ width:90px; float:left; display:inline; text-align:right; overflow:hidden; margin-right:3px;}
.message_input{ float:left; display:inline; width:235px;}
.message_input input{ width:235px; height:48px; border:0 none; color:#fff; background:none; }
.message_icon{ width:50px; height:48px; line-height:48px; overflow:hidden; float:right; display:inline; text-align:center;}
.message_icon em.name_icon{ font-size:30px; display:inline-block; margin-top:2px;}
.message_icon em.tel_icon{ font-size:24px; display:inline-block; margin-top:2px;}
.message_icon em.mail_icon{ font-size:26px; display:inline-block; margin-top:2px;}
.message_kk1{ width:1180px; height:220px; line-height:48px; background:rgba(102,102,102,.6); color:#fff; font-size:14px; clear:both; overflow:hidden; margin:0 20px;}
.message_textarea{ float:left; display:inline; width:1020px;}
.message_textarea textarea{ width:1020px; height:216px; background:none; line-height:1.6; padding:14px 0 8px 0; border:0 none; color:#fff; font-size:14px; font-family:"微软雅黑"; resize:none;}
.message_btn{ background:rgba(102,102,102,.6); color:#fff; width:150px; height:42px; font-size:15px; border:none; outline:none; cursor:pointer; margin:0 25px;}
.message_btn:hover{ background:#42527e; color:#FFF;}
.message_Tis{ color:#bdbdbd; height:52px; line-height:52px; font-size:14px;}


/*案例分类*/
.page_menu{ clear:both; overflow:hidden;}
.page_menu li{height:40px; width:140px; background:#FFF; overflow:hidden; float:left; display:inline-block; text-align:center; margin:6px 6px; }
.page_menu li a{ color:#666; display:block; font-size:14px; overflow:hidden; white-space:nowrap; border:#ddd solid 1px; height:38px; width:138px; line-height:38px; transform:translate(0,0); transition:all .3s ease-in 0s;}
.page_menu li a:hover{ background:#42527e; border:#42527e solid 1px; color:#FFF;}
.page_menu li.on a{ background:#42527e; border:#42527e solid 1px; color:#FFF;}
/*成功案例*/
.case_list{ clear:both; overflow:hidden; }
.case_list ul{ width:1253px; margin-right:-53px; margin-top:30px}
.case_list li{ width:280px; height:490px; float:left; display:inline-block; overflow:hidden; background:#FFF; position:relative; -moz-box-shadow:0px 0px 8px rgba(0,0,0,.08); -webkit-box-shadow:0px 0px 8px rgba(0,0,0,.08); box-shadow:0px 0px 8px rgba(0,0,0,.08); margin:0px 33px 20px 0px; transform:translate(0,0); transition:all .3s ease-in 0s;}
.case_pic{width:280px; height:370px; overflow:hidden;}
.case_pic img{width:280px; height:370px; overflow:hidden; transform:translate(0,0); transition:all .4s ease-in 0s;}
.case_pic a{ display:block;}
.case_name{ text-align:center; padding:10px 0px}
.case_name a{ font-size:18px; font-weight:bold; color:#333; line-height:34px}
.case_name a:hover{ font-size:18px; font-weight:bold; color:#42527e; line-height:34px}
.case_jw{ font-size:13px; color:#666; line-height:22px; padding:0px 15px; text-align:center}

/*内页证书*/
.cert_list{ clear:both; overflow:hidden; }
.cert_list ul{ width:1253px; margin-right:-53px; margin-top:30px}
.cert_list li{ width:280px; height:356px; float:left; display:inline-block; overflow:hidden; background:#FFF; position:relative; -moz-box-shadow:0px 0px 8px rgba(0,0,0,.08); -webkit-box-shadow:0px 0px 8px rgba(0,0,0,.08); box-shadow:0px 0px 8px rgba(0,0,0,.08); margin:0px 33px 20px 0px; transform:translate(0,0); transition:all .3s ease-in 0s;}
.cert_pic{width:280px; height:280px; overflow:hidden; display: table-cell;
vertical-align: middle; text-align:center}
.cert_pic img{ max-width:280px; max-height:280px; overflow:hidden; transform:translate(0,0); transition:all .4s ease-in 0s;}
.cert_pic a{ display:block;}
.cert_name{ text-align:center; padding:10px 10px}
.cert_name a{ font-size:16px; color:#333; line-height:26px}
.cert_name a:hover{ font-size:16px;  color:#42527e; line-height:26px}



/*案例分类*/
.nyteam{ width:940px; margin:50px auto 0px auto}
.nyteam_1{ padding-bottom:20px}
.nyteam_pic{ width:400px; float:left}
.nyteam_pic img{ width:400px; height:530px}
.nyteam_r{ width:450px; float:right}
.nyteam_r_name{ font-size:36px; font-weight:bold; height:80px; color:#333; background:url(../image/tnamedx.png) no-repeat 0px 70px}
.nyteam_r_js{ font-size:16px; line-height:26px; padding-top:30px; color:#44444}
.nyteam_r_email{ padding-top:30px; line-height:24px; color:#666; font-size:14px}
.nyteam_con{ padding-top:20px; font-size:15px; color:#666; line-height:24px}
.nyteam_con h2{ font-size:28px; padding-bottom:14px; color:#333; font-weight:400 }
.nyteam_con h3{ font-size:18px; padding-bottom:10px; color:#333; }
.nyteam_con img{ max-width:100%; height:auto}


/*内页证书*/
.nycert{ width:1200px; margin:50px auto 50px auto}
.nycert_1{ padding-bottom:20px}
.nycert_pic{ width:600px; float:left}
.nycert_pic img{ max-width:100%; height:auto}
.nycert_r{ width:570px; float:right}
.nycert_r_name{ padding:20px 0px 10px 0px  }
.nycert_r_name h1{font-size:30px; font-weight:bold;color:#333; }
.nycert_con{ padding-top:10px; font-size:15px; color:#666; line-height:24px}
.nycert_con h2{ font-size:28px; padding-bottom:14px; color:#333; font-weight:400 }
.nycert_con h3{ font-size:18px; padding-bottom:10px; color:#333; }
.nycert_con img{ max-width:100%; height:auto}

/*pc版底部*/
.f_box{ width:100%; background:#111723; padding:50px 0px 40px 0px} 
.f_box2{  width:100%; background:#111723; padding:30px 0px 30px 0px} 
.footer{ width:1200px; margin:0px auto}
.foot_logo{ width:370px;  float:left; font-size:20px; color:#eb6622; font-weight:bold; text-align:left}
.foot_logo span{ font-size:14px; color:#CCC; font-weight:100; line-height:30px; text-transform:uppercase}
.foot_logo img{  margin-bottom:40px; width:250px; height:auto}

.foot_con{ float:left; width:150px; min-height:150px; padding-left:30px; font-size:15px; color:#ffffff; line-height:24px; background:url(../image/footnavx.png) no-repeat left top }
.foot_bt{ margin-bottom:5px; font-size:16px; height:30px; background:url(http://www.zhichuangzc.com/skin/images/dx.png) no-repeat left bottom; text-transform:uppercase; color:#ffffff; font-weight:bold}
.foot_nav{ padding:0px}
.foot_nav li{ }
.foot_nav li a{ font-size:14px; color:#adadad; line-height:24px;}
.foot_nav li a:hover{ font-size:14px; color:#376da7; line-height:24px;}
.foot_r{ width:250px; float:right; text-align:right}
.foot_tel_bt{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#888888; height:18px; line-height:18px; margin:8px 0px} 
.foot_tel{ font-size:20px; color:#FFF; line-height:38px; text-align:right; font-weight:bold}
.foot_email_bt{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#888888; height:18px; line-height:18px; margin:8px 0px} 
.foot_email{ font-size:16px; color:#FFF; line-height:38px; text-align:right; }
.foot_share{ text-align:right; padding-top:20px}

.foot_contact{ float:left; width:240px; text-align:center; margin-right:60px; font-size:15px; color:#3769a4; line-height:26px }
.foot_contact span{ font-size:30px; color:#3769a4; line-height:34px; font-weight:bold}
.foot_contact img{ margin-bottom:15px}
.foot_contact a{ font-size:13px; color:#adadad; line-height:26px}
.foot_contact a:hover{ font-size:13px; color:#3769a4; line-height:26px}



.foot_tel span{font-size:28px; color:#eb6622; line-height:30px; font-weight:bold}
.foot_tel p{ padding:10px 0px 20px 0px;text-align:right}

.foot_wx{ padding:0px; float:right; width:150px; text-align:center; color:#FFF; font-size:14px}
.foot_wx img{ width:150px; height:auto; margin-bottom:15px}
.foot_wx2{ padding:0px; float:right; width:120px; text-align:center; color:#FFF; font-size:14px}
.foot_wx2 img{ width:120px; height:auto; margin-bottom:15px}


.foot_cro{ width:100%; background:#020609; text-align:center; padding:20px 0px; color:#b4b5b7; font-size:14px;}
.foot_cro a{color:#666666;}
.foot_cro a:hover{color:#e84b11;} 

.foot_cro2{ width:100%; background:#020609; text-align:center; padding:15px 0px; color:#b4b5b7; font-size:14px;}
.foot_cro2 a{color:#666666;}
.foot_cro2 a:hover{color:#e84b11;} 
/*pc版底部*/

/* 内页联系我们 */
.contact-us-list{width:100%;overflow:hidden}
.contact-us-list .list{width:32%;height:30%; margin:0px 0.67% 20px 0.67%; height:310px; float:left;text-align:center; background:url(../image/107.jpg) no-repeat center 200px #ecf0f1;}
.contact-us-list .list:nth-child(3n){margin-right:0}
.contact-us-list .list img{width:20%;margin-right:auto;margin-bottom:20px; margin-top:60px; margin-left:auto;display:block}
.contact-us-list .list .qr{width:48%}
.contact-us-list .list span{ display:block;color:#42527e; font-size:16px; font-weight:bold; padding:0px 15p }
.contact-us-list .list p{cursor:pointer;color:#111; padding:40px 15px 0px 15px}
.contact-us-list .list .bold{font-size:18px;font-weight:700}

/* 内页联系我们 */


/* 侧边悬浮导航 */

.suspension{position:fixed;z-index:55;right:0;bottom:85px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#42527e;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#d8102d;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(http://www.zhichuangzc.com/images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px; background:url(../image/bg_kh_3.png) no-repeat center 2px; background-size:20px auto;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background:url(../image/rncall.png) no-repeat; background-size:20px 20px;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background:url(../image/rntop.png) no-repeat center 8px; background-size:26px 26px;}
.suspension .a-top{background:#42527e;display:none;}
.suspension .a-top:hover{background:#d8102d;}
.suspension .d{display:none; background:#fff;position:absolute;right:46px; height:42px; text-align:center; line-height:40px;border:1px solid #E0E1E5;border-radius:0px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(http://www.zhichuangzc.com/images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:48px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:0px 10px ;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:0px 0px;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(http://www.zhichuangzc.com/skin/images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(http://www.zhichuangzc.com/skin/images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(http://www.zhichuangzc.com/skin/images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}
/* 侧边悬浮导航 */ 

/* 悬浮在线留言 */ 
.form-control{
    display: block;
    width: 93%;
    height: 34px;
    padding: 6px 12px;
	font: normal 14px/1.65 "HL-Raleway",sans-serif;
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.form-control:focus {
   border-color: #66afe9;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
textarea.form-control {
    height: auto;
}
.form-line {
	padding-top:20px; 
}
#side-form-button {
    padding: 10px 12px 10px 42px;
    color: #fff;
	background:url(http://www.zhichuangzc.com/skin/images/lytb.png) no-repeat 12px 8px #fdbf18; background-size:22px auto; 
    position: fixed; 
	font-size:16px;
    right: 0px;
    bottom: 0%;
    cursor: pointer;
    z-index: 300;
}
#leo-side-contact-form {
    width: 350px;
    padding: 40px 20px 30px;
    box-shadow: 0 0px 6px #000;
    background: #fff;
    position: fixed;
    right: 10px;
    top: 64%;
    transform: translate(130%, -50%);
    transition: all .5s;
    z-index: 999; 
	color:#666666;
}
#leo-side-contact-form.active {
	transform: translate(0, -50%);
}
#leo-side-contact-form .form-title {
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	padding-bottom: 10px;
}
#leo-side-contact-form .closeBtn {
	width: 30px;
	height: 30px;
	display: block;
	position: absolute;
	top: 5px;
	right: 5px;
	cursor: pointer;
}
#leo-side-contact-form .closeBtn:before, #leo-side-contact-form .closeBtn:after {
	content: "";
	display: block;
	width: 20px;
	height: 2px;
	background-color: #000;
	position: absolute;
	top: 50%;
	left: 50%;
}
#leo-side-contact-form .closeBtn:before {
	transform: translate(-50%, -50%) rotate(45deg);
}
#leo-side-contact-form .closeBtn:after {
	transform: translate(-50%, -50%) rotate(-45deg);
}
input.sbth_b { 
    border:none;
	background: #fdbf18;
	width:100%;
	text-align:center;
	color: #fff;
	line-height:35px;
	font-size:16px;
	cursor:pointer;
}
input.sbth_b:hover {
	background: #e60012;
}

.success_ok{ background:url(http://www.zhichuangzc.com/skin/images/news-success.png); width:200px; height:200px; margin:50px auto 20px;}
.success-main h1{ text-align:center; line-height:50px; font-size:28px; padding:0; margin-bottom:15px;}
.success_tips{ text-align:center; line-height:30px; font-size:16px;}
a.success_go{ margin:20px auto 80px; font-size:16px; color:#fff; background:#f8c03d; padding:10px 0; border-radius:8px; display:block; width:200px; text-align:center; font-weight:bold;}
a.success_go:hover{background:#d9a52b;}
@media only screen and (max-width: 480px) {
 .success_ok{ background:url(http://www.zhichuangzc.com/skin/images/news-success.png); width:150px; height:150px; margin:50px auto 20px; background-size: cover;}
 td{word-break:break-all;}
}
.aisports{ text-align:left;}
.aisports img{ max-width:100%;}
.aisports ul{ padding:0;}
.aisports li{ list-style:none; background:url(http://www.zhichuangzc.com/skin/images/wx_jt.png) left 6px no-repeat; padding-left:20px;}
.info_tit{ text-transform:uppercase; font-size:20px; font-weight:bold; margin-bottom:10px;}
.info_tit span{ background:#1e3864; font-size:18px; display:block; width:30px; height:30px; line-height:30px; color:#FFFFFF; float:left; text-align:center; margin-right:10px;}
.description .value{list-style:('/template/pc/skin/images/wx_jt.png') left  11px no-repeat ; padding-left:20px;}
.products-grid .product-list-item-footer li{word-wrap:break-word; }
/* 悬浮在线留言 */ 


/*网站地图*/
.sitemap{ clear:both; overflow:hidden; padding-bottom:20px;}
.sitemap dl{ padding:14px 10px; width:1200px; border-bottom:#ddd dashed 1px;}
.sitemap dl dt{ height:58px; line-height:58px; clear:both; overflow:hidden;}
.sitemap dl dt a{ font-size:22px; font-weight: bold; color:#333;}
.sitemap dl dt a:hover{ color:#42527e;}
.sitemap dl dd a{font-size:16px; color:#555; margin-right:30px; height:34px; line-height:34px; overflow:hidden;}
.sitemap dl dd a:hover{ text-decoration:underline; color:#42527e;}

/*PC首页留言*/
.m_ly{ width:100%; padding-top:40px; line-height:24px; font-size:15px; color:#666}
.m_ly li{ margin-bottom:20px}



/* 侧边悬浮导航 */
.side{position:fixed;width:60px;right:0;top:50%;margin-top:-142px;z-index:100; border-bottom:1px}
.side ul li{width:60px;height:60px;float:left;position:relative; padding-bottom:1px; color:#ffffff;font-size:12px;line-height:24px;background:#42527e; margin-bottom:2px;  text-align:center;transition:all .3s;cursor:pointer}
.side ul li:hover{background:#d8102d;color:#fff; font-size:12px}
.side ul li:hover a{color:#fff; font-size:12px}
.side ul li i{height:22px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 22px;margin-top:10px;transition:all .3s}
.side ul li i.bgs1{background-image:url(../image/bg_kh_3.png)}
.side ul li i.bgs2{background-image:url(../image/right_pic7.png)}
.side ul li i.bgs3{background-image:url(../image/bg_kh_4.png)}
.side ul li i.bgs4{background-image:url(../image/bg_kh_9.png)}
.side ul li i.bgs5{background-image:url(../image/right_pic3.png)}
.side ul li i.bgs6{background-image:url(../image/right_pic6_on.png)}
.side ul li i.bgs7{background-image:url(../image/rlytb.png)}
.side ul li:hover i.bgs1{background-image:url(../image/bg_kh_3.png)}
.side ul li:hover i.bgs2{background-image:url(../image/right_pic7_on.png)}
.side ul li:hover i.bgs3{background-image:url(../image/bg_kh_4.png)}
.side ul li:hover i.bgs4{background-image:url(../image/bg_kh_9.png)}
.side ul li:hover i.bgs5{background-image:url(../image/right_pic3_on.png)}
.side ul li .sidebox{position:absolute;width:50px;height:50px;top:0;right:0;transition:all .3s;overflow:hidden}

.side ul li.sideewm .ewBox.son{width:120px;display:none;color:#ffffff;text-align:center;padding-top:120px;position:absolute;left:-122px;top:0;background-repeat:no-repeat;background-position:center center; background-size:100% auto; border:1px solid #e0e0e0}
.side ul li.sideewm .ewBox.son a{ color:#FFF}
.side ul li.sideewm .ewBox.son a:hover{ color:#FFF}
.side ul li.sideetel .telBox.son{width:180px;height:61px;display:none;color:#fff;text-align:left;position:absolute;left:-180px;top:0px;background:#42527e}
.side ul li.sideetel .telBox dd{display:block;height:56px;overflow:hidden;padding-left:50px; padding-top:5px;line-height:20px;font-size:14px}
.side ul li.sideetel .telBox dd span{display:block;line-height:22px;height:22px;overflow:hidden;margin-top:5px;font-size:14px}
.side ul li.sideetel .telBox dd.bgs1{background:url(../image/right_pic8.png) 15px center no-repeat; background-size:auto 24px; background-color:#42527e}
.side ul li.sideetel .telBox dd.bgs2{background:url(../image/right_pic9.png) 15px center no-repeat; background-size:auto 24px;}

.side ul li.sideqq .qqBox.son{width:180px;height:61px;display:none;color:#fff;text-align:left;position:absolute;left:-180px;top:0px;}
.side ul li.sideqq .qqBox dd{display:block;height:61px;overflow:hidden;padding-left:15px;line-height:20px;font-size:18px}
.side ul li.sideqq .qqBox dd span{display:block;line-height:22px;height:22px;overflow:hidden;margin-top:5px;font-size:14px}
.side ul li.sideqq .qqBox dd.bgs1{ background-color:#42527e}

.side ul li.sidely .lyBox.son{width:180px;height:51px;display:none;color:#fff;text-align:left;position:absolute;left:-180px;top:0px;}
.side ul li.sidely .lyBox dd{display:block;height:51px;overflow:hidden;padding-left:15px;line-height:51px;font-size:18px}
.side ul li.sidely .lyBox dd span{display:block;line-height:22px;height:22px;overflow:hidden;margin-top:5px;font-size:18px}
.side ul li.sidely .lyBox dd.bgs1{ background-color:#42527e}
.side ul li.sidely .lyBox dd a{ font-size:16px}

.side ul li.sidetop .topBox.son{width:180px;height:51px;display:none;color:#fff;text-align:left;position:absolute;left:-180px;top:0px;}
.side ul li.sidetop .topBox dd{display:block;height:51px;overflow:hidden;padding-left:15px;line-height:51px;font-size:18px}
.side ul li.sidetop .topBox dd span{display:block;line-height:22px;height:22px;overflow:hidden;margin-top:5px;font-size:18px}
.side ul li.sidetop .topBox dd.bgs1{ background-color:#42527e}
.side ul li.sidetop .topBox dd a{ font-size:16px}


.side ul li:hover .son{display:block!important;animation:fadein 1s}
@keyframes fadein{from{opacity:0}
to{opacity:1}
}
/* 侧边悬浮导航 */

}