@charset "utf-8";

/* ================================ */
/* 格式化样式标签、基础类型样式		*/
/* ================================ */


/*多分辨率设定rem设定*/
html { font-size : 20px; }

/*Note3*/
@media only screen and (min-width: 360px) {
    html { font-size: 22px !important; }
}

/*iPhone6*/
@media only screen and (min-width: 376px) {
    html { font-size: 23px !important; }
}

/*iPhone6 plus*/
@media only screen and (min-width: 414px) {
    html { font-size: 25px !important; }
}

/*big Resolution*/
@media only screen and (min-width: 641px) {
    html { font-size: 25px !important; }
}


html { -ms-touch-action: none;}
body { font-family: Heiti, Heiti SC, DroidSans, DroidSansFallback, Arial, "Microsoft YaHei"; background-color: #fff;  color:#666666}
input { font-family: Arial, "Microsoft YaHei", sans-serif; }
a { text-decoration: none;  -webkit-touch-callout: none;    color: #666666;}
a:hover{color: #666666;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, span, a { margin: 0; padding: 0 }
table { border-collapse: collapse; border-spacing: 0 }
fieldset, img, iframe { border: 0 }
:focus { outline: 0 }
i, address, caption, cite, code, dfn, em, strong, th, var { font-style: normal }
ol, ul { list-style: none }
li { list-style: none }
caption, th { text-align: left }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal }
blockquote:before, blockquote:after, q:before, q:after { content: '' }
abbr, acronym { border: 0; font-variant: normal }
img { vertical-align: top; border: none; }
input, textarea { -webkit-user-select: text; -ms-user-select: text; user-select: text; -webkit-appearance: none; }
input:focus, select:focus, textarea:focus, button:focus { outline: none; }
input[type="text"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], input[type="email"], input[type="url"], textarea { -webkit-appearance: none; border: 1px solid; border-radius: 0; }
input[type="number"]::-webkit-inner-spin-button {-webkit-appearance:none;}
em, i { font-style: normal; }
li { list-style: none; }
input[type="checkbox"] { position: relative; width: 0.75rem; height: 0.75rem; background-color: #F5F5F5; border: 0.05rem solid #CCC; -webkit-border-radius: 50%; border-radius: 50%; vertical-align: middle; }
input[type="checkbox"]:checked { border-color: #f23030; background-color: #f23030; }
input[type="checkbox"]:checked:after { content: ''; position: absolute; left: 0.1rem; top: 0.14rem; width: 0.4rem; height: 0.2rem; border-left: 0.065rem solid #fff; border-bottom: 0.065rem solid #fff; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
input[type="radio"] { position: relative; width: 0.75rem; height: 0.75rem; background-color: #F5F5F5; border: 0.05rem solid #CCC; -webkit-border-radius: 50%; border-radius: 50%; vertical-align: middle; }
input[type="radio"]:checked { border-color: #f23030; background-color: #f23030; }
input[type="radio"]:checked:after { content: ''; position: absolute; left: 0.1rem; top: 0.14rem; width: 0.4rem; height: 0.2rem; border-left: 0.065rem solid #fff; border-bottom: 0.065rem solid #fff; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

/*阿里字体库 BEGIN*/
@font-face {font-family: 'iconfont';
            src: url('iconfont/iconfont.eot'); /* IE9*/
            src: url('iconfont/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
                url('iconfont/iconfont.woff') format('woff'), /* chrome、firefox */
                url('iconfont/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
                url('iconfont/iconfont.svg#uxiconfont') format('svg'); /* iOS 4.1- */
}
.iconfont{font-family:"iconfont" !important;font-size:22px;font-style:normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;}
/*阿里字体库 END*/

.hide { display: none !important;}
.show { display: block !important;}
/*clear float*/
.clearfix { zoom: 1 }
.clearfix:after { display: block; clear: both; content: '\20' }
:not(input) { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-touch-callout: none; -webkit-text-size-adjust: none; }
.posr { position: relative !important; }
.posa { position: absolute; z-index: auto; }
.posf { position: fixed;}
.w20h li { width: 20%;}
.w25h li { width: 25%;}
.w33h li { width: 33.33%;}
.w50h li { width: 50%;}
.mt5 { margin-top: 0.5rem !important;}
.mt10 { margin-top: 1rem !important;}
.mt20 { margin-top: 2rem !important;}
.mt40 { margin-top: 4rem !important;}
.mr2 { margin-right: 0.2rem;}
.mr10 { margin-right: 1rem;}
.ml10 { margin-left: 1rem;}
.mb5 { margin-bottom: 0.5rem !important;}
.mb10 { margin-bottom: 1rem !important;}
.mb20 { margin-bottom: 2rem !important;}
.mb-20 { margin-bottom: -2rem !important;}
.mb25 { margin-bottom: 2.5rem !important;}
.pl5 { padding-left: 0.5rem;}
.pb5 { padding-bottom: 0.5rem;}
.blank3{height:3rem;}
.clear{clear: both;}



.ds-home-header{width:100%;height: 60px;}
.ds-home-header .lang_btn{position: absolute;right:2%;top:.5rem;font-size: .6rem;color:#999;width: 20%}
.ds-home-header .lang_btn img{width: 25%;margin-top: 3px;    display: block; float: left;  margin-right: 5%;}
.ds-home-header .lang_btn span{font-size: .3rem;float: left;margin-right: 3%;line-height: normal}
.ds-home-header .lang_btn .current i{width:0; height:0;  border-width:9px 7px 0;  border-style:solid;  border-color:#bfbfbf transparent transparent;display: block;float:left;margin-top: 4px }
.ds-home-header .lang_btn .option_cn span{margin-top: 4px}
.ds-home-header .lang_btn .current_us span{margin-top: 2px}
.ds-home-header .lang_btn .option_cn,.option_us{display: none}
.ds-home-header .lang_btn a{color: #999;line-height: .975rem;font-size: .3rem}
.ds-home-header .lang_btn a.active { color: #f10000;}

.ds-home-header .mt{height:60px;width:100%; background: url('../images/top_bg.jpg');}
.ds-home-header .mc{position: absolute;top:60px;width: 100%;z-index: 99}
.ds-home-header .logo{float:left;padding: 0.7rem 4% 0.4rem 4%; width: 70%;}
.ds-home-header .logo img {float: left; width: 100%;}
.ds-home-header .logo .site_name_wrap{float: left;line-height: 1.5;padding-left: .3rem;margin-left: .3rem;border-left: 1px solid #ddd;margin-top:.5rem;    text-align: justify;
                                      text-align-last: justify;}
.ds-home-header .logo .site_name_wrap .site_name_zh{font-size: .75rem;}
.ds-home-header .logo .site_name_wrap .site_name_en{font-size: .55rem;}
.ds-home-header .nav-bar{position: relative;float: right;height:60px;cursor: pointer;padding:0rem .6rem;transition: color 0.25s linear 0s;color:#fff}
.ds-home-header .nav-bar i{display: block;width: 21px;height: 15px;background: url("../images/nav_img.png");background-size: 21px 15px;margin-top: 100%;}
.ds-home-header .nav-list{width:44%;clear:both;background: #fff;float:right}
.ds-home-header .nav-list li{line-height:2rem;font-size:.6rem;color:#fff;text-align: center}


.footer-nav{width: 100%;height:70px; z-index:101;padding: 0px;margin: 0px; box-sizing:border-box;}
.footer-nav ul{z-index: 10;position: fixed;background: #004B72;bottom: 0;left:0;width: 100%;height:50px;margin:0 auto;padding: 3% 0;display: -webkit-box !important;display: box !important;}
.footer-nav ul li {position: relative;-webkit-box-flex: 1;box-flex: 1;height:50px;text-align: center;margin: 0px; width:100%; font-size: 14px;box-sizing:border-box;padding-top: 5px}
.footer-nav ul li a {text-align: center;font-size: .6rem;color: #a5a5a5;display: block;height:45px;position: relative;margin: auto;}
.footer-nav ul li img {display: block;height: 25px;line-height:25px;font-size:26px;margin: auto;background-size:29px auto ;background-repeat: no-repeat;background-position: center -26px ;}
.footer-nav ul li a p{padding-top: 2px;color: #f9f9f9}
.footer-nav ul li.hover i{background-position: center 0px ;}




#pages {clear:both;padding:10px 0 10px;text-align:center;font:12px 'Microsoft YaHei';}
#pages a {display:inline-block;padding:0px 8px;height:24px;font-size:12px;line-height:22px;background:#fff;border:1px solid #e3e3e3;text-align:center;color:#333;margin-right:-1px;}
#pages a.a1 {padding:0px 12px;height:24px;line-height:22px;margin-top:0px;}
#pages a:hover {background:#f1f1f1;color:#000;text-decoration:none;}
#pages span {display:inline-block;padding:0px 8px;height:24px;line-height:22px;background:#5a85b2;border:1px solid #5a85b2;color:#fff;text-align:center;}
.page .noPage {display:inline-block;padding:0px 12px;height:22px;line-height:22px;border:1px solid #e3e3e3;text-align:center;color:#a4a4a4;}
.pageright {margin-right:40px;}
@media (max-width:420px) {#pages .prev,#pages .next {display:none;}}

/*版权*/
.banquan_box{background: #fff;}
.banquan_box .banquan{text-align: center;padding: 5%; color:#666666;font-size: 12px; line-height: 22px; border-top: 2px solid #EEF3F2;}
.banquan_box .banquan a{color:#666666;}

.i_sosuo_box{margin:5%;padding: 1% 3%; border: 1px solid #DCDCDC; border-radius:10px;}
.i_sosuo_box .soso_btn{background: url(../images/soso_btn.png); float: left; height: 30px; width: 30px; margin-right: 5%; margin-top: 2%;border: none;background-size: contain; background-repeat: no-repeat;}
.i_sosuo_box .sosuo{background: none;border: none;    height: 40px;}
.link{border: 2px solid #EEF3F2;}

.top_title_box{ padding: 8% 2% 3% 2%;}
.about_info{padding: 0 3%;letter-spacing: 1px;}
.about_pic{padding:4% 2%; padding-bottom: 8%; border-bottom: 4px solid #EEF3F2; }
.about_pic img{ width: 100%;}

.product_list_box{padding: 2% 0 2% 2%; padding-bottom: 8%; }
.product_list_box ul li{ width: 48%;float: left; padding: 2% 2% 2% 0;}
.product_list_box ul li img{     width: 80%;background: #E5E5E5;padding: 10%;}
.product_list_box ul li .xinhao{font-size: 14px; font-weight: bold;padding: 3% 0;}
.product_list_box ul li .title{color: #C2C2C2;}
.more{text-align: center; padding-top: 8%;}
.more_btn{ background: #0B8CCE; color: #fff; padding: 3% 15%; font-size: 16px; width: 50%;}

.yyfc_box{padding-bottom: 8%;}

.news_box ul li{ margin: 2%; padding: 0 2%; padding-bottom: 2%; border-bottom: 1px solid #D3D3D3;}
.news_box ul li .time{ float: right;}
.news_box{padding-bottom: 8%;}


.product_nav{ width: 100%; background: #ECECEC; margin: 5% auto 2% auto;text-align: center;}
.product_nav ul{}
.product_nav .cur{background: #0B8CCE; color: #fff;}
.product_nav .cur a{color:#fff;}
.product_nav ul li{text-align: center; float: left;    width: 30%;;line-height: 35px; font-size: 16px; }

/*showInfo*/
.showInfo {padding:5% 0;width:100%;    background: #fff;}
.showInfo .title {font-size:24px;text-align:center;line-height:24px;margin:0 2%;margin-bottom:.2rem;color:#000;padding:3% 0;}
.showInfo .menu {margin-bottom:.2rem;}
.showInfo .mark {font-size:12px;text-align:center;color:#666666;padding-bottom:2%;border-bottom:1px dotted #dbd7d7;}
.showInfo .mark span {margin:0 3%;}
.showInfo .mark span i {font-style:normal;}
.showInfo .contxt {padding:2% 2% 5% 2%;color:#666666;background:#fff;    line-height: 23px;}
.showInfo .contxt img {max-width:100%;height:auto !important;}
.showInfo .reLink {margin:.2rem 3% .1rem;}
.showInfo .showRelate {margin-top:.1rem;}
.showInfo .showRelate .sitepath {padding:.18rem 0 0;}
.showInfo .showRelate .sitepath h3 {font-weight:bold;}
.showInfo .showRelate .item {margin-bottom:.2rem;}
.reLink {margin:2% 0;}
.reLink .prevLink,.reLink .nextLink {display:block;height:24px;line-height:24px;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;box-sizing:border-box;border-bottom:1px solid #e8e8e8;margin:2% 0;}

/*lxwm_box*/
.lxwm{background: #fff;}
.lxwm ul li{border-bottom: 1px solid #E6E6E6;padding: 5%;}
.lxwm .lxwm_xinxi {width: 100%; float: left;}
.lxwm .lxwm_xinxi .lx_li{border-bottom: 1px solid #E6E6E6;padding:4% 2%;margin: 5%  2%; }
.lxwm .lxwm_xinxi  .feedback_input{border: 0px;background: none;    width: 70%;}
.lxwm .lxwm_xinxi .hyly{float: left;width: 91%; border: 1px solid #E6E6E6; padding:2%;margin: 0 2%;   }
.lxwm .lxwm_xinxi .hyly .feedback_input{border: 0px;background: none;}
.lxwm .input_wrap{text-align: center;}
.lxwm  .input_tj{    display: inline-block;height: 36px;width: 70%;padding: 0 20%;background: #E04724;border: solid 1px #cd1414;line-height: 37px; font-size: 14px;
                     color: #fff;
                     text-align: center;
                     outline: none;
                     cursor: pointer;
                     border-radius: 5px;
                     margin-bottom: 10%;
}

.lx_box{background: #fff; padding: 5% 3% 10% 3%;letter-spacing: 1px;}
.lx_box img{width:100%;}
.lx_box .info{padding: 2% 7%; font-size: 16px; line-height: 24px;    border-bottom: 1px solid #d2d2d2;}

.i_news{width: 100%; margin:  0 auto; border-top: 5px solid #E5E5E5;}
.i_news .news_li{margin: 3% 5%; padding-bottom: 2%; border-bottom: 1px solid #BFBFBF;}
.i_news .news_li .news_info{float: left; font-size: 14px; }
.i_news .news_li .news_info a{color: #333;}
.i_news .news_li .time{float: right; padding-right: 2%;    line-height: 22px;}


.all_title{ text-align: center; padding: 10% 0 5% 0;}
.all_title .cn{font-size: 32px; font-weight: bold; color: #000;letter-spacing: 1px;padding-bottom: 2%;}
.blue{color: #3275EF;}
.all_title .en{color: #A7A7A7; font-size: 12px;}


.contactPage .txtcon img {
    max-width: 100%;
}
.singlePage {
    padding: .3rem 3%;
    border-bottom: .2rem solid #f1f1f1;
}
.singlePage img {
    max-width: 100%;
}
.contactPage {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}
.contactPage .t {
    color: #000;
    padding: 0 3% .2rem;
    font-size: .3rem;
}
.contactPage .n-tit {
    font-size: .3rem;
    color: #da1f2e;
    padding: 0 3% .25rem;
}
.contactPage .txtcon {
    padding: 0 3% .3rem;
}
.contactPage .mapArea {
    width: 100%;
    height: 3rem;
}
.contactPage .messagePage {
    padding: .4rem 0 .5rem;
}
/* 在线留言 */
.login {
    width: 94%;
    padding: 0 3%;
}
.login li {
    width: 88%;
    margin: 0 auto 5% auto;
}
.login li img {
    float: right;
    margin-right: 10%;
    width: 30%;
    height: .67rem;
}
.login_input {
    display: block;
    height: 2.8em;
    -webkit-appearance: none;
    border-radius: 0;
}
.login_textarea {
    height: 8em;
    margin-bottom: -2%;
}
.login li .pin_width {
    width: 50%;
}
.login li .login_btn {
    width: 100%;
    color: #fff;
    border: 0;
    text-align: center;
    background: #004B72;
    box-shadow: none;
    height: 35px;
}
.login input, .login textarea {
    width: 100%;
    border: 1px solid #dcdcdc;
    background: #fff;
    color: #333;
}
/* 公用 */
.yaweb-section {padding: 2%;}
.yaweb-section-title {text-align: center;margin:25px auto 27px;font-size:22px;color: #1B4F9B;}
.yaweb-section-title small {display: block;font-size: 12px;margin-top: 15px;}
.yaweb-section-title .line {height: 14px;width: 80%;margin: 15px auto 0;max-width: 330px;position: relative;}
.yaweb-section-title .line:before {content: '';position: absolute;width: 100%;height: 1px;background-color: #75747e;left: 0;top: 50%;margin-top: -1px;}
.yaweb-section-title .line:after {width: 14px;height: 100%;display: block;content: '';background-color: #ff0000;border-radius: 50%;position: absolute;left: 50%;margin-left: -7px;}
.yaweb-section-title span {display: block;font-size: 14px;color: #666;text-transform: uppercase;}


/* 首页荣誉资质 */
.yaweb-Honor {margin: 0 0 -10px -10px;}
.yaweb-Honor li {float: left;width:50%;}
.yaweb-Honor li a {display: block;margin: 0 0 10px 10px;}
.yaweb-Honor li .pic {display: block;overflow: hidden; }
.yaweb-Honor li p {text-align: center;line-height:25px; color:#000; font-size: 14px;}

.bhh {overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}
.bhh-dh {overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.m-center {text-align: center;font-size:0;}
.m-center img {display: inline-block;width: auto;height: auto;max-width: 100%;max-height: 100%;vertical-align: middle;}
.m100 img{display:block;width:100%;  }
.xian{     border-bottom: 1px solid #ddd;padding-top: 3%;}

.lang{float: right;line-height: 60px; font-size: 18px;}
.lang a{color: #fff;}