/* banner YangFangLing 2019年8月21日 */
.banner{clear:both;position:relative;z-index:1;width:100%;height:650px;overflow:hidden;}
.banner .hd{position:absolute;left:0;bottom: 50px;width:100%;text-align:center;}
.banner .hd li{display:inline-block;*display:line;*zoom:1;margin: 0 5px;width: 30px;height: 30px;cursor:pointer;background: url(../image/baner_box01.png) no-repeat center center;text-indent: -999px;overflow: hidden;}
.banner .hd li.cur{background: url(../image/baner_box02.png) no-repeat center center;}
.banner .bd,.banner .bd ul{height:650px;}
.banner .bd li{position:relative;width:100%;height:650px;}
.banner .bd li a{display:block;position:absolute;left:50%;top:0;margin-left:-975px;width:1920px;height:650px;}
.banner .prev,.banner .next{position:absolute;z-index:999;top:50%;margin-top:-30px;width:58px;height:58px;cursor:pointer;opacity:0;transition: all 1s;}
.banner .prev{left:2%;background:url(../image/banner_prev.png) no-repeat;}
.banner .next{right:2%;background:url(../image/banner_next.png) no-repeat;}
.banner:hover .prev,.banner:hover .next{opacity:1;}
/* banner End */

/* 专利与荣誉 YangFangLing 2019年8月21日 */
.Certificate{padding: 70px 0;overflow: hidden;background-color: #fff;}

.Certificate-Con{margin-top: 40px;position: relative;}

.Certificate-Group .item{width: 298px;float: left;border: 1px #e6e6e6 solid;overflow: hidden;background-color: #fff;}
.Certificate-Group .item span{width: 298px;height: 354px;display: block;overflow: hidden;}
.Certificate-Group .item span img{width: 298px;height: 354px;display: block;transition: .8s all;}
.Certificate-Group .item:hover span img{transform: scale(1.05);}
.Certificate-Group .item p{font-size: 16px;color: #666;padding: 10px 10px 20px;text-align: center;}

.Certificate-Con i{width: 46px;height: 46px;display: block;cursor: pointer;overflow: hidden;position: absolute;top: 50%;margin-top: -23px;}
.Certificate-Con i img{width: 46px;height: 46px;display: block;}
.Certificate-Con i.prev{left: -80px;}
.Certificate-Con i.next{right: -80px;}
/* 专利与荣誉 End */

/* 内容标题 YangFangLing 2019年8月21日 */
.Title{text-align: center;animation: fadeinT 1s ease-out backwards;}
.Title h3{font-size: 32px;color: #333;transition: .8s all;}
.Title:hover h3{transform: translateY(-10px);}
.Title h3 a{color: #333;}
.Title p{font-size: 18px;color: #666;margin-top: 10px;}
.Title span{margin: 0 10px;background: url(../image/dui.png) no-repeat center left;padding-left: 20px;}
.Title i{background: url(../image/Title.png) no-repeat center center;height: 1px;width: 35px;display: block;margin: 20px auto 0;}

.Title02 h3 a{color: #fff;}
.Title02 p{color: #fff;}
.Title02 i{background: url(../image/Title02.png) no-repeat center center;}
/* 内容标题 End */

/* 资讯中心 YangFangLing 2019年8月22日 */
.News{padding: 70px 0;background-color: #f2f2f2;overflow: hidden;}

.NewsCon{margin-top: 40px;}
.NewsCon ul li{width: 388px;margin-left: 15px;float: left;position: relative;top: 0;transition: .8s;background-color: #fff;border: 1px #fff solid;}
.NewsCon ul li:hover{box-shadow: 0 0 20px rgba(0,0,0,.1);position: relative;top: -15px;}
.NewsCon ul li:first-child{margin-left: 0;}
.NewsCon ul li h3{font-size: 18px;overflow: hidden;line-height: 24px;padding: 20px;border-bottom: 1px #e6e6e6 solid;font-weight: normal;}
.NewsCon ul li h3 a{color: #333;}
.NewsCon ul li:hover h3 a{color: #074e67;}
.NewsCon ul li h3 a i{float: right;width: 25px;height: 25px;display: block;background: url(../image/NewsIcon01.png) no-repeat center center;}
.NewsCon ul li:nth-child(2) h3 a i{background: url(../image/NewsIcon02.png) no-repeat center center;}
.NewsCon ul li:nth-child(3) h3 a i{background: url(../image/NewsIcon03.png) no-repeat center center;}
.NewsCon ul li .BoxImg{margin: 20px 20px 0 20px;position: relative;}
.NewsCon ul li .BoxImg span{width: 348px;height: 226px;display: block;overflow: hidden;}
.NewsCon ul li .BoxImg span img{width: 348px;height: 226px;display: block;transition: .8s;}
/*.NewsCon ul li:hover .BoxImg span img{transform: scale(1.1);}*/
.NewsCon ul li .BoxImg p{font-size:16px;color:#fff;position:absolute;left:0;bottom:0;background: url(../image/NewsBg.png) center top;width: 80%;padding: 20px 16% 10px 4%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.NewsCon ul li .BoxImg p i{width: 31px;height: 9px;background: url(../image/news_box.png) no-repeat center center;display: block;position: absolute;top: 27px;right: 4%;}
.NewsCon ul li .BoxText{padding: 20px;}
.NewsCon ul li .BoxText a{font-size: 16px;color: #666;display: block;margin-top: 10px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.NewsCon ul li .BoxText a:first-child{margin-top: 0;}
.NewsCon ul li .BoxText a:hover{color: #074e67;}

/*.NewsCon ul li:nth-child(1){animation:bounceinR 1s ease-out backwards;}
.NewsCon ul li:nth-child(2){animation:bounceinR 1.25s ease-out backwards;}
.NewsCon ul li:nth-child(3){animation:bounceinR 1.5s ease-out backwards;}
.NewsCon ul li:nth-child(4){animation:bounceinR 1.7s ease-out backwards;}*/
/* 资讯中心 End */

/* 产品优势 YangFangLing 2019年8月22日 */
.cpys{padding: 50px 0;overflow: hidden;background: url(../image/cpys_bg.jpg) no-repeat center center;}

.cpys-Group{margin-top: 40px;overflow: hidden;padding: 0 1%;}
.cpys-Group .item{float: left;text-align: center;background-color: #fff;width: 19.2%;margin-left: 1%;}
.cpys-Group .item:first-child{margin-left: 0;}
.cpys-Group .item .pic{overflow: hidden;}
.cpys-Group .item .pic img{display: block;width: 100%;transition: .8s all;}
.cpys-Group .item:hover .pic img{transform: scale(1.1);}
.cpys-Group .text{padding: 30px 20px;}
.cpys-Group .text h3{font-size: 24px;color: #333;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.cpys-Group .item:hover .text h3{color: #074e67;}
.cpys-Group .text i{width: 16px;height: 1px;display: block;background-color: #333;margin: 20px auto 15px;}
.cpys-Group .text p{font-size: 16px;color: #333;line-height: 25px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
/* 产品优势 End */

/* 应用案例 YangFangLing 2019年8月22日 */
.Case{padding: 70px 0;overflow: hidden;background: #fff url(../image/Case_bg.jpg) no-repeat center bottom;}

.Case-Con{margin-top: 40px;}

.Case-Nav ul li{float: left;width: 199px;height: 60px;line-height: 60px;text-align: center;border: 1px #e6e6e6 solid;font-size: 18px;margin-left: -1px;}
.Case-Nav ul li a{display: block;color: #333;}
.Case-Nav ul li.cur{background-color: #074e67;border: 1px #074e67 solid;}
.Case-Nav ul li.cur a{color: #fff;}

.Case-Group{margin-top: 10px;}
.Case-Group .item{overflow: hidden;background-color: #f2f2f2;}
.Case-Group .item .pic{width: 697px;height: 436px;float: right;position: relative;/*animation: fadeinR 1s ease-out backwards;*/}
.Case-Group .item .pic p{overflow: hidden;font-size: 20px;color: #fff;position: absolute;left: 0;bottom: 0;width: 90%;background: url(../image/NewsBg.png) center top;height: 64px;line-height: 64px;padding: 0 5%;}
.Case-Group .item .pic p i{width: 36px;height: 36px;display: block;background: url(../image/Case_box.png) no-repeat center center;float: right;position: relative;top: 10px;}
.Case-Group .item .pic span{width: 697px;height: 436px;display: block;overflow: hidden;}
.Case-Group .item .pic span img{width: 697px;height: 436px;display: block;transition: .8s all;}
.Case-Group .item:hover .pic span img{transform: scale(1.1);}
.Case-Group .item .text{padding: 60px 50px;width: 503px;box-sizing: border-box;float: left;/*animation: fadeinL 1s ease-out backwards;*/}
.Case-Group .item .text h3{font-size: 22px;line-height: 30px;}
.Case-Group .item .text h3 a{color: #333;}
.Case-Group .item:hover .text h3 a{color: #074e67;}
.Case-Group .item .text p{font-size: 14px;color: #333;line-height: 25px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.Case-Group .item .text i{width: 20px;height: 1px;display: block;background-color: #ccc;margin: 20px 0;}
.Case-Group .item .text h4{font-weight: normal;margin-top: 70px;overflow: hidden;}
.Case-Group .item .text h4 a{display: block;float: left;margin-left: 20px;width: 120px;height: 40px;line-height: 40px;text-align: center;border: 1px #e6e6e6 solid;background-color: #fff;font-size: 14px;color: #333;border-radius: 10px 0 10px 0;}
.Case-Group .item .text h4 a:first-child{margin-left: 0;background-color: #074e67;color: #fff;border: 1px #074e67 solid;}
.Case-Group .item .text h4 a em{display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;margin-left: 10px;width: 20px;height: 20px;background: url(../image/Case_icon02.png) no-repeat center center;}
.Case-Group .item .text h4 a:first-child em{background: url(../image/Case_icon01.png) no-repeat center center;}
/* 应用案例 End */

/* 制造流程 YangFangLing 2019年8月22日 */
.Process{padding: 60px 0;overflow: hidden;background-color: #fff;}

.Process-Con{margin-top: 40px;position: relative;}
.Process-Con:after{content: "";height: 1px;width: 100%;background-color: #d9d9d9;display: block;position: absolute;top: 65px;left: 0;}
.Process-Con ul li{float: left;text-align: center;margin-left: 84px;position: relative;z-index: 9;}
.Process-Con ul li:first-child{margin-left: 0;}
.Process-Con ul li span{width: 130px;height: 130px;display: block;margin: 0 auto;}
.Process-Con ul li span img{width: 130px;height: 130px;display: block;transition: .8s all;}
.Process-Con ul li:hover span img{transform: rotateY(360deg);top: -15px;position: relative;}
.Process-Con ul li p{font-size: 18px;color: #333;margin-top: 20px;}

/*.Process-Con ul li:nth-child(1){animation:fadeinB 0.5s linear;}
.Process-Con ul li:nth-child(2){animation:fadeinB .7s linear;}
.Process-Con ul li:nth-child(3){animation:fadeinB .9s linear;}
.Process-Con ul li:nth-child(4){animation:fadeinB 1.1s linear;}
.Process-Con ul li:nth-child(5){animation:fadeinB 1.3s linear;}
.Process-Con ul li:nth-child(6){animation:fadeinB 1.5s linear;}*/
/* 制造流程 End */

/* 关于优创科技 YangFangLing 2019年8月22日 */
.Abouts{padding: 50px 0;overflow: hidden;background: url(../image/Abouts_bg.jpg) no-repeat center center;}

.Abouts-Con{margin-top: 30px;}
.Abouts-Top{/* overflow: hidden; */}
.Abouts-Top .pic{float: right;width: 600px;height: 375px;/* overflow: hidden; *//*animation: fadeinR 1s ease-out backwards;*/position:relative;}
.Abouts-Top .pic a{display:block;position:relative;z-index:1;}
.Abouts-Top .pic:after{content:"";width:500px;height:395px;background-color:#fff;display:block;position:absolute;right:-10px;top:-10px;}
.Abouts-Top .pic img{width: 600px;height: 375px;display: block;transition: .8s all;}
.Abouts-Top .pic:hover img{transform: scale(1.01);}
.Abouts-Top .text{float: left;width: 520px;/*animation: fadeinL 1s ease-out backwards;*/}
.Abouts-Top .text h3{font-size: 28px;}
.Abouts-Top .text h3 a{color: #fff;}
.Abouts-Top .text h3 em{display: block;font-size: 14px;color: #fff;margin-top: 5px;}
.Abouts-Top .text i{width: 24px;height: 1px;background-color: #fff;display: block;margin: 30px 0;}
.Abouts-Top .text p{font-size: 14px;color: #fff;line-height: 25px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.Abouts-Top .text a.More{width: 120px;height: 40px;line-height: 40px;text-align: center;border-radius: 10px 0 10px 0;background-color: #fff;display: block;font-size: 14px;color: #333;margin-top: 118px;}

.Abouts-Bot{margin-top: 40px;padding-top: 40px;border-top: 1px #3d6f84 solid;position: relative;}

.Abouts-Img ul li{float: left;width: 294px;height: 183px;overflow: hidden;margin-right: 8px;}
.Abouts-Img ul li img{width: 294px;height: 183px;display: block;transition: .8s all;}
.Abouts-Img ul li:hover img{transform: scale(1.1);}

.Abouts-Bot i{width: 46px;height: 46px;display: block;cursor: pointer;overflow: hidden;position: absolute;top: 110px;}
.Abouts-Bot i img{width: 46px;height: 46px;display: block;}
.Abouts-Bot i.prev{left: -80px;}
.Abouts-Bot i.next{right: -80px;}
/* 关于优创科技 End */

/* 搜索 YangFangLing 2019年8月22日 */
.SearchFor{height: 60px;line-height: 60px;background-color:#fff;overflow: hidden;}

.SearchFor .keyword {font-size: 16px;color: #333;height: 60px;width: 800px;}
.SearchFor .keyword span {float: left;height: 60px;line-height: 60px;color: #333;}
.SearchFor .keyword p {float: left;height: 60px;line-height: 60px;}
.SearchFor .keyword p a {float: left;height: 60px;line-height: 60px;color: #999;font-size: 16px;padding: 0 8px;}
.SearchFor .keyword p a:hover {color: #074e67;}
.SearchFor form{border-left: 1px #ededed solid;height: 60px;}
.SearchFor .inp {width: 270px;height: 60px;overflow: hidden;position: relative;}
.SearchFor .inp input {float: left;border:none;height: 60px;line-height: 60px;width: 200px;font-size: 14px;color: #999;background: none;outline: none;padding: 0 20px;}
.SearchFor .inp button {display: block;cursor: pointer;background:  no-repeat;border:  none;position: absolute;outline: none;right: 0;top: 0;height: 60px;padding: 0;}
.SearchFor .inp button i {display: block;width: 34px;height: 60px;background: url(../image/SearchIcon.jpg) no-repeat right center;}
/* 搜索 End */

/* 产品中心 YangFangLing 2019年8月22日 */
.Product{padding: 70px 0;overflow: hidden;background-color: #f2f2f2;}

.Product-Con{margin-top: 40px;overflow: hidden;}

.Product-Group{width: 860px;float: right;/*animation: fadeinR 1s ease-out backwards;*/}
.Product-Group .item{float: left;width: 280px;border-radius: 10px;overflow: hidden;margin-left: 10px;margin-top: 10px;}
.Product-Group .item:hover{box-shadow: 0 0 15px rgba(0,0,0,0.1);}
.Product-Group .item:nth-child(3n+1){margin-left: 0;}
.Product-Group .item:nth-child(1){margin-top: 0;}
.Product-Group .item:nth-child(2){margin-top: 0;}
.Product-Group .item:nth-child(3){margin-top: 0;}
.Product-Group .item span{width: 280px;height: 280px;overflow: hidden;display: block;}
.Product-Group .item span img{width: 280px;height: 280px;display: block;transition: .8s all;}
.Product-Group .item:hover span img{transform: scale(1.1);}
.Product-Group .item p{font-size: 16px;color: #333;height: 50px;line-height: 50px;background-color: #e6e6e6;text-align: center;padding: 0 10px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.Product-Group .item:hover p{background-color: #074e67;color: #fff;}

.Product-Nav{width: 300px;float: left;/*animation: fadeinL 1s ease-out backwards;*/}
.Product-Nav dl{border-radius: 10px 10px 0 0;margin-top: 20px;background-color: #e6e6e6;}
.Product-Nav dl:first-child{margin-top: 0;}
.Product-Nav dl dt{height: 60px;line-height: 60px;background-color: #074e67;padding: 0 25px;}
.Product-Nav dl dt a{display: block;color: #fff;font-size: 20px;background: url(../image/sjx.png) no-repeat center right;}
.Product-Nav dl dd{padding: 25px;}
.Product-Nav dl dd ul li{font-size: 16px;color: #333;margin-top: 16.5px;position: relative;padding-left: 15px;}
.Product-Nav dl dd ul li a{color: #333;display: block;}
.Product-Nav dl dd ul li:hover>a{color: #074e67;}
.Product-Nav dl dd ul li:hover:after{background-color: #074e67;}
.Product-Nav dl dd ul li:after{content: "";width: 4px;height: 1px;background-color: #999;display: block;position: absolute;top: 50%;left: 0;margin-top: -.5px;}
.Product-Nav dl dd ul li:first-child{margin-top: 0;}

.Product .More{text-align: center;margin-top: 50px;}
.Product .More a{margin-left: -3px;display: inline-block;width: 130px;height: 50px;border: 1px #074e67 solid;line-height: 50px;text-align: center;background-color: #074e67;color: #fff;font-size: 16px;border-radius: 0 0 15px 0;}
.Product .More a:first-child{background-color: #fff;color: #333;border-radius: 15px 0 0 0;border: 1px #d9d9d9 solid;}

.Product-Nav dl dd ul li .y-product-three-nav {width: 265px;background-color: #fff;position: absolute;right: -260px;top: -8px;z-index: 999;display: none;box-shadow: 2px 2px 10px #ccc;}
.Product-Nav dl dd ul li .y-product-three-nav:before { content: ''; display: block;}
.Product-Nav dl dd ul li .y-product-three-nav>a {display: block;font-size: 14px;padding: 5px 20px;border-bottom: solid 1px #eee;color: #333;position: relative;width: 100%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;box-sizing:  border-box;line-height: 24px;}
.Product-Nav dl dd ul li .y-product-three-nav>a:hover{color:#074e67;}
.Product-Nav dl dd ul li .y-product-three-nav>a.y-right-arrow:before, .Product-Nav dl dd ul li .y-product-three-nav>a.y-right-arrow:after { top: 16px;}
.Product-Nav dl dd ul li:hover .y-product-three-nav{display:block;}

.triangle_border_left { width:0; height:0; border-width:6px 6px 6px 0; border-style:solid; border-color:transparent #fff transparent transparent; position:absolute; left: -6px; top: 12px; z-index: 9;}
.triangle_border_left span{ display:block; width:0; height:0; border-width:6px 6px 6px 0; border-style:solid; border-color:transparent #fc0 transparent transparent; position:absolute; top:0px; left:0px; }
/* 产品中心 End */

/* 提交您的需求 YangFangLing 2019年8月29日 */
.Demand{padding: 40px 0;overflow: hidden;background: #f2f2f2 url(../image/Demand_bg.jpg) no-repeat center center;}
.Demand .pic{width: 600px;position: relative;float: left;animation: fadeinL 1s ease-out backwards;}
.Demand .pic span{width: 600px;height: 375px;display: block;overflow: hidden;}
.Demand .pic span img{width: 600px;height: 375px;display: block;transition: .8s all;}
.Demand .pic:hover span img{transform: scale(1.1);}
.Demand p{background: url(../image/NewsBg.png) center top;height: 64px;line-height: 64px;position: absolute;left: 0;bottom: 0;width: 94%;overflow: hidden;padding: 0 3%;}
.Demand p em{display: block;float: left;color: #fff;font-size: 18px;font-weight: bold;}
.Demand p a{display: block;float: right;font-size: 14px;color: #333;width: 107px;height: 38px;line-height: 38px;text-align: center;background-color: #fff;position: relative;border-radius: 10px 0 10px 0;top: 14px;}
.Demand p a i{width: 14px;height: 7px;display: inline-block;vertical-align: middle;margin-left: 10px;background: url(../image/jietou.png) no-repeat center center;}

.Demand .text{width: 560px;float: right;animation: fadeinR 1s ease-out backwards;}
.Demand .text h3{font-weight: normal;font-size: 32px;color: #333;}
.Demand .text h3 em{font-size: 18px;color: #666;margin-top: 5px;display: block;}
.Demand .text form ul{margin-top: 27px;}
.Demand .text form ul li{position: relative;width: 100%;margin-top: 10px;}
.Demand .text form ul li:first-child{margin-top:0;}
.Demand .text form ul li input{width: 84%;height: 50px;line-height: 50px;padding: 0 13% 0 3%;border: 1px #e3e3e3 solid;outline: none;font-size: 16px;color: #999;border: 1px #e3e3e3 solid;}
.Demand .text form ul li i{height: 50px;width: 1px;background-color: #e3e3e3;display: block;position: absolute;right: 55px;top: 1px;}
.Demand .text form ul li.li03 input{background: #fff url(../image/Demand02.png) no-repeat 522px center;}
.Demand .text form ul li.li02 input{background: #fff url(../image/Demand01.png) no-repeat 521px center;}
.Demand .text form ul li.li04 a{display: block;height: 50px;color: #fff;font-size: 16px;background-color: #074e67;margin-top: 10px;text-align: center;line-height: 50px;width: 150px;}
.Demand .text form ul li.li04 a em{display: block;width: 4px;height: 8px;display: inline-block;vertical-align: middle;background: url(../image/Demand03.png) no-repeat center center;margin-left: 10px;}
.Demand .text form ul li textarea{width: 94%;height: 60px;outline: none;resize: none;border: 1px #e3e3e3 solid;padding: 3%;font-size: 16px;color: #999;}
/* 提交您的需求 End */