@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}

.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}


/*header start*/
.wel{height:30px;font-size:15px;background-color:#ececec;color:#666;}
.wel span{line-height: 30px;}
.wel .lx a{line-height: 30px;color:#666;}
.header{width: 100%;}
.header .head_top{height:120px;overflow: hidden;}
.header .head_top .tel_box{width: 320px;height: 80px;color: #fff}
.header .head_top .tel_box > a{color:#fff;padding: 0 8px;line-height: 36px;}
.header .head_top .tel_box .tel{margin-top:28px;text-align: right; background: url(../images/tel_bg.png) no-repeat left center;}
.header .head_top .tel_box .tel p{display: block; color: #696969; text-align: left;line-height: 30px; padding-left:65px;font-size: 16px;}
.header .head_top .tel_box .tel b{ display: block;}
.header .head_top .tel_box .tel i{display: inline-block; font-style: normal; font-size: 20px; color: #666; font-weight: normal;}
.header .head_top .tel_box .tel  em{display: inline-block;font-size: 30px; color: #f2952b;font-family: arial; font-weight: bold; text-align: right;float: right; font-style: normal;}
.header .head_top .logo{width: 454px;height: 120px;}
.header .head_top .logo img{width:454px;height:120px;display: block;}
.header .head_top span{display: block;border-left: 1px solid #ccc;font-size:16px;color: #666;     margin-top: 36px;height: 50px;    padding-left: 20px;}
.header .head_top span em{font-weight: 600;  color: #f2952b;font-style: normal;} 

/*导航*/
.head_nav {border-top: 3px solid #fff;background-color: #0c43c0} 
.head_nav .first_ul > li{float: left;height: 50px;line-height: 50px;position: relative;}
.head_nav .first_ul > li > a{color: #fff;display: block;padding:0 35px;font-size: 17px; }
.head_nav .second_ul {display: none;position: absolute;top:50px;z-index: 999;width: 100%;}
.head_nav .second_ul::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;color: #fff;}
.head_nav .first_ul > li:hover .second_ul{display: block;}
.head_nav .first_ul > li > .second_ul > li{background: rgb(12 67 192 / 60%);line-height: 35px;text-align: center;position: relative;}
.head_nav .first_ul > li > .second_ul > li > a{display: block;color: #fff;border-top:none;font-size: 16px;}
.head_nav .second_ul > li:hover > a{background:#f2952b}
.head_nav .first_ul > li:hover{background-color: #eee}
.head_nav .first_ul > li:hover >a{border-top: 3px solid #f2952b;}
.head_nav .first_ul > li.on{background-color:#fff}
.head_nav .first_ul > li.on a{color: #f2952b;border-top: 3px solid #f2952b;padding:0 35px;}

/*pubtit*/
.pubtit{height: 100px;width: 300px;}
.pubtit p{color:#0c43c0;font-size:22px;line-height: 30px;text-transform:uppercase;}
.pubtit span{color:#0c43c0;font-size:35px;line-height: 30px;font-weight:bold;}
.pubtit1{height: 100px;text-align: center;}
.pubtit1 p{color:#0c43c0;font-size:22px;line-height: 30px;text-transform:uppercase;text-align: center}
.pubtit1 span{color:#0c43c0;font-size:32px;line-height: 30px;font-weight:bold;text-align:center;}
.pubtit2{height: 100px;text-align: center;}
.pubtit2 p{color:#fff;font-size:22px;line-height: 30px;text-transform:uppercase;text-align: center;}
.pubtit2 span{color:#eee;font-size:32px;line-height: 30px;font-weight:bold;}

/*about*/
.about{padding:60px 0;}
.about .wz p{color: #666; line-height: 30px; text-indent: 2rem; font-size: 15px;width: 850px;}
.about .wz a.more{display: block;border: 1px solid #ccc;line-height:35px; text-align: center;width: 100px;color: #666;margin-top: 20px;}
.about .abimg{width: 536px;height:510px;}
.about .list{width:300px;}
.about .list li{float: right;line-height:40px; margin-bottom: 20px;width:180px;font-size: 15px; text-align: center;border:1px solid #f47115;background-color: #f47115; }
.about .list li a{color: #fff;display: block; }
.about .list li:hover{background-color: #0c43c0; border:1px solid #0c43c0;}


/*标志*/
.iconlist{padding:60px 0;height:300px;}
.iconlist li{float: left;width: 300px;height: 150px;}
.iconlist li img{display:block;width:140px;height: 140px;margin:0 auto;}
.iconlist li span{display:block;font-size: 16px;color: #333;    padding-top: 140px;line-height: 35px;text-align:center;font-weight: 600}
.iconlist li p{text-align:center;line-height:20px;font-size: 15px;color: #666;}
.iconlist li{background: url(../images/ic1.png) no-repeat center; }
.iconlist li:nth-child(2){background: url(../images/ic2.png) no-repeat center; }
.iconlist li:nth-child(3){background: url(../images/ic3.png) no-repeat center; }
.iconlist li:nth-child(4){background: url(../images/ic4.png) no-repeat center; }
.iconlist li:hover{background: url(../images/ic1-1.png) no-repeat center; }
.iconlist li:nth-child(2):hover{background: url(../images/ic2-1.png) no-repeat center; }
.iconlist li:nth-child(3):hover{background: url(../images/ic3-1.png) no-repeat center; }
.iconlist li:nth-child(4):hover{background: url(../images/ic4-1.png) no-repeat center; }



/*合作流程*/
.lc_bj{padding:60px 0;box-sizing: border-box;background-color:#f5f5f5;border-bottom: 1px solid #ececec; }
.lc ul{width: 1200px;height:190px; position: relative;}
.lc ul li{ cursor: pointer; width: 130px; height: 155px; box-sizing: border-box; text-align: center; margin-right: 48px; float: left; font-size: 15px;color: #666; line-height:30px; position: absolute; }
.lc ul li i{display: block;text-transform:uppercase;font-size: 15px; color: #666;font-style: normal; height: 20px;line-height: 20px;padding-bottom: 8px;/*background: url(../images/lcico.png) no-repeat center bottom;*/ text-align: center; font-weight: bold; font-family: "Arial";padding-left: 5px;}
.lc ul li em{height: 102px; line-height: 102px; display: block;font-style: normal;}
.lc ul li:nth-child(7){margin-right: 0;}
.lc ul li:nth-child(1) em{ background: url(../images/lc1.png) no-repeat center top;}
.lc ul li:nth-child(2) em{ background: url(../images/lc2.png) no-repeat center top;}
.lc ul li:nth-child(3) em{ background: url(../images/lc3.png) no-repeat center top;}
.lc ul li:nth-child(4) em{ background: url(../images/lc4.png) no-repeat center top;}
.lc ul li:nth-child(5) em{ background: url(../images/lc5.png) no-repeat center top;}
.lc ul li:nth-child(6) em{ background: url(../images/lc6.png) no-repeat center top;}
.lc ul li:nth-child(7) em{ background: url(../images/lc7.png) no-repeat center top;}
.lc ul li:nth-child(1){left:0;}
.lc ul li:nth-child(2){left:170px;}
.lc ul li:nth-child(3){left:360px;}
.lc ul li:nth-child(4){left:530px;}
.lc ul li:nth-child(5){left:710px;}
.lc ul li:nth-child(6){left:910px;}
.lc ul li:nth-child(7){left:1100px;}
.lc ul li em{-webkit-transition:-webkit-transform .5s ease-out;-moz-transition:-moz-transform .5s ease-out;-o-transition:-o-transform .5s ease-out;-ms-transition:-ms-transform .5s ease-out}
.lc ul li:hover em{-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);-o-transform:rotateZ(360deg);-ms-transform:rotateZ(360deg);transform:rotateZ(360deg)}
.lc ul li i{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s; }
.lc ul li:hover i{margin-top:-5px;}

/*产品中心*/
.pro{background: url(../images/pbg.jpg) no-repeat top  center;height:870px;}
.pubtit2{padding-top:100px;width:260px}
.pubtit2 em{width:260px;   display: block; color: #eee;padding-top: 50px;line-height:25px; font-style: normal;   }
.pubtit2 a.more{display: block;border: 1px solid #fff; line-height: 35px;text-align: center;width: 100px;color: #666;margin-top: 20px;background-color: #fff;}
/*左边*/
.titlist{padding-top: 30px;}
.titlist ul{overflow: hidden;}
.titlist ul li{width: 200px;line-height: 45px;  border: 1px solid #eee;border-radius: 20px;margin:0 auto 20px;}
.titlist ul li a{display: block;text-align: center;color: #fff;font-size: 16px;}
.titlist ul li:hover{ border: 1px solid #f47115}
.titlist ul li a:hover{color: #f47115;}
/*右侧*/
.pro .list{width:940px;background-color: #fff;padding-top: 30px;        overflow: hidden;position:relative;margin-top: 30px;}
.pro .list ul li{float:left;width:280px;margin: 0 16px 15px 15px;background:#fff;overflow:hidden;border:1px solid #e4e4e4;}
.pro .list ul li img{width:280px;height:210px;transition:all .3s linear 0s}
.pro .list ul li p{display:block;background: #e8e8e8; line-height: 35px;font-size:15px;color:#454545;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;font-style: normal;}
.pro .list ul li:hover p{color:#0c43c0}
.pro .list ul li b{display:block;margin-right:30px;float:right;width:20px;height:20px;background:url(../images/c_io2.png) no-repeat}
.pro .list ul li b img{width:8px;height:10px}
.pro .list ul li:hover b{background:url(../images/c_io1.png) no-repeat}

/*核心优势*/
.ys{padding: 60px  0;width: 100%;background:url(../images/ysbg.jpg) no-repeat center;}
.g_ys1{height:405px;background:rgb(253 253 253 / 55%);}
.ys .img{width: 50%;height: 405px;overflow: hidden;}
.ys .img img{width:100%;height: 405px; display: block;}
.g_ys1 .m_ys1{padding-left: 5%;padding-top: 60px;}
.g_ys1 .m_ys1 span{display: block;   height: 70px;font-size:30px;color: #333;}
.g_ys1 .m_ys1 span em{display: block;font-size: 26px;color: #333;text-transform: uppercase;line-height: 30px;font-style: normal;}
.g_ys1 .m_ys1 span b{color: #32808D;}
.g_ys1 .m_ys1 i{display: block; font-style: normal;margin-top: 30px;background:url(../images/ystit2.png) no-repeat;width:430px;height: 44px;line-height: 44px;padding-left: 14px;font-size: 22px;color: #fff;font-weight: normal;}
.g_ys1 .m_ys1 p{line-height: 32px;padding-left: 35px;background:url(../images/ysico.png) no-repeat 12px 10px;font-size:15px;color: #494949;width: 400px;}
.g_ys1 .right{width:50%;}
.g_ys2{height:405px;background:rgb(253 253 253 / 55%);}
.g_ys2 .left{width:50%;}
.g_ys2 .m_ys2{padding-right: 5%;  padding-top: 50px;}
.g_ys2 .m_ys2 span{height: 70px;font-size: 30px;color: #333;}
.g_ys2 .m_ys2 span em{display: block;font-size: 26px;color: #333;text-transform: uppercase;line-height: 30px;}
.g_ys2 .m_ys2 i{display: block;margin-top: 30px;font-style: normal;     background:url(../images/ystit2.png) no-repeat;width:430px;height: 44px;line-height: 44px;padding-left: 14px;font-size: 22px;color: #fff;font-weight: normal;}
.g_ys2 .m_ys2 p{height: 32px;line-height: 32px;padding-left: 35px;background:url(../images/ysico.png) no-repeat 12px 10px;font-size:15px;color: #494949;}

/*车间一角*/
.cjyj{padding: 60px 0 0  0;}
.w1340{width: 1340px;margin:0 auto;}
.cjyj .slideBox{ overflow:hidden; zoom:1; padding:0 0 10px 68px; position:relative;}
.cjyj .sPrev,.cjyj .sNext{ position:absolute; left:5px; top:5px; display:block; width:46px; height:145px; background: url(../images/arrow-left.png) no-repeat center;}
.cjyj .sNext{ left:auto; right:5px; background: url(../images/arrow-right.png) no-repeat center;}
.cjyj .bd ul{ overflow:hidden; zoom:1;}
.cjyj .bd ul li{ margin:0 20px; float:left;display:inline; overflow:hidden; text-align:center;}
.cjyj .bd ul li .pic{ text-align:center; }
.cjyj .bd ul li .pic img{ width:196px; height:156px; display:block;  padding:2px; border:1px solid #ccc;}
.cjyj .bd ul li .pic a:hover img{ border-color:#999;}
.cjyj .bd ul li .anli_title{ line-height:24px;}
.cjyj .bd ul li .anli_title a{display: block;width: 270px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;color: #fff;font-size: 15px;}

/*新闻*/
.news{padding:60px 0;}
.news .news1{width: 550px;overflow: hidden;}
.news .part1{width: 580px;}
.news .part1 img{width:220px;height: 165px;display: block;float:left; }
.news .wz {width:330px;float: left;margin-left: 20px;height:165px;    border-top:1px solid #ccc;border-bottom: 1px solid #ccc;}
.news .wz a.wztit{display: block;font-size: 16px;color: #333;line-height: 30px;padding-top:40px;   overflow: hidden;white-space:nowrap; text-overflow:ellipsis;}
.news .wz a.wztit:hover{color: #0c43c0}
.news .wz p{line-height: 25px;font-size: 15px;padding-bottom: 50px;color: #999;width: 310px;}
.news .nlist{padding-top:20px;}
.news .nlist li{color: #333;overflow: hidden;  line-height: 30px;width: 100%; float: left;        background:url(../images/nicon1.png) no-repeat left center;padding-left: 20px;}
.news .nlist li a{display:block;float: left;width: 60%;color: #888;   font-size: 15px;     white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news .nlist li:hover{background:url(../images/nicon.png) no-repeat left center;}
.news .nlist li a:hover{color: #0c43c0;}
.news .nlist span{display:inline-block;padding-right: 20px;float: right;color: #666;font-size: 15px;font-family: "arial"}

/*联系我们广告*/
.con{ background:url(../images/conbg.jpg) no-repeat center;height:258px;}
.con .pubtit2{padding-top:100px;}
.con .left{width: 450px;}
.con .nr{width: 295px;padding-top:60px;}
.con .nr p{font-weight:bold;font-size:30px;line-height:35px;color: #333;margin-bottom:20px;background:url(../images/conicon.png) no-repeat left center;padding-left: 50px;}
.con .nr a.more{display: block;margin-left: 50px;width:100px;line-height: 40px;background-color: #0c43c0;border:1px solid #0c43c0;color: #fff;text-align: center;font-size: 16px;margin-top: 20px;}
.con em{width: 300px;line-height: 25px;color: #eee;font-style: normal;} 

/*快速导航*/
.navlist{padding: 60px 0;}
.navlist p{line-height:50px;font-size:28px;color: #0c43c0;}
.navlist li{float: left;line-height:35px;}
.navlist li a{color: #666;font-size: 16px;display: block;padding: 0px 76px 0 0px;}

/*footer*/
.footer{background-color: #333;padding:100px 0;}
.footer  .img{width: 300px;height: 150px;}
.footer  .img img{width: 150px;height: 150px;display: block;margin:0 auto;}
.footer  .img p{text-align: center;font-size: 20px;color: #fff;font-weight: 600}
.footer .contact{width: 715px;}
.footer .contact li{float: left;width:305px;line-height: 47px;color: #ccc;}
.footer .contact li:nth-child(2n){float: right;margin-right: 0}
.footer .contact li.last{width:400px;}
.footer .ewm{width: 180px;height: 150px;}
.footer .ewm img{width: 130px;height: 130px;display: block;margin:0 auto;}
.footer .ewm p{text-align: center;color: #ccc;line-height: 35px;}
.cpr{background-color: #222;padding:10px 0; }
.cpr p{text-align: center;line-height: 30px;color: #888;}
.cpr a{color: #888;}




