/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */
body{
   background:#fff;
   font-family:"寰蒋闆呴粦"; 
}
a{text-decoration:none;color:#696969;}
ul,dl,ol,li,dd,dt{margin:0;padding:0;list-style:none;}
h1,h2,h3,h4{margin:0;padding:0;}
i,em{font-style:normal;}
img{max-width:100%;}
::-webkit-input-placeholder { color:#4d4d4d;  }
input:-moz-placeholder { color: #4d4d4d;} 
.warp{
	max-width:1002px;
	margin:0 auto;
}
#header{
   margin: 0 0;
   position:relative;
}
#header .top{ height:2%; background-color:#f5f5f5;}
.lang{ text-align:right;
   margin:.6% 0 ;
}
.lang span{ font-size:0.75em;}
.lang a{ 
	color:#010101;
	font-size:0.75em;
	display:inline-block;
	margin:0 0.2%
}
.lang a img{ float:left; margin-right:4px}


#header .logo{
   width:40.087336244541484716157205240175%;
   position:relative;
   float:left; margin:2% 0;
}
#header  .logo2{
   display:none;
}
#header .h-rig{
   width:58%;
   float:right;
   text-align:right;
}
#menu{
   display:none;
   text-align:right;
   margin-top:.4em;
}
#menu a{
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #ededed;
background-repeat: repeat-x;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
background-image: linear-gradient(to bottom, #f2f2f2, #e5e5e5);
border-left-color: #e5e5e5;
border-right-color: #e5e5e5;
border-top-color: #e5e5e5;
border-bottom-color: #bfbfbf;
color: #fff;
width: 50px;
text-shadow: none;
margin:0 auto 0;
display:inline-block;
border: 0;
text-transform: none;
background: #1b4dbe !important;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
padding:1% 0;
}
#menu a:hover{
  background:#1b4dbe!important;
}
.icon-bar {
display: block;
width: 55%;
height: 2px;
margin:10% auto;
background-color: #f5f5f5;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;

-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}
#nav { margin-top:5%;
    text-align:right;
}
#nav li{ 
	display:inline-block;
	font-size:0.9375em;
	padding:0 3%;	
}

#nav li:last-child{
	padding:0 0 0 2% ;
	background:none;
}
#nav li a{color:#000;}
#nav li a:hover,#nav li a.curr{
   color:#1c4dbf; padding-bottom:2px;
   background:url(../images/navhbg.jpg) repeat-x bottom;
   /*text-decoration:underline*/
}
#close_menu{
   display:none;
}

/***/
#banner{ 
   position: relative; /*max-height:435px;*/ 
}
#banner>a{
   position: absolute;
   top:40%;
   width:3.1875463306152705707931801334322%;
   z-index:222;
}
#banner>a.arrow-left{
  left:1%;
}
#banner>a.arrow-right{
  right:1%;
}
/*ie涓嬬殑鐒︾偣鍥�**/
#demo1{
  overflow:hidden;
  position:relative;
  z-index:0;
  width:1145px;
  margin:0 auto;
}
#demo1 .imgList li{
	float:left;
	width:1145px;
}
#banner .pager{ position:relative; height:3em; width:100%;z-index:100; text-align:right; text-align:center; border:1px solid #000}

#banner .pager a {
	display:inline-block; text-indent:-99999px;height:0.6em; width:0.6em;  border-radius:50%; _display:inline; margin-right:.7em;
    margin-top:1em;
	background:url(../images/ie_pager.png) no-repeat;
	background-size:100% 100%;
	}
#banner .pager a.selected,#banner .pager a:hover{
	background:url(../images/ie_pager_hover.png) no-repeat;
	background-size:100% 100%;
	
	
}

/* 婊戝姩鐒︾偣鍥� */
.swiper-container {height:auto; text-align:center;margin:0 auto;position:relative; overflow:hidden; z-index:5; }
.swiper-wrapper {position: relative;z-index:10;  }
.swiper-slide {position:relative;text-align:center; float:left;}
.swiper-slide a{ position:relative; width:100%; height:100%; display:block; overflow:hidden;}
.swiper-slide img{ max-height:100%;vertical-align:middle; position:relative;}
.pagination{ position:absolute; width:100%;z-index:100;  text-align:center; bottom:2%; display:block;}
.pagination .swiper-pagination-switch{ display:inline-block; height:0.6em; width:0.6em; background:url(../images/ie_pager.png) no-repeat 100% 100%; _display:inline; margin-right:.7em;}
.pagination .swiper-active-switch{ background:url(../images/ie_pager_hover.png) no-repeat 100% 100%;}


/***/
#footer{ background-color:#22469a; clear:both;
   padding:1.25em 0 3px 0;
   font-size:.815em;
   color:#d3d3d3;
   line-height:2em;
}
#footer ul{ margin:0 0 1.25em;  overflow:hidden}
#footer li{ float:left; background:url(../images/ftbg.jpg) no-repeat left center; min-height:57px; padding:2% 0; word-break:break-all}
#footer li:first-child{
	width:30%;background:none;
	
}
#footer li:nth-child(2){
	width:33%; padding:2% 4%;
	}
#footer li I img{  margin-right:0.4em}

#footer li:last-child{ 
	width:29%; 
}
#footer li form{ float:left; width:60%; margin-left:10%; margin-top:6%}
#footer li input{ border:none;}
#footer li input[type=text]{ width:10em; height:1.8em; background-color:#333333; color:#d3d3d3; float:left}
#footer li input[type=submit]{  width:2em; height:1.8em;background:url(../images/submitbg.jpg) no-repeat center #fff;float:left;}
#footer li a{ float:left; margin-top:6%}

.ftdn{ background-color:#e0e0e0; overflow:hidden; clear:both; }
.ftdn .warp{ color:#7c8da5; }
.ftdn span{ float:right;}
.ftdn img{ float:left; margin:.4% .2% 0; }
.ftdn p{ display:inline;}
@media only screen and (max-width: 640px) {
#footer li:first-child img{ width:90%; margin-top:2em }
#footer li {line-height:.8em;font-size:10px; word-break:break-all}
#footer li I{ line-height:1.5em}
#footer li I img{ width:5%;}
#footer li I:last-child{ display:inline-block; }
#footer li form{ width:8em;margin-top:1em }
#footer li input[type=text]{ width:5em;}
#footer li a{ margin-top:0;}
#footer li:last-child{  padding-bottom:10%;}
#footer li:last-child img{  margin:1em 0 0 1em; width:80%;}
.ftdn { font-size:0.6em}
.ftdn .warp{line-height:1em; padding:1em 0 2em;}
.ftdn img{/*width:10%; height:10%; margin:.8% .8% 0;*/ width:4em; margin-bottom:2%; margin-right:1% }
.ftdn span{ float:left; line-height:1.8em; padding-left:1em;}
}

.banner{ margin-bottom:2%;}

/* index */
.inpro h2{ clear:both; overflow:hidden; margin-bottom:2%; padding-top:1%; }
.inpro h2 img{ float:left;width:14%; }
.inpro h2 span{float:left; background:url(../images/inprobg.jpg) repeat-x; width:75%; height:15px; display:block;  margin:1% 1% 0; }
.inpro h2 a{float:left; background-color:#1c4dbf; color:#fff; text-align:center; font-size:14px; font-weight:normal; padding:.6% .2%;width:8%; 
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;}
@media only screen and (max-width: 640px) {
.inpro h2 a{font-size:.4em;width:12%; padding: 0;}
.inpro h2 span{height:4px; margin-top:1%; width:71%;}
}

.line{ width:100%; height:8px; background-color:#F5F5F5; margin-bottom:2%;}

.rolls{ width:97.8%; height:138px; margin:0 auto 2%; position:relative; }
#roll{width:92.6%;overflow:hidden; position:absolute; left:3.7%; }
#rolldiv{width:9999999px;}
#rolldiv li,#rolldiv ul{ float:left; }
#rolldiv li{ margin:0 12px; width:143px;}
#rolldiv li .pic{ width:141px; height:105px; overflow:hidden; border:1px solid #EAEAEA; text-align:center}
#rolldiv li img{height:100%;}
#rolldiv li span{ text-align:center; display:block; height:33px;line-height:33px; overflow:hidden;  word-break:break-all; color:#515151; font-size:12px}
#rollimg,#rollimg1{list-style:none;width:auto;float:left;}
#prev,#next{width:2%; height:100%;  cursor:pointer; position:absolute; }
#prev{ left:0;}
#next{right:0;}

.inpro .carousel{width:100%;  overflow:hidden; }
.inpro .carousel .prev ,.inpro .carousel .next {width:2%; height:100%;  cursor:pointer;display:block;float:left;}
.inpro .jCarouselLite{width:94%;overflow:hidden;float:left;margin:0 1% ; }
.inpro .jCarouselLite li{width:143px;text-align:center; margin:0 6px;}
.inpro .jCarouselLite li .pic{border:solid 1px #EAEAEA; text-align:center;width:141px; height:105px; overflow:hidden; }
.inpro .jCarouselLite li .pic img{ height:100%;}
.inpro .jCarouselLite li span{ display:block; height:33px; line-height:33px; text-align:center; color:#515151;}

@media only screen and (max-width: 640px) {
.rolls{ max-height:90px; }
#roll{ height:95%; width:91%; left:4%; margin-bottom:2%; }
#rolldiv li{margin:.2%; max-width:80px; }
#rolldiv li .pic{ width:100%; max-height:65px;}
#rolldiv li .pic img{ height:100%;}
#rolldiv li span{ font-size:0.5em; width:100%;  height:18px; line-height:18px; }
#prev,#next{width:3.5%;}
.line{ height:4px;}

}

.info{ width:100%; overflow:hidden; margin-bottom:2%;}
.info dt{ float:left; width:48.5%; /*border:1px solid #000;*/}
.info dd{ float:right; width:48.5%; }
.info dt h2,.info dd h2{ color:#010101; font-size:14px; background:url(../images/inh2bg.jpg) no-repeat right; font-weight:normal; margin-bottom:2%;}
.info dt h2 span,.info dd h2 span{ color:#626161;}
.info dt div{ font-size:12px; color:#696969; line-height:180%;}
.info dt div a{ float:right; margin-top:2%;}

.info .carousel {width:100%; height:138px;overflow:hidden; position:relative;}
.info .jCarouselLite {width:100%;overflow:hidden; height:70%;/*蹇呰鍏冪礌*/ position:absolute; }/*border:1px solid #000;*/
.info .jCarouselLite li{width:100%;color:#696969;font-size:12px;}
.info .jCarouselLite li a{color:#696969;}
.info .jCarouselLite li .pic{border:solid 3px #EEEEF0;width:28%; display:block; height:90px;  float:left; overflow:hidden; margin-right:10px;}
.info .jCarouselLite li .pic img{ width:100%;}
.info .jCarouselLite li h3{ height:}
.info .jCarouselLite li I{ font-style:normal; margin:1% 0; display:block}
.info .jCarouselLite li div{ height:46px; overflow:hidden; margin-top:0px; }
.info .carousel .prev ,.info  .carousel .next {position:absolute; right:18px; bottom:0;height:21px;width:18px;overflow:hidden;display:block;margin-top:0px;text-decoration:none;cursor:pointer; background:url(../images/innwar.jpg) no-repeat;background-position:0 0; outline:none;}
.info .carousel .next {background-position:-18px 0;right:0;}


@media only screen and (max-width: 640px) {
	.info .jCarouselLite{ height:74%;}
	.info .jCarouselLite li .pic{max-height:64px; }
	.info dt,.info dd{ width:100%;}
	.info dt h2,.info dd h2{ font-size:12px;background:url(../images/inh2bg2.jpg) no-repeat right;}
	.info .carousel { height:110px;}
	.info .jCarouselLite li I{ margin:0; display:inline-block; }
	.info .jCarouselLite li div{ }
}
/***/
.about{
   padding:1.5% 2.62% 0;
}
.about .a-video{
	width:36.323%;
	float:left;
	background:#0e4562;
	min-height:245px;
	color:#fff;
}
.about .a-con{
	width:57.40%;
	float:right;
	color:#373737;
	padding:2% 0;
}
.about .a-con .ac-text{
	font-size:.875em;
	position:relative;
	width:68.75%;
	line-height:2.3em;
	float:left;
}
.about .a-con .ac-text div.act-detail{
   height:190px;
   overflow:hidden;
}
.about .a-con .ac-text .more{
	display:block;
	text-align:right;
}
.about .a-con .ac-text .more a {
	color:#0e4562;
	text-decoration:underline;
}
.about .a-con .ac-ewm{
   width:25.15625%;
   text-align:center;
   float:right;
   color:#1d1d1d;
   font-size:0.8125em;
}
.about .a-con .ac-ewm span{
  margin-top:.8em;
  display:block;
}

/***/
.certificates li{
   width:18.6%;
   float:left;
   margin:0 3%;
   padding:0;
}
.certificates li a{
   display:block;
   padding:0;
   color:#3d3c3c;
   font-size:0.9375em;
}
.certificates01{
	text-align:center;
	line-height:2.2em;
	margin-top:1.5em;
}
.certificates01 li{
	margin-bottom:1em;
}
.certificates01 li  span{
   display:block;
   height:2.5em;
   overflow:hidden;
   line-height:2.5em;
}
/**************/
.pro{ margin-left:-1.3%; width:102%; 
	text-align:center;
	line-height:2.2em;
	margin-top:1.5em;
}
.pro li{ position:relative;
   width:30%;
   float:left;
   margin:0  1.6% .5em;
   padding:0;
}
/*.pro li .pic{ border:.1em solid #eee; width:94.7%; height:76%; margin:3% 2.2%; position:absolute; z-index:1000; }
*/
.pro li img{
   display:block;
   border:.1em solid #cfcfcf;
   width:99%;
}
.pro li a{
   display:block;
   padding:0;
   color:#565656;
   font-size:80%;/*0.9375em*/
}
.pro li a span{
   display:block;
   height:2.5em;
   overflow:hidden;
   line-height:2.5em;
}
.pro li .pic{ position:absolute; z-index:1000; }
.pro li .pic img{ display:block; }


@media only screen and (max-width: 640px) {
	/*.pro li .pic{height:70%;}*/
}

/***/
.news{
 padding:0 2.62% 0;
}
.news>img{
	float:left;
	width:30%;
}
.news>ul{
	float:right;
	width:67%;
	
}
.news>ul li{
	background:url(../images/bg_nli.png) no-repeat left 40%;
	overflow:hidden;
	line-height:2em;
	height:2em;
	padding-left:2%;
}

.news>ul li a{
    display:block;
	color:#373737;
	font-size:.815em;
	border-bottom:1px solid #bcbcbc;
    width:98%;
    height:2em;
	line-height:2em;
	overflow:hidden;
}
/***/
.aside{
	width:22.65%;
	float:left;
}
.aside >img {
   width:100%;
}
.aside dl {
   text-align:center;
}

.aside dl dt{ padding:.5em 0;
    background:#1846b0;
	color:#fff;
	font-size:1.5em;
	line-height:1.8em;
}
/*.aside dl dt i{
    display:block;
	font-size:0.625em;
	line-height:1.2em;
    padding:.5em 8%;
	text-align:left;
	font-style:italic;
}*/
.aside dl dd{ color:#fff;
	background:#1b4dbe;
	line-height:2.5em;
	position:relative;
	margin:4% 0;
}

.aside dl dd ul{   width:100%;  margin:0 auto;
	z-index:999;
	display:none; background-color:#fff;
}
.aside dl dd ul li{ margin: 0 auto;  width:100%; border-bottom:1px solid #e0e0e0;}
.aside dl dd ul li a{color:#4a4a4a; font-size:80%;}
.aside dl dd ul a.close{
		display:none;
   }
/* .aside dl dd:last-child{
   margin-bottom:1em;	
} */
.aside dl dd a{padding:0% 2%; 
	color:#fff; background-color:#1B4DBE; text-align:center;
	display:block;
}
.aside dl dd a:hover,.aside dl dd a.curr{
	background-color:#FF9003;
}
.aside dl dd a.select{
	background:#ff9003;
}

.pasd .aside dl dd a{ padding-left:23.68%; text-align:left;}
.pasd .aside dl dd a,.pasd .aside dl dd a:hover,.pasd .aside dl dd a.curr,.pasd .aside dl dd a.select{ background-color:#e1e1e1; color:#4a4a4a;}
.pasd .aside dl dd{ background-color:#fff}
.pasd .aside dl dd ul li a{ padding-left:15.7%;}
.pasd .aside dl dd ul li a,.pasd .aside dl dd ul li a:hover{background-color:#fff;}
.pasd .aside dl dd li a:hover,.pasd .aside dl dd li a.curr{
	background:url(../images/picon.jpg) no-repeat 10.1% center;
}
@media only screen and (max-width: 640px) {
	.aside{ overflow:hidden; margin-bottom:4%;}
	.aside dl dt{ padding:0;}
	.aside dl dt img{ width:5em; }
	.aside dl dd{margin:1% 0; height:20%; overflow:hidden; padding:0;}
	.aside dl dd a{ padding-left:0;}
	.aside dl dd ul{
		position:fixed;
		width:100%;
		top:0; left:0;
		/*background:rgba(14,69,98,.8);*/
		background:rgba(238,238,238,.8);
	    padding:2% 0;
		height:100%;
   }
    .aside dl dd ul li{
		width:100%;
		float:none;
		display:block;
	    margin:0 auto;
		/*background:rgba(255,255,255,.9);*/
		
   }
   .aside dl dd ul li a{
		color:#fff;
   }
 
   .aside dl dd ul a.close{ background:none;
		display:block;
   }
   .pasd .aside dl dd a{ padding-left:10%}
   .pasd .aside dl dd li a:hover{ background:url(../images/picon.jpg) no-repeat 10.1% center;}
}
@media only screen and   (max-width: 930px) {
	 .aside{
	 float:none;
	 width:100%;
	  
  }
  .aside dl{
	   padding:0 1d% 2%;
	}
   .aside dl dt{
	   border-bottom:.1em solid #fff;
	   margin-bottom:1%;
	   }
  .aside dl dd{
	 display:inline-block;
	 width:28%;
	 background:none;
	 height:2.3em;
	 line-height::2.3em;
   }
  /* .pasd .aside dl dd a:hover{ background:none;}*/
    .aside dl dd a.select{
	 background:none;
   }
   .aside-ewm,.aside >img{display:none;}
}




.page-con{
    width:74.35%;
	float:right;
	background:#fff;
	padding-left:.5%
}
.page-con h2{ background:url(../images/h2bg.jpg) no-repeat bottom;color:#696969; font-weight:normal; font-size:12px; padding:0 2% 1% 2%; line-height:100%; margin-bottom:2%;}
.page-con h2 img{ float:left; margin-right:2px}
.page-con h2 span{ float:right; }
.page-con h2 a{color:#696969;}


.page-img{
   width:100%;
   display:block;
}
.pc-tit{
	color:#fff;
	font-size:1.5em;
	font-weight:100;
	border-bottom:.28em solid #0e4562;
	padding-left:4.1928721174004192872117400419287%;
	line-height:1.6em;
	margin:-2.6% 0 .4em;	
}
/*******/
.abouts,{ 
    font-size:.875em;
	padding:0 3.1413612565445026178010471204188%;
	line-height:1.8em;
	overflow:hidden;
}
.contact{ margin-bottom:2%; overflow:hidden;}
.contact dt{ float:left; width:48.4%; height:342px; margin-right:2.7%; border:1px solid #CECECE;}
.contact dd{ float:left; width:48.5%; color:#8d9095; line-height:140%; padding-top:1%;}
.contact dd h3{ border-bottom:1px solid #e9ebec; color:#373a41; font-size:100%; padding-bottom:1%; margin-bottom:1%;}
.contact dd  img{ float:left; margin:1% 1% 0 0;}

@media only screen and   (max-width: 930px) {
	.contact dt{ width:99%; margin-bottom:1%; height:200px;}
	.contact dd{ width:100%;margin-bottom:1%;}
}
.abouts{ text-align:center; margin-bottom:2%; 
    color:#7a7a7a;
	position:relative;
}
.abouts p{ text-align:left; margin:0;}
.a-poimg{
	position:absolute;
	bottom:0;
	right:3.1413612565445026178010471204188%;
	width:41.361256544502617801047120418848%;
}

.page-main .title img{ width:15%;}
.contact{
	color:#231815;
	margin-top:1.5em;
}
.contact .con-l{
	float:left;
	margin:1em 0; 
	width:39.832285115303983228511530398323%;
}
.contact .con-r{
	float:right;
	width:51.572327044025157232704402515723%;	
	border:.08em solid #a9a9a9;
	padding-bottom:.08em;
}
.message{ overflow:hidden; margin-bottom:2%;
	margin-top:3%;
}
.message form{
	
}
.message form dt,.message form dd{ float:left; width:47%;}
.message form dd{ float:right;}
.message form label{margin-bottom:2%;  display:inline-block; color:##565656;}
.message form input[type="text"],.message form textarea{
	width:94%;
	border:1px solid #dbdbdb;
	padding:1% 2%;
	font-size:.815em;
	display:block;
	margin-bottom:4%;
}
.message form textarea{ height:246px;}
.message form input[type="submit"]{
	width:96px; height:28px; line-height:28px;
	background:url(../images/fanhui.jpg) no-repeat;
	/*padding:.5em 2%;*/
	font-size:.815em;
	font-family:"寰蒋闆呴粦";
	display:block;
	color:#fff;
	border:none;
	clear:both;
}
@media only screen and   (max-width: 640px) {
	.page-main .title img{ width:20%;}
	.message form dt,.message form dd{ float:none; width:100%;}
	.message form textarea{ height:120px;}

}
/***/
.new{
	width:100%;
	margin:2% auto ;
	font-size:.875em;
}
.new li{
	line-height:2.5em;
	overflow:hidden;
	padding:0 1%;
	border-bottom:1px solid #e5e5e5;
	margin-bottom:2%;font-size:80%;
}
.new li h3{ color:#373a41; font-size:130%; display:block;}
.new li div{ height:50px; max-height:61px; overflow:hidden; color:#929292;  line-height:160%; }
.new li a{ float:left; color:#ff9003; font-size:100%;}
.new li i{ float:right; color:#ff9003; background:url(../images/nic.jpg) no-repeat right; padding-right:22px;}
@media only screen and   (max-width: 640px) {
	.new li h3{font-size:100%;}
	.new li div{ height:48px;}
}

.new-info{
	color:#565656;
	font-size:.415em;
	line-height:160%;
	width:97%;
	margin:2% auto ;
	font-size:.875em;
}
.new-info h3{ font-weight:normal;
	font-size:1.2em;
	line-height:1.2em;
	text-align:center;
	margin:1.4em 0 1em;
}
.new-info b,.new-info strong{ display:block; color:#ffa22c;}
.new-info p{ display:block;}

.new-info .pic{ text-align:center; width:51.5%; margin:0 auto; position:relative;}
.new-info .pic .bg{ position:absolute; z-index:1000; text-align:center;  }
.new-info .pic img{ width:100%; }

@media only screen and (max-width: 640px) {
	.new-info .pic{ width:100%;}
}

.page-count{
	width:98%;
	margin:2em auto;
	height:2em;
	line-height:2em;
	font-size:.815em;
}
.page-count dt{ float:left; width:49%; }
.page-count dd{ float:right;width:49%;text-align:right;}
.page-count dt a{ background-color:#eeeeee; color:#414141;
	margin:0 1%; display:inline-block; padding:0 2.5%;
}
.page-count dt a:hover,.page-count dt a.on{ color:#ff9003;}
.page-count dd a{ background:url(../images/pagear.jpg) no-repeat left center; padding-left:14px;}
.page-count dd a:last-child{ background:url(../images/pagearr.jpg) no-repeat right center;padding-left:0; padding-right:14px; margin-left:2%}

.pages{ width:96%; font-size:90%; margin:0 auto 4%; line-height:160%; padding-top:2%;}
.pages a{ text-decoration:underline; color:#2b2b2b; overflow:hidden;}
.pages div{ width:80%; }
.pages span{ float:right;width:20%; text-align:right;}
.pages span a{  text-decoration:none; background:url(../images/fanhui.jpg) repeat-x; color:#fff; font-size:80%; padding:2% 6%;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;}
@media only screen and (max-width: 1145px) {
   .warp{
       width:99%;	   
   }

}
@media only screen and   (max-width: 1120px) {
	.pro-list li{
		width:23.95%;
	}
}
@media only screen and   (max-width: 1035px) {
	.pro-list li{
		width:23.9%;
	}
	#header  .logo1{
        display:none;
    }
	#header  .logo2,#menu{
        display:block;
    }
	#nav{
		position:fixed;
		width:40%;
		right:-55%;
		top:0;
		background:rgba(28,77,191,.9);
		height:100%;
		z-index:10;
	}
	#nav ul{
		margin:5% 0 0;
		padding:0;
	}
	#nav ul li{
		background:none;
		display:block;
		float:none;
		text-align:center;
		margin:0;
		padding:0;
		line-height:2.5em;
	}
	#nav ul li:last-child{
	    padding:0;
	}
	#nav ul li a{
		color:#fff;
	    display:block;
	}
	#nav ul li a:hover,#nav ul li a.curr{
		color:#fff;
		background:#ff9003;
	}
	#close_menu{
       display:block;
	   position:absolute;
	   left:-28px;
	   top:40%;
    }
}
@media only screen and   (max-width: 921px) {
    .pro-list ul{
	   margin-left:15%;
	   overflow:hidden;
	}
	.pro-list li{
		width:37%;
		margin:0 8% 2em 0;
	}
	
}

@media only screen and   (max-width: 930px) {
  .page-main{background:#fff;}
	.page-con{
	 float:none;

	 width:100%;
	  padding:0;
	  margin-top:.18em;
	  }
}
@media only screen and (max-width: 640px) {
    /* Style adjustments for viewports that meet the condition */
	.about .a-con .ac-text{
		width:100%;
		float:none;
	}
	.about .a-con .ac-ewm{
	   display:none;
	}
	.pro-list ul{
	   margin-left:5%;
	   overflow:hidden;
	}
	.pro-list li{
		width:45%;
		margin:0 3% 2em 0;
	}
	 
}