﻿/* 
* @Author: anchen
* @Date:   2018-10-06 10:05:59
* @Last Modified by:   anchen
* @Last Modified time: 2018-10-06 16:26:14
*/
a{ color: #000; }
.clearfix{ *zoom:1; }
.clearfix:after{ content: ""; display: block; clear: both; }
body { font-family:"Microsoft YaHei"; font-size:14px; margin: 0;}
.bg { background:#fff; }
.bx{ width: 1200px; margin: 0 auto; }
.fl{ float: left; }
.fr{ float: right}
*{ margin: 0; padding: 0; list-style: none;  text-decoration: none; }


/*1*/
.box_1{height: 90px;width: 100%; background-color: rgba(255,255,255,.6);position: fixed;z-index: 100;}
.box_1 img{display: block;padding-top: 9px}
.nav1 a{font-size: 16px;line-height: 90px;display: block;text-align: center}
.nav1{width: 91px;height: 90px;}
.nav1 a:hover{background: url(../img/line.png) no-repeat center 0px;}

    .nav1 a.active {
        background: url(../img/line.png) no-repeat center 0px;
        color: #ff5a00;
    }


/*2*/
.box_2{background: url(../img/banner.png) no-repeat center;height: 870px;margin-bottom: 50px;}

/*3*/
.box_3{margin-top:50px;}
.tit h3 a{font-size: 30px;color: #ff7109;text-align: center;margin-bottom: 10px;display: block;}
.tit p{font-size: 16px;color: #ff7109;text-align: center;}
.tit{margin-bottom: 50px;}
.box{ position: relative;width: 50%;overflow:hidden;}
.box:before{ content: ""; width: 100%;  background: url(../img/zhe.png) no-repeat center; position: absolute; top: -45%; left: 0; opacity: 0; transition: all 500ms cubic-bezier(0.6, 0, 0.6, 0.6) 0s; }
.box:hover:before{ width: 960; height: 793px; left: 0; opacity: 0.9; }
.box img{ max-width: 100%;background-color: transparent;display: block;}
.box .box-content{ width: 100%; color: #fff; position: absolute; top: 0; left: 0;right:0; }
.box .title{ font-size: 30px; font-weight: 600; line-height: 30px; text-transform: uppercase; margin: 0; opacity: 0; transition: all 0.5s ease 0s; margin-top: 26%;letter-spacing: 2px;}
.box .title a{color:white;}
.box .post{font-size: 16px; line-height: 30px;}
.box .post{ font-size: 15px; text-transform: capitalize; opacity: 0; transition: all 0.5s ease 0s; }
.box:hover .title,
.box:hover .post{ opacity: 1; transition-delay: 0.7s; text-align: center}


/*4*/
.box_4{background: url(../img/bg.png) no-repeat center;padding-top: 50px;height: 910px;}
.case{width: 1170px;height: 690px;background-color: #fff;padding: 15px;}
.case1{margin-right: 18px;}
.case2{margin-right: 17px;}
.case img{display: block;}
.case1_1{margin-bottom: 15px;}

/*5*/
.box_5{background: url(../img/bg2.png) no-repeat center; height: 719px;padding-top: 50px;margin-bottom: 50px;}

.jie{width: 610px;background-color: rgba(255,255,255,.6);overflow:hidden;height: 451px;padding: 30px 20px;}
.jie h4{font-weight: 400; font-size: 22px;text-align: center;color: #000;margin-bottom: 20px;}
.jie p{font-size: 14px;color: #333;text-indent: 30px;line-height: 30px;}


/*6*/
.new img{display: block;}
.new1 img{display: block;padding-top: 8px;}
.new_box{width: 500px;}
.new1 p a{font-size: 16px;color: #333;margin-left: 8px;}
.new1 span{display: block;color: #666;font-size: 12px;}
.new1{margin-bottom: 27px;}
.new1.last{margin-bottom: 0px;}
.box_6{margin-bottom: 50px;}


/*7*/
.box_7{height: 350px;background-color: #454545;padding-top: 50px;}
.btn{background: url(../img/logo2.png) no-repeat center;height: 191px;padding: 110px 0 0 390px;}
.btn_nav li a{font-size: 16px;color: #fff;margin-left: 20px;}
.btn p{font-size: 16px;color: #fff;width: 420px;text-align: center;margin-top: 15px;}
.btn p a{color: #fff;}

/*kefu*/
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;text-decoration:none;}
body{font:12px/180% Arial, Helvetica, sans-serif ,"新宋体";}
p{margin:0px;padding:0px;line-height:20px;}
i{margin:0px;padding:0px;font-style:normal;}
ul{margin:0px;padding:0px;list-style:none;}
ul li{margin:0px;padding:0px;list-style:none;}
a{color:#333333;text-decoration:none;}
a:hover{color:#ff5a00;text-decoration:none;}
.clear{clear:both;font-size:0px;line-height:0;height:0;}
/*nav*/
.navSub{position:absolute;display:none;background:white;z-index:9;top:90px;width:130px;margin-left:-16px}
.navSub li{width:auto;float:none;font-size:13px;font-weight:400;background:0 0;height:40px;line-height:40px;padding:0;}
.navSub li a{color:black;transition:all .3s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:40px;font-size:14px;line-height:40px}
.navSub li a:hover{background:#ff5a00;display:block;border-bottom:1px solid #ccc;color:white;}
/*nav*/
@font-face {
	font-family: 'icomoon';
    src:url('/fonts/icomoon.eot?qradjf');
    src:url('/fonts/icomoon.eot?qradjf#iefix') format('embedded-opentype'),
        url('/fonts/icomoon.ttf?qradjf') format('truetype'),
        url('/fonts/icomoon.woff?qradjf') format('woff'),
        url('/fonts/icomoon.svg?qradjf#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}
.demo-icon{
  font-family:"icomoon";
  font-style:normal;
  font-weight:normal;
  speak:none;
  display:inline-block;
  text-decoration:inherit;
  text-align:center;
  font-variant:normal;
  text-transform:none;
  font-size:24px;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  line-height:24px;
  color:#999; 
}

/*new right*/
.cndns-right{position:fixed;right:1px;top:50%;margin-top:-100px;z-index:100}
.cndns-right-meau{position:relative;}
.cndns-right-btn{width:48px;height:48px;border:1px solid #ddd;text-align:center;display:block;margin-bottom:6px;position:relative;background-color:#fff}
.cndns-right-btn span{color:#848484;font-size:26px;line-height:48px;}
.cndns-right-btn sup{display:block;min-width:24px;height:24px;text-align:center;line-height:24px;color:#fff;border-radius: 50%;background-color:#ff6800;position:absolute;left:-12px;top:-12px;}
.cndns-right-btn p{color:#ff6800;font-size:14px;line-height:18px;padding-top:5px;display:none;}
.cndns-right-meau:hover .cndns-right-btn span{display:none}
.cndns-right-meau:hover .cndns-right-btn p{display:block;}
.meau-car .cndns-right-btn {border-color:#ff6800;margin-bottom:20px;}
.meau-car.cndns-right-meau:hover .cndns-right-btn{background-color:#ff6800}
.meau-car.cndns-right-meau:hover .cndns-right-btn span{color:#fff;display:block;}
.meau-car .cndns-right-btn span{color:#ff6800;}
.meau-sev .cndns-right-btn{border-color:#ff6800;background:url(/img/02index-banner-8.gif) no-repeat #ff6800 center;} 
.meau-sev .cndns-right-btn p{color:#fff}
.meau-sev .cndns-right-btn span{color:#fff}
.meau-top .cndns-right-btn span{font-size:12px;line-height:12px;padding-top:10px;display:block}
.meau-top .cndns-right-btn i{display:block;color:#999}
.meau-top.cndns-right-meau:hover .cndns-right-btn{background-color:#ff6800}
.meau-top.cndns-right-meau:hover .cndns-right-btn span{display:block;color:#fff} 
.meau-top.cndns-right-meau:hover .cndns-right-btn i{color:#fff;}
.cndns-right-box{position:absolute;top:-15px;right:48px;padding-right:25px;display:none;}
.cndns-right-box .box-border{border:1px solid #ccc;border-top:4px solid #ff6800;padding:20px;background-color:#fff;-webkit-box-shadow: 0 3px 8px rgba(0,0,0,.15);-moz-box-shadow: 0 3px 8px rgba(0,0,0,.15);box-shadow: 0 3px 8px rgba(0,0,0,.15);position:relative}
.cndns-right-box .box-border .arrow-right{display:block;width:13px;height:16px;background:url(/img/arrow.png) no-repeat;position:absolute;right:-13px;top:26px;}
.cndns-right-box .box-border .sev-t span{font-size:42px;float:left;display:block;line-height:56px;margin-right:20px;color:#d3d3d3}
.cndns-right-box .box-border .sev-t p{float:left;color:#ff6800;font-size:24px;line-height:28px;}
.cndns-right-box .box-border .sev-t p i{display:block;font-size:14px;color:#aaa;}
.cndns-right-box .box-border .sev-b{padding-top:15px;margin-top:15px;border-top:1px solid #e4e4e4}
.cndns-right-box .box-border .sev-b h4{color:#666;font-size:14px;font-weight:normal;padding-bottom:15px;}
.cndns-right-box .box-border .sev-b li{float:left;width:33.33333%}
.cndns-right-box .box-border .sev-b li a{display:inline-block;color:#999;font-size:13px;padding-left:43px;background:url(/img/q1.gif) no-repeat left 3px;line-height:36px;}
.cndns-right-box .box-border .sev-b li a:hover{color:#ff6800}
.meau-sev .cndns-right-box .box-border{width:430px;}
.meau-contact .cndns-right-box .box-border{width:230px;}
.cndns-right-meau:hover .cndns-right-box{display:block}
.meau-code .cndns-right-box{top:inherit;bottom:-35px;}
.meau-code .cndns-right-box .box-border{width:156px;text-align:center;border-top:1px solid #ccc;}
.meau-code .cndns-right-box .box-border i{display:block;color:#f66e06;font-size:16px;line-height:16px;}
.meau-code .cndns-right-box .box-border .arrow-right{top:inherit;bottom:50px;}
.meau-sev .cndns-right-btn .demo-icon{display:none;}
.meau-sev:hover .cndns-right-btn{background:#ff6800}
.meau-zs .cndns-right-btn{background-color:#ff6800;color:#fff;margin-top:80px;border-color:#ff6800}
.meau-zs .cndns-right-btn span{color:#fff}
.meau-zs .cndns-right-btn p{color:#fff}
/*kefu*/

/*主图*/
.banner{width:100%;overflow:hidden;height:870px;position:relative}
.banList{position:absolute;left:50%;margin-left:-960px;height:870px}
.banList li{height:870px;opacity:0;position:absolute;transform:scale(0);transition:transform 0.5s ease 0s, opacity 1.5s ease 0s;z-index:1;}
.banList li.active{opacity:1;transform:scale(1);z-index:2;}
.fomW{position:absolute;bottom:20px;left:50%;height:20px;z-index:9;width:1000px;margin-left:-500px}
.jsNav{text-align:center;}
.jsNav a{display:inline-block;background:#fff;width:15px;height:15px;border-radius:50%;margin:0 5px;}
.jsNav a.current{background:#fc8f0f;cursor:pointer}

@media screen and (min-width:1441px) and (max-width:1920px) {

.box:before {
    top: -29%;
    right: 0;
	width:99%;
}
.box .title {
    margin-top: 22%;
}
}
@media screen and (max-width: 980px) {
.box:before{top:0%;}
.box:hover:before{height:100%;}
.box .title {
    margin-top: 20%;
}
}




