@font-face { 
font-family: Roboto; 
src: url('../fonts/roboto-light.ttf'); 
}

body{font-family:Helvetica, Arial, sans-serif; background-color: #fff;}
header{background-color: #232323;}
ul{list-style:none;}
.top_menu{font-size: 12px; color: #fff;  width: 100%;  height: 30px;background-color: #f2f2f2;color: #111;}
.top_menu li{ border-right: 1px solid #fff;margin-left:5px;padding-right:5px;height: 30px; float: right; opacity: 0.8; font-size: 13px; line-height: 30px; color: #111; }
.top_menu li>a{color: #111;}
.flash {padding-top:0px}
.flash img{ width: 100%}
.flash ul.bxslider{list-style:none;}
.flash div.bx-pager{bottom: 4%;}
.flash div.bx-controls-direction{ display:none; }
.main{ padding:30px 0px 10px 0px;}
.img-thumbnail:hover,.opacity_img:hover{opacity: 0.8;}
a:hover {text-decoration:none}

/*导航菜单*/
#app_menudown{position: absolute; top:0px; right:0px; font-size: 16px;}
#app_menudown:hover{background-color: #fff;}


/*底部信息*/
/*--footer--*/
.footer {
  padding: 1em 0 0em;
  background-color: rgb(51, 51, 51);
 
}
.footer h4 {
    margin:0 0 .5em;
}
.footer-grids ul li {
  margin-bottom: 1em;
  text-align:center;
}
.footer-grids ul li a {
  color: #868686;
  font-size:14px;
  text-decoration: none;
}
.footer-grids ul li a:hover {
  color: #fff;
}
.footer-grids h4 a {
    color: #fff;
    font-size:1.0em;
    text-decoration: none;
}

.footer-grids h3 {
    color: #fff;
    font-size:1.0em;
    text-decoration: none;
}
.footer-grids p  a{
	color: #868686;
    font-size: 14px;
    text-decoration: none;
}
.footer-grids p a:hover {
	color: #fff;
}
.footer-grids p {
	 color: #868686;
	 font-size:14px;
	 line-height: 1.8em;
	 margin:0;
}

.footer-bottom {
        color: #868686;
        height:38px;
        float:left;
        padding-left:30px;
        line-height:38px;
	background-color: #201F1F;
        width:100%
}
.social-icons{
	padding:2em 0 0;
}
.social-icons li{
	display:inline-block;
}
.social-icons li a.p{
	background: url(../images/img-sp.png) no-repeat -7px -9px;
    display: block;
    height: 41px;
    width: 41px;
}
.social-icons li a.p:hover{
	background: url(../images/img-sp.png) no-repeat -71px -9px;
    display: block;
}
.social-icons li a.in{
	background: url(../images/img-sp.png) no-repeat -7px -58px;
    display: block;
    height: 41px;
    width: 41px;
}
.social-icons li a.in:hover{
	background: url(../images/img-sp.png) no-repeat -72px -58px;
    display: block;
}
.social-icons li a.v{
	background: url(../images/img-sp.png) no-repeat -7px -109px;
    display: block;
    height: 41px;
    width: 41px;
}
.social-icons li a.v:hover{
	background: url(../images/img-sp.png) no-repeat -72px -109px;
    display: block;
}
.social-icons li a.facebook{
	background: url(../images/img-sp.png) no-repeat -7px -159px;
    display: block;
    height: 41px;
    width: 41px;
}
.social-icons li a.facebook:hover{
	background: url(../images/img-sp.png) no-repeat -72px -159px;
    display: block;
}

.social-icons li a.ytb{
	background: url(../images/img-sp.png) no-repeat -7px -207px;
    display: block;
    height: 41px;
    width: 41px;
}
.social-icons li a.ytb:hover{
	background: url(../images/img-sp.png) no-repeat -72px -207px;
    display: block;
}

/*--//footer--*/

/*大屏幕*/
@media screen and (min-width: 769px) {
      .index_left_nav,.footer_nav{display:none; }
	  .flash{margin-top: 0px;}
}

/*小屏幕*/
@media screen and (max-width: 768px) { 
       .flash{padding-top: 80px;}
      .top_name{display: none;}
      .small-nav{margin-top: 0px;}
      .list_box{margin:5px 0px 0px 0px; }
      .flash div.bx-pager{ /*display:none;*/}
      .left_h1{margin-top: 10px;}
      #product div.flash,#product h2.left_h1,#photo div.flash,#photo h2.left_h1{display: none;}
      #product div.list_box,#photo div.list_box{margin-top:45px;}
      .index_left_nav{margin:0px 15px 0px 15px;}
      .product_con img,.contents img{width:100%;}
      .news_time{ display:none;}
      .footer_nav{background-color: #fafafa;}
      #pic-page a img {width:35px;}
      #cmsFloatPanel{ display: none;}
      .point span.to_prev,.point span.to_next{text-align:left; padding-bottom: 8px;}
      footer{ margin-bottom:50px;}
	  
	  .Menuban li{ width:100%;float:left;margin-left:-20px;text-align:center}
}

@media screen and (max-width: 767px) {
     .copyright_p{ display:none;}
}


@media screen and (min-width:480px) and (max-width:768px) {
  .col-mm-1, .col-mm-2, .col-mm-3, .col-mm-4, .col-mm-5, .col-mm-6, .col-mm-7, .col-mm-8, .col-mm-9, .col-mm-10, .col-mm-11, .col-mm-12 {
    float: left;
  }
  .col-mm-12 {
    width: 100%;
  }
  .col-mm-11 {
    width: 91.66666667%;
  }
  .col-mm-10 {
    width: 83.33333333%;
  }
  .col-mm-9 {
    width: 75%;
  }
  .col-mm-8 {
    width: 66.66666667%;
  }
  .col-mm-7 {
    width: 58.33333333%;
  }
  .col-mm-6 {
    width: 50%;
  }
  .col-mm-5 {
    width: 41.66666667%;
  }
  .col-mm-4 {
    width: 33.33333333%;
  }
  .col-mm-3 {
    width: 25%;
  }
  .col-mm-2 {
    width: 16.66666667%;
  }
  .col-mm-1 {
    width: 8.33333333%;
  }
}

@media screen and (min-width: 768px) {
  .Menuban{height:45px}
  .mobileTwoNav{ display:block;}
  }

.Menuban{background: #eeeeee;line-height: 45px; margin-top:5px;}
.Menuban li{float: left; position: relative;}

.Menuban li>a{display: block; overflow:hidden;padding:0px 20px;color: #555;}
.Menuban li>a:hover,
.Menuban li.aon>a{background: #1d2088; color: #fff;}

.Menuban dl{ float: right;color:#666;background: url(../images/Menu-ico.png) no-repeat left center;}
.Menuban dl>a{color:#666;}
.Menuban dl span{color:#1d2088;}



.clear {clear: both;height: 0px;overflow: hidden;zoom: 0;}
.clearfix {*zoom:1;}/*IE/7/6*/
.clearfix:after { content:"\200B"; display:block; height:0; clear:both; } 

.RighInfo{ margin-top:10px;margin-bottom:10px;min-height:350px}
.container img{
	display: block;
    height: auto;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
	
	}

.aboutus{text-align: center; color: #fff; padding: 15px 20px 10px 20px; margin: 10px 0px 10px 0px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	-webkit-box-shadow:#666 0px 0px 10px;
	-moz-box-shadow:#666 0px 0px 10px;
	box-shadow:#666 0px 0px 10px;}
.aboutus h2{font-size: 32px;font-weight: 300;font-family:"Microsoft Yahei"; color:#000}
.aboutus p{font-size: 13px; font-weight: 300; line-height: 20px; margin-top:20px;}
.aboutus .about_contents {font-size: 15px;color:#000}

/*首页案例*/
.index_product{}
.index_product div.product_img{}
.pro_title{clear: both; width: 225px; height: 45; margin: 40px auto 35px auto; border: 1px solid #cecece; text-align: center;}
.pro_title p{color: #0f0f0f;text-transform: uppercase;font-family: 'Times New Roman';font-size: 28px; font-weight: bold; background-color:#fff; margin: -20px auto -2px auto; width: 170px}
.pro_title span{display: block;font-family: '幼圆';font-size: 17px; font-weight: bold; padding-bottom: 7px;}
.title_h1{ float: left; font-size:18px; color: #69AF6F; margin:0px;}
.title_span{float: left;  font-family: 'Times New Roman';  text-indent: 6px; font-size: 16px; color:#C0AB71;}
.product_img{padding-left: 15px; padding-right: 15px; }
.product_img img{margin-right: auto;margin-left: auto;display: block;max-width: 100%;height: auto; margin-bottom: 10px;  }
.product_title{margin: 10px 0px 0px 0px; padding-right: 10px; height: 28px; line-height: 14px;text-align: center;}
.product_title a{color: #232323; transition:color 0.3s;}
.product_title a:hover{text-decoration: none;color:#232323;}

.auto{ margin:0 auto;}

.newlist li{position:relative;border-bottom:1px dashed #ccc; padding:2% 0; transition:all ease-in-out 0.5s;height:130px}
.newlist li a{ z-index:3; position:absolute; left:0; top:0; width:100%; height:100%;}
.newlist li div{ position:relative; padding-left:160px; padding-right:10px;}
.newlist li .dot{ display: block; font-size:18px; color: #464646;margin-bottom: 5px; }
.newlist li .tdate{ color: #8c8b8b; display:inline-block;font-size:14px;padding-left:40px}
.newlist li time{ position:absolute; left:0; top:0; padding:0px 0;width:150px; text-align:center; font-weight:bold; text-align:center; transition:all ease-in-out 0.5s;}
.newlist li h5{ margin:0; line-height:30px; color:#434345; font-size:18px; transition:all ease-in-out 0.5s;}
.newlist li p{ margin:0; line-height:20px; overflow:hidden; height:40px;font-size:14px; color: #8c8b8b; margin-bottom: 20px;
    padding-bottom: 20px; }
.newlist li:hover,
.newlist li:hover time,
.newlist li:hover h5{color:#fff;}
.newlist li:hover{ background-color:#1d2088;}
.newlist li:hover time{background-color:#b5c4d7;}



.axtpage .Pages{ padding: 20px 0; text-align: center; line-height: 23px; zoom: 1; overflow: hidden; width:100%}
.axtpage .Pages a{ display: inline-block; height: 40px; margin: 0 5px; font-size: 16px; line-height: 40px; }
.axtpage .p_cur,
.axtpage .p_count,
.axtpage .p_total,

.axtpage .p_page{ padding: 0px 5px; display: inline-block; }
.axtpage .p_page a{color:#5f5c4d; border:solid 1px #ececec; display:inline-block; padding:0 12px; overflow:hidden; position:relative;  background-color:#fff;}
.axtpage .p_page .a_prev,
.axtpage .p_page .a_next{ width:80px; }
.axtpage .p_page .num a{ width:44px; }
/*hover*/
.axtpage .p_page .a_first:hover,
.axtpage .p_page .a_end:hover,
.axtpage .p_page .a_prev:hover,
.axtpage .p_page .a_next:hover,
.axtpage .p_page .num a:hover,
.axtpage .p_page .num .a_cur{ background:#1d2088; color:#fff; }
.axtpage em{ font-style:normal;}

@media (max-width:768px){
.axtpage .a_first,
.axtpage .a_end,
.axtpage .p_page .num a{ display:none !important;}
	
}


.axtpage .p_jump{ display: none; }


 .news_info {width:100%;margin:0 auto}
 .news_info .newstitle{ width:100%;margin:0 auto;border-bottom:1px dashed #d2d2d2; }
 .news_info .newstitle h1{ padding-bottom:5px; font-size:24px; font-weight:normal;text-align:center}
 .news_info .info{ margin:0 auto;text-justify:inter-ideograph;padding-top:10px;margin-bottom:10px;}




.box{border:1px solid #dfdfdf; height:auto; overflow:hidden; margin-bottom:30px; height:48px;line-height:48px;padding-left:35px;font-size:15px;color:#003477;font-weight:bold}
.blog-post {
  background: #f0f0f0;
  position: relative;
  margin-top: 10px;
  margin-bottom: 20px;
  border: 7px solid #f0f0f0;
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
  -webkit-box-shadow: inset 0 3px #f0f0f0,0 0 3px #dbdbdb ;
  -moz-box-shadow: inset 0 3px #f0f0f0,0 0 3px #dbdbdb ;
  box-shadow: inset 0 3px #f0f0f0,0 0 3px #dbdbdb ;
  color: inset 0 1px #f0f0f0,0 0 3px #dbdbdb ;
}
.blog-post img {
  max-width: 100%;
}





/* Single Post */




.blog-sidebar h4:first-child {
  margin-top: 0;
}
.blog-sidebar ul {
  list-style-type: none;
  margin-left: 0;
  padding: 0;
}

.blog-sidebar .recent-posts li:last-child,
.blog-sidebar .blog-categories li:last-child {
  border-bottom: 1px solid #D5D5D5;
}
.blog-sidebar .recent-posts a,
.blog-sidebar .blog-categories a {
  color: #535b60;
}

.block-title {
	font-size:18px;
	font-weight:bold;
	height:38px;
	line-height:38px;
	color:#FFF;
	background: none repeat scroll 0 0 #003477;
	}

.field-label{
    display: block;
    font-size: 75%;
    font-weight: 500;
    line-height: 30px;
    height: 36px;
    padding: 0.2em 0.6em 0.3em;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
    color: #333;
    font-size: 17px;

}

.field-label:hover{
    color: #003477;
	font-weight:bold;
	 border-left:4px solid #ff0000;  

}






.title-icon{
  color: #fff !important;
  padding-right: 5px;
  padding-left: 8px;
  font-size: 14px;
}







.hot-field-sidebar .row .a-select{
    color: #10A14A;
    text-decoration: none;
}

.hot-field-sidebar .row .field-select{
    color: #003477;
	font-weight:bold;
}

.hot-field-sidebar .row{
   border-bottom: 1px dotted #dbdbdb;
   padding: 8px 0 5px 0;
   height: 54px;
   margin-left: 0;
   margin-right: 0;
}



.field-title{
  float: left;
  height: 54px;
  width:100%;
  padding-right: 10px;
  
}

.con_text{ clear: both;  margin:10px 0px 20px 0px;padding:20px 0px 0px 0px; line-height:26px;min-height:450px}
.con_text img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-right: auto;
  margin-left: auto;
  }
#locationcss{ padding-top:12px; float:right}
#locationcss a{ color:#b2b2b2; line-height:155%;}
#locationcss li {
    display: inline-block;
    padding: 0 0 0 15px;
    position: relative;
    vertical-align: top;
	margin-right:10px;
}
#locationcss li::after {
    border-bottom: 5px solid transparent;
    border-left: 5px solid #003477;
    border-top: 5px solid transparent;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    top: 6px;
    width: 0;
}
#locationcss li:first-child {
    padding: 0;
	
}
#locationcss li:first-child::after {
    display: none;
	
}



.label_ul_b{color:#454545;font-size:14px; line-height:28px;overflow:hidden;}

.label_ul_b li{_display:inline-block;color:#333;}
.label_ul_b li a{color:#333;}
.label_ul_b .label_arrow_1{background:url(/images/arrow_l.jpg) 0 6px no-repeat #F8F8F8;padding-left:20px; line-height:35px;height:35px;;margin-bottom:2px;padding-right:8px;}
.label_datatime,.label_datetime{float:right;color:#656668;font-size:13px;}





.detail_txt{background: #fff;padding: 25px auto;width: 1100px;margin:auto;overflow:hidden;}
.detail_txt_title{border-bottom: 1px solid #d7d7d7;padding-bottom: 13px;}
.detail_txt h2{font-size: 22px;color:#003477;padding-bottom: 15px;text-align: center;}



 .case-type{
	display: block;
	text-align: center;
	font-size: 0;
	position: relative;
	margin-top: 60px;
	margin-bottom: 20px;
}

 .case-type .line{
	position: absolute;
	width: 100%;
	height: 1px;
	top:32px;
	background-color: #d2d2d2;
	z-index: -1;
}

 .case-type ul li{
	display: inline-block;
	*display: inline;
	*zoom:1;
	padding: 0 30px;
	background-color: #fff;
}

 .case-type ul li i{
	display: inline-block;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	-webkit-transition: background 0.3s linear;
	-o-transition: background 0.3s linear;
	transition: background 0.3s linear;
}

 .case-type ul li:hover i{
	background-color: #ddd;
}

 .case-type ul li .all-icon{
	background: #eee url(../images/case-type-icon.png) no-repeat 0px 0px;
}

 .case-type ul li:hover .all-icon, .case-type ul li.active .all-icon{
	background: #0166ce url(../images/case-type-icon.png) no-repeat 0px -64px;
}

 .case-type ul li .type1-icon{
	background: #eee url(../images/case-type-icon.png) no-repeat 0px -128px;
}

 .case-type ul li:hover .type1-icon, .case-type ul li.active .type1-icon{
	background: #0166ce url(../images/case-type-icon.png) no-repeat 0px -192px;
}

 .case-type ul li .type2-icon{
	background: #eee url(../images/case-type-icon.png) no-repeat 0px -256px;
}

 .case-type ul li:hover .type2-icon, .case-type ul li.active .type2-icon{
	background: #0166ce url(../images/case-type-icon.png) no-repeat 0px -320px;
}

 .case-type ul li .type3-icon{
	background: #eee url(../images/case-type-icon.png) no-repeat 0px -384px;
}

 .case-type ul li:hover .type3-icon, .case-type ul li.active .type3-icon{
	background: #0166ce url(../images/case-type-icon.png) no-repeat 0px -448px;
}

 .case-type ul li .type4-icon{
	background: #eee url(../images/case-type-icon.png) no-repeat 0px -512px;
}

 .case-type ul li:hover .type4-icon, .case-type ul li.active .type4-icon{
	background: #0166ce url(../images/case-type-icon.png) no-repeat 0px -576px;
}


 .case-type ul li .type5-icon{
	background: #eee url(../images/case-type-icon.png) no-repeat 0px -640px;
}

 .case-type ul li:hover .type5-icon, .case-type ul li.active .type5-icon{
	background: #0166ce url(../images/case-type-icon.png) no-repeat 0px -704px;
}

 .case-type ul li .type6-icon{
	background: #eee url(../images/case-type-icon.png) no-repeat 0px -768px;
}

 .case-type ul li:hover .type6-icon, .case-type ul li.active .type6-icon{
	background: #0166ce url(../images/case-type-icon.png) no-repeat 0px -832px;
}

 .case-type ul li p{
	display: block;
	font-size: 16px;
	color: #333;
	line-height: 1;
	margin-top: 14px;
}

 .case-type ul li.active p{
	color: #0166ce;
}






.index_content { float:left;  }
.index_content .column {  margin: 0 auto; text-align: center; }
.index_content .item { margin: 10px 3px 10px; margin-bottom:15px;width:265px;height:270px; overflow:hidden; background-color: #ffffff; float:left; cursor: pointer; }
.index_content span { text-align: center; }
.index_content h3 { margin-bottom: 5px; font-size: 16px; line-height:16px; color: #232323; font-weight: 600; }
.index_content p { margin-bottom: 8px; font-size: 14px; line-height:18px; color: #84888b; }
.index_content .item_img { width: 260px; margin-bottom:8px;height:195px; overflow:hidden}
.index_content .item_img img{width: 260px; }






/*导航栏*/

.head {

	left:0;
	width:100%;
	height:80px;
	z-index:999999;
	padding:10px 0 0 0;
	background-color:#fff;
	border-bottom:0px solid rgba(87,87,72,0.8);
	-webkit-transition:all .25s linear;
	-moz-transition:all .25s linear;
	-o-transition:all .25s linear;
	transition:all .25s linear;
	-webkit-box-shadow:0 0 10px rgba(0,0,0,.1);
	box-shadow:0px 3px 3px rgba(145,143,143,0.8);
}
.head-active{
  top: 0;
}
.head .content {
	width:1200px;
	margin:0 auto;
}
.head .logo {
	display:none;
}
.head .right {
	width:100%;
	margin:0 auto;
	padding-left: 200px;
}
.head .right .nav {
	padding:4px 0;
	display:inline-block;
}
.head .right .nav>li {
	position:relative;
	display:inline-block;
	line-height:60px;
	padding:0 5px;
	vertical-align:top;
}
.head .right .nav>li a {
	color:#343434;
	font-size:18px;
	display:block;
	padding:0 20px;
}
.head .right .nav>li a:before {
	display:block;
	content:'';
	width:0;
	transition:.2s;
	-webkit-transition:.2s;
	-moz-transition:.2s;
	-ms-transition:.2s;
	-o-transition:.2s;
	height:100%;
	position:absolute;
	top:5px;
	left:0;
	border-bottom:2px solid #014E9C;
	z-index:-1
}
.head .right .nav>li  a:hover:before {
	width:100%
}
.head .right .nav>li.hover a:before {
	width:100%;
	font-weight:bolder
}
.head .right .nav>li a:hover {
	background:transparent;
}
.head .right .sub-nav li:hover {
	background-color:#014E9C;
	box-shadow:0px 7px 24px 0px rgba(52,52,52,0.1);
}
.head .right .sub-nav li:hover a {
	color:#fff;
}
.head .right .nav>li.active>a {
	color:#014E9C;
}
.head .right .nav>li a:hover,.head .right .nav>li.active a:hover a {
	color:#014E9C;
}
.head .right .nav .sub-nav>li {
	line-height: 38px;
}
.head .right .nav .sub-nav>li a:before {
border: none
}
.head .right .nav .sub-nav>li a {
		font-size:13px
}
.head .right .nav .sub-nav>li a:hover,.head .right .nav .sub-nav>li.active a:hover a {
	color:#fff;

}
.head .right .nav .sub-nav {
	position:absolute;
	width:135px;
	top:48px;
	left:50%;
	padding:0;margin:0;
	transform:translateX(-50%);
	border-top:2px solid #014E9C;
	background-color:rgba(255,255,255,1);
	text-align:center;
	display:none;
}
.nav_mright,.m-nav-lists {
	display:none;
	z-index:9999;
}
@media screen and (max-width:780px) {
	.head .content {
	width:100%;
	padding:0 10px;
	box-sizing:border-box;
}
.head .logo{
	display: block;
}
.head .logo img {
	width:210px;
}
.head .right {
	display:none;
}
.m-nav-lists {
	top:90px;
	width:100%;
	position:fixed;
	z-index:99999999;
	height:calc(100vh - 80px);
	background-color:#fff;
	overflow:auto;
	transform:translateX(100%);
	transition:all 0.4s;
	display:block;
}
.m-nav-lists.active {
	transform:translateX(0);
}
.m-nav-li.hasSub>a {
	color:#686868;
}
.m-nav-li.hasSub:before {
	content:"";
	position:absolute;
	top:12.5px;
	width:15px;
	height:15px;
	right:10px;
	background:url(../images/nav-sub-right.png);
	background-size:cover;
}
.m-nav-li {
	/* height:40px;
	*/
			line-height:40px;
	height:41px;
	overflow:hidden;
	border-bottom:#ddd 1px solid;
	position:relative;
}
.m-nav-li:hover {
	height:auto;
	background:transparent;
}
.m-nav-li>a {
	display:block;
	/* border-color:#ddd;
	*/
			padding:0 10px;
	box-sizing:border-box;
	color:#686868;
	margin-right:50px;
}
.sub-nav {
	padding-left:20px;
}
.sub-nav a {
	color:#686868;
	display:block;
}
.nav_mright {
	width:30px;
	height:30px;
	background-size:100%;
	float:right;
	position:relative;
	background:#014E9C;
	margin-right:20px;
	margin-top:-40px;
	border-radius:2px;
	display:block;
}
.nav_mright .img1,.nav_mright .img2 {
	left:10%;
	width:80%;
	text-align:center;
	position:absolute;
	z-index:1;
	background:#014E9C;
	top:50%;
	transform:translateY(-50%);
}
.nav_mright .img2 {
	display:none;
}
}

/*优势*/
.advantage {
  padding: 38px 0;
}

.advantage ul {
  margin-top: 5px;
}
.advantage ul:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
}
.advantage ul li {
  width: 50%;
  float: left;
  border-left: solid 2px #219cf9;
  border-bottom: solid 2px #219cf9;
  box-sizing: border-box;
}
.advantage ul li:nth-child(odd) {
  border-left: none;
}
.advantage ul li:nth-last-child(2),
.advantage ul li:nth-last-child(1) {
  border-bottom: none;
}
.advantage ul li a {
  padding: 34px 50px 34px 0;
  box-sizing: border-box;
  display: block;
}
.advantage ul li a:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
}
.advantage ul li a:hover .icon::after {
  bottom: 0;
}
.advantage ul li:nth-child(2) a,
.advantage ul li:nth-child(1) a {
  padding-top: 0;
}
.advantage ul li:nth-last-child(2) a,
.advantage ul li:nth-last-child(1) a {
  padding-bottom: 0;
}
.advantage ul li:nth-child(even) a {
  padding-left: 110px;
}
.advantage ul li .icon {
  width: 160px;
  height: 160px;
  overflow: hidden;
  float: left;
  position: relative;
}

.advantage ul li .icon img {
  width: 100%;
  display: block;
}

.advantage ul li .text {
  padding: 5px 0 0 170px;
  box-sizing: border-box;
}
.advantage ul li .text .tit {
  line-height: 30px;
  font-size: 20px;
  font-weight: bold;
  color: #219cf9;
}
.advantage ul li .text .txt {
  line-height: 30px;
  font-size: 15px;
  color: #666;
  margin-top: 10px;
  height:100px;
  word-break: break-all;
}
@media only screen and (max-width: 1400px) {

  .advantage ul li a {
    padding: 34px 20px 34px 0;
  }
  .advantage ul li:nth-child(even) a {
    padding-left: 20px;
  }
}
@media only screen and (min-width: 992px) {
 	.advantage .index-title-box .box s {
	width:890px;
   }
}


@media only screen and (max-width: 800px){
.advantage {
	padding:10px 0px;
	box-sizing: border-box;
}
.advantage ul {
	max-width: 600px;
	margin: 10px auto 0 auto;
}
.advantage ul li:nth-last-child(2),
.advantage ul li:nth-last-child(1),
.advantage ul li {
	width: 100%;
	border-left: none;
	border-bottom: solid 1px #4d9a42;
}
.advantage ul li:nth-child(even) a,
.advantage ul li:nth-child(2) a,
.advantage ul li:nth-child(1) a,
.advantage ul li:nth-last-child(2) a,
.advantage ul li:nth-last-child(1) a
.advantage ul li a {
	padding: 20px 0px;
}
.advantage ul li .icon {
	width: 100px;
	height: 100px;
}
.advantage ul li .icon::after {
	display: none;
}
.advantage ul li .text {
	padding: 10px 0 0 110px;
}
.advantage ul li .text .tit {
	line-height: 20px;
	font-size: 18px;
}
.advantage ul li .text .en {
	line-height: 20px;
	font-size: 14px;
	margin-top: 6px;
}
.advantage ul li .text .txt {
	font-size: 14px;
	margin-top: 10px;
}
.advantage ul li .text .txt {
  line-height: 25px;
  height:auto;

}
}	


/*推荐产品*/

.i_pro_bg{padding-bottom:2%; overflow:hidden;}
.i_pro_a{ text-align:center; overflow:hidden; padding-top:1%; padding-bottom:1%; font-size:17.8px; margin-top:10px;}
.i_pro_a a{
  display:inline-block; color:#000;
  border-radius: 4px;
  border: solid 1px #e8e8e8;
  height:40px;
  line-height:40px;
}

@media screen and (min-width: 769px) {
	.i_pro_a a{width:150px;font-size:13px}	
}
@media screen and (max-width: 768px) {
	.i_pro_a a{width:100px;font-size:10px;margin-bottom: 5px}	
}

.i_pro_a a.osel{background-color:#004B9F;color:#ffffff;text-decoration:none }
.i_pro_con{overflow:hidden; width:100%; margin:0 auto; margin-top:10px; padding-bottom:20px;}
.i_pro_con .i_pro_div{ display:none; overflow:hidden;  padding-bottom:7px;}




.txttit h2{ background: none; color:#181717;text-align: center;margin-top:8px;margin-bottom:8px;font-size: 13px}

@media screen and (min-width: 769px) {
.pimg {width:225px; height: 205px;overflow:hidden; border: 1px solid #ddd;padding:0px;padding-left:0}
.pimg img{height:200px;}
.txttit {width:225px;}
}
@media screen and (max-width: 768px) {
.pimg {overflow:hidden; border: 1px solid #ddd;padding:0px;padding-left:0;height:175px}
.pimg img{width:155px}
}
.index_more{clear:both;margin:0 auto;padding-top:30px;width:200px;text-align:center;}
.index_more a{display:block;height:40px;background:#e9280c;color:#fff;font-weight:normal;font-size:14px;line-height:40px;}
.index_more a:hover{background:#d82208;color:#fff;}