@media screen and (min-width:1025px) and (max-width:1201px){
@charset "utf-8";

/*首页*/
.center{ width:1024px; margin:0 auto;}
.overflow_hidden{ overflow:hidden;}

.header{ width:100%; height:211px; position:fixed; z-index:10000; top:0; left:0; background:#FFF;}
.header_top{ width:100%; height:40px; background:url(../images/welcome_bg.jpg) repeat-x; overflow:hidden; border-bottom:1px solid #e3e3e3;}
.header_top1{ width:1024px; height:40px; margin:0 auto; overflow:hidden;}
.welcome{ float:left; line-height:40px; font-size:14px; color:#656565;}
.language{ float:right; overflow:hidden; margin-top:11px;}
.language li{ background:url(../images/line1.jpg) right center no-repeat; float:left; padding:0 15px 0 0;}
.language li:nth-child(2){ background:none; padding:0 0 0 14px;}
.language li a{ display:block; height:18px; color:#000; text-align:right;}
.language li:nth-child(1) a{ background:url(../images/CN.jpg) left center no-repeat; width:70px;}
.language li:nth-child(2) a{ background:url(../images/EN.jpg) left center no-repeat; width:75px;}

.header_mid{ width:1024px; height:120px; margin:0 auto; overflow:hidden;}
.logo{ float:left; display:block; width:433px; margin-top:31px;}
.tel{ float:right; height:45px; padding-left:54px; background:url(../images/tel.png) left center no-repeat; text-align:left; margin-top:39px;}
.tel1{ float:left; clear:both; font-size:16px; color:#656565; line-height:16px;}
.tel2{ float:left; clear:both; font-size:26px; color:#f08321; font-family:"Arial"; line-height:26px; margin-top:6px;}

.header_nav{ width:100%; height:50px; background:#0079d1;}
.nav{ width:1024px; height:50px; margin:0 auto;}
.nav>li{ float:left; width:127px; position:relative; margin-right:1px;}
.nav>li>a{ display:block; width:100%; height:50px; line-height:50px; color:#FFF; font-size:16px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.nav>li:hover>a{ background:#f08321;}
.nav>li .a_on{ background:#f08321;}
.nav1{ position:absolute; top:50px; left:0; z-index:10; display:none; background:#0079d1; width:100%; overflow:hidden;}
.nav1>li{ width:100%; overflow:hidden;}
.nav1>li>a{ display:block; width:90%; padding:0 5%; font-size:15px; color:#FFF; height:40px; line-height:40px;}
.nav1>li>a:hover{ background:#1694f0;}

.header_on{ height:91px;}
.header_on .header_mid{ height:0;}

.mobile_bg{ display:none;}

/* banner css */
.slideBox{ width:100%; height:380px; overflow:hidden; position:relative; display:block; margin-top:211px;}
.slideBox .bd{ position:relative; width:100% !important; height:100%; z-index:0;}
.slideBox .bd ul{ width:100% !important;}
.slideBox .bd ul li{ width:100% !important; height:380px; zoom:1; vertical-align:middle;}
.slideBox .prev{ position:absolute; left:2%; top:50%; margin-top:-35px; display:block; width:71px; height:71px; background:url(../images/banner_l.png) center center no-repeat; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}
.slideBox .next{ position:absolute; right:2%; top:50%; margin-top:-35px; display:block; width:71px; height:71px; background:url(../images/banner_r.png) center center no-repeat; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}
.slideBox:hover .prev{ filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5;}
.slideBox:hover .next{ filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5;}
.slideBox:hover .prev:hover{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
.slideBox:hover .next:hover{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}

.swiper-container { display:none;}

.search{ width:100%; min-height:54px; overflow:hidden; border-bottom:1px solid #d8d9dd;}
.search_in{ width:1024px; margin:0 auto; overflow:hidden;}
.search1{ float:left; width:750px; overflow:hidden; padding:12px 0;}
.search1 li{ float:left; font-size:16px; color:#0b4889; line-height:30px; background:url(../images/line2.png) right center no-repeat; padding:0 25px;}
.search1 li:first-child{ padding:0; background:none;}
.search1 li:nth-child(2){ padding:0 25px 0 0;}
.search1 li:last-child{ background:none;}
.search1 li a{ font-size:14px; color:#323232;}
.search1 li a:hover{ text-decoration:underline;}
.search2{ float:right; overflow:hidden; width:245px; height:30px; margin-top:11px;}
.search3{ float:left; width:188px; padding:0 10px; height:28px; line-height:28px; border:1px solid #dadada; border-right:0; outline:none; color:#666;}
.search4{ float:right; width:36px; height:30px; border:0; background:url(../images/search.png) center center no-repeat #2265ac; cursor:pointer; outline:none;}

.index1{ width:100%; overflow:hidden; padding:50px 0;}
.index1_1{ width:1024px; margin:0 auto; overflow:hidden;}

.index_title{ width:1024px; height:40px; margin:0 auto; overflow:hidden; position:relative;}
.index_title_l{ position:absolute; top:0; left:0; width:424px; height:40px; background:url(../images/index_title_l.png) right center no-repeat;}
.index_title_c{ font-size:30px; color:#313131; font-weight:bold; line-height:40px;}
.index_title_c span{ color:#0079d1;}
.index_title_r{ position:absolute; top:0; right:0; width:424px; height:40px; background:url(../images/index_title_r.png) left center no-repeat;}
.index_title_content{ width:1024px; margin:2px auto 0 auto; overflow:hidden; font-size:16px; color:#626365; line-height:26px;}

.index1_2{ width:100%; min-height:440px; overflow:hidden; background:url(../images/index1_bg.jpg) center center no-repeat; margin-top:45px;}
.index1_2 li{ float:left; width:50%; height:136px; text-align:left;}
.index1_2 li:nth-child(1){ background:url(../images/index_title_l2.png) -163px bottom no-repeat;}
.index1_2 li:nth-child(2){ background:url(../images/index_title_r2.png) 161px bottom no-repeat;}
.index1_2 li:nth-child(3){ background:url(../images/index_title_l2.png) -181px bottom no-repeat;}
.index1_2 li:nth-child(4){ background:url(../images/index_title_r2.png) 179px bottom no-repeat;}
.index1_2 li:nth-child(5){ background:url(../images/index_title_l2.png) -88px bottom no-repeat;}
.index1_2 li:nth-child(6){ background:url(../images/index_title_r2.png) 88px bottom no-repeat;}
.index1_2 li:nth-child(2n-1) .index1_3{ float:left; clear:both; margin-left:10px;}
.index1_2 li:nth-child(2n-1) .index1_4{ float:left; clear:both; margin-left:10px;}
.index1_2 li:nth-child(2n) .index1_3{ float:right; clear:both; margin-right:10px;}
.index1_2 li:nth-child(2n) .index1_4{ float:right; clear:both; margin-right:10px;}
.index1_2 li .index1_3{ width:240px; font-size:20px; color:#333333; line-height:34px; margin-top:15px;}
.index1_2 li .index1_4{ width:240px; font-size:15px; color:#787878; line-height:26px; height:52px; overflow:hidden; margin-top:5px;}

.index2{ width:100%; height:auto; padding:50px 0 120px 0; overflow:hidden; background:url(../images/index2_bg.jpg) center center no-repeat;}
.index2_1{ width:1024px; margin:0 auto; overflow:hidden;}

.index2 .index_title{ width:1024px; height:40px; margin:0 auto; overflow:hidden; position:relative;}
.index2 .index_title_l{ position:absolute; top:0; left:0; width:424px; height:40px; background:url(../images/index_title_l1.png) right center no-repeat;}
.index2 .index_title_c{ font-size:30px; color:#FFF; font-weight:bold; line-height:40px;}
.index2 .index_title_r{ position:absolute; top:0; right:0; width:424px; height:40px; background:url(../images/index_title_r1.png) left center no-repeat;}

.index2_2{ float:left; display:block; width:455px; border:3px solid #FFF; margin-top:80px;}
.index2_3{ float:right; width:512px; overflow:hidden; text-align:left; margin-top:50px;}
.index2_4{ float:left; width:100%; font-size:26px; color:#FFF; line-height:36px; border-bottom:1px solid #1a7bc2; padding-bottom:25px;}
.index2_5{ float:left; width:100%; font-size:14px; color:#FFF; line-height:26px; margin-top:25px; height:156px;}
.index2_6{ float:left; display:block; width:88px; padding-left:62px; height:50px; line-height:50px; border:1px solid #FFF; margin-top:30px; font-size:14px; color:#FFF; background:url(../images/ico1.png) 28px center no-repeat; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index2_7{ float:left; display:block; width:88px; padding-left:62px; height:50px; line-height:50px; border:1px solid #FFF; margin-left:10px; margin-top:30px; font-size:14px; color:#FFF; background:url(../images/ico2.png) 25px center no-repeat; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index2_6:hover{ background:url(../images/ico1.png) 28px center no-repeat #f08321; border:1px solid #f08321;}
.index2_7:hover{ background:url(../images/ico2.png) 25px center no-repeat #f08321; border:1px solid #f08321;}

.index3{ width:1024px; height:auto; margin:-55px auto 0 auto; position:relative; z-index:10;}

.tab{ width:100%; overflow:hidden;}
.tab li{ float:left; font-size:16px; color:#767676; width:46.5%; padding-left:3%; height:55px; line-height:55px; margin-right:1%; cursor:pointer; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.tab li:nth-child(2){ margin-right:0;}
.tab1{ background:url(../images/ico3.png) 42% center no-repeat #f4f4f4;}
.tab2{ background:url(../images/ico4.png) 42% center no-repeat #f4f4f4;}
.tab .tab1.on{ background:url(../images/ico3_1.png) 42% center no-repeat #f08321; color:#FFF;}
.tab .tab2.on{ background:url(../images/ico4_1.png) 42% center no-repeat #f08321; color:#FFF;}

.swiper-container1 {
  width: 100%;
  height: auto;
  background: #FFF;
}

.swiper-container1>.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.swiper-container2 {
	width: 100%;
	height: auto;
	margin:20px auto 0 auto;
	position: relative;
	background: #FFF;
	overflow:hidden;
}
.swiper-container2>.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-container2 .swiper-slide>a{ display:block; width:99%; overflow:hidden; border:1px solid #ebebeb;}
.swiper-container2 .swiper-slide>a .img{ width:100%; overflow:hidden;}
.swiper-container2 .swiper-slide>a .img img{ display:block; width:100%;}
.swiper-container2 .swiper-slide>a .title{ width:90%; padding:0 5%; font-size:14px; color:#444444; height:40px; line-height:40px; overflow:hidden; background:#ebebeb; white-space:nowrap; text-overflow:ellipsis; position:relative; z-index:10; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.swiper-button-next2{ position:absolute; width:25px; height:40px; top:50%; margin-top:-20px; right:0; z-index:10; z-index:10; background:url(../images/index_r1.png) center center no-repeat #0079d1; cursor:pointer; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.swiper-button-prev2{ position:absolute; width:25px; height:40px; top:50%; margin-top:-20px; left:0; z-index:10; z-index:10; background:url(../images/index_l1.png) center center no-repeat #0079d1; cursor:pointer; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.swiper-button-next2:hover{ background:url(../images/index_r1.png) center center no-repeat #f08321;}
.swiper-button-prev2:hover{ background:url(../images/index_l1.png) center center no-repeat #f08321;}

.swiper-slide-active .swiper-slide a{
    pointer-events: auto;
}

.swiper-container2 .swiper-slide>a:hover .title{ background:#0079d1; color:#FFF;}

.index4{ width:100%; overflow:hidden; padding:50px 0; background:#f5f8fd; margin-top:50px;}
.index4_1{ width:1024px	; margin:0 auto; overflow:hidden;}

.swiper-container3 {
	float:left;
	width: 538px;
	height: 100%;
	display: block;
	overflow: hidden;
	margin-top:40px;
	position:relative;
}
.swiper-container3 .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	height:auto;
	
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-container3 .swiper-slide a{ display:block; width:100%; overflow:hidden; position:relative;}
.swiper-container3 .swiper-slide a img{ display:block; width:100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.swiper-container3 .swiper-slide a .title{ position:absolute; bottom:0; left:0; width:90%; padding:0 5%; height:50px; line-height:50px; background:url(../images/bg.png) repeat; text-align:left; font-size:16px; color:#FFF; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.swiper-button-next3{ position:absolute; width:57px; height:57px; top:50%; margin-top:-28.5px; right:0; z-index:10; z-index:10; background:url(../images/index_r.png) center center no-repeat #ffffff; cursor:pointer; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.swiper-button-prev3{ position:absolute; width:57px; height:57px; top:50%; margin-top:-28.5px; left:0; z-index:10; z-index:10; background:url(../images/index_l.png) center center no-repeat #ffffff; cursor:pointer; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.swiper-button-next3:hover{ background:url(../images/index_r1.png) center center no-repeat #0079d1;}
.swiper-button-prev3:hover{ background:url(../images/index_l1.png) center center no-repeat #0079d1;}
.swiper-container3 .swiper-slide a img:hover{ -webkit-transform:scale(1.05) translateZ(0); -moz-transform:scale(1.05) translateZ(0); -ms-transform:scale(1.05) translateZ(0); -o-transform:scale(1.05) translateZ(0); transform:scale(1.05) translateZ(0);}

.index4_2{ float:right; width:464px; overflow:hidden; margin-top:40px;}
.index4_2 li{ float:left; width:100%; overflow:hidden; background:#FFF; margin-bottom:20px;}
.index4_2 li a{ display:block; width:100%; overflow:hidden; height:114px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index4_3{ float:left; display:block; width:158px; height:112px; border:1px solid #d8d9dd;}
.index4_4{ float:right; width:254px; padding:0 25px; height:112px; overflow:hidden; text-align:left;}
.index4_5{ float:left; width:100%; overflow:hidden; font-size:14px; color:#242424; line-height:24px; white-space:nowrap; text-overflow:ellipsis; margin-top:10px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index4_6{ float:left; width:100%; overflow:hidden; color:#737373; line-height:18px; height:36px; margin-top:10px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index4_7{ float:left; width:27px; height:9px; background:url(../images/index4_more.png) no-repeat; margin-top:10px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index4_2 li a:hover{ background:#0060bd;}
.index4_2 li a:hover .index4_5{ color:#FFF;}
.index4_2 li a:hover .index4_6{ color:#FFF;}
.index4_2 li a:hover .index4_7{ background:url(../images/index4_more1.png) no-repeat;}

.index5{ width:1024px; margin:0 auto; overflow:hidden; padding:50px 0;}

.link{ width:100%; overflow:hidden; position:relative; margin-top:40px;}
.swiper-container4 {
	width: 92%;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
}
.swiper-container4 .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-container4 .swiper-slide img{ display:block; width:208px; max-width:99%; border:1px solid #e1e1e1; margin:0 auto; cursor:pointer;}
.swiper-button-next4{ position:absolute; width:28px; height:28px; top:50%; margin-top:-15px; right:0; z-index:10; z-index:10; background:url(../images/link_r.png) center center no-repeat #ffffff; cursor:pointer; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; border:1px solid #e0e0e0;}
.swiper-button-prev4{ position:absolute; width:28px; height:28px; top:50%; margin-top:-15px; left:0; z-index:10; z-index:10; background:url(../images/link_l.png) center center no-repeat #ffffff; cursor:pointer; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; border:1px solid #e0e0e0;}
.swiper-button-next4:hover{ background:url(../images/link_r1.png) center center no-repeat #0079d1; border:1px solid #0079d1;}
.swiper-button-prev4:hover{ background:url(../images/link_l1.png) center center no-repeat #0079d1; border:1px solid #0079d1;}

.footer{ width:100%; overflow:hidden; background:#0079d1;}
.footer_in{ width:1024px; margin:0 auto; overflow:hidden;}

.links{ width:100%; overflow:hidden; padding:35px 0 20px 0;}
.links li{ float:left; overflow:hidden; font-size:14px; color:#FFF; line-height:24px; margin-right:20px;}
.links li:nth-child(1){ margin-right:0;}
.links li a{ display:block; color:#FFF;}
.links li a:hover{ text-decoration:underline;}

.footer_mid{ width:100%; overflow:hidden; padding:30px 0 40px 0; border-bottom:1px solid #2598ec; border-top:1px solid #2598ec;}
.footer_logo{ float:left; display:block; width:200px;}

.footer_chat{ float:left; overflow:hidden; border-left:1px solid #2598ec; min-height:150px; padding:0 20px 0 20px; margin-left:20px;}
.footer_chat1{ float:left; display:block; margin-top:10px; width:128px;}
.footer_chat2{ float:left; text-align:left; margin-left:15px; color:#b3d1f0;}
.footer_chat3{ float:left; font-size:14px; background:url(../images/ico5.png) left center no-repeat; padding-left:29px; line-height:30px; margin-top:20px;}
.footer_chat4{ float:left; font-size:18px; clear:both;}
.footer_chat5{ float:left; font-size:14px; background:url(../images/ico6.png) left center no-repeat; padding-left:29px; line-height:30px; clear:both; margin-top:20px;}
.footer_chat5 a{ color:#b3d1f0;}
.footer_chat5 a:hover{ text-decoration:underline;}

.footer_contact{ float:left; width:310px; padding:0 20px; overflow:hidden; border-left:1px solid #2598ec; border-right:1px solid #2598ec; min-height:150px; text-align:left;}
.footer_contact1{ float:left; width:100%; background:url(../images/tel2.png) left top no-repeat; overflow:hidden; color:#b3d1f0; margin-top:20px;}
.footer_contact2{ float:left; overflow:hidden; font-size:14px; line-height:20px; margin-left:53px;}
.footer_contact3{ float:left; overflow:hidden; font-size:22px; font-family:"Arial"; clear:both; line-height:30px; margin-left:53px;}
.footer_contact4{ float:left; overflow:hidden; margin-top:15px; width:100%;}
.footer_contact4 li{ float:left; clear:both; font-size:14px; color:#b3d1f0; line-height:24px; width:93%; padding-left:7%;}
.footer_contact4 li:nth-child(1){ background:url(../images/ico7.png) left 4.5px no-repeat;}
.footer_contact4 li:nth-child(2){ background:url(../images/ico8.png) 1px 3.5px no-repeat;}

.footer_nav{ float:right; overflow:hidden; margin-right:0; margin-top:5px;}
.footer_nav li{ float:left; overflow:hidden; clear:both; background:url(../images/ico9.png) left center no-repeat; line-height:24px;}
.footer_nav li a{ color:#b3d1f0; margin-left:10px; font-size:14px;}
.footer_nav li a:hover{ text-decoration:underline;}

.footer_bottom{ width:100%; overflow:hidden; line-height:24px; padding:5px 0 15px 0; text-align:left;}
.footer_bottom1{ float:left; color:#b3d1f0; width:80%;}
.footer_bottom1 a{ color:#b3d1f0;}
.footer_bottom2{ float:right; color:#b3d1f0;}
.footer_bottom2 a{ color:#b3d1f0;}
.footer_bottom a:hover{ text-decoration:underline;}

.banner{ width:100%; height:300px; overflow:hidden; margin-top:211px;}
.bannerIn{ width:1024px; margin:0 auto; overflow:hidden;}
.bannerIn img{ display:block; float:left; margin-top:105px;}

.content{ width:1024px; margin:0 auto; overflow:hidden;}
.content_l{ float:left; width:240px; overflow:hidden; padding:40px 0;}
.content_r{ float:right; width:734px; overflow:hidden; padding:40px 0;}

.left_nav{ float:left; width:238px; overflow:hidden; border:1px solid #f0f0f0; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;}
.left_nav1{ float:left; width:218px; padding-left:20px; overflow:hidden; border-bottom:1px solid #f0f0f0; height:55px; background:url(../images/neiye_nav.png) 200px center no-repeat #0079d1; text-align:left; line-height:55px; font-size:20px; font-weight:bold; color:#fff;}
.left_nav2{ float:left; width:238px; overflow:hidden;}
.left_nav2 li{ float:left; width:238px; overflow:hidden; position:relative;}
.left_nav2 li span{ width:198px; height:0; border-bottom:1px dashed #f0f0f0; position:absolute; bottom:0; left:20px;}
.left_nav2 li a{ display:block; width:178px; padding-right:20px; height:50px; line-height:50px; background:url(../images/neiye_nav1.png) 206px center no-repeat; text-align:left; padding:0 20px; font-size:16px; color:#898989; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.left_nav2 li a:hover{ color:#0079d1; font-weight:bold; background:url(../images/neiye_nav1_on.png) 206px center no-repeat;}
.left_nav2 li .a_on{ color:#0079d1; font-weight:bold; background:url(../images/neiye_nav1_on.png) 206px center no-repeat;}
.left_nav3{ float:left; display:block;}

.left_contact{ float:left; width:238px; overflow:hidden; border:1px solid #f0f0f0; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; margin-top:20px; padding-bottom:20px;}
.left_contact1{ float:left; width:100%; overflow:hidden; color:#626365; line-height:24px; margin-top:15px;}
.left_contact2{ float:left; width:100%; overflow:hidden; font-size:26px; font-weight:bold; color:#f08321; font-family:"Arial"; line-height:36px;}
.left_contact3{ float:left; width:100%; overflow:hidden; color:#626365; line-height:24px; border-top:1px solid #f0f0f0; margin-top:15px; padding-top:15px;}
.left_contact4{ float:left; display:block; width:100px; overflow:hidden; color:#FFF; height:30px; line-height:30px; margin-top:5px; margin-left:69px; clear:both; background:#f08321; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}

.position{ width:100%; overflow:hidden; border-bottom:1px solid #d8d9dd; padding:5px 0 15px 0;}
.position_l{ float:left; font-size:30px; font-weight:bold; color:#0079d1; line-height:40px;}
.position_r{ float:right; overflow:hidden; font-size:14px; color:#8e8e8e; line-height:24px; padding:15px 0 0 20px; background:url(../images/position.png) left 16px no-repeat;}
.position_r a{ color:#8e8e8e;}
.position_r a:hover{ text-decoration:underline;}

.content_in{ width:100%; overflow:hidden; padding:40px 0 0 0; text-align:left; font-size:14px; color:#666; line-height:26px;}
.content_in img{ display:block; margin:0 auto; max-width:100%;}
.content_in .table{ width:100%; overflow:hidden;}
.content_in .table table{ width:100%;}

/* contact css */
.contact{ float:left; overflow:hidden; width:500px;}
.contact1{ width:100%; overflow:hidden; font-size:24px; font-weight:bold; color:#1144a3; line-height:34px;}
.contact2{ width:100%; overflow:hidden; margin-top:25px;}
.contact2 li{ float:left; width:calc(100% - 26px); padding-left:26px;}
.contact2 .dh{ background:url(../images/contact3.jpg) left 6.5px no-repeat;}
.contact2 .cz{ background:url(../images/contact4.jpg) left 6px no-repeat;}
.contact2 .yx{ background:url(../images/contact5.jpg) left 6px no-repeat;}
.contact2 .yzbm{ background:url(../images/contact6.jpg) left 5px no-repeat;}
.contact2 .dz{ background:url(../images/contact7.jpg) 2px 5px no-repeat;}
.contact2 .wz{ background:url(../images/contact8.jpg) 1px 6px no-repeat;}
.contact_blank{ margin-top:30px;}

.contact_chat{ float:right; width:220px; overflow:hidden; position:relative; background:url(../images/contact2.jpg) left 50px no-repeat;}
.contact_chat1{ float:right; width:160px; height:160px; border:1px solid #d2d2d2; background:#FFF;}
.contact_chat1 img{ display:block; width:136px; height:136px; margin:12px;}
.contact_chat2{ float:right; clear:both; width:162px; text-align:center; margin-top:5px;}

.map{ width:100%; height:380px; margin-top:30px; float:left;}
.map img{ max-width:none;}

/* feedback css */
.feedback{ width:680px; overflow:hidden; margin:0 auto;}
.feedback_line{ width:680px; height:0; border-bottom:1px solid #d8d8d8; margin:0 auto;}

.feedback1{ padding:0 0 30px 0;}
.feedback1_1{ float:left; display:block;}
.feedback1_2{ float:right; width:calc(100% - 105px); text-align:left; overflow:hidden;}
.feedback1_3{ float:left; width:100%; overflow:hidden; font-size:16px; font-weight:bold; color:#006cb7; line-height:26px;}
.feedback1_4{ float:left; width:100%; overflow:hidden; font-size:14px; color:#333; line-height:24px; margin-top:10px;}
.feedback1_4 span{ color:#ff0000;}

.feedback2{ padding:25px 0;}

.feedback2 .span1{ float:left; width:120px; font-size:16px; color:#666666; line-height:44px; height:44px; text-align:right; display:block;}
.feedback2 .span2{ float:left; margin-left:10px; height:44px; line-height:44px; font-size:16px; color:#ff0000; display:none;}
.feedback2 .span3{ float:left; font-size:18px; line-height:44px; color:#ff0000; margin-left:10px;}
.feedback2 .span4{ float:left; font-size:16px; color:#333; line-height:44px; padding:0 25px 0 7px;}
.feedback2 .radio1{ float:left; margin-top:16px; cursor:pointer;}
.feedback2 .input1{ float:left; width:318px; height:42px; border:1px solid #cacaca; outline:none; font-size:16px; color:#666; font-family:"微软雅黑"; padding:0 15px;}
.feedback2 .input2{ float:left; width:100px; height:42px; border:1px solid #cacaca; outline:none; font-size:16px; color:#666; font-family:"微软雅黑"; padding:0 15px;}
.feedback2 .textarea1{ float:left; width:520px; border:1px solid #cacaca; outline:none; font-size:16px; line-height:30px; height:150px; color:#666; font-family:"微软雅黑"; padding:6px 15px;}
.feedback2 .button1{ float:left; width:180px; height:44px; background:#0079d1; color:#FFF; font-size:16px; font-family:"微软雅黑"; cursor:pointer; border:0; outline:none;}
.feedback2 .button2{ float:left; width:180px; height:44px; background:#616161; color:#FFF; font-size:16px; font-family:"微软雅黑"; cursor:pointer; border:0; outline:none; margin-left:30px;}

/* news css */
.news{ float:left; width:100%; overflow:hidden;}
.news1{ float:left; display:block; width:220px; height:157px;}
.news2{ float:right; width:calc(100% - 250px);}
.news3{ float:left; width:100%; font-size:16px; font-weight:bold; color:#3f3f3f; line-height:26px; margin-top:10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.news4{ float:left; width:100%; overflow:hidden; font-size:14px; line-height:26px; color:#8f8f8f; margin-top:10px; height:72px;}
.news5{ float:left; width:100%; overflow:hidden; font-size:14px; line-height:26px; color:#8f8f8f; margin-top:10px;}
.news:hover .news3{ color:#0079d1;}

.news_list{ float:left; width:100%; overflow:hidden; margin-top:20px; border-top:1px dotted #cacaca;}
.news_list li{ float:left; width:100%; overflow:hidden; border-bottom:1px dotted #cacaca; background:url(../images/neiye_nav1.png) 2px center no-repeat; font-size:14px; line-height:24px; padding:12px 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.news_list li a{ float:left; display:block; margin-left:15px; color:#656565; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; max-width:80%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.news_list li span{ float:right; color:#656565; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.news_list li:hover{ background:url(../images/neiye_nav1_on.png) 2px center no-repeat;}
.news_list li:hover a{ color:#0079d1;}
.news_list li:hover span{ color:#0079d1;}

.page{ float:left; width:100%; overflow:hidden; padding:30px 0 10px 0; text-align:right; font-size:16px;}
.page a{ display:inline-block; margin:10px 5px 0 5px; border:1px solid #c8c8c8; height:38px; line-height:38px; padding:0 15px; color:#999999; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.page span{ display:inline-block; margin:10px 5px 0 5px; border:1px solid #c8c8c8; height:38px; line-height:38px; padding:0 15px; cursor:pointer; color:#999999; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.page a:hover{ background:#0058b1; border:1px solid #0058b1; color:#FFF;}
.page span:hover{ background:#0058b1; border:1px solid #0058b1; color:#FFF;}

/* newsIn css */
.newsIn1{ width:100%; overflow:hidden; text-align:center; font-size:24px; color:#555555; line-height:34px;}
.newsIn2{ width:100%; overflow:hidden; text-align:center; line-height:24px; color:#999999; margin-top:5px; padding-bottom:10px; border-bottom:1px solid #e6e6e9;}
.newsIn3{ width:100%; overflow:hidden; padding:40px 0;}

.pageIn{ width:100%; overflow:hidden; padding:20px 0 30px 0; position:relative; border-bottom:1px solid #e6e6e9; border-top:1px solid #e6e6e9;}
.pageIn1{ float:left; clear:both; max-width:80%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:14px; color:#333; line-height:24px; margin-top:6px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.pageIn1 a{ color:#333; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.pageIn2{ display:block; width:80px; height:42px; line-height:42px; text-align:left; background:url(../images/newsIn2.png) 30px center no-repeat #0064b2; position:absolute; top:35px; right:0; -webkit-border-radius:21px; -moz-border-radius:21px; border-radius:21px; font-size:14px; color:#FFF; padding-left:50px;}
.pageIn1:hover{ color:#0064b2;}
.pageIn1:hover a{ color:#0064b2;}

.relevant{ width:100%; overflow:hidden;}
.relevant1{ width:100%; overflow:hidden; margin:0 auto;}
.relevant2{ width:100%; height:38px; border-bottom:1px solid #e2e2e2; margin-top:30px; text-align:left; font-size:22px; font-weight:bold; color:#333; line-height:22px; position:relative;}
.relevant2 span{ position:absolute; width:87px; height:2px; background:#0068bb; bottom:-1px; left:0;}
.relevant2 a{ float:right; font-size:14px; font-weight:normal; color:#0058b1; line-height:24px; margin-top:2px;}
.relevant2 a:hover{ text-decoration:underline;}
.relevant3{ width:100%; overflow:hidden; padding:20px 0 0 0;}
.relevant3 li{ float:left; font-size:14px; width:100%; margin-top:1px; height:30px;}
.relevant3 li a{ float:left; color:#666; line-height:24px; height:24px; margin-top:3px; margin-left:10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; max-width:80%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.relevant3 li span{ float:right; font-family:"Arial"; color:#929292; line-height:24px; margin-top:3px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.relevant3 li{ background:url(../images/newsIn3.png) left center no-repeat; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.relevant3 li:hover a{ color:#0068bb;}
.relevant3 li:hover span{ color:#0068bb;}
.relevant3 li:hover{ background:url(../images/newsIn3_on.png) left center no-repeat;}

/* pro css */
.pro{ width:100%; overflow:hidden;}
.pro li{ float:left; overflow:hidden; width:229px; border:1px solid #ebebeb; margin-right:20px; margin-top:35px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.pro li:nth-child(1){ margin-top:0;}
.pro li:nth-child(2){ margin-top:0;}
.pro li:nth-child(3){ margin-top:0;}
.pro li:nth-child(3n){ margin-right:0;}
.pro li a{ display:block; width:100%;}
.pro1{ display:block; width:229px; height:auto;}
.pro2{ width:199px; height:40px; line-height:40px; text-align:center; padding:0 15px; font-size:16px; color:#767676; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.pro li:hover{ border:1px solid #0079d1;}
.pro li:hover .pro2{ background:#0079d1; color:#FFF;}

}
