/******************************
 ** 初始化 / 兼容到IE7
 ******************************/
* { margin:0 auto; padding:0; }
html { height:100%; }
body  { max-width:1920px; min-width:1200px; margin:0 auto; font:14px/2 'Microsoft Yahei', Arial; color:#666; background:#fff; }
img { border:0px; }
ul, ol { list-style-type:none; vertical-align:bottom;  }
table{ border-spacing:0px;}
input, textarea, select { font:14px/1 'Microsoft Yahei', Arial; color:#666; outline:0; }
textarea { resize:none; overflow:auto; }
h1,h2,h3,h4,h5,h6,h8,font { font-size:14px; }
a { color:#5a5a5a; text-decoration:none; cursor:pointer; }
a:hover, a:active { color:#18b9e7; }
a:link,
a:link img,
input, textarea { transition:all .3s linear;

    margin: 0;
    padding: 0;
    resize: none;
    border: none;
    outline: none;
    vertical-align: middle;
}
.fl{ float:left;}
.fr{ float:right;}

.hidden { display:none; visibility:visible; }
.wrap { width:1300px; margin:0 auto; position:relative; }
.center { width: 1200px; margin: 0 auto; }

/******************************
 ** 首页
 ******************************/
.topper { height:40px; border-bottom:1px solid #ddd; }
.topper .wel { float:left; line-height:40px; }
.topper .url { float:right; line-height:40px; }
.topper .url li { float:left; margin:0 0 0 20px; }

.header {  height:171px; background:url(../images/logo_bg.jpg);}
.header .web { color:#666; font-size:12px; height:35px; padding-top:5px; margin:0 auto 0 auto;}
.header .logo { float:left; margin:0 0 0 0; }
.header .logo img { display:block; height:125px; width:400px}
.header .tag { float:left; margin:39px 0 0; padding:5px 0 5px 20px; background:url(../images/header-line.png) left center no-repeat; color:#172646; }
.header .tag h2,
.header .tag h3 { line-height:25px; font-size:17px; font-weight:normal; }
.header .tag span { color:#F00; }
.header .tel { float:right; margin:30px 0 0 0; padding:0 0 0 45px; background:url(../images/phone.png) left center no-repeat;}
.header .tel h2,
.header .tel h3 { width:100%; }
.header .tel h2 { height:20px; line-height:20px; font-size:15px; font-weight:normal; }
.header .tel h3 { font-family:Arial, Helvetica, sans-serif; font-size:20px; line-height:30px; color:#304f92; font-weight:100; }

.head{margin:auto;position:relative; z-index:10; height:120px; float:right; }
.head .nav { color:#333;width:100%; margin:0 auto; height:120px; margin-top:35px; }
.head .nav ul{ color:#333;width:100%; margin:0 auto; background: url(../images/dhln.png)left center no-repeat; }
.head .nav li{ float:left; position:relative;z-index:20; color:#333; font-size:18px; !important;background: url(../images/dhln.png)left center no-repeat;margin: 0; padding: 0; }
.head .nav li a:hover,.head .nav li.cur{color:#c91b1b; !important; background: url(../images/dhln.png)left center no-repeat; margin: 0; padding:0 12px 0 12px;}
.head .nav li a{display:block; text-align:center; line-height:50px; color:#333;padding:0 12px 0 12px;}

.banner { position:relative; z-index:8;top:0px;width:100%;height:auto; }
.banner .list { position:relative; overflow:hidden; z-index:1;width:100%;}
.banner .list li { position:absolute; width:100%; height:600px; overflow:hidden; background:#FFF; display:none; z-index:1; }
.banner .list li:first-child { display:block; }
.banner .list li.active { z-index:2; }
.banner .list img { position:relative; display:block; width:1920px; left:50%; margin:0 0 0 -960px; }
.banner .tip { position:absolute; left:50%; bottom:20px; margin:0 0 0 -35px; line-height:0; z-index:18; }
.banner .tip li { display:inline-block; +display:inline; +zoom:1; width:14px; height:14px; border-radius:50%; background:none; border:1px solid #fff; margin:0 5px; cursor:pointer; transition:all .0.5s ease; 
background:url(../images/0d681b47c4d8405f900df5808e2692eb.gif);}
.banner .tip li.active { background:#fff; }
.banner .prev,
.banner .next { width:80px; height:80px; position:absolute; top:50%; margin:-40px 0 0; z-index:9; cursor:pointer; display:none; }
.banner .prev { background:url(../images/banner-pw.png) 0 0 no-repeat; left:50px; }
.banner .next { background:url(../images/banner-pw.png) 0 -80px no-repeat; right:50px; }
.banner .prev:hover { background-position:-80px 0; }
.banner .next:hover { background-position:-80px -80px; }
.banner .list,
.banner .list img { height:600px; }

.banner1 { position:relative; z-index:8;top:0; }
.banner1 .list,
.banner1 .list img { height:350px; width:100%; }

.banner5 img{ width:1903px; height:120px; text-align:center; margin:20px auto; overflow:hidden; }
.banner4 img{ width:1200px; height:160px; text-align:center; margin:20px auto; overflow:hidden; }

/*main*/
.main{width:100%;padding:0;}
/*fuwu*/
.service{ width:1350px; height:auto; margin:0 auto; overflow:hidden; margin-top:30px;}
.findex_title{ width:545px; height:120px; margin:0 auto;text-align:center; }
.index_title span{ display:block;width:180px; height:60px;font-size:36px; font-weight:bold;color:#304f92;line-height: 60px;font-family: Microsoft YaHei; margin:0 auto;
}

.index_title font{font-size: 14px;color: #7f7f7f;text-decoration: none;}
.index_title li{display: block;background: url(../images/index_line.png) center no-repeat;width: 545px;margin-top: 2px;text-decoration: none;} 

/*homegywm*/


.boxInd{ background:url(../images/bgIndex.png) top repeat-x; height:473px;margin:0 auto;}
.boxInd1{ width:1250px; height:470px; margin:0 auto; overflow:hidden; position:relative}

.indNews{width:100%; height:470px;position:absolute;overflow:hidden;}
.indNewsNav{position:relative;}
.indNewsNav div{ width:100%;height:80px; width:100%; overflow:hidden}
.indNewsNav div a{display:inline-block;line-height:80px; font-size:18px; color:#666; background: url(../images/tab2.png)left 25px no-repeat; font-weight:100; width:24%; text-align:center}
.indNewsNav div .on{background:#035cac; color:#fff}


.indNews1{ display:none; float:left; width:100%; height:350px;}
.indNews1 .left{width:40%; float:left;}
.indNews1 .left a{ display:block; line-height:35px; font-size:14px; }
.indNews1 .left a i{ float:right; font-size:14px; color:#999;}
.indNews1 .left a:hover{color:#e20c19}
.indNews1 .right{width:583px; height:291px; float:right; margin-top:-70px;}

.indNews1 .more{width: 200px; height:40px; font-family: Microsoft YaHei;background:#035cac; display:block; margin-left:10px;
 font-size: 14px;font-weight: normal;color:#fff; line-height:40px; text-align:center; margin-top:150px;}
.indNews1 .more:hover{ background-color:#7c7b7b; color:#fff;}


.about_l-title{ width:100%; height:120px; margin:0 auto;text-align:left; margin-top:15px; float:left; }
.about_l-title span{ display:block;width:100%; height:60px;font-size:28px; font-weight:100;color:#035cac;line-height: 60px; margin:0 auto; float:left;}
.about_l-title font{ width:100%;padding-bottom:15px; font-size: 12px;color:#4c4c4c;border-bottom: solid #CCC 0px;}
.about_l-title li{display: block;background: url(../images/index_line.png) center no-repeat;width: 545px;margin-top: 2px;text-decoration: none;} 



/*homenews*/

.newstit{padding-top:40px;}
.newstit h2{color:#333;font:400 26px/26px "Microsoft Yahei";background: url(../images/line3.jpg) no-repeat 50% 100%;padding-bottom: 25px;text-align: center;}
.newstit h2 p{color:#810110;font:600 31px/36px "Microsoft Yahei";text-transform:uppercase; margin-top:10px; }
.newstit h2 p span{color:#333;}
.newstit .profile{color:#666;font:400 14px/24px "Microsoft Yahei";text-align: center;padding-top:18px;}
.newsline{height:95px;position: relative;margin:15px 0;}
.newsline .red{position:absolute;width:1px;height:100%;background: #810110;left:50%;top:0;}

.boxInd11{ background:url(../images/bgIndex1.png) top repeat-x; height:600px;margin:0 auto;}
.boxInd111{ width:1250px; height:600px; margin:0 auto; overflow:hidden; position:relative}

.indNews2{width:100%; height:600px;position:absolute;overflow:hidden;}
.indNewsNav1{position:relative; }
.indNewsNav1 div{ width:99%;height:80px; overflow:hidden;background:#afb1b0;}
.indNewsNav1 div a{display:inline-block;line-height:80px; font-size:18px; color:#fff; font-weight:100; width:49%; text-align:center; margin:auto;}
.indNewsNav1 div .on{background:#035cac; color:#fff;width:49%; }


.indNews12{ display:none; float:left; width:100%; height:600px; margin-top:20px;}
.indNews12 .left{width:40%; float:left;}
.indNews12 .left a{ display:block; line-height:35px; font-size:14px; }
.indNews12 .left a i{ float:right; font-size:14px; color:#999;}
.indNews12 .left a:hover{color:#e20c19}



.about_l-title{ width:100%; height:120px; margin:0 auto;text-align:left; margin-top:15px; float:left; }
.about_l-title span{ display:block;width:100%; height:60px;font-size:28px; font-weight:100;color:#035cac;line-height: 60px; margin:0 auto; float:left;}
.about_l-title font{ width:100%;padding-bottom:15px; font-size: 12px;color:#4c4c4c;border-bottom: solid #CCC 0px;}
.about_l-title li{display: block;background: url(../images/index_line.png) center no-repeat;width: 545px;margin-top: 2px;text-decoration: none;} 



/*公司简介*/


.team1{ width: 1379px; margin: 0 auto; padding-top:20px; overflow:hidden;}

.about2_title{ width:545px; height:120px; margin:0 auto;text-align:center; margin-top:15px; }
.about2_title span{ display:block;width:180px; height:60px;font-size:36px; font-weight:bold;color:#304f92;line-height: 60px;font-family: Microsoft YaHei; margin:0 auto;
}
.about2_title font{font-size: 14px;color: #7f7f7f;text-decoration: none;}
.about2_title li{display: block;background: url(../images/index_line.png) center no-repeat;width: 545px;margin-top: 2px;text-decoration: none;} 




.about_l .con{margin:20px;line-height:30px; color:#555; font-size:14px;}
.about_l .more{width: 180px; height:40px; font-family: Microsoft YaHei;background:#304f92; display:block; margin-left:20px;
 font-size: 14px;font-weight: normal;color:#fff; line-height:40px; text-align:center;}
.about_l .more:hover{ background-color:#585858; color:#fff;}

.indAbout{ background-color:#304f92;height:190px; width:100%; overflow:hidden;position:relative; margin-top:50px;z-index:1} 
.indAboutIco{ margin:5px auto 20px auto; text-align:center; margin-top:30px;}
.indAboutIco div{display:inline-block; width:350px; height:130px;font-size:14px; line-height:30px;}
.indAboutIco img{margin-top:15px;}
.indAboutIco h1{color:#fff; font-weight:100; font-size:18px;}

.indAboutIco h3{font-size:30px; line-height:40px;color:#fff;}
.indAboutText{ text-align:center; line-height:30px; color:#fff; font-size:15px;}

.pic{cursor: pointer; margin: 0; padding: 0; position: relative; }
.pic .intro{background: url("../images/beijing.png"); color: #fff; display: none; height: 96%; left: 0; margin: 0; position: absolute; top: 0; width: 100%;padding-top:18px; }
.pic .intro p{ padding:0 10px; line-height:44px; margin-top:10px; font-size: 16px; }
.boxTitle {height: 45px; line-height: 42px; padding: 0 15px 0 0; position: relative; color: #333; background: url(../other/PIE.htc); border:1px #ccc solid; }
.boxTitle .boxTitleName{border-bottom:3px #e62129 solid; padding:0 10px; }
.boxTitle .boxTitleName .sj{float:left; border:8px #fff solid; border-left-color:#e62129;  width:0; height:0; margin:15px 0 0 0; }
.boxTitle a{color: #333; font-weight: bold; font-size: 16px; }
.boxContent { overflow: hidden; }



@keyframes ABig{0%{transform:scale(0.1);}100%{transform:scale(1.0);}}

.indCy{ position:absolute; top:0; left:530px; width:670px; font-size:0}
.indCy a{width:100%; font-size:14px;  line-height:70px; text-align:center; color:#666;animation:ABig .5s; display:none}
.indCy a:hover{color:#0168b7}

.btnDc i{ display:inline-block;background:url(../images/icoInd1.png) left center no-repeat;}
.toTop{ position:fixed;bottom:10px; right:10px; display:block; width:42px; height:42px; border-radius:100%; background:url(../images/toTop.png) no-repeat; background-size:100% 100%; z-index:1000; display:none; opacity:0.7}
.toTop:hover{background:url(../images/toTopHover.png?v=1.0) no-repeat;background-size:100% 100%;opacity:1.0}



/*技术实力*/

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width:768px) {
    .container {
        width: 750px
    }
}

@media (min-width:992px) {
    .container {
        width: 970px
    }
}

@media (min-width:1200px) {
    .container {
        width: 1170px
    }
}

@media (min-width:1700px) {
    .container {
        width: 1200px
    }
}


.col-md-3{
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
@media (min-width:992px) {
.col-md-3 {
        width: 25%
    }
}

.col-sm-6{
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

@media (min-width:768px) {
.col-sm-6 {
        width: 50%
    }
}

.col-xs-12{
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col-xs-12 {
    width: 22%;
	float:left;
}
.row {
    margin-right: -15px;
    margin-left: -15px
}
.injssl {
    margin-top: 80px;
}

.injssl ul {
    margin: 0;
    padding: 0;
}

.injssl li {
    list-style: none;
    text-align: center;
    margin-bottom: 10px;
}

.injssl li div {
    padding: 59px 0px;
    background: url(../images/hui.png)repeat;
    transition: all 2s;
    cursor: pointer;
    height: 374px;
}

.injssl li div .img {
    display: block;
    width: 93px;
    height: 93px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

.injssl li div .img img {
    position: absolute;
    top: 0;
    left: 0;
}

.injssl li div h3 {
    display: block;
    font-size: 30px;
    font-weight: normal;
    margin-top: 12px;
    color: #333333;
}

.injssl li div span {
    display: block;
    width: 80%;
    margin: 0 auto;
    font-size: 13px;
    color: #333333;
    line-height: 30px;
    margin-top: 22px;
}

.injssl li:hover div {
    background: url(../images/lan.png)repeat;
}

.injssl li:hover div h3 a {
    color: #fff;
}

.injssl li:hover div span {
    color: #fff;
}

.injssl li:hover div img {
    position: absolute;
    top: -93px;
    left: 0;
}





/*centerpic*/
.jxpic {width:100%; text-align:center;}

/*homepro*/
.homepro {width:100%; margin: 0 auto; overflow:hidden; margin-bottom:50px;}
.homepro1 { width: 1379px; margin: 0 auto; overflow:hidden;}
.homepro1 ul{}
.homepro1 li{ width:23%; height:330px; float:left; margin:10px; }
.homepro1 li img{ width:100%; height:330px; position:relative; }
.homepro1 li span{ width:100%; font-size:18px; line-height:40px; height:40px; display:block; float:left; z-index:10px; position:relative;}
.homepro1 li img:hover {width:317px; height:260px;}

.homepro_title{ width:545px; height:120px; margin:0 auto;text-align:center; margin-top:20px; }
.homepro_title span{ display:block;width:240px; height:60px;font-size:36px; font-weight:bold;color:#304f92;line-height: 60px;font-family: Microsoft YaHei; margin:0 auto;
}

.homepro_title font{font-size: 14px;color: #7f7f7f;text-decoration: none;}
.homepro_title li{display: block;background: url(../images/index_line.png) center no-repeat;width: 545px;margin-top: 2px;text-decoration: none;} 

.pro{padding-top:70px;}
.pro h2{color:#333;font:400 26px/26px "Microsoft Yahei";background: url(../images/line3.jpg) no-repeat 50% 100%;padding-bottom: 25px;text-align: center;}
.pro h2 p{color:#810110;font:600 31px/36px "Microsoft Yahei";text-transform:uppercase; margin-top:10px; }
.pro h2 p span{color:#333;}
.pro .profile{color:#666;font:400 14px/24px "Microsoft Yahei";text-align: center;padding-top:18px;}
.line{height:95px;position: relative;margin:15px 0;}
.line .red{position:absolute;width:1px;height:100%;background: #810110;left:50%;top:0;}



.cplb{ display:block; }
.cplb li{ display:block; margin-bottom:24px; position:relative; overflow:hidden; width:32%; height:auto; float:left; margin:0.5%;box-shadow: 0 10px 30px 0 rgba(50,50,50,.16);}
.cpbg2{ position:absolute; top:0; left:0;height:330px; width:100%;}
.cpbg2-1{position:absolute; bottom:0; left:0; background:#666666; height:0px; line-height:0px; width:100%; background-color:rgba(0,0,0,0.6); border-left:#dc551d 5px solid}
.cpbg2-1 a{ display:block; position:relative; top:20%; left:10%;font-size:14px;line-height: 24px;color:#fff;}
.cpbg2-1 span{ font-size:18px;font-weight:100; float:left;}
.cpbg2-1 .site-button { background-image:url(../images/more.png);width:40px; height:40px; font-size:12px; text-align:center; border-radius:5px; margin:50px 0; float:left;}
.cpkb{ display:block; position:relative; left:0; top:0; height:330px;}
.cpkb img{ width:100%; height:auto}
.kan1{ display:block; width:100%; height:36px; font-size:12px; line-height:36px; color:#353535; text-align:center; position: relative;} 
.kan1 span{ display:block; position: absolute;  width:131px;left:0; top:0; z-index:3;}
.kan1 b{ display:block; position: absolute;width:131px; height:36px; top:0; z-index:1;}
.kan1 .b1{background: url(../images/kanbg1.png) left top no-repeat; left:0;}
.kan1 .b2{background: url(../images/kanbg2.png) left top no-repeat; right:0;}
.kan1 b, .cpbg1-1, .cpbg2-1{ 
	-webkit-transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);
	-moz-transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);
	-o-transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);
	transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);
}
.cplb li:hover .kan1 span{ color:#FFF;}
.cplb li:hover .kan1 .b1{ width:0;}
.cplb li:hover .kan1 .b2{ width:100%;}
.cplb li:hover .cpbg1-1, .cplb li:hover .cpbg2-1{ height:100%;}

.fadeIn1{;}
@keyframes fadeInLogo{
	0%,30%{visibility:visible; opacity:1;}
	100%{visibility:hidden; opacity:0}	
}
@keyframes fadeInLogoCont{
	0%{visibility:hidden; opacity:0;}
	100%{visibility:visible; opacity:1;}	
}


/*anli*/
.anli {width:100%; margin: 0 auto; overflow:hidden; margin-bottom:40px; background:url(../images/anli_bg.jpg); height:600px;}
.anli1 { width: 1379px; margin: 0 auto; overflow:hidden;}
.anli1 ul{}
.anli1 li{ width:420; height:400px; float:left; margin:10px; border:solid #ccc 1px; background:#FFF; }
.anli1 li img{ width:420px; height:240px; position:relative; padding:5px; }
.anli1 li span{ width:420px; font-size:16px; color:#000; line-height:40px; height:40px; display:block; text-align:center; z-index:10px; position:relative; background:#FFF;}
.anli1 li img:hover {width:420px; height:240px;}

.anli1 li h8{ width:410px; font-size:14px; line-height:30px; height:30px; padding-left:8px;display:block; text-align:center; position:relative; background:#FFF;}

.anli_title{ width:545px; height:120px; margin:0 auto;text-align:center; margin-top:50px; }
.anli_title span{ display:block;width:180px; height:60px;font-size:36px; font-weight:bold;color:#fff;line-height: 60px;font-family: Microsoft YaHei; margin:0 auto;
}

.anli_title font{font-size: 14px;color: #fff;text-decoration: none;}
.anli_title li{display: block;background: url(../images/anli_line.png) center no-repeat;width: 545px;margin-top: 2px;text-decoration: none;} 






/*fuwu流程*/
.flow{ width:1200px; height:auto; margin:60px auto; overflow:hidden;}
.flow_con{ display:block; padding:50px 0 50px 0; overflow:hidden; width:100%;}
.flow_con a{ display:block; width:250px; height:250px; font-size:17px; color:#5a5a5a; margin:0 25px; line-height:60px; text-align:center; background-color:#f6f6f6; float:left;}
   
.flow_con a:hover{ background-color:#18b9e7; color:#ffffff;}
.flow_con i{ display:block; background:url(../images/l-3.png); width:24px; height:24px;left: 264px;position: relative;}
.flow1{ background:url(../images/l-1.png) center no-repeat; width:82px; height:82px; line-height:82px; margin:0 auto; color:#ffffff; font-size:27px;position: relative;top:-40px;}
.flow4 { background:url(../images/l-2.png) center no-repeat; width:82px; height:82px;line-height:82px;margin:0 auto;color:#ffffff; font-size:27px;position: relative;top:-40px;}

/*youshi*/

.youshi{ width:100%; background:#f7f7f7; padding:55px 0 50px; background:url(../images/youshi.jpg) fixed center; }
.youshi_c{width:1200px; margin:0 auto;height:300px; color:#ffffff; }
.youshi_c a{ display:block;width: 280px;height: 248px;border: 1px solid rgb(255, 255, 255,0.25);border-radius:20%;float:left; margin:0 8px; color:#ffffff; text-align:center;}
.youshi_c span{color:#ffffff; font-size:24px; position:relative;top:60px;}
.youshi_c p{    font-size: 15px;font-family: 微软雅黑;color: rgb(217, 217, 217);position:relative;top:60px;}
/*shebei*/
.shebei{ width:1200px; height:auto; margin:30px auto; overflow:hidden;}
.proshow{width:1200px;height:auto; margin:0 auto;}
.proshow ul{width:100%; margin:0 auto;}
.proshow li{width:280px;height:276px;float: left; margin-right:20px;}
.proshow li .img{width:280px;height:230px;display:block; position: relative;overflow:hidden;}
.proshow li img{width:280px;height:230px; position:absolute;}
.proshow li .topic{height:35px;width:100%; color:#5a5a5a; text-align:center;}
.topic1{color:#555555; padding:5px; font-size:12PX;}


/*news*/
.new{width:100%;height:576px; margin-top:30px; margin-bottom:50px;}
.new_title{ width:545px; height:120px; margin:0 auto;text-align:center; margin-top:15px;  }
.new_title span{ display:block;width:180px; height:60px;font-size:36px; font-weight:bold;color:#585858;line-height: 60px;font-family: Microsoft YaHei; margin:0 auto; }

.new_title li{display: block;background: url(../images/index_line.png) center no-repeat;width: 545px;margin-top: 2px;text-decoration: none;} 
.new_title font{ font-size: 14px;color: #7f7f7f;text-decoration: none;}

.news { width:1379px;height:395px; margin:0 auto; background-color:#ffffff; padding:20px 20px 20px ;  }
/*.newsList ul {width:100%; overflow:hidden; }
.newsList li {float:left; width: 500px; height:38px; line-height:38px; border-bottom: dashed #999 1px;background: url(../images/ico03.gif) no-repeat 10px center;
font-size: 13px;margin:5px 45px; text-indent:25px;}
.newsList span { float:right; display:block; width:120px; color:#5a5a5a;}
.newsList a { float:left; height:32px; color:#5a5a5a; }
*/



.newsList2{ width:100%; overflow:hidden; float:left; margin-top:20px;}
.newsList2 a{ display:block; padding:10px; overflow:hidden;width:44%; float:left;}
.newsList2 div{ float:left;width:63px; height:87px; color:#333; text-align:center; padding:0 12px; font-size:15px; font-family: Impact; overflow:hidden;box-sizing:content-box; }
.newsList2 i{display:inline-block; height:50px; border-bottom:1px solid #333; font-size:35px; line-height:50px; margin-bottom:0px}
.newsList2 span{float:left; width:75%; padding-left:20px;}
.newsList2 h1{font-size:18px; margin:5px 0 3px 0; line-height:30px; color:#444; }
.newsList2 h2{font-size:13px; color:#999; line-height:22px; font-weight:normal}
.newsList2 a:hover{ }
.newsList2 a:hover div{color:#037ccc;}
.newsList2 a:hover i{color:#037ccc}
.newsList2 a:hover h1{color:#037ccc}

/*bottom*/
.bottom{width:100%;height:210px; background:url(../images/bottom_line.jpg);}
.bottom_con{ width:1379px;height:180px; margin:0 auto; }
.bottom .con1 { text-align:center;line-height:60px; color:#fff; font-size:30px; font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; }
.bottom .con1 img {width:23px; height:24px;}
.bottom .con2{color:#fff; font-size:16px; text-align:center;}
.bottom .con3{color:#fff; font-size:28px; text-align:center;padding-top:35px; font-family: Microsoft YaHei;}
.bottom .more{width: 122px; height:40px; font-family: Microsoft YaHei;border-radius:30px; border:#FFF solid 1px; display:block; margin-left:60px;
 font-size: 14px;font-weight: normal;color:#ffffff; line-height:40px; text-align:center;}
 .bottom .more:hover{ background-color:#f6c328; color:#fff;border:#11aad6 solid 1px;}

/*foot*/
.footer { width:100%; height:492px; background:url(../images/bottom_line1.jpg);color:#fff; font-size:14px;}
.footer img{ margin:20px;}
.bottomconent { float:left; line-height:35px; margin-top:40px; width:80%; margin-left:-30px;}
.bottomconent span{color:fff;font-size: 16px; font-family:Impact; text-align:center; float:right; margin-top:210px; position:relative;left: 140px;display: block;}
.bottomconent img{ float:right; width:180px; height:180px; margin:20px 0 0 0;}
.bottomer { height:50px; line-height:50px; background:#1b1f24; color:#fff; }
.copyright { font-size:14px; }

.toTop{ position:fixed;bottom:10px; right:10px; display:block; width:52px; height:52px; border-radius:20%; background:url(../images/toTop.png) no-repeat; background-size:100% 100%; z-index:1000; display:none; opacity:0.7}
.toTop:hover{background:url(../images/toTopHover.png) no-repeat;background-size:100% 100%;opacity:1.0}

/*page*/
.page{width:1200px;margin:0 auto;min-height:400px;padding:50px 0 30px;}
.page .right .nodata{background:url(../images/No-data2.jpg) no-repeat;height:400px;}

.page .right{width:920px;min-height:400px;color:#666;}
.page .right p{padding:5px;line-height:26px;color:#444;}
.title4{width:100%;height:40px; line-height:40px;border-bottom:2px solid #222c50;}
.title4 h3{color:#323b5c;}
.title4 a{color:#666;}
.title4 a:hover{color:#da0c0c;}
.page .sitepath{line-height:40px;}




/******************************
 ** 内页风格
 ** 左右分栏
 ** v.2.0
 ******************************/
.wrapper { width:100%; max-width:1200px; margin:0 auto; position:relative; }
.wrapper1 { width:100%; margin:0 auto; position:relative; }

.prolist { width:100%; height:60px; font-weight:normal; float:left; text-align:left; margin:-80px auto; background:url(../images/pro_line.jpg);}
.prolist1 { width:1200px; height:60px; font-weight:normal; margin:auto;}
.prolist li{ width:15%; line-height:30px; font-weight:normal; float:left; font-size:16px; text-align:center;}

.prolist_title{ width:182px; height:60px; margin:100px auto 50px auto; text-align:center; border:#666666 solid 1px;}
.prolist_title h2{font-family: 微软雅黑;font-size: 21px;line-height:60px; color:#9c9c9c; }

.about_title{ width:182px; height:60px; margin:60px auto;text-align:center; border:#666666 solid 1px;}
.about_title h2{font-family: 微软雅黑;font-size: 21px;line-height:60px; color:#9c9c9c; }
.about-detail { padding:0 0 40px; }
.article { width:1200px;margin:20px auto 20px auto; font-size:16px; color:#666666; line-height:30px;}
.article1 { width:1200px;margin:20px auto 20px auto; font-size:16px; color:#666666; line-height:30px; background:url(../images/wenhua_bg.png); height:830px;}
.article img { max-width:100%; }

/*内页新闻*/
.newsList_n{ width:1200px; overflow:hidden}
.newsList_n a{display:block; border-bottom:#dbd4cd dashed 1px;padding:30px 0; overflow:hidden}
.newsList_n div{ float:left;width:85px; height:71px; background:#18b9e7;color:#fff; text-align:right; font-size:11px; overflow:hidden; text-align:center;}
.newsList_n i{display:block;width:85px; height:41px;font-size:24px; line-height:41px; margin-bottom:0px; font-style:normal;}
.newsList_n span{float:left; width:1000px; padding-left:20px;}
.newsList_n h1{font-size:17px;line-height:30px; color:#5a5a5a; font-weight:100;}
.newsList_n h2{font-size:13px; color:#b2b2b2; line-height:22px;font-weight:100;}
.newsList_n h3{font-size:13px;line-height:22px;font-weight:100;}

.newsList_n a:hover h1{color:#18b9e7}

.container2 { width:1200px; margin:30px; }
.location { position:relative; margin:0 0 20px; }
.location .head11 { height:45px;text-align:center;}
.location .head11 h2{ height:40px; line-height:40px; text-align:center; display:inline-block; +display:inline; +zoom:1; font-size:20px; color:#333 ;}
.location .path { position:absolute; right:0; top:0; line-height:40px; color:#999; white-space:nowrap; }
.location .path span { margin:0 10px; }
.news-detail { }
.news-detail h1 { font-size:20px; line-height:1.3; font-weight:normal; text-align:center; padding:0 0 5px; }
.news-detail .subsidiary { text-align:center; padding:0 0 10px; border-bottom:1px dashed #999; margin:0 0 20px; }
.news-detail .subsidiary li { display:inline-block; +display:inline; +zoom:1; height:40px; line-height:40px; color:#999; margin:0 15px; }
.news-detail .subsidiary li.hit { padding:0 0 0 26px; background:url(../images/dab54e6ac903468896f5710c17baca74.gif) left center no-repeat; }

/*xiazai*/
.down{ width:1200px; overflow:hidden}
.down .down_n { border-bottom:#dbd4cd dashed 1px;padding:20px 0; overflow:hidden;width:1200px; height:71px;}
.down .down_l {display:block;width:800px; height:71px; float:left;}
.down .down_r {float:right;width:300px; height:71px;}
.down h1{font-size:17px;line-height:50px; color:#5a5a5a;}
.down h2{font-size:13px; color:#b2b2b2; line-height:30px;font-weight:100;}
.down a:hover h1{color:#18b9e7}

.down .down_r .more{width: 122px; height:40px; font-family: Microsoft YaHei;border-radius:30px; background-color:#18b9e7;display:block; margin:20px 30px 5px 30px;
 font-size: 14px;font-weight: normal;color:#ffffff; line-height:40px; text-align:center;}
.down .down_r .more:hover{ background-color:#f6c328; color:#fff;}

.down_con .more{width: 100%; height:40px; font-family: Microsoft YaHei;background-color:#18b9e7;display:block; margin:20px auto;;
 font-size: 14px;font-weight: normal;color:#ffffff; line-height:40px; text-align:center;}
.down_con .more:hover{ background-color:#f6c328; color:#fff;}

/*neiye产品*/
.pro-lister { width:1200px; margin:20px auto; overflow:hidden }
.pro-lister .list { float:left; width:100%; padding:0 0 20px; }
.pro-lister .list .item { float:left; width:380px; margin:0 5px 15px 5px;}
.pro-lister .list .item img { display:block; width:100%; height:280px; background:#eee;  }
.pro-lister .list .item h3 { height:45px; line-height:45px; font-weight:normal; text-align:center;}
.pro-lister .list .item:hover img { opacity:.8; filter:Alpha(opacity=80); }

/******************************
 ** 公共架构
 ** v.1.2
 ******************************/

.pager { width:100%; height:38px; margin:20px auto; text-align:center; }
.pager > * { display:inline-block; height:38px; line-height:38px; padding:0 20px; background:#FFF; border:1px solid #ddd; margin:0 5px; }
.pager > *:first-child { display:none; }
.pager > *:first-child + * { margin-left:0px; }
.pager > span { cursor:no-drop; }
.pager > span.cur { cursor:default; background:#f8f8f8; color:#d9324c; font-weight:bold; }
.pager > a:hover { background:#f9f9f9; }

.relink { border-top:1px solid #ddd; padding:20px 0; overflow:hidden; width:1200px; margin:10px auto 10px auto; }
.relink p { float:right; height:30px; line-height:30px; overflow:hidden; }
.relink p:first-child { float:left;  }

.null { padding:0 0 150px 0; }

.rmd-pro { background:#fff; border:1px solid #ddd; margin:0 0 20px; width:1200px; margin:0 auto 10px auto;}
.rmd-pro .head { height:40px; line-height:40px; position:relative; border-bottom:1px solid #ddd; width:1200px;  margin:0 auto 0 auto; }
.rmd-pro .head h2 { font-size:16px; font-weight:normal; padding:0 0 0 20px; color:#333; width:1200px;margin:0 auto 0 auto; }
.rmd-pro .head .mo { position:absolute; right:20px; top:0;  }
.rmd-pro .main { position:relative; margin:0 23px 10px; overflow:hidden; padding:20px 0 0; width:1150px;}
.rmd-pro .list { float:left; width:500%; position:relative; }
.rmd-pro .list .item { float:left; width:280px; margin:0 10px 0 0; }
.rmd-pro .list .item a { display:block; position:relative; }
.rmd-pro .list .item img { width:100%; height:210px; display:block; background:#eee;  }
.rmd-pro .list .item h3 { height:40px; line-height:40px; text-align:center; font-weight:normal; }
.rmd-pro .list .item:hover img { opacity:.8; filter:Alpha(opacity=80); }

.rmd-pro .list2 { width:100%; margin:-10px 0 0; }
.rmd-pro .list2 .item { border-bottom:1px dashed #e5e5e5;  }
.rmd-pro .list2 .item h3 { line-height:40px; white-space:nowrap; font-weight:normal; overflow:hidden;  padding:0 0 0 15px; background:url(../images/c45e4d5addd544219251f9bd2684a915.gif) left center no-repeat; }

.rmd-form { background:#fff; border:1px solid #ddd; width:1200px; margin-bottom:20px;margin:0 auto 20px auto;}
.rmd-form .head { height:40px; line-height:40px; position:relative; border-bottom:1px solid #ddd; width:1200px; }
.rmd-form .head h2 { font-size:16px; font-weight:normal; padding:0 0 0 20px; color:#333;  width:1200px; }
.rmd-form .head .mo { position:absolute; right:20px; top:0; }
.rmd-form .main { overflow:hidden; padding:20px; width:1200px; margin:}
.rmd-form .row-1,
.rmd-form .row-2,
.rmd-form .row-3 { margin-bottom:15px; position:relative; overflow:hidden; }
.rmd-form .row-1 { width:323px; height:auto; padding:0 0 0 50px; margin:0 0 15px 0; border:1px solid #ddd; }
.rmd-form .row-2 { width:90%; height:110px; border:1px solid #ddd; clear:both; }
.rmd-form .row-3 { float:left;  }
.rmd-form .row-3 + .row-3 { float:right; margin:0 30px 0 0; }
.rmd-form .ico-name { background:url(../images/885384fdbf10499d89fa5a197867c3bc.gif) 15px center no-repeat; }
.rmd-form .ico-phone { background:url(../images/7a9f5ecd6aa04b1c9621888b900adba3.gif) 15px center no-repeat; }
.rmd-form .ico-email { background:url(../images/a0ed87b0fa1d42dc9dd8eef9455368ac.gif) 15px center no-repeat; }
.rmd-form .tip { position:absolute; right:0; top:0; height:40px; line-height:40px; padding:0 10px; font-style:normal; color:#F00; }
.rmd-form .txt { width:100%; height:40px; line-height:40px; background:#fff; border:0; color:#999; }
.rmd-form .text { width:90%; border:0; background:#FFF; padding:5px 5px; line-height:20px; height:100px; color:#999; }
.rmd-form img.code { float:left; width:110px; height:42px; margin-right:20px; cursor:pointer; }
.rmd-form input.code { float:left; width:150px; height:40px; line-height:40px; border:1px solid #ddd; background:#FFF; margin-right:20px; padding:0 10px; color:#999; }
.rmd-form .submit, .rmd-form .reset { float:left; margin:0 0 0 10px; width:120px; height:42px; border:0; cursor:pointer; color:#FFF; font-size:16px; }
.rmd-form .submit { background:#0061ae; margin-left:0; }
.rmd-form .reset { background:#999; }
.rmd-form .submit:hover { background:#2081cf; }
.rmd-form .reset:hover { background:#777; }
.rmd-form .onfocus, .message-page .onfocus input.code { border-color:#aaa; }



/******************************
 ** 案例
 ** v.2.0
 ******************************/
.case-lister {width:1200px; margin:20px auto; overflow:hidden}
.case-lister .list { float:left; width:100%; padding:0 0 20px; }
.case-lister .list .item { float:left; width:580px; margin:0 0 10px 10px; background:#eee; position:relative; }
.case-lister .list .item img { display:block; width:100%; height:420px; background:#f5f5f5; }
.case-lister .list .item h3 { position:absolute; left:0; right:0; bottom:0; height:45px; line-height:45px; font-weight:normal; text-align:center; background:#000;  color:#fff; }
.case-lister .list .item:hover img { opacity:.8; filter:Alpha(opacity=80); }

.case2-lister {  }
.case2-lister .list { margin:-20px 0 0; padding:0 0 20px; }
.case2-lister .list .item { position:relative; height:120px; padding:20px 0 20px 180px; border-bottom:1px solid #e5e5e5;  }
.case2-lister .list .item .img { position:absolute; left:0; top:20px; width:160px; overflow:hidden; background:#f5f5f5; }
.case2-lister .list .item .img img { display:block; width:100%; height:120px; }
.case2-lister .list .item:hover img { opacity:.8; filter:Alpha(opacity=80); }
.case2-lister .list .item h3 { height:30px; line-height:30px; font-size:18px; font-weight:normal; margin:0 0 15px; overflow:hidden; }
.case2-lister .list .item p { height:72px; line-height:24px; overflow:hidden; text-align:justify; color:#999; margin:0 0 10px; }

.case2-lister {  }
.case2-lister .list2 { padding:0 0 20px; }
.case2-lister .list2 .item { position:relative; height:120px; padding:20px 20px 20px 200px; background:#f5f5f5; margin:0 0 10px;  }
.case2-lister .list2 .item .img { position:absolute; left:20px; top:20px; width:160px; overflow:hidden; background:#fff; }
.case2-lister .list2 .item .img img { display:block; width:100%; height:120px; }
.case2-lister .list2 .item h3 { height:30px; line-height:30px; font-size:18px; font-weight:normal; margin:0 0 15px; overflow:hidden; }
.case2-lister .list2 .item p { height:72px; line-height:24px; overflow:hidden; text-align:justify; color:#999; margin:0 0 10px; }
.case2-lister .list2 .item:hover { background:#eee; }
.case2-lister .list2 .item:hover img { opacity:.8; filter:Alpha(opacity=80); }

.case-detail { }
.case-detail h1 { font-size:20px; line-height:1.3; font-weight:normal; text-align:center; padding:0 0 25px; }
.case-detail .photo { text-align:center; margin:0 auto 20px; }
.case-detail .photo img { width:500px; }


/******************************
 ** 产品
 ** v.2.0
 ******************************/
.pageProduct {margin-top:16px;padding: 10px; } 
.pageProduct .photo { width:400px; float:left; margin-left:10px; }
.pageProduct .photo img { width:400px; height:310px; display:block; border: 1px solid #cccccc ; padding: 4px;}
.pageProduct .photo i { display:block;margin-bottom:10px; width:400px; height:310px;}
.pageProduct .photo span { display:block; width:430px; background:#efe6cd; height:30px; line-height:26px; color:#671763; font-weight:700; }
.pageProduct .m { width:676px; padding:10px 0; }
.pageProduct div.ts { font-size:16px; height:35px; border-bottom:2px solid #2b6ed6; }
.pageProduct div.infor {  padding-top:10px; margin-bottom:10px; line-height:24px; }
.pageProduct div.infor img{ border:1px solid #CCC; padding:3px;}

.pageProduct .info { margin:20px 0; }
.pageProduct .wd { float:right; width:430px; height:350px; overflow:hidden; padding:10px; }
.pageProduct .wd h1 { font-size:16px; font-weight:700;  line-height:20px; margin-bottom:7px; }
.pageProduct .wd ul { font-size:16px; }
.pageProduct .wd li.item {line-height:36px;float:none;}
.pageProduct .proname{font-size:16px; font-weight:700;}
.pageProduct .wd li.item span { color:#444444; margin-right:5px; }
.pageProduct .wd li.btn { height:32px; margin-top:20px;}
.pageProduct .wd li.btn a.order{ width:80px; height:32px;  line-height:32px; text-align:center;display:block; color:#FFF;background:#2b6ed6;}
.pageProduct .wd li.btn a.order:hover{ background:#da0c0c;}
.pageProduct .wd li.btn a.msg { color:#666; }


.lh-ban{height:500px; position:relative;}

.lh-ban .img{height:100%; background-size:cover; background-repeat:no-repeat; background-position:center top;}

.lh-ban .text{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); text-align:center;font-size:16px; color:#fff;}

.lh-ban .text h2{font-size:36px;text-transform:uppercase;}

.lh-ban .text h3{ margin-bottom:26px;font-size: 30px;}

.lh-ban .text h4{padding:0 1vw; position:relative;font-size: 22px; letter-spacing:2px; font-weight:100;}




/******************************
 ** 单页文章
 ** v.2.0
 ******************************/
.about-detail { padding:0 0 40px; }

.about-detail .bdmap {  height:400px; background:#f5f5f5; position:relative; z-index:1;  }

.BMap_bubble_title a { display:inline-block; padding:4px 10px; background:#c81528; color:#fff; border-radius:3px; }
.BMap_bubble_title a:hover { background:#e36100; }
.BMap_bubble_title + .BMap_bubble_content { line-height:18px; padding:9px 0 0; color:#777; }

.p1{height: 45px;border-bottom: 1px solid #ddd;line-height: 45px !important; padding: 0 0 10px 70px;margin-top: 10px;
    background: url(../images/icon01.png) left top no-repeat;}
.p2{height: 45px;border-bottom: 1px solid #ddd;line-height: 45px !important;padding: 0 0 10px 70px;margin-top: 10px;
    background: url(../images/icon02.png) left top no-repeat;}
.p3{height: 45px;border-bottom: 1px solid #ddd;line-height: 45px !important;padding: 0 0 10px 70px;margin-top: 10px;
    background: url(../images/icon03.png) left top no-repeat;}
.p4{height: 45px;border-bottom: 1px solid #ddd;line-height: 45px !important;padding: 0 0 10px 70px;margin-top: 10px;
    background: url(../images/icon04.png) left top no-repeat;}
.p5{height: 45px;border-bottom: 1px solid #ddd;line-height: 45px !important;padding: 0 0 10px 70px;margin-top: 10px;
    background: url(../images/icon05.png) left top no-repeat;}
.p6{height: 45px;border-bottom: 1px solid #ddd;line-height: 45px !important;padding: 0 0 10px 70px;margin-top: 10px;
    background: url(../images/icon06.png) left top no-repeat;}
.p7{height: 45px;border-bottom: 1px solid #ddd;line-height: 45px !important;padding: 0 0 10px 70px;margin-top: 10px;
    background: url(../images/icon07.png) left top no-repeat;}
.p8{height: 45px;border-bottom: 1px solid #ddd;line-height: 45px !important;padding: 0 0 10px 70px;margin-top: 10px;
    background: url(../images/icon08.png) left top no-repeat;}
	


.visible-lg,
.visible-md,
.visible-sm,
.visible-xs {
    display: none!important
}

.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block {
    display: none!important
}

@media (max-width:767px) {
    .visible-xs {
        display: block!important
    }
    table.visible-xs {
        display: table!important
    }
    tr.visible-xs {
        display: table-row!important
    }
    td.visible-xs,
    th.visible-xs {
        display: table-cell!important
    }
}

@media (max-width:767px) {
    .visible-xs-block {
        display: block!important
    }
}

@media (max-width:767px) {
    .visible-xs-inline {
        display: inline!important
    }
}

@media (max-width:767px) {
    .visible-xs-inline-block {
        display: inline-block!important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm {
        display: block!important
    }
    table.visible-sm {
        display: table!important
    }
    tr.visible-sm {
        display: table-row!important
    }
    td.visible-sm,
    th.visible-sm {
        display: table-cell!important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm-block {
        display: block!important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm-inline {
        display: inline!important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm-inline-block {
        display: inline-block!important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md {
        display: block!important
    }
    table.visible-md {
        display: table!important
    }
    tr.visible-md {
        display: table-row!important
    }
    td.visible-md,
    th.visible-md {
        display: table-cell!important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md-block {
        display: block!important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md-inline {
        display: inline!important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md-inline-block {
        display: inline-block!important
    }
}

@media (min-width:1200px) {
    .visible-lg {
        display: block!important
    }
    table.visible-lg {
        display: table!important
    }
    tr.visible-lg {
        display: table-row!important
    }
    td.visible-lg,
    th.visible-lg {
        display: table-cell!important
    }
}

@media (min-width:1200px) {
    .visible-lg-block {
        display: block!important
    }
}

@media (min-width:1200px) {
    .visible-lg-inline {
        display: inline!important
    }
}

@media (min-width:1200px) {
    .visible-lg-inline-block {
        display: inline-block!important
    }
}

@media (max-width:767px) {
    .hidden-xs {
        display: none!important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .hidden-sm {
        display: none!important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .hidden-md {
        display: none!important
    }
}

@media (min-width:1200px) {
    .hidden-lg {
        display: none!important
    }
}

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width:768px) {
    .container {
        width: 750px
    }
}

@media (min-width:992px) {
    .container {
        width: 970px
    }
}

@media (min-width:1300px) {
    .container {
        width: 1250px
    }
}

@media (min-width:1700px) {
    .container {
        width: 1655px
    }
}



/* {ft1} */

@media only screen and (min-width: 1480px) {

	.ft1-a1{width: 100%;height: 492px;position: relative;overflow: hidden;}

	.ft1-a2{width: 282px;position: absolute;top: 56px;left: calc(50% - 282px/2);}

	.ft1-a3{width: 1440px;height: 1px;background: #e9ddc2;position: absolute;top: 188px;left: calc(50% - 1440px/2);}

	.ft1-b1{position: absolute;top: 80px;left: calc(50% - 1440px/2);}

	.ft1-b2{width: 120px;float: left;}

	.ft1-b2>div{position: relative;font-size: 14px;line-height: 36px;text-transform: uppercase;white-space: nowrap;}

	.ft1-b2>div:first-child{font-size: 16px;line-height: 16px;margin-bottom: 20px;}

	.ft1-b2>div span:nth-child(1){opacity: 1;color: #fff;transition: 0.8s;}
.ft1-b2 a{color: #fff;}
.ft1-b2 a:hover{color: #fff;}
	.ft1-b2>div:first-child span:nth-child(1){color: #fff;}

	.ft1-b2>div span:nth-child(2){opacity: 0;font-size: 16px;color: #c9a966;transition: 0.8s;position: absolute;top: 0;left: 0;}

	.ft1-b2>div:hover span:nth-child(1){opacity: 0;transition: 0.8s;}

	.ft1-b2>div:hover span:nth-child(2){opacity: 1;transition: 0.8s;}

	.ft1-b2>div.ft1-bon1 span:nth-child(1){opacity: 0;}

	.ft1-b2>div.ft1-bon1 span:nth-child(2){opacity: 1;}

	.ft1-c1{display: none;}

	.ft1-d1{position: absolute;top: 240px;right: calc(50% - 1440px/2);}

	.ft1-d2{font-size: 24px;line-height: 24px;color: #454545;margin-bottom: 20px;}

	.ft1-d3{font-size: 16px;line-height: 36px;color: #454545;max-width: 270px;margin-bottom: 30px;}

	.ft1-d5{font-size: 14px;line-height: 20px;color: #454545;float: left;}

	.ft1-d6{height: 20px;position: relative;margin-left: 30px;float: left;}

	.ft1-d6>img{height: 100%;position: relative;}

	.ft1-d6 div{width: 100px;position: absolute;top: -110px;left: calc(50% - 100px/2);display: none;background: #fff;}

	.ft1-d6:hover div{display: block;}

	.ft1-e1{position: absolute;bottom: 0;left: calc(50% - 1440px/2);font-size: 12px;line-height: 86px;color: #a9a8a8;text-align: center;}

	.ft1-f1{display: none;}

}

@media only screen and (min-width: 1200px) {

	.ft1-a1{width: 100%;height: 492px;position: relative;overflow: hidden;}
	.ft1-b1{position: absolute;top: 80px;left: calc(50% - 1100px/2);}

	.ft1-b2{width: 120px;float: left;}

	.ft1-b2>div{position: relative;font-size: 14px;line-height: 36px;text-transform: uppercase;white-space: nowrap;}

	.ft1-b2>div:first-child{font-size: 16px;line-height: 16px;margin-bottom: 20px;}

	.ft1-b2>div span:nth-child(1){opacity: 1;color: #fff;transition: 0.8s;}
.ft1-b2 a{color: #fff;}
.ft1-b2 a:hover{color: #fff;}
	.ft1-b2>div:first-child span:nth-child(1){color: #fff;}

	.ft1-b2>div span:nth-child(2){opacity: 0;font-size: 16px;color: #c9a966;transition: 0.8s;position: absolute;top: 0;left: 0;}

	.ft1-b2>div:hover span:nth-child(1){opacity: 0;transition: 0.8s;}

	.ft1-b2>div:hover span:nth-child(2){opacity: 1;transition: 0.8s;}

	.ft1-b2>div.ft1-bon1 span:nth-child(1){opacity: 0;}

	.ft1-b2>div.ft1-bon1 span:nth-child(2){opacity: 1;}

	.ft1-c1{display: none;}

	.ft1-d1{position: absolute;top: 240px;right: calc(50% - 1100px/2);}

	.ft1-d2{font-size: 24px;line-height: 24px;color: #454545;margin-bottom: 20px;}

	.ft1-d3{font-size: 16px;line-height: 36px;color: #454545;max-width: 270px;margin-bottom: 30px;}

	.ft1-d5{font-size: 14px;line-height: 20px;color: #454545;float: left;}

	.ft1-d6{height: 20px;position: relative;margin-left: 30px;float: left;}

	.ft1-d6>img{height: 100%;position: relative;}

	.ft1-d6 div{width: 100px;position: absolute;top: -110px;left: calc(50% - 100px/2);display: none;background: #fff;}

	.ft1-d6:hover div{display: block;}

	.ft1-e1{position: absolute;bottom: 0;left: calc(50% - 1100px/2);font-size: 12px;line-height: 86px;color: #a9a8a8;text-align: center;}

	.ft1-f1{display: none;}

}
@media only screen and (min-width: 970px) {

	.ft1-a1{width: 100%;height: 492px;position: relative;overflow: hidden;}
	.ft1-b1{position: absolute;top: 80px;left: calc(50% - 960px/2);}

	.ft1-b2{width: 120px;float: left;}

	.ft1-b2>div{position: relative;font-size: 14px;line-height: 36px;text-transform: uppercase;white-space: nowrap;}

	.ft1-b2>div:first-child{font-size: 16px;line-height: 16px;margin-bottom: 20px;}

	.ft1-b2>div span:nth-child(1){opacity: 1;color: #fff;transition: 0.8s;}
.ft1-b2 a{color: #fff;}
.ft1-b2 a:hover{color: #fff;}
	.ft1-b2>div:first-child span:nth-child(1){color: #fff;}

	.ft1-b2>div span:nth-child(2){opacity: 0;font-size: 16px;color: #c9a966;transition: 0.8s;position: absolute;top: 0;left: 0;}

	.ft1-b2>div:hover span:nth-child(1){opacity: 0;transition: 0.8s;}

	.ft1-b2>div:hover span:nth-child(2){opacity: 1;transition: 0.8s;}

	.ft1-b2>div.ft1-bon1 span:nth-child(1){opacity: 0;}

	.ft1-b2>div.ft1-bon1 span:nth-child(2){opacity: 1;}

	.ft1-c1{display: none;}

	.ft1-d1{position: absolute;top: 240px;right: calc(50% - 960px/2);}

	.ft1-d2{font-size: 24px;line-height: 24px;color: #454545;margin-bottom: 20px;}

	.ft1-d3{font-size: 16px;line-height: 36px;color: #454545;max-width: 270px;margin-bottom: 30px;}

	.ft1-d5{font-size: 14px;line-height: 20px;color: #454545;float: left;}

	.ft1-d6{height: 20px;position: relative;margin-left: 30px;float: left;}

	.ft1-d6>img{height: 100%;position: relative;}

	.ft1-d6 div{width: 100px;position: absolute;top: -110px;left: calc(50% - 100px/2);display: none;background: #fff;}

	.ft1-d6:hover div{display: block;}

	.ft1-e1{position: absolute;bottom: 0;left: calc(50% - 960x/2);font-size: 12px;line-height: 86px;color: #a9a8a8;text-align: center;}

	.ft1-f1{display: none;}
	.col-xs-12{ width:20%;}
	.injssl li div{ height:auto;}
	.bottomconent{ width:99%;}

}





/******************************
 ** 在线留言
 ** v.2.0
 ******************************/
.message-page { width:680px; }
.message-page .row-1,
.message-page .row-2,
.message-page .row-3 { width:100%; clear:both; margin-bottom:15px; position:relative; overflow:hidden; }
.message-page .row-1 { width:328px; height:auto; padding:0 0 0 50px; border:1px solid #ddd; }
.message-page .row-2 { height:110px; padding:0 0 0 0; border:1px solid #ddd; }
.message-page .row-3 {  }
.message-page .ico-name { background:url(../images/zzz.png) 15px center no-repeat; }
.message-page .ico-phone { background:url(../images/xxx.png) 15px center no-repeat; }
.message-page .ico-email { background:url(../images/a0ed87b0fa1d42dc9dd8eef9455368ac.gif) 15px center no-repeat; }
.message-page .tip { position:absolute; right:0; top:0; height:40px; line-height:40px; padding:0 10px; font-style:normal; color:#F00; }
.message-page .txt { width:100%; height:40px; line-height:40px; background:#fff; border:0; color:#999; }
.message-page .text { width:98%; border:0; background:#FFF; padding:5px 5px; line-height:20px; height:100px; color:#999; }
.message-page img.code { float:left; width:110px; height:42px; margin-right:20px; cursor:pointer; }
.message-page input.code { float:left; width:150px; height:40px; line-height:40px; border:1px solid #ddd; background:#FFF; margin-right:20px; padding:0 10px; color:#999; }
.message-page .submit, .message-page .reset { float:left; margin:0 0 0 10px; width:184px; height:42px; border:0; cursor:pointer; color:#FFF; font-size:16px; }
.message-page .submit { background:#0061ae; margin-left:0; }
.message-page .reset { background:#999; }
.message-page .submit:hover { background:#2081cf; }
.message-page .reset:hover { background:#777; }
.message-page .onfocus, .message-page .onfocus input.code { border-color:#aaa; }

.dialog-log { position:absolute; z-index:99; width:auto; padding:10px 20px; border:1px solid #e0272c; background:#ffe8e9; border-radius:3px; box-shadow:1px 1px 5px rgba(0,0,0,0.2); color:#e0272c; }
.dialog-log i { position:absolute; left:15px; top:-7px; width:14px; height:7px; background:url(../images/fdfb81123321454f8d8e84fa53ff31d6.gif) center center no-repeat; }


/******************************
 ** 兼容性
 ******************************/
body { _background:url(../images/2129b8579d664eb5aeb654ff436557f9.gif) center center no-repeat #fff; }
body > * { _display:none; }


.jobList{ padding:20PX 0 20px 0}
.jobList a{width:100%; min-height:120px; border:1px solid #d8d8d8; background:#fff; padding:20px; margin:0 20px 20px 0; display:inline-block; vertical-align:top; position:relative}
.jobList a:nth-child(2n+2){ margin-right:0}
.jobList a h1{ font-size:18px; font-weight:100; line-height:18px; padding:15px 0;}
.jobList a h2{ font-size:16px; line-height:30px; color:#888;font-weight:100;}
.jobList a i{ position:absolute; right:20px; top:85%; width:62px; height:32px; margin:-16px 0 0 0; background:url(../images/icoJtJob.png) center no-repeat; background-size:100% 100%;}
.jobList a:hover{border:1px solid #004593}
.jobList a:hover i{background:url(../images/icoJtJobHover.png) center no-repeat; background-size:100% 100%;}
.job_c a{ display:block;width:120px; height:40px; background-color:#0168b7;border-radius: 5px;color:#fff; line-height:40px; text-align:center; }
.job_c a:hover{color:#fff;}
.jobCon{ line-height:20px; font-size:14px;}
.jobCon p{ padding-left:30px;}