﻿/* Ã¦Â¸â€¦Ã©â„¢Â¤Ã¥â€ â€¦Ã¥Â¤â€“Ã¨Â¾Â¹Ã¨Â·Â */



.top_bg{height: 175px;background:url(../images/top_bg.gif) repeat-x;overflow:hidden;}
.header{width: 1200px; margin:0 auto;}
.h_con{height: 116px;overflow: hidden;}
.h_con .logo{float:left;/* width: 92px; */padding: 30px 0px 0 0;}
.h_con .logo img{ width:92px; height:70px;}
.h_con .h_dw{float:left;line-height: 32px;font-size: 24px;color: #0e6753;h;height: 82px;verflow: hidden;padding: 25px 0 0 20px;position: relative;}
.h_con .h_dw:before{content: "";width: 1px;height: 48px;/* background: #eaeaea; */position: absolute;top: 44px;left: 0;}
.h_dw i{font-weight: normal;display: block;font-size: 20px;color: #333;}
.h_tel{height: 70px;padding: 38px 0 0 45px;position: relative;}
.h_tel .nextpage{position:absolute;width:30px;height:70px;top:0;left: 0;
  animation:plateRotate 1s linear infinite alternate;
  -webkit-animation:plateRotate 1s linear infinite alternate;
  transform-origin:50% 0 0;
  -webkit-transform-origin:50% 0 0;
 }
.h_tel .nextpage em,.h_tel .nextpage a{display:block;}
.h_tel .nextpage .line{width:1px;height:40px;background: #72ceb9;margin-left: 15px;}
.h_tel .nextpage .mouse{width:30px;height:30px;background:url(../images/tel.png);}
.h_tel p{line-height: 30px;}
.h_tel p em{display: block;float: left;font-size: 14px;color: #333;}
.h_tel p b{display: block;float: left;font-size: 28px;color: #333;}
.h_tel p i{display: block; font-weight:100}
.h_nav{ height:56px; line-height:56px;overflow: hidden;}
.h_nav li{height: 56px; float:left;position: relative;}
.h_nav li a{font-size:16px;color:#fff;padding: 0 63px;display:block;float:left;position: relative;z-index: 4;text-decoration:none;}
.h_nav li a:hover{background:#0e6753\9;}/* IE6ÃƒÆ’Ã‚Â£ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚ÂIE7ÃƒÆ’Ã‚Â£ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚ÂIE8ÃƒÆ’Ã‚Â¦ÃƒÂ¢Ã¢â€šÂ¬Ã‚ÂÃƒâ€šÃ‚Â¯ÃƒÆ’Ã‚Â¦Ãƒâ€¦Ã¢â‚¬â„¢Ãƒâ€šÃ‚Â */
.h_nav li:after{content:'';position:absolute;width:100%;height:0;background:#25a588;bottom:0;left:0;-webkit-transition:height .3s;transition:height .3s;}
.h_nav li:hover:after,.h_nav li.cur:after{height:100%;}
em,i{ font-style:normal;}
@-webkit-keyframes plateRotate {
  0% {-webkit-transform:rotateZ(-10deg);}
  100%{-webkit-transform:rotateZ(10deg);}
}
@keyframes plateRotate {
  0% {transform:rotateZ(-10deg);}
  100%{transform:rotateZ(10deg);}
}
 




@charset "utf-8";

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements Ã§Â»â€œÃ¦Å¾â€žÃ¥â€¦Æ’Ã§Â´Â  */

dl, dt, dd, ul, ol, li, /* list elements Ã¥Ë†â€”Ã¨Â¡Â¨Ã¥â€¦Æ’Ã§Â´Â  */

pre, /* text formatting elements Ã¦â€“â€¡Ã¦Å“Â¬Ã¦Â Â¼Ã¥Â¼ÂÃ¥â€¦Æ’Ã§Â´Â  */

fieldset, lengend, button, input, textarea, /* form elements Ã¨Â¡Â¨Ã¥Ââ€¢Ã¥â€¦Æ’Ã§Â´Â  */

th, td { /* table elements Ã¨Â¡Â¨Ã¦Â Â¼Ã¥â€¦Æ’Ã§Â´Â  */

    margin: 0;

    padding: 0;

}



input,textarea {border: 2 none; box-shadow: none; outline: none;}



/* Ã¨Â®Â¾Ã§Â½Â®Ã©Â»ËœÃ¨Â®Â¤Ã¥Â­â€”Ã¤Â½â€œ */

body,button, input, select, textarea {font: 14px/22px "Microsoft YaHei","Ã¥Â¾Â®Ã¨Â½Â¯Ã©â€ºâ€¦Ã©Â»â€˜","Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB",Arial,sans-serif; color: #666;}



* h1,* h2,* h3,* h4,* h5,* h6{margin: 0px;} /*Ã¨Â¦â€ Ã§â€ºâ€“bootstrapeÃ¥Â¯Â¹Ã¦Â â€¡Ã©Â¢ËœÃ¥Å Â Ã§Å¡â€žÃ©Â»ËœÃ¨Â®Â¤Ã¥Â¤â€“Ã¨Â¾Â¹Ã¨Â·Â*/



address, cite, dfn, em, i, var {font-style: normal;} /* Ã¦â€“Å“Ã¤Â½â€œÃ¦â€°Â¶Ã¦Â­Â£ */



/* Ã©â€¡ÂÃ§Â½Â®Ã¥Ë†â€”Ã¨Â¡Â¨Ã¥â€¦Æ’Ã§Â´Â  */

ul, ol ,li{list-style: none;}



/* Ã©â€¡ÂÃ§Â½Â®Ã¦â€“â€¡Ã¦Å“Â¬Ã¦Â Â¼Ã¥Â¼ÂÃ¥â€¦Æ’Ã§Â´Â  */

a {text-decoration: none; color: #666; word-wrap:break-word;}/*Ã¨â€¹Â±Ã¦â€“â€¡Ã¦ÂÂ¢Ã¨Â¡Å’*/

a:hover {text-decoration: none; color:#124f3f;}



/* Ã©â€¡ÂÃ§Â½Â®Ã¨Â¡Â¨Ã¥Ââ€¢Ã¥â€¦Æ’Ã§Â´Â  */

legend {color: #000;} /* for ie6 */

fieldset, img {border: none;} /* img Ã¦ÂÂ­Ã¨Â½Â¦Ã¯Â¼Å¡Ã¨Â®Â©Ã©â€œÂ¾Ã¦Å½Â¥Ã©â€¡Å’Ã§Å¡â€ž img Ã¦â€”Â Ã¨Â¾Â¹Ã¦Â¡â€  */

/* Ã¦Â³Â¨Ã¯Â¼Å¡optgroup Ã¦â€”Â Ã¦Â³â€¢Ã¦â€°Â¶Ã¦Â­Â£ */

button, input, select, textarea {

    font-size: 100%; /* Ã¤Â½Â¿Ã¨Â¡Â¨Ã¥Ââ€¢Ã¥â€¦Æ’Ã§Â´Â Ã¥Å“Â¨ ie Ã¤Â¸â€¹Ã¨Æ’Â½Ã§Â»Â§Ã¦â€°Â¿Ã¥Â­â€”Ã¤Â½â€œÃ¥Â¤Â§Ã¥Â°Â */

}



/* Ã©â€¡ÂÃ§Â½Â®Ã¨Â¡Â¨Ã¦Â Â¼Ã¥â€¦Æ’Ã§Â´Â  */

table {

    border-collapse: collapse;

    border-spacing: 0;

}



/* Ã¨Â®Â©Ã©ÂÅ¾ieÃ¦ÂµÂÃ¨Â§Ë†Ã¥â„¢Â¨Ã©Â»ËœÃ¨Â®Â¤Ã¤Â¹Å¸Ã¦ËœÂ¾Ã§Â¤ÂºÃ¥Å¾â€šÃ§â€ºÂ´Ã¦Â»Å¡Ã¥Å Â¨Ã¦ÂÂ¡Ã¯Â¼Å’Ã©ËœÂ²Ã¦Â­Â¢Ã¥â€ºÂ Ã¦Â»Å¡Ã¥Å Â¨Ã¦ÂÂ¡Ã¥Â¼â€¢Ã¨ÂµÂ·Ã§Å¡â€žÃ©â€”ÂªÃ§Æ’Â */

html {overflow-y: scroll;}



/*Ã¨Â®Â¾Ã§Â½Â®Ã¦ÂµÂ®Ã¥Å Â¨*/

.fl {float: left;}

.fr {float: right;}

.pr{position: relative;}

.pa{position: absolute;}



/*Ã¥Â­â€”Ã¤Â½â€œÃ¥Â¤Â§Ã¥Â°Â*/

.clear{clear: both;height: 0;}

.blk-main .clearlist{ clear:both;height:0;padding:0;margin:0;border:0;width:100% ;float:none;}





/*Ã¨Â¡Â¨Ã¥Ââ€¢Ã¥Â¼Â¹Ã¦Â¡â€ */

.nsw-modal {

	width: 100%;

	height: 100%;

	background: rgba(225, 225, 225, 0.5);

	position: fixed;

	top: 0;

	left: 0;

	z-index: 99999;

}



.modal-dialog {

	position: fixed;

	color: #000000;

	top: 150px;

	width: 400px;

	border-radius: 3px;

	min-height: 155px;

	overflow: hidden;

	z-index: 99998;

	margin-left: -200px;

	left: 50%;

}



.modal-dialog .css-icon {

	background-image: url("../images/modal-icons.png");

}



.modal-dialog .modal-head {

	height: 30px;

	line-height: 30px;

	padding: 0px 20px;

	background: #F6EFEF;

	font-size: 14px;

}



.modal-dialog .modal-head .modal-logo {

	width: 15px;

	height: 15px;

	background-position: 1px 0px;

	margin: 8px 5px 0 0;

	float: left;

}



.modal-dialog .modal-head .close {

	float: right;

	width: 15px;

	height: 15px;

	background-position: -14px 0px;

	margin-top: 8px;

}



.modal-dialog .modal-body {

	width: 100%;

	min-height: 125px;

	background: #ffffff;

}



.modal-dialog .modal-body .modal-body-left {

	width: 140px;

	float: left;

}



.modal-dialog .modal-body .modal-body-left .icon {

	width: 64px;

	height: 64px;

	margin: 30px 0 0 48px;

}



.modal-dialog .modal-body .modal-body-left .success-message {

	background-position: 0px -14px;

}



.modal-dialog .modal-body .modal-body-left .warming-message {

	background-position: 0px -78px;

}



.modal-dialog .modal-body .modal-body-right {

	width: 260px;

	float: right;

	padding-top: 20px;

}



.modal-dialog .modal-body .modal-body-right .close-btn {

	color: #000;

	text-align: center;

	width: 90px;

	display: inline-block;

	height: 24px;

	line-height: 24px;

	background: #818079;

}



.modal-dialog .modal-body .modal-body-right p {

	line-height: 30px;}





/**/

body{min-width: 1200px;max-width: 1920px;margin: 0 auto;overflow-x: hidden; width: 100%;}

.content{ width:1200px; margin:0 auto;}



.guide dl dt img,.plan_m dl img,.case_con dl dt img,.news_qie dl dt img,.about dl dt img,.photo ul li img{

-webkit-transition: 1s;

-moz-transition: 1s;

transition: 1s;}

.guide dl dt img:hover,.plan_m dl img:hover,.case_con dl dt img:hover,.news_qie dl dt img:hover,.about dl dt img:hover,.photo ul li img:hover

{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}



/**/

.guide{background: url(../images/yinz_bg.png) no-repeat center bottom;padding: 60px 0 0;overflow: hidden;height: 400px;/* margin-bottom: 10px; */}

.guide dl dt{width: 540px;height: 365px;float: right;line-height: 0;overflow: hidden;}

.guide dl dt img{width: 540px;height: 365px;}

.guide dl dd{width: 600px;float: left;}

.guide dl dd h5{height: 60px;eight: 54px;position: relative;font-size: 42px;color: #333;}

.guide dl dd h5:before{content: "";width: 415px;height: 1px;background: #ccc;position: absolute;bottom: 2px;left: 0;}

.guide dl dd h5:after{content: "";width: 55px;height: 5px;background: #0e6753;position: absolute;bottom: 0;left: 0;-webkit-transition:all .5s;transition:all .5s;}

.guide dl dd h5 i{color: #0e6753;padding-left: 20px;}

.guide dl dd h5 span{display: block;font-size: 20px;color: #999;font-weight: normal;}

.guide dl dd h5:hover:after{width: 100px;}

.guide ul{/* padding: 55px 0 0; */}

.guide ul li{font-size: 18px;color: #333;float: left;/* font-weight: bold; */width: 200px;line-height: 24px;}

.guide ul li em{/* display: block; *//* width: 70px; *//* height: 70px; *//* line-height: 0; *//* overflow: hidden; *//* margin-bottom: 12px; */}

.guide ul li em img{width: 70px;height: 140px;-webkit-transition:all .5s;transition:all .5s;}

.guide ul li i{display: block;font-size: 14px;color: #999;font-weight: normal;}

.guide ul li:hover em img{margin-top: -70px;}






/*Ã¥â€¦Â³Ã¤ÂºÅ½Ã¦Ë†â€˜Ã¤Â»Â¬*/

.ab_bg{height: 323px;overflow: hidden;background-color: #f7f7f7;}

.about dl{position: relative;height: 603px;}

.about dl dt{width: 960px;height: 603px;line-height: 0;overflow: hidden;position: absolute;top: 0;right: 50%;}

.about dl dt img{width: 960px;height: 603px;}

.about dl dd{width: 540px;float: right;padding: 110px 0 0;}

.about dl dd h2{font-size: 48px;color: #333;line-height: 54px;height: 140px;position: relative;width: 415px;border-bottom: rgba(0,0,0,0.1) 1px solid;}

.about dl dd h2:before{content: "";width: 60px;height: 1px;background: #0e6753;position: absolute;bottom: -1px;left: 0;z-index: 2;-webkit-transition:all .5s;transition:all .5s;}

.about dl dd h2 i{display: block;font-size: 20px;font-weight: normal;color: #666;}

.about dl dd h2 a{color: #333;}

.about dl dd h2 a:hover{color: #0e6753;}

.about dl dd h2:hover:before{width: 120px;}

.ab_desc{font-size: 14px;color: #666;line-height: 28px;padding: 35px 0 0;display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3; overflow: hidden; text-overflow: ellipsis; }

.about dl dd span{display: block;width: 100px;padding: 100px 0 0;}

.about dl dd span a{display: block;font-size: 14px;color: #0e6753;width: 98px;text-align: center;height: 30px;line-height: 30px;position: relative;overflow: hidden;z-index: 1;border: #0e6753 1px solid;}

.about dl dd span a:before{content: "";width: 0;height: 100%;background: #0e6753;position: absolute;top: 0;left: 0;-webkit-transition:all .5s;transition:all .5s;z-index: -1;}

.about dl dd span a:hover:before{width: 100%;}

.about dl dd span a:hover{color: #fff;}





.f_bg{background:url(../images/f_bg.jpg) no-repeat center 0;height: 178px;overflow: hidden;}
.footer{width: 1200px; margin:0 auto;}
.f_logo{width: 254px;height: 230px;/* background: #0e6753; */padding: 38px 0 0;text-align: center;}
.f_logo a{font-size: 14px;color: #fff;font-weight: normal;display: block;}
.f_logo img{width: 126px;height: 129px;display: block;margin: 0 auto 40px;}
.f02{width: 500px;padding: 15px 0 0 70px;}
.f_nav{height: 120px;overflow: hidden;width: 500px;/* background:url(../images/f_line.png) no-repeat; */padding: 25px 0 0;}
.f_nav ul li{height: 42px;line-height: 32px;background:url(../images/f_ico01.png) no-repeat 0 14px;overflow: hidden;padding: 0 0 0 20px;width: 140px;float: left;}
.f_nav ul li a{font-size: 14px;color: rgba(255,255,255,0.8);}
.f_nav ul li a:hover{color: #fff;}
.f02 p{font-size: 14px;color: rgba(255,255,255,0.8);height: 50px;line-height: 25px;overflow: hidden; background:url(../images/f_line.png) no-repeat;width: 390px;padding: 15px 0 0;}
.f02 p a{color: rgba(255,255,255,0.8);}
.f02 p i{padding: 0 20px;}
.f02 p span{display: block;}
.f_ban{width: 320px;padding: 35px 0 0;}
.f_ban p{padding:0 0 0 35px;font-size: 14px;color: #fff;line-height: 24px;height: 60px;}
.f_ban p b{display: block;}
.f_ban p i{font-size: 20px;color: #fff;display: block;padding: 5px 0 0;font-weight: bold;}
.f_ban p em{font-size: 16px;}
.f_ban span{padding: 0 10px;}
.f_p01{background: url(../images/f_ico02.png) no-repeat 0 12px;}
.f_p02{background: url(../images/f_ico03.png) no-repeat 0 10px;}
.f_p03{background: url(../images/f_ico04.png) no-repeat 0 8px;}
  

        .client-2 {
            width: 45px;
            position: fixed;
            right: 10px;
            top: 60%;
            z-index: 999;
            color: #fff;
        }
        
        .client-2 li a {
            text-decoration: none;
            color: #fff;
        }
        
        .client-2 li {
            margin-bottom: 5px;
            width: 45px;
            height: 45px;
            border-radius: 50%;
            cursor: pointer;
            position: relative;
        }
        
        .client-2 li.my-kefu-qq {
            background:#0e6753 url(../images/cimg23.png) center no-repeat;
        }
        
        .client-2 li.my-kefu-weixin {
            background:#0e6753 url(../images/cimg24.png) center no-repeat;
        }
        
        .client-2 li.my-kefu-tel {
            background:#0e6753 url(../images/cimg25.png) center no-repeat;
        }
        
        .client-2 li.my-kefu-shouye {
            background:#0e6753 url(../images/tohome.png) center no-repeat;
            background-size:26px;
        }
        
        .client-2 li.my-kefu-shouye a {
            width: 45px;
            height: 45px;
            display: block;
        }
        
        .client-2 li.my-kefu-ftop {
            background:#0e6753 url(../images/returnTop.png) center no-repeat;
        }
        
        .client-2 li p {
            height: 20px;
            font-size: 12px;
            line-height: 20px;
            overflow: hidden;
            text-align: center;
            color: #fff;
        }
        
        .client-2 li.my-kefu-qq .cont {
            margin: 0;
            background:#0e6753 url(../images/cimg23.png) 15px center no-repeat;
            border-radius: 50px;
            padding-left: 45px;
            height: 45px;
            line-height: 45px;
            color: #fff;
            font-size: 16px;
            width: 130px;
            position: absolute;
            top: 0;
            right: 0;
            z-index: 999;
        }
        
        .client-2 li.my-kefu-tel .cont {
            margin: 0;
            background:#0e6753 url(../images/cimg25.png) 15px center no-repeat;
            border-radius: 50px;
            padding-left: 45px;
            height: 50px;
            line-height: 50px;
            color: #fff;
            font-size: 18px;
            width: 180px;
            position: absolute;
            top: 0;
            right: 0;
            z-index: 999;
            padding-top:5px;
            line-height:22px;
        }
        
        .client-2 .my-kefu-ftop {
            display: none;
        }
        
        .client-2 .my-kefu-ftop .my-kefu-main {
            padding-top: 6px;
        }
        
        .client-2 li.my-kefu-weixin .cont {
            margin: 0;
            width: 115px;
            padding: 5px;
            border: solid 1px #ccc;
            position: absolute;
            left: -150px;
            top: -44px;
            background-color: #fff;
        }
        
        .client-2 li.my-kefu-weixin .cont  span {
            display: block;
            line-height: 20px;
            font-size: 12px;
            text-align: center;
            color: #1a1a1a;
        }
        
        .client-2 li.my-kefu-weixin .cont  img {
            width: 115px;
            height: 115px;
        }
        
        .client-2 li:hover .cont {
            display: block!important;
        }
    

