@charset "utf-8";
/* CSS Document */

* {margin: 0;padding: 0;list-style: none;border-style: none;text-decoration: none;}
h1 ,h2, h3, h4, h5, h6 {font-weight: normal;}
body {font-family:"Microsoft Yahei","Yahei";background: #fff;min-width: 1263px;}
h1 ,h2, h3, h4, h5, h6 {font-weight: normal;}
@font-face {font-family: "Yahei";src: url("../font/msyh.ttf") ;}

a {text-decoration: none;}
a:focus{outline:none;}
i,em {font-style: normal;}
.clearfix:after {content: '.';display: block;clear: both;height: 0;visibility: hidden;}
.clearfix {*zoom:1;}
.w1200{width:1200px;margin:auto;}
.fl {float: left;}
.fr {float: right;}
img{ border-style:none;}

/*index*/
.header-wrap{ width:100%; height:88px; background-color:#fff;}
.header-wrap .header{width:1200px; height:88px; margin:auto; }
.header-wrap .header-logo{width:300px; height:88px;}
.header-wrap .header-nav{ height:88px;margin-left:110px;}
.header-wrap .header-nav ul li a{ display:inline-block; height:88px;  color:#303030; font-size:17px;  }
.header-wrap .header-nav ul li:hover a{color:#10a4c2;    }
.header-wrap .header-nav ul li:hover{  border-bottom:2px solid #10a4c2;box-sizing: border-box; }
.header-wrap .header-nav ul li{ float:left;    padding: 0 20px; height:88px; line-height:88px; text-align:center;}
/*banner*/
#section-banner {width: 100%;position: relative;height:600px;}
#nav-banners {width: 100%;height:600px;overflow: hidden;position: relative;}
.swiper-wrapper {width: 1920px;height:600px;position: absolute;left: 50%;margin-left: -960px;}
.swiper-wrapper .hd {position: absolute;bottom:22px;text-align:center;right:;width: 100%;z-index: 1;}/*轮播图的按钮绝对位置*/
.swiper-wrapper .hd ul {width: 1200px; margin:auto;}/*轮播图的按钮位置*/
.swiper-wrapper .hd ul li {display:inline-block;background:#898e99;width: 38px;height: 2px;transition: all .2s ease-in;margin: 0 3px;cursor: pointer;}/*轮播图的按钮之间的样式*/
.swiper-wrapper .hd ul li.on {background: #fff;}/*轮播图的按钮的背景颜色及边框的样式*/
/*main--页面主体*/
.main-wrap{ width:100%; background-color:#fff;}
.main-wrap .main-top{background-image:url(../images/index-xian.jpg); background-repeat: repeat-x; background-position:-29px 86px; margin:auto;height:225px; width:1200px; position:relative;}
.main-wrap .main-top .wenzi-top{width:355px; height:45px;text-align:center;font-size:33px; color:#303030; line-height:45px; position:absolute; top:65px; left:433px; background-color:#fff;}
.main-wrap .main-top .wenzi-more{width:155px; height:45px; border:1px solid #7ebe26; text-align:center; position:absolute; top:130px; left:536px;}
.main-wrap .main-top .wenzi-more a{ display:inline-block;width:155px; height:45px; font-size:14px; color:#7ebe26; line-height:45px;}
.main-wrap .main-top .wenzi-more a:hover{ background-color:#7ebe26; color:#fff; line-height:45px;}
.main-wrap .main-center{ margin:auto;height:395px; width:1200px; }
.main-wrap .main-center ul{margin-left:-16px;height:395px; width:1248px;  }
.main-wrap .main-center ul li{ margin:20px 19px 25px 0; text-align:center;float:left; width:290px; height:145px; border:1px solid #e2e2e2; position:relative;}
.main-wrap .main-center ul li img{ margin-top:20px; display:inline-block;}
.main-wrap .main-center ul li a{ color:#323232; font-size:18px; line-height:18px;}
.main-wrap .main-center ul li:hover .wenzi{ color:#fff;}
.main-wrap .main-center ul .li1:hover{ background-color:#10a4c2;background-image:url(../images/index-icon11.png); background-repeat:no-repeat; background-position:100px 20px;}
.main-wrap .main-center ul .li1:hover .img1{ opacity:0;}
.main-wrap .main-center ul .li2:hover{background-color:#10a4c2; background-image:url(../images/index-icon22.png); background-repeat:no-repeat; background-position:100px 20px;}
.main-wrap .main-center ul .li2:hover .img2{ opacity:0;}
.main-wrap .main-center ul .li3:hover{background-color:#10a4c2; background-image:url(../images/index-icon33.png); background-repeat:no-repeat; background-position:100px 20px;}
.main-wrap .main-center ul .li3:hover .img3{ opacity:0;}
.main-wrap .main-center ul .li4:hover{background-color:#10a4c2; background-image:url(../images/index-icon44.png); background-repeat:no-repeat; background-position:100px 20px;}
.main-wrap .main-center ul .li4:hover .img4{ opacity:0;}
.main-wrap .main-center ul .li5:hover{ background-color:#10a4c2;background-image:url(../images/index-icon55.png); background-repeat:no-repeat; background-position:100px 20px;}
.main-wrap .main-center ul .li5:hover .img5{ opacity:0;}
.main-wrap .main-center ul .li6:hover{ background-color:#10a4c2;background-image:url(../images/index-icon66.png); background-repeat:no-repeat; background-position:100px 20px;}
.main-wrap .main-center ul .li6:hover .img6{ opacity:0;}
.main-wrap .main-center ul .li7:hover{background-color:#10a4c2; background-image:url(../images/index-icon77.png); background-repeat:no-repeat; background-position:100px 20px;}
.main-wrap .main-center ul .li7:hover .img7{ opacity:0;}
.main-wrap .main-center ul .li8:hover{background-color:#10a4c2; background-image:url(../images/index-icon88.png); background-repeat:no-repeat; background-position:100px 20px;}
.main-wrap .main-center ul .li8:hover .img8{ opacity:0;}

/*六图同时切换*/
.main-wrap .products-wrapper{ position:relative;}
.main-wrap .products-wrapper .bd { width:1200px;margin: 0 auto 40px;}
.main-wrap .products-wrapper .bd ul{width:1200px;position:relative; margin:auto}
.main-wrap .products-wrapper .bd ul li{ float:left; width:1100px; position:relative;}
.main-wrap .products-wrapper .tempWrap{overflow:hidden; position:relative; width:1100px;margin-left: 17px;margin-bottom: 20px;}
.main-wrap .products-wrapper .bd ul li .irem { text-align:center;width:347px;height:279px;float:left;margin:0 20px 20px 0;}
.main-wrap .products-wrapper .bd ul li .irem a i{ color:#333;}
.main-wrap .products-wrapper .bd ul li .irem img{ border:1px solid #eee; box-sizing:border-box;}
.main-wrap .products-wrapper .bd ul li .irem div{ width:347px;height:45px;/*透明背景色，不透明其文字内容*/ margin:-250px auto;color:#fff;font-family:"微软雅黑";}




.main-wrap .products-wrapper .prev{  position:absolute; left:-40px;top:275px;display:inline-block; width:50px; height:50px; background-image:url(../images/icon.png); background-repeat:no-repeat; background-position:-1px -12px; cursor:pointer;}
.main-wrap .products-wrapper .prev:hover{ background: url(../images/icon.png) no-repeat; background-position:-177px -12px;}
.main-wrap .products-wrapper .next{ position:absolute; display:inline-block; width:50px; right:-10px;top:275px; height:50px; background-image:url(../images/icon.png); background-repeat:no-repeat; background-position:-94px -14px; cursor:pointer;}
.main-wrap .products-wrapper .next:hover{ background: url(../images/icon.png) no-repeat; background-position:-264px -14px;}
.main-wrap .products-wrapper .bd ul li .irem:hover{ background-image:url(../images/sousuo.png); background-color:#bcbcbc;}
.main-wrap .products-wrapper .bd ul li .irem :hover img{ opacity:0.1;}

	
/*关于国傲*/
.index-us-wrap{ width:100%; height:660px; background-image:url(../images/bj.jpg); background-repeat:no-repeat; background-position:center top;  background-color:#1ea7c7;}
.index-us-wrap .index-us{width:1200px; height:660px; margin:auto; position:relative;background-image:url(../images/index-xian.jpg); background-repeat: repeat-x; background-position:-29px 86px;}
.index-us-wrap .index-us .index-us-top{height:225px; width:1200px;}
.index-us-wrap .index-us .index-us-top .wenzi-top{width:175px; height:45px;text-align:center;font-size:33px; color:#fff; line-height:45px; position:absolute; top:65px; left:515px; background-color:#1ea7c7;}
.index-us-wrap .index-us .index-us-top .wenzi-more{width:155px; height:45px; border:1px solid #fff; text-align:center; position:absolute; top:130px; left:525px;}
.index-us-wrap .index-us .index-us-top .wenzi-more a{ display:inline-block;width:155px; height:45px; font-size:14px; color:#fff; line-height:45px;}
.index-us-wrap .index-us .index-us-top .wenzi-more a:hover{ background-color:#fff; color:#1ea7c7; line-height:45px;}
.index-us-wrap .index-us .index-us-center{ width:1200px;margin:0px auto 20px;}
.index-us-wrap .index-us .index-us-center p{ line-height:32px; font-size:14px; color:#fff; }
.index-us-wrap .index-us .index-us-bottom{ width:1200px; height:170px; margin:auto;}
.index-us-wrap .index-us .index-us-bottom ul{ margin-left:-3px;}
.index-us-wrap .index-us .index-us-bottom ul li{ float:left; margin-right:11px;}
.index-us-wrap .index-us .index-us-bottom ul li img{ max-width:100%;}
/*.index-us-wrap .index-us .index-us-bottom ul li:hover .index-img{ transform:scale(1.03); transition:all 1s ease;}*/


/*国傲动态*/
.state-warp{ width:100%;margin-bottom: 60px;}
.state-warp .state{ width:1200px; margin:auto;}
.state-warp .state .main-top{background-image:url(../images/index-xian.jpg); background-repeat: repeat-x; background-position:-29px 86px; margin:auto;height:167px; width:1200px; position:relative;}
.state-warp .state .main-top .wenzi-top{width:175px; height:45px;text-align:center;font-size:33px; color:#333; line-height:45px; position:absolute; top:65px; left:515px; background-color:#fff;}
.state-warp .state-news{ width:1200px; margin:auto;}
.state-warp .state-news .state-news-left{ width:580px; }
.state-warp .state-news .state-news-left ul{width:580px;}
.state-warp .state-news .state-news-left ul li{width:580px;  position:relative; background-image: url(../images/disc.png); background-repeat: no-repeat;background-position: 0px 23px; border-bottom:1px solid #e5e5e5;}
.state-warp .state-news .state-news-left ul li a{    padding-left: 1.2em;color:#333; line-height:39px;}
.state-warp .state-news .state-news-left ul li a:hover{ color:#10a4c2;}
.state-warp .state-news .state-news-left ul li a span{width: 450px;  display: inline-block;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;}
.state-warp .state-news .state-news-left ul li i{display:inline-block;position:absolute;right:10px;}
.state-warp .state-news .state-news-left ul li:hover{background-image: url(../images/disc1.png); background-repeat: no-repeat;background-position: 0px 23px;}
.state-warp .state-news .state-news-right{width:595px; height:330px;    margin-top: 17px;}
.state-warp .state-news .state-news-right .left-img{ margin:15px 0;}
.state-warp .state-news .state-news-right .left-img div{ margin:-34px 0 0 30px; color:#fff; }
.state-warp .state-news .state-news-right .left-img1{ margin:15px 0;}
.state-warp .state-news .state-news-right .left-img1 ul li{  margin-top:-2px;}
.state-warp .state-news .state-news-right .left-img1 img{ display:inline-block; margin:3px 0 9px;}






	/* 焦点图效果 */
	.picBtnTop{ width:595px; height:330px;  position:relative;   zoom:1;   }
	.picBtnTop .hd{ width:98px;  height:306px; position:absolute; right:53px;}
	.picBtnTop .hd ul li{ width:93px; text-align:center; padding:0 0 5px 5px;  }
	.picBtnTop .hd ul li img{ width:136px; height:90px; border:4px solid #ddd; cursor:pointer; vertical-align:bottom; }
	.picBtnTop .hd ul li.on{ background:url("images/icoleft.gif") no-repeat 0 28px; }
	.picBtnTop .hd ul li.on img{ border-color:#f60;  }
	.picBtnTop .bd{width:449px; height:300px; position:relative;  }
	.picBtnTop .bd li{ position:relative; zoom:1; vertical-align:middle;}
	.picBtnTop .bd li .pic{ position:relative; z-index:0;  }
	.picBtnTop .bd li .pic img{ width:449px; height:300px; vertical-align:bottom; }
	.picBtnTop .bd li .bg{ width:449px; height:30px; position:absolute; left:0; bottom:0; z-index:1;  background:#000; filter:alpha(opacity=60);opacity:0.6;    }
	.picBtnTop .bd li .title{ width:449px; height:30px; line-height:30px; left:0; bottom:0;   position:absolute; z-index:2;  }
	.picBtnTop .bd li .title a{ color:#fff; padding-left:15px;  }
	.picBtnTop .bd li .title a span{ white-space: nowrap;  }

	#demo1,#demo2{ margin-bottom:20px;  }

	/* tab选项切换效果 */
	.slideTxtBox{ width:510px; text-align:left;  }
	.slideTxtBox .hd{ height:30px; line-height:30px;  padding:0 20px; border-bottom:1px solid #ddd;  position:relative;  }
	.slideTxtBox .hd ul{ float:left; position:absolute; left:20px; top:-1px; height:32px;   }
	.slideTxtBox .hd ul li{ float:left; padding:0 15px; cursor:pointer;  }
	.slideTxtBox .hd ul li.on{ height:30px;  background:#fff; border:1px solid #ddd; border-bottom:2px solid #fff; }
	.slideTxtBox .bd ul{ padding:15px;  zoom:1;  }
	.slideTxtBox .bd li{ height:24px; line-height:24px;   }
	.slideTxtBox .bd li .date{ float:right; color:#999;  }


/*咨询客服*/
.qq-warp{ width:100%; height:80px; background-color:#1ea7c7;}
.qq-warp .qq{ width:425px; height:80px; margin:auto;line-height:40px; }
.qq-warp .qq .zixun{ text-indent:4em;float:left;width:200px; height:40px; border:1px solid #fff; margin-top:20px;background-image:url(../images/icon.png); background-position:15px -390px; background-repeat:no-repeat;}
.qq-warp .qq .zixun:hover{ background-color:#fff;background-image:url(../images/icon.png); background-position:15px -488px; background-repeat:no-repeat; cursor:pointer;}
.qq-warp .qq .zixun a{color:#fff; }
.qq-warp .qq .zixun:hover a{color:#1ea7c7; }
.qq-warp .qq .tel{ text-indent:3em;float:right;color:#fff;width:200px; height:40px; border:1px solid #fff;margin-top:20px;background-image:url(../images/icon.png); background-position:10px -438px; background-repeat:no-repeat;}
.qq-warp .qq .tel:hover{ background-color:#fff;background-image:url(../images/icon.png); background-position:11px -536px; background-repeat:no-repeat; }
.qq-warp .qq .tel a{color:#fff; }
.qq-warp .qq .tel:hover a{color:#1ea7c7; }

/*底部*/
.footer-warp{ width:100%; height:475px; background-color:#f3f3f3; position:relative}
.footer-warp .footer{ margin:auto; width:1200px; height:420px;}
.footer-warp .footer ul{width:1200px; height:390px; position: relative;}
.footer-warp .footer ul li{ float:left;}
.footer-warp .footer ul li a{ color:#626262;}
.footer-warp .footer ul li a:hover{ color:#626262; transform: translateX(10px) ; transition:all 0.2s linear;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-webkit-transform: translateX(10px) ;-moz-transform: translateX(10px) ;}
.footer-warp .footer ul .footer-i1{width:220px; height:390px; }
.footer-warp .footer ul .footer-i2{width:320px; height:390px; }
.footer-warp .footer ul .footer-i1 .footer-i1-div1{ margin:40px 0 10px;font-size:18px; color:#4a4a4a; line-height:2em;}
.footer-warp .footer ul .footer-i1 .footer-i1-div2{ font-size:14px; color:#626262; line-height:2em;}
.footer-warp .footer ul dl{ position:absolute; top:40px; right:0; width:310px;}
.footer-warp .footer ul dl dd a{ font-size:18px; color:#4a4a4a; line-height:2em;}
.footer-warp .footer ul dl p{ font-size:14px; color:#626262; line-height:2em;}
.footer-warp .footer .links{ position:absolute; bottom:110px; font-size:14px; color:#000;}
.footer-warp .footer .links a{ font-size:14px; color:#000;margin-left: 10px}
.footer-warp .footer-bottom{ margin:auto; width:1200px; height:55px; border-top:1px solid #dbdbdb;}
.footer-warp .footer-bottom div{ font-size:14px; color:#979797; text-align:center; line-height:55px;}


/*index    end*/




/*共用部分----*/
/*共用-----语言*/
.header-wrap .index-bg{ width:25px; height:25px;}
.header-wrap .header-voice{width:125px; height:88px; position:relative}
.nav-language{ width:125px; height:35px; margin-top:26.5px; background-color:#10a4c2; z-index:10;position: absolute; right:10px;top:0px;}
.nav-language a{ color:#fff; font-size:16px;}
.nav-language ul li{  background-color:#10a4c2;line-height:34px;height:34px; width:125px; text-align:center;z-index:10; zoom:1}
.nav-language .ul1>li {width:125px;background:url(../images/icon.png); background-position:-591px -236px;background-repeat:no-repeat;}
.nav-language .ul1>li:hover { color:#555;display:inline-block;}
.nav-language .ul2 {display:none;margin-top:1px;}
.nav-language .ul2>li>a:hover { display:inline-block;background-color:#fff; width:125px; height:35px;color:#10a4c2;display:inline-block;}
.nav-language .ul1>li:hover>ul {display:block;}
.nav-language .ul2>li:hover{background-color:#fff;}

/*在线客服*/
.izl-rmenu{position:fixed;     right: 0px; margin-left:532px; bottom:300px; padding-bottom:73px; background:url(../images/r_b.png) 0px bottom no-repeat; z-index:999; }
.izl-rmenu .btn{width:72px; height:73px; margin-bottom:1px; cursor:pointer; position:relative;}
.izl-rmenu .btn-qq{background:url(../images/r_qq.png) 0px 0px no-repeat; background-color:#10a4c2;}
.izl-rmenu .btn-qq:hover{background-color:#7ebe26;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/r_qq.png) 0px 0px no-repeat; background-color:#10a4c2; text-decoration:none; display:block;}
.izl-rmenu .btn-wx{background:url(../images/r_wx.png) 0px 0px no-repeat; background-color:#10a4c2;}
.izl-rmenu .btn-wx:hover{background-color:#7ebe26;}
.izl-rmenu .btn-phone{background:url(../images/r_phone.png) 0px 0px no-repeat; background-color:#10a4c2;}
.izl-rmenu .btn-phone:hover{background-color:#7ebe26;}
.izl-rmenu .btn-phone .phone{background-color:#7ebe26; position:absolute; width:160px; left:-160px; top:0px; line-height:73px; color:#FFF; font-size:18px; text-align:center; display:none;}
.izl-rmenu .btn-top{background:url(../images/r_top.png) 0px 0px no-repeat; background-color:#10a4c2; display:none;}
.izl-rmenu .btn-top:hover{background-color:#7ebe26;}


/*分页的导航图及左右边的样式*/
.main-banner{ width:100%; overflow:hidden;}
.about-warp{ width:100%;}
.about-warp .about{ background-color:#eee;}
.about-warp .about .about-left{ margin-top:50px;width:220px; background-color:rgba(167,167,167,1.00);}
.about-warp .about .about-left ul{ width:220px;}
.about-warp .about .about-left ul li{ width:220px; height:56px; line-height:56px; text-align:center; background-color:#eef2f5; border-bottom:1px solid #fff;}
.about-warp .about .about-left ul li a{ display:inline-block; width:220px; height:56px; color:#626262; font-size:18px;}
.about-warp .about .about-left ul li:hover a{ color:#10a4c2;}
.about-warp .about .about-left ul .cur a{color:#10a4c2;border-left:3px solid #10a4c2;background-color:#dbf1f6;     box-sizing: border-box; }
.about-warp .about .about-right{ margin-top:50px; margin-bottom:70px;width:935px;}
.about-warp .about .about-right .share-top{ height:56px; color:#10a4c2; font-size:22px;}


/*分页*/
.about-warp .about .about-right .pages{width:935px; position: relative;}
.about-warp .about .about-right .pages ul{ width:520px;margin:50px auto; clear:both;}
.about-warp .about .about-right .pages ul li{ float:left;line-height:34px; text-align:center;border:1px solid #dfdfdf; margin-right:10px;}
.about-warp .about .about-right .pages ul li a{ color:#333;}
.about-warp .about .about-right .pages ul li:hover a{ color:#fff;}
.about-warp .about .about-right .pages ul li:hover{ background-color:#7ebe26; cursor:pointer;}
.about-warp .about .about-right .pages ul .num{width:34px; height:34px;}
.about-warp .about .about-right .pages ul .on a{ display:block;width:34px; height:34px; color:#fff;}
.about-warp .about .about-right .pages ul .on{ background-color:#7ebe26;}


.about-warp .about .about-right .pages ul .prev{width:68px; height:34px; background-image:url(../images/icon.png); background-repeat:no-repeat; background-position:17px -121px; cursor: pointer;}
.about-warp .about .about-right .pages ul .prev:hover{width:68px; height:34px;background-image:url(../images/icon.png); background-repeat:no-repeat; background-position:17px -165px;}
.about-warp .about .about-right .pages ul .next{width:68px; height:34px; background-image:url(../images/icon.png); background-repeat:no-repeat; background-position:-54px -122px;cursor: pointer;}
.about-warp .about .about-right .pages ul .next:hover{width:68px; height:34px;background-image:url(../images/icon.png); background-repeat:no-repeat; background-position:-54px -165px;}



/*共用部分----end*/