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

/*文本框默认颜色*/
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #999; opacity: 1}
input:-moz-placeholder, textarea:-moz-placeholder {color: #999; opacity: 1}
input::-moz-placeholder, textarea::-moz-placeholder {color: #999; opacity: 1}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #999; opacity: 1}


/* clear 页头，页脚，内容区都不用再加清除样式 */
.cf:before, body:before, .header:before, .main:before, .footer:before, .wrap:before { content: ''; display: table }
.cf:after, after, .header:after, .main:after, .footer:after, .wrap:after { content: ''; display: table; clear: both }
.cf, .header, .main, .footer, .wrap { *zoom: 1 }

/*图片放大*/
@media screen and (max-width: 2000px) and (min-width: 1000px){
	.tr_sc{ overflow:hidden; display:block;}
	.tr_sc img{transition:0.3s all;}
	.tr_sc:hover img{transform:scale(1.1,1.1);}
}


/*其他公用*/
.img{ line-height:0;}
.img img{ width:100%;}
.in_wrap{width: 1360px; margin: 0 auto;}
.wrap{width: 1430px; margin: 0 auto;}
.ty_title{ text-align:center;}
.ty_title h1{ font-size:40px; font-weight:300;}
.ty_title .zy{ font-size:16px; color:#666; padding:0 300px; padding-top:20px; display:block;}
.ty_xiaobt{ font-size:24px; font-weight:300; line-height:26px;}
.ty_more{ text-align:center;}
.ty_more a{ color:#fff; display: inline-block; border:1px solid #fff; border-radius:3px; padding:10px 90px;}
.ty_more a:hover{ color:#007ec3; background:#fff;}
.ty_more_hei a{ color:#333; border:1px solid #bfbfbf;}
.ty_more_hei a:hover{ color:#fff; background:#007ec3; border:1px solid #007ec3;}

/*公用头尾*/
.header{ position:fixed; left:0; top:0; width:100%; z-index:1000000; box-shadow:0 0 4px rgba(0,0,0,0.2);}
.in_main,
.main{ margin-top:122px;}

.header .top{ background:#f5f5f5; border-bottom:1px solid #eaeaea; height:41px; padding:0 40px;}
.header .top .top_l{ display:block; float:left;}
.header .top_l .yuy{ padding:0 19px 0 26px; line-height:41px; color:#666; position: relative;}
.header .top_l .yuy:before{ content: ''; position: absolute; background:url(../images/in_ion-1.png) no-repeat; width: 17px; height: 17px; left: 0; top:0;}

.header .top_l{ position:relative;}
.header .top_l .tc_yuy{ position: absolute; left:0; top:40px; background-color:#fff; width:145px; box-shadow:0 0 5px rgba(0,0,0,0.3); padding:10px 0; z-index:500; border-radius:5px; display:none; transition: 0.4s; -webkit-transition: 0.4s;}
.header .top_l:hover .tc_yuy{ display:block;}
.header .top_l .tc_yuy a{ display:block; padding:10px 25px; color:#666;}
.header .top_l .tc_yuy a.one,
.header .top_l .tc_yuy a:hover{ background:#007ec3; color:#fff;}

.header .top .top_r{ float:right;}
.header .top_r li{ float: left; line-height: 41px; margin-left: 33px;}
.header .top_r li a{ color: #666; padding: 5px 0;}
.header .top_r li a:hover{ color: #007ec3; }
.header .top_r li.li1{ margin-left: 50px; position: relative;}
.header .top_r li.li1:before{ content: ''; position: absolute; background-color: #cacaca; width: 1px; height: 8px; left: -25px; top: 50%; margin-top: -4px;}
.header .top_r li.li1 a{ padding-left: 28px; background: url(../images/in_ion-3.png) no-repeat left center; }
.header .daoh{ padding: 26px 40px 21px; padding:0 40px; position:relative; background:#fff; width:100%; box-shadow:0 2px 4px rgba(0,0,0,0.2); box-sizing:border-box;}
.header .daoh .logo{ float: left; padding-top:14px;}
.header .daoh .logo a{ display: block; line-height: 0; width: 181px;}
.header .daoh .logo a img{ max-width: 100%; }
.header .daoh .daoh_r{ float: right; padding-top:20px;}
.header .daoh .suib,
.header .daoh .ss,
.header .daoh .gouwc{ float: left; }
.header .daoh .in_wrap,
.header .daoh .wrap{ overflow:hidden;}
.header .daoh .nav{ margin:0 -70px;}
.header .daoh .nav > li{ float: left; width:100px; padding:0px 70px 0; line-height:80px; text-align:center;}
.header .daoh .nav > li > a{ font-size: 16px; line-height: 18px; color: #333; padding: 0 0 0 0; position:relative; padding-right:20px;}
.header .daoh .nav > li > a:before{ content: ''; position: absolute; background-color: #2760a2; width: 0; height: 2px; left: 0; bottom: -10px; transition: 0.4s; -webkit-transition: 0.4s;}
.header .daoh .nav > li > a:after{ content: ''; position: absolute; background:url(../images/in_ion-4.png) no-repeat right center; width: 13px; height: 7px; right: 0; top:50%; margin-top:-3px; transition: 0.4s; -webkit-transition: 0.4s;}
.header .daoh .nav > li > a:hover{ color: #007ec3; }
.header .daoh .nav > li > a:hover:before{ width:100%;}
.header .daoh .nav > li > a:hover:after{ transform: rotate(-180deg);}
.header .daoh .nav .a1{ background:url(../images/in_ion-4.png) no-repeat right center;}
.header .daoh .nav .a1:hover{ background-image: url(../images/in_ion-4_1.png);}
.header .daoh .ss{ margin:1px 12px 0 0; position:relative;}
.header .daoh .ss a,
.header .daoh .ss .btn input{ display: block; background:url(../images/in_ion-5.png) no-repeat center #acacac;  width: 36px; height: 36px; float: right; border-radius:3px; cursor:pointer;}
.header .daoh .ss .srk{ display: block; position:absolute; top:0; right:35px; height:36px; width:0px; border:1px solid #acacac; border-right:0; box-sizing:border-box; background-color:#fff; border-radius:3px 0 0 3px; z-index:1;}
.header .daoh .ss .srk input{ height:100%; box-sizing:border-box; padding:5px 10px; display:none;}

.header .daoh .gouwc{ margin-top: 1px; }
.header .daoh .gouwc a{ display: block; line-height: 0; position:relative;}
.header .daoh .gouwc b{ display:block; width:19px; height:19px; background-color:#e94820; color:#fff; border:1px solid #fff; border-radius:50%; line-height:19px; text-align:center; position:absolute; top:-9px; right:-9px; font-size:10px; font-weight:bold;}

.header .navdown{ position:absolute; left:0; top:80px; width:100%; z-index:999; background:#f5f5f5; border-bottom:1px solid #b1b8bb; display:none;}
.header .navdown .yiji{ text-align:center; padding:5px 0 15px;}
.header .navdown .yiji li{ display:inline-block; padding:0 40px;}
.header .navdown .yiji a,
.header .navdown .yiji span{ display:block; color:#333;}
.header .navdown .yiji .ion{ height:12px; background-repeat:no-repeat; background-position:center top; min-width:120px;}
.header .navdown .yiji .txt{ font-size:16px;}
.header .navdown .yiji a:hover span{ color:#007ac2;}
.header .navdown .yiji a:hover .ion{ background-position:center bottom;}
.header .navdown .sanji ul{ position:relative; padding:20px 0;}
.header .navdown .sanji ul:before{content:""; position:absolute; left:0; top:0; display:inline-block; width:237px; height:20px; background:#007ac2;}
.header .navdown .sanji ul:after{content:""; position:absolute; left:0; bottom:0; display:inline-block; width:237px; height:20px; background:#007ac2;}
.header .navdown .sanji li{ background:#007ac2; width:237px;}
.header .navdown .sanji .nr{ position:absolute; left:0; padding-left:237px; top:0; width:100%; box-sizing:border-box;}
.header .navdown .sanji .l{ color:#fff; display:block; background-repeat:no-repeat; background-position:40px center; padding:12px 20px 12px 88px; font-size:16px; position:relative; z-index:2;}
.header .navdown .sanji .l:before{content:""; position:absolute; right:20px; top:50%; margin-top:-6px; display:inline-block; width:8px; height:13px; background: url(../images/nav-10.png) left top;}
.header .navdown .sanji li.li_one .l,
.header .navdown .sanji li:hover .l{ background-color:#f5f5f5; color:#007ac2; font-weight:bold;}
.header .navdown .sanji li.li_one .l:before,
.header .navdown .sanji li:hover .l:before{ background-position: left bottom;}
.header .navdown .sanji dl{ float:left; width:25%; padding:0 40px; box-sizing:border-box;}
.header .navdown .sanji .nr5 dl{ width:20%;}
.header .navdown .sanji dl a{ display:block; color:#333; padding:5px 0;}
.header .navdown .sanji dl a:hover{ color:#007ac2;}
.header .navdown .sanji dt a{ display:inline-block; font-weight:bold; margin:35px 0 25px; padding:0 25px 0 0; background:url(../images/nav-11.png) no-repeat right center;}

.header .navdown .erji .nr{ padding-right:200px;}
.header .navdown .erji .bt{ font-size:16px; font-weight:bold; padding:40px 70px 15px;}
.header .navdown .erji .bt a{ color:#333;}
.header .navdown .erji .bt a:hover{ color:#007ec3;}
.header .navdown .erji .con{ padding:0 50px;}
.header .navdown .erji .con span{ display:block; float:left; width:50%; box-sizing:border-box; padding:10px 20px;}
.header .navdown .erji .con a{ color:#333;}
.header .navdown .erji .con a:hover{ color:#007ac2;}
.header .navdown .erji .nr_pos{ padding-right:600px; height:100%;}
.header .navdown .erji .con_pos{ position:absolute; right:0; top:0; height:100%; background:#e9e9e9;}
.header .navdown .erji .con_pos .li{ padding:0 40px; float:left; position:relative; height:100%;}
.header .navdown .erji .con_pos .li:before{content:""; position:absolute; right:0; top:10%; display:inline-block; width:1px; height:80%; background:#d6d6d6;}
.header .navdown .erji .con_pos .li .tit{ padding:40px 0 30px; font-weight:bold;}
.header .navdown .erji .con_pos .li a{ display:block; margin-bottom:20px; color:#333;}
.header .navdown .erji .con_pos .li a:hover{ color:#007ac2;}



@media screen and (max-width:2000px){
	
	/*公用头尾*/
	.header .daoh .in_wrap{ width:auto;}
	.header .daoh .nav{ margin:0 20px;}
	.header .daoh .nav > li{ padding:0; width:16.6%; text-align:center;}
	
}






@media screen and (max-width:1800px){
	
	/*公用头尾*/

	.header .daoh .wrap{ width:auto;}
	
}