@font-face { font-family: "Opensans-Regular"; src: url("../fonts/font.woff2") format("woff2"),  url("../fonts/font.woff") format("woff"),  url("../fonts/font.eot") format("embedded-opentype"),  url("../fonts/font.svg") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: "OpenSans-Bold"; src: url("../fonts/font2.woff2") format("woff2"),  url("../fonts/font2.woff") format("woff"),  url("../fonts/font2.eot") format("embedded-opentype"),  url("../fonts/font2.svg") format("svg"); font-weight: normal; font-style: normal; }

html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; line-height: 1.15; -webkit-tap-highlight-color: rgba(0,0,0,0); }
body { margin: 0; line-height: 1.42857143; font-size: 14px; min-width: 1230px; background: #fff; color: #333; }
h1 { font-size: 2em; margin: .67em 0; }
figure { margin: 1em 40px; }
hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible; }
a { -webkit-text-decoration-skip: objects; background-color: transparent; }
abbr[title] { border-bottom: none; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; }
b, strong { font-weight: bolder; }
dfn { font-style: italic; }
mark { background-color: #ff0; color: #000; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: -.25em; }
sup { top: -.5em; }
audio:not([controls]) { display: none; height: 0; }
img { border-style: none; }
svg:not(:root) { overflow: hidden; }
button, input, optgroup, select, textarea { line-height: 1.42857143; margin: 0; outline: none; }
body, button, input, select, textarea { text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-font-feature-settings: "liga", "kern"; font-family: 'Opensans-Regular', Arial }
button, input { overflow: visible; }
button, select { text-transform: none; }
button, html [type=button],/* 1 */ [type=reset], [type=submit] {-webkit-appearance:button;}
button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {border-style:none;padding:0;}
button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring {outline:1px dotted ButtonText;}
fieldset { padding: .35em .75em .625em; }
legend { -webkit-box-sizing: border-box; box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }
progress { display: inline-block; vertical-align: baseline; }
textarea { overflow: auto; }
[type=checkbox], [type=radio] {-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {height:auto;}
[type=search] {-webkit-appearance:textfield;outline-offset:-2px;}
[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {-webkit-appearance:none;}
::-webkit-file-upload-button {-webkit-appearance:button;font:inherit;}
summary { display: list-item; }
article, aside, footer, header, nav, section, figcaption, figure, main, details, .menu { display: block; }
pre, code, kbd, samp { font-family: monospace, monospace; font-size: 1em; }
audio, video, canvas { display: inline-block; }
template, [hidden] {display:none;}
.clearfix { zoom: 1; }
.clearfix:before, .clearfix:after { display: table; line-height: 0; content: ""; }
.clearfix:after { clear: both; }
.tarns { -webkit-transition: all 300ms ease 0s; transition: all 300ms ease 0s; }
/*float*/
.fl { float: left; }
.fr { float: right; }
.fc_red { color: #ff0000; }
a { color: #333; text-decoration: none; }
a:hover { color: #203f5d; }
ul { margin: 0; list-style: none; padding: 0; }

.img-center { text-align: center; font-size: 0; }
.img-center img { display: inline-block; width: auto; height: auto; max-width: 100%; max-height: 100%; vertical-align: middle; }
.img-cover { display: block; width: 100%; overflow: hidden; -webkit-transition: all 0.5s; transition: all 0.5s; }
.container { margin: 0 auto; width: 80%; }
.view_detail{ width:60%}
.more-big { display: inline-block; font-size: 0; vertical-align: middle; line-height: 50px; margin-top: 50px; background-image: -webkit-gradient(linear, left bottom, left top, from(rgb(214,214,214)), to(rgb(255,255,255))); background-image: linear-gradient(to top, rgb(214,214,214), rgb(255,255,255)); -webkit-transition: all 0.5s; transition: all 0.5s; }
.more-big span { display: inline-block; vertical-align: middle; font-size: 18px; padding: 0 40px; }
.more-big i { display: inline-block; background: url(../images/icon2a.png) no-repeat center; width: 50px; border-left: 1px solid #ccc; height: 50px; vertical-align: middle; -webkit-transition: all 0.5s; transition: all 0.5s; }
.more-big:hover { background: #b62020; color: #fff; }
.more-big:hover i { border-color: rgba(255,255,255,0.4); background-image: url(../images/icon2.png); }
.header { -webkit-transition: all 0.5s; transition: all 0.5s;background: rgba(255, 255, 255, 0.88); position: fixed; z-index: 10; width: 100%; top: 0; left: 0;  }
.header .logo { float: left; font-size: 0; height: 50px; line-height: 50px; text-align: left; padding: 25px 0; }

/*.nav*/
.header .nav { display: flex; justify-content: flex-end; padding-left: 50px; height: 100%; }
.header .nav li { margin-left: 10px; float: left; position: relative; }
.header .nav li>a { display: block; font-size: 15px; font-weight: bold; line-height: 100px; position: relative; color: #333; padding: 0 35px; text-transform: uppercase; font-family: OpenSans-Bold, Arial }
.header .nav li>a:after { position: absolute; left: 0; bottom: 0; width: 0; height: 3px; -webkit-transition: all 0.1s; transition: all 0.1s; content: ''; }
.header .nav li.active>a, .header .nav li.open>a, .header .nav li>a:hover { color: #203f5d }
.header .nav li.open .dropdown-box { display: block; }
.header .nav li:hover .dropdown-box { display: block; }
.header .nav li .arr { float: right; position: relative; }
.header .nav li .arr:after { content: ''; border-top: 2px solid #ccc; border-left: 2px solid #ccc; -webkit-box-sizing: content-box; box-sizing: content-box; display: block; width: 6px; height: 6px; margin: auto; position: absolute; top: 45px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); right: 15px; -webkit-transition: all 0.3s; transition: all 0.3s; }
.header .nav li.active .arr:after, .header .nav li:hover .arr:after { border-top: 2px solid #203f5d; border-left: 2px solid #203f5d; }
.header .nav li:hover .arr:after { -webkit-transform: rotate(135deg); transform: rotate(135deg); }
.header .nav li.dropdown { position: relative; }
.header .nav .dropdown-box { position: absolute; left: 0; top: 100px; display: none; z-index: 10; text-align: center; -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1); box-shadow: 0 0 5px rgba(0,0,0,0.1); background: #fff; }
.header .nav .dropdown-box p { margin: 0; }
.header .nav .dropdown-box a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 10px; font-size: 14px; display: block; border-bottom: 1px solid rgba(0, 0, 0, 0.1); line-height: 40px; color: #333; }
.header .nav .dropdown-box a:hover { background-color: #203f5d; color: #fff; }

/*.menu-search*/
.header .sc { float: right; position: relative; margin-left: 40px; }
.header .sc-btn { display: block; height: 100px; width: 30px; background: url(../images/search_icon.png) no-repeat center; }
.header .sc-box { position: absolute; right: 0; top: 100%; overflow: hidden; display: none; -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1); box-shadow: 0 0 5px rgba(0,0,0,0.1); z-index: 9999 }
.header .sc-box input { display: block; padding: 9px 62px 9px 12px; border: 1px solid transparent; font-size: 14px; color: #333; background-color: #fff; width: 200px; }
.header .sc-box button { position: absolute; right: 0; top: 0; padding: 0; width: 60px; height: 40px; background: #203f5d; color: #fff; border: 0; cursor: pointer; font-size: 14px; }
.header-active { background: rgba(255, 255, 255, 0.88); position: fixed; z-index: 10; width: 100%; top: 0; left: 0; }

/*.menu-mobi*/
.menu-btn { display: none; padding: 6px 0; float: right; }
.menu-btn:before, .menu-btn:after, .menu-btn span { display: block; height: 2px; background-color: #203f5d; content: ''; }
.menu-btn:before { width: 24px; }
.menu-btn:after { width: 18px; margin-left: 6px; }
.menu-btn span { width: 12px; margin: 6px 0 6px 12px; }

/*.home-banner*/
.banner .swiper-slide {   }
.banner .swiper-slide img { display: block; width: 100%; height: auto; }
.banner .swiper-slide .container { height: 100%; }
.banner .swiper-slide .wrap { display: table; height: 100%; color: #fff; width:55%; }
.banner .swiper-slide .inner { display: table-cell; vertical-align: middle; }
.banner .swiper-slide h4 { margin: 0; font-size:60px; line-height:68px; color:#FFF; }
.banner .swiper-slide h4:after { display: block; content: ''; height: 5px; width: 80px; margin-top: 20px; background-color: #203f5d; }
.banner .swiper-slide small { margin: 20px 0 0; font-size: 24px; display: block; opacity: 0.6; text-transform: uppercase; }
.banner .swiper-slide .more-big { background: #203f5d; color: #fff; }
.banner .swiper-slide .more-big i { border-color: rgba(255,255,255,0.4); background-image: url(../images/icon2.png); }
.banner .swiper-pagination { bottom: 6%; left: 50%; width: 60px; padding: 1px 0; -webkit-transform: translateY(50%); transform: translateY(50%); margin-left: -40px; }
.banner .swiper-pagination-bullet { background-color: #fff; display: block; width: 30px; margin: 10px auto !important; height: 2px; border-radius: 0; -webkit-transition: all 0.5s; transition: all 0.5s; }
.banner .swiper-pagination-bullet-active { width: 100%; }

/*.wrap-banner*/
.banner-sub { background: no-repeat center / cover; height: 420px; }
.banner-sub .container { height: 100%; }
.banner-sub .wrap { display: table; height: 100%; color: #333; margin: 0 auto; text-align: center; }
.banner-sub .inner { display: table-cell; vertical-align: middle; padding-top:100px; }
.banner-sub h4 { margin: 0; font-size: 44px; line-height: 1.1; text-transform: uppercase; }
.banner-sub h4:after { display: block; content: ''; height: 3px; width: 40px; background-color: #333; margin: 20px auto 0 }
.banner-sub small { margin: 20px 0 0; font-size: 34px; display: block; text-transform: uppercase; text-align: center; }


/*.home-product-cat*/
.in_cat { width: 100%; overflow: hidden; }
.in_cat .in_cat_top { position: relative; margin: 60px auto 0; width: 80%; }
.in_cat .in_cat_top .title { width: 100%; height: 60px; line-height: 60px; font-size: 40px; color: #999; font-family: 'Opensans-Bold'; white-space: nowrap; text-align: center; }
.in_cat .in_cat_top .title span{ color: #5680a9; padding:0 10px;}
.in_cat .ban_list { margin: 60px auto 0; width: 80%; }
.in_cat .ban_list .item { position: relative; width: 25%; z-index: 0; float: left; -webkit-transition: all 300ms ease 0s; transition: all 300ms ease 0s; }
.in_cat .ban_list .item a { display: block; width: 100%; overflow: hidden; }
.in_cat .ban_list .item .item_title { position: absolute; left: 0; bottom: 0; padding: 0 46px 0 20px; width: 100%; height: 82px; line-height: 82px; background: rgba(255, 255, 255, 0.8); font-size: 18px; color: #333; font-family: 'Opensans-Bold'; white-space: nowrap; text-overflow: ellipsis; -webkit-box-sizing: border-box; box-sizing: border-box; }
.in_cat .ban_list .item a.item_title:before { background-color: #000; }
.in_cat .ban_list .item:hover { z-index: 1; -webkit-box-shadow: 0 2px 18px rgba(0, 0, 0, 0.27); box-shadow: 0 2px 18px rgba(0, 0, 0, 0.27); }
.in_cat .ban_list .item .img img { -webkit-transition: all 300ms ease 0s; transition: all 300ms ease 0s; width:100%;}
.in_cat .ban_list .item:hover .img img { -webkit-transform: scale(1.1); transform: scale(1.1); }

/*.home-about*/
.in_about { width: 100%; overflow: hidden; }
.in_about .in_about_con { position: relative; margin-top: 70px; width: 100%; overflow: hidden; }
.in_about .in_about_con .in_about_left { width: 50%; height: 580px; overflow: hidden; float: left; }
.in_about .in_about_con .in_about_left .img { display: block; text-align: center; overflow: hidden; }
.in_about .in_about_con .in_about_left .img img { height: 100%; overflow: hidden; }
.in_about .in_about_con .in_about_right { padding: 90px 0 0 108px; width: calc(100% - 50.1563%); height: 580px; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; }
.in_about .in_about_con .in_about_right .item_txt { width: 510px; float: left; }
.in_about .in_about_con .in_about_right .item_txt .title { display: block; position: relative; padding-bottom: 40px; width: 100%; height: 50px; line-height: 50px; font-size: 40px; color: #fff; text-decoration: none; font-weight:700; }
.in_about .in_about_con .in_about_right .item_txt .title:after { display: block; content: ''; position: absolute; left: 0; bottom: 13px; width: 90%; height: 1px; background: #e0e0e0; }
.in_about .in_about_con .in_about_right .item_txt .contents { margin-top: 20px; width: 100%; line-height: 30px; font-size: 14px; color: #fff; }

/*.home-products*/
.in_pro { overflow: hidden; }
.in_pro .in_pro_con { margin-top: 100px; width: 100%; text-align: center; }
.in_pro .in_pro_con .title { display: inline-block; position: relative; padding: 0 110px; font-size: 40px; color: #999; font-family: 'Opensans-Bold';  }
.in_pro .in_pro_con .title span{ color: #5680a9; padding:0 10px}
.in_pro .in_pro_con .list { margin: 60px auto 100px; width: 81%;  }
.in_pro .in_pro_con .list li { width: 19%; border: 1px #ddd solid; box-sizing: border-box; float: left; margin-right: 1%; margin-bottom: 1%;-webkit-transition: all 300ms ease 0s; transition: all 300ms ease 0s; }
.in_pro .in_pro_con .list li:nth-last-child(1) { border-right: 1px solid #ddd; }
.in_pro .in_pro_con .list li:hover{ -webkit-box-shadow: 0 2px 18px rgba(0, 0, 0, 0.27); box-shadow: 0 2px 18px rgba(0, 0, 0, 0.27);}
.in_pro .in_pro_con .list li .img { display: block; width: 100%; overflow: hidden; }
.in_pro .in_pro_con .list li .img img { width: 100%; -webkit-transition: all 300ms ease 0s; transition: all 300ms ease 0s; }
.in_pro .in_pro_con .list li:hover .img img { -webkit-transform: scale(1.1); transform: scale(1.1); }
.in_pro .in_pro_con .list li .name {line-height: 24px; height:48px; font-size: 16px; color: #6e6e6e; margin: 10px 10px 10px;display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden }

/*.home-news*/
.in_news { overflow: hidden; }
.in_news .in_news_con { text-align: center; margin: 60px auto 0; width: 80%; }
.in_news .in_news_con .title { display: inline-block; position: relative; padding: 0 110px; font-size: 40px; color: #999; font-family: 'Opensans-Bold';   }
.in_news .in_news_con .title span{ color:#5680a9; padding:0 10px;}
.in_news_list { padding: 50px 0 100px; }
.in_news_list li { float: left; width: 25%;}
.in_news_list li a{-webkit-transition: all 300ms ease 0s; transition: all 300ms ease 0s; }
.in_news_list li a:hover { -webkit-box-shadow: 0 2px 18px rgba(0, 0, 0, 0.27); box-shadow: 0 2px 18px rgba(0, 0, 0, 0.27); }
.in_news_list li .item { display: block; background-color: #fff; position: relative; margin: 10px 0 0 10px; padding:30px; }
.in_news_list li .pic { width:100%;height:200px; overflow:hidden;}
.in_news_list li .pic img{ width:100%;overflow:hidden; -webkit-transition: all 300ms ease 0s; transition: all 300ms ease 0s;}
.in_news_list li .pic img:hover{-webkit-transform: scale(1.1); transform: scale(1.1);}
.in_news_list li .text { position: relative; z-index: 1; padding-top: 30px; }
.in_news_list li h4 { margin: 0 0 10px; font-size: 24px; -webkit-transition: all 1s; transition: all 1s; text-align: justify; }
.in_news_list li h4 span { display: block; height: 68px; overflow: hidden; }
.in_news_list li .lm { position: absolute; right: 0; top: 0; font-size: 18px; text-align: center; opacity: 0.5; -webkit-transition: all 1s; transition: all 1s; }
.in_news_list li .date { font-size: 18px; color: #999; -webkit-transition: all 1s; transition: all 1s; display: block; }
.in_news_list li .more { display: block; margin: 10px auto 0; line-height: 48px; width: 158px; -webkit-transition: all 1s; transition: all 1s; font-size: 18px; border: 1px solid transparent; background-color: #f7f7f7; text-align: center; }
.in_news_list li.last .wrap { margin: 10px 0 0 10px; line-height: 380px; text-align: center; }
.in_news_list li.last .wrap .more-big { margin-top: 0; }

/*.home-feedback*/
.in_guest { overflow: hidden; margin-top:80px; }
.in_guest .in_guest_con { text-align: center; margin: 60px auto 0; width: 80%; }
.in_guest .in_guest_con .title { display: inline-block; position: relative; padding: 0 110px; font-size: 40px; color: #fff; font-family: 'Opensans-Bold';   }
.in_guest .in_guest_contact { margin: 84px auto 140px; width: 1200px; background: #fff; overflow: hidden; }
.in_guest .in_guest_contact .img { margin: 0 auto; width: 600px; overflow: hidden; }
.in_guest .in_guest_contact .img img { height: 100%; display: block; }
.in_guest .in_guest_contact #lib_feedback_form { padding: 30px; width: 600px; clear: inherit; -webkit-box-sizing: border-box; box-sizing: border-box; }
.in_guest .in_guest_contact .feedback .contact_form{ padding-top:20px;}
.in_guest .in_guest_contact .feedback { width: 100%; text-align: left; }
.in_guest .in_guest_contact .feedback .f_title { font-size: 16px; color: #333; font-family: 'Opensans-Regular'; }
.in_guest .in_guest_contact .feedback .f_brief { display: -webkit-box; margin-top: 7px; line-height: 41px; font-size: 28px; color: #203f5d; font-family: 'Opensans-Bold'; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.in_guest .in_guest_contact .feedback .row { margin-bottom: 25px; width: 47.6667%; }
.in_guest .in_guest_contact .feedback .row input { padding: 0 10px; width: 100%; height: 40px; line-height: 40px; border: 1px solid #fff; border-bottom: 1px solid #bfbfbf; -webkit-box-sizing: border-box; box-sizing: border-box; }
.in_guest .in_guest_contact .feedback .row input::-webkit-input-placeholder {font-size: 16px;color: #555;font-family: 'Opensans-Bold';}
.in_guest .in_guest_contact .feedback .row input::-moz-placeholder {font-size: 16px;color: #555;font-family: 'Opensans-Bold';}
.in_guest .in_guest_contact .feedback .row input:-ms-input-placeholder {font-size: 16px;color: #555;font-family: 'Opensans-Bold';}
.in_guest .in_guest_contact .feedback .row input:-moz-placeholder {font-size: 16px;color: #555;font-family: 'Opensans-Bold';}
.in_guest .in_guest_contact .feedback input[type=submit] { margin-top: 30px; width: 150px; height: 53px; line-height: 53px; background: #203f5d; border: 0; font-size: 16px; color: #fff; font-family: 'Opensans-Bold'; cursor: pointer; }
.in_guest .in_guest_contact .feedback .textarea_rows textarea { width: 100%; height: 100px; padding: 10px; font-size: 12px; color: #888; box-sizing: border-box; font-family: 'Opensans-Regular', Arial; border: 1px #bfbfbf solid }





/*foot*/
.footer { background-color: #203f5d; padding: 40px 0 30px; color: #c7c7c7; border-top: 5px solid #fff; }
.footer a { color: #c7c7c7; }
.footer a:hover { color: #fff; }
.footer-left { margin-right: 520px; }
.footer-right { float: right; width: 500px; }
.footer-logo { text-align: left; margin-bottom: 20px; }
.footer-nav { font-size: 16px; }
.footer-nav span { padding: 0 10px; opacity: 0.3; }
.footer-ewm { float: right; width: 110px; }
.footer-text { margin-right: 135px; text-align: right; font-size: 0; }
.footer-text p { margin: 10px 0; }
.footer-text p span { display: inline-block; vertical-align: middle; font-size: 14px; background: no-repeat 0 center; padding-left: 30px; }
.footer-text p span.i1 { background-image: url(../images/icon6.png); }
.footer-text p span.i2 { background-image: url(../images/icon7.png); }
.footer-text p span.i3 { background-image: url(../images/icon5.png); }
.footer-copy { padding: 20px 0; }

/*.footer-fix*/
.footer-fix { box-shadow: 0 0 10px rgba(0,0,0,0.2); position: fixed; bottom: 0; left: 0; width: 100%; background-color: #fff; z-index: 10; display: none; }
.footer-fix li { float: left; width: 25%; }
.footer-fix li a { display: block; text-align: center; padding: 7px 0; font-size: 12px; line-height: 1; }
.footer-fix li i { display: block; height: 20px; background: no-repeat center; background-size: contain; margin-bottom: 4px; }
.footer-fix li i.i1 { background-image: url(../images/f_01.png); }
.footer-fix li i.i2 { background-image: url(../images/f_02.png); }
.footer-fix li i.i3 { background-image: url(../images/f_03.png); }
.footer-fix li i.i4 { background-image: url(../images/f_04.png); }

/*product center*/
.pro_list {  width: 101%; }
.pro_list li { float: left; width: 19%; border: 1px #ddd solid; box-sizing: border-box; margin-right: 1%; margin-bottom: 1%; -webkit-transition: all 300ms ease 0s; transition: all 300ms ease 0s;}
.pro_list li:nth-last-child(1) { border-right: 1px solid #ddd; }
.pro_list li a:hover { -webkit-box-shadow: 0 2px 18px rgba(0, 0, 0, 0.27); box-shadow: 0 2px 18px rgba(0, 0, 0, 0.27); }
.pro_list li a { display: block; overflow: hidden; }
.pro_list li a .img-cover img { width: 100%; }
.pro_list li .text { width: 100%; text-align: center; padding: 15px 0; position: relative; z-index: 1; }
.pro_list li .text h4 { margin: 0 10px; font-weight: normal; font-size: 20px; display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden }
.pro_list li .text p { margin: 0 10px; }
.pro_list li a:hover .img-cover { -webkit-transform: scale(1.1); transform: scale(1.1); }

/*.rale-products*/
.rale_pro { overflow: hidden; margin-top:20px; }
.rale_pro .rale_pro_con { width: 100%; text-align: center; }
.rale_pro .rale_pro_con .title { font-size: 22px; color: #191919;  }
.rale_pro .rale_pro_con .list { margin: 30px auto 30px; width: 100%; overflow: hidden; }
.rale_pro .rale_pro_con .list li { width: 19%; border: 1px #ddd solid; box-sizing: border-box; float: left; margin-right: 1%; margin-bottom: 1%; }
.rale_pro .rale_pro_con .list li:nth-last-child(1) { border-right: 1px solid #ddd; }
.rale_pro .rale_pro_con .list li .img { display: block; width: 100%; overflow: hidden; }
.rale_pro .rale_pro_con .list li .img img { width: 100%; -webkit-transition: all 300ms ease 0s; transition: all 300ms ease 0s; }
.rale_pro .rale_pro_con .list li:hover .img img { -webkit-transform: scale(1.1); transform: scale(1.1); }
.rale_pro .rale_pro_con .list li .name { display: block; line-height: 24px; font-size: 16px; color: #6e6e6e; margin-bottom: 20px; }

/*guest about*/
.responsive_article_feedback { overflow:hidden; }
.responsive_article_feedback .article_feedback_title { text-align: center; margin-bottom: 2%; }
.responsive_article_feedback .article_feedback_title .title { font-size: 24px; color: #333; }
.responsive_article_feedback .article_feedback_title span { display: block; width: 28px; height: 2px; background: #333; margin: 15px auto 10px; }
.responsive_article_feedback .article_feedback_title .txt { font-size: 16px; color: #555; }
.responsive_article_feedback .rows { padding: 10px 2% 10px 0; position: relative;}
.responsive_article_feedback .rows.input_rows { float: left; width: 50%; text-align: center; box-sizing: border-box; }
.responsive_article_feedback .rows .input { width: 100%; height: 43px; line-height: 43px; font-size: 12px; color: #888; text-indent: 10px; box-sizing: border-box; }
.responsive_article_feedback .rows textarea { width: 100%; height: 150px; padding: 10px; font-size: 12px; color: #888; box-sizing: border-box; font-family: 'Opensans-Regular', Arial }
.responsive_article_feedback .rows .fc_red { margin-right: 8px; position: absolute; right: 0; bottom: 7px; z-index: 1; }
.responsive_article_feedback .rows.vcode .input { width: 150px; max-width: 80%; }
.responsive_article_feedback .rows.vcode img { margin-top: 3px; }
.responsive_article_feedback .rows.vcode .fc_red { position: static; margin: 0 0 0 8px; }
.responsive_article_feedback .rows.input_rows .fc_red { bottom: 18px; }
.responsive_article_feedback .rows .form_button { width: 160px; height: 40px; line-height: 40px; background: #203f5d; color: #fff; font-size: 14px; border: none; text-transform: uppercase; cursor: pointer; }
.responsive_article_feedback .rows .form_button:hover { background: #3399CC; }
.responsive_article_feedback .rows.textarea_rows { clear: both; }

/*news*/
.responsive_info_list { margin: 30px 0; overflow: hidden; }
.responsive_info_list .item { margin-bottom: 35px; padding-bottom: 35px; border-bottom: 1px solid #e5e5e5; clear: both; overflow: hidden; }
.responsive_info_list .item:last-child { margin: 0; }
.responsive_info_list .item .img { width: 22%; float: left; height: 180px; overflow: hidden; }
.responsive_info_list .item .img img { width: 100%; }
.responsive_info_list .item .info { width: 78%; float: right; padding-left: 25px; box-sizing: border-box; }
.responsive_info_list .item .info .title { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; padding-bottom: 5px; }
.responsive_info_list .item .info .title a { font-size: 24px; color: #555; }
.responsive_info_list .item .info .title a:hover { color: #333; }
.responsive_info_list .item .info .time { font-size: 14px; color: #999; line-height: 20px; }
.responsive_info_list .item .info .desc { font-size: 14px; color: #999; line-height: 150%; max-height: 63px; overflow: hidden; margin-bottom: 10px; margin-top: 5px; display: block; }
.responsive_info_list .item .info .desc:hover { text-decoration: none; }
.responsive_info_list .item .link { display: none; }
.responsive_info_list .item.no_img .img { display: none; }
.responsive_info_list .item.no_img .info { width: 100%; float: none; padding: 0; }
.responsive_info_list.s1 .item { position: relative; min-height: 50px; }
.responsive_info_list.s1 .item .img { display: none; }
.responsive_info_list.s1 .item .info { width: 100%; padding: 0 150px; }
.responsive_info_list.s1 .item .info .time { position: absolute; left: 0; top: 0; }
.responsive_info_list.s1 .item .info .time h1 { display: none; }
.responsive_info_list.s1 .item .info .time h2 { display: block; font-size: 24px; font-weight: bold; }
.responsive_info_list.s1 .item .info .time h2 span { display: block; font-size: 16px; color: #a4a4ac; padding-top: 8px; }
.responsive_info_list.s1 .item .info .title a { color: #333; }
.responsive_info_list.s1 .item .link { display: block; width: 20px; height: 70%; position: absolute; right: 0; top: 0; background: url("../images/icon_link.png") no-repeat center; }

/* rale news */
.rale_news { padding-bottom: 83px; width: 100%;margin-top:20px;}
.rale_news .news_title { width: 100%; height: 30px; line-height: 30px; }
.rale_news .news_title .title { font-size: 22px; color: #191919; }
.rale_news .list { display: grid; grid-template-columns: repeat(4, 23.25%); justify-content: space-between; margin-top: 23px; width: 100%; }
.rale_news .list .item { }
.rale_news .list .item .img { display: block; width: 100%; height: 180px; text-align: center; text-decoration: none; overflow: hidden; }
.rale_news .list .item .title { display: -webkit-box; margin-top: 15px; line-height: 24px; height: 48px; font-size: 16px; color: #333; text-decoration: none; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.rale_news .list .item .time { margin-top: 8px; width: 100%; height: 21px; line-height: 21px; font-size: 14px; color: #989898; }
.rale_news .list .item .brief { display: -webkit-box; margin-top: 6px; line-height: 24px; height: 48px; font-size: 14px; color: #888; text-decoration: none; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.rale_news .list .item .img img { -webkit-transition: all 300ms ease 0s; transition: all 300ms ease 0s; }
.rale_news .list .item:hover .img img { -webkit-transform: scale(1.1); transform: scale(1.1); }
.rale_news.desc_news { margin-top: 55px; }
.rale_news.desc_news .news_title { position: relative; width: 100%; text-align: center; }
.rale_news.desc_news .news_title:before { display: block; content: ''; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; background: #ddd; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.rale_news.desc_news .news_title .title { position: relative; z-index: 1; padding: 0 40px; width: 100%; background: #fff; text-align: center; }
.rale_news.desc_news .list { grid-template-columns: repeat(2, 49%); grid-row-gap: 44px; }
.rale_news.desc_news .list .item .img { width: 39.2857%; height: 100%; text-align: center; }
.rale_news.desc_news .list .item .text { width: calc(100% - 43.5374%); }
.rale_news.desc_news .list .item.no_img .text { width: 100%; }
.rale_news.desc_news .list .item .text .title { margin-top: 0; font-size: 18px; }
.rale_news.desc_news .list .item .brief { font-size: 15px; color: #888; }


/* art tetail */
.content-title { margin-bottom: 30px; }
.content-title h1 { border-left: 5px solid #203f5d; margin: 0; padding-left: 15px; font-size: 24px; }
.content-title p { margin: 15px 0 0; font-size: 0; }
.content-title p span { display: inline-block; vertical-align: middle; margin-right: 20px; color: #999; font-size: 14px; }
.content-body { line-height: 1.8; font-size: 16px; }
.content-body img { max-width: 100%; width: auto !important; height: auto !important; }

.content-tag {padding: 15px 0;border-bottom: 1px dashed #ddd; }
.content-exp {padding: 15px 0;border-bottom: 1px dashed #ddd;  }
.content-exp li { float: left; width: 50%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; }
.content-exp li:last-child { text-align: right; }

/* download */
.responsive_download_list { margin: 30px 0; overflow: hidden; }
.responsive_download_list ul li { min-height: 48px; line-height: 48px; border-bottom: 1px solid #ddd; margin-bottom:20px; }
.responsive_download_list ul li .name { float: left; max-width: calc(100% - 50px); }
.responsive_download_list ul li .icon_down { display: inline-block; color: #fff; width: 30px; height: 30px; line-height: 30px; margin-right: 10px; overflow: hidden; background: #555 url(../images/icon_down.png) no-repeat center/15px; margin-top: 13px; text-align: center; border-radius: 5px; float: right; }
.responsive_download_list ul li a.s1 { background-color: #fff; }
.responsive_download_list ul li a.s1 em { display: none; }
.responsive_download_list ul li .img { text-align: center; height: 48px; font-size: 0; padding-right: 5px; float: left; }
.responsive_download_list ul li .img img { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; }
.responsive_download_list ul li .img span { display: inline-block; vertical-align: middle; height: 100%; padding: 0; }

/* contact */
.contact-2 .info { padding: 15px; background-color: #f08300; color: #fff; }
.contact-2 .info h4 { margin: 0 0 15px; border-bottom: 1px solid #faa34b; font-weight: normal; font-size: 18px; padding-bottom: 15px; }
.contact-2 .info p { margin: 0 0 15px; background: no-repeat 0 center; background-size: 15px 15px; padding-left: 25px; }
.contact-2 .info .btn { display: block; width: 120px; line-height: 40px; background-color: #fff; color: #f08300; text-align: center; }
.contact-2 .map { float: left; width: 50%; height: 550px; }
.contact-2 .info { margin-left: 50%; padding: 75px; height: 550px; }
.contact-2 .info h4 { font-size: 34px; margin-bottom: 30px; }
.contact-2 .info p { line-height: 30px; font-size: 20px; margin-bottom: 20px; }
.contact-2 .info .btn { line-height: 50px; font-size: 18px; width: 140px; }
.bg1 { background: url(../images/bg1.png) no-repeat center / cover; }
.bg2 { background: url(../images/bg2.jpg) no-repeat center / cover; color: #fff; }
.bg3 { background: url(../images/bg3.jpg) no-repeat center / cover; color: #fff; }
.bg3 .section-title-1 small { color: #fff; }
.bg3 .section-title-1:after { background-image: url(../images/icon11.png); }
.bg4 { background: url(../images/bg4.png) no-repeat center / cover; }
.bg_gray { background: #ececec; }

/*position*/
.position { line-height: 34px; margin-top: 20px; margin-bottom: 20px; text-align: left; overflow: hidden; }
.position .wz { float: left; color: #999; font-size: 16px; background: url(../images/icon9.png) no-repeat 0 center; padding-left: 28px; }
.position .wz a { color: #999; }
.position .wz a:hover { color: #203f5d; }

/*Classify*/
.nnnns { margin: 20px 0 30px 0; }
.nnnns li { padding: 0 20px; height: 40px; line-height: 40px; text-align: center; font-size: 16px; float: left; margin-right: 20px; border: #ddd 1px solid; }
.nnnns li.on { background: #203f5d; color: #fff; }
.nnnns li:hover { background: #203f5d; color: #fff; }
.nnnns li.on a { color: #fff; }
.nnnns li:hover a { color: #fff; }

/*page*/
.pages { clear: both; margin: 40px auto 40px auto; overflow: hidden; text-align: center; font-size: 14px; }
.pages ul li { display: inline-block; border: 1px solid #ccc; padding: 6px 15px; margin: 0 1px; line-height: 24px; background: #fff; color: #999; border-radius: 2px }
.pages ul li:hover { background: #2b2c2d; color: #fff; border: 1px solid #2b2c2d }
.pages ul li:hover a { color: #fff; }
.pages ul li.thisclass { display: inline-block; border: 1px solid #2b2c2d; padding: 6px 15px; margin: 0 1px; background: #2b2c2d; color: #fff; }
.pages ul li.thisclass a { color: #fff; }
.pages ul li a { display: block; color: #999 }
.pages ul li a:hover { color: #fff; }


@media screen and (max-width: 1450px) {
/*.header .container {padding: 0 15px;}*/
.header .nav li>a { padding: 0 20px; }
.shengchan .swiper-slide { width: 380px; }
.shengchan .swiper-slide .text p { line-height: 50px; font-size: 18px; }
}


 @media screen and (max-width: 767px) {
body { min-width: 320px; }
.container { width: 92%; min-width: auto; max-width: none; }
.footer-fix { display: block; }
.more-big { margin-top: 30px; line-height: 40px; }
.more-big span { font-size: 14px; padding: 0 20px; }
.more-big i { height: 40px; width: 40px; background-size: 15px auto; }
.header { padding: 10px 0; background-color: #fff; }
.header .logo { height: 30px; line-height: 30px; float: none; padding: 0; }
.header .nav { margin: 10px -15px -10px; display: none; float: none; padding-left:0px;}
.header .nav li { display: block; margin: 0; border-top: 1px solid #ddd; float: none; background:#fff;}
.header .nav li a { line-height: 48px; padding: 0 30px 0 15px; font-size: 16px; }
.header .nav li .arr { display: block; position: relative; z-index: 1; width:30px; height:30px; overflow:hidden; }
.header .nav li .arr:after{ top:20px;}
.header .nav li.active a, .header .nav li.open a, .header .nav li a:hover { }
.header .nav li.open>a:after, .header .nav li.active>a:after, .header .nav li>a:hover:after { width: 0; }
.header .nav li.open .arr:after { border-color: #fff; -webkit-transform: rotate(225deg); transform: rotate(225deg); }
.header .nav .dropdown-box { position: static; background-color: none; min-width: auto; text-align: left; }
.header .nav .dropdown-box a { color: #333 !important; border-top: 1px dotted #ddd; padding: 0 15px; line-height: 40px; background-color: #fff !important; border-bottom: 0; }

.menu-btn { display: block; }
.header .sc { margin-left: 0; margin-right: 20px; }
.header .sc-btn { height: 30px; background-size: 18px auto; }
.header .sc-box { margin-top: 10px; margin-right: -59px; }
.banner .swiper-slide { height: auto; /*height: 300px;*/ /*min-height: auto;*/
min-height: 207px; }
.banner .swiper-slide .container { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }
.banner .swiper-slide h4 { font-size: 18px; line-height:24px; }
.banner .swiper-slide h4:after { margin-top: 15px; }
.banner .swiper-slide small { margin-top: 15px; font-size: 12px; }
.banner .swiper-slide .more-big { margin-top: 20px; }
.banner .swiper-pagination { bottom: 20px; right: 0; width: 100%; font-size: 0; }
.banner .swiper-pagination-bullet { display: inline-block; width: 30px; margin: 0 5px !important; }
.banner-sub { height: 200px; }
.banner-sub h4 { font-size: 18px; }
.banner-sub h4:after { margin-top: 15px; }
.banner-sub small { margin-top: 15px; font-size: 18px; }

.in_cat .in_cat_top{margin: 30px auto 0}
.in_cat .in_cat_top .title{ height:auto;  white-space:normal;  font-size: 5.0vw }
.in_cat .ban_list {margin: 30px auto 0; width: 95%;}
.in_cat .ban_list .item{ width:100%}
.in_cat .ban_list .item .img img{ width:100%;}

.in_about .in_about_con{ margin-top:0px;}
.in_about .in_about_con .in_about_left{ display:none;}
.in_about .in_about_con .in_about_right{ width:100%; padding:20px;}
.in_about .in_about_con .in_about_right .item_txt{ width:100%;}

.in_pro .in_pro_con{ margin-top:50px;}
.in_pro .in_pro_con .title{padding: 0 15vw; font-size: 8.0vw; }
.in_pro .in_pro_con .title:before{ width:10.6667vw}
.in_pro .in_pro_con .title:after{ width:10.6667vw}
.in_pro .in_pro_con .list{margin: 30px auto 30px; width:95%}
.in_pro .in_pro_con .list li{ width:100%; margin-right:0px; margin-bottom:20px;}

.in_news .in_news_con{ width:95%}
.in_news .in_news_con .title{padding: 0 15vw; font-size: 8.0vw; }
.in_news .in_news_con .title:before{ width:10.6667vw}
.in_news .in_news_con .title:after{width:10.6667vw}
.in_news_list li{ width:100%; margin-bottom:20px;}
.in_guest .in_guest_con{ margin: 0 auto ;width: 100%;}
.in_guest .in_guest_con .title{ padding: 0 15vw; font-size: 8.0vw; }
.in_guest .in_guest_con .title:before{ width:10.6667vw}
.in_guest .in_guest_con .title:after{ width:10.6667vw}

.in_guest .in_guest_contact{ width:100%; margin:0 auto;}
.in_guest .in_guest_contact #lib_feedback_form{ width:100%; padding:20px}

.in_guest .in_guest_contact .feedback .row{ width:100%}
.in_guest .in_guest_contact .feedback .f_brief{-webkit-line-clamp: 4;font-size: 22px;  }
.in_guest .in_guest_contact .feedback input[type=submit]{ display:block; margin:0 auto; float:none;}

.in_news_list li.last { margin-top: 30px; width: 100%; }
.in_news_list li.last .wrap { height: auto; line-height: normal; }
.in_news_list li .item { padding: 15px; height: auto; }
.in_news_list li .text { padding: 0; }
.in_news_list li h4 { font-size: 16px; font-weight: normal; margin-bottom: 10px; }
.in_news_list li h4 span { height: 44px; }
.in_news_list li h4:after { margin-top: 10px; }
.in_news_list li .date { font-size: 12px; }
.in_news_list li .lm { position: static; display: block; width: auto; text-align: left; font-size: 12px; margin-bottom: 20px; }
.in_news_list li .more { margin-top: 30px; width: auto; font-size: 14px; line-height: 32px; }

.responsive_info_list .item .img{ width:100%; height:auto;}
.responsive_info_list .item .info{ width:100%;padding-left: 0;}
.rale_news .list{ display: block; grid-template-columns: none; justify-content: normal;}
.rale_news .list .item{ margin-bottom:30px;}

.footer { padding-top: 30px; }
.footer-left { display: none; }
.footer-right { float: none; width: auto; }
.footer-ewm { width: 80px; }
.footer-text { margin-right: 90px; text-align: left; }
.footer-text p { margin: 0 0 5px; }
.footer-text p span { font-size: 14px; background-size: 15px auto; padding-left: 25px; }
.footer-copy { margin-top: 30px; font-size: 12px; padding: 15px 0; }
.footer-copy .zc { display: none; }

.position { margin: 20px 0 20px; line-height: 20px; }
.position .tit { font-size: 18px; background-size: auto 20px; padding-left: 22px; }
.position .tit:after { width: 20px; margin-left: 10px; }
.pro_list { margin:0; }
.pro_list li { width: 100%; border:none; margin-right:0 }
.pro_list li:nth-last-child(1){ border:none;}
.pro_list li .text { padding: 10px 0; }
.pro_list li .text h4 { font-size: 16px; }
.pro_list li .text p { font-size: 12px; }

.content-title { margin-bottom: 20px; }
.content-title h1 { font-size: 18px; padding-left: 10px; border-left-width: 3px; }
.content-title p { margin-top: 10px; }
.content-title p span { font-size: 12px; }
.content-exp { margin-top: 20px; font-size: 12px; }

.nnnns { margin: 10px 0; }
.nnnns li { width: 100%; height: 42px; line-height: 42px; font-size: 14px; margin-right:0%; border: #ddd 1px solid; margin-bottom: 10px; box-sizing:border-box; }

/*page*/
 .pages ul li { display: inline-block; border: none; padding: 0; margin: 0 1px; line-height: 24px; background: none; color: #333; border-radius: 2px }
 .pages ul li.thisclass { display: inline-block; border: none; padding:0; margin: 0 1px; background: none; color: #333; }
.pages ul li.thisclass a { color: #333; }
 
}