@charset "utf-8";
/* CSS Document */
body{ }
a:focus {
  /*outline: thin dotted;*/
  outline:none;
  -moz-outline:none;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
nav {
    padding: 0px;
    margin: 0px auto;
    border-bottom:0px solid #DADDE0;
}
nav:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
nav .logo { border:0px solid #000; margin:12px 0px 0px 0px;
}
.areaall{ padding-top:94px;}
/*#about,#pro,#anli,#content{ padding:80px 0px 80px 0px;}*/

/* start navigation */
.custom-navbar
   {
	   border-bottom: 0;
	   background: 0 0;
	   transition: all 0.3s ease;padding: 0px; background:url(../images/header.png) #fff no-repeat center bottom; border:0px solid #000; height:94px; overflow:hidden;box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.08);box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.08);
	   margin: 0px auto;
   }
.custom-navbar.top-nav-collapse
   {
	  padding: 0;
	  box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.08);
	  background: #fff;
  }

.custom-navbarpage
   {
	   border-bottom: 0;
	   background: 0 0;
	   transition: all 0.3s ease;padding: 0px; background:url(../images/header01.png) #fff no-repeat center bottom; border:0px solid #000; height:94px; overflow:hidden;box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.08);box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.08); border-bottom:1px solid #DADDE0;
	   margin: 0px auto;
   }
.custom-navbarpage.top-nav-collapse
   {
	  padding: 0;
	  box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.08);
	  background: #fff;
  }

.pagebanner{border-bottom:1px solid #DADDE0;}

.areabody{ width:1280px; margin:0px auto; border:0px solid #000; }

.menu{ border:0px solid #000;  line-height:30px; height:30px; padding-top:15px; padding-left:33px;
	}

.menu ul {
}
.menu li { float:left; font-size:15px;   border:0px solid #000;LIST-STYLE-TYPE: none; text-align:center; font-weight:900;
}
.menu li a {
    color: #333;	height: 65px;	line-height: 65px; padding:15px 27px 15px 27px;	-webkit-transition: all 0.3s ease;	transition: all 0.3s ease; margin-left:5px;
}
.menu li.active a,
.menu li a:hover,
.menu li a.selected {
    color: #0F4CBC;
}
   
.menu li.fative a,
.menu li a:hover,
.menu li a.selected { color: #fff;background-color: #59A3D0;background-color: #59A3D0; text-decoration:none;border-radius: 5px;	-webkit-border-radius: 5px;	-moz-border-radius: 5px; padding:15px 27px 15px 27px;
}

.menu li a:hover
{
	background-color: #59A3D0; text-decoration:none;border-radius: 5px;	-webkit-border-radius: 5px;	-moz-border-radius: 5px;	color: #FFF;
}

.menu li a:focus { color: #fff; background-color: #59A3D0;border-radius: 5px;	-webkit-border-radius: 5px;	-moz-border-radius: 5px; border:1px dotted #fff }
.menu li > .active > a,
.menu li > .active > a:hover,
.menu li > .active > a:focus {
	color: #FFF;
	background-color: #ffa400;
}



.guiding{width:1280px; border:1px solid #000; margin:0px auto;}
/* start preloader */
.preloader
    {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 99999;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row nowrap;
            -ms-flex-flow: row nowrap;
                flex-flow: row nowrap;
        /*justify-content: center;*/
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        background: none repeat scroll 0 0 #fff;
    }
.sk-spinner-rotating-plane.sk-spinner 
    {
         width: 30px;
        height: 30px;
        background-color: #28a7e9;
         margin: 0 auto;
        -webkit-animation: sk-rotatePlane 1.8s infinite ease-in-out;
                animation: sk-rotatePlane 1.8s infinite ease-in-out;
     }

@-webkit-keyframes sk-rotatePlane {
  0% {
         -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
                 transform: perspective(120px) rotateX(0deg) rotateY(0deg); }

  50% {
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
                transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }

  100% {
            -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
                    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }

@keyframes sk-rotatePlane {
  0% {
         -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
                 transform: perspective(120px) rotateX(0deg) rotateY(0deg); }

  50% {
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
                transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }

  100% {
            -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
                    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }
/* end preloader */

/*===============================banner====================================*/
.overlay 
    {
       width: 100%;
       height: 100%; 
       /*background: rgba(0, 0, 0, 0.7);*/
    }
.banner{border-top:1px solid #fff; 
}
.bannerbg{ background:url(../images/img/bannerbg1.png) no-repeat center;  border-top:0px solid #fff;border-bottom:1px solid #fff;
}
.bannerbgabout{ background:url(../images/img/about.jpg) no-repeat center;  border-top:0px solid #fff;border-bottom:1px solid #DADDE0;
}

.bannerbgpro{ background:url(../images/img/pro.jpg) no-repeat center;  border-top:0px solid #fff;border-bottom:1px solid #DADDE0;
}

.bannerbganli{ background:url(../images/img/anli.jpg) no-repeat center;  border-top:0px solid #fff;border-bottom:1px solid #DADDE0;
}

.bannerbgcontent{ background:url(../images/img/content.jpg) no-repeat center;  border-top:0px solid #fff;border-bottom:1px solid #DADDE0;
}



.spacediv{ height:12px; line-height:12px;border-bottom:1px solid #DADDE0; background:#eee;}

.t30{ margin-top:50px;}
.t60{ margin-top:50px;}
.t70{ margin-top:70px;}
.t100{ margin-top:20px;}

.txleft{ text-align:left; padding-left:20px;}

.flexslider {
    margin: 0 auto;
    padding: 0;
    position: relative;
    zoom: 1;
    overflow: hidden;
    text-align: center;
	border:0px solid #F00;
	width:1280px; 
	height:500px;
	
}
.flexslider .slides {
    padding: 0;
    zoom: 1;
}
.flexslider .slides img {
    /*width: 100%;
    min-width: 648px;
    min-height: 270px;
    display: block;*/ 
}
.flexslider .slides > li {
    display: none;  
    padding: 0;
    position: relative;
    -webkit-backface-visibility: hidden; list-style:none; border:0px solid #fff;
}
.flexslider img {
    /*position: relative;
    width: 100%;*/
}
.slider-caption {
	
    color:white;
    margin: 0px auto;
    /*position: absolute;
    top: 0;
    left: 0;*/
	padding-top:100px;
    text-transform: uppercase;
    z-index: 7;
    width: 100%;
    height: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}


.title{ background:url(../images/img/titlebg.png) bottom no-repeat; width:576px; margin:0px auto;  color:#33465E; font-size:25px; text-align:center; line-height:82px; letter-spacing:2px; font-weight:500; padding-top:34px;}
.title span{color:#647485; font-size:21px;letter-spacing:0px; font-family:Arial, Helvetica, sans-serif; padding-left:15px; }
.title span.en{color:#33465E; font-size:25px;letter-spacing:2px; font-family:Arial, Helvetica, sans-serif; padding-left:15px; }
.enl{color:#97A4B3; font-size:13px;letter-spacing:2px; line-height:20px; margin-top:-10px; padding-bottom:17px;}
.enl span{letter-spacing:2px;  font-family:Arial, Helvetica, sans-serif;padding-left:5px;font-size:13px;color:#97A4B3;  }

.toppad{ padding-top:40px;}


/*===============================adoutus====================================*/
.adoutus{ height:408px; background:#fbfbfb; border-bottom:1px solid #f0f0f0; 
}
.adoutusbody{ width:1126px; margin:0px auto;}

.abouttext{color:#8493A5; font-size:13px; float:left; width:706px; line-height:30px; text-indent:2em; padding-top:15px;}
.aboutimg{ float:right; width:374px;}



/*===============================tuoputu====================================*/
.tuoputu{ height:586px; background:#fff; border-top:1px solid #fff;border-bottom:1px solid #f0f0f0;
}
.tptdiv{ padding:40px 0px 0px 0px ; border:0px solid #000;}
.tptext{ width:350px;border:0px solid #000;}
.tuopulist{ padding-bottom:50px;}
.tuopulist ul{border:0px solid #fff;  }

.tuopulist li{ border:0px solid #000; line-height:30px;}
.tuopulist li span{ color:#33465E; font-size:16px; line-height:40px;}

.tuopulist li.one{ width:270px;}
.tuopulist li.two{width:59px;}

.tright{ text-align:right}

.dmtimg{ background:#179CE3; border:10px solid #ededed;border-radius: 50%; padding:8px; }

.tptcenter{ width:524px; text-align:center;border:0px solid #000; margin-left:40px; padding-top:60px;}
.patop{ padding-top:80px; }
.patopr{ padding-top:30px; }
.patope{ padding-top:110px; }


/*===============================indextext====================================*/
.indextext{height:451px; background:#fbfbfb; border-bottom:1px solid #f0f0f0;
	}
.intextar{ text-align:center; width:940px; margin:0px auto; line-height:30px; padding:37px 0px 37px 0px;}
.buttondiv{ width:600px; margin:0px auto;}
.wemenu{ border:0px solid #000;  line-height:30px; height:30px; padding-top:25px; padding-left:33px;
	}
.wemenu ul {
}
.wemenu li { float:left; font-size:15px;   border:0px solid #000;LIST-STYLE-TYPE: none; text-align:center; font-weight:900; margin:0px 4px 0px 4px;
}
.wemenu li a {
    color: #fff;	height: 65px;	line-height: 65px; padding:11px 30px 11px 30px;	-webkit-transition: all 0.3s ease;	transition: all 0.3s ease;background:#1DACF6;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:6px;
}
.wemenu li.active a,
.wemenu li a:hover,
.wemenu li a.selected {
    color: #fff;background-color: #2ACAFF;
}
.wemenu li a:hover
{
	background-color: #2ACAFF; text-decoration:none;border-radius: 5px;	-webkit-border-radius: 5px;	-moz-border-radius: 5px;	color: #FFF;
}

/*===============================pro====================================*/
.pro{ height:829px; background:#fff; border-top:1px solid #fff;border-bottom:1px solid #f0f0f0;
	}
.prolist{
	}
	
.prolist li{ float:left; width:296px; height:543px; overflow:hidden; border:1px solid #F0F0F0; background:#fbfbfb;margin:60px 12px 0px 12px; padding:10px;
	}	
	
.proimg img{ border:2px solid #EDEDED; padding:1px; width:274px; height:222px;}
	
.protitle{ font-size:15px; font-weight:bold; color:#333; line-height:46px; padding:0px 5px 0px 5px;} 
	
.protext{ line-height:24px; padding:0px 0px 0px 3px; height:188px; overflow:hidden;
	}
.probtn{ width:88%; margin:0px auto;  background:url(../images/img/titlebg.png) top no-repeat;   text-align:center; margin-top:8px;}	
	
.bluea {
    color: #fff;	height: 65px;	line-height: 65px; padding:11px 30px 11px 30px;	-webkit-transition: all 0.3s ease;	transition: all 0.3s ease;background:#1DACF6;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:6px;
}
.bluea.active a,
.bluea:hover,
.bluea:selected {
    color: #fff;background-color: #2ACAFF;
}
.bluea:hover
{
	background-color: #2ACAFF;   text-decoration:none;border-radius: 5px;	-webkit-border-radius: 5px;	-moz-border-radius: 5px;	color: #FFF;
}	
/*===============================bottom====================================*/
.bottom{height:80px; background:#fff; border-bottom:1px solid #fff; padding-top:50px; padding-bottom:80px; 
	}
.bottom li{ float:left;}
.bottom li a {-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:6px;padding:3px 20px 3px 20px;
}

.bottom li a:hover
{
	background-color: #1DACF6; text-decoration:none;border-radius: 5px;	-webkit-border-radius: 5px;	-moz-border-radius: 5px;	color: #FFF;padding:3px 20px 3px 20px;transition: all 0.3s ease;
}


/*=====================================content==================================*/
.lxwm{ padding-top:40px;}
.mapimg{ padding:6px; border:1px solid #EDEDED;}
.mapimg img:hover{background:#f6f6f6;   filter: Alpha(opacity=80); opacity:.80;}
.lxfs li{ margin:20px 0px 0px 0px;}
.lxfs li.img{}


/*=====================================分页==================================*/

.pagebady{  background:#fff; border-bottom:1px solid #fff; 
}
.w400{ width:620px;border:0px solid #000; }
.w652{ width:652px;border:0px solid #000; }

.pbpadding{ padding-left:170px;}
.pbpadding_30{padding-left:30px;}
.dianimg{ padding-top:10px;}

.qut{ text-align:center; padding:40px; border:1px solid #EDEDED; margin-top:40px;}
.bottomlist{border-top:1px solid #EDEDED; margin-top:40px;
	}
.bottomlist li{ text-align:center;}

.bottomlist li img{ padding:80px 10px 40px 10px;
	}
.combg{ background:#fbfbfb; }

.infotext{ text-align:left; line-height:30px; font-size:14px; text-indent:2em; padding:40px 40px 40px 40px;
	}
.contentlist li{ line-height:50px; border:1px solid #EDEDED; margin:8px 0px 4px 0px; padding-left:20px;}


.pinfo{ background:#fbfbfb; border-bottom:1px solid #EDEDED;padding:40px 40px 120px 40px;
	}
.pinfow{ background:#fff; border-bottom:1px solid #EDEDED; padding:40px 40px 120px 40px; margin-top:40px;
	}

.titlebor{line-height:50px; border:1px solid #EDEDED; margin:8px 0px 4px 0px; padding-left:20px; font-size:15px; font-weight:bold; background:#f9f9f9; text-align:left}
.hif{  padding:20px;}
/*=====================================End 分页==================================*/


@media (min-width: 1140px) { 
	nav {
	    padding: 0px; background:url(../images/header.png) no-repeat center bottom; border:0px solid #000; height:94px; overflow:hidden;
	    margin: 0px auto;
	}
}

@media (max-width: 1140px) { 
	/*header {
	    padding: 0
	}*/
}

@media (min-width: 768px) and (max-width: 979px) { 
	nav {
	    width: 724px
	}
}

@media (max-width: 767px) { 
	body {
	    padding-right: 0px !important;
	    padding-left: 0px !important;
	}
	nav,
	.container {
	    padding-right: 25px;
	    padding-left: 25px;
	}
	.zhan{ height:1px;
		}
	nav {
	    width: 100%
	}
	nav .logo {
	    float: none;
	    text-align: center;
	    margin: 0 0 20px 0;
	}
	nav .logo img {
	    display: inline
	}
}