@charset "utf-8";
@import "indexreset.css";
div, dl, dt, dd, ul, ol, li, form, input, textarea, select, p, h1, h2, h3, h4, h5, h6,font{ font-family:"Microsoft YaHei","微软雅黑","Tahoma",Arial,sans-serif;font-size: 12px;color:#666; padding:0; margin:0;}
em, i, del { font-weight:normal; font-style:normal;}
body{ background:#fff;color:#666; font-family:"Microsoft YaHei","微软雅黑","Tahoma",Arial,sans-serif; font-size: 12px;padding:0;margin:0; height:100%;}
img { border:0;}

ol, ul { list-style:none;}
a{color:#666;}
a:hover{color:#0094b2;}
.hidden{ display:none;}
.clear{zoom:1;}
/*public*/
.container { width: 1024px; 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 */
}

/*header*/
#header {height: 85px; }
#header .logo { width:250px; float:left;}
#header .logo a {display: block; }
#header .header-info{ width:160px; float:right;}
#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(../images/icon01.png) no-repeat 18px 4px;}
#header .tools a.en {color: #666; background-position: 18px -10px; }

#header .search { padding-left: 3px; margin-top:3px;}
#header .search p {position: relative; height: 29px; line-height:29px; }
#header .search p label {position: absolute; top:0; left:0; z-index: 1; padding-left: 5px; font-size: 12px; color: #c7c7c7;}
#header .search p input { position: relative; z-index: 10; float: left; border: 1px solid #e2e2e2; height: 21px; width: 102px; padding: 3px; font-size: 12px; line-height: 21px; background: none; outline: none; outline-color: none;}
#header .search p .search_btn {float: left; width: 43px; height: 29px; border: 1px solid #626471; line-height: 29px; background: #626471 url(../images/icon02.png) no-repeat center center;outline: none;}

/*menu*/
.menu{ height:55px; line-height:55px; }
.menu ul li.menu-f{ margin:0 16px;line-height:75px; position:relative; float:left; font-size:14px;}
.menu ul li a{ display:block;}
.menu ul li a.on{color:#0094b2;}
.menu .menuson{ position:absolute; top:72px; display:none; z-index:9999; }
.menu .menuson .menuson-bit{ position:absolute; width:134px; height:5px; left:4px; top:0px; background:url(../images/innermenu_bg06.jpg) no-repeat; overflow:hidden;}
.menu .menuson-one{ width:142px;}
.menu .menuson-one .menuson-one-bot{ width:142px; height:18px; background:url(../images/menu_bg03.png) no-repeat; overflow:hidden;}
.menu .menuson-one ul{ padding:18px 4px 0; background:url(../images/menu_bg04.png) repeat-y;}
.menu .menuson-one ul li{ width:100%; margin:0; line-height:36px;}
.menu .menuson-one ul li a{ font-size:12px; padding-left:16px;line-height:36px; background:url(../images/menu_bg01.jpg) no-repeat 0 -36px;}
.menu .menuson-one ul li a:hover,.menu .menuson-one ul li a.hover{ background:#0094b2; color:#fff;}
.menu .menuson-two{ position:absolute; left:134px; top:0; width:181px; display:none;}
.menu .menuson-top{width:173px; height:5px; background:url(../images/menu_bg09.png) repeat-x; position:absolute; left:4px; top:0; overflow:hidden}
.menu .menuson-two .menuson-two-bot{ width:181px; height:18px; background:url(../images/menu_bg08.png) no-repeat; overflow:hidden;}
.menu .menuson-two ul{padding:22px 4px 0;background:url(../images/menu_bg07.png) repeat-y;min-height:220px;}
.menu .menuson-two ul li{width:100%; margin:0; line-height:28px;}
.menu .menuson-two ul li a{ font-size:12px; padding-left:16px;line-height:28px; background:url(../images/menu_bg02.gif) no-repeat right -16px;}
.menu .menuson-two ul li a:hover,.menu .menuson-two ul li a.hover{ background-position:right 12px; background-color: #39cfee;}

/**首页**/
.inner-banner-scroll{ width:100%; min-width:1000px; max-width:1400px; margin:0 auto; height:300px; position:relative; background:url(../images/loading.gif) no-repeat center center #e8e7e7; overflow:hidden;}
.inner-banner-ovf{ position:relative; width:100%; height:300px; overflow:hidden;}
.inner-banner-ovf li{height:459px; float:left; overflow:hidden;}
.inner-banner-ovf li a{ display:block; width:100%;height:300px;}
.inner-banner-scroll .prev,.inner-banner-scroll .next{ position:absolute; width:40px; height:84px; cursor:pointer;top:115px; background:url(../images/banner_btn02.png) no-repeat;}
.inner-banner-scroll .prev{left:-40px;}
.inner-banner-scroll .next{ background-position:-40px 0; right:-40px;}


.columnb{width:1072px; margin:0 auto;}
.columnb .title {
    background: url("../images/title.jpg") repeat-x scroll left top;
    height: 46px;
    margin-bottom: 10px;
}
.index-pro{width:1069px; margin:0 auto;border:3px solid #ddd; margin-bottom:15px;}
.index-pro .show {
    background: url("../images/ind_bg03.jpg") no-repeat scroll 0 0;
    height: 300px;
    padding: 4px;
    text-align: left;
    width: 1000px;
}
.index-pro .show .show-con {
    float: left;
    padding: 35px 0 0 128px;
    width: 363px;
}
.index-pro .show .show-con p {
    color: #888;
    line-height: 22px;
    padding-top: 10px;
}

.index-pro .show .show-img {
    float: left;
    height: 300px;
    overflow: hidden;
    padding-top: 10px;
    width: 420px; padding-left:128px;
}

.index-pro .show .show-con h2 {
    color: #ff3333;
    font-size:25px;
}
/* banner-box */
.banner-box{min-width:1210px;height:360px;position:relative;overflow:hidden;}
.banner-box .bd{ width:100% !important;}
.banner-box .bd li .m-width {width:1210px;margin:0 auto;overflow:hidden;}
.banner-box .bd li{width:100% !important;height:360px;}
.banner-box .bd li a{display:block;background-size:auto;}

.banner-btn{width:1210px;position:absolute;top:120px;left:50%;margin-left:-605px;}
.banner-btn a{display:block;width:49px;height:104px;position:absolute;top:0;filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;}
.banner-btn a.prev{left:20px;background:url(../images/foot.png) no-repeat 0 0;} 
.banner-btn a.next{right:20px;background:url(../images/foot.png) no-repeat -49px 0;}

.banner-box .hd {position:absolute;top:210px;left:537px;}
.banner-box .hd ul li{width:12px;height:12px;border-radius :50%;text-indent:-9999px;margin-right:20px;background:#ccc;float:left;cursor:pointer;}
.banner-box .hd ul li.on{background:#DA324D;}

/* in-case */
.in-case {margin-bottom: 18px;}
.in-case .list {}
.in-case .list ul {margin: 0 -4px;}
.in-case .list ul li {position: relative; width: 246px; height: 153px; margin:0 3px 5px;}
.in-case .list ul li a {display: block;}
.in-case .list ul li a img {width: 246px; height: 153px;}
.in-case .list ul li a span {position: absolute; left:0;bottom:0;right:0; height: 30px; line-height: 30px; font-size: 14px; text-align: center; color: #fff; background: url(../images/bg02.png);}
/* 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(../images/icon04.png) no-repeat center center;}
/*解决方案*/
.marl65 { margin-left:28px; }
.index-main1{ width:1072px; margin:0 auto; height:220px; margin-bottom:20px; }
.main1-box{ width:170px; height:220px; position:relative; overflow:hidden;}
.mian1-til{ height:37px; line-height:37px; background:url(../images/bit02.gif) no-repeat right -16px;transition: all 0.3s;-moz-transition: all 0.3s;	/* Firefox 4 */-webkit-transition: all 0.3s;	/* Safari 和 Chrome */-o-transition: all 0.3s;}
.mian1-til .til1{ color:#0a1b29;}
.mian1-til .til2{ color:#333;}
.mian1-til .til3{ color:#999; font-family:Arial}
.mian1-til a:hover span{ color:#fb5056;}
.main1-con img{ margin-bottom:14px; padding-bottom:2px; background:#fff;transition:all 0.2s linear 0s;-moz-transition: all 0.2s linear 0s;	/* Firefox 4 */-webkit-transition: all 0.2s linear 0s;	/* Safari 和 Chrome */-o-transition:all 0.2s linear 0s;}
.main1-con p{ line-height:22px; color:#888;}
.main1-con a:hover p{ color:#192936;}
.main1-con a:hover img{ background:#fb5056;}


/*推荐产品*/
/* in-solutions */
.in-solutions { padding-bottom: 30px; background: #f8f8f8;}

.products {
    width: 100%;
    padding: 7px 0;
}
.img-scroll {
    position: relative;
    margin: 0 auto;
    width: 1020px;
}

.img-scroll .prev, .img-scroll .next {
    position: absolute;
    top: 62px;
    cursor: pointer;
}

.img-scroll .prev {
    left: 0
}

.img-scroll .next {
    right: 0
}
.img-list {
    position: relative;
    width: 925px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden
}

.img-list ul {
    width: 9999px;
}

.img-list li {
    height: 230px;
    width: 217px;
    float: left;
    margin-right: 15px;
    list-style: none;
    background: url(../images/boxBg_27.png) left top no-repeat;
    padding-left: 2px;
    padding-top: 2px;
}
.menuBox_li {
    height: 180px;
    width: 217px;
    float: left;
    margin-right: 15px;
    list-style: none;
    background: url(../images/boxBg_27.png) left top no-repeat;
    padding-left: 2px;
    padding-top: 2px;
    
}
.menuBox_li img{ width:215px; height:166px;border:1px solid #ddd;}
.pName {
    height: 27px;
    line-height: 27px;
    color: #fff;
    font-size: 12px;
    width: 215px;
    display: inline-block;
    background: #808080;
  
    text-align: center;
    transition: 0.5s ease;
    -o-transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
}

.pName:hover {
    background: #0b68ae;
    color: #fff;
}

/* in-news */
.in-news {width: 496px; margin-right: 20px;}
.in-news .list {padding-left: 40px; background: url(../images/icon05.png) no-repeat left 8px;height: 233px;}
.in-news .list li { } 
.in-news .list li a {display: block; height:63px;padding-top:6px; padding-bottom:8px; margin-bottom:10px;  border-bottom: 1px solid #cacaca;color: #808080;}
.in-news .list li h3 {font-size: 14px; line-height: 25px;}
.in-news .list li p {font-size: 12px;font-family: 'SimSun'; color: #a6a6a6; line-height: 18px;}
.in-news .list li.second h3 {color: #de1f27;}
.in-news .list li.second p {color: #de1f27;}
.in-news .list li.third a {margin-bottom: 0; border-bottom: 0;}

/* 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;}