html { background: #ffffff; font-size: 14px; color: #666; font-family: "Arial", "微软雅黑", "Helvetica", "sans-serif"; }



body { min-width: 1200px; }



.g_cw { width: 1200px; padding: 0 10px; margin: 0 auto; }

.g_cw::before,

.g_cw::after { content: ''; display: block; clear: both; }



.g_mt { margin-top: 80px; }

.g_mt::before,

.g_mt::after { content: ''; display: block; clear: both; }



.g_mb { margin-bottom: 80px; }

.g_mb::before,

.g_mb::after { content: ''; display: block; clear: both; }



@media (max-width: 1024px) {

	body { min-width: 0; }

	.g_cw { width: 100%; }

}



@media (max-width: 700px) {

	.g_mt { margin-top: 40px; }

	.g_mb { margin-bottom: 40px;}

}





.g_page { clear: both; text-align: right; font-size: 14px; color: #888888; margin-top: 50px;}

.g_page > ul { display: inline-block; }

.g_page > ul > li { float: left; line-height: 35px; margin: 0 5px; }

.g_page > ul > li a { display: block; background: #fff; padding: 0 15px; border: 1px solid #E8E8E8;}

.g_page > ul > li a .fa { font-size: 17px; line-height: 35px;}

.g_page > ul > li a.dis { color: #ccc; cursor: not-allowed;}

.g_page > ul > li a:hover:not(.dis),

.g_page > ul > li a.on { background: #17ad48; color: #fff; border: 1px solid #17ad48;}



@media (max-width: 600px) {

	.g_page > ul .num_li { display: none; }

}





.g_title {overflow:hidden;border-bottom:1px solid #dcdde1;padding-bottom:14px;margin-bottom:16px;}

.g_title .l1 {font-size:16px;font-weight:bold;color:#333537;float:left;}

.g_title .l1 .fa{width:14px;height:14px;background:#0a8dd8;border-radius:4px;display:inline-block;text-align:center;line-height:12px;color:#fff;margin-right:10px;}

.g_title .btn {float:right;}

.g_title .btn .more{padding:2px;border:1px solid #c6c6c6;font-size:12px;display:inline-block;}











.g_header { clear: both; }



.g_header .top { clear: both; height: 80px; }



.g_header .top .logo { float: left; line-height: 80px; font: bold 50px/80px arial; color: #333333; }

.g_header .top .logo img { vertical-align: middle; margin-right: 10px; }



.g_header .top .right { float: right;  }

.g_header .top .right .p1 .s1{ font-size:28px;color: #828386; }

.g_header .top .right .p1 .ico img{width:26px;height:26px;text-align:center;line-height:30px;color:#fff;margin-left:9px;}

.g_header .top .right .p1 .ico .fa-weibo{background:#ea3534;}

.g_header .top .right .p1 .ico .fa-weixin{background:#0a8dd8;}

.g_header .top .right .p1 .ico .fa-qq{background:#6d90ca;}







.g_header .bar { display: none; }





.g_header .nav { position: relative; z-index: 99; background:rgba(0,0,0,.5);}

.g_header .nav .g_cw {  height: 52px;}

.g_header .nav .list { display: inline-block; text-align: left;}

.g_header .nav .list > li { float: left; }

.g_header .nav .list > li > a { display: block;  font-size: 14px; color: #ffffff;}

.g_header .nav .list > li > a.on,

.g_header .nav .list > li > a:hover {background:#0a8dd8;}

.g_header .nav .list > li > a b {padding: 0 38px; line-height: 51px;border-right:1px solid rgba(255,255,255,.15);font-weight:normal;}

.g_header .nav .list > li > a.on b,

.g_header .nav .list > li > a:hover b{border-right:0;}





.g_header .top .search{display: inline-block; float: right;background: #fff;border-radius:2px;padding:0 8px;overflow: hidden; border:1px solid #ddd; margin-top: 25px;}

.g_header .top .search .input_1 {

font-size:13px;

    height: 28px;

    background: #fff;

    border:0;}

.g_header .top .search .ico{height:30px;width:30px;display:inline-block;text-align:center;line-height:30px;}

.g_header .top .search .ico img{height:13px; }





@media (max-width: 1024px) {

	/*body { padding-top: 70px; }*/

	.g_header { height: auto; display: none; }

	.g_header .top { display: none; }

	.g_header .bar { position: relative; display: block; position: fixed; z-index: 100; left: 0; top: 0; right: 0; height: 70px; background: #fff; border-bottom: 1px solid #2977da; }

	.g_header .bar .logo { position: absolute; left: 0; top: 0; display: block; padding: 0 10px; color: #333333; font: bold 24px/70px arial; }

	.g_header .bar .logo img { height:30px;line-height:30px; vertical-align: middle; margin-right: 10px; }

	.g_header .bar .menu { position: absolute; right: 0; top: 0; display: block; float: right; padding: 0 10px; line-height: 70px;}

	.g_header .bar .menu img { vertical-align: middle; height: 40px;}



	.g_header .nav { visibility: hidden; opacity: 0; position: fixed; z-index: 99; left: 0; top: -100%; bottom: 100%; right: 0; background: #fff; border-top: 0; transition: ease .4s; }

	.g_header .nav .g_cw { text-align: left; padding: 0 20px; height: auto; overflow: visible;}

	.g_header .nav .list { display: block; }

	.g_header .nav .list > li { float: none; border-right:0;}

	.g_header .nav .list > li > a { padding: 10px 30px 10px 0; font-size: 16px; color: #333;}

	.g_header .nav .list > li > a.on,

	.g_header .nav .list > li > a:hover { color: #3E87C4;background:none; }

	.g_header .nav .list > li > a b { line-height: 40px; }

     .g_header .top .search{display:none;}

	.g_header .nav.show { visibility: visible; opacity: 1; top: 70px; bottom: 0;}

	.g_header .language1{display: none;}

}







.g_footer { clear: both;margin-top: 50px;background:#edecec; }

.g_footer .top{}

.g_footer .top .nav {float:left; padding: 50px 0 47px 0; margin-left: -30px;}

.g_footer .top .nav > li { float: left; padding-left: 30px; }

.g_footer .top .nav > li .box { padding-right: 20px; height: 180px; }

.g_footer .top .nav > li .box .line { width: 15px; height: 1px; background: #e2e2e2; display: block; margin: 18px 0 21px 0; }

.g_footer .top .nav > li .h1 { font-size: 18px; color: #171717; padding-bottom:18px;}

.g_footer .top .nav > li .p1 { line-height: 30px; color:#171717; }

.g_footer .top .right {float:right; padding-top:50px;}

.g_footer .top .right .list > li{float:left;color:#171717;height:66px;}

.g_footer .top .right .list > li .box1{font-size:18px;font-weight:bold;padding:14px 35px 0 35px;}

.g_footer .top .right .list > li .box1 .ico{width:36px;height:36px;background:#171717;border-radius:4px;display:inline-block;text-align:center;line-height:40px;margin-right:10px;}

.g_footer .bottom { padding: 22px 0; color: #a8a9a9; text-align: center; }

.g_footer .top .right .list > li .box2{padding-left:25px;}

.g_footer .top .right .list > li .box2 .gzh{display:block;;}

.g_footer .top .right .list > li .box2 .s1{display:block;padding:15px 0 0 17px; text-align: center;}



@media (max-width: 1024px) {

	.g_footer .top .nav { float: none; padding: 30px 0 0 0;}

	.g_footer .top .right { float: none; padding: 0; text-align: center; margin: 0 auto;}

	.g_footer .top .right .list{display:inline-block;padding-bottom:30px;}

	.g_footer .top .right .list > li{border-left:0;}

	.g_footer .top .nav { margin-bottom: 0; }

	.g_footer .top .nav > li { width: 20%; padding-left:; padding-bottom: 30px;}

	.g_footer .top .nav > li .box { border: 0; }

	.g_footer .top .nav > li:nth-child(5n+1) { clear: both;}

	.g_footer .top .nav .li_lx { padding-left: 0;}

	.g_footer .bottom { padding: 22px 10px;}

}



@media (max-width: 900px) {

	.g_footer .top .nav > li { width: 100%; text-align:;}

	.g_footer .top .nav .li_lx { width: 50%; padding-left: 50px; }

	.g_footer .top .nav > li .box { padding-right: 0; border: 0; }

	.g_footer .top .nav > li:nth-child(n) { clear: none; }

	.g_footer .top .nav > li:nth-child(3n+1) { clear: both; }

	.g_footer .top .right{ margin-top:30px;display: none;}

}

@media (max-width: 667px) {

	.g_footer .top .right{ margin-top:30px;display: none;}

}

@media (max-width: 600px) {

	.g_footer .top .nav > li{ padding-bottom:20px; text-align: left; width:100%;}

	.g_footer .top .nav > li:nth-child(3n+1){ clear:none;}

	.g_footer .top .nav .li_lx { width:100%;}

	.g_footer .top .nav > li .box{ height:auto;}

	.g_footer .top .nav > li .box .line{ margin:10px 0; display:inline-block;}

	.g_footer .top .right .list > li{float:none;display: none;}

	

}



            

/*--产品--*/

       

/*--子页面--*/



		.s_child_banner{display:none;}

		.child_banner{margin-top:-52px;}

		.child_banner img{display:block;}

		.s_child_banner img{display:block;}

        @media (max-width: 1024px) {

	      .child_banner{display:none;}

		  .s_child_banner{display:block;}

        }

		

		

	   .child{margin-top:30px;}

		.child .left{float:left;max-width:248px;width: 248px;}

		.child .left .offset .top{background:#093daa;color:#fff;padding:29px 0 30px 25px;}

		.child .left .offset .top .h1{font-size:20px;font-weight:bold;}

		.child .left .offset .top .p1{font-size:12px;padding-top:10px; text-transform: uppercase;}

		.child .left .offset .list > li{width:100%;border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}

		.child .left .offset .list > li .box{display:block;padding:18px 25px 18px 26px;overflow:hidden;}

		.child .left .offset .list > li .box .fa{float:right; vertical-align:middle;display:inline-block;}

		.child .left .offset .list > li .box:hover{color:#093daa;}

		.child .left .offset .list > li .on{color:#093daa;}

         

		 .child .right{float:right;min-width:900px;}

		 .child .right .title{overflow:hidden;border-bottom:1px solid #dddee0;padding:4px 0 13px 0;}

		 .child .right .title .h1{font-size:18px;color:#3c3d41;font-weight:bold;float:left;}

		 .child .right .title .page{float:right;}

		 .child .right .title .page .ico{padding-right:8px;}

		 .child .right .title .page .ico img{ vertical-align:middle;}

		 .child .right .title .page a{font-size:12px;color:#6f6f6f;}

		 .child .right .title .page a:hover{color:#0a8dd8;}

		 .child .right .title .page .on{color:#0a8dd8;}

		 .child .right .con{margin-top:30px;max-width:900px;}

		 @media (max-width: 1024px) {

	        .child .left{float:none;max-width:none;width: 98%;}

			.child .right{float:none;min-width:auto;margin-top:30px;}

			.child .right .con{max-width:none;}

        }

		

		/*-----------------------------分页 start--------------------------------*/

.next1{width: 100%;height: auto;overflow: hidden;text-align: center;}

.next1 ul{display: inline-block;}

.next1 ul li{display: inline-block;}

.next1 a{display: inline-block;border: 1px solid #ebebeb;color: #999;width: 30px;height: 30px;line-height: 30px;margin: 0 4px;overflow: hidden;}

.next1 a.on1,.next1 a:hover{background: #17ad48;color: #fff;border: 1px solid #17ad48;}

/*--------------------分页 end----------------------*/





.link{padding:10px 15px; text-align: center;}

.link li  {color:#fff;font-size: 14px;display: inline-block;vertical-align: top;margin:0 10px;}

.link li a{color:#fff;font-size: 14px;}



.language{height:50px;display: inline-block; text-align: right; float: right;}

.language a{display: block;width:90px;height: 50px;margin-left: 12px;float: left;text-align: center;color:#fff;line-height: 50px;}

.language a img{-webkit-filter: grayscale(100%);filter: grayscale(100%);transition: 400ms;max-width: 100%;max-height: 100%;margin-right: 10px;}

.language a.cu img,.language a:hover img{-webkit-filter: grayscale(0%);filter: grayscale(0%);}



@media (max-width: 1024px) {

	.language{float:none;}

	.language a{color:#fff;float:none;}

}

	



.pull-left {

	float: left;

  }

  

  .pull-right {

	float: right;

  }

  

  .dropdown .caret {

	display: inline-block;

	width: 0;

	height: 0;

	vertical-align: top;

	border-left: 4px solid transparent;

	border-right: 4px solid transparent;

	border-top: 4px solid gray;

	content: "";

  }

  

  .clearfix:after {

	content: "";

	display: table;

	clear: both;

  }

  

  

  /*.container.navbar {

	width: 100%;

  }*/

  .container:before, .container:after {

	content: "";

	display: table;

	clear: both;

  }

  

  .layout-right-content {

	color: #fff; background-color: rgba(0,0,0,.5);

  }

  

  /* cbFlyNav Req Styles */

  .layout-left-flyout {

	height: 100%;

	position: fixed;

	visibility: hidden;

	z-index: 0;

	-moz-transition: visibility 0 linear 0.2s;

	-o-transition: visibility 0 linear 0.2s;

	-webkit-transition: visibility 0 linear;

	-webkit-transition-delay: 0.2s;

	transition: visibility 0 linear 0.2s;

	background: #383838;

	-moz-backface-visibility: hidden;

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden;

	-moz-perspective: 1000;

	-webkit-perspective: 1000;

	perspective: 1000;

	-moz-transform-style: preserve-3d;

	-webkit-transform-style: preserve-3d;

	transform-style: preserve-3d;

  }

  

  .layout-left-flyout.isCbFlyNavActive {

	visibility: visible;

	z-index: 1;

	-moz-transition: z-index 0 linear 0.2s;

	-o-transition: z-index 0 linear 0.2s;

	-webkit-transition: z-index 0 linear;

	-webkit-transition-delay: 0.2s;

	transition: z-index 0 linear 0.2s; z-index: 9999;

  }

  

  .cbFlyNav-wrap {

	display: block;

	position: relative;

	height: 100%;

	overflow: hidden;

	width: 270px;

	-moz-backface-visibility: hidden;

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden;

	-moz-perspective: 1000;

	-webkit-perspective: 1000;

	perspective: 1000;

	-moz-transform-style: preserve-3d;

	-webkit-transform-style: preserve-3d;

	transform-style: preserve-3d;

  }

  .cbFlyNav-wrap > nav {

	-moz-transform: translateY(0);

	-ms-transform: translateY(0);

	-o-transform: translateY(0);

	-webkit-transform: translateY(0);

	transform: translateY(0);

	-moz-transition: -moz-transform 0 ease-in-out;

	-o-transition: -o-transform 0 ease-in-out;

	-webkit-transition: -webkit-transform 0 ease-in-out;

	transition: transform 0 ease-in-out;

	/*    height: 100%;

		overflow-y: auto;

		overflow-x: hidden;*/

  }

  

  .nav-collapse {

	-moz-transform: translate3d(0, 0, 0);

	-webkit-transform: translate3d(0, 0, 0);

	transform: translate3d(0, 0, 0);

	-moz-transform-style: preserve-3d;

	-webkit-transform-style: preserve-3d;

	transform-style: preserve-3d;

  }

  

  .layout-right-content {

	/*-moz-transition: -moz-transform 0.2s ease-in-out;

	-o-transition: -o-transform 0.2s ease-in-out;

	-webkit-transition: -webkit-transform 0.2s ease-in-out;

	transition: transform 0.2s ease-in-out;

	-moz-transform: translate3d(0, 0, 0);

	-webkit-transform: translate3d(0, 0, 0);

	transform: translate3d(0, 0, 0);

	-moz-perspective: 1000;

	-webkit-perspective: 1000;

	perspective: 1000;

	-moz-transform-style: preserve-3d;

	-webkit-transform-style: preserve-3d;

	transform-style: preserve-3d;

	-moz-backface-visibility: hidden;

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden;

	z-index: 1;

	NOTE! Put container bg here so you don't

	   get any clipping when the content is 

	   transitioning. Any tips on alternate 

	   solutions are welcome.

	*/

	background:#093daa;

  }

  

  .layout-right-content.isCbFlyNavActive {

	-moz-transform: translate3d(270px, 0, 0);

	-webkit-transform: translate3d(270px, 0, 0);

	transform: translate3d(270px, 0, 0);

	min-width: 320px;

  }

  

  .icon-cbmore {

	content: "";

	float: right;

	margin-top: 4.5px;

	padding: 4.5px;

	box-shadow: 1px -1px 0 0px #FFF inset;

	-moz-transform: rotate(225deg);

	-ms-transform: rotate(225deg);

	-o-transform: rotate(225deg);

	-webkit-transform: rotate(225deg);

	transform: rotate(225deg);

  }

  

  .nav-flyout-navmask, .nav-flyout-contentmask {

	position: absolute;

	top: 0;

	bottom: 0;

	left: 0;

	right: 0;

  }

  

  .nav-flyout-contentmask {

	z-index: 1;

  }

  

  .nav-flyout-navmask {

	right: 180px;

	z-index: 1;

  }

  

  /* Menu Toggle */

  .btn-navbar {

	position: absolute;

	width: 50px;

	height: 40px;

	padding: 4px 0;

	display: block;

	z-index: 1;

  }

  

  .btn-navbar-navtoggle {

	left: 10px;

  }

  

  .btn-navbar .icon-bar {

	display: block;

	width: 28px;

	height: 4px;

	background-color: #fff;

	margin: 7px auto 0 auto;

  }

  

  .btn-navbar .icon-bar + .icon-bar {

	margin-top: 3px;

  }

  

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

	.btn-navbar {

	  display: none;

	}

  }

  /* Navbar Styles */

  .navbar {

	height: 40px;

	margin: 0;

	padding: 5px 0;

	position: relative;

	margin-bottom: 10px;

	/*width: 100%;*/

	padding: 0 10px;

  }

  

  @media screen and (max-width: 767px) {

	.navbar .nav-collapse {

	  display: none;

	}

  }

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

	.navbar {

	  height: auto;

	  position: relative;

	  

	  margin-bottom: 10px;

	  /*width: 100%;*/

	  padding: 0 10px;

	}

  }

  /* Mobile First Nav */

  .the-nav ul.nav-flyout {

	display: block;

	margin-bottom: 15px;

	float: none;

	height: 100%;

  }

  .the-nav ul.nav-flyout > li {

	float: none;

	display: block;

	width: 270px;

  }

  .the-nav ul.nav-flyout li a {

	color: #FFF;

	display: block;

	text-decoration: none;

	padding: 11px 15px;

	margin-right: 0;

  }

  .the-nav ul.nav-flyout li a:hover {

	background: #ff8358;

  }

  .the-nav ul.nav-flyout .dropdown {

	position: static;

  }

  .the-nav ul.nav-flyout .dropdown .subnav {

	float: none;

	position: absolute;

	display: block;

	top: 0;

	right: 0;

	left: auto;

	width: 0;

	min-width: 0;

	margin: 0;

	list-style: none;

	z-index: 1000;

	background: #595959;

	transition: width .2s ease-in-out;

  }

  .the-nav ul.nav-flyout .dropdown .subnav > li {

	width: 180px;

  }

  .the-nav ul.nav-flyout .dropdown .subnav.is-subnav-visible {

	width: 180px;

  }

  .the-nav.is-inactive ul.nav-flyout > li > a {

	opacity: .2;

  }

  .the-nav.is-inactive ul.nav-flyout > li.is-active > a {

	opacity: 1;

	background: #0a8dd8;

  }

  

  /* Large Screen Styles*/

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

	.container {

	  /*width: 95%;*/

	  margin: 0 auto; z-index: 999;

	}

  

	.the-nav {

	  display: block;

	}

  

	.the-nav .nav {

	  display: block;

	}

  

	.the-nav .nav-pill:after {

	  content: "";

	  display: table;

	  clear: both;

	}

  

	.the-nav > .nav {

	  margin: 0;

	  line-height: normal;

	}

  

	.the-nav > .nav > li {

	  display: inline-block;

	  margin-bottom: 0;

	  position: relative;

	}

  

	.the-nav > .nav > li .caret {

	  margin-top: 8px;

	  margin-left: 2px;

	  border-top-color: #A7A7A7;

	  border-bottom-color: #A7A7A7;

	}

  

	.the-nav > .nav > li a {

	  display: block;

	  /*padding: 0px 52px;*/width: 159px;

	  color: #fff;

	  font-weight: 500;

	  text-decoration: none;line-height:50px; text-align: center;

	}

	.nav > li > .subnav li a{text-align: center;}

	/*.the-nav > .nav > li:nth-of-type(1) > a {

	  padding-left: 0;

	}

  

	.the-nav > .nav > li:last-of-type > a {

	  padding-right: 0;

	}*/

  

	/* Active State */

	.the-nav > .nav > li:hover > a {

	  color: #fff; background: #0a8dd8;

	}

  

	.the-nav > .nav > li:hover .subnav {

	  display: block;

	}

  

	.the-nav > .nav > li:hover .caret {

	  border-top-color: #0a8dd8;

	  border-bottom-color: #303030;

	}

  

	/* Subnav */

	.nav > li > .subnav {

	  display: none;

	  position: absolute;

	  top: 100%;

	  left: 0;

	  z-index: 20;

	  margin: 0;

	  padding: 0;

	  min-width: 160px;

	  background: #F7F7F7;

	  box-shadow: 0 1px 1px 0px #DDDDDD;

	}

  

	.nav > li > .subnav > li {

	  margin-bottom: 0;

	}

  

	.nav > li > .subnav > li a {

	  color: #999;

	  -moz-transition: all, 0.2s;

	  -o-transition: all, 0.2s;

	  -webkit-transition: all, 0.2s;

	  transition: all, 0.2s;border-bottom: 1px solid #E9E9E9;

	}

  

	.nav > li > .subnav > li:hover a {

	  background: #0a8dd8;

	  color: white;

	}

  }

  /* General Mobile First Styles */

  .hidden-sm {

	display: none;

  }

  

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

	.visible-sm {

	  display: none;

	}

  

	.hidden-sm {

	  display: block;

	}