/* CSS Document */

html {
  font-family: "YaHeiConsolas", "Microsoft YaHei","MS Gothic"; /* 1 */
  font-size: 12px;
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
  overflow-x : auto;
}
body,html { margin: 0;padding: 0;}

a { background: transparent;  text-decoration: none;  padding: 0;  margin: 0;  color: #333;}
a:active,a:hover { outline: 0;  color: #1c62b0;}
.clear { clear: both;}
ul,ol { padding: 0; margin: 0;}
li { list-style-type: none;  padding: 0;  margin: 0;}
p { padding: 0; margin: 0;}
img { border: 0;}
h1,h2,h3,h4,h5,h6,hr,dt,dd,dl { font-size: 12px; margin: 0; padding: 0; font-weight: normal;}
.H10 { height:10px; }
.H15 { height:15px; }
.H20 { height:20px; }
/* header */
#header { height: 100px; }
#header .logo { padding-top: 12px; width: 700px; }
#header .logo a { display: block; }
#header .header-info { width: 300px; }
#header .tools { padding-top: 10px; height: 32px; line-height: 32px; font-size: 12px; color: #666; text-align: right; }
#header .tools a { font-size: 12px; color: #1c62b0; padding-left: 36px; background: url("icon01.png") no-repeat 18px 5px; }
#header .tools a.en { color: #666; background-position: 18px -10px; }






.navbg{height: 42px; line-height: 42px; background: #1c62b0; margin-bottom: 8px; }

.nav{ height:42px;margin:0px auto;}
.nav .nav_one{ float:left; position:relative; z-index:9999;}

.nav .nav_one a{ display:block;width:120px;text-align:center;font-size:14px;color:#fff;}
.nav .nav_one a:hover{ color: #fff; background: #0f4b8f;}


.nav .nav_one a:hover i{ position: absolute; bottom: 0; left: 50%; margin-left: -3px; width: 0; height: 0; border-style: solid; border-width: 5px; border-color: transparent transparent #fff transparent; }
.nav  .curr a { color: #fff; background: #0f4b8f; }
.nav  .curr a i { position: absolute; bottom: 0; left: 50%; margin-left: -3px; width: 0; height: 0; border-style: solid; border-width: 5px; border-color: transparent transparent #fff transparent; }

.nav .nav_one ul{ padding-left:0; width:120x;height:auto; position:absolute; left:0; z-index:9999;  top:42px; display:none; background-color:#1c62b0;}
.nav .nav_one ul li{width:120px; height:30px; line-height:30px;  float:left; text-align:center; color:#ffffff;  border-bottom:1px #FFFFFF solid;}
.nav .nav_one ul li:hover{ color:#fff;}
.nav .nav_one ul li a,.nav .nav_one.hover ul li a{width:120px; background:none; height:30px; line-height:30px; font-weight: normal; font-size:12px;  color:#ffffff; padding-top:0;}
.nav .nav_one ul li a:hover{ width:120px; height:30px; line-height:30px; color:#fff;  text-align:center; display:block; background-color:#FC8207;}




/* banner */
#banner { height: 350px; position: relative; margin: 0 auto; }
#banner ul { height: 350px; overflow: hidden; position: relative; }
#banner ul li { position: absolute; left: 0; top: 0; z-index: 5; width: 100%; float: left; height: 350px; background-position: center top; background-repeat: no-repeat; }
#banner ul li a { display: block; height: 350px; width: 100%; }
#banner ol { position: absolute; bottom: 16px; left: 50%; height: 5px; z-index: 201; }
#banner ol li { float: left; width: 25px; height: 5px; background: #014099; margin-right: 10px; }
#banner ol li.current { background: #fff; }
#banner ul li p { position: absolute; left: 0; bottom: 0; right: 0; height: 65px; text-align: center; color: #fff; font-size: 26px; line-height: 65px; background: url("bg01.png"); }
#banner ul li p span { font-size: 18px; }


/* in-section */
.in-section { }
.in-section .title { position: relative; height: 56px; line-height: 56px; }
.in-section .title h2 { font-size: 18px; color: #383838; }
.in-section .title .more { position: absolute; top: 20px; right: 0; width: 42px; height: 16px; text-indent: -9999px; background: url("icon04.png") no-repeat center center; }

/* in-solutions */
.in-solutions { padding-bottom: 30px; background: #f8f8f8; }
.in-solutions .list { clear: both; height: 220px; overflow: hidden; position: relative; width: 1000px; background-color:#FFFFFF}



#demo{overflow:hidden;width:95%;margin:0 auto;padding-top:25px;}
#indemo {float: left;width:800%}
#demo1 {float: left;/* width:2200px;*/}
#demo2 {float: left;/* width:2200px;*/}

.product_list1{float:left;}
.product_list1 li{float:left;margin-left:10px;margin-right:11px;padding-bottom:15px;_display:inline;}
.product_list1 li a.img{border:1px solid #e0e1dc;}
.product_list1 li a.img img{width:183px;height:149px;}
.product_list1 li h3{text-align:center;padding-top:5px;}
.product_list1 li h3 a{font-weight:normal;line-height:28px;}
.product_list1 li h3 a:visited{}
.product_list1 li h3 a:hover{color:#FFCC00;text-decoration:none;}
.product_list1 li a.img{display:block;}
.product_list1 li a.img:hover{border-color:#e87518;}

.roll_product li{padding-bottom:0px;}





/* in-case */
.in-case { margin-bottom: 18px;background: #f8f8f8; }
.in-case .list {clear: both; height: 220px; overflow: hidden; position: relative; width: 1000px;background-color:#ffffff; }

#m_demo{overflow:hidden;width:95%;margin:0 auto;padding-top:25px;}
#m_indemo {float: left;width:800%}
#m_demo1 {float: left;}
#m_demo2 {float: left;}

.product_listt{float:left;}
.product_listt li{float:left;margin-left:10px;margin-right:11px;padding-bottom:15px;_display:inline;}
.product_listt li a.img{border:1px solid #e0e1dc;padding:2px;}
.product_listt li a.img img{width:183px;height:149px;}
.product_listt li h3{text-align:center;padding-top:5px;}
.product_listt li h3 a{font-weight:normal;color:#333;line-height:28px;}
.product_listt li h3 a:visited{color:#333;}
.product_listt li h3 a:hover{color:#FFCC00;text-decoration:none;}
.product_listt li a.img{display:block;}
.product_listt li a.img:hover{border-color:#e87518;}






/* 内页 */
.pagebody { background: #eeeeee; }
.pageMain { width: 1000px; margin: auto; min-height: 200px; }
.page-loct { padding: 21px 0 28px; font-size: 22px; color: #1c62b0; font-weight: bold; }

.page-banner { width: 100%; height: 165px; margin: 0 auto; overflow: hidden; }
.page-banner ul { width: 100%; height: 200px; }
.page-banner li { display: block; width: 100%; height: 100%; }
.about-title { position: relative; }
.about-title ul { }
.about-title li { display: inline-block; width: 140px; height: 54px; cursor: pointer; text-align: center; position: relative; margin-right: 3.5px; margin-bottom: 5px; }
.about-title li:last-child { margin-right: 0px; }
.about-title li span { height: 8px; display: block; width: 16px; position: absolute; bottom: -8px; left: 47px; }
.about-title li a { color: #9d1f5f; display: block; height: 49px; line-height: 49px; color: #666666; background: #ffffff; font-size: 14px; font-weight: bold; }
.about-title li em { color: #9d1f5f; display: block; height: 49px; line-height: 49px; color: #666666; background: #ffffff; font-size: 14px; font-weight: bold; }

.about-title li.current a { position: relative; top: -5px; background: #3a86e1; color: #fff; }
.about-title li.current em { position: relative; top: -5px; background: #3a86e1; color: #fff; }
.about-title .tel { position: absolute; top: 0; right: 0; height: 54px; line-height: 54px; color: #1c62b0; font-weight: bold;; font-size: 24px; }

.about-content { padding: 34px 28px; min-height: 100px; text-align: left; background: #fff; }




.in-news { width: 496px; margin-right: 20px; }
.in-news .list { padding-left: 10px;  height: 233px; }

.news a{font-size:14px; padding-left:20px; color:#000000}
.news a:hover{ color: #ff0000;}
.newsdate {font-size:14px;color:#000000}

/* in-about */
.in-about { width: 484px; }
.in-about .content { margin-bottom: 12px; }
.in-about .content .pic { width: 189px; margin-top: 5px; margin-right: 12px; height: 233px; padding: 3px; border: 1px solid #ededed; }
.in-about .content .pic img { width: 189px; height: 233px; }
.in-about .content .text { width: 274px; font-size: 12px; color: #a6a6a6; line-height: 20px; }
.in-about .content .text p { padding-bottom: 8px; }






footer{ display: block;}
.container { width: 1000px; margin: 0 auto; }
.out {
  font-size: 0px;/* 布局核心样式 */
  letter-spacing: -8px; /* 兼容苹果浏览器、负值对其他浏览器无效 */
}

.in {
  display: inline-block; /* 布局核心样式 */
  vertical-align: top; /* 常见情形的辅助代码 (所有盒子顶部对齐*/
  letter-spacing: normal;
}

.in {
  *display: inline; /* 兼容ie6,7 */
}

/* footer-intro */
.footer-intro { padding-top: 12px; padding-bottom: 21px; border-top: 6px solid #ededed; background: #1c62b0; }
.footer-intro h2 { line-height: 36px; font-size: 16px; color: #fff; }
.footer-intro .about-in { width: 260px; }
.footer-intro .about-in ul { }

#footer { padding: 8px 0; height:80px; background: #083669; color: #406b9c; text-align: center; line-height: 24px; }
#footer a { padding: 0 2px; color: #406b9c; }
#footer a:hover { color: #406b9c; }

.footer-intro .about-in ul li { width: 130px; }
.footer-intro .about-in ul li a { display: block; font-size: 12px; line-height: 26px; color: #fff; }
.footer-intro .content-in { margin-left: 80px; }
.footer-intro .content-in .content { font-size: 12px; color: #fff; line-height: 26px;