@charset "utf-8";
/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
/* CSS Document */
body{padding:0; font-family:"Microsoft YaHei",Arial;font-size:14px;}
.fl{float: left;}
.fr{float: right;}
.margin{margin:0 auto;}
.hidden{overflow:hidden;}
.width1300{max-width:1300px; width:100%;}
a,button,a span{
    -webkit-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
/* header_bg */
.header_bg{ background-color:#ffffff; width:100%; top:0px; box-shadow:0px 0px 8px 0px #aeaeaeb5;transition: all 0.3s ease-in-out;}
.header_bg.now{ position:fixed; z-index:999;transition: all 0.3s ease-in-out;}
.header_t{ background-color:#001b44;}
.header_t .width1300{ text-align:right; font-size:14px; line-height:38px; color:#ffd204;}
.header_t .width1300 span{ padding:0px 8px;}
.header_t .width1300 span .i{ color:#ffffff;}
.header_t .width1300 span a:hover .i{color:#ffd204;}
.header_t .width1300 a i.fa,.header_t .width1300 a{ color:#6b7b92; font-size:17px; margin:0px 3px;}
.header_t .width1300 a:hover i.fa,.header_t .width1300 a:hover{ color:#ffffff;}
.header_t .width1300 a{ /*font-weight:bold;*/ font-size:14px;}
.header_t .width1300 a.yy{ position:relative; padding-left:32px; color:#ffffff;}
.header_t .width1300 a.yy:hover{color:#6b7b92;}
.header_t .width1300 a.yy img{ position:absolute; left:0px; margin-top:-8px;top:50%;}
.header_t ul{ display:none;}

.header_t .width1300 a.ewm{ position:relative;}
.header_t .width1300 a.ewm img{ position:absolute; max-width:85px;max-height:90px;box-shadow:0px 2px 10px 0px rgba(0,0,0,0.14); right:0px; z-index:2; top:2rem; display:none;}
.header_t .width1300 a.ewm:hover img{ display:block;}

.header_f{ height:90px; width:100%; position:relative;}
.header_f .width1300{height:90px;}
.header_f .width1300 .logo{ width:260px; margin:15px 0px; float:left;}
.header_f .width1300 ul.mu_bg{ float:right; margin-top:15px;}
.header_f .width1300 ul.mu_bg li.mu_l{ float:left; height:76px; padding:0px 1rem;}
.header_f .width1300 ul.mu_bg li a.dd{ font-weight:bold; display:block; font-size:1rem; color:#484848; padding:15px 10px 20px;}
.header_f .width1300 ul.mu_bg li a.dd,.header_f .width1300 ul.mu_bg li.on a.dd,.header_f .width1300 ul.mu_bg li a.dd:hover{transition:0.2s ease-in-out;}
.header_f .width1300 ul.mu_bg li.on a.dd,.header_f .width1300 ul.mu_bg li:hover a.dd{ color:#005696; border-bottom:1px solid #005696; padding-bottom:22px;}

.header_f .width1300 ul.mu_bg li.mu_l .m_bg{ position:absolute; background-color:#ffffff; left:0px; right:0px; top:91px; z-index:5; padding:10px 0px 20px;box-shadow:0px 5px 5px #cccccc; display:none;}
.header_f .width1300 ul.mu_bg li.mu_l:hover .m_bg{ display:block;}
.header_f .width1300 ul.mu_bg li.mu_l .m_bg .bg{ position:absolute; left:0px; top:0px; bottom:0px; right:0px; background-color:#ffffff; z-index:-1;}
.header_f .width1300 ul.mu_bg li.mu_l .m_bg li{ float:left; width:25%; line-height:2.5rem;}
.header_f .width1300 ul.mu_bg li.mu_l .m_bg li a{ color:#4d4d4d; font-size:0.95rem;}
.header_f .width1300 ul.mu_bg li.mu_l .m_bg li a:hover{ color:#6b7b92;}

.header_f .width1300 ul.mu_bg li.mu_l .m_bg .width1300{ height:auto; position:relative; overflow:hidden;}
.header_f .width1300 ul.mu_bg li.mu_l .m_bg .width1300 div.fl,.header_f .width1300 ul.mu_bg li.mu_l .m_bg .width1300 div.fr{ width:45%;}
.header_f .width1300 ul.mu_bg li.mu_l .m_bg .width1300 div.fl{ padding-right:5%;}
.header_f .width1300 ul.mu_bg li.mu_l .m_bg .width1300 div.fr{ padding-left:5%;}
.header_f .width1300 ul.mu_bg li.mu_l .m_bg .width1300 span{ position:absolute; width:1px; background-color:#c4c4c4; top:0px; bottom:0px; left:50%; margin-left:-0.5px;}
.header_f .width1300 ul.mu_bg li.mu_l .m_bg .width1300 div.c dd a{ font-size:15px; color:#337AB6; font-weight:bold; line-height:2.5rem;}
.header_f .width1300 ul.mu_bg li.mu_l .m_bg .width1300 div.c div.f{ overflow:hidden;}
.header_f .width1300 ul.mu_bg li.mu_l .m_bg .width1300 div.c div.f dl{ width:50%; float:left; line-height:2.5rem;}
.header_f .width1300 ul.mu_bg li.mu_l .m_bg .width1300 div.c div.f dl a{ color:#4d4d4d; font-size:0.95rem;}
.header_f .width1300 ul.mu_bg li.mu_l .m_bg .width1300 div.c div.f dl a:hover{ color:#6b7b92;}

/* banner */
.flexslider{ position:relative; overflow:hidden; width:100%;}
.slides{ overflow:hidden;}
.slides li{ height:40.8125rem;background-size: cover; background-repeat:no-repeat; background-position:50%; position:relative;}
.slides li div.bg{ background-color:rgba(41, 39, 34, 0.5); position:absolute; top:0px; bottom:0px; left:0px; right:0px;}
.slides li div.bg div.t,.slides li div.bg div.f{ width:90%; max-width:972px; margin:0px auto; text-align:center;}
.slides li div.bg div.t{ font-size:2.5rem; color:#ffffff; line-height:1.5; padding-bottom:3rem;background:url(../images/s.png) no-repeat scroll center bottom; margin-top:9.25rem;}
.slides li div.bg div.f{ font-size:1.125rem; color:#ffffff; margin-top:1.25rem; line-height:2rem;}

.flexslider .flex-control-nav{ position:absolute; bottom:0.75rem; width:100%; text-align:center;}
.flexslider .flex-control-nav li{ margin:0px 0.5rem; display:inline-block;width:1.5rem;height:0.25rem;border-radius: 1rem; cursor: pointer;position: relative;overflow: hidden;}
.flexslider .flex-control-nav li a{text-indent: -99em; position:absolute; left:0px; right:0px; bottom:0px; top:0px; background-color:rgba(255,255,255,.42);}
.flexslider .flex-control-nav li a:hover,.flexslider .flex-control-nav li a.flex-active{ background-color:rgba(255,255,255,1);}
.flex-direction-nav{ display:none;}

/*i_sections*/
.i_sections{ padding:5.3125rem 0px 6.5625rem; overflow:hidden;}
.i_sections li{ float:left; width:22.8%; margin:0px 1.1%; position:relative; height:18rem; text-align:center;cursor: pointer;}
.i_sections li div{ width:4.25rem; height:4.25rem; text-align:center; left:50%; margin-left:-2.1875rem; border:1px solid #dddddd; position:absolute;}
.i_sections li:hover div{transform: rotate(45deg); border:1px solid #005796;transition: all .5s ease;}
.i_sections li div i{ font-size:2rem; color:#005796; margin-top:1.125rem;}
.i_sections li:hover div i{transform: rotate(-45deg);transition: all .5s ease;}
.i_sections li ol{ font-size:0.875em; color:#797979; line-height:1.5rem; padding-top:6rem;}
.i_sections li dd{ font-size:1.125rem; font-weight:bold; line-height:2rem; color:#515151; padding-bottom:2.5rem; position:relative;}
.i_sections li:hover dd{color:#005796;}
.i_sections li dd span{ position:absolute; width:80%; max-width:40px; height:2px; background-color:#888888; left:50%; margin-left:-20px; bottom:1.25rem;}
.i_sections li dl{ color:#585858; font-size:1.03rem; text-align:center; line-height:1.5rem;}

/*i_cp_mu*/
.i_cp_mu{ width:100%; overflow:hidden;}
.i_cp_mu div.con{ width:50%; height:26.125rem;}
.i_cp_mu div.con img{ width:50%; height:100%; float:left;}
.i_cp_mu div.con div.bg{ width:50%; height:100%; float:right; position:relative; z-index:1;}
.i_cp_mu div.fl div.bg{ background-color:#0a5794; color:#ffffff;}
.i_cp_mu div.fl div.bg a{ color:#ffffff;}
.i_cp_mu div.fr div.bg{ background-color:#fed130; color:#000000;}
.i_cp_mu div.fr div.bg a{ color:#000000;}
.i_cp_mu div.con div.bg i{ position:absolute; font-size:6.5625rem; margin-left:-2rem; top:50%; margin-top:-3.28125rem;}
.i_cp_mu div.fl div.bg i{color:#0a5794;}
.i_cp_mu div.fr div.bg i{color:#fed130;}
.i_cp_mu div.con div.bg dd{font-size:1.714rem; line-height:2.5rem; margin-top:2rem; margin-left:10.5%; margin-right:6.5%; padding-bottom:1rem; position:relative;}
.i_cp_mu div.con div.bg dd span{ position:absolute; height:4px; width:80%; max-width:40px; bottom:0px; left:0px;}
.i_cp_mu div.fl div.bg dd span{ background-color:#ffffff;}
.i_cp_mu div.fr div.bg dd span{ background-color:#000000;}
.i_cp_mu div.con div.bg dl{ font-size:1.03rem; line-height:2rem; margin-left:10.5%; margin-right:6.5%; margin-top:0.75rem;}
.i_cp_mu div.con div.bg ol{ font-size:1.03rem; margin-left:10.5%; margin-right:6.5%; margin-top:1.5rem;}

/*i_dszjy*/
.i_dszjy{padding:5.3125rem 0px 6.5625rem;}
.i_dszjy div.fl{ width:45.5%; overflow:hidden;}
.i_dszjy div.fl video{ width:100%;}
.i_dszjy div.fr{ width:48%; overflow:hidden;}
.i_dszjy div.fr div.t{ overflow:hidden; margin-bottom:1.5rem;}
.i_dszjy div.fr div.t dd{ border-left:6px solid #005796; padding-left:5.5%; font-size:2.571rem; line-height:3rem;}
.i_dszjy div.fr div.t dl{ margin-top:1.25rem; font-size:1.03rem; color:#585858; line-height:2rem;}

.i_dszjy div.fr div.f{ overflow:hidden;}
.i_dszjy div.fr div.f img{ float:left; border:5px solid #d1d1d1; width:20%; max-width:54px; border-radius:50%;}
.i_dszjy div.fr div.f div{ float:left; margin-left:3%;}
.i_dszjy div.fr div.f div dd{ font-size:1.286rem; line-height:2rem; color:#797979;}
.i_dszjy div.fr div.f div dl{ font-size:1.03rem; color:#797979; font-weight:bold;}

/*main_trial_area*/
.main_trial_area{ background-position:50% top; background-repeat:no-repeat; overflow:hidden; height:18rem; width:100%;}
.main_trial_area .width1300{ padding-top:5.3125rem; text-align:center; color:#535353;}
.main_trial_area .width1300 div{ width:540px;}
.main_trial_area .width1300 dd{ font-weight:bold; font-size:2.571rem; line-height:3rem;}
.main_trial_area .width1300 dl{ font-size:1rem; line-height:2rem; margin-bottom:1rem;}
.main_trial_area .width1300 ol{ width:50%; max-width:215px; margin:0px auto; height:3.75rem; line-height:3.75rem; position:relative;}
.main_trial_area .width1300 ol a{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; color:#ffffff; font-size:1rem; background-color:#005696; border-radius:2px;}
.main_trial_area .width1300 ol a:hover{background-color:#1874bf;}

/*foot_con*/
.foot_con{ padding:2.75rem 0px;}
.foot_con div.fl{ width:33%; color:#585858;}
.foot_con div.fr{ width:65%;}
.foot_con ul.sj{ display:none;}
.foot_con div.fr ul.t{ overflow:hidden;}
.foot_con div.fr ul.t li{ float:left; width:25%; margin-bottom:1rem; line-height:2rem; color:#005696; font-weight:bold; font-size:1.1rem;}
.foot_con div.fr div.f{ overflow:hidden; min-height:135px;}
.foot_con div.fr div.f ul{float:left; width:25%;}
.foot_con div.fr div.f ul li{ line-height:2rem;}
.foot_con div.fr div.f ul li a{ color:#585858; font-size:0.9375rem;}
.foot_con div.fr div.f ul li a:hover{color:#1874bf;}
.foot_con div.fr div.f ul.link li a{ font-size:0.9rem; color:#337ab7;}
.foot_con div.fr div.f ul.link li a i{ margin-right:0.2rem;}
.foot_con div.fr div.f ul.link li.ewm{ position:relative;}
.foot_con div.fr div.f ul.link li.ewm img{ max-width:85px; max-height:90px;box-shadow:0px 2px 10px 0px rgba(0,0,0,0.14);}

/*foot_bg*/
.foot_bg{ width:100%; background-color:#000000; overflow:hidden;}
.foot_bg .width1300{ height:3.25rem; line-height:3.25rem; color:#ffffff; font-size:1.03rem; text-align:right;}
.foot_bg .width1300 a{ color:#337ab7;}

.top{ position:fixed; right:25px; bottom:20px; z-index:88; display:none;}
.top.on{ display:block;}
.top i{ font-size:2rem; color:rgba(0,0,0,0.3);}
.top:hover i{ color:#e74c3c;}

/*ny_banner*/
.ny_banner{ box-shadow:0px 10px 10px #cccccc; height:14.375rem; background-repeat:no-repeat;background-size:cover; text-align:center;letter-spacing: .4rem;}
.ny_banner dd{color:#ffffff; line-height:14.375rem;font-size:3.125rem; width:100%; float:left;}
.about_banner dd{ color:#ffffff; line-height:3.5rem; font-size:3.125rem; padding:3.25rem 0px 0.75rem;}
.about_banner dl{ color:#c7c7c7; font-size:2rem; width:100%; float:left;}

/*page_con*/
.page_con{ padding:3rem 0px; font-size:1.03rem; color:#585858; line-height:2rem; min-height:100px;}

.xxrj div.fl{ max-width:430px; width:34%; overflow:hidden; font-size:20px; color:#585858; text-align:justify;}
.xxrj img.fr{ max-width:645px; width:50%;}

/*产品展示*/
.cp_tit{ overflow:hidden; line-height:3rem;}
.cp_tit dd{ font-size:1.5rem; color:#005696;}
.cp_tit dl{ font-size:1.03rem; color:#585858;}

.cp_list,.cp_list li{ overflow:hidden;}
.cp_list li{ line-height:2rem; padding-left:1rem; position:relative;}
.cp_list li i{ position:absolute; left:0px; color:#005696; font-size:1rem;}
.cp_list li a{ color:#337ab7; font-size:1.03rem;}
.cp_list li a:hover{ color:#005696;}

.cp_xz{ text-align:center;margin-top:2rem; height:5rem; line-height:5rem;}
.cp_xz a{background-color:#005696; padding:1.5rem 1rem 1.5rem 5rem; margin:0px auto; font-size:1rem; color:#ffffff; position:relative;}
.cp_xz a img{ top:1.25rem; left:2rem; position:absolute;}
.cp_xz a:hover{ background-color:#1774bf;}


.product_t{ padding:3rem 0px;}
.product_t div.fl{ width:63%;font-size:1.03rem; color:#585858; line-height:2rem; text-align:justify; min-height:300px;}
.product_t div.fr{ width:31%; border:1px solid #337ab7; border-radius:3px;}
.product_t div.fr dd{ line-height:2.75rem; background-color:#337ab7; color:#ffffff; font-size:1.03rem; padding:0px 15px;}
.product_t div.fr dl{ padding:1rem; text-align:center;}
.product_f{ background-color:#f4f5f9; width:100%; overflow:hidden;}
.product_f .width1300{ padding:3rem 0px;}
.product_f .width1300 div.t{ text-align:center; padding-bottom:2rem; background:url(../images/s.png) no-repeat scroll center bottom;}
.product_f .width1300 div.t dd{ font-size:2.25rem; color:#6a6a6a;}
.product_f .width1300 div.t dl{ font-size:1.03rem; color:#585858; margin-top:0.75rem;}
.product_f .width1300 div.f{ margin-top:2rem; font-size:1.03rem; color:#585858; line-height:2rem;}
.product_f .width1300 div.f table,.product_f .width1300 div.f table tbody,.product_f .width1300 div.f table tbody tr{ width:100% !important;}
.product_f .width1300 div.f table tbody tr td{ width:50% !important;}
.product_f .width1300 div.f table tbody tr td strong{ color:#005696; margin-right:0.5rem;}

.product_jszb{ padding:2.5rem 0px;}
.product_jszb div.t{ text-align:center; padding-bottom:2rem; background:url(../images/s.png) no-repeat scroll center bottom;}
.product_jszb div.t dd{ font-size:2.25rem; color:#6a6a6a;}
.product_jszb div.t dl{ font-size:1.03rem; color:#585858; margin-top:0.75rem;}
.product_jszb div.f{ margin-top:1.25rem;}
.product_jszb div.f table{ border: 1px solid #dddddd;}
.product_jszb div.f table>tbody>tr:nth-of-type(odd){background-color: #f9f9f9;}
.product_jszb div.f table>tbody>tr{ height:2.5rem; line-height:1.42857143; font-size:1.03rem; color:#585858;}
.product_jszb div.f table>tbody>tr>td{ padding:0.5rem;}

.product_pmt{ padding:1rem 0px 3.75rem;}
.product_pmt div.t{ background-color:#f9f9f9; border:1px solid #337ab7; width:90%; max-width:620px; margin:0px auto;}
.product_pmt div.t dd{ background-color:#337ab7; color:#ffffff; text-align:center; font-size:1.25rem; height:3rem; line-height:3rem;}
.product_pmt div.t dl{ text-align:center;}
.product_pmt div.f{ margin-top:2.5rem;}
.product_pmt div.f a{text-align: center; display: block; }
.product_pmt div.f a dl{ display:inline-block; height:4.5rem; line-height:4.5rem; background-color:#005696; max-width:70%; padding-left:4.375rem;padding-right: 1rem; margin:0px auto; font-size:1rem; color:#ffffff; position:relative;}
.product_pmt div.f a dl img{ top:50%; margin-top:-1rem; left:5%; position:absolute;}
.product_pmt div.f a:hover dl{ background-color:#1774bf;}

/*应用领域*/
.photo_t{ padding:3rem 0px;}
.photo_t div{ overflow:hidden;}
.photo_t div.fl{ width:63%;}
.photo_t div.fl dd{ font-size:1.5rem; color:#005696;font-weight:300;}
.photo_t div.fl dl{ font-size:1.03rem; color:#585858; line-height:1.5rem;}
.photo_t div.fr{ width:31%; border:1px solid #337ab7; border-radius:3px;}
.photo_t div.fr dd{ line-height:2.75rem; background-color:#337ab7; color:#ffffff; font-size:1.03rem; padding:0px 15px;}
.photo_t div.fr dl{ padding:1rem; text-align:center;}
.photo_f{ background-color:#f4f5f9; width:100%; overflow:hidden;}
.photo_f .width1300{ padding:3rem 0px;}
.photo_f .width1300 div.t{ text-align:center; font-size:2.25rem; color:#6a6a6a; padding-bottom:2rem; background:url(../images/s.png) no-repeat scroll center bottom;}
.photo_f .width1300 div.f{ margin-top:2rem; font-size:1.03rem; color:#585858; line-height:2rem;}
.photo_f .width1300 div.f table,.photo_f .width1300 div.f table tbody,.photo_f .width1300 div.f table tbody tr{ width:100% !important;}
.photo_f .width1300 div.f table tbody tr td{ width:50% !important;}
.photo_f .width1300 div.f table tbody tr td strong{ color:#005696; margin-right:0.5rem;}


/*画廊*/
#vlightbox{ padding:3rem 0px; width:102%; overflow:hidden;}
#vlightbox div.bg{ float:left;width:18%; margin-bottom:2rem; margin-right:2%; height:18.5rem;}
#vlightbox div.bg div{ border:1px solid #e4e4e4; position:relative; padding-top:5rem; height:13.5rem;}
#vlightbox div.bg div a dd{ position:absolute; color:#337ab7; font-size:0.85em; left:0px; right:0px; top:0.75rem; text-align:center;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis; overflow:hidden;}
#vlightbox div.bg div a dl{ height:9rem; text-align:center;}
#vlightbox div.bg div a dl img{ max-height:100%;}

/*成为发行人/联系我们*/
.page_bg{ overflow:hidden; width:100%; background-color:#f4f5f9;}
.page_tit{ overflow:hidden; margin-bottom:2.75rem; padding-bottom:1.75rem; background:url(../images/s.png) no-repeat scroll center bottom; text-align:center;}
.page_tit dd{ font-size:2.571rem; line-height:3rem; color:#585858;}
.page_tit dl{ font-size:1.03rem; color:#585858; margin-top:2rem;}
.page_f{ overflow:hidden; position: relative;}
.page_f div{ background:#ffffff;overflow:hidden; box-shadow:0px 0px 0px 3px rgba(0, 0, 0, 0.01); margin:3px 0.5%; width:41.5%; }
.page_f div.fl{ font-size:1rem; line-height:1.8;padding:3rem 3.5%;min-height:36rem;}
.page_f div.fr{ padding:6.5rem 3.5% 0px; position: absolute; right: 0px; top: 0px; bottom: 0px;}
.page_f div.fr ul,.page_f div.fr ul li{ overflow:hidden;}
.page_f div.fr ul li{ border-bottom:2px solid #dddddd; margin-bottom:1rem;}
.page_f div.fr ul li input{ border:0px; width:100%; line-height:2rem; font-size:0.875rem; color:#999999;outline:none;}
.page_f div.fr ul li input::-webkit-input-placeholder{color:#dddddd;}
.page_f div.fr ul li select{ border:0px; width:100%; line-height:2rem;height:2rem; font-size:0.875rem; color:#999999;outline:none;}
.page_f div.fr ul li textarea{border:0px; width:100%; line-height:1.5rem; font-size:0.875rem; min-height:6.25rem; color:#999999;outline:none;font-family:"Microsoft YaHei",Arial;}
.page_f div.fr ul li textarea::-webkit-input-placeholder{color:#dddddd;}
.page_f div.fr ul li.b{ border-bottom:0px; margin-bottom:0px;}
.page_f div.fr ul li.b input{ background-color:#005696; color:#ffffff; max-width:150px; height:3.75rem; line-height:3.75rem; font-size:1.25rem;cursor: pointer;}
.page_f div.fr ul li.b input:hover{background-color:#1874bf;}

/*mu_ul*/
.mu_ul,.mu_ul li{ overflow:hidden;}
.mu_ul li.mu_l a.dd{ font-size:1.03rem; font-weight:bold; color:#337ab7;}
.mu_ul li.mu_l .m_bg{ overflow:hidden; padding-left:1.5%;}
.mu_ul li.mu_l .m_bg li a{ color:#337ab7;}
.mu_ul li.mu_l .m_bg li a:hover{ color:#25527a;}
.mu_ul li.mu_l .m_bg ul{ overflow:hidden; padding-left:1.5%;}