@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; background-color:#fcfcfc;}

html,body{font-size:16px;}

@media only screen and (max-width:1480px){

	html,body{font-size:14px;}

}

@media only screen and (max-width:1280px){

	html,body{font-size:12px;}

}

.fl{float: left;}

.fr{float: right;}

.margin{margin:0 auto;}

.hidden{overflow:hidden;}

.width1800{max-width:1800px; width:94%;}

.width1540{max-width:1540px; width:94%;}

img{ max-width:100%; max-height:100%;}

/* 首页 */

.top_bg,.top_bg .width1800,.top_bg .width1800 div.logo,.top_bg .width1800 .top_r,.top_bg .width1800 ul.mu,.top_bg .width1800 ul.mu li{ height:2.5rem;}

.top_bg{ position:fixed; width:100%; top:0px; padding:1.25rem 0px; border-bottom:1px solid rgba(255,255,255,0.1); z-index:999999;box-shadow:0px 2px 10px 0px rgba(0,0,0,0.14);}

.top_bg.now{ background-color:#ffffff;}

.top_bg .width1800{ position:relative;}

.top_bg .width1800 div.logo{ float:left;}

.top_bg .width1800 div.logo img.b{ display:none;}

.top_bg .width1800 ul.mu{ position:absolute; width:50%; left:11%; max-width:670px;}

.top_bg .width1800 ul.mu li{ float:left; width:25%;}

.top_bg .width1800 ul.mu li:hover{ overflow:inherit;}

.top_bg .width1800 ul.mu li dd{ line-height:2.5rem;height:2.5rem; width:100%; position: relative; text-align:center; padding-bottom:1.25rem;}

.top_bg .width1800 ul.mu li dd a{ color:#ffffff; font-size:1rem; position:absolute; top:0px; left:0px; right:0px; bottom:1.25rem;}

/*修改*/

/*.top_bg .width1800 ul.mu:hover li dd a{ color:#252525;}*/

.top_bg:hover .width1800 ul.mu li dd a,.top_bg.now .width1800 ul.mu li dd a{ color:#333333;}

.i_top.top-5 .top_bg .width1800 ul.mu li dd a,.i_top.top-6 .top_bg .width1800 ul.mu li dd a{ color:#333333;}

.top_bg .width1800 ul.mu li dd a:hover{ text-decoration:underline;}

.top_bg .width1800 ul.mu li div.bg{ position:absolute; z-index:8; padding-left:3%; left:0px; width:160%; overflow:hidden; display:none;}

.top_bg .width1800 ul.mu li:hover div.bg{ display:block;}

/*.top_bg .width1800 ul.mu li div.bg dl{ float:left; overflow:hidden; width:16.667%; overflow:hidden;}*/

/*.top_bg .width1800 ul.mu li div.bg dl{ margin-top: 1.5rem; float:left; overflow:hidden; width:13.667%;padding-left: 3%;}*/

.top_bg .width1800 ul.mu li div.bg dl{ margin-top: 1.5rem; float:left; overflow:hidden; /*width:14.85%;*/padding-left: 3%;}

.top_bg .width1800 ul.mu li div.bg dl i{ position:  absolute;top: 1.5em;bottom:  0px;width:  1px; background-color: #dddddd; margin-left: -3%;}



.top_bg .width1800 ul.mu li div.bg dl p.t{ font-size:1.125rem; color:#333333; margin-bottom:0.8rem; font-weight:bold;}

.top_bg .width1800 ul.mu li div.bg dl p.t a{ color:#333333;}

.top_bg .width1800 ul.mu li div.bg dl p.t a:hover{ text-decoration:underline;}

.top_bg .width1800 ul.mu li div.bg dl p.f{ font-size:0.875rem; line-height:2rem;}

.top_bg .width1800 ul.mu li div.bg dl p.f a{ color:#999999;}

.top_bg .width1800 ul.mu li div.bg dl p.f a:hover{ color:#00a0e9;}

/*修改*/

/*.top_bg .width1800 ul.mu li i.top_mu_bg{ z-index:-1; position:absolute;left:-1000%; bottom:0px;right:-1000%; top:-1.25rem;}*/

/*.top_bg .width1800 ul.mu li:hover i.top_mu_bg{ background-color:#ffffff; height:50vh; min-height:450px;}*/

.top_bg .width1800 ul.mu li i.top_mu_bg{ z-index:-1; position:absolute;left:-1000%; bottom:0px;right:-1000%; top:3.75rem;}

.top_bg .width1800 ul.mu li:hover i.top_mu_bg{ background-color:#E6EBF0; height:35vh; min-height:350px;}

.new_background_color:hover{background-color:#FDFDFE;}



.i_top.top-5 .new_background_color,.i_top.top-6 .new_background_color{background-color:#FDFDFE;}



.top_bg .width1800 ul.mu.sj{ display:none;}



.top_bg .width1800 .top_r{ float:right; overflow:hidden; width:385px;}

.top_bg .width1800 .top_r dl{line-height:2.5rem; float:left;}

/*修改*/

.top_bg:hover .width1800 .top_r dl.l,.top_bg.now .width1800 .top_r dl.l{ color:#333333; font-size:1rem;}

.i_top.top-5 .top_bg .width1800 .top_r dl.l,.i_top.top-6 .top_bg .width1800 .top_r dl.l{ color:#333333; font-size:1rem;}

.top_bg .width1800 .top_r dl.l{ color:#ffffff; font-size:1rem;}

/*修改*/

.top_bg:hover .width1800 .top_r dl.l a,.top_bg.now .width1800 .top_r dl.l a{ color:#333333; margin:0px 10px;}

.i_top.top-5 .top_bg .width1800 .top_r dl.l a,.i_top.top-6 .top_bg .width1800 .top_r dl.l a{ color:#333333; margin:0px 10px;}

.top_bg .width1800 .top_r dl.l a{ color:#ffffff; margin:0px 10px;}

.top_bg .width1800 .top_r dl.l a:hover{ text-decoration:underline;}

.top_bg .width1800 .top_r dl.r{ font-size:1rem;}

/*修改*/

.top_bg:hover .width1800 .top_r dl.r a p,.top_bg.now .width1800 .top_r dl.r a p{ margin:0px 10px; float:left; border:1px solid #1275e2; height:2.375rem; border-radius:2rem; width:124px; text-align:center; color:#ffffff;}

.i_top.top-5 .top_bg .width1800 .top_r dl.r a p,.i_top.top-6 .top_bg .width1800 .top_r dl.r a p{ margin:0px 10px; float:left; border:1px solid #1275e2; height:2.375rem; border-radius:2rem; width:124px; text-align:center; color:#ffffff;}

.top_bg .width1800 .top_r dl.r a p{ margin:0px 10px; float:left; border:1px solid #ffffff; height:2.375rem; border-radius:2rem; width:124px; text-align:center; color:#ffffff;}

/*修改*/

.top_bg:hover .width1800 .top_r dl.r a p,.top_bg.now .width1800 .top_r dl.r a p{ border:1px solid #1275e2; background-color:#1275e2;}

.i_top.top-5 .top_bg .width1800 .top_r dl.r a p,.i_top.top-6 .top_bg .width1800 .top_r dl.r a p{ border:1px solid #1275e2; background-color:#1275e2;}

.top_bg .width1800 .top_r dl.r a:hover p{ border:1px solid #1275e2; background-color:#1275e2;}



.arrow{ opacity:1;animation:arrow 3s cubic-bezier(0.5,0,0.1,1) infinite;-webkit-animation:arrow 3s cubic-bezier(0.5,0,0.1,1) infinite; position:absolute;left:3%; bottom:3.75rem;cursor:pointer;overflow:hidden; font-weight:bold; font-size:1rem; border:1px solid #ffffff; color:#ffffff; border-radius:50%; width:3.375rem; height:3.375rem; text-align:center; line-height:3.375rem;}

.arrow:hover,.arrow.a5{color:#0f93f2 !important;border:1px solid #0f93f2;}

@keyframes arrow{ %0,%100{bottom:10px; opacity:1;} 50%{bottom:20px; opacity:.5} }

@-webkit-keyframes arrow{ %0,%100{bottom:10px; opacity:1;} 50%{bottom:20px; opacity:.5} }





/* banner */

.flexslider{ position:relative; overflow:hidden;}

.slides{ overflow:hidden;}

.slides li{ height:100vh; position:relative; background-repeat:no-repeat; background-position:50%;background-size:100% 100%;}

@media only screen and (max-width:1920px) {

	.slides li{background-size:auto auto;}

}

.slides li div.sj_bg{position:absolute; top:0px; left:0px; bottom:0px; right:0px; z-index:1; opacity:0; background-repeat:no-repeat; background-position:50%;background-size:100% auto;}

.slides li a{ position:absolute; top:0px; left:0px; bottom:0px; right:0px; z-index:2;display:flex;align-items:center;}

.slides li a div.bg{ width:100%;}

.slides li a div.bg dd{ font-size:3.75rem; color:#0f93f2; font-weight:bold; margin-bottom:1rem;}

.slides li a div.bg dl{ font-size:1rem; color:#ffffff; line-height:2rem;}

.slides li a div.bg dd,.slides li a div.bg dl{transition:all 2s ease; margin-left:30%; opacity:0;}

.slides li.flex-active-slide a div.bg dd,.slides li.flex-active-slide a div.bg dl{transition:all 2s ease; margin-left:0px; opacity:1;}



.flexslider .flex-control-nav{ position:absolute; bottom:3.75rem; width:100%; text-align:center;}

.flexslider .flex-control-nav li{ margin:0px 0.5rem; display:inline-block;width:0.75rem;height:0.75rem; cursor: pointer;position: relative;overflow: hidden;}

.flexslider .flex-control-nav li a{text-indent: -99em; position:absolute; left:0px; right:0px; bottom:0px;border-radius:1rem; top:0px; background-color:#ffffff;}

.flexslider .flex-control-nav li a:hover,.flexslider .flex-control-nav li a.flex-active{ background-color:#00a0e9;}

.flexslider .flex-direction-nav{ display:none;}



/*section-wrap*/

.section-wrap{ width:100%;height:100%;overflow:visible;transition:transform 1s cubic-bezier(0.86,0,0.03,1);-webkit-transition:-webkit-transform 1s cubic-bezier(0.86,0,0.03,1);}

.section-wrap .section{ position:relative; overflow:hidden; width:100%; height:100%; background-position:50% 50%; background-repeat:no-repeat; background-size:100% 100%;}

@media only screen and (max-width:1920px) {

	.section-wrap .section{background-size:auto auto;}

}

/*.section-wrap .section-1{ background-image:url(../images/banner1.jpg);}

.section-wrap .section-2{ background-image:url(../images/banner2.jpg);}

.section-wrap .section-3{ background-image:url(../images/banner3.jpg);}

.section-wrap .section-4{ background:url(../images/i_bg.jpg) repeat-x scroll center 50%;}

.section-wrap .section-5{ background-image:url(../images/banner5.jpg);}

.section-wrap .section-6{ background-color:#ffffff;}

.section-wrap .section-7{ background-image:url(../images/banner7.jpg);}*/

.section-wrap .section-6 .width1540{ padding-top:6rem;}

.section-wrap .section-7{ height:100vh;display: flex;align-items: center; color:#ffffff;}

ul.foot_ul{ width:100%; overflow:hidden;}

ul.foot_ul li{ overflow: hidden; text-align:center; margin:1rem 0px;}

ul.foot_ul li a{ color:#ffffff;}

ul.foot_ul li.t{ color:#00a0e9; font-weight:bold; font-size:3.75rem;}

ul.foot_ul li.c{ font-size:1.125rem;}

ul.foot_ul li.s{ font-size:1rem; opacity:0.5;}

ul.foot_ul li.f_a{ height:2.5rem;}

ul.foot_ul li.f_a a{ font-size:1.25rem; color:rgba(255,255,255,0.5);}

.put-section-0{ transform:translateY(0);-webkit-transform:translateY(0);}

.put-section-1{ transform:translateY(-100%);-webkit-transform:translateY(-100%);}

.put-section-2{ transform:translateY(-200%);-webkit-transform:translateY(-200%);}

.put-section-3{ transform:translateY(-300%);-webkit-transform:translateY(-300%);}

.put-section-4{ transform:translateY(-400%);-webkit-transform:translateY(-400%);}

.put-section-5{ transform:translateY(-500%);-webkit-transform:translateY(-500%);}

.put-section-6{ transform:translateY(-600%);-webkit-transform:translateY(-600%);}

.put-section-7{ transform:translateY(-700%);-webkit-transform:translateY(-700%);}

.section-btn{ opacity:0;}



.container{ display:none;}



.arrow.a6{transform:rotate(180deg);}



/*i_banner*/

.i_banner{ width:100%; height:100vh;background-repeat:no-repeat; background-position:50%;}

.i_banner .sj_bg{position:absolute; top:0px; left:0px; bottom:0px; right:0px; z-index:1; opacity:0; background-repeat:no-repeat; background-position:50%;background-size:100% auto;}

.i_banner a{ position:absolute; top:0px; left:0px; bottom:0px; right:0px; z-index:2;display:flex;align-items:center;}

.i_banner a div.bg{ width:100%;}

.i_banner a div.bg dd{ font-size:3.75rem; color:#0f93f2; font-weight:bold; margin-bottom:1rem;}

.i_banner a div.bg dl{ font-size:1.5rem; color:#ffffff; line-height:2.5rem;}



/*i_news*/

.i_news{ padding-top:3.75rem; width:102%; overflow:hidden;}

.i_news li{ float:left; margin-right:1.5333%; margin-bottom:3.75rem; overflow:hidden; width:31.8%; position:relative;}

.i_news li img{ margin-bottom:-4px;}

.i_news li a div.bg{ position:absolute; top:0px; left:0px; bottom:0px; right:0px; padding:0px 5%; color:#ffffff;}

.i_news li a div.bg dd{ padding-top:5.5%; font-size:1.875rem; padding-bottom:1rem; margin-bottom:0.875rem; position:relative;}

.i_news li a div.bg dd i{ left:0px; position:absolute; bottom:0px; height:3px; background-color:#ffd96a; width:100%; max-width:60px;}

.i_news li a div.bg dl{ font-size:1rem; line-height:2rem;}



/*foot_bg*/

.foot_bg{ overflow:hidden; background:url(../images/foot_bg.jpg) no-repeat scroll 50%; height:26rem; padding-top:4rem;background-size:100% 100%;}

@media only screen and (max-width:1920px) {

	.foot_bg{background-size:auto auto;}

}

.foot_bg .hidden.t{ height:22rem; margin-bottom:0.5rem;}

.foot_bg .hidden.t div.fl{ width:80%; max-width:1280px;}

.foot_bg .hidden.t div.fl img.fl{ width:18%; max-width:137px;}

.foot_bg .hidden.t div.fl div.fr{ width:80%; overflow: hidden;}

.foot_bg .hidden.t div.fl div.fr ul{ float:left; overflow:hidden; width:20%; padding-left:5%;}

.foot_bg .hidden.t div.fl div.fr ul li{ overflow:hidden;}

.foot_bg .hidden.t div.fl div.fr ul li.t{ font-size:1rem; color:#ffffff; margin-bottom:0.75rem;}

.foot_bg .hidden.t div.fl div.fr ul li.c{ line-height:2rem;}

.foot_bg .hidden.t div.fl div.fr ul li.c a{color:rgba(255,255,255,0.5); font-size:0.75rem;}

.foot_bg .hidden.t div.fl div.fr ul li.c a:hover{ color:#00a0e9;}



.foot_bg .hidden.t ul.fr{ width:18%; text-align:left; overflow: hidden;}

.foot_bg .hidden.t ul.fr li{ overflow: hidden;}

.foot_bg .hidden.t ul.fr li.t{ font-size:2.25rem; font-weight:bold; color:#00a0e9; margin-bottom:0.5rem;}

.foot_bg .hidden.t ul.fr li.c{ font-size:0.875rem; line-height:2rem; color:#ffffff; margin-bottom:1.5rem;}

.foot_bg .hidden.t ul.fr li.f{ font-size:0.875rem; line-height:2rem; color:#ffffff; width:100%; margin-top:1.5rem; margin-bottom:1rem;}

.foot_bg .hidden.t ul.fr li.f_a a{ font-size:1rem; color:#666666; margin-right:5%;}

.foot_bg .hidden.t ul.fr li.f_a a:hover{ color:#00a0e9;}



.foot_bg .hidden.f{ color:#999999; font-size:0.75rem;}

.foot_bg .hidden.f a{ color:#999999;}

.foot_bg .hidden.f a:hover{ color:#ffffff;}



/*page_bg*/

.page_bg{ height:35rem; /*line-height:37rem;*/ background-repeat:no-repeat; width:100%; background-position:50%; font-size:3rem; color:#ffffff; text-align:center;letter-spacing:0.5rem;display: flex;align-items: center; }

.page_bg dl{ width:100%; text-align:center;}



/*product*/

.product_top{ height:100vh; width:100%; background-position:50%; background-repeat:no-repeat;background-size:100% 100%;}

@media only screen and (max-width:1920px) {

	.product_top{background-size:auto auto;}

}

.product_top .sj_t_bjt{ width:100%; height:100vh; background-repeat:no-repeat; background-position:50%; background-size:100% auto;position: absolute;z-index: 1; display:none;}

.product_top ul{ padding-top:38vh;position: relative;z-index: 2;}

.product_top ul li{ overflow:hidden; color:#ffffff;}

.product_top ul li.t{ font-size:1rem; margin-bottom:2.5rem; position:relative;}

.product_top ul li.t.xl{ padding-left:3.375rem;}

.product_top ul li.t.xl i{ width:2.5rem; position:absolute; height:1px; background-color:#ffffff; top:50%; margin-top:-0.5px; left:0px;}

.product_top ul li.c{ margin-bottom:1.5rem; font-size:3rem; font-weight:bold;}

.product_top ul li.f{ font-size:1rem; line-height:2rem; width:56%;}

/*.product_top ul li.n{ margin-top:3rem;}

.product_top ul li.n a p{ float:left; margin-right:1rem; height:2.75rem; line-height:2.75rem;  border-radius:2rem; font-size:1rem;}

.product_top ul li.n a p.l{ border:1px solid #088584; background:url(../images/psd.png) no-repeat scroll 2rem center #088584; color:#ffffff;width:6rem; padding-left:4rem;}

.product_top ul li.n a p.r{ border:1px solid #ffffff; color:#ffffff;width:7rem; padding-left:3rem;}

.product_top ul li.n a p.r i{ margin-left:1.25rem;}*/



.product_list{ overflow:hidden; width:100%;}

.product_list li{ width:100%; background-repeat:no-repeat; background-position:50%; position:relative;display:flex;align-items:center;background-size:100% 100%;}

@media only screen and (max-width:1920px) {

	.product_list li{background-size:auto auto;}

}

.product_list li img.bg{ width:100%; margin-bottom: -10px;}

@media only screen and (max-width:1920px) {

	.product_list li img.bg{ width:100%; margin-bottom: -5px;}

}

.product_list li .sj_bjt{ width:100%;background-size:100% auto; opacity:0; position:absolute; top:0px; bottom:0px; left:0px; right:0px; z-index:0;}

.product_list li.bg{ background-image:url(../images/photo_bg.jpg);}

.product_list li div.p_bg{ overflow: hidden; width:53.6%; position:absolute; left:50%;    margin-left: -26.8%; z-index:2; min-height:135px;}

.product_list li div.p_bg img.fl{ position:absolute; left:0px;/* top:50%; margin-top:-110px;*/ width:24%; max-width:240px;}

.product_list li div.p_bg div.fr{ width:62%; overflow: hidden;}

.product_list li div.p_bg div.fr dd{ font-size:1.5rem; /*color:#00a0e9;*/color:#ffffff; margin-bottom:1rem;}

.product_list li div.p_bg div.fr div.c{ font-size:0.875rem; color:#ffffff; line-height:2rem; overflow:hidden; margin-bottom:1.5rem;}

/*.product_list li div.p_bg div.fr div.c dl{ float:left; width:50%;}

.product_list li div.p_bg div.fr div.c p{ float:left; width:50%;}*/

.product_list li div.p_bg div.fr div.f{ overflow:hidden; /*height:0px;*/}

/*.product_list li.on div.p_bg div.fr div.f{ height:auto;}*/

.product_list li div.p_bg div.fr div.f ol{ font-size:1.125rem; font-weight:bold; color:#ffffff; padding-bottom:0.875rem; border-bottom:1px solid #aaaaaa;}

.product_list li div.p_bg div.fr div.f dl p{ font-size:0.875rem; color:#ffffff; padding:0.875em 0px;}

.product_list li div.p_bg div.fr div.f dl.xz{border-top:1px solid #aaaaaa; padding:0.875em 0px;}

.product_list li div.p_bg div.fr div.f dl.xz i{ font-size:1.25rem; color:#ffffff;}

.product_list li div.p_bg div.fr div.f dl.xz a{ font-size:0.875rem;color:#ffffff; margin-left:1rem;}

.product_list li div.p_bg div.fr div.more{ font-size:0.875rem; margin-top:1rem;cursor: pointer;}

.product_list li div.p_bg div.fr div.more p{ color:#1947ba;}

.product_list li div.p_bg div.fr div.more p.t,.product_list li.on div.p_bg div.fr div.more p.f{ display:none;}

.product_list li div.p_bg div.fr div.more p.f,.product_list li.on div.p_bg div.fr div.more p.t{ display:block;}

.product_list li div.p_bg div.fr div.n{ padding-bottom:2px;line-height:1.75rem;margin-top:2.5rem;}

.product_list li div.p_bg div.fr div.n a{font-size: 0.875rem;color: #ffffff;/*border: 2px solid #1275e2; background-color:#1275e2;padding: 2px 1rem;border-radius: 2rem;*/}

.product_list li div.p_bg div.fr div.n a i{color:#1275e2;}



.product_rj{ min-height:1080px;}

.product_rj div.tit{ font-size:2.25rem; color:#333333; margin-top:13rem;}



.product_ul li{ overflow:hidden;height:100vh; background-repeat:no-repeat; background-position:50%;}

.product_ul li .width1540{ height:100%;display: flex;align-items: center; position:relative;}

.product_ul li .width1540 .bg{ color:#ffffff; width:49%;}

.product_ul li .width1540 .bg.r{ margin-left:51%;}

.product_ul li .width1540 .bg dd{ font-size:2.25rem; margin-bottom:1rem;}

.product_ul li .width1540 .bg dl{ font-size:1rem; line-height:2rem;}

.product_ul li .width1540 .bg ol.xz{ overflow:hidden; margin-top:2rem;}

.product_ul li .width1540 .bg ol.xz a p{height:2.75rem; line-height:2.75rem;  border-radius:2rem; font-size:1rem;border:1px solid #088584; background:url(../images/psd.png) no-repeat scroll 2rem center #088584; color:#ffffff;width:6rem; padding-left:4rem;}



.product_ul li .width1540 .bg ol{ margin-top:3rem;}

.product_ul li .width1540 .bg ol.rj a p{ float:left; margin-right:1rem; height:2.75rem; line-height:2.75rem;  border-radius:2rem; font-size:1rem;}

.product_ul li .width1540 .bg ol.rj a p.l{ border:1px solid #088584; background:url(../images/psd.png) no-repeat scroll 2rem center #088584; color:#ffffff;width:6rem; padding-left:4rem;}

.product_ul li .width1540 .bg ol.rj a p.r{ border:1px solid #ffffff; color:#ffffff;width:7rem; padding-left:3rem;}

.product_ul li .width1540 .bg ol.rj a p.r i{ margin-left:1.25rem;}



.product_ul li.cpxn .width1540{ display:inherit;}

.product_ul li.cpxn .width1540 div{ width:100%; overflow:hidden;}

.product_ul li.cpxn .width1540 div.t{ text-align:center;font-size:2.25rem; color:#333333; margin:21.25rem 0px 2.5rem;}

.product_ul li.cpxn .width1540 div.f dl{ float:left; width:15.6%; height:12.5rem; margin:5px 4.7%; cursor: pointer; position:relative;transition: all .5s ease;}

.product_ul li.cpxn .width1540 div.f dl:hover{box-shadow:0px 0px 10px 0px rgba(8,133,133,0.14); background-color:#ffffff;transition: all .5s ease;}

.product_ul li.cpxn .width1540 div.f dl i{ position:absolute; width:3.75rem; height:2.75rem;background-size: auto 100%; top:3.625rem; left:50%; margin-left:-1.875rem;}

.product_ul li.cpxn .width1540 div.f dl dd{ text-align:center; font-size:1rem; color:#333333; padding-top:8.25rem;} 



/*关于我们*/

.about_banner{ color:#ffffff; padding-top:14rem;}

.about_banner li{ float:left; width:20%; padding-left:5%; line-height:3.5rem;  letter-spacing:0px;}

.about_banner li dl.t{ font-weight:bold; color:#ffffff; font-size:3.75rem;position:relative;}

.about_banner li dl.t i{ font-size:6.25rem;font-family:Arial;}

.about_banner li dl.t b{ position:absolute; line-height:1; top:50%;font-size:3.75rem; margin-top:-1.875rem;}

.about_banner li.l4 dl.t b{ font-size:2.25rem; margin-top:-1.125rem;}

.about_banner li dl.f{ font-size:1.125rem; margin-top:0.5rem;}



.about_tit{ border-bottom:1px solid #f2f2f2; overflow:hidden; background-color:#ffffff;}

.about_tit ul{ width:100%; height:4.375rem;}

.about_tit ul li{ float:left; line-height:4.375rem; margin-right:5%;}

.about_tit ul li a{ display:block; border-bottom:3px solid #ffffff; color:#999999; font-size:1rem;}

.about_tit ul li.on a,.about_tit ul li:hover a{ color:#0f93f1; border-bottom:3px solid #0f93f1;}



.about_c_bg{ background:url(../images/about_bg.png) no-repeat scroll 0px bottom; padding-top:3.75rem; min-height:590px;}

.about_c_bg .fl{ font-size:2.25rem; color:#101010; font-weight:bold; width:20%;}

.about_c_bg .fl i{ color:#0171bc;}

.about_c_bg .fr{ font-size:0.875rem; color:#101010; line-height:1.5rem; width:80%; max-width:830px; text-align:justify;}



/*企业大事记*/

.about_dsj{ background-color:#212326; overflow:hidden; padding:6.25rem 0px 10rem;}

.about_dsj ul{ overflow:hidden; color:#999999; font-size:0.875rem;}

.about_dsj ul li{ overflow:hidden;}

.about_dsj ul li.t{ font-size:1.5rem; font-weight:bold; color:rgba(255,255,255,0.5); margin-bottom:1rem;}

.about_dsj ul li.n{ color:#ffffff; font-size:2.625rem; font-weight:bold; margin-bottom:2.25rem;}

.about_dsj ul li.c{ border-bottom:1px solid #38393c; line-height:1.75rem; padding:0.875rem 0px; position:relative;}

.about_dsj ul li.c dl.fl{ font-size:1.875rem; font-weight:bold; color:#666666; position:absolute; top:50%; margin-top:-0.9375rem;}

.about_dsj ul li.c dl.fr{ font-size:0.875rem; color:#999999; width:83%;}



/*about_lxwm*/

.about_lxwm{ height:35rem; background-repeat:no-repeat; background-position:50%;}

.about_lxwm .width1540 dl.t{ font-size:3rem; font-weight:bold; color:#ffffff; text-align:center; padding-top:11.875rem; padding-bottom:1.5rem;}

.about_lxwm .width1540 dl.f{ color:rgba(255,255,255,0.5); font-size:1rem; text-align:center; padding-bottom:2rem;}

.about_lxwm .width1540 a p{ border:1px solid #2878ff; color:#ffffff; height:2.375rem; line-height:2.375rem; border-radius:2rem; margin:0px auto; text-align:center; width:10rem;}

.about_lxwm .width1540 a:hover p{ background-color:#2878ff;}





/*我们的团队*/

.about_td_t{ padding:3.75rem 0px;}

.about_td_t div.fl{overflow:hidden; width:70%; max-width:1020px;}

.about_td_t div.fl dl.t{ font-size:1.875rem; color:#333333; font-weight:bold; margin-bottom:0.8rem;}

.about_td_t div.fl dl.c{ font-size:1rem; color:#999999; margin-bottom:1rem;}

.about_td_t div.fl dl.f{ font-size:1rem; color:#666666; line-height:2rem; text-align:justify;}

.about_td_t img.fr{ width:25%; max-width:380px;}



.about_td_f{ width:100%; background-color:#ffffff; padding:3.75rem 0px; overflow:hidden;}

.about_td_f div{ overflow:hidden; margin:0px auto;}

.about_td_f .tit{ width:90%; max-width:1020px; text-align:center; color:#333333; font-size:1.5rem; font-weight:bold; margin-bottom:1.5rem;}

.about_td_f .con{ width:90%; max-width:1020px; text-align:center; font-size:0.875rem; color:#666666; line-height:2rem; width:87%;}

.about_td_f ul{ overflow:hidden; width:90%; max-width:1068px; margin:2.5rem auto 0px;}

.about_td_f ul li{ float:left; position:relative; width:27.8%; margin:0px 2.76665% 3.75rem;}

.about_td_f ul li.t{ margin-left:20%;}

.about_td_f ul li img{ margin-bottom:-4px;}

.about_td_f ul li a div.bg{ position:absolute; left:0px; right:0px; bottom:0px; background-color:rgba(0,0,0,0.5); padding:0px 6%; height:5rem;transition: all .5s ease; }

.about_td_f ul li:hover a div.bg{ background-color:rgba(0,0,0,0.8);transition: all .5s ease; top:0; height:auto;}

.about_td_f ul li a div.bg dd{ font-size:1.5rem; color:#ffffff; font-weight:bold; margin-top:1rem; margin-bottom:0.25rem;}

.about_td_f ul li a div.bg ol{ font-size:0.875rem; color:#ffffff;}

.about_td_f ul li a div.bg dl{ font-size:0.875rem; color:rgba(255,255,255,0.5); line-height:1.875rem;text-align:justify; transition: all .5s ease; opacity:0; overflow-x: hidden;overflow-y: auto;height: 68%;padding-right: 10px;}

.about_td_f ul li:hover a div.bg dl{ opacity:1;transition: all .5s ease; }



.about_td_f ul li a div.bg dl::-webkit-scrollbar {/*滚动条整体样式*/

	width: 10px;     /*高宽分别对应横竖滚动条的尺寸*/

	height: 1px;

}

.about_td_f ul li a div.bg dl::-webkit-scrollbar-thumb {/*滚动条里面小方块*/

	border-radius: 10px;

	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);

	background: #535353;

}

.about_td_f ul li a div.bg dl::-webkit-scrollbar-track {/*滚动条里面轨道*/

	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);

	border-radius: 10px;

	background: #EDEDED;

}





.about_td_f ul li.t1{ margin-left:18.7665%;}





/*屡获殊荣*/

.ry_list{ overflow:hidden; margin:3.75rem 0px 5rem; width:102%;}

.ry_list li{ float:left; margin-bottom:1rem; width:31.8%; margin-right:1.5333%;}

.ry_list li a div.bg,.ry_list li a div.bg dl{ overflow:hidden;}

.ry_list li a div.bg dl.t{ height:17.5rem; text-align:center; position:relative;}

.ry_list li a div.bg dl.t img{ margin-bottom:-4px; max-height:100%;transition: all .5s ease;}

.ry_list li a:hover div.bg dl.t img{transition: all .5s ease;transform: scale(1.1);}

.ry_list li a div.bg dl.t div.bg{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; background-color:rgba(44,109,203,.70); opacity:0;transition: all .5s ease;}

.ry_list li a:hover div.bg dl.t div.bg{ opacity:1;transition: all .5s ease;}

.ry_list li a div.bg dl.t div.bg div{ position: absolute;font-size: 1.125rem;color: #ffffff;line-height: 2rem;font-weight: bold;bottom:5%; width:90%; left:5%; text-align:left;}



.ry_list li a div.bg dl.f{ font-size:1rem; color:#333333; font-weight:bold; margin:1rem 0px;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis; overflow:hidden;}

.ry_list li a:hover div.bg dl.f{ color:#0f93f1;}



/*详情*/

.ny_tit{ font-size:0.875rem; color:#464646; margin:1.5rem 0px;}

.ny_tit a{ color:#464646;}

.ny_tit a:hover{ color:#0f93f1;}

.ny_tit i{ color:#999999;}



.show_bg{ background-color:#f3f3f3; width:100%; overflow:hidden;}

.show_bg .show_ul{ margin-bottom:8.75rem; overflow:hidden; background-color:#ffffff; padding:2.5rem 2.5%;}

.show_bg .show_ul li{ overflow:hidden;}

.show_bg .show_ul li.t{ font-size:2.25rem; font-weight:bold; color:#333333; text-align:center;}

.show_bg .show_ul li.c{ text-align:center; padding:1rem 0px; color:#666666; font-size:0.75rem;}

.show_bg .show_ul li.c i{ font-size:0.875rem; color:#00a0e9;}

.show_bg .show_ul li.f{ border-top:1px solid #f2f2f2; padding-top:2rem; font-size:1rem; line-height:2rem; color:#333333;}

.show_bg .show_ul li.nav{ padding:1.25rem 0px; font-size:0.875rem; color:#999999;}

.show_bg .show_ul li.nav a{color:#999999; margin-left:1rem;}

.show_bg .show_ul li.nav a:hover{ color:#0f93f1;}

.show_bg .show_ul li.f4{border-top:1px solid #f2f2f2; padding:1.5rem 0px; position:relative;}

.show_bg .show_ul li.f4 dl{ overflow:hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis; line-height:2rem; font-size:1rem; color:#999999;}

.show_bg .show_ul li.f4 dl a{color:#999999;}

.show_bg .show_ul li.f4 dl a:hover{ color:#0f93f1;}

.show_bg .show_ul li.f4 a.fh{ position:absolute; font-size:1rem; color:#00a0e9; right:0px; top:50%; margin-top:-10.5px;}

.show_bg .show_ul li.f4 a.fh:hover{ text-decoration:underline;}



/*加入我们*/

.about_job{ padding:2rem 0px 10rem;}

.about_job .tit{ font-size:2.25rem; font-weight:bold; color:#333333; margin-bottom:1rem; overflow:hidden;}

.about_job .xx{ font-size:1rem; color:#2c71b6; line-height:2rem; margin-bottom:1rem; overflow:hidden;}

.about_job .sx{ height:3.375rem; margin-bottom:2.5rem;}

.about_job .sx div.fl{ position:relative; width:32%; margin-right:2%;}

.about_job .sx div.fl .bg{ height:3.25rem; line-height:3.25rem; font-size:1rem; background-color:#f8f8f8; border-radius:8px;color:#999999; position:relative; border:1px solid #eeeeee; padding:0px 4%;}

.about_job .sx div.fl .bg span{ position:absolute; background-color:#f8f8f8; top:0px; left:4%; bottom:0px; width:100%; z-index:1; opacity:0;}

.about_job .sx div.fl .bg span.on{ opacity:1;}

.about_job .sx div.fl .bg i{ position:absolute; width:11px; height:20px; background:url(../images/jt.png) no-repeat; right:4%; top:50%; margin-top:-10px;}

.about_job .sx div.fl .xl{ position:absolute; width:94%; background-color:#f8f8f8; left:0px; padding:1rem 3%;border:1px solid #eeeeee;border-radius:8px;overflow-x: hidden;overflow-y:auto; height:10rem; display:none;}

.about_job .sx div.fl.on .xl{ display:block;}

.about_job .sx div.fl .xl dl{font-size:1rem; color:#999999; line-height:1.5;}

.about_job .sx div.fl .xl dl a{color:#999999;}

.about_job .sx div.fl .xl dl a:hover{ color:#0171bc;}



.about_job .sx div.fr{ border-radius:8px;width:32%;}

.about_job .sx div.fr div.bg{border:1px solid #eeeeee; background-color:#f8f8f8; padding:0px 4%;height:3.25rem;border-radius:8px;}

.about_job .sx div.fr div.bg input{ float:left; border:0px;line-height:3.25rem;outline:none;background:none;font-size:1rem;color:#999999; width:90%;}

.about_job .sx div.fr div.bg button{ float:right; border:0px;line-height:3.25rem; background:none; font-size:1.25rem; font-weight:bold;color:#999999; width:10%; text-align:center;}



.about_job .job_list,.about_job .job_list li{ overflow:hidden;}

.about_job .job_list li.t{ background-color:#0f93f1; height:3.75rem; font-size:1rem;}

.about_job .job_list li.t dl{ float:left; color:#ffffff; line-height:3.75rem;}

.about_job .job_list li.t dl.d1{ width:27%; padding-left:2%;}

.about_job .job_list li.t dl.d2{ width:22%; padding-left:1%;}

.about_job .job_list li.t dl.d3{ width:19%; padding-left:1%;}

.about_job .job_list li.t dl.d4{ width:10%; padding-left:1%;}

.about_job .job_list li.t dl.d5{ width:16%; padding-left:1%;}

.about_job .job_list li.c{ height:3.125rem; border-bottom:1px solid #f2f2f2;cursor: pointer;}

.about_job .job_list li.c.on{ height:auto;}

.about_job .job_list li.c div{ overflow:hidden;}

.about_job .job_list li.c.on div.t{border-bottom:1px solid #f2f2f2;background-color:#fbfbfb;}

.about_job .job_list li.c div.t dl{ float:left; line-height:3.125rem;height:3.125rem; font-size:0.875rem; color:#333333;}

.about_job .job_list li.c div.t dl.d1{ width:27%; padding-left:2%;}

.about_job .job_list li.c.on div.t dl.d1{ color:#0f93f1;}

.about_job .job_list li.c div.t dl.d2{ width:22%; padding-left:1%;}

.about_job .job_list li.c div.t dl.d3{ width:19%; padding-left:1%;}

.about_job .job_list li.c div.t dl.d4{ width:10%; padding-left:1%;}

.about_job .job_list li.c div.t dl.d5{ width:16%; padding-left:1%; position:relative;}

.about_job .job_list li.c div.t dl.d5 i{ color:#999999;font-size:1.5rem;font-weight:bold; position:absolute; right:9%;}

.about_job .job_list li.c.on div.t dl.d5 i{ color:#0f93f1;}

.about_job .job_list li.c div.f{ background-color:#fbfbfb; padding:1.25rem 2% 3.5rem;}

.about_job .job_list li.c div.f div{ overflow:hidden;}

.about_job .job_list li.c div.f div.n{ margin-bottom:1rem; line-height:2rem; font-size:0.875rem; color:#333333;}

.about_job .job_list li.c div.f div.n b{ font-size:1rem;}

.about_job .job_list li.c div.f div.n dl{ float:left; min-width:24%;}

.about_job .job_list li.c div.f div.nr{ margin-bottom:1.5rem;}

.about_job .job_list li.c div.f div.nr dd{ font-size:1rem; font-weight:bold; color:#333333; margin-bottom:1rem;}

.about_job .job_list li.c div.f div.nr dl{ font-size:1rem; color:#333333; line-height:2rem; padding-left:2%;}



.about_job .job_list li.bg{ text-align:center; font-size:1rem; line-height:3; padding:1rem 0px;}

.about_job .job_list li.bg strong{ color:#0f93f1;}



/*联系我们*/

.lxwm{ padding:3rem 0px 11.25rem;}

.lxwm div,.lxwm ul,.lxwm ul li{ overflow:hidden;}

.lxwm div.tit{ margin-bottom:3rem; position:relative; color:#333333;}

.lxwm div.tit dd{ font-size:2.25rem; font-weight:bold; margin-bottom:0.75rem;}

.lxwm div.tit dl{ font-size:1.5rem;}

.lxwm div.tit a p{ position:absolute; right:0px; font-size:1rem; color:#2c71b6; border:1px solid #2c71b6; bottom:0px;height:2.875rem; line-height:2.875rem; width:30%; max-width:214px; border-radius:4px; text-align:center;}

.lxwm div.tit a p img{ margin-bottom:-4px;}



.lxwm ul.xx{ margin-bottom:3rem; width:102%;}

.lxwm ul.xx li{ float:left; background-color:#f9f9f9; position:relative; height:4.125rem; width:21.5%; padding:2rem 1%; margin-right:1.5%; margin-bottom:1rem;}

.lxwm ul.xx li div.fl{ width:25%; text-align:center; position:absolute; left:4%; top:50%; margin-top:-13.5px;}

.lxwm ul.xx li div.fl img{ margin-bottom:-4px;}

.lxwm ul.xx li div.fr{ width:70%;}

.lxwm ul.xx li div.fr dd{ font-size:0.875rem; color:#555555;}

.lxwm ul.xx li div.fr dl{ font-size:0.75rem; color:#999999; line-height:1.5rem;}



/*.lxwm div.dt{ margin-bottom:2rem;}



.lxwm div.nr{ text-align:center; font-size:1rem; color:#333333; line-height:2rem; margin-bottom:3rem;}

.lxwm div.nr a{ color:#2c71b6;}*/


/*
.lxwm ul.bd li.t{ margin-bottom:1.25rem;}

.lxwm ul.bd li.t dl{ overflow:hidden; width:32%; position:relative;}

.lxwm ul.bd li.t dl i{ position:absolute; color:#bbbbbb; font-size:1rem; right:4%; top:50%; margin-top:-0.5rem;}

.lxwm ul.bd li.t dl.fl{ margin-right:2%;}

.lxwm ul.bd li.t dl input{ border:1px solid #dbdbdb; border-radius:8px; line-height:3rem; width:85%; padding:0px 10% 0px 4%; outline:none; font-size:0.875rem; color:#bbbbbb;}



.lxwm ul.bd li.c{ margin-bottom:1.25rem;}

.lxwm ul.bd li.c dd{font-size:1.25rem; font-weight:bold; color:#2c71b6; margin-bottom:1rem;}

.lxwm ul.bd li.c dl{ line-height:2rem;font-size:0.875rem; color:#444444;}

.lxwm ul.bd li.c dl label{ position:relative; width:25%; float:left;}

.lxwm ul.bd li.c dl label input{ margin-right:0.5rem;}

.lxwm ul.bd li.f{ margin-bottom:1.875rem;border:1px solid #dbdbdb; border-radius:8px;}

.lxwm ul.bd li.f textarea{ padding:0.5rem 1%;width:98%; height:18rem; outline:none; border:0px; margin-bottom:-4px;font-size:0.875rem; color:#bbbbbb; line-height:1.5;font-family:"Microsoft YaHei",Arial;}



.lxwm ul.bd li.b{ text-align:center;}

.lxwm ul.bd li.b input{ border:0px; background:none; height:3rem; line-height:3rem; color:#ffffff; border-radius:4px; background-color:#2c71b6; width:80%; max-width:280px; font-size:0.875rem;cursor: pointer;}*/

.lxwm form{ display: block; }
.lxwm form div{ overflow: hidden; }
.lxwm form div.form-group{margin-bottom:1.25rem;}
.lxwm form div.form-group label{ display: none; }
.lxwm form div.form-group div.col-md-10{border:1px solid #dbdbdb;border-radius:8px;font-size:0.875rem; color:#bbbbbb;}
.lxwm form div.form-group div.col-md-10 input,.lxwm form div.form-group div.col-md-10 textarea{outline:none;font-size:0.875rem; color:#bbbbbb; border:0px;line-height:3rem;}
.lxwm form div#dr_row_title,.lxwm form div#dr_row_email,.lxwm form div#dr_row_gsmc,.lxwm form div#dr_row_shoujihaoma{ float:left; width: 32%;margin-right:2%; }
.lxwm form div#dr_row_ndzt,.lxwm form div#dr_row_guojiadiqu{ float: right;width: 32%;}
.lxwm form div#dr_row_miaoshu{ float: left; width: 100%; }
.lxwm form div.form-group div.col-md-10 input{width:85% !important; padding:0px 10% 0px 4%;}
.lxwm form div.form-group div.col-md-10 textarea{padding:0.5rem 1%;width:98% !important; height: 18rem !important;font-family:"Microsoft YaHei",Arial; }

.lxwm form div#dr_row_xingye label.control-label{ display: block; font-size:1.25rem; font-weight:bold; color:#2c71b6; margin-bottom:1rem;}
.lxwm form div#dr_row_xingye .col-md-10{ border:0px; line-height:2rem;font-size:0.875rem; color:#444444; overflow: hidden;}
.lxwm form div#dr_row_xingye .col-md-10 label{ position:relative; width:25%; float:left; display: block;}
.lxwm form div#dr_row_xingye .col-md-10 label input{ margin-right:0.5rem; width: 1rem !important;}

.lxwm form div.b{ text-align:center;float: left; width: 100%;}
.lxwm form div.b button{ border:0px; background:none; height:3rem; line-height:3rem; color:#ffffff; border-radius:4px; background-color:#2c71b6; width:80%; max-width:280px; font-size:0.875rem;cursor: pointer;}


/*news_list*/

.news_list div{ overflow:hidden;}

.news_list div.ny_tit{ border-bottom:1px solid #f2f2f2; height:4rem; line-height:4rem; font-size:0.875rem; color:#999999;}

.news_list div.ny_tit a{ color:#999999;}

.news_list div.ny_tit a:hover{ color:#0171bc;}

.news_list div.nav{ height:5.875rem; line-height:5.875rem;}

.news_list div.nav .fl{ font-size:2.25rem; color:#333333; font-weight:bold;}

.news_list div.nav .fr a{ font-size:0.875rem; color:#333333; margin-left:2rem;}

.news_list div.nav .fr a.on,.news_list div.nav .fr a:hover{ color:#00a0e9; border-bottom:1px solid #00a0e9;}



.news_list div.lanren ul.list,.news_list div.lanren ul.list li{ overflow:hidden;}

.news_list div.lanren ul.list li{ border-top:1px solid #eeeeee; padding:1.875rem 0px;}

.news_list div.lanren ul.list li a .bg div.l{ width:23%; margin-right:9.5%;}

.news_list div.lanren ul.list li a .bg div.l dd{ font-size:1.125rem; font-weight:bold; color:#333333; line-height:2rem; margin-bottom:1rem; min-height:90px;}

.news_list div.lanren ul.list li a:hover .bg div.l dd{ color:#00a0e9;}

.news_list div.lanren ul.list li a .bg div.l dl{ font-size:0.875rem;}

.news_list div.lanren ul.list li a .bg div.l dl.t{ color:#00a0e9; margin-bottom:0.5rem;}

.news_list div.lanren ul.list li a .bg div.l dl.f{ color:#999999;}

.news_list div.lanren ul.list li a .bg div.c{ width:26%; color:#999999; font-size:0.875rem; line-height:1.5rem; text-align:justify;}

.news_list div.lanren ul.list li a .bg img{ width:24%; max-width:260px;}



.news_list div.lanren .more{ text-align:center; margin-bottom:5.5rem;}

.news_list div.lanren .more a,.news_list div.lanren .more p{ font-size:1rem; color:#999999;}

.news_list div.lanren .more a:hover{ color:#00a0e9;}



/*fenye*/

.fenye{ overflow:hidden; text-align:center; line-height:32px; margin-bottom:6rem; margin-top: 2rem;}

.fenye a,.fenye span{padding:2px 8px;color:#857D6D;border:1px solid #857D6D;margin-left:8px;}

.fenye a:hover{background-color:#00a0e9; color:#ffffff;border:1px solid #00a0e9;}

.fenye span{color:#ffffff;border:1px solid #0c6cd2;background-color:#00a0e9;}





/*肇观视频*/

.sp_list{ margin-top:2.5rem;}

.sp_list ul{ width:102%;}

.sp_list ul li{ border:0px !important; float:left; width:23%; margin-right:2%; padding-bottom:1rem !important;}

.sp_list ul li a div.bg{ position:relative;}

.sp_list ul li a div.bg dl{ width:100%; border-radius:0.5rem; overflow:hidden; max-height:15rem; position:relative;}

.sp_list li a div.bg dl img{ width:100% !important; max-width:100% !important; margin-bottom:-4px;}

.sp_list li a:hover div.bg dl img{ margin-left:0px !important;}

.sp_list li a div.bg dl i{ position:absolute; font-size:1.5rem; border:2px solid #ffffff; height:2.5rem; line-height:2.5rem; width:2.5rem; border-radius:50%; z-index:2; top:50%; left:50%; margin-left:-1.25rem; margin-top:-1.25rem; text-align:center; color:#ffffff;}

.sp_list li a:hover div.bg dl i{ color:#1275e2;border:2px solid #1275e2;}

.sp_list ul li a div.bg dd{ font-size:1.125rem; color:#333333; overflow:hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis; line-height:3.75rem;}

.sp_list li a:hover div.bg dd{ color:#1275e2;}



.sp_show ul{ overflow:hidden; margin-bottom:0px !important;}

.sp_show ul li{ overflow:hidden; border:0px !important; padding:0px !important; margin:0px !important;}

.sp_show ul li.t{ font-size:1.875rem; color:#464646; font-weight:bold;}

.sp_show ul li.c{ line-height:3rem; font-size:0.875rem; color:#464646;}

.sp_show ul li.c i{ color:#1275e2;}

.sp_show ul li.f{ font-size:0.875rem; color:#464646; line-height:2rem; text-align:justify;}

.sp_show .fx{ margin-top:2rem; line-height:4rem; font-size:1rem; color:#333333; position:relative;}

.sp_show .fx a{ margin:0px 0.5rem;color:#666666;}

.sp_show .fx a:hover{ color:#1275e2;}

.sp_show .fx i.cs{ position:absolute; right:0px; bottom:0px; color:#999999; font-size:0.75rem;}

.sp_show .fx i.cs span{color:#7abb2a;}

.sp_show .f14{ border-top:1px solid #f2f2f2; position:relative; padding:1rem 0px;}

.sp_show .f14 dl{ line-height:2.5rem; font-size:1rem; color:#999999;}

.sp_show .f14 dl a{ color:#999999;}

.sp_show .f14 dl a:hover{ color:#1275e2;}

.sp_show .f14 a.fh{ font-size:1rem; color:#1275e2; position:absolute; right:0px; margin-top:-3rem;}



/*hxjs_list*/

.hxjs_list .fl{ width:80% !important; max-width:1200px !important;}

.hxjs_list .fl ul{ width:102%;}

.hxjs_list .fl ul li{ border:0px !important; float:left; width:31.5%; margin-right:1.7%; padding-bottom:1rem !important;}

.hxjs_list .fl ul li a div.bg{ position:relative;}

.hxjs_list .fl ul li a div.bg dl{ width:100%; border-radius:0.5rem; overflow:hidden; max-height:15rem; position:relative;}

.hxjs_list .fl ul li a div.bg dl img{ width:100% !important; max-width:100% !important; margin-bottom:-4px;}

.hxjs_list .fl ul li a:hover div.bg dl img{ margin-left:0px !important;}

.hxjs_list .fl ul li a div.bg dl i{ position:absolute; font-size:1.5rem; border:2px solid #ffffff; height:2.5rem; line-height:2.5rem; width:2.5rem; border-radius:50%; z-index:2; top:50%; left:50%; margin-left:-1.25rem; margin-top:-1.25rem; text-align:center; color:#ffffff;}

.hxjs_list .fl ul li a:hover div.bg dl i{ color:#1275e2;border:2px solid #1275e2;}

.hxjs_list .fl ul li a div.bg dd{ font-size:1.125rem; color:#333333; overflow:hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis; line-height:3.75rem;}

.hxjs_list .fl ul li a:hover div.bg dd{ color:#1275e2;}



.hxjs_list div.fr{ overflow:hidden; width:20%; max-width:285px;}

.hxjs_list div.fr ul,.hxjs_list div.fr ul li{ overflow:hidden;}

.hxjs_list div.fr ul li.t{ font-size:1.125rem; font-weight:bold; color:#101010; margin-bottom:1rem;}

.hxjs_list div.fr ul.t{ margin-bottom:2.5rem;}

.hxjs_list div.fr ul.t li.c{ color:#999999; font-size:0.875rem; line-height:2.5rem;}

.hxjs_list div.fr ul.t li.c a{ margin-left:1.5rem; color:#464646;}

.hxjs_list div.fr ul.t li.c.on a,.hxjs_list div.fr ul.t li.c a:hover{ color:#1275e2;}





/*乐新闻详情*/

.hxjs_list .fl.hxjs_show{box-shadow:0px 2px 10px 0px rgba(0,0,0,0.14); margin:2px; padding:2rem 1.5%; width:67% !important; margin-bottom:3rem;}

.hxjs_list .fl.hxjs_show ul{ width:100%; overflow:hidden; margin-bottom:0px !important;}

.hxjs_list .fl.hxjs_show ul li{ overflow:hidden; width:100%; border:0px !important; padding:0px !important; margin:0px !important;}

.hxjs_list .fl.hxjs_show ul li.t{ font-size:1.875rem; color:#464646; font-weight:bold;}

.hxjs_list .fl.hxjs_show ul li.c{ line-height:3rem; font-size:0.875rem; color:#464646;}

.hxjs_list .fl.hxjs_show ul li.c i{ color:#1275e2;}

.hxjs_list .fl.hxjs_show ul li.f{ font-size:0.875rem; color:#464646; line-height:2rem; text-align:justify;}

.hxjs_list .fl.hxjs_show .fx{ margin-top:2rem; line-height:4rem; font-size:1rem; color:#333333; position:relative;}

.hxjs_list .fl.hxjs_show .fx a{ margin:0px 0.5rem;color:#666666;}

.hxjs_list .fl.hxjs_show .fx a:hover{ color:#1275e2;}

.hxjs_list .fl.hxjs_show .fx i.cs{ position:absolute; right:0px; bottom:0px; color:#999999; font-size:0.75rem;}

.hxjs_list .fl.hxjs_show .fx i.cs span{color:#7abb2a;}

.hxjs_list .fl.hxjs_show .f14{ border-top:1px solid #f2f2f2; position:relative; padding:1rem 0px;}

.hxjs_list .fl.hxjs_show .f14 dl{ line-height:2.5rem; font-size:1rem; color:#999999;}

.hxjs_list .fl.hxjs_show .f14 dl a{ color:#999999;}

.hxjs_list .fl.hxjs_show .f14 dl a:hover{ color:#1275e2;}

.hxjs_list .fl.hxjs_show .f14 a.fh{ font-size:1rem; color:#1275e2; position:absolute; right:0px; margin-top:-3rem;}





/*会员登入*/

.top_hy{ height:48px; width:100%; text-align:center;}

.top_hy a{ font-size:24px; color:#333333; margin:0px 40px;}

.popupbox a.popupbox_i{position:absolute;width: 1000%;

    height: 1000%;

    margin-top: -500%;

    margin-left: -500%;

    margin-right: -500%;

    margin-bottom: -500%;

    z-index: -1;}

.popupbox{max-width:435px; width:80%;/* overflow:hidden;*/border-radius:8px;display:none;position:fixed;top:50%; left:50%;z-index:99999992;background:#ffffff; padding:1.5rem 0px;}

.popupbox.on{ display:none !important;}

#fade { display:none;background: #000000;position: fixed; left: 0; top: 0;width: 100%; height: 100%;opacity: .80;z-index:99999991;}



.hy_ul{ width:86%; margin:0px 7%; overflow:hidden;}

.hy_ul li{ overflow:hidden;}

.hy_ul li.i{ text-align:center;}

.hy_ul li.t{ text-align:center; font-size:1.5rem; color:#333333; line-height:4rem;}

.hy_ul li.c{ margin-bottom:1.25rem; border:1px solid #aaaaaa; border-radius:4px;}

.hy_ul li.c input{ border:0px; width:90%; height:3rem; line-height:3rem; font-size:0.875rem; color:#999999; padding:0px 5%;}

.hy_ul li.b button{ font-size:1rem; color:#ffffff; background-color:#009ee2;border-radius:4px; border:0px; width:100%; text-align:center; line-height:3rem; height:3rem;}

.hy_ul li.f{ margin:1rem 0px; position:relative; font-size:0.75rem;}

.hy_ul li.f a.l{ font-size:1rem; color:#999999;}

.hy_ul li.f a.l:hover{color:#009ee2;}

.hy_ul li.f a.r{ position:absolute; right:0px;color:#009ee2;}

.hy_ul li.f i{ color:#999999; padding-left:1.5rem;}

.hy_ul li.f input{ position:absolute; left:0px;}



/*效果*/

.section-wrap .i_banner .bg dd,.section-wrap .i_banner .bg dl{ opacity:0; margin-left:70%;transition:all .5s ease;}

.section-wrap.put-section-1 .section-2.i_banner .bg dd,.section-wrap.put-section-1 .section-2.i_banner .bg dl{ opacity:1; margin-left:0%;transition:all 2s ease;}

.section-wrap.put-section-2 .section-3.i_banner .bg dd,.section-wrap.put-section-2 .section-3.i_banner .bg dl{ opacity:1; margin-left:0%;transition:all 2s ease;}

.section-wrap.put-section-3 .section-4.i_banner .bg dd,.section-wrap.put-section-3 .section-4.i_banner .bg dl{ opacity:1; margin-left:0%;transition:all 2s ease;}

.section-wrap.put-section-4 .section-5.i_banner .bg dd,.section-wrap.put-section-4 .section-5.i_banner .bg dl{ opacity:1; margin-left:0%;transition:all 2s ease;}



/*7个滚屏*/

.section-wrap .section-6 ul li{ opacity:0;transition:all .5s ease; margin-top:50vh;}

.section-wrap.put-section-5 .section-6 ul li{ opacity:1; margin-top:0px;}

.section-wrap.put-section-5 .section-6 ul li.i_p1{transition:all 1s ease;}

.section-wrap.put-section-5 .section-6 ul li.i_p2{transition:all 1.5s ease;}

.section-wrap.put-section-5 .section-6 ul li.i_p3{transition:all 2s ease;}

.section-wrap.put-section-5 .section-6 ul li.i_p4{transition:all 2.5s ease;}

.section-wrap.put-section-5 .section-6 ul li.i_p5{transition:all 3s ease;}

.section-wrap.put-section-5 .section-6 ul li.i_p6{transition:all 3.5s ease;}



.section-wrap .section-7 ul.foot_ul{opacity:0;transition:all .5s ease;margin-top:50vh;}

.section-wrap.put-section-6 .section-7 ul.foot_ul{ opacity:1; margin-top:0px;transition:all 1s ease;}





/*6个滚屏*/

.section-wrap.put-section-4 .section-6 ul li{ opacity:1; margin-top:0px;}

.section-wrap.put-section-4 .section-6 ul li.i_p1{transition:all 1s ease;}

.section-wrap.put-section-4 .section-6 ul li.i_p2{transition:all 1.5s ease;}

.section-wrap.put-section-4 .section-6 ul li.i_p3{transition:all 2s ease;}

.section-wrap.put-section-4 .section-6 ul li.i_p4{transition:all 2.5s ease;}

.section-wrap.put-section-4 .section-6 ul li.i_p5{transition:all 3s ease;}

.section-wrap.put-section-4 .section-6 ul li.i_p6{transition:all 3.5s ease;}



.section-wrap.put-section-5 .section-7 ul.foot_ul{ opacity:1; margin-top:0px;transition:all 1s ease;}