*{-webkit-transition: all .3s linear;

-moz-transition: all .3s linear;

-o-transition: all .3s linear;

transition: all .3s linear;}

html{}

html, body {

-ms-overflow-style: scrollbar;

}

body{ background:#fff; color:#555;font-family: Arial, Helvetica, sans-serif; width:100%; overflow:hidden; overflow-y: scroll; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {

font-family: Arial, Helvetica, sans-serif; 

}
.row-flex{
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    }
.container img{ max-width:100%; height:auto;}

a{ color:#333;}

a:hover{ text-decoration:none;color:#2375af; }

.header{  z-index:30; width:100%; height:120px; background:#fff; box-shadow:0 0 10px #ccc; position:fixed; top:0; left:0; width:100%;  }

.navbar {

    margin-bottom: 0;

    border-radius: 0;

	position:relative;

}

#navbar{text-align:center; float:left; }

.navbar .container{ position:relative; z-index:10;}

.navbar-header{ position:relative; float:left;margin-left:2%;}

.navbar-default {

    background-color:transparent;

    border-color: transparent;

	border:0;

}

.navbar-brand {
	height:auto;
	padding:5px 10px;
	margin-top:20px;
	width:85%;
}
.navbar-collapse {
    padding-right: 0;
    padding-left: 0;
}
.navbar-toggle {
    position:absolute;
	right:0;
	margin-right: 0;
    padding: 0 0;
	top:50%;
    background-color: transparent;
    background-image: none;
    border: 0 solid transparent;
    border-radius: 0;
	margin-top:-7px;
}
.header-top{width:100%; height:50px; background:#225aa5;  color:#ffffff;}
.header-top-l ul{ float:left;list-style:none; 
width: 100%; 
max-width: 550px;
font-size: 15px;}
.header-top-l ul li{ padding-left:20px; width:50%;  float:left; padding-top:15px;}

.header-top-r { float:right; margin-top:5px;}

.btn-box {
	color: #000;
	width: auto;
	border-radius:20px;
	min-width: 10px;
	height: 40px;
	line-height: 40px;
	display: inline-block;
	position: relative;
	overflow: hidden;
	background-image: linear-gradient(315deg, #fff 0, #fff 100%);
	background-size: 104% 104%;
	cursor: pointer;
	
}

.btn-box span {
	position: absolute;
	right: 0;
	top: 0;
	width: 40px;
	height: 40px;
	text-align: center;
	font-size: 18px;
	cursor: pointer;
	background:#225aa5;
	
}
.btn-box span i{
	color:#ffffff;
}
.btn-box input {
	display: inline-block;
	background: 0 0;
	border: 1px solid #225aa5;
	color: #000;
	padding-left: 0px;
	line-height: 40px !important;
	height: 40px;
	box-sizing: border-box;
	vertical-align: 4px;
	font-size: 16px;
	width: 40px;
	transition: all .3s ease-in-out;
	font-style: italic;
	text-transform: uppercase;
	letter-spacing: 5px;
}
.btn-box:hover input {
	display: inline-block;
	width: 160px;
	padding-right: 40px
}

.btn-box input:not(:placeholder-shown) {
	display: inline-block;
	width: 160px;
	padding-right: 0px
}




.header-bom{

 width:100%;
	float:left;
}
.main_menu {height:70px; float:left;  width:100%; }

.main_menu li{ list-style:none;  float:left;  }

.main_menu > li{ float:left; margin-left:10px;}

.main_menu > li > a{ display:block; line-height:70px; padding:0 30px 0; color:#333; float:left; font-size:16px; box-sizing:border-box; }

.main_menu li a:hover{ text-decoration:none; color:#2375af; }

.main_menu li.active a,.main_menu li a.now{ color:#2375af; }

.main_menu .nav-sub{position:absolute; left:0; top:70px; width:100%; background:#f5f5f5; margin:0; height:0; overflow:hidden;text-align:left; }

.main_menu .sub-left{padding-right: 2%;white-space: nowrap;padding: 59px 4.9% 50px 7.9%;}

.main_menu .sub-left ul{ float:right;

width: 100%;

max-width: 450px;

font-size: 15px;} 

.main_menu .sub-left ul li{  width:50%;  float:left;}

.main_menu .sub-left ul li a{line-height:24px; padding:8px 10px; display:block;}

.main_menu .sub-left ul li a:hover{background:#2375af url(../images/head05.png) no-repeat 90% center;color:#fff;}

.main_menu .sub-right{ background:#fff;padding: 40px 2% 64px;}

.main_menu .sub-right h5{ font-size:14px; margin-top:20px;}

.main_menu .sub-right img{ max-width:100%}

.log-four{ float:left; width:25%;}

.log-four .log-tit{

width: 90%;

display: block;

padding-left: 10.6%;

margin-left:12%;

font-size:16px;

color: #333;

line-height: 40px;

margin-bottom: 5px;

}

.log-four .log-tit:hover{background:#2375af url(../images/head05.png) no-repeat 90% center;color:#fff;}

.log-four .font {

    padding-left: 22.6%;

    font-size: 13px;

    color: #666;

    display: block;

    width: 100%;

    line-height: 27px;

    text-align: left;

}

.smenu{ float:right; position:relative; display:inline-block; top:35px; color:#999; margin-right:10px;}

.smenu a{ color:#333;}

.topLanguage{ float:right; position:relative; display:inline-block; top:35px;margin-right: 16px; cursor:pointer; padding-bottom:35px;  }

.topLanguage i{ color:#888; font-size:16px; margin:0 5px;}

.innerbox{ position:absolute; top:99.9%; left:50%; margin-left:-40px; background:#fff; text-align:center; width:110px; padding:20px 15px; display:none; box-shadow: inset 0 0 10px rgba(0, 0, 0, .2); font-size:13px;}

.innerbox a.active{color: #2375af;}

.innerbox a,.innerbox span{ display:block;}

.innerbox a{ color:#333; white-space:nowrap;}

.innerbox span{ width:60px; height:0; border-bottom:1px solid #ccc; margin:10px auto;}

.innerbox:before{ position:absolute; top:-12px; left:50%; margin-left:-5px; content:""; width:0; height:0; border-width:6px; border-style:solid; border-color:transparent transparent #e0e0e0 transparent; }

.topLanguage:hover ,.topLanguage:hover i{ color:#2375af;}

.topLanguage:hover .innerbox{ display:block;}

.languagelink > a{ display:block; background:#555; color:#fff; line-height:1.6}

.languagelink .dropdown-menu{ left:50%; margin-left:-80px; text-align:center;}

 header .search-box {

       /* 
	   width: 40px;
        height: 40px;

        display: block;

        float: right;

        background: #225aa5 url(../images/head01.png) no-repeat center;
        position: relative;

        z-index: 3;

  

		 margin-right:-15px;
		 */

    }

.search-send {

        position: absolute;

        z-index: 2;

        background-color: #222;

        right: -34%;

        top: 0;

        width: 25%;

        transition: right .3s

    }
	
    .search-send.on {

        right: 60px;

    }

    .search-send .close {

        display: block;

        width: 18px;

        height: 18px;

        background: url(../images/head03.png) no-repeat center;

        position: absolute;

        top: 50%;

        left: 6px;

        margin-top: -9px;

        cursor: pointer;

        opacity: 1;

        filter: alpha(opacity=100);

        transition: transform .3s ease 0s

    }

    .search-send .close:hover {

        transform: rotateZ(90deg);

        transition: transform .3s ease 0s

    }

    .search-send form {

        width: 100%;

        height: 100%

    }

    .search-send .text {

        border: 0;

        font-size: 18px;

        height: 100%;

        text-align: left;

        width: 100%;

        box-sizing: border-box;

        color: #555;

        background: 0;

        padding: 0 5% 0 13%;

        outline: 0

    }

    .search-send .submit {

        cursor: pointer;

        border: 0;

        background: url(../images/head01.png) no-repeat center;

        background-color: #80d100;

        position: absolute;

        right: 0;

        bottom: 0;

        width: 16%;

        outline: 0

    }

    .search-send .text::-webkit-input-placeholder {

        color: #555

    }

    .search-send .text:-moz-placeholder {

        color: #555

    }

    .search-send .text::-moz-placeholder {

        color: #555

    }

    .search-send .text:-ms-input-placeholder {

        color: #555

    }

#carousel-index{ z-index:20; margin-top:90px;}

/* Bootstrap Carousel Fade Transition  start */

       .carousel-fade  .carousel-inner .item {

            transition-property: opacity;

        }

        .carousel-fade  .carousel-inner .item,

        .carousel-fade  .carousel-inner .active.left,

        .carousel-fade  .carousel-inner .active.right {

            opacity: 0;

        }

       .carousel-fade  .carousel-inner  .active,

       .carousel-fade  .carousel-inner  .next.left,

        .carousel-fade  .carousel-inner .prev.right {

            opacity: 1;

        }

       .carousel-fade  .carousel-inner  .next,

        .carousel-fade  .carousel-inner .prev,

        .carousel-fade  .carousel-inner .active.left,

        .carousel-fade  .carousel-inner .active.right {

            left: 0;

            transform: translate3d(0, 0, 0);

        }

   .carousel-fade .carousel-control {

        z-index: 2;

    }

/* Bootstrap Carousel Fade Transition end */

#carousel-index .item{ background-position: center center; background-size:cover;  background-color:#888;}

#carousel-index .item{text-align:center; }

#carousel-index .item img{ padding:0 0 0 0; margin:0 auto;}

.carousel-indicators {

	z-index:20;

}

.carousel-indicators li {

    display: inline-block;

    width: 10px;

    height: 10px;

    margin: 0 5px;

    text-indent:0;

    border: 0 solid #ffffff;

    border-radius: 50%;

    cursor: pointer;

    background-color:#fff;

	text-align:center;

}

.carousel-indicators .active {

    width: 10px;

    height: 10px;

    margin: 0 5px;

    background-color: #2375af;

}





.btext{ position:absolute; top:40%; transform:translateY(-50%); left:0; text-align:left; color:#333;}

.btext.white{color:#fff;}

.btext h2{ font-size:32px; margin-top:0;}

.btext span.ben{ font-size:21px}





#carousel-about{ margin-top:90px;}

#carousel-about .item{ background-position:center top; background-size:cover;}

#carousel-about .abtext{ position:absolute; top:50%;transform:translateY(-50%); color:#fff; left:0; right:0;}

#carousel-about .abtext h2{ font-size:42px; max-width:880px; line-height:1.8; margin:0 auto 50px; text-align:center;}
/*#carousel-about .abtext p{ font-size:24px; max-width:880px; line-height:1.8; margin:0 auto 50px; text-align:center;}*/
#carousel-about .abtext p{  max-width:880px; }

#carousel-about .blink{ text-align:center;}

#carousel-about .blink a{ display:inline-block; background-color:#2375af; color:#fff; padding:15px 30px; border-radius:30px; font-size:16px; margin:0 20px;}

#carousel-about .blink a img{ vertical-align:middle;margin-right:5px;}



#carousel-service{ margin-top:0px;}
.fl{float:left;}
.fr{float:right;}
.our-service{width:100%; overflow:hidden;}
.our-service-text{ margin:120px 80px 50px 80px;}
.our-service-text p{ font-size:22px; max-width:680px; line-height:1.8; margin:0 auto 0px; }

.our-service-pic{ min-height:480px; }
/*

* 	Owl Carousel Owl Demo Theme 

*	v1.3.3

*/



.owl-theme .owl-controls{

	margin-top: 30px;

	text-align: center;

}



/* Styling Next and Prev buttons */



.owl-carousel-app .owl-prev{ position:absolute; top:50%; -webkit-transform: translateY(-50%);

transform: translateY(-50%); left:-40px; width:19px; height:53px; text-indent:-9999px; overflow:hidden; background:url(../images/xijiantou.png) no-repeat 0 0 !important; transition:none;}

.owl-carousel-app .owl-next{ position:absolute; top:50%; -webkit-transform: translateY(-50%);

transform: translateY(-50%); right:-40px; width:19px; height:53px; text-indent:-9999px; overflow:hidden; background:url(../images/xijiantou.png) no-repeat -19px 0 !important;transition:none;}

.owl-carousel-app .owl-prev:hover{  background:url(../images/xijiantou.png) no-repeat 0 -53px !important; }

.owl-carousel-app .owl-next:hover{  background:url(../images/xijiantou.png) no-repeat -19px -53px !important; }

/* Styling Pagination*/



.owl-carousel-shili .owl-prev{ position:absolute; top:50%; -webkit-transform: translateY(-50%);

transform: translateY(-50%); left:0; width:40px; height:40px; text-indent:-9999px; overflow:hidden; background:url(../images/shili-arrow.gif) no-repeat 0 0 !important; transition:none;}

.owl-carousel-shili .owl-next{ position:absolute; top:50%; -webkit-transform: translateY(-50%);

transform: translateY(-50%); right:0; width:40px; height:40px; text-indent:-9999px; overflow:hidden; background:url(../images/shili-arrow.gif) no-repeat -40px 0 !important;transition:none;}

.owl-carousel-shili .owl-prev:hover{  background:url(../images/shili-arrow.gif) no-repeat 0 -40px !important; }

.owl-carousel-shili .owl-next:hover{  background:url(../images/shili-arrow.gif) no-repeat -40px -40px !important; }



.owl-theme .owl-controls .owl-page{

	display: inline-block;

	zoom: 1;

	*display: inline;/*IE7 life-saver */

}

.owl-theme .owl-controls .owl-page span{

	display: block;

	width: 8px;

	height: 8px;

	margin: 5px;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	border-radius: 50%;

	background-color:#b3b3b3;

	border:0 solid #ffaa00;

}



.owl-theme .owl-controls .owl-page.active span,

.owl-theme .owl-controls.clickable .owl-page:hover span{

	background-color: #6d6d6d;

}



/* If PaginationNumbers is true */



.owl-carousel-app { width:calc(100% - 80px); margin:0 auto; margin-top:50px; }

.tabdiv{ display:none;}

.tabdiv.selected{ display:block;}



.owl-theme .owl-controls .owl-page span.owl-numbers{

	height: auto;

	width: auto;

	color: #FFF;

	padding: 2px 10px;

	font-size: 12px;

	-webkit-border-radius: 30px;

	-moz-border-radius: 30px;

	border-radius: 30px;

}



.owl-carousel-factory .owl-controls .owl-page span{

	display: block;

	width: 8px;

	height: 8px;

	margin: 5px;

	background-color:#fff;

	box-shadow:1px 2px 2px #999;

}



.owl-carousel-horner .owl-controls .owl-page.active span,

.owl-carousel-horner .owl-controls.clickable .owl-page:hover span{

	background-color: #71a638;

}



.owl-carousel-horner .owl-controls .owl-page span{

	display: block;

	width: 10px;

	height: 10px;

	margin: 5px 8px;

	background-color:#fff;

	box-shadow:1px 2px 2px #333;

}



.owl-carousel-factory .owl-controls .owl-page.active span,

.owl-carousel-factory .owl-controls.clickable .owl-page:hover span{

	background-color: #71a638;

}



.sitem{ margin:0 auto; margin-bottom:20px; text-align:center;}

.sitem .pic{ position:relative; overflow:hidden;}

.sitem h3{ font-size:14px; font-weight:bold; margin:25px 0 15px;}

.sitem h3 a{ color:#646464;}

.sitem h3 a:hover{ color:#2375af;}



.dtitle{ font-size:42px; color:#333; text-align:center; margin:20px 0 35px 0;}

.dtitle-s{ font-size:24px; color:#333; text-align:center; margin:0 0 35px 0;}

.ditem{ margin:0 auto; margin-bottom:20px; width:275px;}

.ditem .pic{ position:relative; overflow:hidden;}

.ditem .pic:hover img{ transform:scale(1.1,1.1)}

.ditem h3{ font-size:19px; margin:25px 0 15px;}

.ditem p{ padding:5px 0 10px; line-height:1.8;}

.ditem .rm{  display:inline-block; padding:0 30px 0 0; background:url(../images/linkico.gif) no-repeat right center; }



.ditem .rm:hover{ }



.nitem{max-width:380px; margin:0 auto 20px auto; background-color:#fff; }

.nitem:hover{ box-shadow:0 5px 10px #ddd;}

.nitem .pic{ position:relative; background:#eee; overflow:hidden; padding-top:calc(260/380*100%);}

.nitem .pic .inner{ position:absolute; top:0; left:0;  right:0; bottom:0; text-align:center;} 

.nitem .pic .inner img{ height:100%; width:auto; margin:0 auto;}

.nitem a:hover .pic img{ opacity: 0.7; transform:scale(1.1,1.1)}

.nitem .ntext{ padding:5px 15px 30px;}

.nitem .ntext h3{ font-size:20px; font-weight:bold; margin-bottom:15px;}

.nitem .ntext .meta{ padding-top:5px;  margin-bottom:10px;}



.newslist { padding-bottom:40px; padding-top:10px;}

.newslist .nitem{max-width:384px; margin:0 auto 30px auto; min-height:440px; }

.newslist .nitem .pic{ padding-top:calc(380/384*100%);}

.newslist .ntext{ padding:20px 10px 20px; border:0 ; line-height:1.8; min-height:210px;}

.newslist .ntext h3{ margin-top:0; font-size:21px; font-weight:normal; height:48px; overflow:hidden;}

.newslist .nitem .ntext p{ height:50px; overflow:hidden;}

.newslist .nitem:hover{ box-shadow:2px 3px 10px #999;}

.newslist .nitem .ntext .date{ padding-top:5px;  margin-bottom:10px; font-size:16px; color:#8b8b8b;}

.newslist .nitem .ntext .date i{ font-size:20px;}



.whitebg{ background:#fff; padding:10px 0 50px;}

.graybg{ padding:30px 0 30px;}

.fixTit{ font-size:18px; margin-bottom:20px; margin-top:0;}

.viewmore{ position:absolute; right:0; top:5px; background:url(../images/linkico.gif) no-repeat right center; padding-right:26px;}

.inVideo{ margin:0 0 20px 0; position:relative;}

.inVideo .pic{ position:relative; background:#000; }

.inVideo .pic > div{ position:absolute; left:0; top:0; display:block;  text-align:center; width:100%; height:100%;  }

.inVideo .pic a{ color:#fff; font-size:54px; display:block; position:relative;top:50%;

-webkit-transform: translate(0,-50%);

  -moz-transform:translate(0,-50%);

  transform: translate(0,-50%);

  }

.inVideo .pic a:hover{ color:#2375af;}

.inVideo .pic img{ width:100%; height:auto;}

.inVideo .pic:hover img{ opacity:0.75;}

.inProSlide{ margin:0 0 20px 0; position:relative; }



.index_news_list{ border:1px solid #ddd; background:#fff; position:relative; overflow:hidden;}
@media (min-width:768px){ .index_news_list{height:322px;}}

.newstable { width:100%}

.newstable  tr:nth-child(even){ background:#f2f2f2}

.newstable td{ padding:10px 5px 5px;}

.newstable .date{ display:block;color:#2375af; font-weight:bold; padding:5px 0;}

.newstable h4{ font-size:14px; font-weight:bold; margin-bottom:5px}

.newstable .focusImg{ float:left; margin:0 20px 10px 10px; max-width:240px;}

.newstable .focusImg img{ max-width:100%;}



.index_news_list .ps-scrollbar-y-rail{background: #dfdfdf;right: 5px;}

.index_news_list .ps-scrollbar-y{background: #2375af;}

.ps-scrollbar-y-rail {position: absolute; /* please don't change 'position' */ right: 2px; /* there must be 'right' for ps-scrollbar-y-rail */ width: 7px; background:url(stroe_scrollbg.jpg) no-repeat center center; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; opacity: 1; filter: alpha(opacity = 100); -o-transition: background-color .2s linear, opacity .2s linear; -webkit-transition: background-color .2s linear, opacity .2s linear; -moz-transition: background-color .2s linear, opacity .2s linear; transition: background-color .2s linear, opacity .2s linear;}

.ps-scrollbar-y { position: absolute; /* please don't change 'position' */ right: 0; /* there must be 'right' for ps-scrollbar-y */ width: 7px; background-color: #ffffff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;  -o-transition: background-color .2s linear; -webkit-transition: background-color.2s linear; -moz-transition: background-color .2s linear; transition: background-color .2s linear;}





.citem{ position:relative; max-width:380px; margin:0 auto; margin-bottom:20px;}

.fixtext{ position:absolute; width:100%; text-align:center; left:0; top:0; color:#fff; padding-top:5px;}

.fixtext h3{ font-size:16px; font-weight:bold; margin-bottom:5px;}

.fixtext h3 a{color:#333;}

.fixtext h3 a:hover{color:#fff; text-decoration:underline;}

.citem .new{ position:absolute; top:20px; left:0; background:#fff; color:#2375af; display:inline-block; padding:5px 15px; font-weight:bold;}







.navbar-fixed-top{filter:alpha(Opacity=98);-moz-opacity:0.98;opacity: 0.98; background-color:#fff; position:fixed !important;}

/*.navbar-fixed-top .navbar-brand{ background:url(../img/top100.png) no-repeat 0 0; background-size:cover; }*/



 .navbar.navbar-fixed-top{ margin-top:0;}



 

.navbar-fixed-top.navbar-default{-moz-box-shadow: 0 1px 5px #ccc; /* 老的 Firefox */

box-shadow: 0 1px 5px #ccc; background-image:none; }





.footer{  color:#fff;}

.copyright{ color:#fff; padding:25px 0; background-color:#225aa5; border-top: 1px solid #fff; }

.copyright a{ color:#fff;}

.copyright a:hover{ color:#2375af;}



.footLink{  padding:50px 0 30px; background-color:#225aa5; }

.fwidget{ margin-bottom:20px; display:inline-block; float:left; min-height:200px;}

.fwidget:last-child{ margin-right:0;}
.fwidget .fa{color:#fff;}

.fwidget a{color:#fff;}

.fwidget a:hover{ color:#2375af;}

.fwidget ul{ list-style:none; margin:0; padding:0;}



.fmenu { }

.fmenu ul{  }

.fmenu li{ margin:15px 0; line-height:1;}



.ffack{}

.fwidget h4{ font-size:16px; margin:6px 0 15px 0; color:#fff; }

.fweixin{ text-align:center;}

.footer address{ }
.footer address p{ padding:5px 0 15px; margin:0; clear:both; color:#fff;}

.footer address i{ width:20px; float:left; min-height:25px; vertical-align:bottom;font: normal normal normal 14px/20px FontAwesome; text-align:center; margin-right:5px; color:#2375af;}



 .footer form {

      

        display: block;

        padding: 5px 6px;

		margin-bottom:20px;

    }
	
	 .footer input[type="text"]  {
	 	border-bottom: 1px solid #fff;
		margin-bottom:10px;

    }



    .footer .text {

        float: none;

        width: 100%;

        background: 0;

        border: 0;

        color: #fff

    }



    .footer .text::-webkit-input-placeholder {

        color: #fff

    }



    .footer .text:-moz-placeholder {

        color: #fff

    }



    .footer .text::-moz-placeholder {

        color: #fff

    }



    .footer .text:-ms-input-placeholder {

        color: #fff

    }



    .footer .submit {

        width: 32%;

        background: #2375af;

        height: 28px;

        line-height: 28px;

        text-align: center;

        color: #fff;

        font-size: 14px;

        border: 0;

        border-radius: 2px

    }



.gotop{ position:fixed; right:10px; bottom:10%; width:50px; height:50px;}

.gotop a{ display:block; width:50px; height:50px; line-height:40px; border-radius:5px; background:#f2f2f2; text-align:center; font-size:24px; box-shadow:1px 1px 3px #555;}

.gotop a:hover{}



/* --------- page ---------*/



.tab-menu{ background:#80d100 url(../images/tabbg.jpg) repeat-x;  min-height:62px;}

.tab-menu ul,.tab-menu li{ margin:0; padding:0; list-style:none;}

.tab-menu li{ display:inline-block; margin:15px 20px 5px 0;}

.tab-menu li a{ display:block; color:#fff; padding:6px 20px; border-radius:15px; font-weight:bold;}

.tab-menu li.active a{ color:#80d100; background-color:#fff;}

.tab-menu li a:hover{ color:#80d100; background-color:#fff; }



.tab-content-catlist{ background:#cfd0d3;}

.tab-content-catlist .tab-pane{ padding:15px 0;}

.tab-content-catlist .tab-pane a{ margin:0 10px; white-space:nowrap;}



.page{ padding:50px 0;}



/*.form-control{ margin-bottom:20px;

    height: 42px;

    padding: 10px 15px;

	background-color: #f2f2f2;

	border: 1px solid #e0e0e0;

    border-radius: 0;

	box-shadow:none;

}



.contactInfo { position:relative;margin-bottom:30px; font-size:16px; padding:20px 0 40px;}

.contactInfo .welcome{ font-size:18px; border-bottom:1px solid #e0e0e0; padding-bottom:20px; margin-bottom:0;}

.contactInfo .col-md-4:nth-child(2){ border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;}

.contactInfo .ccion{ display:block; margin:10px 0; width:58px; height:52px; background:url(../images/red-icons.png) no-repeat 0 0;}

.contactInfo .ccion.contact-red01{ background-position:0 0;}

.contactInfo .ccion.contact-red02{ background-position:0 -52px; height:50px;}

.contactInfo .ccion.contact-red03{ background-position:0 -102px;}

.contactInfo .contactCol{ max-width:340px; margin:0 auto; padding-top:20px;}

.contactInfo .contactCol h3{ font-size:30px; color:#333; margin-bottom:25px;}

.contactInfo .contactCol strong{ color:#333; font-weight:normal;}

.contactInfo .contactCol p{ }*/

.product-form{ 

	
border-radius: 15px;
padding:10px;

}


.contact-form{ 

	border: 1px solid #225aa5;
border-radius: 15px;
padding:10px;

}

.contact-form a{
	color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}

.contact-form h3{
	text-align:center;
	padding-top:10px;
	padding-bottom:30px;
}



.form-control{ 
	margin-bottom:20px;
    height: 42px;
    padding: 10px 15px;
    border-bottom: 1px solid #e0e0e0;
    border-radius: 0;
	box-shadow:none;
}

.form-control:focus {

  border-bottom: 1px solid #e0e0e0;

  background-color:#fff;

}

.contactInfo{}

.contactInfo .contactCol{ position:relative; padding-left:45px; margin-top:30px; margin-bottom:30px;}

.contactInfo .contactCol .cicon{ position:absolute; top:0; left:0; width:36px; height:45px; background:url(../images/contactico.gif) no-repeat 0 0;}

.contactInfo .contactCol .cicon.cicon02{ background-position:0 -100px;}

.contactInfo .contactCol .cicon.cicon03{ background-position:0 -185px;}

.contactInfo .contactCol .cicon.cicon04{ background-position:0 -282px;}

.contactInfo .contactCol h4{ font-size:14px;}

.contactInfo .contactCol p{ }


.contactInfo-recmItem { position:relative; overflow:hidden; margin:30px 0 30px; }
.contactInfo-recmItem .outer-circle {
 margin-left:25%;
  width: 53px; /* 外圆的宽度 */
  height: 53px; /* 外圆的高度 */
  border-radius: 50%; /* 边框半径设置为50%，形成圆形 */
  background-color: #225aa5; /* 外圆的背景色 */
  display: flex;
  justify-content: center;
  align-items: center;
}

.contactInfo-recmItem .icon-wrapper {
  display: inline-block;
  border-radius: 50%; /* 使用半径制作圆形 */
  width: 50px; /* 根据需要设置尺寸 */
  height: 50px; /* 根据需要设置尺寸 */
  background-color: #fff; /* 外圆的背景色 */
  text-align: center;
  line-height: 50px; /* 使图标垂直居中 */
  position: relative;
}
 
.contactInfo-recmItem .icon-wrapper i {
  color: #225aa5; /* 图标颜色 */
  font-size: 24px; /* 图标大小 */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center; /* 使图标垂直居中 */
  justify-content: center; /* 使图标水平居中 */
}


.contactInfo-recmItem a{ display:block; width:100%; }
.contactInfo-recmItem .recm-txt{ bottom:0; left:20px; color:#000; z-index:2; width:75%;}
.contactInfo-recmItem .recm-txt h4{ }
.contactInfo-recmItem .recm-txt p{ line-height:28px; color:#111111; text-align:center;}
.contactInfo-recmItem .mask-gray{ position:absolute; top:50%; left:0; right:0; bottom:0; z-index:1; /*background: linear-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 70%);*/}



.contactMap{ margin-top:40px; margin-bottom:50px;}



.breadcrumb{ text-align:left; color:#646464; border-radius:0; padding:10px 0 15px; margin-bottom:10px;  background:none; border-bottom:1px solid #2375af; }

.breadcrumb .jiange{ padding:0 5px;}

.breadcrumb .current{ color:#2375af;}





/*.pageMenu{ border-bottom:1px solid #ddd; margin-bottom:30px;}

.pageMenu ul,.pageMenu li{ margin:0; padding:0; list-style:none;}

.pageMenu li{ float:left; margin-right:40px; }

.pageMenu li a{ padding:10px 2px; display:block; border-bottom:3px solid #fff; font-size:21px; color:#333; font-weight:bold;}

.pageMenu li a:hover{ color:#2375af;}

.pageMenu li.active a{border-bottom:3px solid #2375af;}

.pageMenu li.active a:hover{color:#333;}*/



.caseItem{ border-bottom:1px solid #ddd; padding:30px 0 40px;}

.caseItem .txt h3{ font-size:24px;}

.caseItem .txt .zhicheng{ font-size:16px; color:#808080; padding:10px 0 20px;}

.caseItem .txt .zhicheng span{ display:inline-block; margin-right:30px;}

.caseItem .txt .comment{ margin-bottom:30px;}

.caseItem .txt .more{ line-height:1; font-size:16px;}

.caseItem .txt .more i{ font-size:24px; color:#2375af; vertical-align:middle; margin-right:10px;}



.pageTitle{ font-size:19px;color:#101010; margin-bottom:20px; text-transform:uppercase; }



.postTitle{ font-size:38px; font-weight:bold; color:#333; text-align:center; margin-bottom:40px;}

.postTitle.left{ text-align:center;}

.postDate{ text-align:center; display:block; color:#808080; margin-top:-30px; margin-bottom:20px;}

.postShare{ margin-bottom:40px;}

.postShare a{ color:#999; font-size:20px; margin-right:20px;}

.postShare a:hover{color:#2375af;}

.postShare2{ margin-bottom:40px;}

.postShare2 a{ color:#fff; font-size:16px; margin-right:10px; padding:0 10px; background-color:#5f5f5f; border-radius:5px;}

.postShare2 a:hover{background-color:#2375af;}

.postBody{ padding-bottom:20px; font-size:16px; line-height:1.6; color:#646464;} 

.postBody p{ text-indent:32px;}

.postBody img{ display:inline-block; margin-bottom:15px; margin-left:-35px;}

.postMeta{ padding-bottom:50px;}

.about-img {  margin: 0 0 20px 20px;}
.entry { margin-bottom: 40px;}
.entry p, .ab-profile p { text-indent:2em; line-height:24px;}



.pageMenu{ font-size:16px; margin-bottom:50px;}

.pageMenu span.jiange{ padding:0 20px;}

.pageMenu a{ padding-bottom:5px; font-weight:bold; transition:none; margin-bottom:10px; display:inline-block; color:#646464;}

.pageMenu a.current,.pageMenu a:hover{ border-bottom:3px solid #2375af; color:#333;}



.feature{ text-align:center; margin-bottom:30px;}

.commentHeader{ font-size:21px; text-align:center; font-weight:bold; margin-bottom:20px;}

.commentHeader span.cm{ padding:0 3%;}

.commentBody{ font-size:16px; text-indent:32px; line-height:1.7; padding-bottom:40px;}



.toutiao{ margin-bottom:50px;}

.toutiao .pic{ max-width:540px;}

.toutiao .content{ padding:20px 0;}

.toutiao .content span.date{ display:block; margin-bottom:15px; font-size:16px;}

.toutiao .content h3{ font-size:24px; margin-bottom:30px; margin-top:0;} 

.toutiao .content .zhaiyao{ margin-bottom:25px; line-height:1.8}

.toutiao .content span.link{ font-size:16px; display:block;}

.toutiao .content span.link i{ font-size:28px; color:#2375af; margin-right:8px; vertical-align:middle;}



.newsDetail{ max-width:820px; margin:0 auto;}



.pageBody{ padding-bottom:20px; font-size:16px; line-height:1.6; color:#646464;} 







#prolist{ padding-bottom:40px;}



.proitem2{ max-width:275px; margin:10px auto 20px auto; text-align:center; overflow:hidden; border:1px solid #e8e8e8; background:#fff;}

.proitem2 .pic{ background:#f8fafa; height:265px; display:table; width:100%; text-align:center; vertical-align:middle; border-bottom:4px solid #2375af;}

.proitem2 .pic .inner{ display:table-cell; vertical-align:middle;}

.proitem2 .pic .inner img{max-width:100%; height:265px; }

.proitem2 .ttt{  height:70px; display:table; width:100%; text-align:center; vertical-align:middle;}

.proitem2 .ttt h3{ display:table-cell; vertical-align:middle;}

.proitem2 h3{ font-size:14px; font-weight:bold;}

.proitem2 a{ color:#555555}

.proitem2:hover{ box-shadow:0 4px 10px #ddd; }



.pages{ text-align:center; padding-top:30px;}

.pages a{ display:inline-block; padding:5px 10px;}

.pages a.current{ background-color:#2375af; color:#fff;}

.pages a i{ font-size:18px;}



.protit{ background:#80d100; color:#fff; border-bottom:2px solid #73bb00; font-size:16px; line-height:30px; padding:2px 25px; margin:0 0 20px 0;}

.probox{ background:#f0f0f0 url(../images/products-bg.jpg) no-repeat 0 0; margin-bottom:30px;}



.propic{ text-align:center; margin:40px 0;}

.proinfo{ margin:50px 0;}

.proinfo h1{ font-size:21px; font-weight:bold; color:#333; padding:15px 0;}

.vms{ font-size:16px;color:#333; line-height:1.8;}



.prodes{ background:#fff; padding:30px;}





#app-block{ line-height:1.8; margin-bottom:30px;}

#app-block .content h2{ color:#333; font-size:21px; font-weight:bold; margin:5% 0;}



.app-pro{ border:1px solid #e8e8e8; padding:15px; margin-top:20px; margin-bottom:20px;}

.app-pro .content { margin:0 auto; max-width:810px;}

.app-pro .content h2{ color:#333; font-size:21px; font-weight:bold; margin:2% 0;}

.app-pro .content .ms{ margin-bottom:20px; line-height:1.7}

.app-pro .content span.link{ display:block;}

.app-pro .content span.link a{ display:inline-block; padding:7px 20px; color:#fff; background:#2375af;}

.app-pro .content span.link a:hover{background:#009b4c;}





.proinfo{ margin-bottom:20px; margin-right:3%;}

.ptitle{ margin-top:0; font-size:32px; color:#0a8166; margin-bottom:30px;}

.shortDes{ padding:5px 0; font-size:16px; line-height:1.6}

.pshare{ font-size:18px; margin-top:15px;}



.picFocus{ position: relative; overflow: hidden; padding: 0 8px 8px 0; max-width:440px; margin:0 auto;}

.picFocus .bigImg{position: relative; margin:0; padding:0; margin-right: 15px; float:left; width:300px; }

.picFocus .bigImg li{position: relative;  margin:0; padding:0;list-style:none;}

.picFocus .bigImg li img{ vertical-align:middle;  margin: 0 auto; padding: 0;  height:300px; width:auto;}

.picFocus .smallScroll{ width: 102px;  float:left;}

.picFocus .sPrev,.picFocus .sNext{  display: block; width: 24px; line-height:25px; font-size:20px; color:#80d100; margin:0 auto;}

.picFocus .sPrev{}

.picFocus .sNext{}

.picFocus .sPrev:hover,.picFocus .sNext:hover{ color:#009b4c;}

.picFocus .smallImg{  overflow: hidden;height:240px; margin-top:10px; }

.picFocus .smallImg ul{ overflow: hidden; margin:0; padding:0; }

.picFocus .smallImg ul * {

    -moz-box-sizing: content-box;

    -webkit-box-sizing: content-box;

    -o-box-sizing: content-box;

    -ms-box-sizing: content-box;

    box-sizing: content-box;

}

.picFocus .smallImg li{  cursor:pointer; margin:0; padding:0; margin-bottom:15px; list-style:none; width:100px; height:65px; text-align:center;border: 1px solid #d9d9d9;}

.picFocus .smallImg img{  max-width:100%; max-height:100%; margin: 0; padding: 0;  }

.picFocus .smallImg .on img{ border-color: #fff; -moz-box-shadow: 3px 3px 5px #ebebeb;  -webkit-box-shadow: 3px 3px 5px #ebebeb; box-shadow: 3px 3px 5px #ebebeb;}



.jishu-table{ width:100%;}

.jishu-table th,.jishu-table td{ padding:7px 10px; border:1px solid #fff;}

.jishu-table th{ font-weight:normal; background-color:#d4d4d4;}

.jishu-table td{  background-color:#f4f4f4;}





.section-header {

    text-align: center;

    max-width: 900px;

    margin: 0 auto 40px;

}

.section-header h2 {



    font-size: 30px;

    font-weight: 600;

}



.container{ position:relative;}



#supportPage .xxcol .spimg{ padding:30px 0;}




   .ac-number {

        width: 100%;

        padding: 30px 0 35px;

        background: #fff;

		border-bottom:1px solid #e0e0e0;

    }

    .ac-number ul{ margin:0; padding:0;}

    .ac-number li {

        float: left;

		margin:0;

		padding:0;

		list-style:none;

        width:auto;

		display:inline-block;

		max-width:255px;

		margin-right:5%;

        text-align: center

    }

	.ac-number li:last-child{ margin-right:0;}



    .ac-number li h2 {

        font-size: 52px;

        color: #80d100;

        font-weight: bold;

        line-height: 59px;

		font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif

    }



    .ac-number li p {

        font-size: 16px;

        color: #666;

        line-height: 24px

    }



.media-col{ background-image:url(../images/about_media.jpg); background-repeat:no-repeat; background-position:center 0; background-size:cover; text-align:center; color:#fff;}

.media-col .inner{ padding:10% 0;}

.media-col .inner h2{ font-size:36px; font-weight:bold;}

.media-col .inner p{ font-size:30px; margin-bottom:8%; }

.media-col .inner .blink a{ display:inline-block; background-color:#2375af; color:#fff; padding:10px 30px; border-radius:30px; font-size:16px; margin:0 20px;}

.media-col .inner .blink a img{ vertical-align:middle;margin-right:5px;}



.about-we-item{ position:relative; margin:20px auto;}

.about-we-item h4{ position:absolute; bottom:0; left:0; right:0; font-size:19px; background: rgba(0,0,0,.5); margin:0; padding:20px 25px;}

.about-we-item a{ color:#fff;}



.about-left{ max-width:550px; line-height:1.7;}

.about-left p{ margin-bottom:20px}

.tsize30{ color:#333; font-size:30px; font-weight:bold; margin:20px 0;}

.tsize36{ color:#333; font-size:36px; margin:30px 0;}

.about-table td{ padding:8px 0; line-height:1.7}

.about-slide{ background:url(../images/about-green-shili.jpg) no-repeat center 0; height:400px;}

.about-slide .sitem{ text-align:center; color:#fff;}

.about-slide .sitem h3{ font-size:36px; margin:50px 0 50px; font-weight:bold;}

.about-slide .sitem strong{ display:block; font-size:100px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;}

.about-slide .sitem p{ font-size:18px; font-weight:bold;}

#about-footer{ text-align:center; padding-bottom:80px;}

#about-footer h2{ font-size:36px; font-weight:bold; color:#333; margin-bottom:20px;}

#about-footer p{ font-size:18px; color:#333; background:url(../images/green-dot.gif) no-repeat center bottom; padding-bottom:40px; margin-bottom:40px;}

#about-footer .link a{ display:inline-block; background-color:#2375af; color:#fff; padding:10px 40px; border-radius:30px; font-size:16px; margin:0 20px;}



.joinPage{background:url(../images/jindan.jpg) no-repeat left bottom; padding-bottom:80px;}

.joinitem{ margin-bottom:15px; min-height:150px;}

.joinitem.even{ text-align:right;}

.joinitem .jtit{ background:url(../images/Join_03.gif) no-repeat right bottom; display:inline-block; padding-right:70px; margin-bottom:20px;}

.joinitem .jtit h2{ background:url(../images/Join_06.gif) repeat-x right bottom; display:inline-block; margin-bottom:0; padding:15px 15px 25px 60px; padding-top:30px; padding-right:15px; position:relative; color:#356700; font-size:22px;}

.joinitem .jtit h2 .num{ position:absolute; top:0; left:5px; display:inline-block; background-color:#356700; font-size:54px; color:#fff; padding:5px 5px;}



.jlist,.jlist li{ margin:0; padding:0;}

.jlist li{ list-style:none; font-size:18px; padding:5px 0 5px 5px;}





.jlogo,.jlogo li{ margin:0; padding:0; display:inline-block; list-style:none;}

.jlogo li{ text-align:center;}

.jlogo li img{ width:115px; height:53px; border:1px solid #ddd; display:block;}



.sulution-header{ text-align:center; margin-bottom:50px;}

.sulution-header h1{ font-size:36px; color:#333; font-weight:bold; margin-bottom: 15px;}

.sulution-header p{ font-size:16px;}



.sulu-item{ margin:0 auto; margin-bottom:30px; max-width:380px;}

.sulu-item .pic{ position:relative; overflow:hidden; background:#000;}

.sulu-item .pic .mask{ position:absolute;bottom: -60px; left:0; width:100%; color:#fff; background:url(../images/case14_h.png) repeat-x left top; padding:30px 10px 0 10px; }

.sulu-item .pic .mask h2{ font-size:20px; margin-bottom:15px;}

.sulu-item .pic .mask p{ margin-bottom:20px;}

.sulu-item .pic .mask .more {

    width: 120px;

    height: 34px;

    text-align: center;

    line-height: 34px;

    background: #2375af;

    color: #fff;

    font-size: 14px;

    border-radius: 20px;

}

.sulu-item .pic:hover img{ transform:scale(1.1,1.1); opacity:0.8;}

.sulu-item .pic:hover .mask{ top:auto; bottom:0;}



#videopage .pic{ position:relative; background:#000; margin-bottom:20px; max-width:570px; }

#videopage .pic > div{ position:absolute; left:0; top:0; display:block;  text-align:center; width:100%; height:100%; cursor:pointer;}

#videopage .pic a{ color:#fff; font-size:54px; display:block; position:relative;top:50%;

-webkit-transform: translate(0,-50%);

  -moz-transform:translate(0,-50%);

  transform: translate(0,-50%);

  }

#videopage .pic a:hover{ color:#2375af;}

#videopage .pic img{ width:100%; height:auto;}

#videopage .pic:hover img{ opacity:0.75;}



 .video-ajax {

        position: fixed;

        top: 0;

        left: 0;

		right:0;

		bottom:0;

        z-index: 31;

        display: none;

        text-align: center

    }



    .video-ajax .bg {

        position: absolute;

        top: 0;

        left: 0;

        width: 100%;

        height: 100%;

        background: #000;

        z-index: 1;

        cursor: pointer;

        opacity: .5;

        filter: alpha(opacity=50)

    }



    .video-ajax .close {

        width: 25px;

        height: 25px;

        position: absolute;

        top: 0;

        right: -28px;

        opacity: 1;

        filter: alpha(opacity=100);

        display: block;

        z-index: 2;

        background: url(../images/odd01.png) no-repeat center;

        background-size: 100% 100%

    }



    .video-ajax .con {

        width: 780px;

        height: 438px;

        position: absolute;

        z-index: 2;

        top: 50%;

        left: 50%;

        margin-left: -390px;

        margin-top: -219px

    }



    .video-ajax .con video {

        width: 100%

    }



@media (min-width: 1200px){ 
	.container{ width:1200px;} .header .container,#carousel-index  .container{ width:1200px;} .caseItem .txt{ margin-left:10px;}
	
}

@media (max-width: 1199px) { .picc{ position:relative; width:100%; top:0; text-align:center;}}

@media ( min-width: 992px){

	#supportPage .xxcol {

    display: table;

    table-layout: fixed;

	width:100%;



}

#supportPage .half {

    width: 50%;

    display: table-cell;

    vertical-align: middle;

}

#supportPage .spinfo{ max-width:540px; margin:20px auto; line-height:1.8}



#supportPage .xxcol .spimg.right{ text-align:right;}



.tab-content-catlist .tab-pane a {

    margin: 0 10px;

    white-space: nowrap;

    display: inline-block;

    width: 18%;

    min-width: 200px;

}



	}

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

 #navbar{ width:calc(100% - 260px)}

	.main_menu li {

    margin-left: 0;

}

  .main_menu li a{padding:0 10px; font-size:14px;}



.nav-tabs-news > li{ width:50%; margin-bottom:10px;}

.nav-tabs-news > li > a{ line-height:40px; font-size:15px; margin-right:5px;}

.owl-prev{ left:-30px; }

.owl-next{  right:-30px; }

.log-four{  width:50%;}

}

@media (min-width: 992px) and  (max-width: 1199px){

	.log-four{  width:50%;}

	.main_menu li a{padding:0 5px; font-size:15px; } .main_menu {

    margin: 0 0 0 0;}	

	.main_menu li {

    margin-left: 0;

}

	.searchtop{  padding-bottom:20px; }

	.nav-tabs-news > li > a{ line-height:40px; font-size:15px; margin-right:5px;}

}

@media (max-width: 767px){

.topLanguage{ position:absolute; right:105px; top:15px; padding-bottom:15px; z-index:1;}

	.header{ height:auto;}

	.navbar-header{ position:relative; float:none; min-height:50px;}

	.navbar-brand{ margin-left:-15px;margin-top: 0;}

	.navbar {

		margin-top:0;

}



	#navbar {

    text-align: center;

    float: none;

    margin-top: 0;

	 width:100%;

}

	.main_menu {

    width: 100%;

	background-color: hsla(0,0%,100%,.95); 

	margin:0;

	height:auto;

}

.main_menu li {

    float: none;

    height: auto;

    position: relative;

    margin-left: 0;

	border-bottom:1px solid #ddd;

}

.main_menu li a {

    display: block;

    line-height: 2.5;

    padding: 0 15px;

    color: #333;

    float: none;

}

.main_menu li a:hover{ color:#2375af}

.main_menu li a i{ display:none;}



.main_menu .nav-sub{ display:none;}



.search-send{ width:40%;right: -54%;}

header .search-box {

    width: 50px;

    height: 50px;

    display: block;

    background: #b4b4b4 url(../images/head01.png) no-repeat center;

    position: relative;

    z-index: 3;

	position:absolute;

	top:0;

	right:70px;

}

.search-send.on {

    right: 105px;

}

#carousel-index,#carousel-about {

    margin-top: 50px;

}



.top{ margin-bottom:0;}

.tlink{ margin-right:5px; font-size:12px;}

.tlink a{ margin-right:5px;}

.contactForm form p{  padding-left:0;}

.contactForm form p.default label{ position:relative; }



.nav-tabs-news > li{ width:50%; margin-bottom:10px;}

.nav-tabs-news > li > a{ line-height:45px; font-size:16px; margin-right:5px;}



.owl-prev{ left:10px; }

.owl-next{  right:10px; }

#carousel-about .abtext h2 {

    font-size: 32px;

    margin: 0 5% 50px;

}

#carousel-about .blink a{ padding:10px 30px; border-radius:20px; font-size:16px; margin:0 20px;}

.ac-number li {

        float: left;



        width:50%;



		margin-right:0;

        text-align: center

    }

}

@media (max-width: 480px){

	.navbar-brand{ padding-left:0}

	.search-send{ width:60%;right: -84%;}

.fwidget{ float:none;}

.pageMenu {

    font-size: 14px;

}

.pageMenu span.jiange {

    padding: 0 10px;

}

#carousel-about .abtext h2 {

    font-size: 18px;

    margin: 0 3% 3%;

}

#carousel-about .blink a{ padding:10px 20px; border-radius:20px; font-size:14px; margin:0 3%;}

.newstable .focusImg{ float:none; max-width:none;}

.picFocus{ padding: 0; width:100%; margin:0 auto;}

.picFocus .bigImg{ width:calc(100% - 100px); }

.picFocus .smallScroll {

    width: 82px;

}

.picFocus .sPrev,.picFocus .sNext{  display: block; width: 24px; line-height:25px; font-size:20px; color:#80d100; margin:0 auto;}

.picFocus .sPrev{}

.picFocus .sNext{}

.picFocus .sPrev:hover,.picFocus .sNext:hover{ color:#009b4c;}

.picFocus .bigImg li img{ height:auto; width:auto;}

.picFocus .smallImg{  overflow: hidden;height:195px; margin-top:10px; }

.picFocus .smallImg ul{ overflow: hidden; }

.picFocus .smallImg ul * {

    -moz-box-sizing: content-box;

    -webkit-box-sizing: content-box;

    -o-box-sizing: content-box;

    -ms-box-sizing: content-box;

    box-sizing: content-box;

}

.picFocus .smallImg li{  cursor:pointer; margin-bottom:15px; list-style:none; width:80px; height:50px; text-align:center;border: 1px solid #d9d9d9;}

.picFocus .smallImg img{  max-width:100%; max-height:100%; margin: 0; padding: 0;  }

.picFocus .smallImg .on img{ border-color: #fff;}

.postTitle {

    font-size: 28px;

}

.tsize36{ font-size:28px;}

.jishu-table{ margin-left:-28px; font-size:12px;}

.jishu-table th,.jishu-table td{ padding:7px 2px;}

}

#carousel-moblie{ margin-top:50px;}
/*******/
.recmItem_about{ position:relative; overflow:hidden; margin:0 0 30px;}
.recmItem_about a{ display:block; width:100%;}
.recmItem_about a .recm-txt{ position:absolute; bottom:0; left:20px; color:#fff; z-index:2;}
.recmItem_about .mask-gray{ position:absolute; top:50%; left:0; right:0; bottom:0; z-index:1; /*background: linear-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 70%);*/}

.recmItem_about a:hover img{ transform:scale(1.1,1.1)}
.recmItem_about a .recm-txt{ position:absolute; bottom:-28px; left:20px; color:#fff; z-index:2;}
.recmItem_about a:hover .mask-gray{ top:0;}
.recmItem_about a:hover .recm-txt{bottom:5px;}

.homeabout { background:#eee;width:100%;height:auto; }
.about-txt{padding:0 30px 30px;}
.homeabout h4{text-align:center;  margin-top:30px;}
.homeabout .about-txt-c{line-height:24px;}
.homeabout p{  margin:0 auto; margin-top:24px; border:1px solid #000; width:30%;line-height:24px; text-align:center;}


/* 2020.7 新增*/

.hot-pro{ padding:20px 0;}
.recmItem{ position:relative; overflow:hidden; margin:0 0 30px;}
.recmItem-t{padding:0 10px 10px;}
.recmItem-t h4{text-align:center; }

 h4{}
.recmItem a{ display:block; width:100%;}
.recmItem a .recm-txt{ position:absolute; bottom:0; left:20px; color:#fff; z-index:2;}
.recmItem .mask-gray{ position:absolute; top:50%; left:0; right:0; bottom:0; z-index:1; /*background: linear-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 70%);*/}

.recmItem a:hover img{ transform:scale(1.1,1.1)}
.recmItem a .recm-txt{ position:absolute; bottom:-28px; left:20px; color:#fff; z-index:2;}
.recmItem a:hover .mask-gray{ top:0;}
.recmItem a:hover .recm-txt{bottom:5px;}


.video-header{ margin-bottom:20px;}
.video-header h2{    font-size: 30px;font-weight: 600; display:inline-block;}
.video-header span{ float:right; font-size:18px; margin-top:20px;}
.video-box{ position:relative; padding-top:calc(30/64 * 100%); overflow:hidden; margin-bottom:30px;}
.video-box video{ position:absolute; top:0; left:0; width:100%; z-index:0;}
.video-box .fix-video-txt{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); color:#fff; text-align:center; font-size:18px; width:100%}
.video-box .fix-video-txt h3{ position:relative; padding-bottom:20px; margin-bottom:30px; font-size:30px;}
.video-box .fix-video-txt h3:after{ position:absolute; content:""; left:50%; bottom:0; margin-left:-45px; width:90px; height:2px; background:#2375af;}
.video-box .fix-video-txt a{ display:inline-block; border:1px solid #fff; color:#fff; padding:8px 30px; margin:20px 0 ;}
.video-box .fix-video-txt a:hover{background:#2375af;}
 
 
 
 .hot-pro-choose{ padding:20px 0;}
.choose-recmItem { position:relative; overflow:hidden; margin:0 0 30px; }


.outer-circle {

  width: 53px; /* 外圆的宽度 */
  height: 53px; /* 外圆的高度 */
  border-radius: 50%; /* 边框半径设置为50%，形成圆形 */
  background-color: #225aa5; /* 外圆的背景色 */
  display: flex;
  justify-content: center;
  align-items: center;
}

.icon-wrapper {
  display: inline-block;
  border-radius: 50%; /* 使用半径制作圆形 */
  width: 50px; /* 根据需要设置尺寸 */
  height: 50px; /* 根据需要设置尺寸 */
  background-color: #fff; /* 外圆的背景色 */
  text-align: center;
  line-height: 50px; /* 使图标垂直居中 */
  position: relative;
}
 
.icon-wrapper i {
  color: #225aa5; /* 图标颜色 */
  font-size: 24px; /* 图标大小 */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center; /* 使图标垂直居中 */
  justify-content: center; /* 使图标水平居中 */
}


.choose-recmItem a{ display:block; width:100%; }
.choose-recmItem .recm-txt{ bottom:0; left:20px; color:#000; z-index:2; width:75%;}
.choose-recmItem .recm-txt h4{ }
.choose-recmItem .recm-txt p{ line-height:28px; color:#111111;}
.choose-recmItem .mask-gray{ position:absolute; top:50%; left:0; right:0; bottom:0; z-index:1; /*background: linear-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 70%);*/}




 #carousel-news{ padding-bottom:60px;}
#carousel-news .item h4{ position:absolute; top:50%; left:0; width:100%; text-align:center; transform:translate(0,-50%); color:#fff; font-size:24px;}
#carousel-news .carousel-indicators {
   bottom:10px;
}
#carousel-news .carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    text-indent:0;
    border: 0 solid #ffffff;
    border-radius: 5px;
    cursor: pointer;
    background-color:#999;
	text-align:center;
}
#carousel-news .carousel-indicators .active {
    width: 30px;
    height: 10px;
    margin: 0 5px;
    background-color: #333;
}
.newsline{ margin-bottom:18px; margin-top:20px;}
.newsline h4{ font-size:18px; margin-bottom:6px;}
.newsline.big h4{ font-size:28px; font-weight:bold;}
.newsline .news-date{ color:#888; display:block; margin-bottom:12px;}
.news-pic{ padding-top:calc(5/8 *100%); position:relative; overflow:hidden; margin:20px auto;}
.news-pic img{ position:absolute; top:0; left:50%; height:100%; width:auto !important; max-width:none; transform:translate(-50%,0)}
.news-section{ padding-bottom:50px;}



/******产品列表************/

.product-list-l{
	float:left;
	margin-left:-30px;
	padding-left:-25px;
}
.product-list-l h4{
	padding:10px;
	text-align:center;

}

.menu_list{
	margin:10px auto;
	width:240px;
	}
.menu_head{
	width:240px;
	height:47px;
	line-height:47px;
	padding-left:10px;font-size:16px;color:#525252;cursor:pointer;border-bottom:1px solid #e1e1e1;position:relative;background:#ffffff url(/images/pro_left.png) center right no-repeat;margin:0;}
.menu_list .current{background:#ffffff url(/images/pro_down.png) center right no-repeat;}
.menu_body{width:240px;height:auto;overflow:hidden;line-height:38px;backguound:#fff;}
.menu_body a{display:block;width:223px;height:38px;line-height:38px;padding-left:18px;color:#777777;background:#fff;text-decoration:none;}
.menu_body a:hover{text-decoration:none;}

.product-list-r h4{
	width:20%;
	text-align:left;
}
.product-list-r ul{

	width:100%;
	float:left;	
	padding-top:20px;
 list-style-type: none;
}
.product-list-r ul li{
	list-style-type: none;
	float:left;
	margin-left:0px;
  padding-bottom:10px;

}
.product-list-cc{
	background:#fff;
	border:1px solid #e1e1e1;
	overflow:hidden;
	padding:4px;
	
}

.product-list-cc img{
	width:100%;
	height:100%;
	max-width:285px;
	max-height:285px;
	
}
.product-list-cc h6{
	margin-top:10px;
	padding-top:5px;
	padding-bottom:5px;
}
.product-list-cc .visually-hidden{
	font-size:12px;
}
.product-list-cc .btn-group{
	background:#e9edf0;
	width:100%;
	
}
.product-list-cc .btn-group button{
	border:1px solid #e1e1e1;
	
}



/*************/
.exzoom {
	overflow:hidden;
	max-width:540px;
	box-sizing: border-box;
}
.exzoom * {
	box-sizing: border-box;
}
.exzoom .exzoom_img_box {
	background: #eee;
	position: relative;
}
.exzoom .exzoom_img_box .exzoom_main_img {
	display: block;
	width: 100%;
}
.exzoom .exzoom_preview {
	margin: 0;
	position: absolute;
	top: 0;
	overflow: hidden;
	z-index: 999;
	background-color: #fff;
	border: 1px solid #ddd;
	display: none;
}
.exzoom .exzoom_preview .exzoom_preview_img {
	position: relative;
	max-width: initial !important;
	max-height: initial !important;
	left: 0;
	top: 0;
}
.exzoom .exzoom_nav {
	margin-top: 10px;
	overflow: hidden;
	position: relative;
	left: 15px;
}
.exzoom .exzoom_nav .exzoom_nav_inner {
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
}
.exzoom .exzoom_nav .exzoom_nav_inner span {
	border: 1px solid #ddd;
	overflow: hidden;
	position: relative;
	float: left;
}
.exzoom .exzoom_nav .exzoom_nav_inner span.current {
	border: 1px solid #f60;
}
.exzoom .exzoom_nav .exzoom_nav_inner span img {
	max-width: 100%;
	max-height: 100%;
	position: relative;
}
.exzoom .exzoom_btn {
	position: relative;
	margin: 0;
}
.exzoom .exzoom_btn a {
	display: block;
	width: 15px;
	border: 1px solid #ddd;
	height: 60px;
	line-height: 60px;
	background: #eee;
	text-align: center;
	font-size: 18px;
	position: absolute;
	left: 0;
	top: -62px;
	text-decoration: none;
	color: #999;
}
.exzoom .exzoom_btn a:hover {
	background: #f60;
	color: #fff;
}
.exzoom .exzoom_btn a.exzoom_next_btn {
	left: auto;
	right: 0;
}
.exzoom .exzoom_zoom {
	position: absolute;
	left: 0;
	top: 0;
	display: none;
	z-index: 5;
	cursor: pointer;
}

@media screen and (max-width: 768px) {
.exzoom .exzoom_zoom_outer {
	display: none;
}
}
.exzoom .exzoom_img_ul_outer {
	border: 1px solid #ddd;
	position: absolute;
	overflow: hidden;
}
.exzoom .exzoom_img_ul_outer .exzoom_img_ul {
	padding: 0;
	margin: 0;
	overflow: hidden;
	position: absolute;
}
.exzoom .exzoom_img_ul_outer .exzoom_img_ul li {
	list-style: none;
	display: inline-block;
	text-align: center;
	float: left;
}
.exzoom .exzoom_img_ul_outer .exzoom_img_ul li img {
	width: 100%;
}

/*************/

.page-pro-show{
	overflow:hidden;
	float:left;
	margin-top:40px;
}
.page-pro-r{
	margin-top:0px;
}
.page-pro-r h4{
	text-align:left;
	width:100%;
}
.page-pro-r-t{
	margin-top:10px;
	line-height:28px;
}
.page-pro-r a{
	margin-top:30px;
	text-align:center;
	float:left;
	bottom:0;
	 border-radius: 5px; 
	 padding:5px 30px 5px 30px;
	border:1px solid #164194;
	 border-radius: 15px; 
	 color:#164194;
}

.page-pro-s{
	margin-top:30px;
	padding-bottom:20px;
}
.page-pro-s-t{
	
	line-height:40px;
	font-size:18px;
	height:35px;
	color:#fff;
	background:url('/images/page-pro-s-bg-a.png') no-repeat #e2e2e2;
}

.page-pro-s a{
	
	margin-top:20px;
	background:#efefef;
	border-radius: 5px;
	padding:5px 10px 5px 10px;
}

.page-pro-s .btn-block{
	
	color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}


.page-pro-xg{
	margin-top:20px;
	margin-bottom:40px;
}
.page-pro-xg a{
	float:left;
	width:auto;
	overflow:hidden;
	margin:5px 10px 10px 0;
	border-radius: 15px;
	padding:5px 10px 5px 10px;
	border:1px solid #ccc;
}

.inquiry-list ul li{
	overflow:hidden;
	border:1px solid #ccc;
	width:100%;
	padding-top:5px;
	padding-bottom:5px;
	line-height:30px;
}
.inquiry-list ul li div{
	text-align:center;	
}


.page-about-t{
	margin-top:80px;
}

.page-about{
	height:88px;
	padding-top:50px;
	margin-bottom:10px;
}
.page-about span img{
	position: absolute;
	bottom: -10px;
	left: 0px;
}
.page-about h1 p {
	padding-left:30px;
	position: relative;
	font-family: 'Poppins-Regular', sans-serif;
}

.page-about-cc{
	width:90%;
	padding-top:50px;
}

.page-advant-bg{
	width:100%;
	margin-top:20px;
	margin-bottom:20px;
	background:#000;
	overflow:hidden;
}
.page-advant{
	color:#fff;
	float:left;
	overflow:hidden;
	margin-top:50px;
	margin-bottom:50px;
}
.page-advant h5{
	float:left;
	line-height:48px;
}
.page-advant h6{
	width:100%;
	float:left;
	margin-top:20px;
}
.page-advant-list ul{
	width:107%;
	margin-left:-5%;
	background:#ff0000;
}
.page-advant-list ul li{
	width:30.3%;
	margin-right:3%;
}
.page-advant-list img{
	width:100%;
	max-width:400px;
}



.home-pro-list{
	
	text-align:center;	
}
.home-pro-list h5{
	margin-top:5px;
}
.home-pro-list img{
	width:99%;
}

.home-viem-more{
	height:88px;
	padding-top:50px;
	margin-bottom:60px;
}
.home-viem-more-a{
	padding:20px;
	text-align:center;
	line-height:60px;
	background:#164194;	
}
.home-viem-more-a a{
	color:#fff;
}



.carousel {
  position: relative;
}

.carousel.pointer-event {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.carousel-inner {
  position: relative;
  width: 100%;
  height:auto;
  overflow: hidden;
}

.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: -webkit-transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}

.carousel-item-next:not(.carousel-item-left),
.active.carousel-item-right {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.carousel-item-prev:not(.carousel-item-right),
.active.carousel-item-left {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  -webkit-transform: none;
  transform: none;
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
  z-index: 1;
  opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s 0.6s;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-left,
  .carousel-fade .active.carousel-item-right {
    transition: none;
  }
}

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 15%;
  padding: 0;
  color: #fff;
  text-align: center;
  background: none;
  border: 0;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-control-prev,
  .carousel-control-next {
    transition: none;
  }
}

.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}

.carousel-control-prev {
  left: 0;
}

.carousel-control-next {
  right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: 50% / 100% 100% no-repeat;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}

.carousel-indicators li {
  box-sizing: content-box;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 30px;
  height: 10px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: .5;
  transition: opacity 0.6s ease;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-indicators li {
    transition: none;
  }
}

.carousel-indicators .active {
  opacity: 1;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
}

@-webkit-keyframes spinner-border {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spinner-border {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.spinner-border {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: -0.125em;
  border: 0.25em solid currentcolor;
  border-right-color: transparent;
  border-radius: 50%;
  -webkit-animation: .75s linear infinite spinner-border;
  animation: .75s linear infinite spinner-border;
}

.spinner-border-sm {
  width: 1rem;
  height: 1rem;
  border-width: 0.2em;
}

@-webkit-keyframes spinner-grow {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes spinner-grow {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}