﻿@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0}
ul li{ list-style:none}
a{ text-decoration:none}
img{ max-width:100%; max-height:100%; border:0}
.clear{ clear:both}
body{ min-width:1024px; margin:0 auto; font-family:"微软雅黑"; font-size:14px; color:#4c4c4c}
.main{ width:1024px; margin:0 auto}

.header{ width:100%; min-width:1024px; margin:0 auto; height:130px;background-color: white;}
.header .logo{ float:left; width:110px; height:110px; overflow:hidden; margin-top:20px;}
.header .logo img{ height:110px; max-width:110px;}
.header .nav{ float:right; width:900px; height:110px;margin-top:20px;}
.header .nav ul li{ float:left; width:100px; height:110px; position:relative}
.header .nav ul li a.on{color:#00a0e9; font-weight:bold}
.header .nav ul li>a{ color:#262626; font-size:16px; line-height:110px; height:110px; text-align:center; display:block}
.header .nav ul li:hover>a{ color:#00a0e9; font-weight:bold}
.header .nav ul li .navtwo{ display:none; position:absolute; top:110px; left:0; background:rgba(0,160,233,0.6); z-index:99999}
.header .nav ul li .navtwo a{ display:block; color:#fff; height:45px; line-height:45px; border-bottom:1px solid #dbdbdb; width:100px; text-align:center}

.flexslider {margin: 0px auto 20px;position: relative;width: 100%;overflow: hidden;zoom: 1;min-width:1024px;}
.flexslider .slides li {width: 100%;height: 100%;}
.flex-direction-nav a {width:70px;height:70px;line-height:99em;overflow:hidden;margin:-35px 0 0;display:block;background:url(../images/ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;border-radius:35px;}
.flex-direction-nav .flex-next {background-position: 0 -70px;right: 0;}
.flex-direction-nav .flex-prev {left: 0;}
.flexslider:hover .flex-next {opacity: 0.8;filter: alpha(opacity=25);}
.flexslider:hover .flex-prev {opacity: 0.8;filter: alpha(opacity=25);}
.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {opacity: 1;filter: alpha(opacity=50);}
.flex-control-nav {width: 100%;position: absolute;bottom: 10px;text-align: center;}
.flex-control-nav li {margin: 0 2px;display: inline-block;zoom: 1;*display: inline;}
.flex-control-paging li a {background: url(../images/dot.png) no-repeat 0 -16px;display: block;height: 16px;overflow: hidden;text-indent: -99em;width: 60px;cursor: pointer;}
.flex-control-paging li a.flex-active,
.flex-control-paging li.active a {background-position: 0 0;}
.flexslider .slides a img {width: 100%;display: block;}

.part1{ width:1024px; margin:0 auto; margin:80px auto}
.part1L{ float:left; width:420px; height:315px; float:left}
.part1R{ float:left; height:300px; width:550px; margin:10px 25px 5px;}
.contit{ width:210px;}
.contit h3{ width:210px; height:40px; background:url(../images/titbg.png) no-repeat; line-height:40px; text-align:center; color:#000; font-size:26px; font-weight:normal}
.contit span{ display:block; color:#4c4c4c; font-size:14px; text-align:center; line-height:24px; text-transform:uppercase; letter-spacing:1px}
.part1R_sub{ height:140px; margin:25px 0; font-size:14px; line-height:24px; color:#4c4c4c; overflow:hidden}
.part1R_sub p{ text-indent:2em}
.part1R .more{ width:100%; height:40px;}
.part1R .more a{ display:block; float:right}

.part2{ width:100%; min-width:1024px; height:440px; background:url(../images/bg_1.jpg) center no-repeat; background-size:cover; padding-top:80px;}
.part2 .contit,.part5 .contit{color:#fff; margin:0 auto}
.part2 .contit h3,.part5 .contit h3{ color:#fff;background:url(../images/titbg1.png) no-repeat;}
.part2 .contit span,.part5 .contit span{ color:#fff}
.part2_1{ width:1024px; height:260px; overflow:hidden; margin-top:30px;}
.part2_box{ float:left; width:160px;height:260px; text-align:center; margin-right:128px; overflow:hidden}
.part2_box:last-child{ margin-right:0}
.part2_box h3{ color:#fff; font-size:18px; line-height:35px; padding-top:10px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis; font-weight:normal}
.part2_box .sub{ font-size:14px; color:#fff; line-height:22px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}

.part3{ width:1024px; margin:0 auto}
.part3 .contit{ margin:0 auto; margin-top:70px;}
.part3_1{ width:1024px; height:165px; margin-top:50px; margin-bottom:35px; position:relative}
.part3_1 .floatL { position:absolute; top:30px; left:-40px;}
.part3_1 .subBox0 {width:1024px; height:165px;overflow: hidden; float:left;}
.part3_1 .subBox0 ul { width:100000px; margin:0; padding:0;}
.part3_1 .subBox0 ul li {width:220px; height:165px; float: left; display:inline; margin:0 18px;}
.part3_1 .floatR { position:absolute; top:30px; right:-40px;}
.part3_2{ width:1024px; height:40px;}
.part3_2 a{ display:block; margin:0 auto; text-align:center}

.part4{ width:1024px; margin:0 auto; height:275px; overflow:hidden; margin-top:80px;}
.part4_1{ float:left; width:290px; height:275px;}
.part4_1 .tit{ background:url(../images/bg_2.png) no-repeat; color:#fff; font-size:16px; letter-spacing:2px;width:100px; height:30px; line-height:30px; text-align:center}
.part4_1 .sub{ color:#4c4c4c; font-size:14px; line-height:30px; text-transform:uppercase; letter-spacing:1px}
.part4_1 .line{ background:#00a0e9; height:3px; width:60px;}
.part4_1 ul{ height:130px; margin-top:24px; overflow:hidden}
.part4_1 ul li{ font-size:13px; color:#333; height:26px; line-height:26px;}
.part4_1 ul li a{ color:#333;overflow:hidden; white-space:nowrap;text-overflow:ellipsis; display:block}
.part4_2{ float:left; width:370px; height:275px; margin:0 37px;}
.part4 .more{ margin-top:24px; height:40px;}
.part4 .more img{ display:block; float:right; height:37px}

.part5{ width:100%; min-width:1024px; height:742px; background:url(../images/bg_2.jpg) center no-repeat; background-size:cover; margin-top:80px; padding-top:80px;}
.part5_1{ margin-top:60px; width:1024px; height:460px; overflow:hidden}
.part5_box{ width:320px; height:210px; float:left; border:1px solid #fff; margin-right:30px; margin-bottom:30px;box-sizing: border-box; position:relative}
.part5_box:nth-child(3n){ margin-right:0}
.part5_box .tit{ width:100%; height:50px; background:rgba(0,0,0,0.5); position:absolute; bottom:0; left:0}
.part5_box .tit p{ padding:0 10px; text-align:center;overflow:hidden; white-space:nowrap;text-overflow:ellipsis; height:50px; line-height:50px; font-size:20px; color:#fff;}
.part5_2{ margin-top:50px; width:100%; height:40px;}
.part5_2 img{ display:block; margin:0 auto} 

.part3_3{}
.part3_3{ width:1024px; height:80px; margin-top:50px; margin-bottom:35px; position:relative}
.part3_3 .floatL { position:absolute; top:22px; left:-40px;}
.part3_3 .subBox1 {width:1024px; height:80px;overflow: hidden; float:left;}
.part3_3 .subBox1 ul { width:100000px; margin:0; padding:0;}
.part3_3 .subBox1 ul li {width:160px; height:80px; float: left; display:inline; margin:0 5px}
.part3_3 .floatR { position:absolute; top:22px; right:-40px;}

.part6{width:100%; min-width:1024px; height:100px; background:#404040; margin-top:80px; padding-top:35px}
.part6 .part6_1{ width:380px; float:left; height:60px;}
.part6 .part6_2{width:324px; float:left;height:60px;}
.part6 .part6_3{width:320px; float:left;height:60px;}
.part6 .p6_l{ float:left; width:60px; margin-right:15px;}
.part6 .p6_r{ float:left;}
.part6 .part6_3 .p6_l{ float:right}
.part6 .part6_3 .p6_r{ float:right}
.part6 h3{ color:#bfbfbf; font-size:20px; font-weight:normal; line-height:30px; margin-top:4px}
.part6 span{color:#bfbfbf; font-size:16px; display:block; line-height:24px}
.part6 .part6_2 .p6_r{ width:249px}

.footer{ background:#2d2d2d;width:100%; min-width:1024px; padding-top:30px; padding-bottom:60px}
.foot{ font-size:18px; text-align:center; color:#bfbfbf; line-height:26px}

.banner{width:100%; min-width:1024px;}
.banner img{ width:100%}

.brandnav{ width:1024px; margin:0 auto; height:35px; margin-top:45px; margin-bottom:40px; border-bottom:1px solid #b2b2b2; background:url(../images/b.png) 8px center no-repeat;color:#00a0e9;}
.brandnav span{ font-size:14px; color:#4c4c4c; line-height:35px; padding-left:25px}
.brandnav a{ font-size:14px; color:#00a0e9; line-height:35px; padding:0 5px}

.mainL{ float:left; width:225px; }
.mainL .tittype{ height:50px; line-height:50px; width:225px; background:#00a0e9;border:2px solid #fff} 
.mainL .tittype h3{ background:url(../images/tit.png) 25px center no-repeat; padding-left:90px; color:#fff; font-size:16px; font-weight:normal}
.mainL ul.typeul{ overflow:hidden;width:225px; background:#fff;border:2px solid #fff}
.mainL ul.typeul li{ height:50px; line-height:50px; border-bottom:1px solid #dbdbdb}
.mainL ul.typeul li a{ color:#4c4c4c; font-size:14px; display:block; background:url(../images/jt.png) center right 30px no-repeat; padding-left:35px;}
.mainL ul.typeul li a.on{color:#00a0e9; font-weight:bold}
.mainL ul.typeul li:hover a{ color:#00a0e9; font-weight:bold}
.mainL ul.typeul li:last-child{ border-bottom:0}
.mt30{ margin-top:30px}
.mainL .contactcon{width:201px; background:#fff;border:2px solid #fff; padding:15px 12px 60px; font-size:14px; line-height:28px; color:#4c4c4c}

.mainR{ float:right; width:725px; margin-right:20px}
.mainR h1{ font-size:20px; color:#333; text-align:center; line-height:30px; font-weight:normal; letter-spacing:2px}
.mainR span.date{ display:block; font-size:12px; color:#7f7f7f; line-height:30px; text-align:center;letter-spacing:2px}
.mainR .con{ font-size:12px; color:#2d2d2d; line-height:26px; margin-top:15px}


ul.expmenu{overflow:hidden;width:225px; background:#fff;border:2px solid #fff}
ul.expmenu>li{ line-height:50px; border-bottom:1px solid #dbdbdb}
ul.expmenu li div.expheader{display:block;height:50px; line-height:50px;overflow:hidden;}
ul.expmenu li div.expheader a{font-size:14px;color:#4c4c4c; line-height:50px; padding-left:35px;}
ul.expmenu li div.expheader a:hover{color:#00a0e9}
/*三角按钮*/
ul.expmenu li  div.expheader .arrow{display:block;width:14px;height:50px;background:no-repeat center;float:right; margin-right:30px;overflow:hidden;cursor:pointer;}
ul.expmenu li  div.expheader .arrow.up{background:url(../images/up.png) no-repeat center;}
ul.expmenu li  div.expheader .arrow.down{background:url(../images/down.png) no-repeat center;}
/*二级导航*/
ul.expmenu li .menu{display:block;width:100%;height:auto; background:#f0f0f0}
ul.expmenu li .menu li{display:block;height:40px; border-bottom:1px solid #dbdbdb}
ul.expmenu li .menu li:last-child{ border-bottom:0}
ul.expmenu li .menu li a{font-size:14px;color:#4c4c4c; line-height:40px; padding-left:60px}
ul.expmenu li .menu li a:hover{ color:#00a0e9}


.mainR0{ float:right; width:760px;}
ul.prosul{ width:760px; overflow:hidden}
ul.prosul li{ float:left; border:2px solid #ffffff; background:#fff; width:240px; height:230px; margin-bottom:20px; margin-right:14px;}
ul.prosul li:nth-child(3n){ margin-right:0}
ul.prosul li p{ text-align:center; height:50px; line-height:50px; color:#4c4c4c; font-size:12px}

.pagebox{ width:760px; text-align:center;margin-top:40px;}
.pagebox a{ color:#4c4c4c; font-size:14px; border:1px solid #4c4c4c; padding:5px 10px; margin:5px}
.pagebox a.on{ background:#00a0e9; color:#fff; border:1px solid #00a0e9}

.proimg{ width:680px; height:350px; margin:0 auto;}
.proimgl{ float:left; width:330px;}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.pr{position:relative;}
.pa{position:absolute;}
.none{display:none;}
.mb20{margin-bottom:20px;}
.scrollProductUl{ width:10000px;}
.scrollProductUl img{ display:block;}
.scrollProductUl li{ margin:0 7px; border:2px solid #cacaca;}
.scrollProductUl li:hover{ border:2px solid #00a0e9}
.scrollProductUl .current{border:2px #e68e05 solid;}
#scrollProduct{width:282px; overflow:hidden; margin:0 auto; margin-top:10px}
.scrollSmallPic .leftBtn{ width:19px; height:34px; background:url(../images/dl.png); left:7px; margin-top:19px;}
.scrollSmallPic .rightBtn{width:19px; height:34px; background:url(../images/dr.png); right:0;margin-top:19px;}
.proimgr{ float:left; width:310px; margin-left:25px;}
.proimgr h1{ font-size:16px; font-weight:normal; color:#2d2d2d; line-height:40px}
.proimgr .sub{ font-size:12px; line-height:26px; color:#2d2d2d; margin-top:15px; height:250px; overflow:hidden}

.detit{ width:100%; border-bottom:1px solid #00a0e9; margin-top:30px; height:40px;}
.detit h3{ height:40px; line-height:40px; background:url(../images/b0.png) center left 30px no-repeat; padding-left:50px; color:#00a0e9; font-size:14px; font-weight:normal}
.procon{ font-size:12px; line-height:26px; color:#2d2d2d; padding-left:30px; padding-bottom:50px; padding-top:20px}
.updown{}
.updown a{ display:block; color:#2d2d2d; font-size:12px; line-height:26px; padding-left:30px}
.formus{ padding-top:10px}
.box1{ padding-left:30px; margin-top:20px}
.box1 img{ vertical-align:middle;}
.box1 label{ height:30px; line-height:30px; color:#aaaaaa; font-size:14px; width:60px; display:inline-block; padding-left:6px}
.box1 input[type=text]{ width:300px; height:30px; line-height:30px; border:1px solid #cccccc; box-sizing:border-box}
.box1 span.star{ color:#ff0000; font-size:17px; line-height:30px; padding-left:10px; vertical-align:middle; padding-right:20px}
.box1 span.jg{ font-size:12px; color:red; line-height:30px}
.box1 input.jg{ border:1px solid #ff0000}
.box1 input.dj{ border:1px solid #00a0e9}
.box1.box2 img{ vertical-align:top;}
.box1.box2 label{ vertical-align:top}
.box2 textarea{ width:500px; height:100px;}
.box3{ padding-left:125px; margin-top:25px}
.box3 a{ width:90px; height:40px; line-height:40px; text-align:center; color:#fff; font-size:16px; letter-spacing:5px; background:#00a0e9; display:block; border-radius:5px}


ul.newsul{ width:760px; overflow:hidden}
ul.newsul li{ border-bottom:1px solid #b2b2b2; padding:25px 40px 20px 15px;}
ul.newsul li h3{ font-size:14px; color:#333333; width:550px; float:left; font-weight:normal;}
ul.newsul li span.date{font-size:12px; color:#666; width:100px; float:right; display:block; text-align:right}
ul.newsul li .sub{ font-size:12px; line-height:24px; color:#595959; padding-top:15px; height:50px; overflow:hidden}

.updown0{ padding-top:50px}
.updown0 a{display:block; color:#2d2d2d; font-size:12px; line-height:26px;}


.videobox{width:570px;margin:30px auto 0 auto;}
.vbox1{width:570px;overflow:hidden;}
.vbox1 p{ font-size:12px; color:#666666; line-height:30px; padding-top:10px}
.vbox2{ width:570px; position:relative; margin-top:20px}
.vbox2 .floatL { position:absolute; top:56px; left:-40px;}
.vbox2 .subBox0 {width:570px;overflow: hidden; float:left;}
.vbox2 .subBox0 ul { width:100000px; margin:0; padding:0;}
.vbox2 .subBox0 ul li {width:180px;float: left; display:inline; margin-right:15px;}
.vbox2 .subBox0 ul li p{ text-align:center; height:30px; line-height:30px; padding-top:10px; color:#4c4c4c; font-size:12px}
.vbox2 .floatR { position:absolute; top:56px; right:-40px;}

