/*头部样式*/

.slide-ts { position:relative; height:100%;}

.z-box { position:relative; z-index:20; background:#f0f0f0;}

.hd-bg { position:fixed; left:0; top:0; height:100px;  width:100%;  z-index:30;-webkit-transition: all 0.3s linear; -ms-transition: all 0.3s linear;transition: all 0.3s linear; }

.navfix { background:#fff; -webkit-box-shadow:1px 1px 1px #ddd;-ms-box-shadow:1px 1px 1px #ddd;box-shadow:1px 1px 1px #ddd;}

.navfix .logo {background:url(../images/logo2.png) left center no-repeat;}

.navfix .talk-a,.navfix .menu-hov,.navfix .menu-nav  a{ color:#232e3a; }

.navfix .nav-icon,.navfix .nav-icon:before,.navfix .nav-icon:after { background:#232e3a;}

.navfix .menu-box { border:1px solid #666;}

/******************/

.head { height:100px; width:90%; position:relative; }

.logo { float:left; height:53px; width:164px; background:url(../images/logo1.png) left center no-repeat; margin-top:24px;}

.talk-a { float:right;  height:24px; line-height:24px; background:url(../images/love.png) left center no-repeat; margin-top:38px; color:#ffffff; font-size:16px; padding-left:32px; -webkit-transition: all 0.3s linear; -ms-transition: all 0.3s linear;transition: all 0.3s linear; }

.talk-a:hover {color:#f95360; background:url(../images/love2.png) left center no-repeat;}

.menu-box { overflow:hidden; min-width:130px; position:relative; float:right; height:42px; line-height:42px; border:1px solid #fff; font-size:16px; border-radius:42px; margin:29px 0 0 40px; -webkit-transition: all 0.3s linear; -ms-transition: all 0.3s linear;transition: all 0.3s linear;}

.menu-hov { position:absolute; right:0; top:0; cursor:pointer; color:#ffffff; font-size:16px;  padding:0 60px 0 20px; height:42px; }

.nav-bar2 { position:absolute; right:15px; top:19px; height:14px; display:block; z-index:25;  }

.nav-ac .nav-bar2{}

.nav-icon{display: inline-block; position: relative; width:18px; height:3px; background-color: #fff; -webkit-transition-property: background-color, -webkit-transform; transition-property: background-color, -webkit-transform; transition-property: background-color, transform; transition-property: background-color, transform, -webkit-transform;/* -webkit-transition-duration: 300ms; transition-duration: 300ms;*/}

.nav-icon:before,

.nav-icon:after{content: ''; display: block; width:18px; height:3px; position: absolute; background:#fff; -webkit-transition-property: margin, -webkit-transform; transition-property: margin, -webkit-transform; transition-property: margin, transform; transition-property: margin, transform, -webkit-transform; -webkit-transition-duration: 300ms; transition-duration: 300ms;}

.nav-icon:before{margin-top: -5px;}

.nav-icon:after{margin-top: 5px;}

.nav-ac .nav-icon{background:none;}

.nav-ac .nav-icon:before{margin-top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg);}

.nav-ac .nav-icon:after{margin-top: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}

/*********************/

.menu-nav { width:0; float:right; overflow: hidden; height:42px; overflow:hidden; position:relative; z-index:26; padding:0 20px;   }

.menu-nav  a { color:#fff; width:90px; display:block; float:left; text-align:center; }

.menu-nav  a:hover { color:#ffa32b;}



/********ZZZZZZZ********************/

.nav { float:right; height:84px;}

.nav .navlev {  position:relative; float:left; font-size:16px; margin:0 0 0 25px;  color:#fff; line-height:84px; height:86px; }

.nav .navlev a { color:#333; display:block;padding:0 10px; }

.nav .navlev .lev2 { position:absolute; left:0; width:100%; top:86px; z-index:100; background:#058cd3; display:none; text-align:center; padding:7px 0; }

.nav .navlev .lev2 a { font-size:14px; line-height:30px; color:#fff; padding:0;}

.nav .navlev .lev2 a:hover { text-decoration:underline;}

.nav .hover a{ color:#058cd3}

.nav .navlev a:after{position:absolute;height:3px;background:#058cd3;left:50%;right:50%;content:'';display:block;opacity:0;

	-webkit-transition:  0.2s ease-in 0s;

	-moz-transition:  0.2s ease-in 0s;

	-ms-transition:  0.2s ease-in 0s;

	-o-transition:  0.2s ease-in 0s;

	transition:  0.2s ease-in 0s;}

.nav .hover a:hover:after,

.nav .hover a:after,.nav .on a:after{left:0px;right:0px;opacity:1;}

.nav .on a {  color:#058cd3}

/* 轮播图 */

.sl-index{ position:relative; background: #f5f5f5; overflow:hidden; position:fixed; left:0; top:0; width:100%; height:100%; z-index:1;}

/*css variables*/

:root {--thumbnail-width:20px;--thumbnail-height:3px;--shadow:rgba(0,0,0,.25);}

html,body {height:100%;position:relative;}

body {background:#000;}

#sections-wrapper {position:relative;overflow:hidden;height:100vh;}

section {height:100vh;font-size:0;text-align:center;position:absolute;top:0;left:0;right:0;bottom:0;}

.hide-bottom {transform:translateY(100%);}

.hide-top {transform:translateY(-100%);} 

.segment {height:100%;display:inline-block;overflow:hidden;position:relative;box-sizing:border-box;}

.segment-inner {position:absolute;top:0;background:no-repeat center center / cover;height:100%;width:100vw;}

.sections-control {text-align:center;font-size:0; position: absolute; right:0px;bottom:25px;box-sizing:border-box; width: 100%;   }

.av-container .sections-control {}

.section-thumbnail { background:url(../images/line2.jpg) -68px 0 no-repeat; width:68px;height:5px;display:block; margin:0 15px; position:relative;transition:.3s all ease;cursor:pointer; display:inline-block;}

.section-thumbnail:before {content:"";position:absolute;top:50%;left:0;right:0;height:var(--thumbnail-height); top:50%; /*margin-top:calc(var(--thumbnail-height)/2 * -1);*/}

.section-thumbnail:hover {opacity:1;  background:url(../images/line2.jpg) 0px 0 no-repeat;}

.section-thumbnail.active {opacity:1;  background:url(../images/line2.jpg) 0px 0 no-repeat;}

/***************/

body { max-width: 100%;}

#space {width: 100%;z-index:19;position: relative;}

/*************案例CASE*************************/

.case-box { position:relative; padding-bottom:130px;}

.title { text-align:center; padding-top:70px; position:relative;}

.case-top { width:1198px; border:1px solid #dfe0e1; font-size:18px; text-align:center; height:68px; line-height:68px; margin:0 auto; margin-top:25px;  font-family: 'pingf';}

.case-top a { width:190px; display:inline-block; height:16px; line-height:16px; border-left:1px solid #4d535a;}

.case-top a:first-child { border:none }

.case-top a:hover,.case-on { color:#ffa32b; }

.case-con { height:470px; overflow:hidden; }

.slide-inn {}

.slide-inn{position:relative;overflow:hidden; width:1311px; padding:0 28px; margin:0 auto; margin-top:50px; z-index:22;}

.slide-con .ih-item{background:#fff;width:325px; float:left;margin:0 56px;}

.slide-con .ih-item img { width:325px; height:400px; display:block;}

#pager{text-align:center;margin-top:20px;color:#666;}

#pager a{color:#666;text-decoration:none;display:inline-block;padding:5px 10px;}

#pager a:hover{color:#333;}

#pager a.selected{background-color:#333;color:#ccc;}

.prev, .next{display:block;width:50px;height:50px;margin-top:-40px;position:absolute;top:50%;}

.prev{background:#fff url( img/ui-prev.png ) no-repeat;left:50%;margin-left:-683px;}

.next{background:#fff url( img/ui-next.png ) no-repeat;right:50%;margin-right:-683px;}

.case-shade { position:absolute; bottom:30px; left:50%; margin-left:-683px; width:1366px; height:390px; background:#1e2934; z-index:21;}

.case-btn { display:block; width:260px; height:60px; text-align:center; line-height:60px; background:#fff; color:#232e3a; font-size:16px; position:absolute; bottom:0px; left:50%; margin-left:-130px; z-index:22;}

/********服务sevice*************************/

.sevice-box { width:1400px; overflow:hidden; margin-top:30px; margin-bottom:30px;}

.sevice-box .item { position:relative; float:left; width:312px; text-align:center;  margin:0px 5px 0; padding:20px 10px 20px; color:#7b838e; font-size:14px; line-height:30px; }

.sevice-box .item img { width:64px; height:64px; display:block; margin:0 auto; position:relative; z-index:20;-webkit-transition: all 0.5s linear; -ms-transition: all 0.5s linear;transition: all 0.5s linear;}



.sevice-box .item h1 { display:block; height:24px;margin:0 auto; margin-top:17px; margin-bottom:17px; position:relative; z-index:20; -webkit-transition: all 0.5s linear; -ms-transition: all 0.5s linear;transition: all 0.5s linear; font-size: 22px; line-height: 24px; text-align: center; color: #444;  letter-spacing: 3px; }

.sevice-box .item p {position:relative; z-index:20; -webkit-transition: all 0.5s linear; -ms-transition: all 0.5s linear;transition: all 0.5s linear;}



.sevice-box .item:after { content:""; position:absolute;  width:0; height:0; left:50%; top:50%; background:#FEBF44; z-index:19; -webkit-transition: all 0.3s linear; -ms-transition: all 0.3s linear;transition: all 0.3s linear;}

.sevice-box .item:hover:after { width:100%; height:100%; left:0; top:0;}

.sevice-box .item:hover{color:#fff;}

.sevice-box .item:hover img { -webkit-transform:translateY(-150px); transform:translateY(-150px);}

.sevice-box .item:hover h1{ -webkit-transform:translateY(-40px); transform:translateY(-40px);}

.sevice-box .item:hover p{ -webkit-transform:translateY(-40px); transform:translateY(-40px);}









































/******anniu *************/

.button12{-webkit-transition: all 0.3s;-ms-transition: all 0.3s;transition: all 0.3s;overflow: hidden;}

.button12 span{z-index: 2;	display: block;position: absolute;width: 100%;height: 100%;	}

.button12::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;opacity: 0;background-color: rgba(254,205,87,0.5);

-webkit-transition: all 0.3s;-ms-transition: all 0.3s;transition: all 0.4s;-webkit-transform: scale(0.5, 1);transform: scale(0.5, 1);}

.button12:hover::before{opacity: 1;-webkit-transform: scale(1, 1);transform: scale(1, 1);}

/********图片HOV******************************/

.ih-item { position: relative; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out;  transition: all 0.35s ease-in-out;}

.ih-item,.ih-item { }

.ih-item a:hover {  text-decoration: none;}

.ih-item img { width: 100%; height: 100%;}

.ih-item.square { position: relative; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);}

.ih-item.square .info { position: absolute;  top: 0; bottom: 0; left: 0; right: 0;text-align: center; -webkit-backface-visibility: hidden; backface-visibility: hidden;}

.effect6 span{position:absolute;background:#fff;-webkit-transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94);-moz-transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94);-o-transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94);transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94)}

.effect6 .line-1{left:20px;top:20px;width:0%;height:2px}

.effect6 .line-2{right:20px;top:20px;width:2px;height:0%}

.effect6 .line-3{right:20px;bottom:20px;width:0%;height:2px}

.effect6 .line-4{left:20px;bottom:20px;width:2px;height:0%}

.effect6:hover .line-1,.effect6:hover .line-3{width:285px}

.effect6:hover .line-2,.effect6:hover .line-4{height:360px}

/***/

.ih-item.square.effect6 { overflow: hidden;}

.ih-item.square.effect6.colored .info { background: #1a4a72; background: rgba(26, 74, 114, 0.6);}

.ih-item.square.effect6.colored .info h3 { background: rgba(12, 34, 52, 0.6);}

.ih-item.square.effect6 .img { -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out;

  -webkit-transform: scale(1);-moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}

.ih-item.square.effect6 .info { background: #333333; background: rgba(0, 0, 0, 0.6); visibility: hidden; opacity: 0; -webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;transition: all 0.35s ease-in-out;}

.ih-item.square.effect6 .info h3 { position:absolute; top:20%; left:0; width:100%; text-align:center;  text-transform: uppercase;line-height:30px; color: #fff; text-align: center; font-size: 16px; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out;transition: all 0.35s ease-in-out;  -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%); transform: translateY(-50%);}

.ih-item.square.effect6 .info p { font-style: italic; font-size: 12px; position: relative; color: #bbb; padding: 20px 20px 20px; text-align: center; -webkit-transition: all 0.35s 0.1s linear; -moz-transition: all 0.35s 0.1s linear; transition: all 0.35s 0.1s linear;}

.ih-item.square.effect6 a:hover .img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2);}

.ih-item.square.effect6 a:hover .info { visibility: visible; opacity: 1;}

.ih-item.square.effect6.from_top_and_bottom .info h3 { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%);}

.ih-item.square.effect6.from_top_and_bottom .info p { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%);

 -o-transform: translateY(100%); transform: translateY(100%);}

.ih-item.square.effect6.from_top_and_bottom a:hover .info h3,

.ih-item.square.effect6.from_top_and_bottom a:hover .info p {    

    -webkit-transform: translateY(50%);

    -moz-transform: translateY(50%);

    -ms-transform: translateY(50%);

    -o-transform: translateY(50%);

    transform: translateY(50%);

  }



/********品牌brand********************/

.brand-box { background:url(../images/bbg.jpg) top center no-repeat; height:750px; margin-top:50px; overflow:hidden; position:relative;}

.br-four { overflow:hidden; width:1400px; margin-top:105px;}

.br-four li { float:left; width:333px; padding-left:13px; background:url(../images/br-line.png) left center no-repeat; color:#ffc045; font-size:18px; text-align:center;}

.br-four li i { font-size:50px; display: block;}

.br-four li:first-child { padding-left:0; background:none;}	

.brand-xc { background:url(../images/logo-br.png) top center no-repeat; padding-top:90px; text-align:center; font-size:38px; color:#fff; margin-top:130px;}

.brand-con { color:#fff; font-size:16px; line-height:32px; width:950px; margin:0 auto; margin-top:25px;} 

/*****新闻NEWS***************/

.news-box { position:relative; height:640px; overflow:hidden; width:1366px; margin:0 auto; margin-top:100px;}

.news-tab { position:absolute; left:0; top:80px; height:420px; background:#2d3843; padding:30px; width:320px; z-index:22}

.news-on, .news-off { display:block; height:75px; margin-top:18px; color:#fff; position:relative;}

.news-on:before, .news-off:before { content:""; position:absolute; left:0; top:0; width:0; height:100%; background:#ffc045; z-index:18;-webkit-transition: all 0.3s linear; -ms-transition: all 0.3s linear;transition: all 0.3s linear;} 

.news-on:after, .news-off:after {  content:""; position:absolute; left:200px; top:0; width:0; height:100%; background:url(../images/jt1.png) left center no-repeat; z-index:18;-webkit-transition: all 0.3s linear; -ms-transition: all 0.3s linear;transition: all 0.3s linear;}

.news-on span, .news-off span { color:#ffffff; font-size:24px; padding-left:38px; line-height:75px; position:relative; z-index:19;}

.news-on:before { width:100%; }

.news-on:after { width:46px; left:250px; }

.news-on span{ color:#2d3843;}

.news-bom { color:#1b2229; font-size:18px; letter-spacing:5px; margin-top:18px;}

.news-bom img { width:320px; height:180px; display:block; margin-bottom:6px;}

.news-right { width:1170px; height:640px; background:#fff; float:right; }

.news-list { width:920px; float:right; overflow:hidden; margin-right:30px; margin-top:52px; }

.news-list li { position:relative; padding:40px 0; line-height:26px; border-bottom:1px solid #f0f0f0; color:#888888;-webkit-transition: all 0.3s linear; -ms-transition: all 0.3s linear;transition: all 0.3s linear;}

.news-list li h1 { color:#232e3a; font-size:24px; margin-bottom:10px;font-weight:100;}

.news-list li h3 {  font-size:14px; height:52px; overflow:hidden;}

.news-list li .date { position:absolute; right:0px; top:43px; -webkit-transition: all 0.3s linear; -ms-transition: all 0.3s linear;transition: all 0.3s linear;}

.news-list li:hover { padding-right:200px;}

.news-list li:hover .date { right:200px;}

.news-list li:hover h1 { color:#ffc045;}

.news-list li:after { position:absolute; left:0; bottom:-1px; content:""; height:1px; width:0; background:#ffc045; -webkit-transition: all 0.7s linear; -ms-transition: all 0.7s linear;transition: all 0.7s linear;}

.news-list li:hover:after { width:100%;}

.news-list li .cuo-btn { position:absolute; right:-200px; bottom:40px; width:160px; height:100px; font-weight:100; line-height:100px; color:#232e3a; font-size:18px; text-align:center; background:#ffc045;-webkit-transition: all 0.3s linear; -ms-transition: all 0.3s linear;transition: all 0.3s linear;}

.news-list li:hover .cuo-btn { right:0;}

@keyframes myanim {

    0% {

		font-size:18px;

    }

    /* 初始动画值 */

    25% {

       font-size:16px;

    }



    50% {

        font-size:18px;

    }



    75% {

       font-size:16px;

    }



    100% {

        font-size:18px;

    }

    /* 最终动画值 */

}



.cuo-btn {

    transition: all 200ms ease-in 0s;

	-webkit-transition: all 200ms ease-in 0s;

	-ms-transition: all 200ms ease-in 0s;    

    animation-name: myanim; /*规定 @keyframes 动画的名称。*/

    animation-duration: 2s; /*规定动画完成一个周期所花费的秒或毫秒。默认是 0。*/

    animation-timing-function: linear; /*规定动画的速度曲线。默认是 "ease"。*/

    animation-delay: 0s; /*规定动画何时开始。默认是 0。*/

    animation-iteration-count: infinite; /*规定动画被播放的次数。默认是 1 这里infinite是无限 */

    animation-direction: normal; /*规定动画是否在下一周期alternate逆向地播放。默认是 "normal"。 正常播放*/

    animation-play-state: running; /*规定动画是否正在运行或暂停。默认是 "running"。*/

    animation-fill-mode: forwards; /*还停留在B点*/

}

/*************/

.zx-box { width:1200px; height:150px; background:#ffc045; margin:0 auto; margin-top:100px; color:#333333; font-size:14px; text-align:center; padding-top:50px;}

.zx-box .case-btn { bottom:35px;} 

.fd-link { line-height:36px; padding:27px 0; font-size:16px; padding-left:75px; width:1125px; position:relative;}

.fd-link:before { position:absolute; left:0; top:27px; content:"友情链接:"}

.fd-link a { display:inline-block; margin-right:14px;}

.fd-link a:hover { color:#ffc045; text-decoration:underline;}

.foot-bg { height:290px; overflow:hidden; position:relative;}

.foot { background:#ffffff; height:52px; line-height:52px; font-size:14px; text-align:center; color:#232e3a; width:100%; z-index:30; position:relative;}



.foot-top { position:absolute; left:50%; margin-left:-600px; top:0; height:290px;  z-index:30;}

.foot-nav { overflow:hidden; float:left; margin-top:40px}

.foot-nav li { float:left; width:150px; font-size:14px; line-height:30px;}

.foot-nav li a { color:#6f8399; display:block;}

.foot-nav li h1 { color:#fff; font-size:24px; padding-bottom:13px; margin-bottom:13px; position:relative}

.foot-nav li h1:before { content:""; position:absolute; left:0; bottom:0; width:20px; height:3px; background:#fff;-webkit-transition: all 0.3s linear; -ms-transition: all 0.3s linear;transition: all 0.3s linear;}

.foot-nav li a:hover { text-decoration:underline; color:#bdd1e7;}

.foot-nav li a:first-child:hover { text-decoration:none;  }

.foot-nav li a:hover h1:before { width:46px;}

.wei-right { margin-top:42px; float:right; width:445px; height:207px; border-left:1px solid #324253; color:#7b8d9f; line-height:28px;}

.wei-img { float:left; margin-left:50px; text-align:center; margin:0px 20px 0 20px; color:#fff;}

.wei-img2 { width:112px; height:112px; position:relative}

.wei-img2 img { position:absolute;  right:0; bottom:0; width:112px; height:112px;-webkit-transition: all 0.3s linear; -ms-transition: all 0.3s linear;transition: all 0.3s linear;}

.wei-img2:hover img { width:156px; height:156px;-webkit-transition: all 0.3s linear; -ms-transition: all 0.3s linear;transition: all 0.3s linear;} 

.wei-tit { font-size:24px; margin-right:5px; color:#fff;}





.shade-bg { background:rgba(0,0,0, .5); position:fixed;  width:100%; height:100%; top:0px; left:0px; z-index:990; display:none;  }

.wk-con { position:fixed; left:0;  z-index:999; top:-600px; height:500px; width:100%; background:#ffffff; z-index:999; }

/*.wk-con .hy-td, .wk-con2 .hy-td { line-height:40px;}*/

.ck-close { position:absolute; top:50px; right:50px; width:44px; height:44px; background:url(../images/close.png) no-repeat;  cursor:pointer; transition: all 200ms ease-in 0s; -webkit-transition: all 200ms ease-in 0s; -ms-transition: all 200ms ease-in 0s;}

.ck-close:hover { transform:rotate(180deg); -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg);}

.drop-left { width:550px; float:left; margin-top:56px; }

.hello-con { font-size:14px; line-height:28px; color:#232e3a; border-bottom:1px solid #e1e1e1; padding:20px 0 10px;}

.hello-bom { color:#232e3a; line-height:30px; font-size:16px;}

.hello-bom h1 { font-size:24px; margin:80px 0 15px;}

.drop-right { width:550px; float:right; margin-top:50px;}

.drop-tit { color:#232e3a; font-size:24px;}

.drop-table { width:520px;}

.drop-table td { padding:10px 0; line-height:40px;}

.xx-name { color:#232e3a; font-size:16px; line-height:30px; height:30px; background:url(../images/xx.jpg) right center no-repeat; padding-right:15px; display:inline-block;}

.input-box { height:40px; width:176px; position:relative;}

.input-box input,.input-box select { border:none; height:40px; line-height:40px; width:100%; color:#666; position:relative; top:1px; border-bottom:1px solid #e1e1e1;}

.input-box input:focus { border-bottom:1px solid #ffc045;}

.sel-box {}

.sel-box .selext {  }

.drop-btn { display:block; width:435px; height:60px; text-align:center; line-height:60px; background:#ffc045; color:#232e3a; font-size:16px; cursor:pointer; border:none;}

.input-box:after { content:""; position:absolute; left:0; bottom:-2px; z-index:20; height:1px; background:#ffc045; width:0;transition: all 200ms ease-in 0s; -webkit-transition: all 200ms ease-in 0s; -ms-transition: all 200ms ease-in 0s; }

.input-box:hover:after { width:100%;}



.wk-t { padding-left:35px; line-height:70px; border-bottom:1px solid #e2e2e2; margin-bottom:20px; line-height:70px; font-size:24px; }

.hy-area { width:410px; height:90px; line-height:22px; padding:5px 10px; resize:none; border:1px solid #c7c7c7; background:#f7f7f7; margin-right:10px; position:relative; }

.hy-area:hover { border:1px solid #3897da;}

.hy-area:focus { border:1px solid #3897da; -webkit-box-shadow:0 0 2px #3897da; -ms-box-shadow:0 0 2px #3897da; box-shadow:0 0 2px #3897da;}

.file3 {position: relative; display:inline-block; width:70px; height:40px; line-height:40px; cursor:pointer; border:none; background:#3a9de2; color:#fff; display:inline-block; text-align:center; font-size:16px; margin-right:10px; }































/*********/

.kj-a { border-left:1px solid #e6e6e6; width:1200px; overflow:hidden; margin:0 auto;}

.kj-a li { position:relative; float:left;} 

.kj-a a { display:block; height:177px; width:239px; border:1px solid #e6e6e6; font-size:16px; border-left:none; text-align:center; color:#666666; line-height:80px; }

.kj-a a img { display:block; height:53px; margin:0 auto; margin-top:42px;}

.cool-l span{position:absolute;-webkit-transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94);-moz-transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94);-o-transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94);transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94)}

.cool-l .line-1{left:0px;top:0px;width:0%;height:2px}

.cool-l .line-2{right:0px;top:0px;width:2px;height:0%}

.cool-l .line-3{right:0px;bottom:0px;width:0%;height:2px}

.cool-l .line-4{left:0px;bottom:0px;width:2px;height:0%}

.cool-l:hover .line-1,.cool-l:hover .line-3{width:100%}

.cool-l:hover .line-2,.cool-l:hover .line-4{height:100%}

.kj1 span{ background:#35c2fa;}

.kj1:hover a{ color:#35c2fa}

.kj2 span{ background:#eb6247;}

.kj2:hover a { color:#eb6247}

.kj3 span{ background:#ffa241;}

.kj3:hover a{ color:#ffa241}

.kj4 span{ background:#1296db;}

.kj4:hover a { color:#1296db}

.kj5 span{ background:#9a74db;}

.kj5:hover a{ color:#9a74db}

/**********************************/



.class-ul { overflow:hidden;  }

.class-ul li { width:400px; float:left; overflow:hidden;}

.class-ul li .img-box { width:400px; height:195px; overflow:hidden;}

.class-ul li .class-box {width:398px; height:193px; color:#666666; border:1px solid #f1f1f1; text-align:center; font-size:14px; background:url(../images/bg1.jpg) 0 -12px no-repeat;-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear;transition: all 0.3s linear;}

.class-ul .c1 .class-box,.class-ul .c3 .class-box  { background:url(../images/bg1.jpg) 0 -401px no-repeat;}

.class-ul li h1 { color:#058cd3; font-size:18px; margin:30px 0 20px;} 

.bm-btn { color:#666; width:114px; height:34px; line-height:34px; display:block; margin:0 auto; margin-top:30px; border:1px solid #d9d9d9; -webkit-border-radius:5px; border-radius:5px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear;transition: all 0.3s linear;} 

.class-ul li:hover .class-box{background:url(../images/bg1.jpg) 0 -207px no-repeat; color:#fff; }

.class-ul li:hover h1 { color:#fff;}

.class-ul li:hover .bm-btn { color:#fff; border:1px solid #fff; font-size:16px;}

/*************************/

.gray-bg { background:#f5f5f5; padding-bottom:60px; overflow:hidden;}

.about-info { float:left; overflow:hidden; width:500px; padding:0 50px; background:#fff; height:379px; color:#888888; font-size:15px; line-height:30px;}

.about-info h1 { color:#333333; font-size:18px; text-align:center; margin:28px 0 10px}

.about-btn { color:#fff; width:157px; height:38px; line-height:38px; text-align:center; display:block; margin:0 auto; margin-top:25px; background:#058cd3; -webkit-border-radius:19px; border-radius:19px; -webkit-transition: all 0.3s linear; -ms-transition: all 0.3s linear;transition: all 0.3s linear;}

.about-btn:hover { width:160px; height:39px; line-height:39px; font-size:18px; box-shadow:5px 5px 8px #aaa;}

/* 轮播图 */

.about-slide{ position:relative; background: #f5f5f5; overflow:hidden; width:600px; height:379px; float:left;}

.about-slide .hd{ height:12px; overflow:hidden; position:absolute; right:0px; bottom:40px;  z-index:1;width: 100%;text-align: center; display:none;}

.about-slide .hd ul{ overflow:hidden; zoom:1;}

.about-slide .hd ul li{display: inline-block;width: 12px;height: 12px;background: #fff;margin: 0 5px;border-radius: 50%;line-height: 50px; cursor:pointer;}

.about-slide .hd ul li.on{background: #058cd3;}

.about-slide .bd{ position:relative; height:100%; z-index:0;}

.about-slide .bd li{ zoom:1; vertical-align:middle; }

.about-slide .bd li img {height:379px; width:600px; display:block;}

.about-slide .prev,.about-slide .next{ position:absolute; bottom:20px; display:block;width:40px;height:40px;overflow: hidden;background:url(../images/prev.jpg) no-repeat;-webkit-transition: all 0.3s linear; -ms-transition: all 0.3s linear;transition: all 0.3s linear; }

.about-slide .prev{ right:70px;  }

.about-slide .prev:hover{ background-position:-40px 0;}

.about-slide .next{ right:20px; background-position:-120px 0;}

.about-slide .next:hover{background-position:-80px 0;}

/********************************/

/*教练风采*/

.picScroll-left{overflow:hidden; position:relative; padding-bottom:85px;}

.picScroll-left .hd{height:0px;position: relative;}

.picScroll-left .bd{}

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

.picScroll-left .bd ul li{margin-right: 33px;float:left; _display:inline;overflow:hidden; width:275px;  position: relative;}

.picScroll-left .bd ul li img{display: block;width: 275px;height: 340px;}

.picScroll-left .bd ul li h1{ width:273px; border:1px solid #f1f1f1; height:50px; line-height:50px; text-align:center; color:#333333; font-size:18px; background:url(../images/bg1.jpg) 0 -155px;-webkit-transition: all 0.3s linear; -ms-transition: all 0.3s linear;transition: all 0.3s linear; }

.picScroll-left .bd ul li:hover h1{ background-position:0 -207px; border:1px solid #058cd3; color:#fff;}

/*翻页*/

.picScroll-left .prev,.picScroll-left .next{ position:absolute; bottom:0; display:block;width:49px;height:49px; background:url(../images/prev2.png) 0 0 no-repeat;overflow: hidden;cursor: pointer;z-index: 99;-webkit-transition: all 0.3s linear; -ms-transition: all 0.3s linear;transition: all 0.3s linear;}

.picScroll-left .prev{left: 540px;}

.picScroll-left .prev:hover{background-position:-49px 0;}

.picScroll-left .next{right: 540px;background-position:-148px 0;}

.picScroll-left .next:hover{ background-position:-99px 0;}

/*学校新闻*/

.news-left{ position:relative; width:1200px; margin:0 auto;}

.news-left .hd{height:0px;position: relative;}

.news-left .bd{ width:1210px; overflow:hidden;}

.news-left .bd ul{ overflow:hidden; zoom:1; }

.news-left .bd ul li{margin:0 37px 10px 0;float:left; _display:inline;overflow:hidden; width:375px;  position: relative; height:400px; background:#fff;  -webkit-box-shadow:5px 5px 5px #ddd;-ms-box-shadow:5px 5px 5px #ddd;box-shadow:5px 5px 5px #ddd;}

.news-left .bd ul li img{display: block;width: 375px;height: 200px;}

.news-left .bd ul li .news-con { padding:20px; color:#666; font-size:14px; line-height:20px;}

.news-left .bd ul li h1{ color:#333333; font-size:16px; }

.news-left .bd ul li h3 { color:#bbbbbb; padding:5px 0;}

.news-left .bd ul li:hover h1{ color:#058cd3;}

/*翻页*/

.news-left .prev,.news-left .next{ position:absolute; top:50%; margin-top:-25px; display:block;width:49px;height:49px; background:url(../images/prev2.png) 0 0 no-repeat;overflow: hidden;cursor: pointer;z-index: 99;-webkit-transition: all 0.3s linear; -ms-transition: all 0.3s linear;transition: all 0.3s linear;}

.news-left .prev{left: -60px;}

.news-left .prev:hover{background-position:-49px 0;}

.news-left .next{right: -60px;background-position:-148px 0;}

.news-left .next:hover{ background-position:-99px 0;}

/***************************************/

.news-btn {}

.news-btn { color:#fff; width:157px; height:38px; line-height:38px; text-align:center; display:block;margin-top:20px; background:#058cd3; -webkit-border-radius:19px; border-radius:19px; -webkit-transition: all 0.3s linear; -ms-transition: all 0.3s linear;transition: all 0.3s linear;}

.news-btn:hover { width:160px; height:39px; line-height:39px; font-size:18px; box-shadow:5px 5px 8px #aaa;}

/****************/

.guide-box { height:440px; overflow:hidden;}

.guide-tab { text-align:center;}

.guide-on,.guide-off {color:#888888; font-size:14px; margin:0 5px 10px; width:136px; height:34px; line-height:34px; display:inline-block;  border:1px solid #d7d7d7; cursor:pointer; -webkit-border-radius:17px; border-radius:17px;-webkit-transition: all 0.3s linear; -ms-transition: all 0.3s linear;transition: all 0.3s linear; }

.guide-on { background:#058cd3; border:1px solid #058cd3; color:#fff; box-shadow:5px 5px 5px #888}

.guide-inn {}

/*学车指南*/

.guide-inn{overflow:hidden; position:relative; padding-bottom:85px; }

.guide-inn .hd{height:0px;position: relative; }

.guide-inn .hd ul { display:none;}

.guide-inn .bd{}

.guide-inn .bd ul{ overflow:hidden; zoom:1; width:1250px;}

.guide-inn .bd ul li{margin:40px 40px 0 0;float:left; _display:inline;overflow:hidden; width:580px; height:134px; color:#777777; line-height:24px; background:#f8f8f8;  position: relative;}

.guide-inn .bd ul li img{display: block;width: 134px;height: 134px; float:left; margin-right:27px;}

.guide-inn .bd ul li h1{  margin:20px 0 10px; color:#333333; font-size:16px;  }

.guide-inn .bd ul li:after { content:""; position:absolute; bottom:18px; left:162px; width:16px; height:2px; background:url(../images/line1.jpg) -26px 0 no-repeat;-webkit-transition: all 0.3s linear; -ms-transition: all 0.3s linear;transition: all 0.3s linear; } 

.guide-inn .bd ul li:hover { color:#fff; background:#058cd3;}

.guide-inn .bd ul li:hover h1{ color:#fff;}

.guide-inn .bd ul li:hover:after { background-position:-10px 0;}



/*翻页*/

.guide-inn .prev,.guide-inn .next{ position:absolute; top:383px; display:block;width:49px;height:49px; background:url(../images/prev2.png) 0 0 no-repeat;overflow: hidden;cursor: pointer;z-index: 99;-webkit-transition: all 0.3s linear; -ms-transition: all 0.3s linear;transition: all 0.3s linear;}

.guide-inn .prev{left: 540px;}

.guide-inn .prev:hover{background-position:-49px 0;}

.guide-inn .next{right: 540px;background-position:-148px 0;}

.guide-inn .next:hover{ background-position:-99px 0;}

/*****内页*****/

.inban {  height:300px; position:relative; }

.wz-bg { height:50px; background:#f5f5f5;}

.wz { background:url(../images/wz.jpg) 0 no-repeat; padding-left:10px; float:right; color:#888888; font-size:14px; line-height:50px;}

.wz a {color:#888888; padding:0 7px;}

.wz a:hover { color:#058cd3; text-decoration:underline;}

.inmain { width:1200px; margin:0 auto; overflow:hidden;}

.left { width:240px; float:left; position:relative;  }

.left-t { position:absolute; left:50%; margin-left:-600px; bottom:-50px; width:240px; height:100px; background:#058cd3; line-height:100px; text-align:center;color:#fff; font-size:24px;}

.left-c { margin-top:30px; overflow:hidden; padding-bottom:30px; background:#f5f5f5; }

.left-c a { display:block; height:55px; line-height:53px; color:#666666;margin-top:1px; text-align:center; font-size:16px; background:url(../images/leftc.jpg) -242px 0 no-repeat;-webkit-transition: all 0.3s linear; -ms-transition: all 0.3s linear;transition: all 0.3s linear;}

.left-c a:hover,.left-c a.on { background-position:-2px 0; color:#fff;}

.right { width:900px; min-height:400px; float:right; overflow:hidden;}

.right-t { margin-top:30px; height:52px; line-height:52px; font-size:24px; color:#15a2d6; border-bottom:1px solid #ececec;}

.right-t span { color:#bbbbbb; font-size:16px; margin-left:6px;}

/******/

.inpic { overflow:hidden; width:950px;}

.inpic li { float:left; width:283px;  overflow:hidden; margin:25px 25px 0 0; line-height:30px;}

.inpic li img {width:283px; height:203px; display:block; }

.inpic li h1{ border:1px solid #f1f1f1; height:50px; line-height:50px; text-align:center; color:#333333; font-size:18px; background:url(../images/pich1.jpg) 0 -50px;-webkit-transition: all 0.3s linear; -ms-transition: all 0.3s linear;transition: all 0.3s linear; }

.inpic li:hover h1{ background-position:0 0px; border:1px solid #058cd3; color:#fff;}



.coach-pic li{ width:206px;}

.coach-pic li img { width:206px; height:253px;}

/*************/

.fanye { text-align:center; padding:40px 0 0px 0;}

.fanye a { display:inline-block; padding:0 10px; height:26px; border:1px solid #cacaca;  line-height:26px; font-size:14px; color:#6d6d6d; margin:0 6px; }

.fanye a:hover { background:#058cd3; border:1px solid #138edc;  color:#fff;}

innews{}

/******************/

.innews { overflow:hidden;  margin-top:10px;}

.innews li { padding:10px; border-bottom:1px dashed #e0e0e0; position:relative; color:#888888; line-height:22px; font-size:14px; padding:25px 0; overflow:hidden;}

.innews li img { width:216px; height:114px; display:block; float:left; margin-right:25px;}

.innews li .date { margin-top:10px; }

.innews li h1 { font-size:16px; color:#333; padding:10px 0 5px}

.innews li:hover h1 { color:#058cd3}

.info-c { color:#555555; font-size:15px; line-height:34px;  margin:20px 0 0 0; overflow:hidden;}

.info-c img { max-width:100%;}

.info-t { line-height:30px; padding-top:30px;  text-align:center; font-size:24px; color:#555555; }

.info-sp { text-align:center; color:#767676; border-bottom:1px dashed #767676; padding:7px 0; margin:5px 28px 0 0px; height:25px; line-height:25px; }

.fenx {margin-left:20px; display:inline; _display:none; }

.sxpian { border-top:1px dashed #c0c0c0; margin:40px 0px 0 0px; padding-top:25px; line-height:30px; color:#474747; font-size:14px;}

.sxpian a { margin-left:6px; color:#969696;}

.sxpian a:hover {  color:#058cd3; text-decoration:underline;}

/**分享***/

.bdsharebuttonbox{display: inline;_display: none; margin-left:10px;}

.bdsharebuttonbox a{float: none !important;width:19px !important; height:18px !important; display:inline-block !important; padding-left:0px !important;margin:0 2px !important;position: relative;top: 4px;}

.bds_sqq{background:url(../images/share9.png) no-repeat !important; background-position:-49px 0 !important;}

.bds_weixin{background:url(../images/share9.png) no-repeat !important; background-position:0px 0 !important; margin-left:6px;}

.bds_tsina{background:url(../images/share9.png) no-repeat !important; background-position:-25px 0 !important;}

.bds_qzone{background:url(../images/share9.png) no-repeat !important; background-position:-74px 0 !important;}

.bds_tqq{background:url(../images/share9.png) no-repeat !important; background-position:-98px 0 !important;}

.bds_more{background:url(../images/share9.png) no-repeat !important; background-position:-123px 0 !important;}

/******************************/

.red{color:#ff0000;}

.con_r { margin:30px 0 0 85px; }

.con_r tr { height:62px;}

.mark {color:#dd001f; font-size:16px; position:relative; top:2px; padding:0 5px;}

.lx_area { float:left; width:480px; height:130px; padding:7px 10px; border:1px solid #d7d7d7; line-height:24px; margin-right:2px; }

.lx_inp { width:328px; padding:0 10px; height:38px; border:1px solid #d7d7d7;  margin-right:10px;}

.lx_sub { width:150px; height:45px; display:inline-block; background:#058cd3; border-radius:2px; behavior: url(js/pie.htc); position:relative; z-index:2; border:none;  border-bottom:2px solid #145492; cursor:pointer; color:#ffffff; font-size:18px; margin:30px 13px 0 0; }

.lx_reset { background:#c9c9c9; border-bottom:2px solid #a5a5a5; color:#222222;}

.td1 { float:left; line-height:40px; color:#222222; font-size:14px; text-align:right; padding-right:10px !important; width:100px;}

.sex-rad { line-height:40px; }

.rad { position:relative; top:3px; margin-right:5px;}

.lx_inp:hover,.lx_inp:focus,.lx_area:hover,.lx_area:focus{ box-shadow:0px 0px 3px #058cd3;}

/* formbox */

#formbox{ margin-bottom:40px; margin-top:20px;}

#formbox .label{width:100px;text-align:right;font-size:14px;}

#formbox .span-150{width:100px;}

#formbox .text{width:100px;height:16px;padding:4px 3px;border:1px solid #bbb;font-size:14px;font-family:arial,"宋体";}

#formbox .text-1{width:100px;}

#formbox .blank{width:16px;height:16px;margin:2px 5px 0;}

#formbox .img img{height:26px;margin:0 5px;}

#formbox .succeed{background:url(images/pwdstrength.gif) no-repeat -105px 0;}

#formbox .yellow_button{font-size:14px;font-weight:bold;color:#fff;border:none;cursor:pointer;}

#formbox .highlight1{ box-shadow:0px 0px 3px #1e7bd3;}

#formbox .highlight2{ box-shadow:0px 0px 3px #f00; color:#f00;}

#formbox .pwdbg{background:#FFF8EB;}

#formbox .focus{color:#999;line-height:22px;*line-height:20px;}

#formbox .null,#formbox .error{color:red;line-height:22px;*line-height:20px;}

#formbox #referrer{color:#999;font-size:12px;}

#formbox #protocol{margin:0px 5px 0 0;display:inline;}

.hide{display:none;}.invisible{visibility:hidden;}.overflow{overflow:hidden;}

.clear{display:block;clear:both;height:0;overflow:hidden;}





.imforwarp {width:1021px; overflow:hidden; margin-top:55px;}

#lightbox-infoFooter { display:block !important;}

#lightbox-caption-title {text-decoration:none !important; color:#000000; font-size:14px; }

#lightbox-currentNumber {display:none !important;}

#lightbox-close {background:url(../images/close_btn_06.png) no-repeat; width:29px!important; transition:all 200ms ease 0s; -webkit-transition:all 200ms ease 0s; -ms-transition:all 200ms ease 0s;  height:29px; position:absolute; right:-14px; top:-14px; z-index:9999;}

#lightbox-close:hover { transform:rotate(180deg); -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg);}

#lightbox-imageBox,#lightbox-infoBox{border:#FFF 5px solid !important;}











/* 案例列表 */



.test{ background-color:#F00;}



.ny_main{ width:1200px; height:auto;}

.ny_tit_p1{ text-align:center; line-height:60px; font-size:55px; color:#a7a7a7;}

.ny_tit_p2{ text-align:center; line-height:24px; font-size:18px; color:#a7a7a7;}



.ny_menu_box{width:100%; height:70px; line-height:70px; text-align:center; background-color:#FFC045; margin-top:42px; margin-bottom:40px;}



.ny_menu_box a{ display:inline-block; font-size:18px; color:#232e3a; width:210px;}

.ny_menu_box .on{ font-weight:bold;}



.ny_main_box{width:100%; height:auto;}

.mny_casebox{ width:360px; height:330px; border-bottom:1px solid #E1E1E1; margin-right:58px; margin-bottom:48px;}



.mny_casebox .p1{ color:#232e3a; font-size:22px; line-height:32px; padding-top:10px;} 

.mny_casebox .p2{ color:#888888; font-size:14px; line-height:18px; padding-top:5px;}



.mny_casebox .img{width:360px; height:230px; overflow:hidden;}

.mny_casebox img{width:360px; height:230px; display: block; }





.fenye{width:100%; height:40px; line-height:40px; text-align:right;}

.fenye li{ display:inline-block; width:auto; text-align:center; line-height:40px; height:40px; margin-left:10px; background-color:#D3D3D3; padding-left:15px; padding-right:15px; color:#555555; font-size:14px;}

.fenye li:hover{ background-color:#F0B61A; color:#fff;}



.fenye .active{background-color:#F0B61A; color:#fff;}



/* 案例详情 */



.ny_mbx{width:100%; height:30px; line-height:30px; color:#7b838e; font-size:12px;}

.ny_mbx a{color:#7b838e; }

.ny_mbx .on{ color:#ffa900;}



.ny_wz_tit_p1{color:#232e3a; font-size:32px; text-align:center; line-height:60px; padding-bottom:10px; padding-top:40px;}

.ny_wz_tit_p2{color:#232e3a; font-size:16px; text-align:left; line-height:24px;}



.m_linebox{ height:1px; width:100%; background-color:#E1E1E1; margin-top:30px; margin-bottom:60px;}



.wenzhang{ font-size:14px; line-height:32px; }



.ny_menutit{ font-size:32px; color:#232e3a; text-align:center; margin-top:60px; margin-bottom:30px;}

.m_info_margin{ margin-left:20px; margin-right:20px;}





.swiper-button-next{width:70px; height:150px; background-color:#E1E1E1; }

.swiper-button-prev{width:70px; height:150px; background-color:#E1E1E1; }

.swiper-button-prev,

.swiper-container-rtl {

background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23AAAAAA'%2F%3E%3C%2Fsvg%3E");

left: 10px;

right: auto;

}

.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23AAAAAA'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}

.swiper-button-next:hover{ background-color:#FFC045; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}

.swiper-button-prev:hover{ background-color:#FFC045; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}







.ny_s_page{width:100%; height:640px; background-position:center; background-repeat:no-repeat;}

.m_server_right{width:550px; height:450px; margin-top:100px; float:right;}

.m_server_right .p1{color:#fff; font-size:34px; line-height:60px;}

.m_server_right .p2{color:#fff; font-size:14px; line-height:24px; padding-bottom:40px;}

.m_server_right .p3{color:#fff; font-size:18px; line-height:40px;}

.m_server_right .p4{color:#232e3a; font-size:16px; line-height:58px; text-align:center; width:260px; height:58px; background-color:#FFC045; display:block; margin-top:35px;}

.m_server_left{width:550px; height:450px; margin-top:100px; float:left;}

.m_server_left .p1{color:#fff; font-size:34px; line-height:60px;}

.m_server_left .p2{color:#fff; font-size:14px; line-height:24px; padding-bottom:40px;}

.m_server_left .p3{color:#fff; font-size:18px; line-height:40px;}

.m_server_left .p4{color:#232e3a; font-size:16px; line-height:58px; text-align:center; width:260px; height:58px; background-color:#FFC045; display:block; margin-top:35px;}

.about_box{width:1080px; height:530px; border-bottom:1px solid #E1E1E1; margin-top:60px;}

.about_bright{width:700px; height:auto; float:right;}

.about_bright .p1{color:#232e3a; font-size:24px; line-height:40px;}

.about_bright .p1 font{color:#232e3a; font-size:98px;}

.about_bright .p2{color:#232e3a; font-size:16px; line-height:32px; padding-top:10px;}

.about_box_in{width:620px; height:auto; padding:35px; background-color:#F6F6F6; line-height:28px; font-size:16px; margin-top:22px;}

.contact_box{width:1200px; height:880px; background-color:#fff;}

.ditu{width:1200px; height:360px;}

.iw_poi_title{color:#007fbf;font-size:18px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap;}

.iw_poi_content{overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word; line-height:24px; color:#616364; font-weight:bold;}

.contact_box_ri{width:460px; height:460px; float:right; margin:70px; margin-top:50px; padding-right:75px;} 

.msg_table{width:500px; font-size:16px; margin-top:60px;}

.m_edt{ height:40px; line-height:40px; width:180px; border:0px; border-bottom:1px solid #E1E1E1; margin-top:10px;}

.m_sub{width:190px; height:58px; line-height:58px; text-align:center; background-color:#FFC045; font-size:16px; border:0px; color:#232e3a;}

.ny_newsbox{width:340px; height:466px !important; float:left; border-bottom:1px solid #E1E1E1; margin-right:90px; margin-bottom:50px; position:relative;}

.ny_date_box{width:40px; height:20px; line-height:20px; text-align:center; color:#fff; font-size:12px; background-color:#FFC045; float:left;}

.ny_newsbox .img{width:340px; height:200px; overflow:hidden;}

.ny_newsbox .img img{width:340px; height:200px; display: block; }



.ny_newsbox .p1{font-size:22px; color:#232e3a; line-height:28px; padding-top:20px; height: 21px; overflow:hidden; padding-bottom:10px;}

.ny_newsbox .p2{font-size:14px; color:#888888; line-height:24px; height:140px; overflow:hidden; padding-top:5px; }

.ny_newsbox .p3{font-size:16px; position:absolute; left:0px; bottom:0px; color:#4d535a; line-height:58px; height:58px; display:block; width:100%; text-align:center; background-color:#fff; margin-top:20px;}

.ny_wz_tit_p3{ font-size:14px; color:#232e3a; text-align:center; }

.back_list{width:156px; height:38px; border:2px solid #5D6275; display:block; text-align:center; line-height:38px;}

.np_box{width:100%; height:65px; margin-top:30px;}

.np_box a{width:550px; height:50px; line-height:50px; border-bottom:1px solid #E6E6E6; color:#888888; display:block; float:left;}

.np_box a span{ color:#232e3a;}







.contact_b_l{width:422px; height:422px; float:right; margin-right:60px; margin-top:40px;}



.mcp{color:#232e3a; font-size:18px; line-height:32px; padding-top:30px; position:relative;}



.mcp img{ margin-right:10px; position:absolute; top:35px;}





.swiper-pagination{ bottom:200px !important;}



.mny_casebox{-webkit-transition: all 0.3s linear; -ms-transition: all 0.3s linear;transition: all 0.3s linear;}

.mny_casebox *{-webkit-transition: all 0.3s linear; -ms-transition: all 0.3s linear;transition: all 0.3s linear;}

.mny_casebox:hover{ background-color:#FEC045;}

.mny_casebox:hover .p1{color:#fff; padding-left:20px;}

.mny_casebox:hover .p2{color:#fff; padding-left:20px;}

.mny_casebox:hover img{}



.m_server_right .p3{-webkit-transition: all 0.3s linear; -ms-transition: all 0.3s linear;transition: all 0.3s linear;}

.m_server_left .p3{-webkit-transition: all 0.3s linear; -ms-transition: all 0.3s linear;transition: all 0.3s linear;}



.m_server_right .p3:hover{color:#FFC045 !important;}

.m_server_left .p3:hover{color:#FFC045 !important;}



.ny_newsbox{-webkit-transition: all 0.3s linear; -ms-transition: all 0.3s linear;transition: all 0.3s linear; height:427px;}

.ny_newsbox *{-webkit-transition: all 0.3s linear; -ms-transition: all 0.3s linear;transition: all 0.3s linear;}

.ny_newsbox:hover{ background-color:#FFC045;}

.ny_newsbox:hover .p1{ padding-left:20px; color:#fff;}

.ny_newsbox:hover .p2{ padding-left:20px; color:#fff;}



.ny_newsbox .p1{width:320px; margin:0px auto; }

.ny_newsbox .p2{width:320px; margin:0px auto; }



.np_box *{-webkit-transition: all 0.3s linear; -ms-transition: all 0.3s linear;transition: all 0.3s linear;}

.np_box a:hover{color:#FFC045;}

.np_box a:hover span{color:#FFC045;}



/*************/
.tb-ac1 { width:100%; height:100%; background:#232e3a url(../images/g_dh.gif) center no-repeat; -webkit-background-size:62px 62px; background-size:62px 62px;}
.tb-ac2 { width:100%; height:100%; background:#eaeaea url(../images/g_lu.gif) center no-repeat; -webkit-background-size:62px 62px; background-size:62px 62px;}
.tb-ac3 { width:100%; height:100%; background:#232e3a url(../images/g_pho3.png) center no-repeat; -webkit-background-size:62px 62px; background-size:62px 62px;}
.tb-ac4 { width:100%; height:100%; background:#eaeaea url(../images/g_pho4.png) center no-repeat; -webkit-background-size:62px 62px; background-size:62px 62px;}
.tb-ac5 { width:100%; height:100%; background:#232e3a url(../images/g_pho5.png) center no-repeat; -webkit-background-size:62px 62px; background-size:62px 62px;}
.tb-ac66 { position:relative; top:-82px; width:164px; height:164px;background:#fff url(../images/wei.jpg) center no-repeat;-webkit-background-size:164px 164px; background-size:164px 164px; }
.wei-tbimg .tb-ac66 { top:-62px;}