@charset "utf-8";
html,body{height:100%; padding:0px; margin:0px;min-width: 1200px;font:14px "微软雅黑";color:#444;}
.fl {float:left;}
.fr {float:right;}
.clear{clear:both;}
.border{border:1px solid #DFDFDF;}
a { text-decoration: none; outline: none; color: #000; transition: 0.2s; }
p{text-align: justify;text-justify:inter-ideograph;margin: 0;}
li { list-style-type: none; vertical-align: top; margin: 0;padding:0;}
ul {margin: 0;padding: 0;}
img{margin: 0;padding: 0;}
img { border: 0; vertical-align: top; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; margin: 0;padding: 0}
em , i{font-style:normal;}
.content{width: 1200px;margin:0 auto;}

/*banner*/
.flexslider{margin:0 auto 0;position:relative;width:100%;height:650px;overflow:hidden;zoom:1}
.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;-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:.8}
.flexslider:hover .flex-prev{opacity:.8}
.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover{opacity:1}
.flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center}
.flex-control-nav li{margin:0 2px;display:inline-block;zoom:1}
.flex-control-paging li a{background:#dfdfdf;display:block;height:10px;overflow:hidden;text-indent:-99em;width:10px;cursor:pointer;-webkit-transition:all 0s ease;border-radius:10px}
.flex-control-paging li a.flex-active,.flex-control-paging li.active a{background:#ffa23b}
.flexslider .slides a img{width:100%;height:650px;display:block}

/*头部*/
.head_box{width:100%;height:98px;position:absolute;float:left;background:#ffffff9e;/*position:fixed; */z-index:10;}
.head_main{position:relative;width:1200px;height:auto;margin:0 auto;padding:0;}
.head_logo{width:400px;height:88px;float:left;padding-top:5px; }
.head_nav{position:relative;width:auto; float:left;}
.head_nav_m{position:relative;width:auto;float:left;display:none;}
.head_nav ul li{position:relative;width: 87px;float:left;color:#fff;}
.head_nav ul li a.first_a{text-align:center;line-height:98px;float:left;font-size:16px;margin-left:13px;color:#333;font-weight: bold;}
.head_nav ul li a.first_a:hover{text-decoration:none;font-weight:bold;color:#004196;}
.head_nav ul li a.first_a.current{text-decoration:none;font-weight:bold;color:#004196;}
.head_nav ul li span.second_span{position:absolute;width:150px;display:none;top:98px;left:91%;margin-left:-105px;border:1px solid #424242;background:#424242;}
.head_nav ul li span.second_span::before{position: absolute;content: "";display: inline-block;width: 0;height: 0;border-width: 0px 6px 6px 6px;border-style: solid;border-color:  transparent transparent rgba(188, 188, 188, 0.8) transparent;top: -6px;left: 50%;margin-left:-6px;}
.head_nav ul li span.second_span a.second_a{width:100%;text-align:center;height:auto;line-height:18px;padding:10px 0;float:left;font-size: 14px; }
.head_nav ul li span.second_span a.second_a:last-child{border-bottom:0;}
.head_box .tel{background: url(../images/te11.png) no-repeat left center;padding-left: 242px;padding-left:65px;margin-top: 20px;}
.head_box .tel p{color: #444;font-size: 14px;}
.head_box .tel span{font-weight: 700;color: #004196;font-size: 20px; line-height: 25px;font-family: Arial; display: block;padding-top: 10px;}

/*电话*/
.tel{height: 60px;background:#ccc;}
.tel .m_tel{line-height:60px;width: 350px;}
.tel .m_tel b{color: #069;}
.tel .m_tel p{display: block;background:url(../images/tel.png) no-repeat left center;font-size: 30px;color:#004196;font-family: "arial";}
.tel .m_tel em{display: block; font-size:20px;color: #333;float: left;padding-left: 45px;}
.tel .slogen p{color: #fff;font-size:16px;color: #444;line-height:60px;font-weight: bold;}
.tel .slogen p a{color: #eee;font-size:16px;color: #888;line-height:60px;font-weight: normal;}

/*广告*/
.xbanner{background:url(../images/xbanner.png) no-repeat center;height: 300px;}
.xbanner .wz{width: 800px;float: left;margin-left:420px;margin-top:80px;}
.xbanner .wz p.p1{text-align: left;font-size:23px;color: #db7042;line-height:40px;}
.xbanner .wz p.p2{text-align: left;font-size: 22px;color: #fff;line-height: 50px;font-weight: bold;}
.xbanner .wz p.p3{text-align: left;font-size:18px;color: #d4d4d4;line-height: 30px;}

/*统一使用的标题*/
.tit01{ box-sizing: border-box; text-align: center;font-size:38px; display: block; font-weight:bold;height: 100px;}
.tit01 p{color: #004196;    text-align: center;}
.tit01 span{text-align: center; font-size: 18px; color: #666666; display: block; font-weight: normal; }
.tit02{ box-sizing: border-box; text-align: center;font-size:38px;  font-weight:bold;height: 100px;}
.tit02 p{color: #fff;   text-align: center;}
.tit02 span{text-align: center; font-size: 18px; color: #ccc; display: block; font-weight: normal;}

/*产品*/
.product{padding:50px 0;}
.p_list{ width: 240px;}
.p_list > ul > li{ padding: 0 0 0 40px;line-height:160px; margin-bottom:30px;width: 100%;background-color: #d0d0d0;position: relative;}

.p_list > ul > li > i a{ display: block; color: #666; font-size:20px;overflow: hidden;background: url(../images/pi2.png) no-repeat 0 center; padding-left: 23px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.p_list > ul > li span{ height: 133px; display: block;}
.p_list > ul > li:hover > i a{ background: url(../images/pi3.png) no-repeat 0 center;color: #fff;}
.p_list > ul > li em a{ display: block; padding-left: 27px; font-size: 14px; color: #070707;background: url(../images/pi_m.png) no-repeat 0 3px;}
.p_list > ul > li:hover em a{color: #fff;background: url(../images/pi_m2.png) no-repeat 0 3px;}
.p_list > ul > li:hover{background-color: #004196; }

.p_list .item_b{position: absolute;left: 200px;top: 0;display: none;z-index: 999;}
.p_list > ul > li:hover .item_b{display: block;background: #dfdfdf;}
.p_list .item_b li{width: 180px;line-height: 30px;padding: 3px 20px}
.p_list .item_b li:hover {background: #004196}
.p_list .item_b li:hover a{color: #fff}
.p_list > ul > li:nth-child(2) .item_b li{padding-left: 30px;width: 120px}

.p_on{width:880px;}
.p_on ul li{ float: left; width: 265px; height: 244px; background: #f1f1f1; margin:0px 0 18px 15px; padding: 17px 0 0 13px; position: relative;}
.p_on ul li img{ width: 250px; height: 187.5px; box-sizing:border-box;}
.p_on ul li em{ display: block;line-height:50px; color: #616161; font-size: 16px; text-align: center;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.p_on ul li:hover{ background: #004196;box-shadow:0 0 6px #969696;}
.p_on ul li:hover em{ color: #fff;background: url(../images/pr_ico1.png) no-repeat center 0; top: 206px; padding-top:15px;}

/*优势*/
.ys{ padding-top:50px; height:690px; overflow:hidden; background:url(../images/ys_bg.jpg) no-repeat center top;}
.yst{ height:100px; margin-top:33px;}
.yst li{ width:300px; float:left; text-align:center; font-size:30px; font-weight:bold; color:#fff; background:url(../images/ys_dot1.png) no-repeat center top; padding-top:15px;}
.yst .cur{ color:#db7042;background:url(../images/ys_dot2.png) no-repeat center top;}
.ys1{ background:#fff; height:450px; box-shadow:0.1rem 0.1rem 0.5rem 0.1rem #999;}
.ys li{ height:450px; overflow:hidden;}
.ys .img{ width:600px; height:450px; float:right; position:relative; overflow:hidden;}
.ys .img img{ display:block;width:600px; height:450px;}
.ys .img:before{ content:""; position:absolute; top:80px; left:0; width:0; height:0; border-left:30px solid #fff; border-top:30px solid rgba(0,0,0,0);border-bottom:30px solid rgba(0,0,0,0);}
.ys .wz{ width:323px; float:left; padding-top:75px;}
.ys .wz span{display: block; font:40px "Microsoft YaHei"; font-weight:bold; color:#333; padding-left:57px; background:url(../images/ys_line.jpg) no-repeat left 74px; margin-bottom:50px;}
.ys .wz span em{ display:block; font:24px "Times New Roman", Times, serif; color:#666; text-transform:uppercase; padding-top:5px;}
.ys .wz span i{ display:block; font:24px "Microsoft YaHei"; padding-top:20px;}
.ys .wz p{ width:450px; padding-left:56px; font:14px "Microsoft YaHei"; line-height:22px; color:#666; margin-bottom:17px; position:relative;}
.ys .wz p:before{ content:""; position:absolute; top:5px; left:40px; width:0; height:0; border-left:4px solid #333; border-top:4px solid rgba(0,0,0,0);border-bottom:4px solid rgba(0,0,0,0);}
.ys .wz a.more{ display:block;padding-left:54px;width:180px; border:2px solid #999; margin:30px 0 0 55px; font-size:16px; font-weight:bold; line-height:47px;color:#333; background:url(../images/ys_arr.gif) no-repeat 151px center;}


/*关于我们*/
.company {padding: 50px 0;}
.company .com_body{height: 516px;background: url(../images/com_l.png) no-repeat center;}
.company .com_l{width: 520px;height: 516px;}
.company .com_l b{font-size: 34px;color: #fff;margin-top: 80px;margin-left: 80px;display: block;letter-spacing: 2px}
.company .com_l p{font-size: 16px;color: #fff; line-height: 54px; margin-left: 226px;letter-spacing: 2px}
.company .com_r{width: 600px;margin-right: 30px}
.company .com_r b{font-size: 24px;color: #454545;margin-top: 100px;display: block;margin-bottom:10px}
.company .com_r p{line-height: 29px;color: #666;text-indent: 2em;    font-size: 15px;}
.company .more{width: 130px;height: 40px;background: url(../images/more.jpg) no-repeat center;display: block;margin-top: 20px;line-height: 40px;color: #fff;padding-left: 20px;letter-spacing: 2px}
.com_r > ul{position: relative; margin-top:15px;}
.com_r > ul li{float: left;text-align: center; width:25%;padding:10px 0;}
.com_r > ul li:nth-child(1) {background: #ccc}
.com_r > ul li:nth-child(2) {background: #aaa}
.com_r > ul li:nth-child(3) {background: #888}
.com_r > ul li:nth-child(4) {background: #666}
.com_r > ul li p{text-align: center;font-size: 15px;line-height:20px;color: #fff !important;text-indent:0px !important;}
.com_r > ul li:hover {background: #004196}

/*新闻动态*/
.news{padding: 50px 0;}
.news .content{}
.news .yin_t{ height:70px;}
.news_t{height: 40px;width: 300px;margin:0 auto;}
.news_t ul li{float: left;width: 150px;overflow: hidden;}
.news_t ul li a{font-size: 14px;color: #333;display: block; float: left; width: 150px; text-align: center; height: 40px; line-height: 40px; overflow: hidden;background:url(../images/news_k01.gif) no-repeat;} 
.news_t ul li a:hover,.news_t ul li.on a{color: #fff;font-weight: bold;background:url(../images/news_k02.gif) no-repeat;}
.news01{width: 600px;float: left;padding:282px 0 0; position:relative;}
.news01 .news_pic{width: 600px;height: 272px;overflow: hidden;line-height: 0; position:absolute; top:0; left:0;}
.news01 .news_pic img{width: 100%;height: 100%;}
.news .wz{width: 600px;}
.news .wz .date{float: left;height: 56px;width:112px; font-size: 14px; color: #0060b1; background:url(../images/news_line.gif) no-repeat right 10px;line-height: 30px;padding: 10px 0 0;}
.news .wz .date b{display: block;font-size: 24px;color: #454545;text-align: center;}
.news .wz .ntit{width: 465px;float:right;}
.news .wz .ntit  a.tit{height: 30px;overflow: hidden;font-size: 16px;display: block;color: #333;white-space:nowrap;  text-overflow:ellipsis;   }
.news .wz .ntit  a.tit:hover{ color: #db7042;}
.news .wz p.jj{color: #999;}
.news_desc{font-size: 14px; color: #888; line-height: 20px; height: 40px; overflow: hidden;} 
.news .wz p.ee{ color: #666;text-align: center}
.news02{ width:560px;float: right;}
.news .news02 .wz{ width:560px;height: 70px;overflow: hidden;border-bottom: #dadada 1px solid;padding: 22px 0px 27px 0px;}
.news .news02 .date{width: 83px;}

/*底部*/
.footer{background-color: #333;}
.footer .nav{height: 60px;border-bottom: 1px solid rgba(204, 204, 204, 0.2);}
.footer .logo{height: 200px;width: 150px;margin:0 auto;}
.footer .logo img{height: 150px;width: 150px;}
.footer .logo p{line-height: 30px;font-size: 16px;color: #fff;    text-align: center;}
.footer .content{padding:50px;}
.footer .nav ul li{width: 171px;float: left;}
.footer .nav ul li a{display: block;text-align: center;line-height: 60px;color: #fff;font-size: 16px;}
.lianxi p{ text-align: center; font-weight: 700;font-size: 23px; line-height: 100px;color: #ccc;}
.lianxi{margin-top: 60px;}
.lianxi  ul{background-color:rgba(238, 238, 238, 0.09); padding: 10px 2px 15px 2px;border-radius: 6px;}
.lianxi  ul li{padding-left: 40px;margin-left: 70px;float:left;background:url(../images/fi1.png) no-repeat left ;height: 40px; font-size: 15px; color: #eee;}
.lianxi  ul li span{color: #ccc;font-size: 15px;line-height: 25px;display: block;   }
.lianxi  ul li:nth-child(2){background:url(../images/fi2.png) no-repeat left ;}
.lianxi  ul li:nth-child(3){background:url(../images/fi4.png) no-repeat left ;}
.lianxi  ul li:nth-child(4){background:url(../images/fi5.png) no-repeat left ;}
.banquan{margin-top: 20px;}
.banquan p{text-align: center;color: #999;line-height: 35px;}
.banquan p a{color: #999;}