*{padding: 0; margin: auto;}
body{ font-family:"微软雅黑"; font-size:16px; color:#666;min-width:1200px;  }
a{ color:#3c3c3c;text-decoration:none}
a:hover{ text-decoration:none !important;}
li{ list-style:none;}
img{border: 0;}

.html {position: relative;}
.container {width:1230px;}

.padding-top-90 {padding-top: 35px;}


/*首页*/
.content {text-align: center; margin: auto;padding: 0; margin-top: 20px;z-index:999;}

.yy-content {position:fixed;text-align: center; margin: auto;padding: 0; margin-top: 5px;z-index:999;}

.language {margin-top:17px;float:left;}
.language a{color:#000;font-size:18px;font-weight: bold}

.language a:hover{color:#2684e6;font-weight:bold;text-decoration:underline;}

.head {background-color: #d6d7d9; height: 40px; border-bottom: 2px solid #e9e9e9;}

/*导航栏部分*/
.head-fl {padding: 0; }
.navbar-brand.logo {height: auto; padding: 0 15px; margin-top: -20px;}
.nav-head {margin-bottom: 4px;}
.nav-head>li {padding: 0 30px; float: left;}
.nav-head>li>a {padding: 15px 10px; font-size: 18px;font-weight:bold; border-bottom: 2px solid #fff;display: inline-block; }
.nav-col {padding: 0;}



.head-fl .nav-head>li>a:hover , .head-fl .nav-head>li>a:focus ,.head-fl .nav-head>li.active>a,.head-fl .nav-head>li.active>a:hover, .nav-de .nav-head>.open>a, .nav-de .nav-head>.open>a:focus, .nav-de .nav-head>.open>a:hover{color:#2a94fa; background-color: transparent; border-color:#2a94fa; }
.head-fl .nav-head>.active>a, .head-fl .nav-head>.active>a:focus, .head-fl .nav-head>.active>a:hover {color:#ee1c25; background-color: transparent;}

.conte1 {position: relative; color: #fff; height: 768px;}

.first-in {background: url("../images/010.png") center no-repeat; position: relative; color: #fff;height: 768px;}


.margin-top-20 {margin-top:30px;}
.cont-t {margin-top: 250px;}
.conte2 {background-color: #ebedee; padding:80px 0;}
.ft1 {font-size: 55px; font-weight: 200; font-weight: 200;}
.ft1 span {color:#2a94fa;}
.ft2 {font-size:18px; font-weight: 100; }
.ft3 a {margin-top: 100px; font-size: 25px; border: 1px solid #fff; color: #fff; display: inline-block; padding:15px; font-weight: 200; display: inline-block;}
.ft3 a:hover {border-color:#2a94fa; color: #2a94fa; }
.ft4 {font-size:23px; font-weight: 100; }
.title-t1 {font-size: 35px; color: #2a94fa; font-weight: 300;margin-top:0px;}
.line1 { height: 1px; width: 45px; background-color:#2a94fa;}
.title-t2 {font-weight: lighter; font-size:25px; margin-top: 20px;margin-bottom:0px; }
.rowf { margin-top: 39px;}
.rowf .col-5 a {width: 20%; padding: 179px 15px 0 15px; float: left; display: inline-block; }

.col5-1 a {background: url("../images/icon1.png") top center no-repeat;}

.col5-1:hover a {background: url("../images/icon1-2.png") top center no-repeat;}

.col5-2 a {background: url("../images/icon2.png") top center no-repeat;}
.col5-2:hover a {background: url("../images/icon2-2.png") top center no-repeat;}
.col5-3 a {background: url("../images/icon3.png") top center no-repeat;}
.col5-3:hover a {background: url("../images/icon3-2.png") top center no-repeat;}
.col5-4 a {background: url("../images/icon4.png") top center no-repeat;}
.col5-4:hover a {background: url("../images/icon4-2.png") top center no-repeat;}
.col5-5 a {background: url("../images/icon5.png") top center no-repeat;}
.col5-5:hover a {background: url("../images/icon5-2.png") top center no-repeat;}

.tc1 {width:210px;height:90px;font-size: 18px; padding: 0px 0; color: #000; }

.yy-tc1 {width:210px;height:90px;font-size: 18px; padding: 20px 0; color: #000; margin-top: -30px;}
.tc2 {font-size: 16px; font-weight: 200; line-height: 30px; text-align: left;color: #666;margin-top: -45px;}

.yy-tc2 {font-size: 16px; font-weight: 200; line-height: 30px; text-align: center;color: #666;margin-top: 0px;}

.conte3 {padding: 80px 0 0 0; background-color: #fff;}
.md { margin-top: 35px;}
.md2 { margin-top: 35px;}

.md .col-xs-6 {height: 370px;margin-bottom:40px;}

.md2 .col-xs-6 {height: 450px;margin-bottom:40px;}


.adva-t1 {font-size: 18px; color: #000; padding: 15px 0;}
.adva-t2 {font-size: 16px; font-weight: 200; line-height: 30px; text-align: left; color: #666; padding: 0 40px;}

.md2 {margin-top: 30px;}
.conte4 {height: 619px;  background: url("../images/bg02.png") center no-repeat; position: relative; color: #fff; padding: 80px 0; }
.introduction {padding: 0px 190px; margin-top: 35px; font-weight: lighter; font-size:16px; line-height: 25px; text-align: left; }
.md2 .col-xs-2 {background: url("../images/bg3.png") right top 40px no-repeat;margin-top:40px;}
.adva-t3 {font-size: 18px; color: #fff; padding: 20px 0; font-weight: lighter;}
.md2 .col-xs-2.last2 {background: transparent;}

.conte5 {padding: 80px 0;}
.md3 {border: 1px solid #ddd; margin-top: 35px; text-align: center;}
.md3 .col-xs-3 { border: 1px solid #ddd; height: 138px; line-height: 138px; padding: 0; text-align: center; width: 25%; float: left; overflow:hidden;}
.md3 .col-xs-3 span {width: 100%; display: inline-block;}
/*.md3 .col-xs-3 span img {vertical-align: middle; }*/

.mores1 {margin-top: 76px;}
.mores1 a {padding:15px 60px; font-size:18px; color: #2a94fa; border: 1px solid #2a94fa; display: inline-block; font-weight: 300; }

.foots {background-color:#2a94fa; color: #fff; padding: 40px 0; }
.con-foot {padding: 16px 0px;}
.img-l {padding: 70px 50px;margin-top: -50px;}



.foot-tt p {font-weight: lighter; font-size:16px; margin: 0; line-height: 30px; width:688px;}

/*我们的服务*/
.cont-t2 {margin-top: 250px; opacity: 1; transition: 2s all;}
.conte-2 {position: relative; color: #fff; background: url("../images/bg4.jpg") center no-repeat; height: 768px;}
.tt1 {font-size: 55px; font-weight: 400; }
.tt2 {font-size: 55px; font-weight: lighter; font-weight: 400; }
.tt3 a {margin-top: 100px; font-size: 25px; border: 1px solid #2a94fa; color: #2a94fa; display: inline-block; padding:15px; font-weight: 400;}
.tt3 a:hover {border-color: #fff; color: #fff;}


.conte-f2 {padding: 80px 0 0 0;background: url("../images/bg.jpg") center no-repeat; height: 960px;position: relative;}
.conte-f2-2 {padding: 80px 0 0 0;background: url("../images/bg.jpg") center no-repeat; height: 800px;position: relative;}
.conte-f2-1 {padding: 80px 0 0 0;background: url("../images/bg.jpg") center no-repeat; height: 800px;position: relative;}



.tf1 {height:90px;font-size: 18px;color:#2a94fa; font-weight: 300;padding: 20px 0; font-family:"微软雅黑";}
.tf1:hover{  border-color:#2a94fa; color: #2a94fa; }

.tf2 {font-size: 16px;color:#666; font-weight: lighter;line-height: 30px; text-align: left;font-family:"微软雅黑";}
.fuwu-t {font-size: 20px; padding: 0 100px; margin-top: 35px; line-height: 30px; font-weight: lighter;}
.row2 { margin-top: 40px; position: relative; z-index: 800;}
.row2 img {background-color: #fff;}
.conte-f3 {padding: 80px 0; background-color:#e5e5e5;}
.title-f1 {padding: 0 100px; font-size: 20px; font-weight: lighter; margin-top: 35px; text-indent:36px; }
.row3 {margin-top: 35px;  }
.row3 .col-xs-4 {padding: 0; width: 33.333333%; float: left; position: relative;overflow: hidden; }
.row3 .col-xs-4 img {width: 100%;}


.info-md4 {width: 100%; height: 100%; position: absolute; background:url(../images/mask.png) center repeat; padding: 0 65px;color: #fff; text-align: center;  top: -100%;left: 0; z-index: 980;  opacity: 0;}



.info-md4 span {font-size:16px; font-weight: 200; text-align: left; display: block; margin-top: 10px; }

.title-m4 {font-size:18px; margin-top: 50px; overflow: hidden;}


.row3 .col-xs-4:hover img {transition: 1.5s all; transform:scale(1.2,1.2); /*设置动画时间*图片放大1.2倍**/}
.row3 .col-xs-4:hover .info-md4 { opacity: 1; transition: 0.5s all; top:0;}



.row2 .col-5 a {position:relative;z-index:5;width: 20%; padding: 108px 15px 0 15px; float: left; display: inline-block; }

.col52-1 a {background: url("../images/icon12.png") top center no-repeat;}
.col52-1 a:hover , .col52-1.active a {background: url("../images/icon12-2.png") top center no-repeat;}



.col52-2 a {background: url("../images/icon13.png") top center no-repeat;}
.col52-2 a:hover {background: url("../images/icon13-2.png") top center no-repeat;}
.col52-3 a {background: url("../images/icon14.png") top center no-repeat;}
.col52-3 a:hover {background: url("../images/icon14-2.png") top center no-repeat;}
.col52-4 a {background: url("../images/icon15.png") top center no-repeat;}
.col52-4 a:hover {background: url("../images/icon15-2.png") top center no-repeat;}
.col52-5 a {background: url("../images/icon16.png") top center no-repeat;}
.col52-5 a:hover {background: url("../images/icon16-2.png") top center no-repeat;}

/*合作客户*/
.conte-gh {background: url("../images/bg5.png") center no-repeat;}
.cont-tgh {margin-top: 360px; text-align: center; padding: 0 210px;}
.yy-cont-tgh {margin-top: 360px; text-align: center; padding: 0 100px;}
.belive {font-size:80px; color: #fff; display: inline-block; position: relative; float: left; line-height: 80px;left:90px;}
.info-tt {font-size:35px; color: #fff; text-align: center; display: inline-block; width: 507px; line-height: 60px;}
.int1 {border-bottom: 1px solid #fff; font-weight: 300;}
.int2 {font-weight: lighter;}
.conte-h2 {background-color: #fff; position: relative; padding: 80px 0;}
/*.md3-1 {height:136px; display: table-cell; vertical-align: middle; text-align: center;}*/
/*.md3-1 {height:136px;   display:flex;justify-content:center;align-items:center; !**图片居中对齐**!}*/
.md3-1 {height:138px; overflow: hidden;}
/*.md3-1 img {position:absolute;  top:50%;  left:50%; -webkit-transform:translate(-50%,-50%);*/
    /*-moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);  -o-transform:translate(-50%,-50%);   transform:translate(-50%,-50%);}*/

.md3-1 img {-webkit-filter: grayscale(100%)opacity(50%);  -moz-filter: grayscale(100%);   -o-filter: grayscale(100%);  filter: (1000%);
    filter: gray; }
.md3-01 img{-webkit-filter: grayscale(100%);  -moz-filter: grayscale(100%);   -o-filter: grayscale(100%);  filter: (1000%);
    filter: gray; 
	
	
}
     
    
/*首页商标图*/
.first-md3 .md3-1 img {filter: none !important;  }
.md3 .md3-1:hover img {filter: none;-webkit-filter: grayscale(0);  -moz-filter: grayscale(0);   -o-filter: grayscale(0);  filter: grayscale(0);}
.md3 .md3-01:hover img{filter: none;-webkit-filter: grayscale(0);  -moz-filter: grayscale(0);   -o-filter: grayscale(0);  filter: grayscale(0);
	
	}
.md3-2 {height:138px; overflow: hidden;}




.hzgh {font-size: 20px;  margin-top: 35px; line-height: 30px; font-weight: lighter; padding: 0 90px; }
.md3-hz { margin: 0 98px; margin-top: 50px; }
.conte-h3 {padding: 80px 0;}
.row4 {width: 618px;}
.row4 .col-xs-6 {padding: 0 5px; width: 50%; float: left;}
.row4 .col-xs-6 img {width: 100%;}
.instructions-t1 {font-size:25px; background-color: #fff; line-height: 54px; color: #333; overflow: hidden;}
.instructions-t2 {font-size:12px; background-color: #fff; color: #333; line-height: 30px; overflow: hidden;}
.yy-instructions-t2  {font-size:12px; color: #333; line-height: 30px; overflow: hidden;}

.yy-instructions-t2 {font-size:19px;background-color: #fff;background-size color: #333; line-height: 97px; overflow: hidden;}
.yy-instructions-t2-2 {font-size:12px;background-color: #fff;background-size color: #333; line-height: 19px; overflow: hidden;}
.yy-instructions-t2-1 {font-size:12px;background-color: #fff;background-size color: #333; line-height: 28px; overflow: hidden;}
.yy-instructions-t2-3 {font-size:12px;background-color: #fff;background-size color: #333; line-height: 48px; overflow: hidden;}
.yy-instructions-t2-4 {font-size:12px;background-color: #fff;background-size color: #333; line-height: 24px; overflow: hidden;}

.yy-instructions-t1 {font-size:25px; background-color: #fff; line-height: 54px; color: #333; overflow: hidden;}


.last4 {margin-top: 10px;}
.content-in {height: 444px; background:url("../images/bg6.png") center no-repeat; padding: 75px 0;}
.title-t3 {font-size:35px; font-weight: 400; color: #fff;}
.title-t4 {font-size:18px; font-weight: 200; color: #fff; margin-top: 30px;}
.tt-p {display: block; margin-top: 65px;}

/*关于我们*/
.conte-wm {background: url("../images/bg8.png") center no-repeat;}
.conte-us {height: 300px; margin-left:280px; margin-top: 250px; background: url("../images/bg7.png") no-repeat; background-size: 100% 100%; width: 744px;}
.yy-conte-us {height: 300px; margin-left:150px; margin-top: 250px; background: url("../images/2bg7.png") no-repeat; background-size: 100% 100%; width: 855px;}


.title-tu {padding-top: 75px; line-height: 70px;}
.yy-title-tu {padding-top: 90px; line-height: 70px;}

.title-tu2 {font-size: 35px; line-height: 35px; padding-top: 40px;}

.company {padding-top: 80px;padding-left:90px}
.company1 {padding-left: 150px;}

.about {width: 475px; margin-left: 70px;}

.yy-about2-t1{margin-top:15px;font-size: 18px; color:#000;text-indent: 36px; line-height: 35px; text-align: left; font-weight: lighter;}

.about-t1 {padding-top: 20px; padding-bottom: 40px; font-size: 25px; color: #333; text-align: center;}
.about1-t1 {padding-top: 100px; padding-bottom: 0px; font-size: 25px; color: #333; text-align: center;}

.about2-t1 {padding-top: 90px; padding-bottom: 40px; font-size: 25px; color: #333; text-align: center;}
.about-t2 { margin-top:40px;font-size: 16px; text-indent: 36px; line-height: 35px; text-align: left; font-weight: lighter;}
.yy-about-t2 { font-size: 16px; text-indent: 36px; line-height: 35px; text-align: left; font-weight: lighter;}

/*企业文化*/
.conte-u2 {height: 625px; background: url("../images/bg9.png") center no-repeat; padding: 80px 0;}
.title-ts1 {color: #fff;}
.line1-1 {background-color: #fff;}
.culture { font-weight: lighter;  font-size: 25px;  margin-top: 20px;color: #fff;}
.us-t {color: #fff; padding: 0 40px; font-size: 18px; text-indent: 36px; text-align: left; }
.con-us {padding: 0 145px; margin-top: 80px;}
.con-us .col-xs-3 {width: 25%; height: 200px; overflow: hidden; float: left;}
.md-u1 {width: 90%; height: 90%; border-radius: 50%; background-color: #fff; padding: 30px 20px;}



.ttu-1 {font-size: 20px; margin-bottom: 15px; color: #2a94fa;}
.yy-ttu-1 {margin-bottom:1px;font-size: 20px; margin-top: -12px; color: #2a94fa; line-height:23px;}
.yy-ttu-2 { font-size:14px; line-height:17px;} 

.col-xs-3 .active,.md-u1:hover  {background-color:#2a94fa; }
.md-u1:hover .yy-ttu-1 ,.md-u1:hover .yy-ttu-2 ,.col-xs-3 .active .yy-ttu-1,.col-xs-3 .active {color: #fff !important;}
.md-u1:hover .ttu-1 ,.md-u1:hover .yy-ttu-2 ,.col-xs-3 .active .yy-ttu-1,.col-xs-3 .active {color: #fff !important;}
.md-u1:hover .ttu-2 ,.md-u1:hover .yy-ttu-2 ,.col-xs-3 .active .yy-ttu-1,.col-xs-3 .active {color: #fff !important;}



/*创始人*/
.text-l {text-align: left; font-weight:300;}

.yy-text-l {margin-top:60px;text-align: left; font-weight:300;}



.about-u1 p {margin-bottom: 0; line-height: 30px; width: 500px; text-indent: 0;line-height:35px}

/*招贤纳士*/
.recruitment {position: relative; color: #fff; background: url("../images/bg10.png") center no-repeat; height: 768px;}
.recruitment-h {margin-top: 350px; padding: 0 200px;}
.recr-t1 {text-align: left; margin-left:50px;font-size: 55px; }
.recr-t2 {text-align: right; margin-right:50px;font-size: 55px; }
.content-re {text-align: center;}
.head-t1 {height:60px; line-height: 60px;  margin-top: 30px; font-size: 30px; text-align:left; padding-left: 120px; background:#ebedee url("../images/bg11.png") left 55px center no-repeat;}
.left-re1 {width: 240px; overflow: hidden;}
.head-t2 {background:#ebedee; margin-top: 30px; padding: 30px; height: 400px; overflow: hidden;}
.head-t2 img {margin-top: 70px;}
.rect-tt1 {font-size:30px; margin-top: 10px;color: #000;}
.left-re2 {text-align: left; width: 400px; overflow: hidden;}
.title-re1 {font-size: 25px; font-weight: 300;color: #000; margin-bottom: 20px;}
.title-re2 p {font-weight: lighter; font-size: 16px; line-height: 30px; margin-bottom: 0; display: block;}
.left-re3 {width: 416px;text-align: left;}
.more-re { padding-top: 80px; padding-bottom: 80px; margin-top: 0;}
.more-re a {margin-top: 0; padding: 10px 80px;}
.mores1 a:hover {color: red; border-color: red;}


@media screen and (max-width:1230px){
    .container , .conte1 ,.first-in, body { width: 1230px; }
    .conte1 {padding: 0 15px;}
    /*!*首页*!*/
    /*.nav-head>li>a { padding: 35px 7px;}*/
}