@charset "utf-8";

/*~~~~框架布局~~~*/





/*==顶部↓==*/

.header{}

.header .top{ padding:10px 0;color:#333333; font-size:12px; background: #eee;}

.header .top .right{color:#ddd;}

.header .top .right a{display: inline-block;color:#333;font-size:12px;line-height:10px;border-right: #C7C7C7 solid 1px;padding:0 10px;}

.header .top .right a:last-child{ border-right:none;}

.header .top .right a:hover{color:#0387d8}

.header .top .right a.weixin{ position:relative;}

.header .top .right a.weixin img{ display: none; position: absolute; left:-15px;top:30px;z-index:9; width:100px;border: 1px #ddd solid;}

.header .top .right a.weixin:hover img{ display: block;}

.header .long{margin: 40px 0;}

.header .long .tel{/*! width: 350px; */color:#333333;font-size:14px;padding-left: 80px;background: url(../images/tel_ico.png) 0 0 no-repeat;padding: 10px 0 0px 80px;}

.header .long .tel span{color:#0387d8;font-size:26px; display:block}



.header .nav{ background: #0387d8;}

.header .nav ul{}

.header .nav ul li{float:left; position: relative;/* padding: 20px 0; */width: 150px;text-align: center;}

.header .nav ul li a.navAone{display: block;color:#fff;font-size:16px;padding: 20px 0;border-left:1px #017ac4 solid;border-right:1px #0197f3 solid;}

.header .nav ul li:last-child a.navAone{border-right: 0px;}

.header .nav ul li:nth-child(1) a.navAone{border-left: 0px;/* background: #000; */}

.header .nav ul li a.navAone:hover,.header .nav ul li.active a.navAone{  background: #ff6600;}

.header .nav ul li .sub{ display: none; position: absolute;top:100%;z-index: 99;padding:10px 0;width:100%; background:rgba(0,0,0,0.5);}

.header .nav ul li .sub a.navAtwo{ display: block;margin:3px 0;color:#fff;}

.header .nav ul li .sub a.navAtwo:hover{color:#f60}

.header .nav ul li:hover .sub{ display: block}





/*==左侧栏==*/

.HomeProduct{ padding:80px 0;background:url(../images/HomeProductBg.jpg) no-repeat center}

.nav-left{width:280px;background: #fff;}

.nav-left h2{font-size:30px;padding:38px 0px 22px 0px; color:#fff; text-align: center; background: #0387d8;}

.nav-left h2 span{ display:block;color:#9edaff; font-size:12px;text-transform:uppercase;}

.nav-left ul{border: 1px #ddd solid;padding: 10px 0;}

.nav-left ul li{padding: 22px 0;display: block;background: url(../images/line_01.png) bottom no-repeat;}

.nav-left ul li:last-child{ background:none}

.nav-left ul li h3 a{color:#333333;font-size:18px;margin-left: 30px;padding-left:30px;background: url(../images/arrow02.png) 0 4px no-repeat;}

.nav-left ul li h3 a:hover,.nav-left ul li h3 a.active{ color:#0387D8}

.nav-left ul li .two{margin: 10px 0 0 0;}

.nav-left ul li .two a{color:#333333;font-size:14px;margin-left: 60px;padding-left: 25px;display: block;line-height:36px;background: url(../images/arrow03.png) 0 5px no-repeat;}

.nav-left ul li .two a:hover{ color:#0387D8}





/*==产品==*/

.ProductListBox{margin-top:20px;}

.HomeProduct{padding:66px 0px 50px 0px; background:#eeeeee;}

.HomeProduct .right{width: 895px;}





/*.HomeProduct .right ul,.list-product{width:1200px;margin-left: -25px;}*/

.HomeProduct .right h2{ width:100%; background: #fff;float: left;line-height: 50px;margin-bottom: 30px;}

.HomeProduct .right h2 b{ color:#fff;font-size:24px;padding:0px 30px; background: #0387d8;display: block;float: left;line-height: 50px;}

.HomeProduct .right h2 a{float:right;font-size:14px; color:#ff6600;margin-right: 20px;}

.list-product2{}

.list-product2 li{float:left;width:278px;margin:0 10px 20px 10px;box-shadow: 0 0 10px #ddd; background: #fff;height: 295px;}

.list-product2 li .box h3{ color:#333333;font-size:14px;}

.list-product2 li .box h3 em{ width:15px; line-height:15px;color:#fff;font-size:12px; background: #ff6600;float: right;display: block;text-align: center;}

.list-product2 li .box p{ color:#999999;font-size:12px;}

.list-product2 li img{height:230px;margin:auto;}

.list-product2 li .box{ border-top:1px #ddd solid;width: 100%;padding: 20px 20px;}

.list-product2 li:hover .box{ background: #0387d8;}

.list-product2 li:hover .box h3{color:#fff;}

.list-product2 li:hover .box p{color:#fff;}

.list-product2 li:hover .box em{color:#ff6600; background: #fff;}



/*==首页搜索==*/

.HomeSearch{padding: 10px 0;background: #fff;}

.HomeSearch .left{ line-height:35px}

.HomeSearch .left h3{float: left;color:#333;font-size:14px;font-weight:bold;}

.HomeSearch .left a{ display: inline-block; color:#333333; font-size:14px; margin:0 10px;}

.HomeSearch .left a:hover{color:#0387d8}

.HomeSearch .right{}

.HomeSearch .right input{float:left;padding:2px 10px;width: 300px;line-height: 30px;border: 1px #ddd solid;}

.HomeSearch .right button{float:left;width: 40px;height: 36px;background: #0387d8 url(../images/ico_search.png) 12px 10px no-repeat;border: none;cursor: pointer;}

/*==案例==*/

.list-case{}

.list-case li{float:left;width:277px; margin:0 10px 30px 10px;}

.list-case h4{ color:#333;font-size:14px;margin:10px 0 0 0;text-align: center;}

.list-case li:hover h4{color:#ff6600}





/*==优势2↓==*/

.HomeAdvantage2{margin:50px 0 50px 0;/* padding: 20px; */}

.HomeAdvantage2 .container{background: url(../images/line02.png) no-repeat 220px 130px;}

.HomeAdvantage2 .clearfix{margin: 20px 0;}

.HomeAdvantage2 .title{text-align:center;margin: 20px 0 50px 0;}

.HomeAdvantage2 .box{width: 610px;}

.HomeAdvantage2 .box{padding-left: 60px;margin: 50px 0 45px 0;}

.HomeAdvantage2 .box h3{position:relative;width:100%;color:#262626;font-weight:bold;border-bottom: 1px #aaa dotted;font-size:24px;display: inline-block;/* margin: 14px; */padding: 10px 0 10px 0;margin: 0 0 17px 0;}

.HomeAdvantage2 .box h3 font{color:#ff6600}

.HomeAdvantage2 .box h3 em{position:absolute;top:0;left: -70px;width: 48px;line-height: 60px;height: 73px;text-align: center;color:#fff;font-size:20px;background: url(../images/dot01.png) no-repeat;}

.HomeAdvantage2 .box h3 span{display: block; color:#888888;font-size:12px}

.HomeAdvantage2 .box p{position:relative;padding-left: 16px;margin:10px 0;color:#333333;font-size:14px;display: inline-block;}

.HomeAdvantage2 .box p:before{position:absolute;top: 10px;left: 0px;content:"";background: #888;width: 7px;height: 7px;border-radius: 50%;}

.HomeAdvantage2 .box b{display: inline-block;color:#fff;font-size:14px;border: 5px;margin: 20px 0 0 15px;padding: 5px 10px;border-radius: 5px;background: -webkit-linear-gradient(left, #7ebf26, #449f32);}

.HomeAdvantage2 .box b font{font-size:18px;}

.HomeAdvantage2 .img{width: 557px;}





/*==首页关于==*/

.HomeAbout{padding:70px 0; background: url(../images/HomeAboutBg.jpg) no-repeat center top;}

.HomeAbout .left{width:590px;}

.HomeAbout .right{width:560px;}

.HomeAbout .right h2{color:#0387d8;font-size:36px; background:url(../images/line03.png) no-repeat bottom left;padding-bottom: 5px;margin-bottom: 30px;}

.HomeAbout .right h2 font{color:#ff6600;font-size:18px; display:block;margin: 12px 0;}



.HomeAbout .right .wx{color:#333333;font-size:14px;margin: 5px 0 30px 0;}

.HomeAbout .right .more{color:#fff;font-size:14px;padding:13px 25px; /*! border-radius:10px; */ background:#ff6600;display: inline-block;}

.HomeAbout .right .more em{float:right;color:#fff; border:1px #fff solid;padding: 0px 8px;line-height: 10px;margin-left: 15px;margin-top: 5px;}

.HomeAbout .right .more:hover{background: #666}





.HomeAbout .picScroll-left{position: relative;margin-top: 30px;}

.HomeAbout .picScroll-left .long{overflow: hidden;}

.HomeAbout .picScroll-left .long .list{}

.HomeAbout .picScroll-left .long .list li{float:left; width:300px;/*! position: relative; */}

.HomeAbout .picScroll-left .long .list li a{display: block;margin:0 10px;position: relative;}

.HomeAbout .picScroll-left .long .list li:hover{}

.HomeAbout .picScroll-left .long .list li img{height:200px;}

.HomeAbout .picScroll-left .long .list li h4{padding:7px 15px;color:#fff; font-size:14px; text-align: center;position: absolute;bottom: 0;left: 0;width: 100%;background: rgba(40,136,235,0.5);}

.HomeAbout .picScroll-left .long .list li:hover h4{}

.HomeAbout .picScroll-left .prev,.HomeAbout .picScroll-left .next{position: absolute; top:90px;left:-50px;font-size:20px;color:#fff;cursor: pointer;width: 35px;background: #2888eb;text-align: center;line-height: 30px;}

.HomeAbout .picScroll-left .next{right:-50px; left:auto;}

.HomeAbout .picScroll-left .prev:hover,.HomeAbout .picScroll-left .next:hover{background:#fd5700}







/*==首页新闻↓==*/

.HomeNews{margin: 70px 0 70px 0;}

.HomeNews .left{width: 750px;}

.HomeNews .left .tone{float: left;margin-bottom:30px;border: 1px #ddd solid;width: 100%; background:#ececec}

.HomeNews .left .tone li{float:left;color: #333333;font-size: 24px;border-right: 1px #ddd solid;padding:20px 40px;/* background: #b6b6b6; *//* margin-right: 5px; */cursor: pointer;}

.HomeNews .left .tone li.hit{color:#fff; background:#0387d8; }

.HomeNews .left .tone a.more{color:#333;font-size:13px;float: right;padding: 0px 8px;margin: 20px 20px 0 0;}

.HomeNews .left .tone a.more:hover{color: #f60}

.HomeNews .left .down{float: left;}

.HomeNews .left .down ul{}

.HomeNews .left .down ul li.one{margin: 0px 0 20px 0;height: 200px;}

.HomeNews .left .down ul li.one .img{width:305px;/* border:1px #ccc solid; *//* padding:5px; */margin-right: 20px;/* box-shadow: 0 10px 10px #aaa; */}

.HomeNews .left .down ul li.one .img img{width: 295px;height: 190px;}

.HomeNews .left .down ul li.one span{color: #999999;font-size: 14px;/* font-style: oblique; */display: block;/* border-bottom: 1px #ddd solid; */}

.HomeNews .left .down ul li.one h4{float:left;color: #333333;font-size: 18px;/* border-bottom:1px #ddd dotted; *//* padding-bottom:12px; */width: 405px;}

.HomeNews .left .down ul li.one p{margin:10px 0 20px 0;color: #333333;font-size: 14px;display: block;width: 415px;float: left;}

.HomeNews .left .down ul li.one b{color:#fff;font-size:12px;padding: 8px 15px;background: #ff6600;}

.HomeNews .left .down ul li.two{float:left;width: 340px;margin-right:20px;padding: 0px 0 0px 10px; background: url(../images/arrow_04.png) no-repeat left;/* border-bottom:3px 0; */margin: 4px 20px 4px 0;}



.HomeNews .left .down ul li.two a{color: #777;font-size:14px;padding-left: 2px;}

.HomeNews .left .down ul li.two font{font-size: 14px;color: #888888;float: right;}

.HomeNews .left .down ul li.two:nth-child(odd){width: 340px;margin-right: 50px;}

.HomeNews .left .down ul li.two a:hover{color:#ff6600}

.HomeNews .left .down ul li.one:hover h4{color:#ff6600}

.HomeNews .left .down ul li.one:hover b{background: #999}

.HomeNews .right{width: 415px;}

.HomeNews .right h2{border: 1px #ddd solid;/* height: 40px; */float: left;width: 100%;margin-bottom: 30px;}

.HomeNews .right h2 b{float:left;color:#fff;font-size: 24px;padding: 15px 30px;background: #0387d8;/*! background: -webkit-linear-gradient(left, #7ebf26, #449f32); */}

.HomeNews .right h2 a.more{color:#333;font-size:13px;float: right;padding:1px 9px;margin: 15px 15px 0 0;}

.HomeNews .right h2 a.more:hover{color: #f60}
.HomeNews .right .picMarquee-top{width:100%;height:350px;overflow:hidden;}
.HomeNews .right ul{}

.HomeNews .right ul li{border-bottom: 1px #aaa dashed;height:150px;margin: 10px 0 17px 0;padding: 10px 0 17px 0;}



.HomeNews .right ul li h4{color: #333;font-size:16px;margin-bottom:10px;}

.HomeNews .right ul li h4 em{margin-right:10px;color:#fff;font-size: 13px;background: #ff6600;width: 23px;height:23px;display: inline-block;text-align: center;/*! border-radius: 5px; */}

.HomeNews .right ul li p{position: relative; color:#333333; font-size:14px;padding-left: 33px;}

.HomeNews .right ul li p em{position: absolute;left:0;top:0;margin-right:10px;color:#fff;font-size: 13px;background: #0387d8;width: 23px;height:25px;display: inline-block;text-align: center;/*! border-radius: 5px; */}

.HomeNews .right ul li:hover h4{color:#f60}



/*==友情链接==*/

.link{margin: 5px 0 40px 0;border-top: 1px #ddd solid;padding-top: 40px;}

.link h3{ float:left;color:#333;font-size:14px;margin-right: 10px;}

.link a{ display:inline-block; margin:0 10px;color:#333;font-size:14px;}

.link a:hover{color: #ff6600;}



/*==底部===*/

.footer{padding: 0px 0 30px 0;background: #323232;}

.footer .nav{padding:20px 0;margin-bottom:40px;background: #292929;}

.footer .nav li{float:left;width:133px; text-align: center;}

.footer .nav li:last-child a{ border:none;}

.footer .nav li a{ display: block;color:#eee; border-right:1px #eee solid;line-height:10px;font-size:14px;padding:3px 0;}

.footer .nav li a:hover{color:#999}

.footer .left{width:700px; color:#ddd; font-size:14px; line-height: 27px;}

.footer .left a{color:#333;font-size:14px;}

.footer .left a:hover{color:#fff}

.footer .right{color:#fff; text-align:center;font-size:12px;line-height: 30px;}

.footer .right{}

.footer .right img{ display:block; margin:auto; width:120px;}