@charset "utf-8";
/* CSS Document */
body{}
.header{width: 100%;height:175px;background:#fff; border-top:3px solid #25c9fe;}
.header .top{ height:115px; border-bottom:1px solid #ccc;}
.header .logo{position: relative; margin-left:10px;width: 1200px; margin:0 auto;}
.header .logo>a img:nth-of-type(2){display: none;}
.header .logo img{padding-top:10px;}


.header .nav_wrap{border-top:1px solid #ccc; height:60px; line-height:60px;}
.header .nav{height:60px; line-height:60px;width: 1200px; margin:0 auto;}
.header .nav>ul{position: relative; width:930px; float:left;}
.header .nav>ul>li{float: left;padding:0 18px;text-align: center;border-radius: 5px;}

.header .nav>ul>li .a{font-size: 16px; font-weight:bold;padding:0 15px;color: #333;display: inline-block;-webkit-transition:none;-moz-transition:none;-ms-transition:none;transition:none;}
.header .nav1>ul>li:first-child{width: 70px;}
.header .nav>ul>li:hover a{}
.header .nav>ul>li:hover >a{background: #064379; color: #fff;}


/*搜索*/
.header .sear_con{ width:210px; display: block; padding-right: 10px; float: right;position: relative; height:60px; line-height:60px;}
.header .nav .search{ height:60px; line-height:60px;}
.header .nav .search .sub{width: 30px;height: 23px;background: url(sear.png) no-repeat right center;border:0;}
.header .nav .search .text{width:160px;height:25px;line-height:25px;
	border:1px solid #eee;background: #fff;
	text-indent: 10px;
}
.clear{ clear:both;}
/*banner*/
.banner li{ position:relative;}
.banner li .label_text{position:absolute; left:0; top:0; width:100%; height:100%;}
.banner li .inner{ float:right; width:40%; margin-right:10%; top:30%; position:relative; text-align:center;}
.banner li .inner1{ color:#fff;}

.main_wraper{ }
 
.biaoti{width:100%;margin:40px 0 0 0;padding:10px 0 20px 0;text-align: center;}
.biaoti .pic{width:80px;height:0px;margin:0 auto; border:1px solid #ccc;}
.biaoti h2{font-size:25px;padding:15px;color:#333;font-family: "微软雅黑"; text-align: center;}

.biaoti1{ width:800px; margin:0 auto; text-align:center; margin-bottom:30px; line-height:30px;}
.biaoti1 p{ line-height:30px;}



/*首页概况*/
.index_gk {width: 100%;margin: auto;}

/*业务*/
.index{ background:#f6f6f6;}
.index_yewu { overflow:hidden; width:100%;}
.index_yewu .yewubox{ height:110px; width:1200px; margin:0 auto; margin-bottom:10px;}
.index_yewu .yewubox>li{ display:block; width:299px; height:110px; padding-bottom:20px; margin-top:-20px; float:left; overflow:hidden; position:relative;}
.index_yewu .yewubox>li i{ height:70px; margin-top:-110px; border-right:2px solid #1bc7ff; float:right;}
.index_yewu .yewubox>li.last{ border:none}

.index_yewu .yewubox>li h3{ text-align:center; font-size:18px; color:#333; margin-top:30px; padding-top:70px; font-weight:normal; width:299px; height:60px;}.index_yewu .yewubox>li:hover h3{color:#1d8bbc;}

.index_yewu .yewubox> .li1 h3{background: url(1.png) no-repeat center 0;}
.index_yewu .yewubox> .li1 h3:hover{background: url(1_1.png) no-repeat center 0;}
.index_yewu .yewubox> .li2 h3{background: url(2.png) no-repeat center  0;}
.index_yewu .yewubox> .li2 h3:hover{background: url(2_2.png) no-repeat center  0;}
.index_yewu .yewubox> .li3 h3{background: url(3.png) no-repeat center  0;}
.index_yewu .yewubox> .li3 h3:hover{background: url(3_3.png) no-repeat center  0;}
.index_yewu .yewubox> .li4 h3{background: url(4.png) no-repeat center  0;}
.index_yewu .yewubox> .li4 h3:hover{background: url(4_4.png) no-repeat center  0;}



.index01 {width: 100%;overflow: auto;}
.index01 .right {width: 100%;height: auto;overflow: auto;margin-top:30px;}
.index01 .right .hdwk {width: 1200px;height: auto;margin: 0 auto;overflow: auto;position: relative;}
.index01 .right .slider1 {width: 370px;height: auto;position: relative;float: left;margin-right:40px;padding-bottom: 30px;border: 1px solid #dcdcdc;box-sizing: border-box;background:#1cc7ff;}
.index01 .right .slider1:nth-child(3) {margin-right:0px;}
.index01 .right .slider1 .rslides {position: relative;list-style: none;overflow: auto;width: 100%;padding: 0;}
.index01 .right .slider1 li {background: none;}
.index01 .right .slider1 li .bt {text-align:center;color:#fff;font-size:18px;height: 36px;padding: 5px 0;text-align: center;}
.index01 .right .slider1 li .pic {width: 275px;text-align:center;margin:0 auto;height: 135px;}
.index01 .right .slider1 li .pica { width:90px; height:90px;margin-top:30px;}
.index01 .right .slider1 li .pic1 {background: url(icon1.png) no-repeat center center;}
.index01 .right .slider1 li .pic2 {background: url(icon2.png) no-repeat center center;}
.index01 .right .slider1 li .pic3 {background: url(icon3.png) no-repeat center center;}
.index01 .right .slider1 li .pic1:hover {background: url(111_2.png) no-repeat center center;}
.index01 .right .slider1 li .pic2:hover {background: url(222_2.png) no-repeat center center;}
.index01 .right .slider1 li .pic3:hover {background: url(333_2.png) no-repeat center center;}
.index01 .right .slider1 li .w {width: 90%;margin: 0 auto;text-align:center;color:#fff;}
.index01 .right .slider1 li .w h2 {font-size: 20px;text-align: center;}
.index01 .right .slider1 li .w .fbt {width: 100%;font-size: 15px;font-family: "微软雅黑";color: #0084e9;}
.index01 .right .slider1 li .w span {display: block;width: 100%;height: 84px;line-height: 28px;font-size: 12px;overflow: hidden;padding: 20px 0 40px;}

.index02 {overflow: hidden; margin-top:15px;} 
.index02 .right {width: 100%;margin: 0 auto;}
.index02 .right .new-k {width: 100%;overflow: auto;background: #e8e8e8;}

.news_c {margin: 0 auto;}
.news_z{width:49%;float:left; padding:20px 0 30px;}
.news_c .zuo{width:560px;float:left; margin-left:30px;}
.news_c .zuo .title { margin-bottom:20px;}
.news_c .zuo .title .zn{ font-size:36px; color:#0e5983;}
.news_c .zuo .title .en{ font-size:20px;}
.news_c .zuo .title .xian{width:80px;height:0px; border:1px solid #ccc; margin:5px 0;}
.news_c .zuo ul{ height:420px;}
.news_c .zuo li{line-height:35px;}
.news_c .zuo li span{float:right;}
.news_c .more{ float:right; margin-top:20px; background:#03b2c7; padding:10px 35px;}
.news_c .more1{ float:right; margin-top:10px; background:#27343d; padding:10px 35px;}
.news_c .more a{ color:#fff;}
.news_c .more:hover{ background:#1bc7ff;}

.news_y{width:49%;float:right;background: #f6f6f6; padding:20px 0 30px;}
.news_c .you{width:560px;float:right; margin-right:30px;}
.news_c .you .title { margin-bottom:30px;}
.news_c .you .title .zn{ font-size:36px; color:#0e5983;}
.news_c .you .title .en{ font-size:20px;}
.news_c .you .title .xian{width:80px;height:0px; border:1px solid #ccc; margin:5px 0;}
.news_c .you .yn{ height:420px;}
.news_c .you .yt{margin:0 0 30px 0;}
.news_c .you .yz{line-height:28px; text-align:justify;}


.index03 {width: 100%;padding-bottom: 50px;padding-top: 20px; margin-top:50px;background:#f6f6f6;}
.index03 .main {width: 1200px;margin: 0 auto;}

.pro_concept li.selected .mask{display:block;}
.pro_concept ul{height:auto; overflow:hidden; width:100%; }
.pro_concept li{width:270px; margin-right:30px; height:450px; float:left; display:inline; position:relative;}
.pro_concept li .tip{background:url(img48.png) repeat; height:350px; right:0; position:absolute; left:0; bottom:0; padding:150px 20px 15px 20px; line-height:30px; color:#fff; display:none;}

.pro_concept li.selected .tip{display:block;}
.pro_concept li.selected .mask{display:block;}
.pro_concept li .tip h1{ font-size:24px; text-align:center; margin-bottom:20px;}
.pro_concept li .tip p{ margin-bottom:80px;}
.pro_concept li .tip .more{ width:120px; margin:0 auto; text-align:center; line-height:35px; background:#fff;border-radius:15px;}




.index04 {width: 100%;padding: 10px 0 50px 0;background:#f6f6f6;}
.index04 .ditu {width: 1200px;margin: 0 auto;}


/*--------洋葱活动--------*/
.index05 {width: 100%;padding: 10px 0 10px 0;}
.index-pink{padding-bottom: 43px;width: 1200px; margin:0 auto;}
.index-huodong{position: relative;float: left;width: 741px;}
.index-huodong .index-title, .index-video .index-title{margin: 0;padding: 37px 0 38px;}
.index-huodong .index-title h2, .index-video .index-title h2{color: #333;line-height: 46px;}
.index-huodong span, .index-video span{color: #500d22;}

.index-hd-con ul li{float: left;width: 741px;}
.index-hd-con ul li a{float: left;margin: 0 12px 13px 0;width: 226px;height: 300px;overflow: hidden;}
.index-hd-con ul li a.hd-pad{margin-right: 0;}
.index-hd-con ul li img{width: 100%;}
.index-huodong .arrowl, .index-huodong .arrowr{position: absolute;top: 47px;width: 28px;height: 28px;display: block;cursor: pointer;}
.index-huodong .arrowl{left: 625px;background: url(index_hdle.png) no-repeat center center;}
.index-huodong .arrowr{left: 663px;background: url(index_hdri.png) no-repeat center center;}

/*--------洋葱视频--------*/
.index-video{position: relative;float: right;width: 435px;}




/* 首页联系地址 */
.footer {background: #171d2b;overflow: hidden}
.foot_nr {width: 1200px;margin: auto;overflow: hidden;padding: 50px 0;}

.foot_nr .right {float: right;margin-right: 50px;width: 130px;}
.foot_nr .right img {width: 100%}
.foot_nr .right p {color: #7b7b7b;text-align: center; margin-top:10px;}

.foot_nr .left {float: left;}
.foot_nr dl {float: left;padding: 5px 0 0 0;color:#fff;}
.foot_nr dl a { margin-right:100px;}
.foot_nr dl dt {font-size: 16px;margin-bottom: 10px;font-family: "微软雅黑"}
.foot_nr dl dt a {color: #ddd; text-align:center;}
.foot_nr dl dd a {font-size: 12px;color: #ddd;display: block;line-height: 30px; text-align:center;}
.foot_nr dl dd a:hover {color: #0084e9;}

.foot_nr .link{color: #ddd;}
.foot_nr .link .lj{ font-size:18px;color: #ddd;}
.foot_nr .link ul{ margin-top:10px;}
.foot_nr .link ul li{ float:left; margin-right:50px;}
.foot_nr .link ul li a{ color:#ddd;}

 

.main_banner{ position:relative;width:100%;}
.div_nav{ background:#e6e6e6; height:50px;}
.div_box{ background:#fff; width:1200px; margin:50px auto 150px;}
.div_nav ul{ background:url(2_02.jpg) left top no-repeat; padding-left:1px; width:1200px; margin:0 auto;}
.div_nav ul li{ background:url(2_02.jpg) right top no-repeat; width:203px; float:left; line-height:50px; padding-right:1px;}
.div_nav ul li a,.div_nav ul:hover .li a{ display:block; text-align:center; color:#666; font-size:16px; background:url(2_04.jpg) center top repeat-x; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_nav ul li a:hover,.div_nav ul .li a,.div_nav ul:hover .li a:hover{ background:url(2_03.jpg) center top repeat-x; color:#e62129; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}

.div_abo{ width:1200px; margin:0 auto; padding-top:0px;}
.div_abo .div1{ background:#fafafa; padding-bottom:60px; font-size:14px; }
.div_abo .div1 .rg{ padding:4%; width:92%; text-align:justify;}
.div_abo .div1 .rg .p1{ font-size:26px; color:#333; background:url(8_03.jpg) bottom left no-repeat; padding-bottom:25px;}
.div_abo .div1 .rg .p3{color:#333; line-height:28px; margin-top:25px; text-align:justify;}