@charset "utf-8";
/* CSS Document */

/* base */
html, body{height: 100%;}
html{ min-height: 100%;}
body{ font: 14px/22px "思源黑体"; background: #fff; color: #666; min-height: 100%; padding: 0; margin: 0;}
.clearboth { clear:both; }
a { background: transparent; text-decoration: none; -webkit-tap-highlight-color: transparent; color: #666; }
a:active { outline: 0; }

input,textarea{-webkit-appearance:none;}
table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0; }

h1, h2, h3, h4, h5, h6, p, figure, form, blockquote { margin: 0; }
ul, ol, li, dl, dd { margin: 0; padding: 0; }
ul, ol { list-style: none outside none; }
h1, h2, h3 { line-height: 2; font-weight: normal; }
h1 { font-size: 1.8rem; }
h2 { font-size: 1.6rem; }
h3 { font-size: 1.4rem; }
input,button{ font-family: '思源黑体';}
input::-moz-placeholder, textarea::-moz-placeholder { color: #ccc; font-family: "思源黑体";}
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #ccc; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #ccc; }
input[type="text"],input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}


.khfw ul{ width:94%; margin:20px auto;}
.kh_tit{margin-bottom: 20px;}
.kh_tit h2{ font-size: 24px; font-weight: bold; color: #555; line-height:30px; margin:0; text-align:center;}
.kh_tit h3{ margin:10px auto; text-align:center; font-size:16px; line-height:16px; color:#555; font-weight:normal;}
.kh{ width:100%; padding-left:16px; text-align:left; font-size:14px; line-height:30px; color:#555; position:relative;
box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;}
.kh:after{ content:''; width:8px; height:8px; border:1px solid #228bcb; border-radius:50%; position:absolute; top:10px; left:0;}
.kh p{ }

textarea {  -webkit-appearance: none;}  
img{ max-width: 100%;}
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.ft-24{ font-size: .48rem;}
.ft-26{ font-size: .52rem;}
.ft-28{ font-size: .56rem;}
.ft-30{ font-size: .6rem;}
.ft-32{ font-size: 18px; color:#333333;}
.ft-32 a{color:#333333;}
.ft-34{ font-size: .68rem;}
.ft-36{ font-size: .72rem;}
.ft-38{ font-size: .76rem;}
.ft-40{ font-size: .8rem;}
.ft-color32{ color: #323232;}
.ft-color33{ color: #333;}
.ft-red{ color: #fe2e2e; font-weight:bold;}
.ft-gray-999{ color: #999;}
.ft-blod{ font-weight: bold;}
.ellipsis{ width: 100%; overflow: hidden; white-space: nowrap; text-overflow:ellipsis;}
.pull-right{float:right;}
.pull-left{float:left;}
.clearfix:before,
.clearfix:after
{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
button:focus, input:focus, select:focus, textarea:focus{
    outline:none;
}
.form-control{ border:solid 1px #dadada; width: 100%; height: 1.2rem; line-height: 1.2rem; padding: 0 .2rem; border-radius: 3px;}
.t-center{ text-align: center;}
.t-right{ text-align: right;}
.relative{ position: relative;}
.bg_b{width: 100%;margin: 0 auto;text-align: center;}

.flex-row{ display: -webkit-box; display: -moz-box; display: flex; display: -ms-flexbox; display: -webkit-flex; display: -webkit-flex; display: -moz-flex; -ms-flex-direction: row; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row;}
.flex-column{ display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: flex; -ms-flex-direction: column; -webkit-flex-direction: column; -moz-flex-direction: column; flex-direction: column;}
.flex-center{ align-items: center; -webkit-box-align:center;}
.flex-top{ align-items: flex-start;}
.justify-content{justify-content:center;}
.space-between{ -webkit-justify-content:space-between; justify-content:space-between;}
.stretch{ align-items: stretch;}
.flexShrink{flex-shrink:0; -webkit-flex-shrink:0;}
.flex-end{justify-content:flex-end;}
.col-a1{ -ms-flex: 1; -webkit-flex: 1; -moz-flex: 1; flex: 1;}
.flex-wrap{ -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;}

/*页面宽度*/
.warpper{ max-width:640px; margin: 0 auto; position: relative; background: #fff; /*padding: 2rem 0;*/ overflow: hidden;}
.war-pd{ padding: .4rem;}
.war-pd .tit{ text-align:center; margin:2% 0;}
.war-pd .tit span{ color:#666666;}
.war-pd .tit p{ color:#050505; font-size:18px;}
.war-pd .nr{ padding-bottom:2%;}
.war-pd .nr p{ color:#444; font-size:14px; line-height:22px;}
.war-pd .nr a{ display:block; margin:2% auto; text-align:center; width:120px; line-height:30px; border:1px solid #ccc; color:#555; font-size:12px; /*background:url(../images/jtbg1.png) no-repeat right;*/}
.war-box{ margin: .4rem 0;}
.white-bg{ background: #fff;}
.mr-r-5{ margin-right: .1rem;}
.mr-r-10{ margin-right: .2rem;}
.mr-r-20{ margin-right: .4rem;}
.mr-l-r-10{ margin: 0 .2rem;}
.mr-t-b-10{ margin: .2rem 0;}
.mr-b-10{ margin-bottom: .2rem; border-bottom:1px solid #ddd;}
.mr-b-20{ margin-bottom: .4rem;}

/*header*/
header{ background: #fff; width:100%;max-width:640px;height:50px; /*position: fixed; top: 0; */z-index: 100;/*padding: .6rem; */box-shadow: 0 0 5px rgba(0,0,0, .5);}
.logo{ height: 1.4rem;}
.logo img{ max-width: 100%; height: 100%;}
.icon-tel{ background: url(../images/phone.png) no-repeat; background-size: cover; width: .48rem; height: .48rem; display: inline-block;}
.top-menu-box{ background: #fff; padding: .4rem; position: absolute; top: 2rem; left: 0; width: 100%; border-top: solid 1px #dadada; box-shadow: 0 5px 4px rgba(0,0,0, .1); display: none;}
.nav-item{ width: 23.666%; display: inline-block; text-align: center; font-size: .48rem; margin-bottom: .4rem;}
.icon-y{ display: inline-block; background: #00a8ff; width: 2rem; height: 2rem; border-radius: 50%; padding-top: .5rem;}
.icon-nav{ display: inline-block; width: 1rem; height: 1rem; background-size: cover;}
.icon-home{ background-image: url(../images/icon-home.png);}
.icon-cy{ background-image: url(../images/icon-cy.png);}
.icon-about{ background-image: url(../images/icon-about.png);}
.icon-js{ background-image: url(../images/icon-js.png);}
.icon-note{ background-image: url(../images/icon-note.png);}
.icon-case{ background-image: url(../images/icon-case.png);}
.icon-mail{ background-image: url(../images/icon-mail.png);}
.icon-gkk{ background-image: url(../images/icon-gkk.png);}
.icon-phone{ background-image: url(../images/icon-phone.png);}
.icon-arrow{ background-image: url(../images/icon-arrow.png); width: .6rem; height: .3rem; background-size: cover; display: inline-block;}
.j-top-menu.active .icon-arrow{ -ms-transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); transform:rotate(180deg);}

/*手机站导航开始*/
.sp_header{height:50px;overflow:hidden;/* background:url(../images/nav_bj.jpg) left no-repeat;*/position:fixed; top:0; background:#fff;z-index:10;width:100%;max-width:640px;}
.sp_logo{padding:5px;float:left;height:40px; margin-left:1%;}
.sp_logo img{margin:auto;max-height:40px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px; text-align:right;}
.sp_nav span{display:block;background:#555;width:25px;height:2px; border-radius:0;position:absolute;left:10px;text-align:right;/*transition:all ease 0.35s;*/transition:all 0.75s;
   transform:translateY(100%) translateZ(0);
   transition-delay:all 0.25s;}
.sp_nav span:hover{transform:translateY(0%) translateZ(0) scale(1.1);}
.sp_nav span:nth-of-type(1){top:0px;}
.sp_nav span:nth-of-type(2){top:10px;width:20px;left:15px;}
.sp_nav span:nth-of-type(3){top:20px;}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#eee;width:100%;max-width:750px;height:calc(100% - 104px);font-size:16px;line-height:40px;top:-100%;/*left:0;*/overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:50px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#333;width:100%; display:block; font-size:16px; line-height:40px;}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}

.banner{ width:100%;}
.slideBox{ width:100%;overflow:hidden; position:relative;}
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:45%; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:8px; height:8px; line-height:14px; text-align:center; background:#fff; cursor:pointer; border-radius:8px;}
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%;display:block;  }
/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:51px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }

/*首页公司简介*/
.sy_about{width:100%; background:url(../images/a_bg.jpg) no-repeat center; padding:30px 0;}
.sy_about .tit{ margin-bottom:10px; margin-top:15px; text-align:center;}
.sy_about .tit p{ color:#fff; font-size:18px;}
.sy_about .tit h2{ font-weight:bold; color:#fff; font-size:24px; margin:30px 0; /*height:30px;*/ line-height:10px;}
.sy_about .war-pd .nr{ padding:0 15px;}
.sy_about .war-pd .nr p{ color:#fff; font-size:14px; line-height:22px;}
.sy_about .war-pd .nr a{ display:block; margin:2% auto; text-align:center; width:120px; line-height:30px; border:1px solid #ccc; color:#fff; font-size:12px; /*background:url(../images/jtbg1.png) no-repeat right;*/}

.tit{ margin-bottom:10px; margin-top:15px; text-align:center;}
.tit p{ color:#999; font-size:18px;}
.tit h2{ font-weight:bold; color:#000; font-size:24px; margin:30px 0; /*height:30px;*/ line-height:10px;}

/*首页产品中心*/

.sy_product{ margin:30px auto;}
.sy_product .tit1{ margin-bottom:10px; margin-top:15px; text-align:center; padding:0 15px;}
.sy_product .tit1 p{ color:#333333; font-size:14px;}
.sy_product .tit1 h2{ font-weight:bold; color:#000; font-size:24px; margin:10px 0; height:15px; line-height:10px;}
.sy_product ul li{ float:left; margin:2%; width:46%;text-align:center; border:1px solid #eee;}
.sy_product ul li .pic{ text-align:center;background:#edf4fc; border:10px solid #fff; border-bottom:none;}
.sy_product ul li .pic img{ width:100%;}
.sy_product ul li .title{ padding:10px;height: 60px;line-height: 22px;overflow: hidden;}
.sy_product ul li .title a{ font-size:14px; color:#555;text-align:center; display:block;}
.sy_product ul li .title a .n{ margin-top:10px; color:#666666; height:70px; overflow:hidden; margin-bottom:10px; text-align:left; font-size:12px; font-weight:200;}
.sy_product ul li .title p{ text-align:center; padding-bottom:10px;}
.sy_product .more{ display:block; margin:2% auto; text-align:center; width:120px; line-height:30px; border:1px solid #ccc; color:#000; font-size:12px; /*background:url(../images/jtbg1.png) no-repeat right;*/}

/*首页新闻中心*/

.sy_news ul li{ margin-bottom:10px;background:#f7f7f7; padding:10px 0;}
.sy_news ul li .sj{ width:16%; float:left; text-align:center; padding:10px 0; background:#333333; margin-left:2%;}
.sy_news ul li .sj p{color:#fff; /*margin-bottom:10px;*/ font-size:18px;}
.sy_news ul li .sj span{ color:#fff; font-size:12px;}
.sy_news ul li .n{ width:78%; float:right;}
.sy_news ul li .n a{color:#090808; font-size:14px;}
.sy_news ul li .n a:hover{ color:#fe0000;}
.sy_news ul li .n p{ color:#666666; font-size:12px;}
.sy_news .more{ display:block; margin:2% auto; text-align:center; width:120px; line-height:30px; border:1px solid #ccc; color:#555; font-size:12px; /*background:url(../images/jtbg1.png) no-repeat right;*/}

.sy_lxwm{ width:100%; margin-bottom:60px;}
.sy_lxwm .dz{ margin:1% 2%; text-align:left; color:#333;}

/*内页右边单页及表格、表单样式*/
.intro{ line-height:22px; padding-top:5px;}
.intro table{ background:#dadada; margin:10px 0;}
.intro table tr td{ padding:4px; background:#fff;border: 1px solid #ddd;}
.intro table tr td a:hover{ color:#c30;}
.intro table input, .side_right .intro table textarea{ border:solid 1px #ccc; padding:4px; border-radius:3px;}
.intro table input.button{background:#555; color:#fff; cursor:pointer; padding:2px 10px; border:none;}

.content {min-height:300px;overflow: hidden;/*padding-bottom: 15%;*/background-color: transparent;}
.weizhi{ width:96%;margin: 0% auto;margin-top:10px; margin-bottom:10px; color:#333; /*border-left:3px solid #fe0000;*/ height:36px; line-height:36px; border-bottom:1px solid #ddd; /*padding:0 2%;*/}
.weizhi i{ font-size:18px;}
.weizhi a{ color:#666;}
.weizhi span{ color:#fe0000;}
.about, .view {width: 92.5%;margin: 0% auto;color: #1d1d1d;}
.about .tit{color: #fe0000;height:36px;line-height:36px;border-bottom: 2px solid #fe0000;margin-bottom:10px;}
.about h1 {line-height: 0.6rem;text-align: center;font-weight: normal;font-weight: bold;margin-bottom: 3%;}
.about p{ margin-bottom:10px;}
.about .title{ text-align:center; font-size:22px; color:#222; margin-bottom:20px; margin-top:30px;}
.about .title span{ display:block; width:60px; height:1px; background:#228bcb; margin:0 auto; margin-top:20px;}
.about .nr{ margin-bottom:30px;color:#666;text-indent: 2em;}
.about .picMarquee-left{ width:100%;overflow:hidden; position:relative; margin-top:20px;}
.about .picMarquee-left .bd{ padding:0;}
.about .picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.about .picMarquee-left .bd ul li{ margin:0 10px; float:left; _display:inline; overflow:hidden; text-align:center;}
.about .picMarquee-left .bd ul li .pic{ text-align:center; }
.about .picMarquee-left .bd ul li .pic img{ width:180px; height:130px; display:block; padding:2px; border:1px solid #ccc;}

.about_wenhua{ width:100%; padding:30px 0; height:260px; background:url(../../images/wenhua_bj.jpg) no-repeat center;margin-bottom:30px;/*background-attachment: fixed;*/}
.about_wenhua .title{ text-align:center; font-size:22px; color:#fff; margin-bottom:20px;}
.about_wenhua .title span{ display:block; width:60px; height:1px; background:#228bcb; margin:0 auto; margin-top:20px;}
.about_wenhua .nr{}
.about_wenhua .nr ul li{ float:left; width:33%;}
.about_wenhua .nr ul li img{ width:70px; height:70px;margin:0 auto;transition: all 0.4s; text-align:center; display:block;}
.about_wenhua .nr ul li img:hover{transform: rotate(360deg);}
.about_wenhua .nr ul li .tit{ font-size:18px;  color:#fff; margin:25px 0; text-align:center;}
.about_wenhua .nr ul li .n{margin-top:color:#666; text-align:center; height:60px; overflow:hidden;}

.about_zizhi{margin:0 auto; margin-bottom:20px;}
.about_zizhi .title{ text-align:center; font-size:22px; color:#222; margin-bottom:20px; line-height:22px;}
.about_zizhi .title span{ display:block; width:60px; height:1px; background:#228bcb; margin:0 auto; margin-top:20px;}
.gallery img { max-width:100%; height:200px; /*height: 100%;*/ }
.gallery p{ font-size:14px; text-align:center; color:#555; line-height:22px; height:45px; margin:0; padding:10px 0px; font-family:"思源黑体 CN";}
.gallery a:nth-child(4n){ margin-right:0;}
.gallery a { padding:15px;width:46%; margin:1.5%; display: inline-block;overflow: hidden;box-shadow: 0 0 10px #b3b3b3; background:#fff;}
.ribbon > img { position: absolute; top: 0; right: 0; border: 0; }
.gallery a:hover{ background:#fafafa;}
.gallery1 img { max-width:100%; height:100px; /*height: 100%;*/ }

.feilei{width: 92.5%;margin: 0% auto;margin-top:10px; background:#eee;margin-bottom:70px;}
.feilei .tit{ height:40px; line-height:40px; background:#228bcb; color:#fff; font-size:18px; padding:0 10px; text-align:left;}
.feilei ul li{ padding:0 10px; line-height:36px; border-bottom:1px solid #ddd;}
.feilei ul li a{ display:block; font-size:16px; color:#333;}
.feilei ul li a:hover{ color:#228bcb;}
.feilei ul li a.on{ color:#228bcb;}

.common_news {width: 92%;height: auto;overflow: hidden;margin: 0% auto;}
.common_news ul li{width: 100%;height: auto;overflow: hidden; line-height:28px;display: block; border-bottom:1px dashed #ddd;}
.common_news ul li a{display: block;float: left;width: 70%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;color: #1d1d1d;}
.common_news ul li span{display: block;float: right;width: 29%;text-overflow: ellipsis; overflow: hidden;white-space: nowrap;text-align: right;color: #9f9f9f;}
.common_news .name{ font-size:18px; text-align:center; line-height:24px; color:#000;}
.common_news .date{ text-align:center; margin-bottom:10px; border-bottom:dashed 1px #dadada; padding-bottom:10px; color:#ccc; font-size:12px;}
.common_news p{ margin-bottom:10px;}
.common_news img{ display:block; max-width:100% !important; margin:0 auto;}

.common_news .pic{ text-align:center; width:98%;height: auto;overflow: hidden;margin: 0% auto;}
.common_news .pic img{ width:100%;/* border:solid 1px #dadada;*/}
.common_news .ms{ font-size:14px; line-height:2; text-align:center; margin-top:10px;}
.sm{background:#f6f6f6; padding:30px 0;}
.sm .neirong{ width:92%; margin:0 auto;line-height:24px;}
.sm .neirong img{ display:block; margin:0 auto; max-width:100%;}
.page1 {display: block;width:92%;height:24px;line-height:24px;color: #777;background: #ddd; border-radius:10px;margin: 2% auto;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;text-indent: 0.1rem;}
.back {display: block; width: 36%;margin: 2% auto; margin-top:4%;overflow: hidden;border-radius:18px;background: #228bcb;text-align: center;color: #fff;clear: both; height:36px; line-height:36px;}

.product{width:96%;height: auto;overflow: hidden;margin: 0% auto;}
.product ul li{ float:left; margin:2%; width:46%;text-align:center;background:#fff;}
.product ul li img{ width:100%;border: solid 1px #dadada;}
.product ul li  h2 {color: #555;text-align: center;font-size: 14px;line-height: 20px;padding: 0;margin: 0;}

.product_list{width:96%;height: auto;overflow: hidden;margin: 0% auto;}
.product_list ul li{float:left; _display:inline; overflow:hidden; text-align:center;background:#fff; border:1px solid #ddd; margin-right:24px;  margin:2%; width:46%;}
.product_list ul li .pic{ text-align:center;overflow:hidden; margin:0 auto; padding:10px;}
.product_list ul li .pic img{width:100%;display:block;transition: all .8s ease 0s;}
.product_list ul li .nr{}
.product_list ul li .zw{ padding:10px; padding-top:10px;padding-bottom: 20px;}
.product_list ul li .zw .t1{ font-size:16px; color:#000; margin-bottom:10px; height:45px; overflow:hidden;}
.product_list ul li .zw .t2{ color:#7f7f7f; line-height:22px; height:45px; overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.product_list ul li .zw .more{margin:0 auto; margin-top:10px; width:100px; height:32px; line-height:32px; border:1px solid #228bcb; color:#228bcb;}
.product_list ul li a:hover .more{ background:#228bcb; color:#fff;}
.product_list ul li a:hover .pic img{transform: scale(1.1,1.1);}

.p_right{width:94%;height: auto;overflow: hidden;margin: 0% auto;margin-bottom: 10%;}
.p_right ul li{margin-bottom:25px; background:#fff; box-shadow:5px 10px 10px #ddd; border:1px solid #ddd;}
.p_right ul li .pr1{ float:left; width:63%; height:91px; overflow:hidden;}
.p_right ul li .pr1 img{width:100%;height:91px;transition: all .8s ease 0s;}
.p_right ul li .pr2{ float:right; width:36%; padding:2%;}
.p_right ul li .pr2 .t1{ font-size:15px; color:#000; margin-bottom:5px;}
.p_right ul li .pr2 .t2{ line-height:22px; color:#888; font-size:14px; height:45px; overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.p_right ul li .pr2 .more{ margin-top:15px;width:100px; height:32px; line-height:32px; border:1px solid #228bcb; color:#228bcb; text-align:center;}
.p_right ul li:hover{ background:#fff;}
.p_right ul li a:hover .pr1 img{transform: scale(1.1,1.1)}
.p_right ul li a:hover .more{ background:#228bcb; color:#fff;}

.jishu{width:94%;height: auto;overflow: hidden;margin: 0% auto;}
.jishu ul li{margin-bottom:25px; background:#fff; box-shadow:5px 10px 10px #ddd; border:1px solid #ddd;}
.jishu ul li .pr1{ float:left; width:40%; height:91px; overflow:hidden;}
.jishu ul li .pr1 img{width:100%;height:91px;transition: all .8s ease 0s;}
.jishu ul li .pr2{ float:right; width:58%; padding:2%;}
.jishu ul li .pr2 .t1{ font-size:15px; color:#000; margin-bottom:5px; height:20px; overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.jishu ul li .pr2 .t2{ line-height:22px; color:#888; font-size:14px; height:45px; overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.jishu ul li .pr2 .more{ margin-top:15px;width:100px; height:32px; line-height:32px; border:1px solid #228bcb; color:#228bcb; text-align:center;}
.jishu ul li:hover{ background:#fff;}
.jishu ul li a:hover .pr1 img{transform: scale(1.1,1.1)}
.jishu ul li a:hover .more{ background:#228bcb; color:#fff;}

.news{ width:94%; margin:0 auto;}
.news ul li{ margin-bottom:10px;padding:10px 0; border-bottom:1px solid #ddd;}
.news ul li .sj{ width:16%; float:left; text-align:center; padding:10px 0; background:#228bcb; margin-left:2%;}
.news ul li .sj p{color:#fff; /*margin-bottom:10px;*/ font-size:18px;}
.news ul li .sj span{ color:#fff; font-size:12px;}
.news ul li .n{ width:78%; float:right;}
.news ul li .n a{color:#090808; font-size:14px;}
.news ul li .n a:hover{ color:#fe0000;}
.news ul li .n p{ color:#666666; font-size:12px;}

.new-text-box{padding: .4rem;}
.new-text-box .tit{margin:0 auto;}
.new-text-box .tit p{ color:#000; font-size:24px; font-weight:bold; text-align:center; line-height:24px;}
.new-text-box .tit span{ display:block; margin:0 auto; height:24px; line-height:24px; border-bottom: solid 3px #00a8ff; text-align:center; font-weight:bold; width:100px; font-size:16px;}
.new-text-box ul{ margin-top:2%;}
.new-text-box ul li{ float:left; width:48%; margin:1%; position:relative; text-align:center;}
.new-text-box ul li img{ width:98%; padding:2px; border:1px solid #ddd;}
.new-text-box ul li a .hide-info{ position:absolute; bottom:3%; left:0px; display:none; background:#000; opacity:0.8;padding:8px; width:100%;  color:#fff; font-size:13px; line-height:20px;}
.new-text-box ul li a:hover .hide-info{ display:block;}

.new-text-box table{ background:#dadada; margin-bottom:20px; margin-top:20px;border-collapse: collapse;border: 1px solid #ddd;}
.new-text-box table tr td{ padding:4px; background:#fff;border-collapse: collapse;border: 1px solid #ddd;}
.new-text-box table tr td a:hover{ color:#c30;}
.new-text-box table input, .side_right .intro table textarea{ border:solid 1px #ccc; padding:4px; border-radius:3px;}
.new-text-box table input.button{background:#555; color:#fff; cursor:pointer; padding:2px 10px; border:none;}
.new-text-box .leixing{ padding:10px;}
.new-text-box .leixing .left{ float:left; width:35%;}
.new-text-box .leixing .left img{ width:100%;}
.new-text-box .leixing .right{ float:right; margin-left:3%; text-align:left; width:60%;}
.new-text-box .leixing .right h2{ color:#333333;font-size: 14px;font-weight: bold;}
.new-text-box .leixing .right a{ color:#888888; font-size:12px;}

.contact{ width:92%; margin:0 auto;}
.con_list{ background:#f6f6f6; margin-bottom:20px;}
.con_list .con_list_l{padding:15px;}
.con_list .con_list_l h2{ text-align:left; font-size:16px; color:#333; margin-bottom:0; font-weight:bold;}
.con_list .con_list_l h3{ text-align:left; line-height:32px; color:#333; font-weight:300; font-size:14px; position:relative;}
.con_list .con_list_l h3 img{ display:block; position:absolute; top:0; left:0;}
.con_list .con_list_r{}
.con_list .con_list_r iframe{ height:200px;}

.wangdian{width:96%;margin:30px auto;}
.wangdian .title{ text-align:center; font-size:22px; color:#222; margin-bottom:20px;}
.wangdian .title span{ display:block; width:60px; height:1px; background:#228bcb; margin:0 auto; margin-top:20px;}
.wangdian ul li{ width:96%; margin:1.5%; text-align:center; border:1px solid #ddd; float:left;}
.wangdian ul li .nr{ padding:10px 20px; color:#000; font-size:16px; line-height:36px;}
.wangdian ul li a{ display:block;}
.wangdian ul li a:hover .nr{ background:#00a1e9; color:#fff; font-weight:bold;}

.hezuo{ width:100%; background:url(../../images/hezuo_bj.jpg) no-repeat left; padding:50px 20px;}
.hezuo .t1{ font-size:22px; font-weight:bold; color:#666; line-height:36px;}
.hezuo .t2{ margin:15px 0 15px; color:#666; font-size:14px;}
.hezuo .t3 ul li{width:100%; height:45px; line-height:45px; text-align:center; border-radius:3px; font-size:16px; -webkit-transition:color 0.3s; transition:color 0.3s; /*display:inline-block;*/ border:1px solid #666; color:#666; margin-top:20px;}
.hezuo .t3 ul li:hover{color:#fff; background:#00a1e9; border-color:#00a1e9;}

.job{ width:96%; margin:0 auto;}
.jib_tit{ margin-bottom:20px;}
.jib_tit h2{ text-align:center;font-size: 22px; line-height: 1; color: #202020;  margin-bottom: 20px;}
.jib_tit h3{font-size: 14px; color: #999; text-align:center;}

.job1{ background:#00a1e9; width:100%; height:40px; line-height:40px;}
.job1 h2,.job_list h2{ float:left; width:calc(100% / 4); text-align:center; font-size:14px; color:#fff; height:40px; line-height:40px; margin:0;}
.job_list{ border-bottom:1px solid #f2f2f2; background:#f2f9fe; cursor:pointer;}
.job_list h2{ color:#333;}
.job_list h2 i{ font-size:30px;}
.job_list1{padding:15px; background: #f8fcfe;}

.job_list2{ margin-bottom:20px;}
.job_list2 h3{ text-align:left; font-size:16px; color:#333; line-height:20px; margin-bottom:10px; margin-top:0;}
.job_list2 p{ text-align:left; color:#666; margin-bottom:10px;}

.panel-default > .panel-heading{ background:none; border:none;}
.panel-heading,.panel-body{ padding:0 !important; border:none !important;}
.panel-group{ margin-bottom:0 !important;}
.panel{ border:none !important; box-shadow:none !important;}

.t-line{ width: 3px; height: .8rem; background: #e33b2f; display: inline-block; margin-right: .2rem;}
.icon-d{ width: .1rem; height: .1rem; display: inline-block; background: #d11813; border-radius: 50%; margin-right: .2rem; margin-top: .4rem;}
.copy-btn{ background: #f60; padding: 0 .2rem; color: #fff; margin-bottom: 0;}


.photo-left{ margin-right: .17rem; width: 9.28rem; height: 6.2rem;}
.photo-left img{ width: 100%; height: 100%;}
.photo-mr-b{ margin-bottom: .17rem; width: 4.56rem; height: 3rem;}
.photo-mr-b img{ width: 100%; height: 100%;}

.photo-box{ padding: .6rem; font-size: .48rem;}
.photo-box-col{ width: 6.5rem;}
.photo-box > div{ border-right: solid 1px #dadada; padding: 0 .6rem 0 0; margin-right: .6rem;}
.photo-box > div:last-child{ margin-right: 0; padding-right: 0; border-right: none;}
.photo-img{ width: 4rem; height: 4rem; margin-bottom: .2rem;}

.war-box-title{ text-align: center; font-size: .68rem; color: #e33b2f; margin-bottom: .6rem; padding-bottom: .2rem; position: relative;}
.title-name{ background: #fff; padding: 0 .4rem; position: relative; z-index: 5;}
.title-line{ height: .8rem; width: 100%; display: block; background: #fff; border: solid 1px #b0b0b0; position: absolute; bottom: 0; z-index: 2; border-radius: 3px;}
.text-info p{ margin-bottom: .4rem;}
.icon-weixin{ width: 1.6rem;}

.form-list p{ margin-bottom: .4rem;}
.submit-btn{ background: #e33b2f; width: 100%; height: 1.2rem; line-height: 1.2rem; border: none; text-align: center; color: #fff; border-radius: 3px; font-size: .64rem;}
.roud-nummber{ width: .8rem; height: .8rem; display: inline-block; border-radius: 50%; background: #7c7a7a; color: #fff; text-align: center; line-height: .8rem; margin: .1rem .2rem 0 0; font-size: .48rem;}
.icon-xh{ width: .4rem; text-align: center;}

.mask-text{ width: 12rem; background: rgba(209,24,19,.8); text-align: center; color: #fff; height: 1rem; line-height: 1rem; position: absolute; bottom: 2rem; left: 50%; margin-left: -6rem; padding: 0 .6rem; border-radius: .1rem;}

.roud-bs{ width: 4.2rem; height: 2rem; line-height: 2rem; border-radius: .2rem; color: #fff; margin-right: .4rem; text-align: center; font-size: .5rem;}
.roud-bs:last-child{ margin-right: 0;}
.roud-bs-pink{ background: #ff4c83;}
.roud-bs-orange{ background: #ff7e00;}
.roud-bs-blue{ background: #00a8ff;}


.menu a{ background: #49c1ff; border-radius: 3px; padding: .26rem; font-size: .48rem; color: #fff;}

.map-bz{ width: 3.4rem;}
.map-btn{ background: #f60; padding: .2rem .4rem; border-radius: 3px; color: #fff;}
.icon-b{ display: inline-block; width: .6rem; height: .6rem; background-size: cover;}
.icon-map{background-image: url(../images/icon-map.png);}
.icon-yy{background-image: url(../images/icon-yy.png);}

.fixed-foot{ /*height:3.6rem;*/ width: 100%;max-width:640px; position: fixed; bottom: 0; background: #ec0f0f; box-shadow: 0 0 5px rgba(0,0,0, .2); z-index: 100;}
.foot-nav a{ /*height:3.6rem;*/ font-size: 16px; text-align: center; color: #fff; display: inline-block; width: 25%; float: left; padding-top: .5rem;}
.nav-bg-pink{ background: #228bcb;border-right:0.02rem solid #096ca8;}
.nav-bg-orange{ background: #228bcb;border-right:0.02rem solid #096ca8; border-left:0.02rem solid #23a5f4;}
.nav-bg-blue{ background: #228bcb;border-right:0.02rem solid #096ca8; border-left:0.02rem solid #23a5f4;}
.nav-bg-red{ background: #228bcb;border-left:0.02rem solid #23a5f4;}
.icon-b-nav{ display: inline-block; width:1.3rem; height:1.3rem; background-size: cover;}
.icon-yx{ background-image: url(../images/icon-yx.png);}
.icon-gs{ background-image: url(../images/icon-gs.png);}
.icon-lx{ background-image: url(../images/icon-lx.png);}
.icon-contact{ background-image: url(../images/icon-contact.png);}

.nav-left{ width: 4rem; background: #eee;}
.right-content{ background: #fff;}

.menu-content-left{ overflow: auto; background: #eee; width:4.2rem; padding: .4rem 0;}
.menu-content-left li{ padding: 0 .4rem; height: 1.6rem; line-height: 1.6rem;border-bottom: 1px solid #fff;}
.menu-content-left li.active{color:#fff; background:#fc4242;}
.menu-content-left li.active a{color:#fff;}
.menu-content-left li.active1{color:#f64040;}
.menu-content-left li.active1 a{color:#f64040;}
.menu-content-right{ overflow: auto; background: #fff;}
.menu-info{ padding: .8rem .4rem;}
.menu-info-box{ margin-bottom: .6rem; border-bottom: solid 1px #dadada; padding: 0 .4rem .6rem;}
.menu-info-box p{ padding-bottom:5px;}
.menu-info-box p img{ width:100%; text-align:center;}
.menu-info-box .fw{ margin:2% 0;}
.menu-info-box .fw ul li{ float:left; width:48%; margin:1%;text-align: center;}
.menu-info-box .fw ul li img{ width:99%; border:1px solid #ccc;}
.menu-kind-btn{ display: inline-block; padding: 0 .4rem; color: #fff; border-radius: 3px; margin-bottom: .2rem;}
.menu-btn-red{ background: #f64040;}

/*detail*/
.detail-content{ background: #fff; margin: .4rem; padding: .4rem;}
.detail-title{ border-bottom: solid 1px #dadada; margin-bottom: .2rem;}
.detail-title-name{ font-size: .8rem; color: #333; line-height: 1.4; margin-bottom: .4rem;}
.detail-info{ padding: .4rem;}
.detail-info p{ margin-bottom: .4rem;}

/*客户案例*/
.case{margin: .4rem; padding:.4rem;}
.case ul li{ float:left; width:48%; background:url(../images/case.jpg) no-repeat left; line-height:24px;text-align:left;}
.case ul li a{ padding-left:18px;}
.detail-content ul{}
.detail-content ul li{ float:left; width:48%; margin:1%; position:relative; text-align:center;}
.detail-content ul li img{ width:98%; border:1px solid #ddd; padding:2px;}
.detail-content ul li a .hide-info{ position:absolute; bottom:3%; left:0px; display:none; background:#000; opacity:0.8;padding:8px; width:100%;  color:#fff; font-size:13px; line-height:20px;}
.detail-content ul li a:hover .hide-info{ display:block;}

/*新闻动态*/
.list-fl{ padding:0 0.4rem; margin-top:4%;}
.list-fl ul li{ float:left;width:48%; margin:1%; text-align:center; color:#fff; background:#dfdfdf; line-height:30px; border-radius:20px;}
.list-fl ul li.on a{background:#ff000a; color:#fff; display:block;border-radius:20px;}
.list-fl ul li a{ color:#333;}
.list-content{ background: #fff; padding: .6rem 0;}
.list-content ul li{ border-bottom: solid 1px #e8e8e8; margin-bottom: .4rem;}
.list-content ul li a{ display: block; padding: 0.2rem .6rem; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.list-content table{ background:#dadada; font-size:14px;}
.list-content table tr td{ padding:4px; background:#fff;}
.list-content table tr td a:hover{ color:#c30;}
.list-content table input, .intro table textarea{ border:solid 1px #ccc; padding:4px; font-family:"微软雅黑"; border-radius:3px;}
.list-content table input.button{background:#555; color:#fff; cursor:pointer; padding:2px 10px; border:none;}
.news-date{ font-size: .48rem; color: #999;}
.page{ text-align: center; margin: .6rem 0;}
.page a{ padding: .1rem .4rem; background: #eee; display: inline-block; margin-top:15px;}
.page a.active{ background: #f00; color: #fff;}

.dibu{ width:100%; background:#333e46; padding:20px 15px; color:#71787e; text-align:center; margin-bottom:50px; font-size:14px; margin-top:20px; line-height:24px;}
.dibu a{ color:#71787e;}