/*初始设置*/

*{padding:0; margin:0;}

ul,ol{ list-style:none}

a{ text-decoration:none;}

input,a{ outline:none;}

body{ font-family:"微软雅黑" !important; box-sizing:border-box; background:#fff;}

img{ border:none;}





@font-face {

    /* DINPro-Bold */

    font-family: DINPro-Bold;

    src:url('../fonts/DINPRO-BOLD.woff'),  

	url('../fonts/DINPRO-BOLD.ttf'),

    url('../fonts/DINPRO-BOLD.eot'), /* IE9 */

	url('../fonts/DINPRO-BOLD.otf');

}



/*背景区域*/



.s1{}

.s2{background:url(../images/bg_2.jpg) center;background-size:100% 100%;}

.s3{background:url(../images/bg_3.jpg) center;background-size:100% 100%;}

.s4{background:url(../images/bg_4.jpg) center;background-size:100% 100%;}

.s5{background:url(../images/bg_5.jpg) center;background-size:100% 100%;}

.s6{background:url(../images/bg_6.jpg) center;background-size:100% 100%;}



/*导航*/

#menu{ position:fixed; left:0; top:0; z-index:100; width:100%; min-width:1200px; height:100px; background:#fff; box-sizing:border-box; padding:0 60px;}

#menu::after{ display:block; content:""; clear:both;}

#menu .logo{ float:left; margin-top:15px;}

#menu .logo_c{ display:block; height:68px;}

#menu .logo_c img{ height:100%;}

#menu .tel{ float:right; box-sizing:border-box; padding-left:32px; background:url(../images/tel.png) no-repeat left center; height:30px; margin:35px 0 0 12px;}

#menu .tel .tel_c{ font-family:DINPro-Bold; font-size:24px; color:#0c57ab; line-height:30px;}



#menu .daoh{ float:right;}

#menu .daoh li{ float:left;}

#menu .daoh li a{ display:block; height:100px; font-size:16px; color:#333333; padding:0 12px; line-height:100px; transition:0.3s;}

#menu .daoh li:hover a{ background:#0c57ab;color:#fff;}

#menu .daoh li.active a{ background:#0c57ab;color:#fff;}



/*侧栏按钮*/

#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span{ background:#0c57ab; height:11px; width:11px; border:2px solid #fff; top:0px; left:-3px;}



/*底部区域*/

.footer{ width:100%; height:66px; background:rgba(0,0,0,0.66); position:fixed; bottom:0; left:0; z-index:100;box-sizing:border-box; padding:0 70px;}

.footer::after{ display:block; content:""; clear:both;}

.footer .ft_l{ float:left;}

.footer .ft_l p{ font-size:14px; color:#fff; line-height:66px;}

.footer .ft_l p a{ font-size:14px; color:#fff; line-height:66px;}

.ft_r{ float:right; margin-top:25px;}

.ft_r li{ float:left; margin:0 10px; position:relative; width:20px; height:20px;}

.ft_r li a{ display:block; width:20px; height:20px;}

.ft_r li a img{ height:18px; margin:1px;}



.ft_r li:nth-child(1) .tk{ display:none; width:240px; height:0px; box-sizing:border-box; border:1px solid #0c57ab;position:absolute; bottom:50px; left:50%; margin-left:-120px;

 background:rgba(255,255,255,0.88); box-sizing:border-box; padding:0 14px; border-radius:5px; transition:0.3s;}

.ft_r li:nth-child(1) .tk h3{ font-family:DINPro-Bold; font-size:24px; line-height:50px; color:#0c57ab; text-align:center;}

.ft_r li:nth-child(1):hover .tk{ display:block;position:absolute; bottom:50px; left:50%; margin-left:-120px;height:50px;}

.ft_r li:nth-child(3) .tk{ display:none; width:110px; height:0px; box-sizing:border-box; border:1px solid #0c57ab;position:absolute; bottom:50px; left:50%; margin-left:-55px;

 background:rgba(255,255,255,0.88); box-sizing:border-box; padding:5px; border-radius:5px; transition:0.3s;}

.ft_r li:nth-child(3) .tk img{ width:100%;}

.ft_r li:nth-child(3):hover .tk{ display:block;position:absolute; bottom:50px; left:50%; margin-left:-55pxpx;height:110px;}



/*内容区域*/

.s1 .slide{ width:100%; height:100%; position:relative;}

.s1 .slide .slide_tu{width:100%; height:100%;  margin:0 auto; position:relative;}

.s1 .slide .slide_tu img{ width:100%;position:absolute; left:0; right:0; bottom:0;}

.fp-controlArrow{ display:none;}

.s1 .slide .nrk{ width:1300px; height:400px; position:absolute; top:50%; left:50%; margin-left:-650px; margin-top:-170px; overflow:hidden;}

.s1 .slide .nrk::after{ display:block; content:""; clear:both;}

.s1 .slide .nrk_r{ float:right; width:617px;

transform: translate3d(-800px, 0, 0); -webkit-transform: translate3d(-800px, 0, 0); -ms-transform: translate3d(-800px, 0, 0); -moz-transform: translate3d(-800px, 0, 0);

-o-transform: translate3d(-800px, 0, 0);-moz-transition: 0.6s 1s; -ms-transition: 0.6s 1s; -o-transition: 0.6s 1s; -webkit-transition: 0.6s 1s;transition: 0.6s 1s;opacity:0;}

.s1 .slide .nrk_r img{ width:100%;}

.s1 .slide .nrk_l{ float:left; width:612px; margin-top:25px;

transform: translate3d(800px, 0, 0); -webkit-transform: translate3d(800px, 0, 0); -ms-transform: translate3d(800px, 0, 0); -moz-transform: translate3d(800px, 0, 0);

-o-transform: translate3d(800px, 0, 0);-moz-transition: 0.6s 1s; -ms-transition: 0.6s 1s; -o-transition: 0.6s 1s; -webkit-transition: 0.6s 1s;transition: 0.6s 1s;opacity:0;}

.s1 .slide .nrk_r img{ width:100%;}

.s1.active .slide .nrk_r,.s1.active .slide .nrk_l{transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);opacity:1;}





/*内容区域*/

.jzz{ width:1300px; height:550px; box-sizing:border-box; overflow:hidden; position:absolute; top:50%; left:50%; margin-top:-275px; margin-left:-650px;}



/*标题区域*/

.bt{ width:100%; margin:0 auto; box-sizing:border-box; overflow:hidden; text-align:center;transform: translate3d(0, -800px, 0); -webkit-transform: translate3d(0, -800px, 0); -moz-transform: translate3d(0, -800px, 0);-ms-transform: translate3d(0, -800px, 0); -o-transform: translate3d(0, -800px, 0);transition: 0.6s 1s; -webkit-transition: 0.6s 1s; -moz-transition: 0.6s 1s;-ms-transition: 0.6s 1s; -o-transition: 0.6s 1s;opacity:0;}

.bt h3{ font-size:36px; color:#ffffff; line-height:1.1em;text-align:center;}

.bt h6{ font-size:12px; color:#fff; font-weight:400; text-align:center; text-transform:uppercase; line-height:1.5em; background:url(../images/xxx.png) no-repeat center; 

margin:5px auto;}

.bt p{font-size:14px; color:#fff; font-weight:400; text-align:center;line-height:1.5em; margin:0 auto;}



.section.active .bt{transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0); 

-o-transform: translate3d(0, 0, 0); opacity:1;}







.pro{ width:1230px; margin:18px auto 0; box-sizing:border-box; height:440px; background:rgba(9,9,11,0.7); padding:15px;  opacity:0;

transition: 0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s;-ms-transition: 0.6s; -o-transition: 0.6s;}

.s2.active .pro{ opacity:1;}

.pro::after{ display:block; content:""; clear:both;}

.pro_l{ float:left; width:370px; overflow:hidden;transform: translate3d(-600px, 0, 0); -webkit-transform: translate3d(-600px, 0, 0); -moz-transform: translate3d(-600px, 0, 0);

-ms-transform: translate3d(-600px, 0, 0); -o-transform: translate3d(-600px, 0, 0);transition: 0.6s 1s; -webkit-transition: 0.6s 1s; -moz-transition: 0.6s 1s;

-ms-transition: 0.6s 1s; -o-transition: 0.6s 1s;opacity:0;}

.pro_l .cp_t{ width:370px; height:340px; display:block;}

.pro_l .cp_t .cp_tt{ width:100%; height:278px; box-sizing:border-box; border-bottom:1px solid #e3e3e3; overflow:hidden;}

.pro_l .cp_t .cp_tt img{ width:100%; margin:0 auto; transition:0.3s;}

.pro_l .cp_t p{ display:block; width:100%; text-align:center; font-size:14px; color:#333333; line-height:62px; background:#fff; transition:0.3s;}

.pro_l .cp_b{ display:block; width:300px; height:40px; border-radius:20px; background:#eaa604; font-size:14px; text-align:center; line-height:40px; color:#fff; margin:22px auto 0;

transition:0.3s;}

.pro_l .cp_t:hover .cp_tt img{ transform:scale(1.1); -webkit-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1); -moz-transform:scale(1.1);}

.pro_l .cp_t:hover p{color:#0c57ab;}

.pro_l .cp_b:hover{background:#0c57ab;}



.pro_r{width:812px; float:right; overflow:hidden; box-sizing:border-box;}

.pro_r li{ float:left; margin-bottom:20px; margin-right:16px;transition:0.6s;transform:translate3d(0,880px,0); -webkit-transform:translate3d(0,880px,0); 

-moz-transform:translate3d(0,880px,0); -ms-transform:translate3d(0,880px,0); -o-transform:translate3d(0,880px,0);}

.pro_r li:nth-child(3n){ margin-right:0;}

.pro_r li a{ display:block; width:260px; height:195px; overflow:hidden; position:relative;}

.pro_r li a img{ width:100%; margin:0 auto; transition:0.3s;}

.pro_r li a p{position: absolute;width:100%;box-sizing: border-box;background: rgba(0,0,0,0.6);color: #fff;padding: 0 10px;left: 0;bottom:0;font-size: 14px;line-height: 38px;

transition: 0.3s; transform: rotateX(100deg); -webkit-transform: rotateX(100deg); -moz-transform: rotateX(100deg); -ms-transform: rotateX(100deg); -o-transform: rotateX(100deg);

transform-origin: left bottom; -webkit-transform-origin: left bottom; -o-transform-origin: left bottom; -ms-transform-origin: left bottom; -moz-transform-origin: left bottom;}

.pro_r li:hover a p{transform: rotateX(0deg); -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg);

text-align:center;}

.pro_r li:hover a img{ transform:scale(1.1); -webkit-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1); -moz-transform:scale(1.1);}

.s2.active .pro_l{transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0);

-o-transform: translate3d(0, 0, 0);opacity:1;}

.s2 .pro_r li:nth-child(1){ transition-delay:0.7s}

.s2 .pro_r li:nth-child(2){transition-delay:0.9s}

.s2 .pro_r li:nth-child(3){transition-delay:1.1s}

.s2 .pro_r li:nth-child(4){transition-delay:1.3s}

.s2 .pro_r li:nth-child(5){transition-delay:1.5s}

.s2 .pro_r li:nth-child(6){transition-delay:1.7s}

.s2.active .pro_r li{transform:translate3d(0,0px,0); -webkit-transform:translate3d(0,0px,0); -o-transform:translate3d(0,0px,0); -ms-transform:translate3d(0,0px,0);

-moz-transform:translate3d(0,0px,0);}



/*关于我们*/

.about{ width:1300px; height:550px; box-sizing:border-box; overflow:hidden; position:absolute; top:50%; left:50%; margin-top:-275px; margin-left:-650px;}

.ab_c{ width:100%; margin:30px auto; box-sizing:border-box; padding:0 50px;}

.ab_c p{ font-size:15px; color:#fff; line-height:2em; text-align:center;width:100%;

display:inline-block;word-break: break-all;

text-overflow: ellipsis;

display: -webkit-box; /** 将对象作为伸缩盒子模型显示 **/

-webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/

-webkit-line-clamp:6; /** 显示的行数 **/

overflow: hidden;  /** 隐藏超出的内容 **/

transform: translate3d(0, 800px, 0); -webkit-transform: translate3d(0, 800px, 0); -moz-transform: translate3d(0, 800px, 0);-ms-transform: translate3d(0, 800px, 0); 

-o-transform: translate3d(0, 800px, 0);transition: 0.6s 1s; -webkit-transition: 0.6s 1s; -moz-transition: 0.6s 1s;-ms-transition: 0.6s 1s; -o-transition: 0.6s 1s;opacity:0;}

.s3.active .ab_c p{transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0); 

-o-transform: translate3d(0, 0, 0); opacity:1;}

.ab_b{ width:820px; margin:0 auto; box-sizing:border-box;}

.ab_b::after{ content:""; display:block; clear:both;}

.ab_b li{ float:left; margin-right:100px;transform:translate3d(0,880px,0); -webkit-transform:translate3d(0,880px,0); 

-moz-transform:translate3d(0,880px,0); -ms-transform:translate3d(0,880px,0); -o-transform:translate3d(0,880px,0); transition:0.8s;}

.ab_b li:nth-child(4){ margin-right:0;}

.ab_b li a{ display:block; width:130px; box-sizing:border-box; overflow:hidden;}

.ab_b li a .abbc{ display:block; width:130px; height:130px; box-sizing:border-box;  border-radius:50%; border:2px solid #fff; text-align:center; padding:24px;}

.ab_b li a .abbc  img{ margin:0 auto;}

.ab_b li a p{ font-size:16px; color:#fff; line-height:1.2em; text-align:center; margin:14px auto 0;}

.s3 .ab_b li:nth-child(1){ transition-delay:0.7s}

.s3 .ab_b li:nth-child(2){transition-delay:0.9s}

.s3 .ab_b li:nth-child(3){transition-delay:1.1s}

.s3 .ab_b li:nth-child(4){transition-delay:1.3s}

.ab_b li:hover a .abbc{border:2px solid #0c57ab; background:#0c57ab;}

.s3.active .ab_b li{transform:translate3d(0,0px,0); -webkit-transform:translate3d(0,0px,0); -o-transform:translate3d(0,0px,0); -ms-transform:translate3d(0,0px,0);

-moz-transform:translate3d(0,0px,0);}

.ckgdxq{ display:block; width:300px; height:40px; display:block; margin:38px auto 0; background:#eaa604; text-align:center; line-height:40px; border-radius:20px; color:#fff;

transform: translate3d(0, 800px, 0); -webkit-transform: translate3d(0, 800px, 0); -moz-transform: translate3d(0, 800px, 0);-ms-transform: translate3d(0, 800px, 0); 

-o-transform: translate3d(0, 800px, 0);transition: 0.6s 1s; -webkit-transition: 0.6s 1s; -moz-transition: 0.6s 1s;-ms-transition: 0.6s 1s; -o-transition: 0.6s 1s;opacity:0;}

.section.active .ckgdxq{transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0); 

-o-transform: translate3d(0, 0, 0); opacity:1;}

.ckgdxq:hover{-webkit-transform:translate3d(0,-5px,0); transform:translate3d(0,-5px,0); box-shadow:0 5px 10px rgba(0,0,0,0.3); transition:0.3s;}



/*案例展示*/

.case{width:1300px; height:530px; box-sizing:border-box; overflow:hidden; position:absolute; top:50%; left:50%; margin-top:-265px; margin-left:-650px;}

.case .case_c{ width:100%; margin:40px auto;box-sizing:border-box; overflow:hidden;}

.case .case_c::after{ content:""; display:block; clear:both;}

.case .case_c li{ float:left;transform:translate3d(0,880px,0); -webkit-transform:translate3d(0,880px,0); margin-right:14px;

-moz-transform:translate3d(0,880px,0); -ms-transform:translate3d(0,880px,0); -o-transform:translate3d(0,880px,0); transition:0.8s;}

.case .case_c li:nth-child(4){ margin-right:0;}

.case .case_c li a{display:block; width:314px; height:335px; box-sizing:border-box; border-radius:5px; background:#fff; padding:13px;}

.case .case_c li a .altu{ width:100%; height:195px; overflow:hidden; margin:0 auto;}

.case .case_c li a .altu img{ width:100%; margin:0 auto; transition:0.3s;}

.case .case_c li:hover a .altu img{ transform:scale(1.1); -webkit-transform:scale(1.1); -ms-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);}

.case .case_c li a h4{ font-size:16px; color:#333333; text-align:center; line-height:20px; transition:0.3s; margin:14px auto 10px; font-weight:400; transition:0.3s;}

.case .case_c li a span{ display:block; width:35px; height:3px; background:#eaa604; margin:0 auto;transition:0.3s;}

.case .case_c li a .xqdj{ width:210px; height:40px; border-radius:20px; background:#0c57ab; text-align:center; margin:16px auto 0; color:#fff; line-height:40px;

transition:0.3s;}

.case .case_c li a .xqdj:hover{-webkit-transform:translate3d(0,-5px,0); transform:translate3d(0,-5px,0); box-shadow:0 5px 10px rgba(0,0,0,0.3)}



.case .case_c li:nth-child(1){ transition-delay:0.7s}

.case .case_c li:nth-child(2){transition-delay:0.9s}

.case .case_c li:nth-child(3){transition-delay:1.1s}

.case .case_c li:nth-child(4){transition-delay:1.3s}

.s4.active .case .case_c li{transform:translate3d(0,0px,0); -webkit-transform:translate3d(0,0px,0); -o-transform:translate3d(0,0px,0); -ms-transform:translate3d(0,0px,0);

-moz-transform:translate3d(0,0px,0);}



/*新闻区域*/

.news{width:1300px; height:540px; box-sizing:border-box; overflow:hidden; position:absolute; top:50%; left:50%; margin-top:-270px; margin-left:-650px;}

.news::after{ content:""; display:block; clear:both;}

.newsc{ width:100%; margin:32px auto;box-sizing:border-box; overflow:hidden;}

.newsc::after{ content:""; display:block; clear:both;}



.news .n_l{ float:left;transform: translate3d(-600px, 0, 0); -webkit-transform: translate3d(-600px, 0, 0); -moz-transform: translate3d(-600px, 0, 0);

-ms-transform: translate3d(-600px, 0, 0); -o-transform: translate3d(-600px, 0, 0);transition: 0.6s 1s; -webkit-transition: 0.6s 1s; -moz-transition: 0.6s 1s;

-ms-transition: 0.6s 1s; -o-transition: 0.6s 1s;opacity:0;}

.news .n_l a{display:block; width:440px; height:360px; box-sizing:border-box; background:#fff; box-sizing:border-box; padding:14px;}

.news .n_l a .dtu{ width:100%; height:214px; overflow:hidden; position:relative;}

.news .n_l a .dtu img{ width:100%; margin:0 auto; transition:0.3s;}

.news .n_l a .dtu .sjrq{ width:75px; height:86px; background:#0c57ab; position:absolute; top:0; left:24px; text-align:center;transition:0.3s;}

.news .n_l a .dtu .sjrq h2{ font-size:40px; color:#fff; line-height:40px; text-align:center; font-family:DINPro-Bold; margin-top:3px;}

.news .n_l a .dtu .sjrq i{ width:50px; height:1px; display:block; background:#fff; margin:8px auto 2px;}

.news .n_l a .dtu .sjrq h5{font-size:14px; color:#fff; line-height:20px; text-align:center; font-family:DINPro-Bold;}

.dtbb{ width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box;}

.dtbb h4{font-size:18px; color:#333; line-height:20px; width:100%;transition:0.3s; margin-top:20px;

overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;white-space:nowrap;

-webkit-white-space:nowrap; -moz-white-space:nowrap; -ms-white-space:nowrap; -o-white-space:nowrap;}

.dtbb p{font-size:14px; color:#666; line-height:1.6em; text-align:left; width:100%; margin-top:6px;

display:inline-block;word-break: break-all;

text-overflow: ellipsis;

display: -webkit-box; /** 将对象作为伸缩盒子模型显示 **/

-webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/

-webkit-line-clamp: 3; /** 显示的行数 **/

overflow: hidden;  /** 隐藏超出的内容 **/}



.news .n_l:hover a .dtu img{ transform:scale(1.1);}

.news .n_l:hover a .dtu .sjrq{ background:#eaa604;}

.news .n_l:hover a .dtbb h4{ color:#0c57ab;}

.news .n_l:hover a .dtbb p{color:#444;}



.news .n_r{ float:right; width:840px; overflow:hidden; box-sizing:border-box;}

.news .n_r::after{ content:""; display:block; clear:both;}

.news .n_r li{ width:100%; margin:0 auto 15px; overflow:hidden;transform:translate3d(0,880px,0); -webkit-transform:translate3d(0,880px,0); margin-right:14px;

-moz-transform:translate3d(0,880px,0); -ms-transform:translate3d(0,880px,0); -o-transform:translate3d(0,880px,0); transition:0.8s;}

.news .n_r li a{ display:block; width:100%; margin:0 auto; overflow:hidden; height:110px; background:#fff; box-sizing:border-box; padding:10px 14px;}

.news .n_r li a::after{ content:""; display:block; clear:both;}

.news .n_r li a .sj{ width:75px; height:88px; box-sizing:border-box; border:1px solid #0c57ab; float:left;}

.news .n_r li a .sj h2{ font-size:40px; color:#0c57ab; line-height:40px; text-align:center; font-family:DINPro-Bold; margin-top:3px;}

.news .n_r li a .sj i{ width:50px; height:1px; display:block; background:#0c57ab; margin:8px auto 2px;}

.news .n_r li a .sj h5{font-size:14px; color:#0c57ab; line-height:20px; text-align:center; font-family:DINPro-Bold;}

.news .n_r li a .xwnr{ width:720px; height:66px; float:right;}

.news .n_r li a .xwnr h4{font-size:18px; color:#333; line-height:20px; width:100%;transition:0.3s; margin-top:12px;

overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;white-space:nowrap;

-webkit-white-space:nowrap; -moz-white-space:nowrap; -ms-white-space:nowrap; -o-white-space:nowrap;}

.news .n_r li a .xwnr p{font-size:14px; color:#666; line-height:1.6em; text-align:left; width:100%; margin-top:6px; transition:0.3s;

display:inline-block;word-break: break-all;

text-overflow: ellipsis;

display: -webkit-box; /** 将对象作为伸缩盒子模型显示 **/

-webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/

-webkit-line-clamp: 2; /** 显示的行数 **/

overflow: hidden;  /** 隐藏超出的内容 **/}



.news .n_r li:hover a .xwnr h4{ color:#0c57ab;}

.news .n_r li:hover a .xwnr p{color:#0c57ab;}

.news .n_r li:nth-child(3){ margin:0 auto 0;}



.s5.active .news .n_l{transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0); 

-o-transform: translate3d(0, 0, 0); opacity:1;}

.news .n_r li:nth-child(1){ transition-delay:0.7s}

.news .n_r li:nth-child(2){transition-delay:0.9s}

.news .n_r li:nth-child(3){transition-delay:1.1s}

.s5.active .news .n_r li{transform:translate3d(0,0px,0); -webkit-transform:translate3d(0,0px,0); -o-transform:translate3d(0,0px,0); -ms-transform:translate3d(0,0px,0);

-moz-transform:translate3d(0,0px,0);}





/*联系区域*/

.lxwm{width:1300px; height:530px; box-sizing:border-box; overflow:hidden; position:absolute; top:50%; left:50%; margin-top:-265px; margin-left:-650px;}

.lxwm_con{ width:100%; height:420px; background:rgba(0,0,0,0.3); margin-top:35px; box-sizing:border-box; padding:50px;}

.lxwm_con::after{ content:""; display:block; clear:both;}

.lxwm_ly{ float:left;}

.lx_l{ width:580px; height:318px;}

.lx_l .lx_t{ width:100%; height:34px;} 

.lx_l .lx_t::after{ content:""; display:block; clear:both;}

.lx_l .lx_t .xbt{ float:left;}

.lx_l .lx_t .xbt h4{ float:left; font-size:20px; color:#fff; line-height:34px;}

.lx_l .lx_t .xbt p{float:left; font-size:20px; color:#fff; line-height:34px; margin-left:14px;}

.lx_l .lx_t .tij{ float:right; width:100px; height:34px; background:#eaa604; border-radius:17px; border:none; color:#fff; transition:0.3s; cursor:pointer;}

.lx_l .lx_t .tij:hover{ background:#0c57ab;}



.lx_ly{ width:100%; overflow:hidden; box-sizing:border-box;margin:16px auto 0;}

.lx_ly::after{ content:""; display:block; clear:both;}

.lx_ly .newsmas{ width:280px; height:46px; background:#fff; border-radius:3px; box-sizing:border-box; padding:0 15px; font-size:16px; color:#888; border:none;

float:left;}

.lx_ly .tell{width:280px; height:46px; background:#fff; border-radius:3px; box-sizing:border-box; padding:0 15px; font-size:16px; color:#888; border:none; float:right;}

.lx_ly .dzyx{width:100%; height:46px; background:#fff; border-radius:3px; box-sizing:border-box; padding:0 15px;font-size:16px;color:#888;border:none; float:left;margin-top:18px;}

.lx_ly .lynr{width:100%;height:136px;background:#fff;border-radius:3px;box-sizing:border-box;padding:12px 15px;font-size:16px;color:#888;border:none; float:left;margin-top:18px;}





.lxwm_c i{ display:block; width:1px; height:256px; background:#fff; float:left; margin:30px 42px 0;}

.lxwm_r{ width:528px; height:318px; float:right;}

.lxfss{width:100%; height:34px;}

.lxfss::after{ content:""; display:block; clear:both;}

.lxfss h4{ float:left; font-size:20px; color:#fff; line-height:34px;}

.lxfss p{float:left; font-size:20px; color:#fff; line-height:34px; margin-left:14px;}



.fs_c{ width:100%;  box-sizing:border-box; margin:0 auto;}

.fs_c::after{ content:""; display:block; clear:both;}

.fs_c .fs_cl{ width:360px; float:left;}

.fs_c .fs_cr{ width:150px; float:right;}

.fs_clt{ width:100%; margin:40px auto 35px;}

.fs_clt::after{ content:""; display:block; clear:both;}

.fs_clt li{ float:left; margin-right:18px; position:relative;}

.fs_clt li a{ display:block; width:28px; height:28px;}

.fs_clt li a img{ width:100%; margin:0 auto;}

.fs_clt li:nth-child(3) .wm{display:none;width: 100px;height:0;box-sizing: border-box;border: 1px solid #0c57ab;position: absolute;top:32px;left: 50%;margin-left: -50px;

background:#fff;box-sizing: border-box;padding: 5px;border-radius: 5px;transition: 0.3s; z-index:999;}

.fs_clt li:nth-child(3):hover .wm{ display:block; height:100px;}

.fs_clt li:nth-child(3) .wm .wmc{width:100%; margin:0 auto;}

.fs_clb{ width:100%;  box-sizing:border-box; margin:0 auto; text-align:left;}

.fs_clb p{ font-size:16px; color:#fff; line-height:1.2em; margin-top:21px;}



.fs_cr{ width:150px; float:right; overflow:hidden; box-sizing:border-box; padding-top:50px;}

.fs_cr .wwm{ width:150px; height:150px; overflow:hidden; border-radius:4px; background:#fff; box-sizing:border-box; padding:8px;}

.fs_cr .wwm img{ width:100%; margin:0 auto;}

.fs_cr p{ text-align:center; font-size:14px; color:#fff; line-height:1.1em; margin-top:8px;}







/*内页海报区域*/

.banner{ width:100%; min-width:1200px; height:380px; position:relative; overflow:hidden; margin:100px auto 0;}

.banner a{ position:absolute; top:0; left:50%; margin-left:-960px; display:none; transition:0;}

.banner .shu{ position:absolute; width:100%; bottom:30px; text-align:center;}

.banner .shu li{width:40px; height:6px; background:#fff; display:inline-block; color:#fff; cursor:pointer; border-radius:10px; margin:0 10px;}

.banner .shu li.active{ background:#0c57ab;}

.banner .btn{font-size:100px; position:absolute; top:50%; margin-top:-80px;font-family:"宋体"; color:#fff; cursor:pointer; opacity:0; transition:0.3s;

display:block;}

.banner .btn_l{left:50%; margin-left:-500px}

.banner .btn_r{right:50%; margin-right:-500px;}

.banner:hover .btn_l{ opacity:1; margin-left:-600px;}

.banner:hover .btn_r{ opacity:1; margin-right:-600px;}





/*内页内容*/

.nrcon{ width:100%; margin:0 auto; min-width:1200px; box-sizing:border-box; background:#EEE; overflow:hidden; box-sizing:border-box; padding:25px 0 30px;}

.nrcon .nynr{ width:1200px; margin:0 auto;overflow:hidden; box-sizing:border-box; padding:25px 0 30px;}

.nrcon .nynr .nycl{ width:270px; float:left; overflow:hidden; box-sizing:border-box;}

.nrcon .nynr .nynrc{width:890px; float:right; overflow:hidden; box-sizing:border-box; background:#fff;}

.nyclt{ width:100%; margin:0 auto 20px;overflow:hidden; box-sizing:border-box;}

.clbts{ color:#0c57ab !important; background:url(../images/yyh.png) no-repeat 232px  20px;}

.clbts a{ color:#0c57ab !important;}

.clbt{ width:100%; height:68px; color:#fff; background:#0c57ab url(../images/xy.png) no-repeat 225px 24px; box-sizing:border-box; border-radius:5px 5px 0 0; padding:13px 20px;}

.clbt h3{ font-size:20px; line-height:20px; text-align:left;}

.clbt h4{ font-size:20px; line-height:42px; text-align:left;}

.clbt h6{font-size:10px; font-weight:400; color:#fff; color:#fff; line-height:12px; text-align:left; margin-top:8px;}

.clbt_b{ width:100%; margin:0 auto;overflow:hidden; box-sizing:border-box; background:#fff;}

.clbt_b li{ width:100%; margin:0 auto;}

.clbt_b li a{display:block; width:100%; height:50px; border:1px solid #e6e6e6; box-sizing:border-box; border-top:none; padding:0 0 0 20px; font-size:15px;

color:#343434; line-height:45px; background:url(../images/yy.png) no-repeat 232px  20px; transition:0.3s;}

.clbt_b li:hover a{ color:#0c57ab; background:url(../images/yyh.png) no-repeat 232px  20px;}

.clbt_b li.on a{ color:#0c57ab; background:url(../images/yyh.png) no-repeat 232px  20px;}

.nyclbb{display:block; width:100%;border:1px solid #e6e6e6; box-sizing:border-box; border-top:none;transition:0.3s; padding:16px 5px; background:#fff;}

.nyclbb h6{font-size:14px;color:#343434; line-height:1.2em; text-align:center; font-weight:400; margin:8px auto;}

.nyclbb h2{font-family: DINPro-Bold;font-size:28px;color: #0c57ab;line-height:1.4em;text-align:center;}

.clbt a{ color:#fff !important;border: 0 !important;}





.mbx{ width:100%; height:44px; border-bottom:2px solid #0c57ab; background:#fff; padding-left:30px; background:#fff url(../images/dzz.png) no-repeat 15px 14px;}

.mbx::after{ content:""; display:block; clear:both;}

.mbx h3{ float:left;font-size:14px;color:#343434; line-height:44px; font-weight:400;}

.mbx li{ float:left;}

.mbx span{ float:left;font-size:14px;color:#343434; line-height:44px;}

.mbx li a{font-size:14px;color:#343434; line-height:44px; transition:0.3s;}

.mbx li:hover a{ color:#0c57ab;}



.nypc{ width:100%; margin:20px auto 0;box-sizing:border-box; background:#fff; overflow:hidden; box-sizing:border-box; padding:0 15px;}

.nypc li{ float:left; margin-right:17px; margin-bottom:20px;}

.nypc li a{ width:275px; overflow:hidden; box-sizing:border-box;}

.nypc li a .cppt{ width:275px; height:206px; margin:0 auto;border:1px solid #e6e6e6; box-sizing:border-box; box-sizing:border-box; overflow:hidden;}

.nypc li a .cppt img{ width:100%; margin:0 auto; transition:0.3s;}

.nypc li:nth-child(3n){ margin-right:0;}

.nypc li a p{ display:block; width:100%; font-size:14px; color:#343434; line-height:40px; border:1px solid #e6e6e6; box-sizing:border-box; border-top:none; transition:0.3s;

text-align:center;}

.nypc li:hover a p{  color:#fff; background:#0c57ab;}

.nypc li:hover a .cppt img{ transform:scale(1.1);}





/*分页*/

.fyys{ width:100%;margin:0 auto; overflow:hidden; box-sizing:border-box; padding:0 15px 25px;}

.fyys::after{ content:""; display:block; clear:both;}

.fyys li{ float:left;margin-right:12px;}

.fyys li a{display:block;box-sizing:border-box; font-size:14px; color:#aaa;padding:6px 18px; border-radius:3px;border:1px solid #bbb;cursor:pointer;

transition:0.3s;}

/* .fyys li.on a{ background:#0c57ab; border:1px solid #0c57ab; color:#fff;} */

.fyys .page-numbar{ background:#0c57ab; border:1px solid #0c57ab; color:#fff;}

.fyys .page-num{ float:left;margin-right:12px;}

.fyys .page-num{display:block;box-sizing:border-box; font-size:14px; color:#aaa;padding:6px 18px; border-radius:3px;border:1px solid #bbb;cursor:pointer;}

.fyys .page-num-current{background:#0c57ab; border:1px solid #0c57ab; color:#fff;}



.fyys li:hover a{background:#0c57ab; border:1px solid #0c57ab; color:#fff;}







/*内页底部区域*/

.nyft{ width:100%; height:66px; background:#000;box-sizing:border-box; padding:0 70px;}

.nyft::after{ display:block; content:""; clear:both;}

.nyft .ft_l{ float:left;}

.nyft .ft_l p{ font-size:14px; color:#fff; line-height:66px;}

.nyft .ft_l p a{ font-size:14px; color:#fff; line-height:66px;}

.ft_r{ float:right; margin-top:25px;}

.ft_r li{ float:left; margin:0 10px; position:relative; width:20px; height:20px;}

.ft_r li a{ display:block; width:20px; height:20px;}

.ft_r li a img{ height:18px; margin:1px;}



.ft_r li:nth-child(1) .tk{ display:none; width:240px; height:0px; box-sizing:border-box; border:1px solid #0c57ab;position:absolute; bottom:50px; left:50%; margin-left:-120px;

 background:rgba(255,255,255,0.88); box-sizing:border-box; padding:0 14px; border-radius:5px; transition:0.3s;}

.ft_r li:nth-child(1) .tk h3{ font-family:DINPro-Bold; font-size:24px; line-height:50px; color:#0c57ab; text-align:center;}

.ft_r li:nth-child(1):hover .tk{ display:block;position:absolute; bottom:50px; left:50%; margin-left:-120px;height:50px;}

.ft_r li:nth-child(3) .tk{ display:none; width:110px; height:0px; box-sizing:border-box; border:1px solid #0c57ab;position:absolute; bottom:50px; left:50%; margin-left:-55px;

 background:rgba(255,255,255,0.88); box-sizing:border-box; padding:5px; border-radius:5px; transition:0.3s;}

.ft_r li:nth-child(3) .tk img{ width:100%;}

.ft_r li:nth-child(3):hover .tk{ display:block;position:absolute; bottom:50px; left:50%; margin-left:-55pxpx;height:110px;}





.cpxqy{width:100%; margin:20px auto 0;box-sizing:border-box; background:#fff; overflow:hidden; box-sizing:border-box; padding: 15px;}

.cpxqyt{width:100%; margin:0 auto;box-sizing:border-box; background:#fff; overflow:hidden; box-sizing:border-box; padding:0 15px;}

.cpxqyt::after{ display:block; content:""; clear:both;}



#preview{ float:left; margin:20px auto; text-align:center; width:370px;}

.jqzoom{ width:370px; height:277px; position:relative; border:1px solid #d8d8d8;}



.zoomdiv{ left:859px; height:400px; width:400px;}

.list-h li{ float:left;}

#spec-n5{width:370px; height:56px; padding-top:6px; overflow:hidden;}

#spec-left{ background:url(images/left.gif) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:5px;}

#spec-right{background:url(images/right.gif) no-repeat; width:10px; height:45px; float:right;cursor:pointer; margin-top:5px;}

#spec-list{ width:325px; float:left; overflow:hidden; margin-left:10px; display:inline;}

#spec-list ul li{ float:left; margin-right:0px; display:inline; width:74px;}

#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:60px; height:50px;}



/*jqzoom*/

.jqzoom{position:relative;padding:0;}

.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}

.bigimg{width:800px;height:800px;}

.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}

#spec-list{ position:relative; width:330px; margin-right:5px;}

#spec-list div{ margin-top:0;margin-left:-30px; *margin-left:0;}

.sxyys{ width:100%; margin:0 auto;box-sizing:border-box; background:#fff; overflow:hidden; box-sizing:border-box; padding:0 15px; border-top:1px solid #ededed; padding-top:20px;}

.sxyys h3{ font-size:20px; color:#333; line-height:22px; margin-bottom:20px;transition:0.3s; text-align:left;}

.sxyys h3 a{ font-size:16px; color:#555; line-height:22px; font-weight:400; transition:0.3s;}

.sxyys h3:hover,.sxyys h3:hover a{ color:#0c57ab;}



.rrt{ width:420px; float:right; overflow:hidden; text-align:left; box-sizing:border-box; padding-top:45px;}

.rrt h3{line-height: 1.5em;overflow: hidden; font-family: "微软雅黑";font-size:18px;color: #444;margin-bottom:16px;}

.rrt h3 p{line-height: 1.5em;overflow: hidden; font-family: "微软雅黑";font-size:14px;color:#666; font-weight:400;}

.cpxqjs{width:100%; margin:20px auto;box-sizing:border-box; background:#fff; overflow:hidden; box-sizing:border-box; padding:0 15px;}

.cpxqjst{ width:100%; margin:0 auto; border-bottom:1px solid #eee; box-sizing:border-box; overflow:hidden;}

.cpxqjst::after{ display:block; content:""; clear:both;}

.cpxqjst h4{ font-size:20px; color:#fff; background:#0c57ab; float:left; box-sizing:border-box; padding:6px 17px;}

.cpxqjsc{ width:100%; margin:0 auto;box-sizing:border-box; background:#fff; overflow:hidden; box-sizing:border-box; padding:15px 0;}

.cpxqjsc p{ font-size:14px; color:#888; text-align:left; line-height:1.8em;}

.cpxqjsc img{ width:100%; margin:0 auto;}





.nyabc{width:100%; margin:0 auto;box-sizing:border-box; background:#fff; overflow:hidden; box-sizing:border-box; padding:15px;}

.nyabc p{ font-size:14px; color:#666; text-align:left; line-height:1.8em; text-indent:2em;}

.nyabc img{ width:100% !important; height: 100% !important; margin:0 auto;}



.nynews{ width:100%;margin:0 auto; overflow:hidden; box-sizing:border-box;padding:15px;}

.nynews li{ width:100%; margin:0 auto 25px;}

.nynews li a{ display:block; width:100%; margin:0 auto; box-sizing:border-box; padding-bottom:20px; border-bottom:1px solid #e9e9e9;}

.nynews li a h4{width:80%;font-size:18px; color:#444; line-height:1.4em; text-align:left; transition:0.3s;

overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;white-space:nowrap;}

.nynews li a h6{font-size:14px; color:#0c57ab; line-height:1.4em; text-align:left;transition:0.3s; margin-top:10px;}

.nynews li a p{font-size:14px; color:#888; line-height:1.5em; text-align:left; width:100%;  padding-top:10px; transition:0.3s;

display:inline-block;word-break: break-all;

text-overflow: ellipsis;

display: -webkit-box; /** 将对象作为伸缩盒子模型显示 **/

-webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/

-webkit-line-clamp:2; /** 显示的行数 **/

overflow: hidden;  /** 隐藏超出的内容 **/}

.nynews li:hover a{border-bottom:1px solid #0c57ab;}

.nynews li:hover h4{color:#0c57ab;}

.nynews li:hover p{color:#0c57ab;}



.nyxwxqc{width:100%;margin:0 auto; overflow:hidden; box-sizing:border-box;padding:15px 25px;}

.xwbtt{ width:100%; margin:0 auto; box-sizing:border-box; padding-bottom:20px; border-bottom:1px solid #e9e9e9;}

.xwbtt h3{font-size:22px; color:#444; line-height:1.4em; text-align:left; transition:0.3s; box-sizing:border-box;}

.scsj{ width:100%; margin:10px auto; box-sizing:border-box; overflow:hidden;}

.scsj h5{font-size:14px; color:#0c57ab; line-height:1.4em; text-align:left; transition:0.3s; box-sizing:border-box;}

.scsj h5 span{ font-weight:400;font-size:14px; color:#0c57ab; line-height:1.4em; text-align:left; transition:0.3s; box-sizing:border-box;}

.nyxwxq{width:100%; margin:25px auto; box-sizing:border-box;}

.nyxwxq p{max-width:100% !important;}

.nyxwxq div{max-width:100% !important;}

.nyxwxq p{ font-size:14px; color:#666; text-align:left; line-height:2em; text-indent:2em;}

.nyxwxq img{width:100%; margin:0 auto;}

.post_next_post_wrap {padding:30px 20px 80px;background:#fff; box-sizing:border-box; width:100%; margin:0 auto;border-top:1px solid #e9e9e9;}

.post_next_post_wrap::after{ content:""; display:blockl; clear:both;}

.post_next_post_wrap .post_next_post {width:100%;margin: 0 auto;}

.post_next_post_wrap .post_next_post .tip {font: 18px/1 "Microsoft Yahei"color: #404040; transition:0.3s; cursor:pointer;}

.post_next_post_wrap .post_next_post .tip:hover{ color:#0c57ab;}

.post_next_post_wrap .post_next_post h4 {margin-top: 14px;width:100%;font: bold 20px/30px "Microsoft Yahei";}

.post_next_post_wrap .post_next_post h4 a{ color:#404040; display:block;

width:100%;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;white-space:nowrap; line-height:50px;transition:0.3s; }

.post_next_post_wrap .post_next_post h4:hover a{ color:#0c57ab;}

.post_next_post_wrap .post_next_post p {width:100%; pxfont: 14px/24px "Microsoft Yahei";color: #888888; line-height:1.7em;

text-align:left;transition:0.3s;

display:inline-block;word-break: break-all;

text-overflow: ellipsis;

display: -webkit-box; /** 将对象作为伸缩盒子模型显示 **/

-webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/

-webkit-line-clamp: 2; /** 显示的行数 **/

overflow: hidden;  /** 隐藏超出的内容 **/}

.post_next_post_wrap .post_return_www, .post_next_post_wrap .post_return_channel {float: left;width: 158px;height: 38px; margin:20px 15px 0 0;

font: 14px/38px "Microsoft Yahei";color: #0c57ab;text-align: center; background: #fff;border: 1px solid #0c57ab; border-radius: 4px; transition:0.3s;}

.post_next_post_wrap .post_return_www:hover, .post_next_post_wrap .post_return_channel:hover{ background:#0c57ab; color:#fff;border: 1px solid #0c57ab; }





.lxfsc{width:100%;margin:0 auto; overflow:hidden; box-sizing:border-box;padding:30px 25px; min-height:600px;}

.lxfsc img{ width:100%; margin:0 auto;}

.lxfsc h2{ font-size:22px; color:#0c57ab; margin-bottom:10px;}

.lxfsc p{font-size:16px; color:#0c57ab; line-height:1.8em; margin-bottom:15px;}