@charset "utf-8";
*{
	margin: 0;
	padding: 0;
}
ul,li{
	list-style: none;
}
a{
	text-decoration: none;
}
.logo{
	width: 1200px;
	margin: auto;
}
.logo ul li{
	display: inline-block;
}

    .form-wrapper {
        width: 340px;
        padding: 8px;
        overflow: hidden;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#f5b8d5), to(#e44b93)); 
        background-image: -webkit-linear-gradient(top, #f5b8d5, #e44b93);
        background-image: -moz-linear-gradient(top, #f5b8d5, #e44b93);
        background-image: -ms-linear-gradient(top, #f5b8d5, #e44b93);
        background-image: -o-linear-gradient(top, #f5b8d5, #e44b93);
        background-image: linear-gradient(top, #f5b8d5, #e44b93);
        font-family: "iconfont" !important;
    }
    
    .form-wrapper #search {
        width: 255px;
        height: 30px;
        padding: 5px 5px;
        float: left;   
        font-family: "iconfont" !important;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
    }
    
    .form-wrapper #search:focus {
        outline: 0; 
        border-color: #aaa;
        -moz-box-shadow: 0 1px 1px #bbb inset;
        -webkit-box-shadow: 0 1px 1px #bbb inset;
        box-shadow: 0 1px 1px #bbb inset;  
        font-family: "iconfont" !important;
    }
    
    .form-wrapper #search::-webkit-input-placeholder {
       color: #999;
       font-weight: normal;
    }
    
    .form-wrapper #search:-moz-placeholder {
        color: #999;
        font-weight: normal;
    }
    
    .form-wrapper #search:-ms-input-placeholder {
        color: #999;
        font-weight: normal;
    }    
    
    .form-wrapper #submit {
        float: right;    
        border: 1px solid #00748f;
        height: 30px;
        width: 65px;
        padding: 0;
        cursor: pointer;
        /*font: bold 15px Arial, Helvetica;*/
        color: #fafafa;
        text-transform: uppercase;    
        background-color: #396874;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#6daaba), to(#396874));
        background-image: -webkit-linear-gradient(top, #6daaba, #396874);
        background-image: -moz-linear-gradient(top, #6daaba, #396874);
        background-image: -ms-linear-gradient(top, #6daaba, #396874);
        background-image: -o-linear-gradient(top, #6daaba, #396874);
        background-image: linear-gradient(top, #6daaba, #396874);
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;      
        text-shadow: 0 1px 0 rgba(0, 0 ,0, .3);
        -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 0 #fff;
        -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 0 #fff;
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 0 #fff;
    }
      
    .form-wrapper #submit:hover,
    .form-wrapper #submit:focus {		
        background-color: #396874;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#6daaba), to(#396874));
        background-image: -webkit-linear-gradient(top, #6daaba, #396874);
        background-image: -moz-linear-gradient(top, #6daaba, #396874);
        background-image: -ms-linear-gradient(top, #6daaba, #396874);
        background-image: -o-linear-gradient(top, #6daaba, #396874);
        background-image: linear-gradient(top, #6daaba, #396874);
    }	
      
    .form-wrapper #submit:active {
        outline: 0;    
        -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
        -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;    
    }
      
    .form-wrapper #submit::-moz-focus-inner {
        border: 0;
    }
.logo ul li{
	width: 395px;
}
.logo ul li a{
	color: #555555;
	font-size: 14px;
	font-weight: lighter;
	position: relative;
	bottom: 8px;
}
.main .keshi{
	width: 100%;
	height: 131px;
	background: #f8f8f8;
	margin: auto;
}
.main .keshi ul{
	width: 1200px;
	margin: auto;
}
.main .keshi ul li{
	display: inline-block;
	text-align: center;
	width: 396px;
}
.main .first{
	width: 1200px;
	margin: auto;
}
.main .first .about{
	float: left;
}
.main .first .about .titles{
	width: 466px;
}
.main .first .titles{
	width: 310px;
	background: #e6e4e2;
	height: 37px;
	margin: 20px 0;
}
.main .first .about .titles b,.main .first .dynamic .titles b,.main .first .Information .titles b{
	float: left;
	background: url(../img/bg.png) no-repeat;
	line-height: 37px;
	color: #fff;
	font-size: 18px;
	font-weight: lighter;
	display: block;
	width: 165px;
	padding-left: 30px;
}
.main>.first>.about>.titles>ul>li>a,.main>.first>.dynamic>.titles>ul>li>a,.main>.first>.Information>.titles>ul>li>a{
	float: right;
	line-height: 37px;
	color: #e44b93;
	font-size: 14px;
	font-weight: lighter;
	padding-right: 10px;
}
.main .first .dynamic{
	float: left;
	margin: 0px 20px;
}
.main .first .dynamic .titles{
	width: 367px;
}
.main>.first>.dynamic>ul{
	padding-top: 20px;
}
.main>.first>.dynamic>ul>li{
	line-height: 33px;
}
.main>.first>.dynamic>ul>li>a{
	color: #434243;
	font-size: 16px;
	width: 330px;
	display: inline-block;
	overflow: hidden;
	 white-space: nowrap;
	text-overflow: ellipsis;
}
.main .first .dynamic ul li img{
	position: relative;
	bottom: 13px;
}
.main .first .Information{
	float: left;
}
.main>.first>.Information>ul>li{
	line-height: 33px;
}
.main>.first>.Information>ul>li>a{
	color: #434243;
	font-size: 16px;
	width: 290px;
	display: inline-block;
	overflow: hidden;
	 white-space: nowrap;
	text-overflow: ellipsis;
}
.main .first .Information ul li img{
	position: relative;
	bottom: 10px;
}
.main .tese{
	clear: both;
	width: 100%;
	height: 550px;
	background: #F8F8F8;
	text-align: center;
	margin-bottom: 30px;
}
.main>.tese>span>img{
	margin-top: 40px;
}

.main .envir{
	width: 1200px;
	margin:45px auto;
}
.main .envir .envir_pic .more a{
	position: relative;
	top: -338px;
	color: #fff;
}
.main .envir .more{
	background: #76979f;
	height: 37px;
	width: 165px;
	text-align: center;
	position: relative;
	top: 270px;
	left: 43%;
}
.main .envir ul li{
	float: left;
	margin: 20px 0px 90px;
}
.main .envir ul li img{
	width: 280px;
	margin: 0px 10px;
}
.main .team img{
	margin: auto;
}
.container{margin: 0 auto; max-width: 1200px;}
.row{width: 103%; float: left; /*margin: 110px -1.5%;*/}

/*= common css to all effects =*/
.single-member{width: 237px; float: left; margin: 0px 0.3%; background-color: #fff; text-align: center; position: relative;}
.member-image img{max-width: 100%; vertical-align: middle;}
.single-member h3 {font-size: 24px; font-weight: normal; /*margin: 10px 0 0;*/ text-transform: uppercase;margin: auto;}
.single-member p {font-size: 12px; font-weight: lighter; line-height: 26px; padding: 0 10px; /*margin-bottom: 10px;*/background: #396874;color: #fff;margin: auto;}
.social-touch a{display: inline-block; width: 27px; height: 26px; vertical-align: middle; margin: 0 2px; background-image: url(../images/social-icons.png); background-repeat: no-repeat; opacity: 0.7; transition: 0.3s;}
.single-member p a{color: #fff;}
.social-touch a:hover{opacity: 1; transition: 0.3s;}
.fb-touch{background-position: 0 0;}
.tweet-touch{background-position: -35px 0;}
.linkedin-touch{background-position: -71px 0;}
.icon-colored .fb-touch{background-position: 0 -27px;}
.icon-colored .tweet-touch{background-position: -35px -27px;}
.icon-colored .linkedin-touch{background-position: -71px -27px;}
.effect-2{max-height: 362px; min-height: 362px; overflow: hidden;}
.effect-2 h3{color: #fff; padding-top: 7px; line-height: 33px;background: rgba(57,104,116,0.69);width: 237px;height: 43px;font-size: 14px;font-weight: lighter;}
.effect-2 .member-image{/*border-bottom: 5px solid #1fb554;*/ height: 320px; overflow: hidden; width: 100%; transition: 0.4s; display: inline-block; float: none; vertical-align: middle;}
.effect-2 .member-info{transition: 0.4s;}
.effect-2 .member-image img{width: 100%; vertical-align: bottom;}
.effect-2 .social-touch{background-color: #1fb554; float: left; left: 0; bottom: 0; overflow: hidden; padding: 5px 0; width: 100%; transition: 0.4s;}
.effect-2:hover .member-image{height: 235px; transition: 0.4s;}
.main .team{width: 1200px;margin: auto;}
.footer{
	clear: both;
	width: 100%;
	height: 202px;
	background: url(../img/di.png) no-repeat;
	color: #B2B2B2;
	font-size: 12px;
}
.footer .footer_up{
	width: 100%;
	padding-top: 25px;
	border-bottom: 1px solid #B2B2B2;
}
.footer .footer_up ul{
	width: 1250px;
	height: 63px;
	margin: auto;
}
.footer .footer_up ul li{
	display: inline-block;
	margin-left: 20px;
}
.footer .footer_up ul li a{
	color: #b2b2b2;
	margin-right: 20px;
}
.footer .footer_down{
	width: 1200px;
	padding-top: 20px;
	line-height: 30px;
	margin: auto;
}
.footer .footer_down ul li a{
	color: #b2b2b2;
}
.footer .footer_down .left{
	float: left;
}
.footer .footer_down .right{
	float: right;
	text-align: right;
}
/*悬浮链接*/
.suspension{position:fixed;z-index:55;right:0;bottom:185px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:70px;height:70px;background-color:#619aaa;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.suspension .a .i{float:left;width:70px;height:70px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:70px;height:70px;/*margin-top:12px;*/margin-left:10px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:70px;height:70px;/*margin-top:12px;*/margin-left:5px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-63px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-183px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:97px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:94px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{/*border-bottom:1px solid #eee;*/padding:14px 0;}
.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(../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(../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;color: #000000;font-weight: lighter;}
.suspension .d-service-item .text{float:left;width:112px;line-height:44px;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:44px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../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;}