@charset "utf-8";



/* 注意：以下长度用em换算，1em=10px。特别注意文字大小，父子层级会继承，所以不要在div中定义字体大小，只能用span修改字体。

------------------------------------------------------------------------------------------------------ */



/* 全局样式

-------------------------------------------------------------- */
@font-face{ font-family:myFont; src:url('../fonts/SOURCEHANSANSCN-LIGHT.OTF') format('truetype'); }
html,body,a,p,span,ul,img{ padding:0; margin:0; list-style:none; border:none; font-size:14px; font-family:myFont,"Microsoft YaHei","Arial"; color:#333;}

p{line-height:25px;}

img{ border:none; vertical-align:middle;}

td{ vertical-align:center; font-size:14px;}



*{margin:0;padding:0;}

body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,img{border:medium none;margin:0;padding:0;}

body,button,input,select,textarea{outline:none;}

.body{background:#fff;}

.nbody{background:#efefef;}

ul,ol,li{list-style:none;}



img{border:0px;}

table,table tr,table td{border:solid 1px #777777; }

html,body{height:auto;margin:0 auto;}

.hide{display:none;}

.clear{clear:both;}

input,textarea{

	font-family:"Microsoft YaHei","Arial";

	}

h1,h2,h3,h4,h5,h6 { font-weight: bold; }



h1 { font-size: 3em; line-height: 1; margin:0; padding:0;}

h2 { font-size: 2em;  margin:0; padding:0;}

h3 { font-size: 1.5em; line-height: 1;  margin:0; padding:0;}

h4 { font-size: 1.2em; line-height: 1.25; margin:0; padding:0;}

h5 { font-size: 1em;  margin:0; padding:0;}

h6 { font-size: 1em; }

body{background:#fff;}

/* 页面基本元素

-------------------------------------------------------------- */



/* 链接样式 */

a {text-decoration:none;}

a:visited {text-decoration:none;}

a:hover {text-decoration:none;}



/* 常用元素 */

.clear { clear:both; font-size:1px; line-height:0px; height:0px; }



/* 层浮动 */

.left { float: left; }

.right{ float: right; }

.center { margin: 0 auto; }



/* 文字对齐 */

.tleft { text-align:left; }

.tright { text-align:right; }

.tcenter {text-align:center; }



img{

	webkit-transition: -webkit-transform .75s cubic-bezier(.19, 1, .22, 1);

    transition: -webkit-transform .75s cubic-bezier(.19, 1, .22, 1);

    transition: transform .75s cubic-bezier(.19, 1, .22, 1);

    transition: transform .75s cubic-bezier(.19, 1, .22, 1), -webkit-transform .75s cubic-bezier(.19, 1, .22, 1);

	}

/* top

-------------------------------------------------------------- */

.header{
	width:100%;
	z-index: 9999;
	top:0;
	background:#fff;
	border-bottom:1px solid #c5d6f0;
}

.headernr{
	width:1400px;
	margin:auto;
}
.logo{
	overflow:hidden;
	padding-top:15px;
	padding-left:10px;
}
.headersmall .header{
	height: 60px;
}
.headersmall .logo{
	padding-top: 5px;
}
.headersmall .logo img{
	height: 50px;
}
.headersmall .nav .menu > li{
	line-height: 60px;
}
.headersmall .banner_n,
.headersmall #wrapper{
	margin-top: 60px;
}
.headersmall .menu_erji{
	top: 60px;
}
/* 二级导航 */
.menu_erji{ display:none;padding:30px 0;position:absolute;width:100%;left:0;right:0;background: #40c28f;top:114px;text-align:left;
	z-index: 999;
}
.menu_erji_l{width: 30%;float: left;margin-left:1.5%;}
.menu_erji_name{font-size: 30px;color: #fff; line-height:50px;}
.menu_erji_js{color: #fff;line-height: 24px;margin-top: 14px;}
.menu_erji_l a{width: 130px;height: 38px;text-align: center;line-height: 38px;margin-top: 20px;display:block;border: 1px solid #fff;color: #fff;transition:all 0.8s ease;}
.menu_erji_l a:hover{background:#fff;color:#40c28f !important;}
.menu_erji_r{width: 55%;float: right;}
.menu_sub{float:left;width:50%;}
.menu_erji_img{float:right;width:45%;overflow:hidden;}
.menu_erji_img img{max-width:100%;transition:all 0.8s ease;}
.menu_erji_img img:hover{transform: scale(1.2);}
.menu_sub li{width:40%;padding-left:10%;float:left;}
.menu_sub li a{font-size:15px;line-height:36px;color:#fff;transition:all 0.8s ease;}
.menu_sub li a:hover{color:#666;}
.menu_li:hover{background:#64b0f4;}
.menu_li:hover span a{color:#fff;}
.menu_li:hover .menu_erji{display:block;}
.nav{
	margin-right:0px;
}

.menu, .menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.nav .menu > li{
	float:left;
	text-align:center;
	padding:46px 22px;
}
.nav .menu > li  a{
	color:#000;
	font-size:16px;
	display:block;
	position:relative;
	
}
.nav .menu > li:hover,
.nav .menu > li.current{
	background:#40c28f;
}
.nav .menu > li:hover a{
	color:#fff;
}
.nav .menu > li.current a{
	color:#fff;
}
.nav .menu > li .submenu{
	width:100%;
	left:0%;
}
.nav .menu > li:nth-child(3) .submenu{
	width:140%;
	left:-20%;
}
.nav .menu > li .submenu li{

	width:100%;

	height:40px;

	line-height:40px;

	background:#40c28f;

	text-align:center;

	border-bottom:solid 1px #fff;

}
.nav .menu > li .submenu li:last-child{
	border:none;
}
.nav .menu > li .submenu li a{

	display:block;

	color:#fff;

	font-size:14px;

}

.nav .menu > li .submenu li:hover{

	background:#0b61e5;

}
.mobile-header{
	display:none;
}
#menu span {
    width: 1.875rem;
    height: 0.1875rem;
    background-color: #f08519;
    margin: 0 auto 0.4375rem;
    display: block;
    line-height: 1;
    transition: all 0.5s;
}
#menu{
	width: 3.5rem;
	height: 3.5rem;
	display: block;
	position: absolute;
	right: 0rem;
	top: 25px;
	text-align: center;
	line-height: 3.5rem;
	z-index: 5;
	padding-top: 1rem;
	transition: all 0.5s;
	opacity: 1;
}
#menu.active{
	opacity: 0;
}
#menu span{
	width: 2rem;
	height: 2px;
	background-color: #40c28f;
	margin: 0 auto 6px;
	display: block;
	line-height: 1;
	transition: all 0.5s;
}
#menu:hover span{
	background-color:#40c28f;
}
#menu span:last-child{
	margin-bottom: 0;
}
/*sidenav*/
#sidenav{
	text-align: center;
	position: fixed;
	right: -30rem;
	top: 0;
	width: 15rem;
	height: 100%;
	background-color: rgba(0,0,0,0.8);
	z-index:9999;
	padding: 0 ;
	transition: all 0.5s;
}
#sidenav.active{
	right: 0;
}
#sidenav .nav-close{
	width: 20px;
	height:20px;
	display: block;
	transition: all 0.5s;
	font-size:24px;
	line-height:20px;
}
#sidenav .nav-close:before {
    content: "\00d7";
    color: #fff;
}
#sidenav .nav-close span{
	color:#fff;
}
#sidenav .nav-close:hover{
	transform: rotate(180deg);
}
#sidenav .nav-close:hover span{
	background-color: #ffe700;
}
#sidenav .nav-close span:nth-child(1){
	transform: rotate(45deg);
}
#sidenav .close span:nth-child(2){
	transform: rotate(-45deg);
}
#sidenav ul li {
    padding: 15px 0;
    border-bottom: 1px solid #666;
}
#sidenav ul li a {
    color: #fff;
    font-size: 16px;
}
#sidenav ul li a:hover{
	color:#40c28f;
}
.cont{
	width:1400px;
	overflow:hidden;
	margin:auto;
}
.cont1{
	width:1200px;
	height:auto;
	margin:auto;
	}

/* banner

-------------------------------------------------------------- */
#wrapper {
	position:relative;
}

#wrapper a {
	text-decoration:none;
	-webkit-transition:color 0.2s linear;
    -moz-transition:color 0.2s linear;
    -o-transition:color 0.2s linear;
    transition:color 0.2s linear;
}

#wrapper a:focus ,#wrapper a:link,#wrapper a:active {
	outline:none;
}

#wrapper a:hover {
	color:#444;
}
.fullwidthbanner-container{

	width:100% !important;

	position:relative;

	padding:0;

	max-height:794px !important;

	overflow:hidden;

}



.fullwidthbanner-container .fullwidthbanner	{

	width:100% !important;

	max-height:794px !important;

	position:relative;

}



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

	  .banner, .bannercontainer			{	width:768px; height:309px;}

}



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

	   .banner, .bannercontainer		{	width:480px; height:193px;	}

}



@media only screen and (min-width: 320px) and (max-width: 479px) {

		.banner, .bannercontainer		{	width:320px;height:129px;	}

}



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

		.banner, .bannercontainer		{	width:240px;height:97px;	}

}



.tp-bullets.simplebullets.round .bullet:hover,
.tp-bullets.simplebullets.round .bullet.selected,
.tp-bullets.simplebullets.navbar .bullet:hover,
.tp-bullets.simplebullets.navbar .bullet.selected {	
	background:#64b0f4;
	border:1px solid #64b0f4;
}

.tp-leftarrow:hover,
.tp-rightarrow:hover {	
	background:#64b0f4;
	border:1px solid #64b0f4;
 }

/** BULLETS **/

.tp-bullets {
    z-index: 1001;
    position: absolute;
    bottom: 0px;
}



.tp-bullets.simplebullets.round .bullet {

    cursor: pointer;

    position: relative;
	background:#fff;
	border:1px solid #1e7ac9;
    width: 13px;
    height: 13px;
	border-radius:16px;
	margin:0 10px 20px 10px;
    float: left;

    -webkit-transition: background 0.1s linear;

    -moz-transition: color, background 0.1s linear;

    -o-transition: color, background 0.1s linear;

    transition: color, background 0.1s linear;

}







.tp-bullets.tp-thumbs {

    z-index: 100;

    position: absolute;

    padding: 3px;

    background-color: #fff;

    width: 500px;

    height: 50px;

    margin-top: -50px;

}



.fullwidthbanner-container .tp-thumbs {

    padding: 3px;

}



.tp-bullets.tp-thumbs .tp-mask {

    width: 500px;

    height: 50px;

    overflow: hidden;

    position: relative;

}



.tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer {

    width: 5000px;

    position: absolute;

}



.tp-bullets.tp-thumbs .bullet {

    width: 100px;

    height: 50px;

    cursor: pointer;

    overflow: hidden;

    background: none;

    margin: 0;

    float: left;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

	/*filter: alpha(opacity=50);	*/

    -moz-opacity: 0.5;

    -khtml-opacity: 0.5;

    opacity: 0.5;

    -webkit-transition: all 0.2s ease-out;

    -moz-transition: all 0.2s ease-out;

    -o-transition: all 0.2s ease-out;

    -ms-transition: all 0.2s ease-out;

}



.tp-bullets.tp-thumbs .bullet:hover,

.tp-bullets.tp-thumbs .bullet.selected {

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    -moz-opacity: 1;

    -khtml-opacity: 1;

    opacity: 1;

}



.tp-thumbs img {

    width: 100%;

}



.tp-bannertimer {

    width: 100%;

    height: 10px;

    position: absolute;

    z-index: 200;

    z-index: 5000;

}



.tp-bannertimer.tp-bottom {

    bottom: 0px !important;

    height: 5px;

}





@media only screen and (min-width: 768px) and (max-width: 959px) {;

}



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

    .responsive .tp-bullets.tp-thumbs {

        width: 300px !important;

        height: 30px !important;

    }



    .responsive .tp-bullets.tp-thumbs .tp-mask {

        width: 300px !important;

        height: 30px !important;

    }



    .responsive .tp-bullets.tp-thumbs .bullet {

        width: 60px !important;

        height: 30px !important;

    }

}



@media only screen and (min-width: 0px) and (max-width: 479px) {

    .responsive .tp-bullets {

        display: none;

    }



    .responsive .tparrows {

        display: none;

    }

}





.tp-simpleresponsive img {

    -moz-user-select: none;

    -khtml-user-select: none;

    -webkit-user-select: none;

    -o-user-select: none;

}



.tp-simpleresponsive a {

    text-decoration: none;

}



.tp-simpleresponsive ul {

    list-style: none;

    padding: 0;

    margin: 0;

}



.tp-simpleresponsive >ul >li {

    list-stye: none;

    position: absolute;

    visibility: hidden;

}



.caption.slidelink a div,

.tp-caption.slidelink a div {

    width: 10000px;

    height: 10000px;

}



.tp-loader {


}
.tel{
	border-left:1px solid #d0d0d0;
	height:100px;
	padding-left:30px;
}
.tel p{
	color:#858585;
	font-size:16px;
	margin-top:20px;
	line-height:30px;
}
.tel p span{
	color:#000;
	font-size:24px;
}
/* tit

-------------------------------------------------------------- */
.tit{
	width:100%;
	height:auto;
	padding:40px 0;
}
.tit h3{
	width:100%;
	overflow:hidden;
	text-align:center;
	line-height:50px;
	margin-bottom:10px;
}
.tit h3 a{
	font-size:36px;
	color:#333;
	font-weight:normal;
}
.tit p{
	width:100%;
	height:auto;
	text-align:center;
	color:#333;
	font-size:16px;
}
.tit h4{
	text-align:center;
	margin-top:20px;
}
.tit h4 span{
	position:relative;
	text-align:center;
	color:#494949;
	font-weight:normal;
	font-size:24px;
	text-align:center;
}
.tit h4 span::after,
.tit h4 span::before{
	position:absolute;
	background:#ff0000;
	content:"";
	height:1px;
	width:50px;
}
.tit h4 span::after{
	left:-80px;
	top:15px;
}
.tit h4 span::before{
	right:-80px;
	top:15px;
}
/* nav-button

-------------------------------------------------------------- */
.nav-button {
	position:absolute;
	right:0px;
	top:0;
	min-width: 80px;
	height:115px;
	display:none;
	z-index:1;
	transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	-o-transition:.3s;
}
.nav-button:before {
	display:block;
	content:'';
	border-width:0 0 60px 27px;
	position:absolute;
	right:0;
	bottom:0;
	width:130px;
	transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	-o-transition:.3s;
}
.nav-button form {
	color:#333;
	display:block;
	height:115px;
	overflow:hidden;
	font-size:15px;
}
.nav-button form i {
	float:left;
	position:relative;
	margin-top:40px;
	width:80px;
	height:29px;
	cursor:pointer;
	background:url(../images/search.png) no-repeat center center;
}
.nav-button form input.text {
	float:left;
	border:none;
	background:none;
	padding:0 6px;
	font-size:15px;
	height:115px;
	line-height:115px;
	transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	-o-transition:.3s;
	color:#ffffff;
	position:relative;
	z-index:1;
	outline:none;
	width:0;
	opacity:0;
	background:#40c28f
}
.nav-button form input.text::-webkit-input-placeholder {
	color:#ffffff;
	opacity:.45;
}
.nav-button form input.text:-moz-placeholder {
	color:#ffffff;
	opacity:.45;
}
.nav-button form input.text::-moz-placeholder {
	color:#ffffff;
	opacity:.45;
}
.nav-button form input.text:-ms-input-placeholder {
	color:#ffffff;
	opacity:.45;
}
.nav-button form input.submit {
	display:none !important;
}
.nav-button:focus:before,.nav-button:hover:before {
	border-width:0 0 60px 13px;
	opacity:.95;
	width:232px;
	
}
.nav-button:hover form {
	}.nav-button:focus form input.text,.nav-button:hover form input.text {
	width:140px;
	opacity:1;
}
.nav-button:hover form i:before {
	}.nav-button:hover form i:after {
	}.nav-button:focus form b,.nav-button:hover form b {
	width:0;
	opacity:0;
}

/* about
-------------------------------------------------------------- */
.about{
	background:url(../images/index01.jpg) no-repeat top center;
	background-size:cover;
}
.aboutcon{
	width:80%;
	margin:60px auto;
	border:11px solid #00428f;
	position:relative;
}
.aboutdiv{
	padding:45px 0 40px 50px;
	width:55%;
}
.aboutimg{
	position:absolute;
	right:-90px;
	top:100px;
}
.aboutdiv h3{
	line-height:40px;
}
.aboutdiv h3 a{
	border-bottom:2px solid #e2e6eb;
	font-size:24px;
	color:#00428f;
	padding-bottom:5px;
}
.aboutdiv h4{
	color:#2f2e2e;
	font-size:20px;
	position:relative;
	line-height:40px;
	margin-bottom:10px;
}
.aboutdiv h4::after{
	position:absolute;
	left:0;
	bottom:0;
	height:2px;
	width:34px;
	content:"";
	background:#00428f;
}
.aboutdiv p{
	color:#666;
	line-height:30px;
	font-size:16px;
}
.aboutmore a{
	background:url(../images/index03.jpg) no-repeat right top #0b61e5;
	width:130px;
	height:30px;
	line-height:30px;
	color:#fff;
	display:block;
	font-size:16px;
	padding-left:30px;
	margin-top:10px;
}
.aboutdiv h5{
	color:#476ea2;
	text-align:right;
	font-size:20px;
	font-weight:normal;
	margin:60px 0 10px 0;
}
.aboutdiv h6{
	line-height:40px;
	margin-bottom:10px;
}
.aboutdiv h6 a{
	border-bottom:2px solid #00428f;
	font-size:20px;
	color:#00428f;
	padding-bottom:5px;
}
/* pro
-------------------------------------------------------------- */
.pro{
	padding:10px 0 80px 0;
}
.profeature{
	text-align:center;
	margin-bottom:20px;
}
.profeature a{
	display:inline-block;
	padding:0 20px;
}
.profeature span{
	width:87px;
	height:87px;
	display:block;
}
.profeature p{
	font-size:16px;
	text-align:center;
	line-height:30px;
	margin-top:10px;
}
.profeature1 span{
	background:url(../images/pro01.jpg) no-repeat;
}
.profeature2 span{
	background:url(../images/pro02.jpg) no-repeat;
}
.profeature3 span{
	background:url(../images/pro03.jpg) no-repeat;
}
.profeature4 span{
	background:url(../images/pro04.jpg) no-repeat;
}
.profeature5 span{
	background:url(../images/pro05.jpg) no-repeat;
}
.profeature6 span{
	background:url(../images/pro06.jpg) no-repeat;
}
.profeature7 span{
	background:url(../images/pro07.jpg) no-repeat;
}
.pro-container{
	position:relative;
}
.prolist{
	background:#fff;
	border:2px solid #e0e0e0;
	padding:12px;
}
.pro-container .prolist .proimg img{ width:100% !important; height:auto !important;}
.prolist .proimg{
	overflow:hidden; 
	background:#fff; 
	position: relative;
    height: 310px;
    display: block;
}
.prolist .proimg img{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    transition: all .5s ease;
}
.prolist:hover img{
	transform:translate(-50%, -50%) scale(1.2);
}
.prolist .protit{
	padding:0 10px 0 20px;
}
.prolist .protit h3{
	font-size:24px;
	line-height:50px;
	margin-bottom:30px;
	font-weight:normal;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	margin-top:30px;

}
.prolist .protit p {
    color: #565656;
    font-size: 20px;
    line-height: 35px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	margin-bottom:20px;
}
.prolist .protit h4{
	background:#0b61e5;
	font-weight:normal;
	text-align:center;
	font-size:24px;
	line-height:50px;
	color:#fff;
}
.prolist .protit h5{
	color:#575757;
	line-height:40px;
	text-align:center;
	font-size:16px;
	font-weight:normal;
	margin-top:20px;
}
/*advantage*/
.advantage{
	background:url(../images/index04.jpg) no-repeat top center;
	background-size:cover;
	padding:0 0 50px 0;
}
.advantageimg{
	position:relative;
	margin-bottom:20px;
	border:6px solid #0b62e5;
	overflow:hidden;
}
.advantageimg p{
	position:absolute;
	left:0;
	bottom:0;
	background:rgba(0,0,0,0.52);
	color:#fff;
	font-size:34px;
	line-height:60px;
	text-align:center;
	width:100%;
}
.advantageimg img{
	
    width: 100%;
    transition: all .5s ease;
}
.advantageimg:hover img{
	transform:scale(1.2);
}
.advantagel{
	padding-right:20px;
}
/* news
-------------------------------------------------------------- */
.newstit{
	padding:15px 0;
	background:url(../images/index09.jpg) no-repeat top center;
	background-size:cover;
	margin:70px 0 40px;
}
.newstit .cont{
	background:rgba(255,255,255,0.8);
}
.newslist{
	width:31%;
	margin:15px 1%;
	float:left;
}
.newslist .newsimg{
	overflow:hidden; 
	background:#fff; 
	position: relative;
    height: 340px;
    display: block;
}
.newslist .newsimg img{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    transition: all .5s ease;
}
.newslist:hover img{
	transform:translate(-50%, -50%) scale(1.2);
}
.newsnr{
	border:1px solid #d2d2d2;
	padding:20px;
	font-size:16px;
}
.newsnr .newsdate{
	font-size:16px;
	color:#666;
}
.newsnr .newsms{
	font-size:16px;
	color:#666;
	line-height:30px;
	overflow: hidden;
    text-overflow: ellipsis;
	white-space:nowrap;
}
.newsnr .newsbt {
    font-size: 24px;
    line-height: 35px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
	margin:10px 0;
}
.newsnr .newsxq{
	border:1px solid #aaa;
	background:url(../images/index10.png) no-repeat center center;
	width:40px;
	height:40px;
	margin:20px auto 0 auto;
}
.newslist:hover .newsnr .newsxq{
	transition: all 0.5s;
	background:url(../images/index11.png) no-repeat center center #4598e1;
	color:#fff;
	width:125px;
	border:none;
}
.newsmore a{
	background:#f5f5f5;
	color:#3290da;
	width:140px;
	height:40px;
	line-height:40px;
	text-align:center;
	margin:20px auto 60px auto;
	display:block;
	font-size:18px;
	transition: all .5s ease;
}
.newsmore a:hover{
	background:#3290da;
	color:#fff;
	border-radius:25px;
	transition: all .5s ease;
}
	
/* link
-------------------------------------------------------------- */
.link{
	width:100%;
	overflow:hidden;
	background:#393939;
	border-bottom:1px solid #4c4c4c;
}
.link .linknr{
	padding:15px 0;
	background:url(../images/link.png) no-repeat left 18px;
	padding-left:40px;
	line-height:30px;
}
.link .linknr span{
	font-size:20px;
	color:#fff;
	
}
.link .linknr a{
	color:#cccccc;
	font-size:14px;
	padding-right:5px;
	border-right:1px solid #cccccc;
}
.link .linknr a:last-child{
	border-right:none;
}
.link .linknr a:hover{
	color:#fff;
}
/* footer
-------------------------------------------------------------- */
.footer{
	width:100%;
	overflow:hidden;
	background:#393939;
	padding:20px 0;
}
.footlogo{
	text-align:center;
}
.footlogo p{
	font-size:16px;
	color:#fff;
	margin-top:10px;
}
.footer h4{
	line-height: 50px;
	font-weight:normal;
	border-bottom:1px solid #fff;
	margin-bottom:20px;
}
.footer h4 a{
	font-size:20px;
	color:#fff;
	border-bottom:2px solid #4598e1;
	padding-bottom:11px;
}
.lxwm,.footnav{
	padding-right:80px;
}
.lxwm li,
.footnav li {
	color:#cccccc;
	background:url(../images/index12.png) no-repeat right center;
	line-height:30px;
	border-bottom:1px solid #4c4c4c;
	font-size:14px;
}
.lxwm li a,
.footnav li a{
	color:#ccc;
}
.lxwm li a:hover,
.footnav li a:hover{
	color:#fff;
}
.footmsg li{
	color:#cccccc;
	line-height:30px;
	
	font-size:14px;
}
.footmsg li input,
.footmsg li textarea{
	width:100%;
	background:none;
	border:none;
	border-bottom:1px solid #4c4c4c;
}
.footmsg input::-webkit-input-placeholder { color: #ccc;}
.footmsg input:-moz-placeholder { color: #ccc;}
.footmsg input::-moz-placeholder { color: #ccc;}
.footmsg input:-ms-input-placeholder { color: #ccc;}
.footmsg textarea::-webkit-input-placeholder { color: #ccc;}
.footmsg textarea:-moz-placeholder { color: #ccc;}
.footmsg textarea::-moz-placeholder { color: #ccc;}
.footmsg textarea:-ms-input-placeholder { color: #ccc;}
.footmsg .has-error em{
	color:#ab292e;
	font-style:normal;
	font-size:14px;
}
.footmsg .tjbtn{
	background:#ab292e;
	height:30px;
	line-height:30px;
	width:70px;
	text-align:center;
	color:#fff;
	margin-top:15px;
}
.footewm{
	text-align:right;
}
.bot{
	width:100%;
	overflow:hidden;
	color:#ccc;
	background:#393939;
	text-align:left;
	font-size:16px;
	margin-top:-20px;
}
.bot img{
	margin-right:15px;
}
.bot .cont{
	color:#ccc;
	padding-bottom:20px;
}
.bot a{
	color:#ccc;
	font-size:16px;
}
.footewm {
	margin-top:10px;
}
.footewm p{
	text-align:center;
	float:right;
	color:#ccc;
	font-size:16px;
	margin:15px 15px 0 0;
}
.footewm img{
	width:100px;
	float:right;
}

/* banner_n
-------------------------------------------------------------- */

.banner_n{ 
	width:100%; 
	height:500px;
	position:relative;
	background-size:cover;
}
.capitalize{
	position: absolute;
    width: 90%;
    color: #fff;
    text-align: center;
    top: 45%;
    left: 5%;
    line-height: 1.6;
    transform: translate(0, -50%);
    z-index: 4;
}
.capitalize .ad-tit {
    font-size: 56px;
    font-weight: normal;
	color:#fff;
	letter-spacing:1px;
}
.capitalize .ad-line {
    height: 2px;
    width: 80px;
    background: #fff;
    margin: 60px auto 0 auto;
}
.capitalize .ad-english{
	color:#fff;
	font-size:40px;
	font-family:Arial;
}
.mbanner{
	display:none;
}
/* position
-------------------------------------------------------------- */
.post{
	border-bottom:1px solid #ccc;
	height:70px;
	line-height:70px;
	font-size:16px;
	color:#000;
}
.post .cont a{
	color:#000;
	font-size:16px;
}
.post img{
	vertical-align:middle;
	margin:-3px 20px 0 0;
}
.ntit{	
	margin-bottom:50px;
	position:relative;
	text-align:center;
	border-bottom:1px solid #bbcde4;
	line-height:70px;
}
.ntit span{
	color:#00a2e9;
	font-size:36px;
	font-weight:bold;
	position:relative;
}
.ntit span::after{
	content:"";
	position:absolute;
	left:0;
	bottom:-13px;
	background:#00a2e9;
	height:3px;
	width:100%;
}
.ntit span::before{
	background:#1f5ba7;
	content:"";
	position:absolute;
	left:0;
	bottom:-16px;
	height:3px;
	width:100%;
}
	
.nabout_menu{
	margin:0px auto 60px auto;
	border-bottom:1px solid #e5e5e5;
}
.nabout_menu ul{
	margin:0;
	text-align:center;
}
.nabout_menu li{
	display:inline-block;
}
.nabout_menu li a {
    font-size: 16px;
    color: #333;
	display:block;
	line-height:80px;
	padding:0 30px;
	position:relative;
}
.nabout_menu li.cur a::before,
.nabout_menu li:hover a::before{
	position:absolute;
	left:10%;
	width:80%;
	bottom:0;
	height:2px;
	background:#0d62e1;
	content:"";
}
.position{
	line-height:80px;
	text-align:right;
}
.position img{
	margin-top:-3px;
}
.position a{
	margin:0 3px;
}
.margin60{
	margin:60px auto;
}
/* nabout
-------------------------------------------------------------- */
.naboutnr h3{
	font-size:30px;
	text-align:center;
	line-height:50px;
}
.naboutnr p{
	font-size:16px;
	line-height:32px;
	text-indent:34px;
}
.naboutimg img{
	width:100%;
	margin:80px auto;
}
.zongzhi p{
	font-size:26px;
	line-height:45px;
	text-align:center;
	margin-top:100px;
}
.div-table {
    display: table;
    width: 100%;
    height: 100%;
}
.div-td {
    display: table-cell;
    vertical-align: middle;
}
/*partner*/
.partnerlist{
	float:left;
	width:23%;
	margin:15px 1%;
	overflow:hidden;
}
.partnerlist img{
    width: 100%;
    transition: all .5s ease;
}
.partnerlist:hover img{
	transform:scale(1.2);
}
/* nmassgenr
-------------------------------------------------------------- */
.nmessage h3{
	font-size:36px;
	line-height:40px;
	color:#fff;
	font-weight:normal;
	margin:20px 0;
}
.nmessage p{
	font-size:30px;
	color:#fff;
}
.nmessage{
	background:url(../images/messageban.jpg) no-repeat top center;
	background-size:cover;
	padding:70px 0;
}
.nmessagenr ul{
	width:100%;
	overflow:hidden;
}
.nmessagenr ul li{
	margin-bottom:10px;
	line-height:40px;
	font-size:16px;
	color:#333;
}
.nmessagenr ul li input{
	width:100%;
	height:46px;
	line-height:46px;
	font-size:16px;
	border:solid 1px #fff;
	padding-left:10px;
	background:none;
}
.nmessagenr ul li textarea{
	width:100%;
	height:140px;
	line-height:30px;
	border:solid 1px #fff;
	padding:10px;
	font-size: 16px;
	background:none;
}
.nmessagenr .tjbtn{
	width:100%;
	overflow:hidden;
	margin:20px  auto 0;
}
.nmessagenr .tjbtn input{
	width: 100%;
    height: 56px;
    overflow: hidden;
    text-align: center;
    line-height: 56px;
    color: #fff;
    background:#40c28f;
    font-size: 18px;
}
.nmessagenr input::-webkit-input-placeholder { color: #fff;}
.nmessagenr input:-moz-placeholder { color: #fff;}
.nmessagenr input::-moz-placeholder { color: #fff;}
.nmessagenr input:-ms-input-placeholder { color: #fff;}
.nmessagenr textarea::-webkit-input-placeholder { color: #fff;}
.nmessagenr textarea:-moz-placeholder { color: #fff;}
.nmessagenr textarea::-moz-placeholder { color: #fff;}
.nmessagenr textarea:-ms-input-placeholder { color: #fff;}
.nmessagenr .has-error em{
	color:#40c28f;
	font-style:normal;
	font-size:14px;
}
/* nnews
-------------------------------------------------------------- */
.nnewslist .cont{
	border-bottom:1px solid #b9b9b9;
	padding:40px 0;
}
.nnewslist .newsimg{
	width:20%; 
	overflow:hidden; 
	background:#fff; 
	position: relative;
    height: 220px;
	float:left;
	border:1px solid #f3f3f3;
}
.nnewslist .newsimg img{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    transition: all .5s ease;
}
.nnewslist:hover img{
	transform:translate(-50%, -50%) scale(1.2);
}

.nnewslist .newscon{
	width:76%;
	padding-top:10px;
	padding-right:10px;
	float:right;
}
.nnewslist .newsbt{
	font-size:22px;
	color:#000;
	line-height:35px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.nnewslist .newsms{
	color:#666;
	line-height:30px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
	font-size:16px;
	margin:20px 0;
}
.nnewslist:hover{
	background:#40c28f;
	transition: all .5s ease;
}
.nnewslist:hover .newsbt,
.nnewslist:hover .newsms,
.nnewslist:hover .newsdate{
	color:#fff;
}
.nnewslist .newsxq{
	width:145px;
	height:45px;
	line-height:45px;
	font-size:14px;
	text-align:center;
	color:#888;
	border:1px solid #b9b9b9;
	float:left;
	transition: all .5s ease;
}
.nnewslist:hover .newsxq{
	border:1px solid #fff;
	color:#40c28f;
	border-radius:25px;
	background:#fff;
	transition: all .5s ease;
}
.nnewslist .newsdate{
	float:right;
	line-height:45px;
}
.nnewsnr h1{
	text-align:center;
	font-size:22px;
	padding:15px 0;
	margin:0 0 10px 0;
	line-height:26px;
	border-bottom:1px solid #d9d9d9;
}
.nnewsnr .fbtime{
	font-size:14px;
	padding:15px 0;
	text-align:center;
}
.info{
	background:#f5f5f5;
	padding:10px;
	margin-bottom:15px;
	line-height:24px;
}
.news_content{
	line-height:28px;
}
/* ncontact
-------------------------------------------------------------- */
.ncontactnr h3{
	font-size:30px;
	line-height:40px;
	margin-bottom:30px;
}
.ncontactnr p{
	font-size:20px;
	line-height:42px;
}
#map{
	width:100%;
	height:350px;
	overflow:hidden;
	margin:50px auto;
}

/* npro
-------------------------------------------------------------- */
.npronr_list{ 
	overflow:hidden; 
	margin:0 1% 15px 1%;
	width:31%;
	float:left;
	position:relative;
}
.npronr_list a{
	display:block;
	overflow:hidden;
	width:100%;
}
.npronr_list .proimg{
	width:100%; 
	overflow:hidden; 
	background:#fff; 
	position: relative;
    width: 100%;
    height: 410px;
    display: block;
	border:1px solid #dedede;
}
.npronr_list .proimg img{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    transition: all .5s ease;
}
.npronr_list .protit{
	line-height:50px;
	text-align:left;
	font-size:18px;
	color:#000;
	margin-top:10px;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.npronr_list .showprobg{
	position:absolute;
	display:none;
	left:0;
	top:-100%;
	width:100%;
	height:410px;
	overflow:hidden;
	box-sizing:border-box;
	color:#fff;
	background:url(../images/pro01.png) no-repeat center center rgba(64,194,143,0.8);
}
.npronr_list:hover .showprobg{
	left:0;
	display:none;
	top:0;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	-ms-transition:all .5s ease;
	-o-transition:all .5s ease;
	transition:all .5s ease;
}	
.npronr_list a:hover .protit{
	color:#40c28f;
}
.npronr_list:hover  img{
	transform:translate(-50%, -50%) scale(1.2);
}
.npronrimg{
	background:#ededed;
	text-align:center;
	margin-bottom:40px;
}
.npronr h3{
	font-size:26px;
	line-height:40px;
	margin-bottom:10px;
	font-weight:normal;
}
.npronrbody{
	font-size:16px;
	line-height:30px;
	margin-bottom:40px;
}
/*产品展示结束*/
/*生产实力*/
.npronr_list.workshoplist .proimg,
.npronr_list.workshoplist .showprobg{
	height:285px;
}
/* dede_pages

-------------------------------------------------------------- */

.dede_pages{
		width:100%; 
		overflow:hidden; 
		margin-top: 30px;
		text-align: center;
}

.dede_pages ul {
    padding: 12px 0px 12px 0;
	display: inline-block;
}

.dede_pages ul li {
    float: left;
    margin:3px;
	border:1px solid #dcdcdc;
	padding:5px 10px;
	font-size:14px;
}
.dede_pages ul li.thisclass{
    box-sizing: border-box;
	background:#0154a0;
	color:#fff;
	border:1px solid #0154a0;
}
.dede_pages ul li.thisclass a{
	color:#fff;
}
.dede_pages ul li:hover a{
	color:#fff;
}
.dede_pages ul li:hover{
    background:#0154a0;
	color: #fff;
	cursor:pointer;
	border:1px solid #0154a0;
}
.dede_pages ul li:hover span{
	color:#fff;
}
.page1{
	width:100%;
	overflow:hidden;
	margin-top:50px;
	margin-bottom:50px;
}
.pageleft,
.pageright{
	width:49%;
	float:left;
	height:50px;
	line-height:50px;
	background:#e1e1e1
}
.pageright{
	float:right;
}
.page1 .pageleft:hover,
.page1 .pageright:hover{
	background:#0154a0;  
}
.pageleft p{
	background:url(../images/news02.png) no-repeat  left center ;
}
.pageright p{
	background:url(../images/news03.png) no-repeat right center;
}
.pageleft:hover p{
	background:url(../images/news02h.png) no-repeat  left center ;
	color:#fff;
}
.pageright:hover p{
	background:url(../images/news03h.png) no-repeat right center;
	color:#fff;
}

.page1 .pageleft p{
	padding:0 10px 0 80px;
}
.page1 .pageright p{
	padding:0 80px 0 20px;
}
.page1 p{
	width:100%;
	height:50px;
	line-height:50px;
	overflow:hidden;
	font-size: 16px;
}
.page1 p a{
	color:#454545;
	font-size: 16px;
}
.pageleft:hover p a,
.pageleft p:hover a
.pageright:hover p a,
.pageright p:hover a{
	color:#fff;
}
.page1 p a:hover{
	color:#fff;
}
/**/

@media(max-width:1440px) {
	.headernr{
		width:100%;
	}
	.cont{
		width:95%;
	}	
	.zongzhi p{
		font-size:22px;
	}
}
@media(max-width:1400px){
	.nav .menu > li{
		padding:0 18px;
	}
	.aboutcon{
		width:90%;
	}
	
	
}
@media(max-width:1300px) {
	.npronr_list .proimg,
	.npronr_list .showprobg{
		height:360px;
	}
	.npronr_list.workshoplist .proimg,
	.npronr_list.workshoplist .showprobg{
		height:250px;
	}
	.prolist .proimg{
		height:280px;
	}
	.zongzhi img{
		width:100%;
	}
	.newslist .newsimg{
		height:320px;
	}
	.prolist .protit h3{
		margin-bottom: 50px;
	}
	
	
	
}
@media(max-width:1200px) {
	.nav .menu > li{
		padding:0 15px;
	}
	.aboutdiv {
		padding: 22px 0 30px 40px;
		width: 52%;
	}
	.aboutimg{
		width:50%;
	}
	.aboutimg img{
		width:100%;
	}
	.aboutdiv h5{
		margin-top:25px;
	}
	.npronr_list .proimg,
	.npronr_list .showprobg{
		height:320px;
	}
	.npronr_list.workshoplist .proimg,
	.npronr_list.workshoplist .showprobg{
		height:230px;
	}
	.prolist .proimg{
		height:250px;
	}
	.nnewslist .cont{
		padding:20px 0;
	}
	.banner_n{
		height:400px;
	}
	.capitalize .ad-tit {
		font-size: 40px;
	}
	.capitalize .ad-english{
		font-size:30px;
	}
	.capitalize .ad-line{
		margin-top:30px;
	}
	.zongzhi p {
		font-size: 20px;
		margin-top:50px;
	}
	.nnewslist .newsimg{
		height:200px;
	}
	.newsnr .newsbt{
		font-size:20px;
		margin-bottom:0;
	}
	.newslist .newsimg{
		height:300px;
	}
	.prolist .protit h3{
		margin-bottom: 30px;
	}
	
}

@media(max-width:1024px) {
	.header,.mobile-header{
		height:90px;
	}
	.hidden-s{
		display:none;
	}
	.mobile-header{
		display:block;
	}
	.logo{
		width:85%;
		padding-top:1px;
	}
	#wrapper,.banner_n{
		margin-top:90px;
	}
	.headersmall #menu{
		top: 7px;
	}
	.headersmall #wrapper,
	.headersmall .banner_n{
		margin-top:60px;
	}
	.headersmall .header,
	.headersmall .mobile-header{
		height:60px;
	}
	.npronr_list .proimg,
	.npronr_list .showprobg{
		height:280px;
	}
	.npronr_list.workshoplist .proimg,
	.npronr_list.workshoplist .showprobg{
		height:200px;
	}
	.prolist .proimg{
		height:220px;
	}
	.nnewslist .newsimg{
		height:180px;
	}
	.nnewslist .newsms{
		margin:10px 0;
	}
	.nnewslist .newsxq{
		height:40px;
		line-height:40px;
	}
	.nnewslist .newsdate{
		line-height:40px;
	}
	.advantageimg p{
		font-size:24px;
	}
	.newslist .newsimg{
		height:280px;
	}
	.nabout_menu li a{
		padding:0 15px;
	}
	.prolist .protit h3{
		margin-bottom: 20px;
	}
	
}
@media(max-width:991px) {
	.aboutcon {
		width: 100%;
		margin:30px auto;
		border-width:5px;
	}
	.aboutdiv {
		padding: 20px;
		width: 100%;
	}
	.aboutimg{
		display:none;
	}
	.newslist .newsimg{
		height:270px;
	}
	.nnewslist .newscon{
		padding-top:0;
	}
	
	.prolist .protit h3{
		font-size:18px;
	}
	.prolist .protit p{
		font-size:14px;
		line-height:30px;
		margin:0;
	}
	.prolist .protit h4{
		font-size:16px;
	}
	.prolist .protit h5{
		margin:0;
	}
	.newsnr .newsbt{
		font-size:16px;
		margin:0;
	}
	.newsnr .newsms{
		font-size:14px;
	}
	.prolist .protit{
		padding:0;
	}
	.prolist .proimg{
		height:360px;
	}
	.prolist .protit h3{
		margin:10px 0 5px 0;
		line-height: 30px;
	}
	.lxwm, .footnav{
		padding:0;
	}
	.footmsg {
		margin-bottom:15px;
	}
	
}
@media(max-width:768px) {
	.margin60{
		margin:40px auto;
	}
	.banner_n{
		height:300px;
	}
	.npronr_list{
		width:48%;
	}
	.left,.right{
		float:none;
		width:100%;
	}
	.nnewslist .newsbt {
		font-size: 18px;
		line-height:28px;
	}
	.nnewslist .newsms{
		font-size:14px;
		line-height:24px;
		margin:4px 0;
	}
	.nabout_menu li a{
		line-height:50px;
	}
	.npronr_list .proimg,
	.npronr_list .showprobg{
		height:300px;
	}
	.npronr_list.workshoplist .proimg,
	.npronr_list.workshoplist .showprobg{
		height:230px;
	}
	.nnewslist .newsimg{
		height:135px;
	}
	
	.prolist .proimg{
		height:340px;
	}
	.tit h3 a{
		font-size:28px;
	}
	.newslist .newsimg {
		height: 210px;
	}
	.prolist .proimg{
		height:310px;
	}
	.partnerlist{
		width:48%;
	}
	.tit{
		width:98%;
	}
	.npronrimg img{
		width:100%;
	}
	.npronr h3{
		font-size:18px;
	}
	.npronrimg{
		margin-bottom:20px;
	}
	.nmessage h3{
		font-size:28px;
		margin:10px 0;
	}
	.nmessage p{
		font-size:22px;
	}
	.naboutnr h3{
		font-size:20px;
	}
	.naboutimg img{
		margin:20px 0;
	}
	.zongzhi p{
		margin-top:10px;
		font-size:16px;
		line-height:30px;
	}
	
}
@media(max-width:767px) {
	.footewm img,
	.footewm p{
		float:left;
	}
	.footewm p{
		margin-left:10px;
	}
	.nmessage{
		padding:30px 0;
	}
	.nmessagenr{
		margin-top:20px;
	}
	.zongzhi p{
		font-size:20px;
		line-height:36px;
	}
	.advantagel{
		padding:0;
	}
	
}
@media(max-width:640px) {
	.capitalize .ad-tit {
		font-size: 30px;
	}
	.capitalize .ad-english{
		font-size:20px;
	}
	.capitalize .ad-line{
		width:50px;
	}
	.banner_n{
		height:300px;
	}
	.newslist{
		width:48%;
	}
	.newslist:last-child{
		display:none;
	}
	.npronr_list .proimg,
	.npronr_list .showprobg{
		height:250px;
	}
	.npronr_list.workshoplist .proimg,
	.npronr_list.workshoplist .showprobg{
		height:190px;
	}
	.npronr_list .protit{
		font-size:16px;
		margin:0;
	}
	.nnewslist .newsimg {
		height: 115px;
	}
	.nnewslist .newsms{
		-webkit-line-clamp:1;
	}
	.news_content img{
		width: 100% !important;
		height:auto !important;
	}
	.nnewslist .newsdate{
		color:#888;
	}
	.advantage{
		padding-bottom:30px;
	}
	.newstit{
		margin:30px auto;
	}
	
}

@media(max-width:500px) {
	.banner_n{
		height:200px;
	}
	
	.nnewslist .newsxq{
		display:none;
	}
	.npronr_list{
		width:100%;
		margin:8px 0;
	}
	.npronr_list .proimg,
	.npronr_list.workshoplist .proimg{
		height:auto;
	}
	.npronr_list .showprobg{
		display:none;
	}
	.npronr_list .proimg img {
		position:relative;
		top: 0%;
		left: 0%;
		transform: translate(00%, 0%);
	}
	.npronr_list .protit{
		text-align:center;
	}
	.nnewslist .newsimg {
		height: 85px;
	}
	.nnewslist .newsms{
		display:none;
	}
	.nnewslist .newsbt{
		font-size:16px;
	}
	.nnewslist .cont{
		padding:8px 0;
	}
	.newslist {
		width: 100%;
		margin:8px auto;
	}
	.newslist:last-child{
		display:block;
	}
	.newslist .newsimg{
		height:auto;
	}
	.newslist .newsimg img {
		position:relative;
		top: 0%;
		left: 0%;
		transform: translate(0%, 0%);
	}
	.ncontactnr h3{
		font-size:20px;
		margin-bottom:10px;
	}
	.ncontactnr p{
		font-size:16px;
		line-height:30px;
	}
	.tit{
		padding:15px 0;
	}
	.profeature a{
		padding:0 10px;
	}
	.footlogo{
		display:none;
	}
	
	
}
@media(max-width:414px) {
	.nnewslist .newsimg {
		height: 75px;
	}
	.nnewslist .newsdate{
		line-height:26px;
	}
	.aboutdiv h3 a{
		font-size:22px;
	}
	.tit h4 span{
		font-size:18px;
	}
}
@media(max-width:375px) {
	.banner_n {
		height: 180px;
	}
	.logo{
		width:70%;
	}
	.logo img{
		width:100%;
	}
	.header, .mobile-header{
		height:75px;
	}
	#wrapper, .banner_n {
		margin-top: 75px;
	}
	.zongzhi p{
		font-size:16px;
		line-height:30px;
	}
	#menu{
		top:15px;
	}
	.capitalize .ad-tit {
		font-size: 24px;
	}
	.capitalize .ad-english{
		font-size:18px;
	}
	.capitalize .ad-line {
		width: 30px;
		margin-top:10px;
	}
	
	
	
}
@media(max-width:360px) {
	
	.tit h3 a{
		font-size:24px;
	}
	.logo{
		padding:5px 0 0 5px;
	}
}
@media(max-width:320px) {
	.banner_n {
		height: 160px;
	}
		
}
#menu3 .menu_li:last-child{ display:none;}