@font-face{ font-family:myFont; src:url('../fonts/SOURCEHANSANSCN-LIGHT.OTF') format('truetype'); }
* {
	margin: 0;
	padding: 0;
}
*, *:before, *:after {
	box-sizing: border-box;
}
::-moz-selection {
 background: #555;
 color: #fff;
}
::selection {
	background: #555;
	color: #fff;
}
::-moz-selection {
 background: #555;
 color: #fff;
}
::-webkit-scrollbar{
	display:none;
}

html,body,a{
	padding:0;
	margin:0;
	list-style:none;
	border:none;
	font-size:14px; 
	font-family:myFont; 
	color:#666;
}
p{
	line-height:26px;
	font-size:14px; 
}
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;
	font-weight:normal;
}
body,button,input,select,textarea{
	outline:none;
}
.body{
	background:#fff;
}
.nbody{
	background:#efefef;
}
ul,ol,li{
	list-style:none; 
	margin:0; 
	padding:0;
}
table,table tr,table td{
	border:solid 1px #777777;
}
html,body{
	height:auto;
	margin:0 auto;
}
.hide{
	display:none;
}
.clear{
	clear:both; 
	font-size:1px; 
	line-height:0px; 
	height:0px;
}
input,textarea{
	font-family:myFont;
}
h1,h2,h3,h4,h5,h6 {
	font-weight:normal;
	margin:0;
	padding:0;
}
h1{
	font-size: 3em; 
	line-height: 1; 
}
h2{
	font-size: 2em;
}
h3{
	font-size: 1.5em; 
	line-height: 1;
}
h4{
	font-size: 1.2em; 
	line-height: 1.25;
}
h5{
	font-size: 1em;
}
h6 {
	font-size: 1em;
}
/* 页面基本元素

-------------------------------------------------------------- */
/* 链接样式 */

a {
	text-decoration:none;
}
a:visited {
	text-decoration:none;
}
a:hover {
	text-decoration:none;
}
/* 层浮动 */
.left {
	float: left;
}
.right{
	float: right;
}
.clear{ height:0; font-size:0; line-height:0; clear:both;}
.clearfix:after { 
	content:"\200B"; 
	display:block;
	height:0; 
	clear:both; 
} 
.clearfix {*zoom:1;}/*IE/7/6*/
.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{
	position: fixed;
	z-index: 9999;
	left:0;
	top:0;
	width:100%;
	background:#fff;
}
.headernr{
	width:1200px;
	margin:0 auto;
}
.logo{
	width:27%;
	overflow:hidden;
	margin:20px 0 0 10px;
}
.menu, .menu ul {
	list-style: none;
	padding: 0;
}
.menu > li {
  position: relative;
  display: inline-block;
  outline: 0;
}
.submenu {
  position: absolute;

  left: 0;

  top: 100%;

  z-index: 0;

  overflow: hidden;

  /* IE8 needs this */

  overflow: hidden\0/ !important;

  max-height: 0;

  /* A .submenu should be only revealed when hovering the .menu */

  pointer-events: none;

}



.menu > li:hover .submenu, .menu > li:focus .submenu {

  pointer-events: auto;

  z-index: 10;

  max-height: 2000px;

  -webkit-transition: none;

     -moz-transition: none;

}



/* Default

 ================================================================= */

.submenu li {

  opacity: 0;



  -webkit-transition: opacity .4s, -webkit-transform .6s, max-height .6s;

     -moz-transition: opacity .4s,    -moz-transform .6s, max-height .6s;

      -ms-transition: opacity .4s,     -ms-transform .6s, max-height .6s;

       -o-transition: opacity .4s,      -o-transform .6s, max-height .6s;

          transition: opacity .4s,         transform .6s, max-height .6s;

}



.menu > li:hover .submenu li, .menu > li:focus .submenu li {

  opacity: 1;



  -webkit-transform: none;

     -moz-transform: none;

      -ms-transform: none;

       -o-transform: none;

          transform: none;

}

/* Shield

 ================================================================= */

.shield {

  overflow: visible;



  -webkit-perspective: 400px;

     -moz-perspective: 400px;

      -ms-perspective: 400px;

       -o-perspective: 400px;

          perspective: 400px;

}



.shield li {

  -webkit-transform: rotateX(90deg);

     -moz-transform: rotateX(90deg);

      -ms-transform: rotateX(90deg);

       -o-transform: rotateX(90deg);

          transform: rotateX(90deg);



  -webkit-transform-origin: 0 0;

     -moz-transform-origin: 0 0;

      -ms-transform-origin: 0 0;

       -o-transform-origin: 0 0;

          transform-origin: 0 0;



  -webkit-transition-timing-function: cubic-bezier(0, .35, .5, 1.7);

     -moz-transition-timing-function: cubic-bezier(0, .35, .5, 1.7);

      -ms-transition-timing-function: cubic-bezier(0, .35, .5, 1.7);

       -o-transition-timing-function: cubic-bezier(0, .35, .5, 1.7);

          transition-timing-function: cubic-bezier(0, .35, .5, 1.7);

}

.nav > ul{

	width:100%;

	}

.nav span{

	display:block;

	width:1px;

	height:30px;

	background:rgba(255,255,255,0.7);

	margin-top:16px;

}

.nav span:last-child{

	display:none;

}

.nav .menu > li{
	height:74px;

	float:left;

	text-align:center;

	line-height:74px;
	padding:0 20px;	

	}

.nav .menu > li > a{
	color:#000;
	font-size:16px;
	display:block;
	position:relative;
}
.nav .menu > li > a::after {
  position: absolute;
  content: "";
  bottom:0;
  left: -10%;
  width: 120%;
  height: 2px;
  background: #084ca1;
  transform: scaleX(0);
  transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.nav .menu > li > a:hover::after,
.nav .menu > li.current > a::after{
  transform: scaleX(1);
}
.nav .menu > li:hover > a,
.nav .menu > li.current > a{
	color:#084ca1;
	font-weight:bold;
}
.nav .menu > li .submenu{
	width:100%;
	left:0%;
}

.nav .menu > li .submenu li{

	width:100%;

	height:45px;

	line-height:45px;

	background:#084ca1;

	text-align:center;

	border-top:solid 1px #fff;

}

.nav .menu > li .submenu li a{

	display:block;

	color:#fff;

	font-size:14px;

}

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

	background: #0552a0;

}
.mobile-header{
	display:none;
}
#menu span {
    width: 1.875rem;
    height: 0.1875rem;
    background-color: ##285290;
    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: 15px;
	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:#084ca1;
	margin: 0 auto 6px;
	display: block;
	line-height: 1;
	transition: all 0.5s;
}
#menu:hover span{
	background-color:#084ca1;
}
#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:#d9270d;
}
.cont{
	width:1200px;
	overflow:hidden;
	margin:auto;
}
.cont1{
	width:1200px;
	height:auto;
	margin:auto;
}

/* banner

-------------------------------------------------------------- */
#wrapper {
	position:relative;
	margin-top:114px;
}

#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:680px !important;
	overflow:hidden;
}
.fullwidthbanner-container .fullwidthabnner	{
	width:100% !important;
	max-height:680px !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.selected,
.tp-bullets.simplebullets.navbar .bullet:hover,
.tp-bullets.simplebullets.navbar .bullet.selected {	
	background:#e89900 !important; 
}
.tp-bullets.simplebullets.round .bullet:hover{
	background:#e89900 !important; 
}
.tp-leftarrow:hover,
.tp-rightarrow:hover {	
	background-color:#e89900 !important;
}

/** BULLETS **/

.tp-bullets {
    z-index: 1001;
	position: absolute;
    bottom: 0px;
	width: 200px !important;
}
.tp-bullets.simplebullets.round .bullet {
    cursor: pointer;
    position: relative;
	background:#fff;
    width: 16px;
    height: 16px;
	border-radius:50%;
	margin:0 8px 20px 8px;
    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;

}
/* tit

-------------------------------------------------------------- */
.tit{
	width:100%;
	height:auto;
	margin:30px 0 50px 0;
}
.tit p{
	color:#f1f1f1;
	font-size:46px;
	font-weight:bold;
	text-align:center;
}
.tit h3{
	width:100%;
	line-height:50px;
	text-align:center;
	margin-top:-10px;
}
.tit h3 a{
	font-size:34px;
	color:#084ca1;
	font-weight:bold;
}
/* about
-------------------------------------------------------------- */
.about{
	background:#fafafa;
	position:relative;
}
.about .tit{
	margin-bottom:20px;
}
.about .tit p{
	font-size:32px;
	color:#e6e6e6;
	text-align:left;
}
.about .tit h3 a{
	font-size:30px;
}
.about .tit h3{
	text-align:left;
	margin-top:0;
}
.aboutl > a{
	display:block;
	width:240px;
	padding:25px 0;
	background:#212c86;
	text-align:center;
	color:#fff;
	position:absolute;
	right:-170px;
	bottom:0px;
}
.aboutl > a:hover{
	background:#bc4523;
}
.aboutlnr{
    width: 100%;
    max-width: 600px;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin:0 0 0 auto;
	font-size:16px;
	color:#666;
	line-height:36px;
	padding-right:70px;
}
.about .cont{
	position:absolute;
	bottom:80px;
	left:50%;
	margin-left:-600px;
}
.ab_fl{
	width:100%;
	overflow:hidden;
	text-align:center;
	color:#333;
	background:rgba(255,255,255,0.74);
}
.ab_fl dl{
	cursor:pointer;
}
.ab_fl dl div{
	border-right:solid 1px #dfdfdf;
	margin:35px 0;
}
.ab_fl dl:hover{
	background:#084ca1;
}
.ab_fl dl:hover p,
.ab_fl dl:hover dt span,
.ab_fl dl:hover dd{
	color:#fff;
}
.ab_fl dl:last-child div{
	border:none;
}
.ab_fl dl p{
	text-align:center;
	font-size:16px;
	color:#333;
}
.ab_fl dl dt{
	width:100%;
	font-size:16px;
	color:#333;
}
.ab_fl dl dd{
	width:100%;
	color:#333;
}
.ab_fl dl dt span{
	font-size:50px;
    width: 100%;
	font-family:Arial;
	font-weight:bold;
	color:#333;
}
.ab_fl dl dd{
	font-size:16px;
}
.aboutr{
	overflow:hidden;	
}
.aboutr > img{
	width:100%;
}
.aboutr > img:hover{
	transform:scale(1.1);
	transition: all 0.5s ease 0s;
}
/* pro
-------------------------------------------------------------- */
.pro{
	width:100%;
	overflow:hidden;
	padding:30px 0 50px 0;
}
.pronr{
	width:1200px;
	margin:auto;
	position:relative;
}
.pronr .swiper-button-prev,
.pronr .swiper-button-next{
	position:absolute;
	top:40%;
}
.pronr .swiper-button-prev{
	left:-90px;
}
.pronr .swiper-button-next{
	right:-90px;
}
.pronr .swiper-button-prev:hover{
	background:url(../images/propreh.png) no-repeat center center;
}
.pronr .swiper-button-next:hover{
	background:url(../images/pronexth.png) no-repeat center center;
}	
.prolist .proimg{
	overflow:hidden; 
	background:#fff; 
	position: relative;
    width: 100%;
    height: 280px;
    display: block;
	border:1px solid #dbdbdb;
}
.prolist .proimg img{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    transition: all .5s ease;
}
.prolist .protit{
	text-align:center;
	font-size:18px;
	line-height:60px;
	color:#000;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	padding:0 15px;
	position:relative;
	background:#e6e6e6;
}
.prolist:hover .protit{
	background:#084ca1;
	color:#fff;
}
.prolist:hover .proimg{
	border:1px solid #084ca1;
}
.prolist:hover .proimg img{
	transform:translate(-50%, -50%) scale(1.2);
	transition: all 0.5s ease 0s;
}
.promore a{
	display:block;
	width:172px;
	height:48px;
	line-height:48px;
	text-align:center;
	background:#e89900;
	font-size:16px;
	color:#fff;
	margin:50px auto 0 auto;
	transition: all 0.5s ease 0s;
}
.promore a:hover{
	border-radius:30px;
	transition: all 0.5s ease 0s;
}
/* news
-------------------------------------------------------------- */
.news{
	padding:60px 0;
	background:#f5f5f5;
}
.news .tit p{
	color:#ebebeb;
}
.newsnrl{
	padding-right:40px;
}
.newsnrr{
	padding-left:40px;
}
.newslist{
	margin-bottom:30px;
	
	position:relative;	
}
.newsnrl .newslist a{
	display:block;
	border-bottom:1px solid #ccc;
	padding-bottom:15px;
}
.newsnrl .newslist{
	padding-left:80px;
}
.newsnrl .newslist a::before{
	content:"01";
	position:absolute;
	font-size:52px;
	left:0;
	top:20px;
	color:#084ca1;
}
.newsnrl .newslist:nth-child(2) a::before{
	content:"02";
}
.newsnrl .newslist:nth-child(3) a::before{
	content:"03";
}
.newsnrl .newslist:hover a::before{
	color:#e89900;
}
.newslist .newsimg{
	background:#fff; 
	position: relative;
    width: 100%;
    height: 265px;
    display: block;
	margin-bottom:18px;
	overflow:hidden;
}
.newslist .newsimg img{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    transition: all .5s ease;
}
.newslist:hover .newsimg img{
	transform:translate(-50%, -50%) scale(1.2);
	transition: all 0.5s ease 0s;
}
.newslist:hover .newsbt{
	color:#e89900;
}
.newslist .newsbt{
	font-size:18px;
	line-height:36px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
	color:#084ca1;
}
.newslist .newsdate{
	color:#999999;
	font-size:14px;
	line-height:30px;
}
.newslist .newsms{
	line-height:30px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
	font-size:14px;
	color:#666;
}

/*advantage--------------------*/
.advantages{
	background:url(../images/advantagesbg.jpg) no-repeat top center;
	background-size:cover;
	padding:50px 0 80px 0;
}
.advantages .tit p{
	opacity:0.2;
}
.advantages .tit h3 a{
	color:#fff;
}
.advantagesnr > div{
	padding:25px 15px;
	cursor:pointer;
}
.advantagesnr h4{
	font-size:20px;
	text-align:center;
	line-height:40px;
	color:#fff;
	font-weight:bold;
}
.advantages1 span,.advantages2 span,.advantages3 span,.advantages4 span{
	background:url(../images/advantages1.png) no-repeat center center;
	width:110px;
	height:110px;
	border:1px solid #fff;
	border-radius:50%;
	display:block;
	margin:0 auto 10px auto;
}
.advantages2 span{
	background:url(../images/advantages2.png) no-repeat center center;
}
.advantages3 span{
	background:url(../images/advantages3.png) no-repeat center center;
}
.advantages4 span{
	background:url(../images/advantages4.png) no-repeat center center;
}
.advantagesnr > div:hover{
	background:#fff;
}
.advantagesnr > div:hover h4,
.advantagesnr > div:hover p{
	color:#084ca1;
}
.advantagesnr > .advantages1:hover span{
	border:1px solid #084ca1;
	background:url(../images/advantages1h.png) no-repeat center center;
}
.advantagesnr > .advantages2:hover span{
	border:1px solid #084ca1;
	background:url(../images/advantages2h.png) no-repeat center center;
}
.advantagesnr > .advantages3:hover span{
	border:1px solid #084ca1;
	background:url(../images/advantages3h.png) no-repeat center center;
}
.advantagesnr > .advantages4:hover span{
	border:1px solid #084ca1;
	background:url(../images/advantages4h.png) no-repeat center center;
}
.advantagesnr p{
	font-size:16px;
	text-align:center;
	line-height:32px;
	color:#fff;
}

/* link
-------------------------------------------------------------- */
.link{
	width:100%;
	overflow:hidden;
	background:#ffffff;
}
.link .linknr{
	padding:25px 0;
}
.link .linknr span{
	font-size:16px;
	color:#1a1a1a;
}
.link .linknr a{
	color:#1a1a1a;
	padding-right:5px;
	border-right:1px solid #888;
	font-size:16px;
}
.link .linknr a:hover{
	color:#084ca1;
}
.link .linknr a:last-child{
	border-right:none;
}
/* footer
-------------------------------------------------------------- */
.footer{
	width:100%;
	overflow:hidden;
	background:#16447d;
	color:#fff;
}
.footer a{
	color:#fff;
}
.footlogo{
	width:18%;
	float:left;
	background:#083771;
	padding-bottom:50px;
	min-height:350px;
}
.footlogo > img{
	margin:40px auto 60px auto;
	text-align:center;
	display:block;
}
.foottel{
	font-size:22px;
	text-align:left;
	margin-left:40px;
}
.foottel p{
	background:url(../images/foot01.png) no-repeat left center;
	font-size:18px;
	color:#fff;
	padding-left:60px;
	line-height:60px;
}
.footnav{
	float:right;
	width:80%;
	padding-bottom:50px;
}
.botnav{
	border-bottom:1px solid #a2b4cb;
	margin:30px 0 50px 0;
}
.botnav li{
	float:left;
	line-height:50px;
	width:16.66%;
	text-align:center;
}
.botnav li a{
	font-size:16px;
	color:#fff;
	padding-left:15px;
}
.botnav li a:hover{
	color:#a2b4cb;
}
.lxwm{
	background:url(../images/ewm.jpg) no-repeat left center;
	padding-left:125px;
	min-height:107px;
}
.lxwm p{
	font-size:16px;
	line-height:32px;
}
#footmap{
	width:100%;
	height:160px;
}
.bot{
	background:#083771;
	width:100%;
	overflow:hidden;
	padding:10px 0;
	color:#c4cad5;
	line-height:24px;
}
.bot a,.bot a:active,.bot a:visited{
	color:#c4cad5;
}
.bot a:hover{
	color:#fff; 
}
.botbeian{
	text-align:right;
}
.beian{
	text-align:center;
}
.zhilian{
	text-align:right;
}


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

.banner_n{ 
	width:100%; 
	height:400px;
	position:relative;
	background-size:cover;
	margin-top:114px;
}
.capitalize .ad-tit {
    font-size: 46px;
	font-weight:bolder; 
	color:#084ca1;
	margin-top:12%;
}
.capitalize .ad-en{
	font-size:30px;
	color:#084ca1;
	font-family:Arial;
}
.mbanner{
	display:none;
}
/* position
-------------------------------------------------------------- */
.post{
	background:#fff;
	line-height:64px;
	text-align:right;
	color:#999999;
	font-size:14px;
	border-bottom:1px solid #dcdcdc;
	margin-bottom:50px;
}
.post img{
	vertical-align:middle;
	margin:-3px 10px 0 0;
}
.post a{
	margin:0 3px;
	color:#999999;
	font-size:14px;
}
.nabout_menu {
	margin-bottom:50px;
	margin-top:20px;
}
.nabout_menu .cont{
	text-align:center;
}
.nabout_menu li{
	display:inline-block;
	position:relative;
	margin-right:40px;
}
.nabout_menu li > a {
    position: relative;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    padding:0 20px;
    color: #084ca1;
    display: block;
    transition: 0.3s ease 0s;
	border:1px solid #084ca1;
}
.nabout_menu li.cur > a,
.nabout_menu li > a:hover{
	color:#fff;
	background:#084ca1;
	transition: 0.3s ease 0s;
}
.ntit{
	text-align:center;
	margin:50px auto 70px auto;
	
}
.ntit span{
	color:#1d1d1d;
	font-size:32px;
	line-height:50px;
	font-weight:bold;
	position:relative;
	padding-bottom:20px;
}
.ntit span::after{
	background:#bf4d2c;
	height:2px;
	width:94px;
	left:50%;
	bottom:-10px;
	margin-left:-47px;
	content:"";
	position:absolute;
}
.marginb50{
	margin-bottom:50px;
}

/* nabout
-------------------------------------------------------------- */
.naboutr img{
	width:100%;
}
.naboutl{
	padding-right:60px;
}
.naboutl h4{
	font-size:26px;
	color:#333;
	line-height:40px;
}
.naboutl h5{
	font-size:16px;
	color:#999999;
	position:relative;
	margin-bottom:40px;
	line-height:30px;
}
.naboutl h5::after{
	position:absolute;
	content:"";
	width:80px;
	height:2px;
	background:#084ca1;
	left:0;
	bottom:-10px;
}
.naboutl p{
	font-size:16px;
	line-height:32px;
	color:#666;
}
.nabout .ab_fl{
	margin-top:50px;
}

/* nmassgenr
-------------------------------------------------------------- */
.nmessagenr ul{
	width:100%;
	overflow:hidden;
}
.nmessagenr ul li{
	width:32%;
	overflow:hidden;
	float:left;
	margin-right:2%;
	margin-bottom:15px;
}
.nmessagenr ul li:nth-child(3){
	margin-right:0;
}
.nmessagenr ul li:nth-child(4),
.nmessagenr ul li:last-child{
	width:100%;
}
.nmessagenr ul li input{
	width:100%;
	height:42px;
	line-height:42px;
	overflow:hidden;
	font-size:14px;
	padding-left:10px;
	border:1px solid #e4e4e4;
	border-radius:3px;
	padding-left:40px;
}
.nmessagenr ul li .name{
	background:#f1f1f1 url(../images/tb7.png) no-repeat 10px center;
}
.nmessagenr ul li .phone{
	background:#f1f1f1 url(../images/tb8.png) no-repeat 10px center;
}
.nmessagenr ul li .email{
	background:#f1f1f1 url(../images/tb9.png) no-repeat 10px center;
}
.nmessagenr ul li .txtidcode{
	background:#f1f1f1 url(../images/tb10.png) no-repeat 10px 10px;
}
.nmessagenr ul li textarea{
	width:100%;
	height:140px;
	line-height:30px;
	border:solid 1px #e4e4e4;
	padding:5px 5px 5px 40px;
	font-size: 14px;
	background:#f1f1f1;
	border-radius:3px;
}
.nmessagenr .tjbtn{
	width:100%;
	overflow:hidden;
	margin:20px auto 60px auto;
}
.nmessagenr .tjbtn input{
	width: 100%;
    height: 50px;
    overflow: hidden;
    text-align: center;
    line-height: 50px;
    color: #fff;
    background:#084ca1;
    font-size: 16px;
	border-radius:3px;
}
.nmessagenr input::-webkit-input-placeholder,
.nmessagenr input::-moz-input-placeholder,
.nmessagenr input::-ms-input-placeholder{
	color: #666666;
}
	  
.nmessagenr textarea::-webkit-input-placeholder,
.nmessagenr textarea::-moz-input-placeholder,
.nmessagenr textarea::-ms-input-placeholder {
	color: #666666;
}
.nmessagenr .has-error em{
	color:#084ca1;
	font-style:normal;
	font-size:12px;
	margin-left:10px;
}
/* nnews
-------------------------------------------------------------- */
.nnewslist{
	margin-bottom:30px;
	padding-bottom:30px;
	border-bottom:1px solid #ededed;
}
.nnewslist:hover{
	border-bottom:1px solid #a6bedd;
}
.nnewslist .newsimg{
	overflow:hidden; 
	background:#1c4582; 
	position: relative;
    width: 24%;
    height: 190px;
    display: block;
	float:left;
}
.nnewslist .newsimg img{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    transition: all .5s ease;
}
.nnewslist:hover .newsimg img{
	transform:translate(-50%, -50%) scale(1.2);
	transition: all 0.5s ease 0s;
}
.nnewslist .newscon{
	width:72%;
	float:right;
}
.nnewslist:hover .newsbt{
	color:#084ca1;
}
.nnewslist .newsbt{
	font-size:20px;
	line-height:40px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
	color:#333;
	margin:15px 0;
}
.nnewslist .newsms{
	line-height:28px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	font-size:16px;
	color:#666;
}
.nnewslist .newsxq{
	color:#666;
	font-size:14px;
	line-height:30px;
	margin-top:20px;	
}
.nnewsnr h1{
	text-align:left;
	font-size:30px;
	margin-bottom:20px;
	line-height:30px;
	font-weight:normal;
	color:#333;
}
.nnewsnr .fbtime{
	font-size:16px;
	line-height:30px;
	text-align:left;
	border-bottom:1px solid #ededed;
	padding-bottom:20px;
	margin-bottom:30px;
	color:#666;
}
.info{
	background:#f5f5f5;
	padding:10px;
	margin-bottom:15px;
	line-height:24px;
}
.news_content{
	line-height:28px;
	font-size:16px;
}
/* ncontact
-------------------------------------------------------------- */
#map {
    width: 100%;
    height: 440px;
    overflow: hidden;
}
.ncontactl h4{
	color:#084ca1;
	font-size:24px;
	line-height:40px;
	padding-bottom:20px;
	margin-bottom:25px;
	position:relative;
	font-weight:bold;
}
.ncontactl h4::after{
	position:absolute;
	content:"";
	left:0;
	bottom:0;
	width:50px;
	height:2px;
	background:#084ca1;
}
.ncontactl p img{
	vertical-align:middle;
	margin:-3px 8px 0 0;
}
.ncontactl p{
	font-size:16px;
	color:#333;
	line-height:44px;
	margin-bottom:20px;
}
.ncontactl .ewm{
	float:left;
	width:115px;
	text-align:center;
	font-size:16px;
	margin-right:30px;
}
.ncontactl .ewm p{
	font-size:14px;
	color:#666;
}
/* npro
-------------------------------------------------------------- */
.npronrr{ padding-left:20px;}
.npronr .prolist{
	width:31%;
	margin:15px 1%;
	float:left;
}
.npronrinfo{
	background:#fff;
}
.npronrimg{
	text-align:center;
	padding:50px 0;
	border-bottom:3px solid #bc4523;
}
.npronrl img{
	max-width:100%;
	border:1px solid #dbdbdb;
}
.npronrr h3{
	font-size:26px;
	color:#084ca1;
	font-weight:bold;
	line-height:40px;
	position:relative;
	margin-bottom:50px;
}
.npronrr h3::after{
	position:absolute;
	left:0;
	bottom:-20px;
	width:40px;
	height:2px;
	background:#084ca1;
	content:"";
}
.npronrr p{
	font-size:16px;
	line-height:30px;
	color:#666;
}
.npronrr a{
	display:block;
	width:152px;
	height:46px;
	line-height:46px;
	background:#084ca1;
	color:#fff;
	font-size:16px;
	margin-top:40px;
	transition: all 0.5s ease 0s;
}
.npronrr a:hover{
	border-radius:30px;
	transition: all 0.5s ease 0s;
}
.npronrr a img{
	vertical-align:middle;
	margin:-3px 8px 0 30px;
}
.npronrcon{
	margin:60px 0 0 0;
}
.nprojj{
	color:#fff;
	font-size:16px;
	line-height:32px;
	background:#084ca1;
	color:#fff;
	padding-left:10px;
	line-height:46px;
	margin-bottom:20px;
}
.nprojj img{
	vertical-align:middle;
	margin:-3px 5px 0 0;
}
.nproinfo p,.nproinfo{
	font-size:16px;
	line-height:32px;
	color:#666;
}
/*产品展示结束*/

/* 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-right: 6px;
	border:1px solid #dcdcdc;
	padding:5px 10px;
	font-size:14px;
}
.dede_pages ul li.thisclass{
    box-sizing: border-box;
	background: #084ca1;
	color:#fff;
	border:1px solid #084ca1;
}
.dede_pages ul li.thisclass a{
	color:#fff;
}
.dede_pages ul li:hover a{
	color:#fff;
}
.dede_pages ul li:hover{
    background: #084ca1;
	color: #fff;
	cursor:pointer;
	border:1px solid #084ca1;
}
.dede_pages ul li:hover span{
	color:#fff;
}
.page1{
	width:100%;
	overflow:hidden;
	margin-top:50px;
	margin-bottom:50px;
	border-top:1px solid #ededed;
	padding:0 15px;
}
.pageleft,
.pageright{
	width:49%;
	float:left;
	height:50px;
	line-height:50px;
	text-align:left;
	color:#666;
}
.pageleft{
	text-align:right;
}
.pageright{
	float:right;
}
.pageleft:hover p,
.pageright:hover p{
	color:#084ca1;
}
.page1 p{
	width:100%;
	height:50px;
	line-height:50px;
	overflow:hidden;
	font-size: 16px;
}
.page1 p a{
	color:#666;
	font-size: 16px;
}
.pageleft:hover p a,
.pageleft p:hover a
.pageright:hover p a,
.pageright p:hover a{
	color:#084ca1;
}
.page1 p a:hover{
	color:#084ca1;
}
/**/
@media(max-width:1600px) {
	.about .cont{
		bottom:40px;
	}
}
@media(max-width:1440px) {
	.about .cont{
		bottom:20px;
	}
}
@media(max-width:1200px) {
	.cont,.headernr,.pronr{
		width:95%;
	}	
	.aboutlnr {
		max-width: inherit;
		width: 95%;
	}
	.about .cont{
		position:relative;
		left:0;
		top:0;
		margin:0 auto;
		background:#fafafa;
	}
	.pronr .swiper-button-prev {
		left: -26px;
	}
	.pronr .swiper-button-next {
		right: -26px;
	}
	.prolist .proimg{
		height:260px;
	}
	.newslist .newsimg{
		height:250px;
	}
	.newslist{
		margin-bottom:22px;
	}
	.nabout_menu li{
		margin-right:20px;
		margin-bottom:15px;
	}
	.nnewslist .newsimg{
		height:170px;
		width:22%;
	}
	.nnewslist .newscon{
		width:75%;
	}
	.nav .menu > li > a {
		padding: 0 5px;
	}
}
@media(max-width:1024px) {
	.banner_n{
		height:300px;
	}
	.nav .menu > li > a{
		padding:0px;
	}
	.prolist .proimg{
		height:220px;
	}
	.newslist .newsimg{
		height:210px;
	}
	.about .tit{
		margin:30px 0 20px 0;
	}
	.newslist .newsbt,
	.prolist .protit{
		font-size:16px;
	}
	.newsnrl .newslist a{
		padding-bottom:5px;
	}
	.newslist {
		margin-bottom: 13px;
	}
	.foottel{
		margin-left:17px;
	}
	.nabout_menu li {
		margin-right: 5px;
	}
	.nnewslist .newsimg{
		height:150px;
	}
	.nnewslist .newsbt{
		margin:0;
	}
	.nnewslist .newsxq{
		margin-top:10px;
	}
	.nnewsnr h1{
		font-size:24px;
	}
	.nnewslist .newsbt{
		font-size:16px;
	}
	.nnewslist .newsms{
		font-size:14px;
	}
	.ab_fl dl:nth-child(2) div{
		border:none;
	}
	.capitalize .ad-tit{
		font-size:32px;
	}
	.capitalize .ad-en{
		font-size:28px;
	}
	.nabout_menu{
		margin-bottom:30px;
	}
	.nabout_menu .cont{
		text-align:left;
	}
	
	
}
@media(max-width:991px) {
	.hidden-s{
		display:none;
	}
	.mobile-header{
		display:block;
		height:74px;
		background:#fff;
	}
	.advantagesnr p{
		height:64px;
	}
	.advantagesnr > div{
		padding:15px;
	}
	.foottel {
		margin-left: 12px;
	}
	.aboutlnr{
		padding-right:40px;
	}
	.footlogo{
		width:20%;
	}
	.footnav{
		width:78%;
	}
	.foottel {
		margin-left: 20px;
	}
	.zhilian,.beian {
		text-align: left;
	}
	.nnewsnr .fbtime{
		font-size:14px;
		padding-bottom:10px;
	}
	.nnewsnr h1{
		margin-bottom:8px;
	}
}

@media(max-width:768px) {
	.left,.right{
		float:none;
	}
	.page1{
		padding:0;
	}
	.pageleft, .pageright{
		width:100%;
		text-align:left;
	}
	.banner_n{
		height:240px;
	}
	.tit p{
		font-size:38px;
	}
	.tit h3 a{
		font-size:30px;
	}
	.about .tit p {
		font-size: 28px;
	}
	.about .tit h3 a {
		font-size: 24px;
	}
	.about .tit {
		margin: 20px 0 10px 0;
	}
	.pronr .swiper-button-prev{
		left:-16px;
	}
	.pronr .swiper-button-next{
		right:-16px;
	}
	.npronr .prolist{
		width:48%;
	}
	.newsnrl{
		padding:0;
	}
	.prolist .proimg {
		height: 250px;
	}
	.newslist .newsimg{
		height:183px;
	}
	.newslist .newsdate {
		line-height: 22px;
	}
	.newsnrl .newslist a::before{
		top:13px;
	}
	.newslist .newsbt{
		line-height:30px;
	}
	.footlogo{
		display:none;
	}
	.footnav{
		width:100%;
		float:none;
	}
	.botnav{
		margin:20px 0 30px 0;
	}
	.ntit span{
		font-size:26px;
		padding-bottom:10px;
	}
	.capitalize .ad-tit{
		font-size:28px;
	}
	.capitalize .ad-en{
		font-size:20px;
	}
	.nnewslist .newsimg {
		height: 120px;
	}
	.nnewsnr h1{
		font-size:20px;
	}
	.marginb50{
		margin-bottom:30px;
	}
	.nnewslist .newsbt{
		line-height:30px;
	}
	.nnewslist .newsxq{
		margin:0;
	}
	.npronrr h3 {
		font-size: 20px;
		margin-bottom: 25px;
	}
	.npronrr h3::after{
		bottom:-10px;
	}
	.npronrcon{
		margin-top:30px;
	}
	.ab_fl dl div{
		margin:20px 0;
	}
	.nnewslist{
		margin-bottom:15px;
		padding-bottom:15px;
	}
}
	
@media(max-width:767px) {
	.aboutlnr{
		padding:0;
		margin:0 auto;
	}
	.aboutl{
		margin-bottom:15px;	
	}
	.naboutl{
		padding:0;
	}
	.advantages1 span, .advantages2 span, .advantages3 span, .advantages4 span{
		width:90px;
		height:90px;
	}
	.tit{
		margin:0 0 30px 0;
	}
	.newsnrr{
		display:none;
	}
	.news,.advantages{
		padding:40px 0;
	}
	.footmap{
		margin-top:15px;
	}
	.naboutl h5{
		margin-bottom:25px;
	}
	.naboutr{
		margin-top:15px;
	}
	.nabout .ab_fl{
		margin-top:20px;
	}
	.ab_fl dl dt span{
		font-size:42px;
	}
	.npronrr{
		margin-top:15px;
	}
	
	
}
@media(max-width:640px) {
	.logo{
		width:85%;
	}
	#map{
		height:330px;
	}
	.nnewslist .newsimg {
		height: 100px;
	}
	.nnewslist .newsms {
		-webkit-line-clamp: 1;
	}
	.prolist .proimg {
		height: 210px;
	}
	.advantagesnr h4{
		font-size:18px;
	}
	.nmessagenr ul li{
		width:100%;
		margin-right:0;
	}
	.pronr .swiper-button-prev,
	.pronr .swiper-button-next{
		display:none;
	}
	.advantagesnr p{
		height:auto;
	}
}

@media(max-width:500px) {
	.banner_n{
		height:200px;
	}
	.npronr .prolist{
		width:100%;
		margin:8px 0;
	}
	.prolist .proimg{
		height: auto;
	}
	.prolist .proimg img{
		position:relative;
		top: 0%;
		left: 0%;
		transform: translate(0%, 0%);
	}
	.prolist:hover img{
		transform:translate(0%, 0%) scale(1.2);
	}
	.lxwm p {
		font-size: 14px;
		line-height: 26px;
	}
	.nnewslist .newsimg {
		height: 80px;
	}	
	.nnewslist .newsms{
		line-height:20px;
	}
	.nnewslist .newsxq{
		font-size:12px;
		line-height:24px;
	}
	.botnav li{
		width:auto;
	}
	.advantagesnr p{
		font-size:14px;
		line-height:26px;
	}
	.advantagesnr h4{
		font-size:16px;
	}
	.post{
		line-height:50px;
		margin-bottom:30px;
	}
	.nabout_menu{
		margin-bottom:20px;
	}
}

@media(max-width:414px) {
	.tit p {
		font-size: 32px;
	}
	.tit h3 a {
		font-size: 26px;
	}
	.newsnrl .newslist a::before{
		font-size:44px;
		top:10px;
	}
	.newslist .newsms{
		line-height:20px;
	}
	.nnewslist .newsimg{
		height:70px;
	}
	.nnewslist .newsbt{
		line-height:26px;
	}
	.aboutlnr{
		line-height:30px;
	}
}
@media(max-width:375px) {
	.banner_n{
		height:180px;
	}
	.capitalize .ad-tit{
		font-size:24px;
	}
	.capitalize .ad-en{
		font-size:18px;
	}
	.ab_fl dl dt span {
		font-size: 38px;
	}
	.tit p {
		font-size: 28px;
	}
	.tit h3 a {
		font-size: 24px;
	}
	.advantagesnr p{
		height:104px;
	}
	.tit{
		margin-bottom:15px;
	}
}
@media(max-width:360px) {
	.banner_n {
		height: 160px;
	}
	.naboutl h4{
		font-size:24px;
	}
	.naboutl h5{
		font-size:14px;
	}
}
@media(max-width:320px) {
	.banner_n {
		height: 140px;
	}
	.capitalize .ad-tit{
		font-size:22px;
	}
	.capitalize .ad-en{
		font-size:16px;
	}
	.ab_fl dl dt span {
		font-size: 34px;
	}
	.tit p {
		font-size: 26px;
	}
}
.swiper-container{ overflow:hidden;}
.topnr{ width:100%; height:40px; background:#083771;}
.topnr .toptel{ color:#fff; text-align:right; font-size:14px; line-height:40px;}