﻿@charset "utf-8";

/*banner*/
.banner{position: relative; height:800px;overflow: hidden;clear: both;}
.ban_p,.ban_p li{ height:800px;overflow: hidden; width:100%;}
.ban_p ul,.ban_p li{width: 100% !important;}
.ban_p li a{ display:block; height:800px; background:url(../images/banner1.jpg) no-repeat center 0;}
.ban_t{width:1100px;height:40px;bottom: 0;left:50%;margin-left:-550px;position: absolute;text-align: center;}
.ban_t em{width: 13px;height: 13px;border-radius: 13px;margin-right:8px; display: inline-block;background: #fff;}
.ban_t em.on{background: #ea6248;}

.tils{ text-align: center; height: 107px; font-size: 16px; color: #666666; font-weight: normal; padding-top:36px;}
.tils i{ display: block; font-weight: bold; color: #333; font-size: 36px; line-height: 100%; padding-bottom: 13px;font:Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;}
.tils1{ text-align: center; height: 107px; font-size: 16px; color: #fff; font-weight: normal;padding-top:36px;}
.tils1 i{ display: block; font-weight: bold; color: #fafafa; font-size: 36px; line-height: 100%; padding-bottom: 13px;font:Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;}


.seabox{overflow:hidden;height:80px;font-family:Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;background: url(../images/gongyi_bg1.jpg) no-repeat center top;}
.sea_inp{width:390px;overflow: hidden;height: 40px;line-height: 40px;margin-top: 20px;}
.sea_inp .serach{width:260px;height:40px;border:0;background:#f4f4f4 url(../images/sea.png) no-repeat 18px center;line-height:40px;color:#8e8e8e;float:left;outline: none;display: block;position: relative;padding: 0 15px 0 45px;}
.sea_inp .sub{ width:70px; height:40px;border:0;float:left;cursor: pointer;display: block;color: #fff;background-image: linear-gradient(90deg, #030000 0%, #222020 25%, #404040 51%, #181818 100%), linear-gradient( #6b6b6b, #6b6b6b);}
.k_word{overflow:hidden;width:700px;height: 80px;line-height: 80px;}
.k_word a{color:#6b6b6b;padding: 0 20px 0 5px;}
.k_word b{color:#333;display: inline-block;font-weight: normal;}

/*问题*/
.kh_bj{padding-top:12px;height:775px;background: url(../images/kh_bj.jpg) no-repeat center top; overflow: hidden;font-family:"Microsoft Yahei";}
.kh{ position: relative; height: 459px; }
.kh li{width:320px; overflow: hidden; position: absolute;}
.kh li h3{ font-size:18px;color:#fff; font-weight: bold;padding-left:62px; height: 38px;line-height: 38px; margin-bottom: 10px;}
.kh li p{ line-height: 28px;color:#666;  font-size:15px; }
.kh li p b{font-weight: normal;color: #f28402;}
.kh .li_1{left:0;top:0;}
.kh .li_2{right:0;top:0;}
.kh .li_3{left:0;top:178px;}
.kh .li_4{right:0;top:178px;}
.kh .li_5{left:0;top:330px;}
.kh .li_6{right:0;top:330px;}

/*产品中心*/
.probox{height:990px;font-family:Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;padding:40px 0 0;background: url(../images/bj.jpg) repeat-y;}
.pro_nav{width:20%;background:#fff;}
.pro_nav h2{font-size:26px;line-height:80px;height:95px;padding:18px 0 0;background-image: linear-gradient(90deg, #030000 0%, #222020 25%, #404040 51%, #181818 100%), linear-gradient( #6b6b6b, #6b6b6b);overflow: hidden;text-align: center;}
.pro_nav h2 span{font-size:12px;line-height:18px;background:url(../images/procbg.png) no-repeat center 0;font-family: Arial;display: block;text-transform: uppercase;color: #fafafa;}
.pro_nav h2 a{color: #fff;}

.pro_nl{padding:2px 20px 0;height:652px;overflow: hidden;}
.pro_nl h3{clear: both;padding: 18px 0 0;height: 40px;line-height: 40px;font-size: 16px;display: block;white-space: nowrap;}
.pro_nl h3 a{display: block;background:url(../images/ico1.png) no-repeat 247px 13px #000;padding: 0 48px;color: #fff;}
.pro_nl h3.on a{background:url(../images/ico2.png) no-repeat 247px 13px #ea6248;}
.pro_nl li{height:39px;line-height: 39px;font-size:15px;position: relative;border-bottom:dashed 1px #e6e6e6;padding: 0 24px;white-space: nowrap;}
.pro_nl li a{display: block;background:url(../images/ico03.png) no-repeat 0 center;padding: 0 0 0 25px;color: #000;}

.pro_pho{background:url(../images/pro_pho.jpg) no-repeat 0 0;line-height: 28px;padding: 42px 0 0 97px;height: 85px;color: #666;white-space: nowrap;}
.pro_pho b{display: block;font-size: 24px;line-height:30px;color: #EA6248;letter-spacing: -1px;}

.pro_list{width:100%;overflow: hidden;}
.pro_list h2{height: 42px;border: solid 1px #dcdcd8;position: relative;font-weight: normal;font-size: 20px;line-height: 42px; background:#fff}
.pro_list h2 a{color: #fff;}
.pro_list h2 b{position: absolute;display: block;width: 117px;height: 44px;line-height: 44px;left:-1px;top:-1px;z-index: 1;font-weight: normal;background-image: linear-gradient(90deg, #030000 0%, #222020 25%, #404040 51%, #181818 100%), linear-gradient( #6b6b6b, #6b6b6b);color: #fff;text-align: center;}
.more01{width: 65px;font-size: 14px;text-transform: uppercase;font-weight: normal;}
.more01 a,.pro_list h2 .more01 a{color: #555;}

.pro_lc ul{width: 100%;}
.pro_lc li{width:23.5%;height:284px;float: left;margin:28px 2% 0 0;position: relative;overflow: hidden;color: #fff;font-size: 16px;box-sizing:border-box }
.pro_lc li:nth-child(4n){margin-right:0; }
.pro_lc li img{width:100%;height: auto;display: block;border: solid 1px #dcdcdc;border-bottom: 0;}
.pro_lc li p{display: block;width:100%;line-height:54px;z-index: 1;position: absolute;background:#fff;left: 0;bottom: 0;text-align: center;}
.pro_lc li p span{display:none;}
.pro_lc li a{display:inline-block;color: #333;}
.pro_lc li.cur p{background-image: linear-gradient(90deg, #030000 0%, #222020 25%, #404040 51%, #181818 100%), linear-gradient( #6b6b6b, #6b6b6b);color: #fff;}
.pro_lc li.cur p a{ color:#fff}

.pro_pic{height: 404px; background: #f6f6f6;margin-top:6px;}
.pro_img{width:100%;margin: 0 auto 0; padding-top: 20px;}
.pro_img dt{width: 45%; float: left;}
.pro_img dt img{width: 100%; height: 360px;}
.pro_img dd{width: 52%; float: right; font-size: 14px; line-height: 26px; color: #666;}
.pro_img h4{height: 60px; font-size: 30px; line-height: 60px; padding-top:16px; }
.pro_img h4 a{color: #333;text-decoration:none;}
.pro_img p{height:160px;overflow: hidden; font-size: 15px; line-height: 26px; color: #666;margin-bottom: 30px; padding-right:60px}
.pro_img dd span{display: block; width: 120px; height: 35px; font-size: 14px; line-height: 35px; text-align: center;background-image: linear-gradient(90deg, #030000 0%, #222020 25%, #404040 51%, #181818 100%), linear-gradient( #6b6b6b, #6b6b6b);}
.pro_img dd span a{display: block; color: #fff;}
.pro_prev{width: 43px; height: 85px; top: 160px; left: 0; overflow: hidden; cursor: pointer;z-index:10;}
.pro_next{width: 43px; height: 85px; top: 160px; right: 0; overflow: hidden; cursor: pointer;z-index:10;}
.pro_prev img,.pro_next img{display: block; width: 43px; height: 171px;}
.pro_prev:hover img,.pro_next:hover img {margin-top: -86px;}

.fenlei{ height:auto; overflow:hidden; margin-bottom:50px; text-align:center }
.fenlei li{ display:inline-block; width:130px; line-height:46px; text-align:center; background-image: linear-gradient(90deg, #030000 0%, #222020 25%, #404040 51%, #181818 100%), linear-gradient( #6b6b6b, #6b6b6b); margin:0 10px;border-top-left-radius:15px ; border-bottom-right-radius:15px}
.fenlei li a{ color:#fff; font-size:16px}
.sy_sczx .main_border {
  border-bottom: 4px solid #fff;
}
.sy_sczx {padding: 60px 0;overflow: hidden;background: url(../images/bj.jpg) repeat-y;}
.sy_sczx .bd ul li { width:24.25%; float:left; margin: 0 1% 30px 0;overflow: hidden;border: #fff 1px solid;box-sizing: border-box;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;background:rgba(255,255,255,0.9);}
.sy_sczx .bd ul li:nth-child(4n){margin-right:0; }
.sy_sczx .bd ul li:hover{box-shadow: 0px 0px 10px #ccc;transform: translateY(-5px);-wbkit-transform: translateY(-5px);-o-transform: translateY(-5px);-moz-transform: translateY(-5px);transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}
.sy_sczx .bd ul li .tp { position:relative; overflow:hidden}
.sy_sczx .bd ul li img {width:100%; display:block; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.sy_sczx .bd ul li:hover img{-webkit-transform:scale(1.07); -moz-transform:scale(1.07); -o-transform:scale(1.07); -ms-transform:scale(1.07); transform:scale(1.07); -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.sy_sczx .bd ul li .tp .mb { width:100%; height:100%; background:rgba(0,0,0,0.8); position:absolute; left:0; top:100%;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; opacity:0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.sy_sczx .bd ul li .tp .mb .box {width: 100%;}
.sy_sczx .bd ul li .tp .mb h4 { font-size:16px; color:#fff; padding:20px 0 20px ; text-align:center;}
.sy_sczx .bd ul li .tp .mb .more1 { width:35px; height:35px; background:url(../images/icon7.png) center center no-repeat; margin:0 auto;display: block;}
.sy_sczx .bd ul li .wenz {padding: 10px;}
.sy_sczx .bd ul li h3 { font-size:16px; color:#333; margin:0px 0 10px;border-bottom: #fff 1px solid;padding-bottom: 10px;}
.sy_sczx .bd ul li p {font-size: 14px;color: #555;line-height: 1.8;background: url(../images/jt2.png) right center no-repeat;}
.sy_sczx .bd ul li:hover .tp .mb {top:0;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; opacity:1}



.adv{width: 100%; background: url(../images/bj.jpg) repeat-y; padding-bottom:50px}

.adv .title{width: 100%; padding-top:30px;height:184px;background: url(../images/advBg01.png) no-repeat center bottom;text-align: center;}


.adv .mainCon{width: 85%; margin:30px auto 0;border-radius:10px; background:#f2f2f2}

.adv .mainCon .con1{height: auto; overflow:hidden;padding-top:32px;}

.adv .mainCon .con2{height: auto; overflow:hidden;}

.adv .mainCon .con3{height: auto; overflow:hidden;}

.adv .mainCon .con4{height: auto; overflow:hidden;}

.adv .mainCon .con5{ overflow:hidden}

.adv .mainCon .con .box{width: 521px;position: relative;}

.adv .mainCon .con .box dl{padding-left: 30px;}

.adv .mainCon .con dt{font-size: 24px;color: #333333;font-weight: bold;margin-bottom: 36px;margin-top:8px}

.adv .mainCon .con dd p{font-size: 14px;color: #666666;line-height: 19px;margin-top: 12px;}

.adv .mainCon .con dd p:first-child{margin-top: 0;}

.adv .mainCon .con a{display: block;font-size: 16px;color: #fff;width: 158px;height: 44px;line-height: 44px;text-align: center;text-decoration: none;background-image: linear-gradient(90deg, #030000 0%, #222020 25%, #404040 51%, #181818 100%), linear-gradient( #6b6b6b, #6b6b6b);margin-top: 50px;}

.adv .mainCon .con .box img{display: block;position: absolute;top: 5px;left: 0;}

.adv .mainCon .con1 .box1{ float:left; width:646px;}
.adv .mainCon .con1 .box2{width:490px;position: relative; float:right; padding-left:30px;  }
.adv .mainCon .con1 .box2 img{display: block;position: absolute;top: 5px;left: 0;}
.adv .mainCon .con2 .box1{float:left; width:506px; padding-left:30px; position:relative;}
.adv .mainCon .con2 .box2 { float:right;width:644px;}
.adv .mainCon .con2 .box1 img{display: block;position: absolute;top: 5px;left: 0;}

.adv .mainCon .con3 .box{margin-left: 678px;} 
.adv .mainCon .con3 .box1{ float:left; width:653px;}
.adv .mainCon .con3 .box2{width:470px;position: relative; float:right; padding-left:30px; }
.adv .mainCon .con3 .box2 img{display: block;position: absolute;top: 5px;left: 0;}
.adv .mainCon .con4 .box1{float:left; width:480px; padding-left:30px; position:relative}
.adv .mainCon .con4 .box2 { float:right;width:638px;}
.adv .mainCon .con4 .box1 img{display: block;position: absolute;top: 5px;left: 0;}

.adv .mainCon .con5 .box{margin-left: 678px;}
.adv .mainCon .con5 .box1{ float:left; width:646px;}
.adv .mainCon .con5 .box2{width:470px;position: relative; float:right; padding-left:30px; }
.adv .mainCon .con5 .box2 img{display: block;position: absolute;top: 5px;left: 0;}
/*流程*/
.lc{height:330px; overflow: hidden;font-family: "Microsoft YaHei";background:#fff;padding-top:40px;}
.lc h2{background:url(../images/lc_line.png) no-repeat center center; height:65px; line-height: 65px;text-align: center;margin-bottom:30px; font-size: 36px; color:#EA6248;}
.lc ul{margin-top: 20px; height:224px; overflow: hidden;}
.lc li{ float: left;padding-right: 55px;margin-right: 36px;width:124px;overflow: hidden;background:url(../images/lc_ico.png) no-repeat right 56px;}
.lc li span{display: block;text-align: center;padding:143px 17px 0; font-size: 16px; line-height: 20px; color:#333333;font-weight:bold;}
.lc .li06{margin-right: 0;padding-right: 0;background:none;}
.lc li a{display: block;width:124px;}
.lc li.li01 a{background:url(../images/lc01.png) no-repeat center 0; }
.lc li.li02 a{background:url(../images/lc02.png) no-repeat center 0; }
.lc li.li03 a{background:url(../images/lc03.png) no-repeat center 0; }
.lc li.li04 a{background:url(../images/lc04.png) no-repeat center 0; }
.lc li.li05 a{background:url(../images/lc05.png) no-repeat center 0; }
.lc li.li06 a{background:url(../images/lc06.png) no-repeat center 0; }
.lc li.li01 a:hover{background:url(../images/lc07.png) no-repeat center 0; }
.lc li.li02 a:hover{background:url(../images/lc08.png) no-repeat center 0; }
.lc li.li03 a:hover{background:url(../images/lc09.png) no-repeat center 0; }
.lc li.li04 a:hover{background:url(../images/lc10.png) no-repeat center 0; }
.lc li.li05 a:hover{background:url(../images/lc11.png) no-repeat center 0; }
.lc li.li06 a:hover{background:url(../images/lc12.png) no-repeat center 0; }
.lc i{display: block; float: left;margin-left: 369px; width:332px; height:40px; border:1px solid #EA6248;text-align: center; line-height: 40px; font-size: 20px; color:#333333;font-weight:bold;}
.lc em{display: block;width:131px;height:42px;background:#EA6248;float: left;text-align: center; line-height:42px; font-size: 16px;}
.lc em a{ color:#fff;}



/*应用案例*/
.case{padding:30px 0 70px;background: url(../images/gongyi_bg1.jpg)  no-repeat center / cover fixed; width:100%}
.case_l,.case_r{position: absolute;top: 465px;width: 80px;border-radius:50%;z-index:200;background-color:#fff;}
.case_l{left: -40px;}
.case_r{right: -40px;}
.case_l a,.case_r a{display: block;width: 80px;height: 80px;}
.case_l a{background:url(../images/case_lico01.png) no-repeat;}
.case_l a:hover{background:url(../images/case_lico02.png) no-repeat;}
.case_r a{background:url(../images/case_rico01.png) no-repeat;}
.case_r a:hover{background:url(../images/case_rico02.png) no-repeat;}
.case_m dl{width: 100%;height:700px  ;position: relative;}
.case_m dl dt{width: 100%;height: 700px;line-height: 0;}
.case_m dl dt img{width:100%;height: 700px;}
.case_m dl dd{background: rgba(0,0,0,.5);width: 490px; height:100%; position: absolute; top: 0; right: 0;padding: 80px 0 0;overflow: hidden;} 
.case_m dl dd h5{height: 100px; line-height: 40px; text-align: center; width: 330px; margin:0 auto;background:url(../images/case_line.gif) no-repeat center 60px;} 
.case_m dl dd h5 a{font-size: 28px;color: #fff;}
.case_m .case_desc{font-size: 16px; color: #fff; line-height: 28px; height: 175px; overflow: hidden;width: 385px; margin:0 auto;text-align: center;padding: 15px 0 0; text-align:left} 
.case_m dl dd span{margin-left:50px;}
.case_m dl dd span a{display: inline-block;border:1px solid #ccc;padding:10px 20px;margin-left:15px;font-size:16px;color:#fff;}
.case_m dl dd span a:hover{animation:shake 1.4s linear;-webkit-animation:shake 1.4s linear;color:#fff;background:#525252;}

/*合作客户*/
.hz{padding:0 0 30px;}
.hz_m{width: 85%;overflow: hidden;}
.hz_m ul li{width: 240px;float: left;overflow: hidden;}
.hz_m ul li em{width: 220px;height: 124px;display: block;overflow: hidden;line-height: 0;box-shadow: 0 3px 8px 3px #d0d0d0;margin:10px;}
.hz_m ul li em img{width: 220px;height: 124px;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(1);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray; }
.hz_m ul li span{ width:220px; display:block; text-align:center; height:25px; line-height:25px; overflow:hidden;font-size: 14px;color: #333;}
.hz_m ul li a:hover img{
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);}


/*关于*/
.aboutbox{padding: 60px 0 0;font-family: "Microsoft Yahei";line-height:31px;color: #464646;background:url(../images/gongyi_bg1.jpg) no-repeat center top;margin-bottom:25px;}
.aboutbox .content{position: relative;}
.about_p{position: absolute;right:0; height:460px;width:40%; border:5px solid #fff;}
.about_p img{ width:100%;height:460px;}
.about{height:542px;}
.about_c{width: 56%;}
.about_c h2{height:133px;font-size: 30px;line-height: 66px;color: #000;}
.about_c h2 em{display: block;line-height:62px;text-transform: uppercase;color: #6c6b6b;font-weight: normal;font-size: 40px;}
.about_c h2 a{display: block;color: #f7cc7d;}
.about_w{display: block;height:215px;overflow: hidden;padding: 27px 0 0;font-size:16px; line-height:36px}
.about_more{display: block;width: 196px;height: 47px;line-height: 47px;border: solid 2px #929292;font-size: 16px;text-align: center; margin-top:30px}
.about_more a{display: inline-block;color: #2e2e2e;background:url(../images/ico05.png) no-repeat right center;padding-right: 57px; }

/*风采展示*/
.show{font-family: "Microsoft Yahei";line-height:33px;position: relative;padding: 32px 0 0;}
.prev2,.next2{width: 80px;height: 80px;display: block;top:250px;right: -90px;background:url(../images/case_rico01.png) no-repeat 0 0;}
.prev2{left: -90px;background:url(../images/case_lico01.png) no-repeat 0 0;}
.prev2:hover,.next2:hover{background-position: 0 bottom;}
.show_t{height:73px;line-height:34px;font-size:22px;}
.show_t li{float: left;color: #999;padding: 0 0 0 29px;background:url(../images/new_ico2.png) no-repeat 0 8px;}
.show_t li em{display: inline-block;padding: 0 18px;color: #828282;font-weight: normal;}
.show_t li:nth-child(1){background:url(../images/new_ico1.png) no-repeat 0 8px;}
.show_t li.cur{color: #EA6248;font-weight: bold;background-position: 0 -36px;}
.show_l1{width: 85%;overflow: hidden;}
.show_c li{width: 283px;float: left;margin: 50px 23px 0 0;overflow: hidden;}
.show_c li span{display: block;line-height:33px;color:#a9a9a9;border-bottom: solid 2px #393939;text-align: center;}
.show_c li span a{display: block;color: #a9a9a9;}
.show_c li p,.show_c li p img{width:283px;display: block;overflow: hidden;}
.show_c .show_c1:nth-child(2) ul li{margin-top:50px;}


/*关于*/
/*.abobox{font-family:"Microsoft Yahei";line-height:30px;color: #666;background:url(../images/about_pic.jpg) no-repeat center 183px;overflow: hidden;}
.abobox .til01{height: 80px;margin-bottom: 15px;display: block;}
.about_ge{background:url(../images/ge01.gif) no-repeat center 0;height: 77px;overflow: hidden;display: block;}
.about_ico{width: 165px;height: 121px;border: solid 3px #EA6248;left: 0;top:83px;border-bottom: 0; }
.about_w{height: 238px;overflow: hidden;text-align: center;padding: 0 74px;}
.about_w h3{height:90px;overflow: hidden;line-height:90px;color: #EA6248;text-align:center;font-size:26px;}
.about_w h3 a{color: #EA6248;}
.about_w a{color: #7b3000;}
.about_w p{font-size:16px;}

.about_t{display: block;height:378px;background:url(../images/bg02.png) repeat;left: 0;top: 0;padding:183px 20px 0;width:131px;font-size: 16px;text-align: center;}
.about_t span{display: block;height:46px;line-height:46px;margin-bottom:20px;color: #fff;border: solid 3px #fff;border-radius: 23px;font-size: 20px;font-weight: bold;overflow: hidden;}
.about_t span a{color: #fff;display: block;}
.about_t span:hover,.about_t span a:hover{background: #fff;color: #EA6248;}*/

/*风采展示*/
/*.show{font-family:"Microsoft Yahei";position: relative;}
.showtil{height:58px;font-size:20px;color: #fff;background: #f2f2f2;line-height: 58px;border-left: solid 3px #EA6248;padding: 0 0 0 25px;margin-bottom: 34px;}
.showtil li{float: left;}
.showtil li a{color: #404040;display: inline-block;padding: 0 16px;}
.showtil li.on a,.showtil li a:hover{color: #EA6248;font-weight:bold;}
.show1{position: relative;}
.show_cp{width: 85%;overflow: hidden;}
.show1 ul{width:1280px;}
.show1 li{width:280px;float: left;margin: 0 26px 0 0;position: relative;}
.show1 li img,.show1 li span,.show1 li span a{width:280px;display: block;}
.show1 li p{display: block;border-bottom: solid 1px #e2e2e2;height: 69px;line-height: 68px;font-size: 16px;}
.show1 li p a{display: block;background:url(../images/ico05.gif) no-repeat right center;color: #666;}
.show1 li span{position: absolute;display: block;bottom:70px;left: 0;height: 0;-webkit-transition:height .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);-webkit-transition:height .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.show1 li.cur p{border-bottom: solid 3px #EA6248;height: 67px;}
.prev2,.next2{ top:81px;}*/

/*资讯*/
    /**/
.zix{ height: auto  ; overflow: hidden; padding-bottom:80px;background: url(../images/bj.jpg) repeat-y; margin-top:-30px; padding-top:40px}
.zix_l{height: 487px; background: #f5f5f5; padding:30px  32px ; width: 70%;box-sizing:border-box;   overflow:hidden }
.zi_l{ height: 53px;  overflow: hidden;}
.zi_l ul li{ float: left; margin-right: 25px; }
.zi_l ul li a{ color: #4c4c4c; font-size: 24px;line-height: 100%;}
.zi_l ul li.cur{font-weight: bold;}
.zi_l ul li.cur a{font-weight: bold; color: #000000;}
.zi_l span{ display: inline-block; float: right;}
.zi_l span img{ margin-left: 11px; display: inline-block;}
.zi_n dl{ overflow: hidden;}
.zi_n dl dt{ float: left; width: 25%;}
.zi_n dl dt img{ width: 100%;}
.zi_n dl dd{ float: right; width: 73%;}
.zi_n dl dd h4{ overflow: hidden; height: 23px; line-height: 23px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.zi_n dl dd h4 a{ font-weight: bold; color: #000; font-size: 18px;}
.zi_n dl dd p{ padding-top: 20px; font-size: 14px; color: #999; line-height: 28px;}
.zi_n dl dd em{ display: block; text-align: right; font-size: 14px; color: #000;}
.zi_n ul li{ float: left; padding:27px 18px 0 20px; width: 49%; margin-right:2%; margin-top: 10px; height:88px;background:url(../images/zi_ok.jpg) no-repeat 90% 30px #fff;box-sizing:border-box }
.zi_n ul li:nth-child(2n){ float: right;margin-right:0;}
.zi_n ul li span{ display: block; color: #808080; font-size: 12px;}
.zi_n ul li a{ color: #4c4c4c; font-size: 15px;height: 20px;overflow: hidden;display: block;white-space: nowrap;text-overflow: ellipsis;padding-right: 20px; }
.zi_n ul li a:hover{ color: #000; font-size: 15px;font-weight: bold;}

.flexBox {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;flex-wrap: wrap;}
.syNews {margin-top:0px;}
.syNews .topBox {-webkit-justify-content: space-between;-moz-justify-content: space-between;-ms-justify-content: space-between;-o-justify-content: space-between;justify-content: space-between;}
.syNews .topBox a {position: relative;height: 300px;overflow: hidden;background-color: #000000;}
.syNews .topBox a img {display: block;width: 100%;height: 100%;object-fit: cover;opacity: 0.9;transform: scale(1); transition: all 0.5s;}
.syNews .topBox a:hover img {opacity: 0.8;transform: scale(1.04);transition: all 0.5s;}
.syNews a.T-left { width: 58%;border-radius: 20px;overflow: hidden;}
.syNews a.T-right { width: 40%;border-radius: 20px;overflow: hidden;}
.syNews .topBox a .txtBox {position: absolute;bottom: 0;left: 0;width: 100%;padding: 30px;color: rgba(255, 255, 255, 0.8);}
.syNews .topBox a .sm {font-size: 24px;font-weight: bold;color: #fff;line-height: 24px;margin-bottom: 10px;}
.syNews .topBox a .bt {font-size: 20px;line-height: 34px;font-weight: lighter;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; width:90%}
.syNews .bottomBox {margin-top: 40px;}
.syNews .bottomBox .leftBox {width: 240px;}
.syNews .bottomBox .leftBox li {font-size: 20px;padding: 33px 25px;background: #fff;transition: all 0.5s ease;position: relative;cursor: pointer;}
.syNews .bottomBox .leftBox li strong {font-size: 30px;}
.syNews .bottomBox .leftBox li.on {position: relative;color: #fff;background: #ff8800;}
.syNews .bottomBox .leftBox li.on::after {content: "";width: 14px;height: 32px;background: url(../images/ipart05_jt.png) no-repeat center;position: absolute;left: 100%;top: 50%;margin-top: -16px;}
.syNews .bottomBox .tabContent {margin-left: 30px;-webkit-box-flex: 1;-moz-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;}
.syNews .tabContent ul li {width: 32%;margin-right: 2%;padding: 26px 30px; background: #f6f6f6; float: left;box-sizing:border-box}
.syNews .tabContent ul li.on {background-color: #fff;box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);}
.syNews .tabContent ul li:nth-child(3n) {margin-right:0;}
.syNews .tabContent ul li p.time strong {color: #ff8800;font-size: 20px;}
.syNews .tabContent ul li p.time strong:nth-last-of-type(2) {font-size: 46px;margin-right: 30px;}
.syNews .tabContent ul li p.time strong:nth-last-of-type(2)::after {content: "";display: inline-block;width: 1px;height: 40px;background-color: #ff8800;opacity: 0.5;transform: rotate(50deg) translateX(20px) translateY(-10px);}
.syNews .tabContent ul li p.time span {font-size: 14px;color: #818181;margin-left: 15px;}
.syNews .tabContent ul li p.bt {font-size: 18px;line-height: 28px;color: #000;overflow: hidden;margin-bottom: 13px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.syNews .tabContent ul li p.nr {font-size: 14px;line-height: 23px;color: #4c4c4c;height: 46px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
@media only screen and (max-width: 1439px) {.syNews .topBox a .bt {font-size: 20px;}
.syNews .bottomBox .leftBox {width: 184px;}
.syNews .bottomBox .leftBox li {font-size: 16px;}
.syNews .bottomBox .leftBox li strong {font-size: 20px;}
.syNews .tabContent ul li p.time strong:nth-last-of-type(2) {font-size: 34px;}
.syNews .tabContent ul li {padding: 28px 20px;}
}
@media only screen and (max-width: 991px) {.syNews .topBox {-webkit-flex-direction: column;-moz-flex-direction: column;-ms-flex-direction: column;-o-flex-direction: column;flex-direction: column;}
.syNews .topBox a {height: auto;}
.syNews a.T-left {width: 100%;}
.syNews .bottomBox .leftBox {width: 100%;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.syNews .bottomBox .leftBox li {padding: 10px 0;text-align: center;-webkit-box-flex: 1;-moz-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;}
.syNews a.T-right {width: 100%;margin-top: 30px;}
.syNews .bottomBox .leftBox li.on::after {display: none;}
.syNews .tabList {-webkit-flex-direction: column;-moz-flex-direction: column;-ms-flex-direction: column;-o-flex-direction: column;flex-direction: column;}
.syNews .bottomBox .tabContent {margin-left: 0;margin-top: 20px;}
.syNews .bottomBox .tabContent ul {-webkit-flex-direction: column;-moz-flex-direction: column;-ms-flex-direction: column;-o-flex-direction: column;flex-direction: column;}
.syNews .tabContent ul li {width: 100%;}
}
@media only screen and (max-width: 576px) {.syNews .topBox a .txtBox {padding: 0 15px 15px 15px;}
.syNews .topBox a .sm {font-size: 14px;font-weight: normal;}
.syNews .topBox a .bt {font-size: 16px;line-height: 28px;}
}




.zix_f{ padding: 0 33px 0 37px; width: 28%; height: 487px; background: #f5f5f5;box-sizing:border-box }
.zix_f  h3{font-weight: bold; line-height: 100%; padding-top: 32px; height: 48px; font-size: 24px; color: #000;}
.zix_f  h3 a{ color: #000;}
.zix_f p{ margin-bottom: 15px;}
.zix_f ul li{ height: 39px; line-height: 39px;   overflow:hidden;}
.zix_f ul li a{ font-size: 14px; color: #000;}
.zix_f ul li a:hover{font-weight: bold;color:#EA6248;}

/*友情链接*/
.link{height:63px;line-height:63px;font-family:"Microsoft Yahei";color: #7e7f82;overflow: hidden;white-space: nowrap;background: url(../images/gongyi_bg1.jpg) no-repeat center top;}
.link a{color: #7e7f82;display: inline-block;padding:0 30px 0 0;}


.xhgy{ background:#fff ; padding:40px 0px; height:auto; overflow:hidden;}


.sy_cp{width:100%; padding:0 0; overflow:hidden; background: url(../images/yj_bj.jpg) no-repeat center / cover;}
.sy_cp ul{width:85%; text-align:center; margin:0 auto}
.sy_cp ul li{width:285px; margin:0 20px 20px 0; float:left; position:relative;}
.sy_cp ul li:nth-child(4n){margin-right:0; }
.sy_cp .t_a{display:block; overflow:hidden;}
.sy_cp .t_b{position:absolute; top:0; left:0; opacity:0; overflow:hidden;
transition:all .5s;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;}
.sy_cp ul li:hover .t_b{opacity:1;}
.sy_cp img{width:100%; height:239px; display:block;
transition:all 3s;
-webkit-transition:all 3s;
-moz-transition:all 3s;
-ms-transition:all 3s;
-o-transition:all 3s;}
.sy_cp ul li:hover img{transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);}
.sy_cp .w_z{position:absolute; width:100%; background-color:rgba(0,0,0,.2); left:0; bottom:0;
transition:all .5s;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;}
.sy_cp .w_z a{font-size:15px; color:#fff; line-height:46px; text-align:center; display:block;}
.sy_cp ul li:hover .w_z{background-color:rgba(0,0,0,.8);}
.lx{margin-top:5px;}
.lx h3{width:100%; height:80px;  background-image: linear-gradient(90deg, #030000 0%, #222020 25%, #404040 51%, #181818 100%), linear-gradient( #6b6b6b, #6b6b6b); color:#fff; font-size:24px; line-height:80px; text-align:center; font-weight:normal}
.l{width:100%; border:1px solid #e7e7e7; background:url(../images/lx_bj.png) no-repeat right bottom; padding:15px; overflow:hidden; font-size:14px; line-height:28px; color:#555;box-sizing:border-box}
.l img{width:100%; height:auto; display:block;}
.l strong{font-size:15px; margin:10px 0 6px; display:block;}

.page{width:100%; margin:20px auto 50px; overflow:hidden;}
.page a{line-height:38px; color:#888; background-color:#fff; border:1px solid #d7d7d7; text-align:center; font-size:14px; width:38px; height:38px; float:left; margin-right:10px;}
.page a:hover{background-color:#000; border:1px solid #000; color:#fff;}
.page a.on{background-color:#000; border:1px solid #126cad; color:#fff;}
.ny_ban{width:100%; height:360px; overflow:hidden; position:relative; margin-bottom:30px;}
.ny_ban .tp{width:1200px; top:50%; margin-top:-10px; left:50%; margin-left:-600px; position:absolute;}
.ny_ban .tp img{width:100%; height:auto; display:block;}


.xinwen{width:100%; overflow:hidden;}
.xinwen ul{width:100%;}
.xinwen li{width:100%; padding-bottom:20px; margin-bottom:20px; border-bottom:1px dotted #d7d7d7; float:left; overflow:hidden;}
.xinwen .tp{width:200px; height:130px; float:left; overflow:hidden;}
.xinwen .tp img{width:100%; height:100%; display:block;}
.xinwen img{-webkit-transition:all .3s ease-in-out;}
.xinwen ul li:hover img{transform:scale(1.1); -webkit-transition:all .3s ease-in-out;}
.xinwen .wz{width:710px; float:right; overflow:hidden;}
.xinwen .wz h4{font-size:16px; margin-bottom:15px; font-weight:bold;}
.xinwen .wz p{font-size:14px; line-height:28px; margin-bottom:10px;}
.xinwen .wz span{color:#0576c7;}
.gy{width:100%; overflow:hidden; margin-bottom:50px}

.gy p{font-size:15px; color:#555; line-height:36px; }
.gy p strong{font-size:15px;}

.neiye{margin:50px auto; overflow:hidden; width:85%}
.neiye .lianxi .x_x{width:550px; float:left;}
.neiye .lianxi .l_y{width:550px; float:right;}
.neiye .lianxi .d_t{margin-top:50px;}
.neiye .lianxi h3{font-size:24px; margin-bottom:15px; font-weight:normal; color:#000}
.neiye .lianxi h4{font-size:16px; line-height:26px; color:#888; margin-bottom:15px;font-weight:normal}
.neiye .lianxi em{width:30px; height:1px; background-color:#EA6248; display:block; margin-bottom:15px;}
.neiye .lianxi b{font-family:Arial, Helvetica, sans-serif; color:#EA6248; padding-left:5px; font-size:20px !important;}
.neiye .lianxi p{font-size:16px; line-height:40px;}
.neiye .lianxi p i{padding-right:10px; color:#aaa;}
.neiye .lianxi input.w_z{width:158px; height:40px; font-size:14px; line-height:40px; margin-right:10px; margin-bottom:10px; border:1px solid #e7e7e7; padding:0 5px;}
.neiye .lianxi input.a_n{width:120px; height:40px; background-image: linear-gradient(90deg, #030000 0%, #222020 25%, #404040 51%, #181818 100%), linear-gradient( #6b6b6b, #6b6b6b); font-size:14px; color:#fff; line-height:40px; border:0}
.neiye .lianxi textarea{width:526px; height:66px; padding:5px; border:1px solid #e7e7e7; outline:none; resize:none; font-size:14px; line-height:28px; margin-bottom:10px;}


.liucheng{ height:auto; overflow:hidden;background: url(../images/gongyi_bg1.jpg) no-repeat center top;; padding-bottom:40px; padding-top:20px}
.proo ul{ width:100%; margin:0 auto;margin-top:0px; height:auto; overflow:hidden;background:url(../images/lct.png) center no-repeat ;}
.proo ul li{  float:left; width:14.2%; text-align:center; line-height:55px; font-size:14px; color:#333; position:relative;}
.proo ul li em{ display:block; width:100px; height:100px;  margin:0 auto;}
.proo ul li em img{ display:block; width:100%;  margin:0 auto;}

.proo ul li a{ color:#333; font-size:16px}
.proo ul li p{ display:block; position:absolute; width:128px; height:128px; left:50%; top:0; margin-left:-40px;transition:ease 0.6s;}
.proo ul li:hover p{ transform:rotate(180deg); transition:ease 0.6s}


.sy_td{width:100%; padding:30px 0 70px; overflow:hidden; position:relative;background: url(../images/bj.jpg) repeat-y;}
.sy_td .td_zs{position:relative;}
.sy_td .td_zs .swiper-button-prev{width:35px; height:35px; background:url(../images/zj1.png) no-repeat center; left:-60px; margin-top:-17px;
background-size:35px 35px;
-webkit-background-size:35px 35px;
-moz-background-size:35px 35px;
-ms-background-size:35px 35px;
-o-background-size:35px 35px;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.sy_td .td_zs .swiper-button-next{width:35px; height:35px; background:url(../images/yj1.png) no-repeat center; right:-60px; margin-top:-17px;
background-size:35px 35px;
-webkit-background-size:35px 35px;
-moz-background-size:35px 35px;
-ms-background-size:35px 35px;
-o-background-size:35px 35px;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.sy_td .td_zs .swiper-pagination{display:none;}
.sy_td .n_r{position:relative; overflow:hidden;}
.sy_td .t_p{overflow:hidden;}
.sy_td .t_p img{width:100%; height:auto; display:block;
transition:all 1s;
-webkit-transition:all 1s;
-moz-transition:all 1s;
-ms-transition:all 1s;
-o-transition:all 1s;}
.sy_td .n_r:hover .t_p img{transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);}
.sy_td .w_z{padding:15px 17px; position:absolute; bottom:0; left:0; background-color:rgba(0,0,0,.7); width:100%}
.sy_td .w_z h3{font-size:18px; font-weight:bold; line-height:28px; color:#fff; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.sy_td .w_z p{line-height:22px; color:#fff; height:0; overflow:hidden; display:-webkit-box;
line-clamp:2;
-webkit-line-clamp:2;
-moz-line-clamp:2;
-ms-line-clamp:2;
-o-line-clamp:2;
-webkit-box-orient:vertical;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.sy_td .n_r:hover .w_z p{height:44px; margin-top:10px;}
.jy_td{ height:auto; overflow:hidden; padding-bottom:50px; padding-top:10px}
.jy_td li{ float:left; width:23.5%; margin-right:2%}
.jy_td li:nth-child(4n){margin-right:0; }
.jy_td .n_r{position:relative; overflow:hidden; margin-bottom:30px;}
.jy_td .t_p{overflow:hidden;}
.jy_td .t_p img{width:100%; height:auto; display:block;
transition:all 1s;
-webkit-transition:all 1s;
-moz-transition:all 1s;
-ms-transition:all 1s;
-o-transition:all 1s;}
.jy_td .n_r:hover .t_p img{transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);}
.jy_td .w_z{padding:15px 17px; position:absolute; bottom:0; left:0; background-color:rgba(0,0,0,.7);}
.jy_td .w_z h3{font-size:18px; font-weight:bold; line-height:28px; color:#fff; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.jy_td .w_z p{line-height:22px; color:#fff; height:0; overflow:hidden; display:-webkit-box;
line-clamp:2;
-webkit-line-clamp:2;
-moz-line-clamp:2;
-ms-line-clamp:2;
-o-line-clamp:2;
-webkit-box-orient:vertical;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.jy_td .n_r:hover .w_z p{height:44px; margin-top:10px;}

.nxw2 { height:auto; padding:10px 0  50px}
.nxw2 ul li{  display: flex;   justify-content: space-between; margin-bottom:30px;align-items: center; background:#fff; padding:15px; box-sizing:border-box;transition:all 0.6s; border:#eee 1px solid; box-sizing:border-box }
.nxw2 ul li:hover{  box-shadow: 0 0 45px rgba(0, 0, 0, .08);  transition:all 0.6s}

.nxwpic{ width:30%; padding-bottom:18%; position:relative; overflow:hidden; }
.nxwpic img{ position:absolute; width:100%; height:100%;object-fit: cover;  transition:all 0.6s}
.nxwpic a:hover img{transform:scale(1.1,1.1); transition:all 0.6s}


.nxwzi{ width:70%; padding-left:25px; padding-right:10px;  box-sizing:border-box; overflow:hidden}
.nxwzi h1{   color:#999; font-size:12px; font-weight:normal; margin-bottom:15px}

.nxwzi h3 a{ display:block; font-size:18px; color:#000; font-weight:normal}
.nxwzi p{ display:block;  font-size:15px; line-height:28px; margin:10px 0 20px  ; color:#666;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow:hidden}

.nxwzi span { display:block;  text-align:center }
.nxwzi span  a{ display:block; color:#fff;  font-size:12px; background-image: linear-gradient(90deg, #030000 0%, #222020 25%, #404040 51%, #181818 100%), linear-gradient( #6b6b6b, #6b6b6b);;width:120px; line-height:35px; border-radius:50px; }
.nxwzi span  a:hover{ background:#ea6248; color:#fff; }

.nxwzi span  a i{ display:inline-block; padding-left:5px;transition:all 0.6s}
.nxwzi span  a:hover i{ padding-left:15px; transition:all 0.6s}


.fa_lb{ height:auto; overflow:hidden; padding:10px 0 50px}
.fa_lb li{width:32%; margin-bottom:30px; margin-right:2%; float:left}
.fa_lb li:nth-child(3n){margin-right:0; }
.fa_nr{transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.fa_nr{border:1px solid #ddd;}
.fa_nr:hover{box-shadow:0 0 20px rgba(0,0,0,.1);
transform:translateY(-10px);
-webkit-transform:translateY(-10px);
-moz-transform:translateY(-10px);
-ms-transform:translateY(-10px);
-o-transform:translateY(-10px);}
.fa_nr .t_p{overflow:hidden; background-color:#000; position:relative;}
.fa_nr .t_p span{width:140px; height:40px; border:1px solid #fff; border-radius:22px; font-size:15px; line-height:38px; text-align:center; color:#fff; position:absolute; top:50%; left:50%; margin:-20px 0 0 -70px; opacity:0; z-index:999; display:block;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.fa_nr:hover .t_p span{opacity:1;}
.fa_nr:hover .t_p span:hover{border:1px solid #112e55; background-color:#112e55;}
.fa_nr .t_p img{width:100%; height:auto; display:block;
transition:all 1s;
-o-transition:all 1s;
-ms-transition:all 1s;
-moz-transition:all 1s;
-webkit-transition:all 1s;}
.fa_nr:hover .t_p img{opacity:.4;
transform:scale(1.05);
-webkit-transform:scale(1.05);
-moz-transform:scale(1.05);
-ms-transform:scale(1.05);
-o-transform:scale(1.05);}
.fa_nr .w_z{padding:20px; background-color:#f7f7f7; position:relative;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.fa_nr:hover .w_z{background-color:#fff;}
.fa_nr .w_z:after{width:0; height:4px; background-color:#000; position:absolute; bottom:0; left:0; content:"";
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.fa_nr:hover .w_z:after{width:100%;}
.fa_nr .w_z h3{font-size:18px; font-weight:bold; line-height:30px; margin-bottom:10px; white-space:nowrap; overflow:hidden;text-overflow:ellipsis;}
.fa_nr .w_z p{font-size:15px; line-height:26px; color:#666; height: auto; overflow:hidden; display:-webkit-box;
line-clamp:2;
-webkit-line-clamp:2;
-moz-line-clamp:2;
-ms-line-clamp:2;
-o-line-clamp:2;
-webkit-box-orient:vertical;}


.sy_ys {padding: 60px 0 60px;}
.sy_ys content{width:85%; margin:0 auto;max-width: 1600px;}
.sy_ys ul li {width: 21%;margin:0.3%;float: left;height: 30rem;background: #f3f3f3;}
.sy_ys ul li:nth-child(2n){background: #e3e3e3;}
.sy_ys ul li:nth-child(3) {width: 34.4%;}
.sy_ys ul li:nth-child(3) img{height: 21rem}
.sy_ys ul li:nth-child(7) {width: 34.4%;}
.sy_ys ul li:nth-child(7) img{height: 21rem}
.sy_ys ul li img {width: 100%;display: block;height:15rem;}
.sy_ys ul li .wenz {padding: 25px 30px;box-sizing: border-box; height:auto; overflow:hidden;height:13rem;}
.sy_ys ul li .wenz h3 {font-size: 22px;color: #ff8800;margin-bottom: 15px;font-weight: bold;text-align: center;}
.sy_ys ul li .wenz p {font-size: 16px;color: #6c6c6c;line-height: 1.8;text-align: justify;}
.sy_ys ul li:nth-child(2n) .wenz {height:15rem; }
.sy_ys ul li:nth-child(4n) .wenz {height:15rem; } 




.tedian{ position:relative; width:85%; margin:20px auto 80px;  }
 
.tdpic{ width:90%; margin:0 auto;width:560px; position:relative; z-index:2 }
.tdpic img{ width:100%; height:auto}

.tiaodong{ width:100%; height:auto; text-align:center; position:absolute; bottom:0; left:0; animation-name: example;
  animation-duration: 2s;animation-iteration-count: infinite;}
.tiaodong img{ width:100%; height:auto; max-width:463px}

.tedian i img{ width:60px; height:auto}
.tedian h3{ display:block; color:#333; font-weight:normal; font-size:22px; font-weight:600; margin:10px 0 15px}
.tedian p{ font-size:18px; line-height:30px; color:#333}


.td1{ position:absolute; left:0; top:10%; width:calc(50% - 340px); border-right:#ff8800 2px solid; padding-right:50px; box-sizing:border-box}
.td2{ position:absolute; right:0; top:10%;width:calc(50% - 340px);border-left:#ff8800 2px solid; padding-left:50px; box-sizing:border-box}
.td3{ position:absolute; left:0; top:70%;width:calc(50% - 340px); transform:translateY(-50%); border-right:#ff8800 2px solid; padding-right:50px; box-sizing:border-box }
.td4{ position:absolute; right:0; top:70%;width:calc(50% - 340px);transform:translateY(-50%);border-left:#ff8800 2px solid; padding-left:50px; box-sizing:border-box}

.td5{ position:absolute; left:0; bottom:25px;width:calc(50% - 240px); border-right:#ff8800 2px solid; padding-right:50px; box-sizing:border-box }
.td6{ position:absolute; right:0; bottom:25px;width:calc(50% - 240px);border-left:#ff8800 2px solid; padding-left:50px; box-sizing:border-box}



.td1:before,.td3:before,.td5:before{ box-sizing: content-box;
        width: 0px;
        height: 0px;
        position: absolute;
        top: 50%;
		transform:translateY(-50%);
        right: -15px;
        padding:0;
        border-left: 8px solid #c5c5c5;
        border-top:8px solid transparent;
        border-bottom: 8px solid transparent;
        border-right:8px solid transparent;
        display: block;
        content:'';
        z-index: 12; }

.td1:after,.td3:after,.td5:after{box-sizing: content-box;
        width: 0px;
        height: 0px;
        position: absolute;
         top: 50%;
		transform:translateY(-50%);
        right: -20px;
        padding:0;
        border-left: 10px solid #ff8800;
        border-top:10px solid transparent;
        border-bottom:10px solid transparent;
        border-right:10px solid transparent;
        display: block;
        content:'';
        z-index:10}



.td2:before,.td4:before,.td6:before{ box-sizing: content-box;
        width: 0px;
        height: 0px;
        position: absolute;
        top: 50%;
		transform:translateY(-50%);
        left: -15px;
        padding:0;
        border-right: 8px solid #c5c5c5;
        border-top:8px solid transparent;
        border-bottom: 8px solid transparent;
        border-left:8px solid transparent;
        display: block;
        content:'';
        z-index: 12; }

.td2:after,.td4:after,.td6:after{box-sizing: content-box;
        width: 0px;
        height: 0px;
        position: absolute;
         top: 50%;
		transform:translateY(-50%);
        left: -20px;
        padding:0;
        border-right: 10px solid #ff8800;
        border-top:10px solid transparent;
        border-bottom:10px solid transparent;
        border-left:10px solid transparent;
        display: block;
        content:'';
        z-index:10}


.sy2{ margin-top:50px;}






@keyframes example {
 0%   {bottom:0px;}
  50%{bottom:30px;}
 100% {bottom:0px;}
}






@media only screen and (max-width:992px){
.sy2{ margin-top:20px;}
.tedian{ margin-bottom:0px; padding-top:0px}
.tedian:after{ content:none;}

.tedian div{ margin-bottom:10px; position:relative}
.tedian h3{ font-size:16px; margin:0; position:absolute; left:50px; top:20px;}
.tedian p{ display:block; margin-top:10px; font-size:12px; line-height:23px}
.tedian i img{ width:30px; height:auto}

.td1{ padding:0; position:static; width:49%; border:#035ba2 1px solid; padding:15px; box-sizing:border-box; left:0; top:0; transform:none}
.td2{ padding:0; position:static;width:49%; border:#035ba2 1px solid; padding:15px; box-sizing:border-box; left:0; top:0;transform:none}
.td3{ padding:0; position:static;width:49%; border:#035ba2 1px solid; padding:15px; box-sizing:border-box; left:0; top:0;transform:none}
.td4{ padding:0; position:static; width:49%;border:#035ba2 1px solid; padding:15px; box-sizing:border-box; left:0; top:0;transform:none}

.td5{padding:0; position:static; width:49%; border:#035ba2 1px solid; padding:15px; box-sizing:border-box; left:0; top:0;transform:none}
.td6{padding:0; position:static; width:49%; border:#035ba2 1px solid; padding:15px; box-sizing:border-box; left:0; top:0;transform:none}



.td1:before,.td3:before,.td5:before{ content:none;}

.td1:after,.td3:after,.td5:after{ content:none;}



.td2:before,.td4:before,.td6:before{  content:none;}

.td2:after,.td4:after,.td6:after{ content:none;}
.tdpic{width:200px; position:relative; z-index:2 }



.tedian1{  display: flex;   justify-content: space-between;  flex-wrap:wrap }

}
