﻿.production-panel {background: url(../images/prodetail_bg.jpg) center top no-repeat; -webkit-background-size: 100% auto;background-size: 100% auto;}

.header { width: 100%; padding:15px 0; background:#fff;z-index:99999;-moz-box-shadow: 0 10px 30px rgba(28,65,135,.12);-webkit-box-shadow: 0 10px 30px rgba(28,65,135,.12);box-shadow: 0 10px 30px rgba(28,65,135,.12);}

.header .logo {width:19%; float:left;overflow:hidden;position:relative;z-index:2;display:block;font-size:0;}

.header .logo img {display:inline-block;}

.header ul {width:70%;position:relative;z-index:2; float:right}

.header ul li {width:13%;height:60px;font-size:0;text-align:center; float:left}

.header ul li a {color:#303030;vertical-align:middle;height:60px;line-height:60px;	font-size:20px;font-weight:600;padding:34px 23px;letter-spacing:2px;position:relative;}

.header li > a:before,.header li.current:before {display: inline-block;content: "";border-top:1px solid #ff4a00;position: absolute;width: 0px;top:30%;left:60%;z-index:-2;-webkit-transition:all .5s cubic-bezier(.19, 1, .22, 1);-o-transition:all .5s cubic-bezier(.19, 1, .22, 1); transition:all .5s cubic-bezier(.19, 1, .22, 1);-webkit-transform:translateX(-50%) rotate(-50deg);-ms-transform:translateX(-50%) rotate(-50deg);-o-transform:translateX(-50%) rotate(-50deg);transform:translateX(-50%) rotate(-50deg);-webkit-transform:translate3d(-50%, 0, 0) rotate(-50deg);transform:translate3d(-50%, 0, 0) rotate(-50deg)}

.header li > a:hover:before,.header li > a:hover:after{width: 20px;}

.header li > a:after,.header li.current:after {display: inline-block;content: "";border-top:1px solid #ff4a00;position: absolute;left:35%;bottom:28%;width: 0px;z-index:-2; -webkit-transition:all .5s cubic-bezier(.19, 1, .22, 1);-o-transition:all .5s cubic-bezier(.19, 1, .22, 1); transition:all .5s cubic-bezier(.19, 1, .22, 1);-webkit-transform:translateX(-50%) rotate(-50deg);-ms-transform:translateX(-50%) rotate(-50deg);-o-transform:translateX(-50%) rotate(-50deg);transform:translateX(-50%) rotate(-50deg);-webkit-transform:translate3d(-50%, 0, 0) rotate(-50deg);transform:translate3d(-50%, 0, 0) rotate(-50deg)}
.header ul li.call{ float: right; width: 230px; box-shadow: 0px 4px 9px rgba(7, 29, 49, 0.48); background-image: linear-gradient(to right, #f58805 0%, #ff6912 100%); clip: rect(1px,1px,1px,1px); color: #ffefd8; border: 2px dotted #ffc24f; background-size: cover; text-align: center; line-height: 43px; height: 46px; border-radius: 30px; font-size: 24px; position: relative; z-index: 5; }

.pro_info{ margin:0 auto; padding-bottom:20px; overflow:hidden; color:#fff; width:1560px; }

.pro_info_img{ width:46%; float:left; position:relative;}

.pro_info_img:after{content:'';position:absolute;top:20px;bottom:-10px;width:100%;right: -10px;z-index: 2; /*background:url(../images/whiteback.png) repeat;*/}

.pro_info_img img{ width: 100%;height: auto; position:relative; z-index:3;}

.pro_info_right{ float:right; width:49%; font-size:16px; color:#D1DCED}

.pro_info_right h1{ font-size:44px; margin:10px 0 30px 0;background:url(../images/pro_h1.png) no-repeat left top; padding:20px 0 10px 15px; background-size:40px;  color:#fff;}

.pro_info_right .des{ font-size:15px; text-indent:20px; line-height:30px; height:86px; overflow:hidden; color:#D1DCED}

.pro_info_right .capa{ font-size:20px; color:#ffc103; margin-top:20px; }  

.pro_info_right .capa span{ font-size:36px;font-weight:600;}

.pro_info_right .feeding{ width:100%; overflow:hidden; margin:30px 0; }

.pro_info_right .feeding p{ border:#a9dafd 1px solid; border-radius:50px;border: 2px solid rgba(169,218,253,0.4);background:url(../images/mark.png) no-repeat left top; background-size:contain;border-left: 1px solid transparent;

float:left; display:inline-block; color:#a9dafd; font-size:16px; margin-right:50px;padding:10px 40px; }

.pro_info_right .spe{ margin-bottom:30px; letter-spacing:1px;}

.pro_info_right .contact{ width:100%; overflow:hidden; border-top:#4b5780 1px solid; padding-top:40px; margin-top:40px;}

.pro_info_right .tel{ display:inline-block; background:url(../images/pro_tel_pc.png) no-repeat left 8px; padding: 0 0 10px; text-indent:55px; background-size:45px;}

.pro_info_right .tel p{ font-size:34px; display:block; margin-top:5px; font-weight:600}

.pro_info_right .tel span{ display:block; font-size:14px;}

.pro_info_right .kefu{display:inline-block; float:right;background-color:#fff;background:-webkit-linear-gradient(left top,#ffffff,#84CAFD);background:-moz-linear-gradient(left top,#ffffff,#84CAFD);background:-ms-linear-gradient(left top,#ffffff,#84CAFD);background:-o-linear-gradient(left top,#ffffff,#84CAFD);background:linear-gradient(left top,#ffffff,#84CAFD);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#84CAFD');position:relative;color: #000;border-radius: 50px;padding:5px 60px 5px 100px;text-align:center;margin:15px 5px  5px 5px;-webkit-box-shadow: 0 3px 4px rgba(0,0,0,0.7);-moz-box-shadow: 0 3px 4px rgba(0,0,0,0.7);-o-box-shadow: 0 3px 4px rgba(0,0,0,0.7);box-shadow: 0 3px 4px rgba(0,0,0,0.7);}

.pro_info_right .kefu:before{content: '';width:73px;height:94px;display: block;background: url(../images/pro_kefu_pc.png) no-repeat;background-size: 100%;position: absolute;left:15px;top: -90%;}

.pro_info_right .kefu a {width:100%;height:100%;position:absolute;top:0;left:0; color:#fff;}

.pro_info_right .kefu p{font-size:20px;padding: 5px 0 10px 0; font-weight:600}

.pro_navigation{ margin:60px auto 0; text-align: center;background:#fff url(../images/pro_tit_bg.jpg) repeat; border-bottom:#d8d8d8 1px solid;position: relative; }  

.pro_navigation li{ float: left;text-align:center; width: 17.9%;  line-height:90px;}

.pro_navigation li a { display: block; font-size:22px; color: #333; font-weight:600; z-index: 9; zoom: 1; }

.pro_navigation li a.act { background:#fff ; color: #07284E; height:90px; border-bottom:#ED700A 6px solid; -webkit-box-shadow:0 0 38px rgba(46,53,67,0.5);-moz-box-shadow:0 0 38px rgba(46,53,67,0.5);-o-box-shadow:0 0 38px rgba(46,53,67,0.5);box-shadow:0 0 38px rgba(46,53,67,0.5);}

.pro_model_1{ background:#fff;padding:4% 2% ; margin-bottom:80px;  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.08);}

.pro_model_1 p,.pro_model_3 p{text-indent:40px; font-size:14px; color:#666; line-height:36px;}

.pro_model_1 h3{ font-size:28px ;position:relative; padding-bottom:15px; margin:0 0 70px; color:#05163f; line-height:38px }

.pro_model_1 h3:before{content:'';display:block;position:absolute;bottom:-15px;height:10px;background:url(../images/dote.png) no-repeat center bottom;}

.pro_model_1 h3:before {width:81px;left:0;}

.w60{ width:60%} .w35{ width:35%; }  .w25{ width:25%}  .w70{ width:70%}  .w40{ width:40%}  .w55{ width:55%;}  .w30{ width:30%}  .w65{ width:65%}  .w50{ width:50%}

 .w55 img{float: right;}

.pro_model_1 video{ width:100%; height:auto}

.pro_model_2{ margin:0 auto 60px;width:100%; overflow:hidden; padding:70px 0 0 0;background:#EFF6FF/*url(../images/pro_bg02.jpg) repeat*/}

.pro_model_2 h2,.pro_model_3 h2,.pro_model_4 h2,.pro_case h2 { font-size:40px; text-align:center; margin-bottom:50px;  background: url(../images/tit_bottom.png) no-repeat center bottom; padding-bottom:40px;}

.pro_model_2 h2{ margin-bottom:70px;}

.pro_model_2 dl{width:47%; margin:0 1.5% 0; min-height:180px; float:left}

.pro_model_2 dt,.pro_model_2 li span{display: inline-block;width:70px;height:70px;background:#026ADB;color: #fff; float:left; background:#ff7c00;border-radius:10px;text-align:center;line-height:70px;font-size:36px;color:#fff; font-weight:600;z-index:2;box-shadow: 15px 15px 25px rgba(55,76,99,0.4);

}

.pro_model_2 dd h4{font-size:22px;margin:0 0 15px;overflow:hidden; color:#303030;}

.pro_model_2 dd {width:86%; float:right;/*background:#fff;border-radius:10px;border:1px solid #e6e6e6; box-shadow: 0 0 20px #C2CADA;*/text-align:left; color:#666; }

.pro_model_2 ul{ width:100%; overflow:hidden; padding-bottom:80px;}

.pro_model_2 li{ width:30%; margin:0 1.5%; float:left}

.pro_model_2 li p {width:80%; float:right;text-align:left; color:#666; font-size:16px; margin-top:6px; line-height:30px;display: table-cell;vertical-align: middle;}



.press_bg{ background:#fff;box-shadow: 0px 10px 30px rgba(30, 137, 203, 0.4); border-radius:15px 15px 50px 50px; padding:70px;}

.pro_model_3{padding:40px 0 80px 0; width:100%;/* background:url(../images/bg-press.jpg) repeat-x left bottom;*/ overflow:hidden; margin-top:40px;}

.pro_model_4{padding:80px 0; background:#10253a url(../images/data_bg.png) repeat;}

.pro_model_4 h2{color:#fff; margin-bottom:40px;}

.con{ color: #333; text-align:center;}

.con table{width:100%; border-spacing:0px; border-collapse:collapse; background:#fff; border-bottom:1px solid #ddd; margin-bottom:15px;}

.con tr:first-child{  background:#375878; height:60px; line-height:60px;color: #fff;}

.con tr:nth-child(2n+3){background:#f5f5f5;}

.con .bhead{background:#375878;  color: #fff}

.con tr.odd{background: #f5f5f5; color: #333;}

.con tr.even{background: none;}

.con td.even{background: #fff;}

.con table td{line-height:46px;}

.con tr{ border:1px solid #ddd;}

.con p{text-align:left; margin-left:20px; color:#666; font-size:16px;}

.con strong{width:100%; text-align:left; color:#fff; float:left; font-size:16px; margin:10px 0}

.message{ /*background:url(../images/ly_b.jpg) no-repeat center top 50%; background-size: cover;*/ background: #1B212E;
    background: linear-gradient(90deg, #1D2432, #1B212E, #374C63);padding:20px 0 40px 0;  position:relative}
.left_form .tit{ margin-bottom:50px;}
.left_form .tit h3{color: #fff;font-weight:600; font-size:34px; margin-bottom:15px;}

.left_form h3 img {display: inline-block;width: 24px;height: 24px; margin-top: -8px; margin-right:15px;}

.left_form  .tit  p {font-size: 15px;width:100%;margin:0 auto;font-size:16px;color:#87929f; line-height:28px; margin:15px 0;}

.left_form form{ position:relative; z-index:99; overflow:hidden}

.left_form .icon-text-user{ background:url(../images/icon-text-user.png) no-repeat 10px center;}

.left_form .icon-text-tel{ background:url(../images/icon-text-tel.png) no-repeat 12px center; }

.left_form .icon-text-message{ background:url(../images/icon-text-message.png) no-repeat 10px 17px ; padding:17px 18px 0 44px;}

.left_form {width:60%; float: left; margin:40px 25px 55px;}

.left_form ul li {margin-bottom: 5px; overflow: hidden; width:98%; float:left}

.left_form ul li.wenb {height: 175px; position: relative; _height: 170px; width:100%; }

.left_form ul li.wenb .fl{ width:60%;}

.btnclick{ width:30%; margin-top:20px;}

.left_form ul li span {width: 100%; display:block; overflow:hidden;text-align:left; font-size: 18px; line-height:50px; color:#fff}

.left_form input.intxt { width:97%; border:0; color:#666; font-size:15px;height: 42px;line-height: 42px;  border:#465870 1px solid;text-indent: 35px;*text-indent:0px;}

.left_form ul li textarea { border:0; width:100%; background-color:#F4FAFF; border:#465870 1px solid; height: 100px; line-height: 20px; font-size:15px;margin: 6px 0 0; padding:3%; color: #666; resize: none;}

.left_form .btn_submit { padding:70px 100px;cursor:pointer;border: 0px;background:url(../images/submit.gif) no-repeat;}

.mes_right_con{ width:25%;float:right;max-width: 380px;margin-top: -60px; position: absolute;right:9%;}

.mes_right{ padding:30px 30px 50px 5px;  border-radius:10px 80px 10px 10px;  background:#29394e; z-index:3;  position: relative;}

.mes_right:after {content: '';position: absolute;width: 100%;right: 10px;background: #33455d;border-radius:10px 100px 10px 10px;top: -20px;bottom:10px;z-index:-10;}

.mes_right .tel{ display:inline-block; color:#fff; background:url(../images/mes_tel.png) no-repeat 20px 2px; padding: 0 0 10px; text-indent:90px; background-size:57px;}

.mes_right .tel p{ font-size:30px; display:block; font-weight:bold; margin-top:5px;}

.mes_right .tel span{ display:block; font-size:14px;}

.mes_right ul{ overflow:hidden; width:94%; margin:30px auto}

.mes_right li{ width:44%; font-size:16px; color:#fff; margin:10px 3%; border-radius:30px; text-align:center; padding:6px 0;float:left;border:2px solid  rgba(255,255,255,0.4);border-left: 1px solid transparent;}

.t-lint {width: 10px;height: 1px;display: inline-block;background:#87929f;vertical-align: middle;}

.t-text {font-size:16px;color:#87929f; margin:0 5px;text-align:center;}

.free-target{line-height:1.2;text-align:center;}

.mes_right_con .kefu {width:100%;background: #fff;position:relative;color: #000;border-radius:100px 25px 25px 100px;padding: 0 30px 0 160px;text-align:  center;margin: 70px 0 20px 0;   }

.mes_right_con .kefu:before{content: '';width: 170px;height: 170px;display: block;background: url(../images/mes_kefu.png) no-repeat;background-size: 100%;position: absolute;left: -10px;top: -18%;}

.mes_right_con .kefu a {width:100%;height:100%;position:absolute;top:20px;left:0; }

.mes_right_con .kefu span{padding: 20px 0 18px 0;display:  block;border-bottom: 1px solid #ccc;font-size:30px; color:#05163f; }

.mes_right_con .kefu p{font-size:14px;padding: 5px 0 10px 0;}



.pro_case{padding:0 0 40px;margin:60px auto 60px;}

.pro_case ul{  margin-left:-3%;}

.pro_case ul li{transition:all .3s ease;float:left;width:22%; margin-left:3%;}

.pro_case ul li .pro_pic img{width:100%;}

.pro_case ul li .pro_pic i{display:none;}

.pro_case ul li .pro_tit{font-size:14px; color:#282727;line-height: 20px;display:block;margin-bottom:10px; text-align:center; padding-top:15px;}

.pro_case ul li .pro_pic{position:relative;display: block;overflow: hidden;}

.pro_case ul li .pro_pic i{display:block;position:absolute;left:-100%;top:0;width:100%;height:100%;background-image:-webkit-linear-gradient(0deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.5),hsla(0,0%,100%,0));transform:skewx(-25deg);-o-transform:skewx(-25deg);-moz-transform:skewx(-25deg);-webkit-transform:skewx(-25deg);}

.pro_case ul li:hover .pro_pic i{transition:all .3s ease; left:100%}

.pro_case ul li:hover{transition:all .3s ease;transform:translateY(-6px);-webkit-transform:translateY(-6px);-moz-transform:translateY(-6px);box-shadow:0 26px 40px -24px rgba(0,36,100,.5);-webkit-box-shadow:0 26px 40px -24px rgba(0,36,100,.5);-moz-box-shadow:0 26px 40px -24px rgba(0,36,100,.5)}

/*=======================contact begin===================*/

.lianxi_bg { background: url(../images/contact_ban.jpg) no-repeat center top;  width: 100%; overflow: hidden; height:614px; position:relative}

.lianxi { margin-top:250px; text-align: center; }

.lianxi_con { width: 100%; margin: 0 auto; overflow: hidden; }

.lianxi h3 { font-size:72px; color:#FFf; -webkit-background-clip: text; -webkit-text-fill-color: transparent;    background-image: -webkit-linear-gradient(top,#FFf,#E7EEFE );   margin-bottom: 18px; line-height: 59px; width: 100%; padding:10px 0; margin-bottom: 15px;  -webkit-text-fill-color: transparent;/*文字的填充色*/ -webkit-text-stroke:1px #000;}



.lianxi p{ line-height: 36px; font-size: 16px;color: #fff; width:60%; margin:0 auto}

.ul-contact{ max-width: 1200px; margin: 0 auto 80px;}

.ul-contact1{overflow:hidden;margin-top:-70px;position:relative;z-index:1;margin-left:-3%}

.ul-contact1 li{float:left;width:22%;    text-align: center; margin-left:3%;}

.ul-contact li strong{position: relative; z-index: 1; display:block; width:60%;padding:12%; font-weight:normal; text-align:center;background:url(../images/contact__item_bg.png) center no-repeat;background-size: 100% auto;   margin:5px auto 10px;}

.ul-contact li strong img{ width:100%; border-radius:50%; text-align:center; box-shadow: 0px 0.03rem 0.21rem rgba(5,26,85,0.1);}

.ul-contact li:hover strong{  background: url(../images/contact__item_bg_on.png) center center no-repeat;background-size: 100% auto;}

.ul-contact1 .txt{margin:20px 0;text-align:center;font-size:16px;color:#666;line-height:26px;padding-bottom:18px;position:relative}

.ul-contact1 .txt .ctel{ font-size:24px;font-weight: 700;color: #F60}

.ul-contact1 .txt .zx,.ul-contact1 .txt span{display:block;font-size:24px;color:#222;font-weight:700;margin-bottom:5px;line-height:30px}

.ul-contact1 .txt p a{color:#009610;display:inline-block}



/*=======================contact end===================*/

.news_ban{background: url(../images/news_ban.jpg) no-repeat center top; height:420px;}

.news_ban .txt{padding:140px 0 60px}

.news_ban .txt strong{font-size:42px;color:#fff;line-height:50px;display:block;margin-bottom:15px}

.news_ban .txt p{font-size:16px;color:#fff;line-height:26px;margin-bottom:25px;}

.news_ban .txt img{display:block}

.mouse{width: 34px;height:100px;background: url(../images/mouse.png) no-repeat top center;position: relative;z-index: 10;margin: 0 0 0 45px;}

.mouse-bottom{position: absolute;bottom:20px; height:15px;left: 50%;margin-left: -5px;animation: myfirst 0.5s infinite;display: inline-block;}

@keyframes myfirst {

    0% {transform: translate(0px, 0px); }

    5% {transform: translate(0px, 5px); }

    7% {transform: translate(0px, 7px);}

}



/*=======================news begin===================*/

.news_tit{ width:100%; margin:60px auto; text-align:center overflow:hidden}

.news_tit h2,.news_part2 .tit h2{ font-size:42px;display:inline-block;margin:10px 0}

.news_tit .more,.news_part2 .more{ display:inline-block; padding:5px 25px;text-align:center; border:1px solid #F26631;  border-radius:50px}

.news_tit .more a{ color:#F26631}

.news_prat1_l{ width:45%;}

.news_prat1_l dl{}

.news_prat1_l dt{ width:100%;}
.news_prat1_l dt img{ width:100%; height:410px;}

.news_prat1_l dd{ padding: 15px 33px 40px 27px;background-color:#E7E9ED;/* background-color:#004488;  background:-webkit-gradient(linear,center left, center right, from(#3c7ecd), to(#395082)); background: -webkit-linear-gradient(left,#3c7ecd,#395082);*/} .news_prat1_l dd:hover{ background:#ECF2FE}

.news_prat1_l dd h3 { margin-bottom:12px; font-size:20px; color:#00489d; font-weight:600; }

.news_prat1_l dd p { margin-bottom:20px; font-size:14px; color:#595757; }

.news_prat1_l dd ._tool { display:block; position:relative; float:left; margin-right:34px; padding-left:30px; color:#999;}

.news_prat1_l dd ._tool:after { content:''; display:block; position:absolute; top:50%; left:0; margin-top:-9px; width:19px; height:19px; background-image:url(../images/news04.png); background-repeat:no-repeat; }

.news_prat1_r{ width:50%}

.news_prat1_r li{ margin-bottom:24px;border-bottom:#ecf1f4 1px solid;}

.news_prat1_r li .date { font-family:Arial; color:#3671cf; padding:5px 0 10px }

.news_prat1_r li .day { font-size:36px; font-weight:bold }

.news_prat1_r li .year { display:block; float:right;font-size:16px; }

.news_prat1_r li h3{ margin-bottom:13px; font-size:18px; color:#19191a; white-space:nowrap;text-overflow:ellipsis;overflow:hidden; }

.news_prat1_r li h3:hover { color:#00489d; }

.news_prat1_r li p { margin-bottom:30px; height:3.8em; overflow:hidden; font-size:14px; line-height:30px; color:#595757; }





.news_part2{ background: url(../images/news_bg.jpg) repeat top center; padding:60px 0; margin:60px auto 20px;}

.news_part2 .tit{ color:#fff; margin-bottom:20px;}

.news_part2_left{ width:74%;}

.news_part2_video{ float:left; width:55%}

.news_part2_left video{ width:100%; height:auto}

.news_part2_mid{ width:45%; background:#fff; padding:27px 22px;}

.news_part2_mid ul li{position:relative;text-align:left;padding: 10px 80px 9px 15px;line-height: 24px; width:100%; }

.news_part2_mid ul li::after{content:'';position:absolute;left:0px;top:20px;width:6px;height:6px;background:#5f656d;border-radius:50%;}

.news_part2_mid ul li span{position:absolute; right:0px; top:10px; }

.news_part2_mid ul li a{font-size: 16px;display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

.news_part2_right{ width:22%; background:url(../images/news_part2r_bg.png) no-repeat right bottom; background-size: contain}

.news_part2_right .con1{ background:#064187; width:60%; font-size:20px; margin-top:160px; padding:20px;  color:#fff; font-weight:600; line-height:32px; }

.news_part2_right .con2{background: url(../images/news_part2bg3.png) no-repeat #ECF2FE; font-size:16px; background-size: cover; line-height:28px;  padding:27px 20px;}

.news_part3{margin:80px auto;overflow:hidden;}

.news_part3 ul{ margin-left:-3%}

.news_part3 li{background-color:#f8f8f8;padding:40px 30px; width:30.333%; float:left; margin-left:3%;}

.news_part3 li:hover{ background:#E7E9ED}

.news_part3 .day{font-size:50px; color:#000; margin-right:10px; font-family: ËÎÌå;}

.news_part3 .date{font-size:16px; color:#848384;}

.news_part3 .time{margin-bottom:30px; line-height:1;}

.news_part3 h3{font-size:18px; color:#000; line-height:1; margin-bottom:15px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.news_part3 .info{font-size:13px; color:#595757; margin-bottom:45px; line-height:20px; height:40px; overflow:hidden;}

.news_part3 .more2{font-size:14px; color:#666;line-height:32px; height:32px; font-family:Arial;}

.news_part3 .more2 span{padding-right:25px; background:url(../images/sj.png) right center  no-repeat; display:inline-block; *display:inline; *zoom:1;}

.news_part3 .more2 span:hover{background:url(../images/sj_blue.png) right center  no-repeat; color:#004488;}

.news_part3 .lookmore{font-size:12px; color:#6e6d6d;}

.news_part3 li>a:hover .day{color:#004488;}

.news_part3 li>a:hover .title{color:#004488; white-space:nowrap; overflow:hidden; text-overflow: ellipsis;}

.news_part3 .tit{ text-align:center}

.news_part3 .tit h2{font-size:42px; display:inline-block; margin-right:15px;margin-bottom:40px; color:#333e46}

.news_part3 .tit span{ display:inline-block}



/*=======================news end===================*/





/*=======================cases start===================*/

.case_top{ background:url(../images/casebg.jpg) no-repeat; height:614px; padding:80px 0; background-size:cover}

.case_top .tit{ width:100%; text-align:center;  }

.case_top .tit h2{ font-size:42px;color:#fff; margin-bottom:20px;position: relative;z-index: 2;display: inline-block; padding:20px 30px; }

.case_top .tit h2:after,.case_top .tit h2:before{    content: '';position: absolute;width:7rem;height:2.6rem;top: 50%; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%);}

.case_top .tit h2:after{left:-4.5rem; background:url(../images/h_l.png) no-repeat center center; background-size:4.5rem 1.4rem;}

.case_top .tit h2:before{right:-4.5rem; background:url(../images/h_r.png) no-repeat center center; background-size:4.5rem 1.4rem;}

.case_top .tit p{ font-size:16px; width:70%; text-align:center; color:#fff; margin:0 auto; line-height:40px;}

.allist_cont{margin:70px auto 40px;}

.allist_cont li{ width: 30.33%; float: left; margin:0 1.5% 50px;box-sizing: border-box;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;background:#f0f3fa; background-size:cover}

.allist_cont .allist_con{-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;position:relative;top:0;overflow:hidden}

.allist_cont .allist_con a{display: block;overflow: hidden;}

.allist_cont .allist_img img{display:block;transition: all ease 1s;width:100%;height: 350px;}

.allist_cont .allist_img:hover img{transform: scale(1.1);opacity: 0.85;filter: alpha(opacity=85);}

.allist_cont .allist_con a i{display:block;position:absolute;left:-100%;top:0;width:100%;height:100%;background-image:-webkit-linear-gradient(0deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.5),hsla(0,0%,100%,0));transform:skewx(-25deg);-o-transform:skewx(-25deg);-moz-transform:skewx(-25deg);-webkit-transform:skewx(-25deg);}

.allist_cont .allist_con a:hover i{transition:all .3s ease;left:100%}

.allist_cont .allist_con .allist_text{padding:20px 20px 25px; position: relative; }

.allist_cont .allist_con .allist_text h3{display:block;font-size:20px;color:#333;line-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:10px 0}

.allist_cont .allist_con .allist_text p{font-size:14px;color:#666;line-height:26px;}

.allist_cont .allist_con:hover{-moz-box-shadow:0 3px 10px rgba(0,0,0,.2);-webkit-box-shadow:0 3px 10px rgba(0,0,0,.2);box-shadow:0 3px 10px rgba(0,0,0,.2);;}

.allist_cont .allist_con:hover h3 a{color:#d21423}

.allist_cont .allist_con::after{content:"";position:absolute;right:100%;bottom:0;width:100%;height:6px;background-color:#E94709;opacity:0;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)';filter:alpha(Opacity=0);-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;}

.allist_cont .allist_con:hover::after{right:0;opacity:1;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)';filter:alpha(Opacity=100)}

.allist_cont  .allist_con .allist_text .icon img {width:86px;display: block;position: absolute;top: -30px; right:15px;}

.pro_cate{ background:rgba(0,0,0,0.1);}

.pro_cate ul{ width:74%; margin:40px auto}

.pro_cate li{ width:160px; height:160px;margin:40px 3% 0; background:#D8E6FF;background: linear-gradient(to bottom,#fff,#E7EEFE);box-shadow: 0 1px 5px #b8c9ef; padding:40px 0;  font-weight:600; border-radius:50%; position:relative; float:left;text-align:center;}

.pro_cate li:hover{ background:#fff}



.pro_cate li:after {position: absolute;background: url(../images/sp_cate_bg.png) no-repeat;content: "";display: block; width:65px; height:16px; right: -68px;top:60%; margin-top: -25px;

}

.pro_cate li p{ text-align:center;line-height:42px; font-size:24px; color:#1D3573;-webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight:900;background-image: -webkit-linear-gradient(left,#284B98,#16285C ); display:block}



/*=======================cases end===================*/

/*=======================productlist start===================*/

.prolist_ban{ background:url(../images/industry-bg.jpg) no-repeat; background-size:cover; padding-top:140px; height:450px;}

.prolist_ban .tit{padding:5px 0 0 0;  color:#fff}

.prolist_ban .tit h2{ font-size:56px; padding:20px 0;color: #fff;margin-bottom:18px;}

.prolist_ban .tit p{ font-size:16px; margin-bottom:20px;}

.prolist{ margin:60px auto 80px;}

.prolist .prolist_top{position:relative; z-index:2; margin-bottom:30px; }

.prolist .prolist_top span{float:left; width:90px; height:90px;border-radius:50%; background:#fff; }

.prolist .prolist_top span img{ border-radius:50%; border:#ccc 3px solid; padding:7px;}

.prolist .prolist_top .prolist_tit{float:left; width:75%;background:url(../images/prolisticon01.png) no-repeat left 31px; background-size:24px; display: inline-block; padding-left:15px; position: relative; margin-top:10px;}

.prolist .prolist_top .prolist_tit h3{ margin-bottom:10px; font-size:34px;}

.prolist .prolist_top .prolist_tit h3 a{ color:#000}

.prolist .prolist_top .prolist_tit p{ font-size:16px;}

.prolist .prolist_top .more_detail:after { content: ''; display: block;width: 28px;height: 7px;position: absolute;right: -20px; top: 11px;background: url(../images/icon_more.png) right top no-repeat;transition: all .5s linear;}

.prolist .prolist_top .more_detail {display: block;height: 30px;border: 1px dotted #212F45;border-radius: 5px;padding: 0 15px;float: right;margin: 15px 20px 0 0;line-height: 28px;font-size: 16px;color: #4c4c4c;position: relative;transition: all .5s linear;}



.prolist ul{clear:both; display:block; margin-left:-4%; padding-top:21px; position:relative; z-index:2; }

.prolist ul li{float:left; width:21%; margin-left:4%;position:relative;  }

.prolist ul li .prolist_img{ background:url(../images/prolist_bg.jpg)  no-repeat; height:215px;}

.prolist ul li>a{clear:both; display:block; border-radius:6px 6px 0px 0px; overflow:hidden; }

.prolist ul li img{clear:both; display:block; }

.prolist ul li p{ background:url(../images/prolist_titbg.jpg); background-size:cover; font-size:16px; text-align:center}

.prolist ul li p a{clear:both; display:block;color:#fff;padding:12px 0; background: #374c63;
    background-image: -webkit-linear-gradient(10deg,#1d2432 4%,#1b212e 45%,#374c63 100%);
    background-image: -o-linear-gradient(10deg,#1d2432 4%,#1b212e 45%,#374c63 100%);
    background-image: linear-gradient(10deg,#1d2432 4%,#1b212e 45%,#374c63 100%);}
.prolist ul li p a:hover{background: #e82721;
	background-image: -webkit-linear-gradient(10deg,#973005 4%,#df4303 45%,#faa275 100%);
	background-image: -o-linear-gradient(10deg,#973005 4%,#df4303 45%,#faa275 100%);
	background-image: linear-gradient(10deg,#973005 4%,#df4303 45%,#faa275 100%)}

.prolist_ban_bottom{clear:both; margin:40px 0 0 10px; text-align:center }

.prolist_ban_bottom a{float:left; margin-top:16px; border:1px dashed #fff; color:#fff; font-size:16px; margin-left:-10px; padding:8px 35px; border-radius:25px; }

.prolist_ban_bottom a:hover{color:#fff; border-color:#f60; }

.gray{ background:#f8f8f8 url(../images/article_bg.jpg) repeat; padding:20px 0;}

/*=======================productlist end===================*/



/*=======================about start===================*/

.about_ban{ background:url(../images/about_ban.jpg)no-repeat 50%; background-size: cover; height:540px; padding-top:200px;}

.about_ban .tit{ text-align:left; color:#fff;}

.about_ban .tit img{text-align: left; display: block;}

.about_ban .tit h2{  margin-top: -50px; margin-bottom:30px;font-size:50px;}

.about_ban .tit p{  font-size:18px; line-height:36px; }



.about_model1{padding: 90px 0 50px 0;}

.about_model1 .right{width:35%;display: inline-block;vertical-align: top; margin-left:40px;}

.about_model1 .right>span{font-size: 36px;color: #333333;font-weight: bold;line-height: 1.8;padding-left: 25px;position: relative;}

.about_model1 .right span strong{font-size: 40px;color: #3d6eba;display: block;padding-left: 25px;}

/*.about_model1 .right span:before{content: '';width: 8px;height:28px;display: block;background: #3d6eba;position: absolute;top:12px;}
*/
.about_model1 .right p{font-size: 18px;color: #333333;line-height: 2;}

.about_model1 .left{width: 54%;display: inline-block;position: relative; margin-bottom:100px;}

.about_model1 .left dl{width: 340px; background:#34488D; background-image: -webkit-linear-gradient(left,#3852a6, #2D3764);color: #fff;position: absolute;right: -95px;bottom: -85px;padding: 100px 50px;-webkit-box-shadow: 0px 10px 100px #111e38;-moz-box-shadow: 0px 10px 100px rgba(3,3,3,0.2);box-shadow: 0px 5px 50px #4e5f82;}

.about_model1 .left dd{font-size: 36px;font-weight: bold;line-height: 1;}

.about_model1 .left dt{font-size: 18px;line-height: 1.7;margin-top: 50px;}

.about_model2 { margin:30px auto 60px;  background:url(../images/about_bg.jpg) center top no-repeat;}

.about_model2 .tit{ text-align:left; margin:60px 0 50px 0;color:#fff;}

.about_model2 .tit h3{ font-size:50px; color:#BFDFFF;-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-image: -webkit-linear-gradient(top,#fff,#BFDFFF ); margin-bottom:10px;position: relative;z-index: 2;display: inline-block; padding:20px 0;}

.about_model2 .tit h3 span{ font-size:80px; margin:0 3px;}

.about_model2 .tit p{ font-size:18px;}

.about_model2  ul{ margin-bottom:30px; overflow:hidden ; width:80%; }

.about_model2  ul li{float:left; position:relative; margin-right:4%; width:16%; overflow:hidden; margin-bottom:20px; box-shadow:0px 0px 10px rgba(0, 0, 0, 0.08); border-radius:10px; }

.about_model2  ul li .box{position:absolute; transition:all 0.5s linear; left:0px; bottom:0%; width:100%; height:99%; background:#fff; }

.about_model2  ul li .box i{clear:both; display:block; text-align:center; width:120px; margin:10px auto; }

.about_model2  ul li .box span{clear:both; display:block; text-align:center; font-size:18px; background:#DCE6EE; margin-top:-8px; padding:10px 0; font-weight:bold; }

.about_model2  ul li .pic{clear:both; display:block;margin-top:2px;}

.about_model2  ul li:hover .box{top:-100%; transition:all 0.5s linear; }

.about_model2 .man{ width:18%; margin-top:-20px;}  .about_model2 .man p{ text-align:center; font-size:16px; color:#fff; font-weight:600; background:#94A1B1;line-height:32px; border-radius:20px; margin-right:15px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08);}

.about_model3{ margin:0 auto 50px;}

.about_model3  .tit{ margin:0 0 30px; text-align:center; padding:20px 0 20px 20px }

.about_model3  .tit h3{ font-size:40px; margin-bottom:20px;}

.about_model3  .tit  p{ font-size:16px; line-height:32px;}

.about_model3 ul{ margin-left:-4%}

.about_model3 li{ width:21%; margin:0 0 2% 4% ; float:left;    overflow: hidden;}

.about_model3 li a{display: block;overflow:hidden;position: relative;}

.about_model3 li img{ width:100%; height:auto; _height:163px; -moz-transition:all 0.35s ease; -o-transition:all 0.35s ease;transition:all 0.35s ease; -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); float:left; border-radius:5px;}

.about_model3 li a span.icon-bg{ display:none;}

.about_model3 li a span.icon-plus{ background:none; width:60px; height:60px; position:absolute; left:40%; top:-60px;transition:all 0.15s ease 0s; -moz-transition:all 0.15s ease 0s; -webkit-transition:all 0.15s ease 0s; -ms-transition:all 0.15s ease 0s; -o-transition:all 0.15s ease 0s; display:block;}

.about_model3 ul li a:hover span.icon-bg{ display:block; position:absolute; left:0; top:0; width:100%; height:100%; background: rgba(0,0,0,0.5);}

.about_model3 ul li a:hover span.icon-plus{ display:block; background: url(../images/sp_ico.png) no-repeat; background-size:40px; position:absolute; left:46%; top:40%; width:60px; height:60px; transition:all 0.15s ease-out 0s; -moz-transition:all 0.15s ease-out 0s; -webkit-transition:all 0.15s ease-out 0s; -ms-transition:all 0.15s ease-out 0s; -o-transition:all 0.15s ease-out 0s;}



.about_model4{ background:url(../images/about_img.jpg) no-repeat 50%; margin:50px 0 0; padding:50px 0; overflow:hidden}

.about_model4 img{ }

.about_model4 .con{  width:65%; padding:3% 0 3% 5%;}

.about_model4 p strong{ font-size:36px; color:#fff; line-height:90px; display:block }

.about_model4 p{ font-size:18px; width:72%;display:inline-block;color:#fff; line-height:40px;margin-top:30px;}

/*=======================about end===================*/

/*=======================newsdetail start===================*/

.newsdetail_ban{ margin:0 auto; text-align:center; z-index:5; position:relative; display:block}

.new_bg{ background:url(../images/fxian.jpg) repeat}

.daodu{    padding: 31px 120px;

    background: #fff;

    box-shadow: 0 0 20px rgba(0,0,0,.1);position:relative;z-index:999; margin-bottom:50px;margin-top:-100px; text-align:center;color:#FA3B1F;}

.daodu h1{line-height: 36px;font-size: 34px;margin-bottom: 15px;color: #07284E; text-align:center}

.daodu .z-day{font-size: 14px;color:#666;}

.daodu .z-day span{padding-right: 2%;}

.daodu ._date{ height:30px; line-height:30px; margin-bottom:7px; font-size:13px; color:#676767;  background:url(../images/clock.png) no-repeat left center;padding:3px 0 3px 25px;}

.daodu ._back{background:url(../images/icon_newfh.jpg) no-repeat left center; padding-left: 25px;}

.daodu ._author{background:url(../images/author.png) no-repeat left center; background-size:25px; padding-left:30px;}



.daodu p.tip{text-indent:0; font-size:16px;}

.daodu .tel{ width:52%; float:left; color:#ed2225; font-size:28px; font-weight:bold; margin-top:8px;}

.daodu .tel span{ font-size:15px; color:#333; font-weight:normal; vertical-align:center;}

.daodu .tool{ float:right; width:22%;*margin-right:60px;}

.daodu .tool a{ font-size:15px; color:#fff;display:block; float:left; text-align:center;}

.daodu .tool a img{ width:35px;vertical-align: middle;margin-right: 5px;animation: myfirst 0.5s infinite;display: inline-block;margin-left: 10px;}

.daodu .tool a.baojia{padding:8px 45px;background: #f20d01;font-size: 20px;background: -webkit-gradient(linear, 0% 2%, 60% 10%,from(#f20d01), to(#ff461f));-webkit-box-shadow: #ff461f 0px 2px 5px;-moz-box-shadow: #ff461f 0px 0px 5px; /*box-shadow: #ff461f 0px 0px 5px;*/margin-top: -15px;}

/*@keyframes myfirst {

 0% { -webkit-transform: translatex(0); transform: translateY(0);}

50% { -webkit-transform: translatex(-5px) scale(1.01); transform: translatex(-5px) cale(1.01);}

70% { -webkit-transform: translatex(1px) scale(1);  transform: translatex(1px) scale(1);}

100% { -webkit-transform: translatex(0);  transform: translatex(0);}

}*/

.new-content table{margin-top:15px;border-collapse:collapse;border:1px solid #ccc;width:100%; text-align:center}

.new-content tr:first-child {background-image: linear-gradient(90deg,#4A8BEC 3%,#1842A3 100%);height: 60px;line-height: 60px;color: #fff;}

.new-content td {vertical-align: middle;padding:6px 15px 6px 6px;border:1px solid #ccc;}

.new-content tr:nth-child(odd) {background-color:#F5F5F5;}

.new-content tr:nth-child(even) {background-color:#fff;}

.new-content{margin-top: 60px;margin-bottom: 60px;}

.new-content .left p{line-height: 32px;padding-bottom: 15px;font-size: 16px;color: #3d3d3d;text-indent: 2em;}

.new-content .left p img{display: block;margin:15px auto;text-align: center;}

.new-content .left{ float:left; width:75%; line-height:30px;}

.new-content .left img{ margin:15px auto}

.new-content .left h3{ font-size:24px; margin:10px 0}

.new-content .left h4{ font-size:20px; margin:10px 0}

.new-content .left  strong{ font-size:16px; color:#ff4a00}

.new-content .left .chat {font-size: 18px; color: #fff !important; background: url(../images/con_ico.png) no-repeat;background-size: cover;width: 174px;height: 52px;line-height:52px;text-align: center; margin: 0 10px;display: inline-block; cursor: pointer;text-indent: 2.5em;}



.new-content  .right{ float:right; width:20%; background:#fff;}

._detailPage_bottom{ border: 10px solid #f5f5f5; }

._detailPage_bottom ul{padding:10px 7%;}

._detailPage_bottom li ._mark{ padding-bottom:8px; font-size:19px; font-weight:bold; color:#07284E000; width:100%; display:block; }

._detailPage_bottom .date{ height:30px; line-height:30px; margin-bottom:7px; *width:100%; *overflow:hidden;  font-size:13px; color:#676767; display:block;  background:url(../images/clock.png) no-repeat left center;padding-left:25px;}

._detailPage_bottom li ._title:hover { color:#5c5c5c; }

._detailPage_bottom li ._title { font-size:16px; font-weight:bold; color:#5c5c5c; }

._detailPage_bottom li { padding: 27px 0; }

._detailPage_bottom li._prev{ border-bottom:1px #ececec solid; }
._detailPage_bottom li b{ display: block; }
.new-guide{background: #f0f0f0;margin-top: 30px;font-size: 16px;height: 45px;line-height: 45px;}

.new-guide .pre {width: 49%;float: left;text-align: left;}

.new-guide .next{width: 47%;float: right;}

.new-guide span {background: #e0e0e0;line-height: 45px;height: 45px;width: 15%;display: inline-block;margin-right: 15px;text-align: center;}

.new-guide a{ white-space: nowrap;text-overflow: ellipsis;overflow: hidden}

.new-guide .pre:hover a,.new-guide .next:hover a{color:#ed1c24;}

.relate_pro{ margin-bottom:60px; padding:0 0 40px;}

.relate_pro .tit h4{ font-size:42px; display:inline-block;}

.relate_pro .tit span{ font-size:16px;display:inline-block; border-radius:30px; border:#f47920 1px dashed;font-size:18px; padding:7px 20px 3px;}

.relate_pro .tit span img   { vertical-align: middle;width:36px; height:36px; margin-top: -10px; margin:-5px 8px 0 0}

.relate_pro .tit span a{display: inline;}

.relate_pro ul{  margin-left:-3%;margin-top:40px;padding:0 0 40px;}

.relate_pro ul li{transition:all .3s ease;float:left;width:22%;margin-left:3%;box-shadow: #c0cadc 0px 3px 8px;}

.relate_pro ul li .pro_pic img{width:100%;}

.relate_pro ul li .pro_pic i{display:none;}

.relate_pro ul li .pro_tit{font-size:14px; background:#fff; display:block; color:#282727;text-align:center; padding:12px 0;}

.relate_pro ul li .pro_pic{position:relative;display: block;overflow: hidden;}

.relate_pro ul li .pro_pic i{display:block;position:absolute;left:-100%;top:0;width:100%;height:100%;background-image:-webkit-linear-gradient(0deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.5),hsla(0,0%,100%,0));transform:skewx(-25deg);-o-transform:skewx(-25deg);-moz-transform:skewx(-25deg);-webkit-transform:skewx(-25deg);}

.relate_pro ul li:hover .pro_pic i{transition:all .3s ease; left:100%}

.relate_pro ul li:hover{transition:all .3s ease;transform:translateY(-6px);-webkit-transform:translateY(-6px);-moz-transform:translateY(-6px);box-shadow:0 26px 40px -24px rgba(0,36,100,.5);-webkit-box-shadow:0 26px 40px -24px rgba(0,36,100,.5);-moz-box-shadow:0 26px 40px -24px rgba(0,36,100,.5)}

.nright_new{ background-color:#f5f5f5;padding: 25px 5%;margin-top: 25px; width:100%; overflow:hidden}

.nright_new dt{ font-size:22px; font-weight: bold; color:#21415a;margin-bottom:20px;}

.nright_new dd{  position:relative;padding: 6px 0 6px 15px;}

.nright_new dd:before{content:'';background:url(../images/new_ico.png) -40px 0 no-repeat; width:10px; height:10px; position:absolute; top:50%; margin-top: -5px; left:0;}

.nright_new dd a{ display:block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

/*=======================newsdetail end===================*/

/*=======================casedetail start===================*/

.casedetail_top{ width:100%; margin:0 auto 60px;background:#24263d url(../images/cd.png) left bottom repeat-x; padding:70px 0 70px 0}

.casedetail_top_left{  width:55%;  position:relative; margin-bottom:20px;} 

.casedetail_top_left:after{content:'';position:absolute;top:10px;bottom:-12px;width:100%;right: -12px;z-index: 2;  border:#3C4875 2px solid}

.casedetail_top_left img{ width: 100%;height: auto;  position:relative; z-index:3;}

.casedetail_top_right{width:40%;  position:relative; color:#fff; z-index:10}

.casedetail_top_right h1 {display:block;font-size:30px; margin-bottom:25px; text-align:left; color:#fff;}

.casedetail_contact {width:100%;margin:40px 0 0 0;position:relative}

.casedetail_top_right_zi{   font-size:18px;   padding:15px 0 5px 0; margin:20px auto; width:100%; border-radius:5px;overflow:hidden}

.casedetail_top_right_zi li strong{ font-size:18px}

.casedetail_top_right_zi li{ float:left; width:30.333%; margin:0 3% 0 0; text-align:center}

.casedetail_top_right_zi li p{   box-sizing: border-box; border:#fff 1px solid;padding: 40px 15px 10px;border-radius: 10px;margin-top: -35px;}

.casedetail_top_right_zi img{ display:block; text-align:center;  margin:0 auto}

.casedetail_top_right_zi span{ display:block; margin:5px 0; line-height:30px;}

.peitao_sb{ width:100%; margin-top:40px; overflow:hidden}

.peitao_sb strong{ font-size:24px; display:block; width:100%; float:left}

.peitao_sb a{ float: left;margin-top: 17px; border: 1px dashed #fff;color: #fff;font-size: 16px;margin-right: -10px; padding: 8px 35px; border-radius: 25px;}



.casedetail_tel{font-size: 20px;width:100%;background: url(../images/case_tel.png) no-repeat left 2px; background-size:50px; margin:20px 0 0; padding:10px 0 10px 53px; overflow:hidden }

.casedetail_tel span{font-size: 14px; margin:0;line-height:18px}

.casedetail_tel a{color: #FC0;font-size:32px;font-weight: 600; line-height:30px;}

.wenxintishi{position: relative;padding:20px 2% 0;overflow: hidden; margin:0 0 5% 0;}

.wenxintishi .left {position: absolute;bottom:18px; }

.wenxintishi .right { background:#3C4875;  margin-top:50px; border-radius:200px 200px 20px 200px; padding:10px 30px 10px 0; }

.wenxintishi .right .con{ margin-left:20%;}

.wenxintishi .right .tip{ font-size:20px; line-height:36px; color:#fff}

.wenxintishi .btn{padding:8px 45px;font-size: 20px;border-radius:50px; margin-top:-15px;background:#F26631;}  

.wenxintishi .btn a{ color:#fff;}

.casedetail_con{ font-size:16px; line-height:32px; padding:50px; margin:80px auto; overflow:hidden; background:#f0f3fa }

.casedetail_con p{ margin-bottom:30px;}

.casedetail_con h3{ font-size:24px; margin:10px 0; background:url(../images/bt_zs.png) no-repeat left center; text-indent:30px; background-size:20px;}

.casedetail_kefu{ margin-bottom:80px;}

.casedetail_kefu_l{width: 17%;text-align: center; }

.casedetail_kefu_l img{width: 100%; }

.casedetail_kefu_r{width:80%;}

.casedetail_kefu_r .tit{ position:relative;    padding-top:110px; margin-bottom:30px; width:100%;}

.casedetail_kefu_r .tit span {font-size: 50px; font-family: 'Impact';line-height: 60px;position: absolute;z-index: 0; text-transform:uppercase;color: #c9c9c9;color: rgba(201, 201, 201, .2); top:10px;}

.casedetail_kefu_r  .tit  h4{font-size: 40px;color:#05163f;    position: relative; z-index: 3;line-height: 40px; }

.casedetail_kefu_r  .line{ margin-top:20px;}

.casedetail_kefu_r p{font-size: 16px;color:#555f7d;line-height: 32px;text-indent: 2em;margin-bottom:20px;}

/*=======================casedetail end===================*/



/*=======================pro_list start===================*/

.product_ban{ background:url(../images/industry-bg.jpg) no-repeat; background-size:cover; padding-top:80px; height:300px;}

.product_ban .tit{text-align:center; background-size:50px; color:#fff}

.product_ban .tit h2{ font-size:50px; padding:20px 0;color: #fff; margin-bottom:18px;}

.product_ban .tit p{ font-size:16px; margin-bottom:20px;}

.product_list_ban{ background:url(../images/industry-bg-1.jpg) no-repeat; background-size:cover; padding-top:80px; height:300px;}

.product_list_ban .tit{text-align:center; background-size:50px; color:#fff}

.product_list_ban .tit h2{ font-size:50px; padding:20px 0;color: #fff; margin-bottom:18px;}

.product_list_ban .tit p{ font-size:16px; margin-bottom:20px;}



.ul-cate{overflow:hidden;margin:-70px auto 30px;text-align:center; z-index:999; position:relative}

.ul-cate ul{ width:65%; margin:0 auto; text-align: center; overflow:hidden}

.ul-cate li{ display: inline-block; width:11.6%;margin: 0 2.5%;   }

.ul-cate h5{ font-size:14px; line-height:24px; font-weight:400; margin:8px 0; text-align:center; color:#888}

.ul-cate li strong{ background:url(../images/cate-bg1.png) center center no-repeat; background-size:contain; display:block;   margin:5px auto 10px;}

.ul-cate li strong img{ width:90%; padding:12%;}

.ul-cate li strong img:hover{width:90%; padding:12%;background:url(../images/cate-bg1.png) center center no-repeat; background-size:contain;margin:5px auto 10px;  }

.current-img strong img{width:90%; padding:12%;background:url(../images/cate-bg.png) center center no-repeat; background-size:contain;margin:5px auto 10px; }

/*====homepro begin=====*/

.pro_list{ margin-bottom:60px; margin-top:50px;}

.pro_list ul { margin-left:-4%}

.pro_list ul li {float: left;width: 21%; margin:0 0 70px 3.6%}

.pro_list li .pic {background:url(../images/pros_bg.jpg) center top no-repeat; background-size:contain; display:inline-block;  }
.pro_list li .pic img{ height:270px; width:100%;}

.pro_list li .pic:hover img {filter:alpha(Opacity=70);-moz-opacity:0.7; height:270px;  opacity: 0.7}

.pro_list li h4 {background:#DFE7F0;text-align:center;color: #05163f; padding:0; font-size:16px;}

.pro_list li h4 a{color:#05163f;padding: 15px 0; display:block}

.pro_list li h4 a:hover{ color:#fff;background:#ee7709;}



/*=======================pro_list end===================*/





.news_list { margin-bottom:80px; margin-top:40px;}

.news_list ul li{padding:40px 0; width:100%; overflow:hidden; background:#F2F2F2; margin-bottom:40px;}

.news_list ul li .l{float: left; width: 14%;overflow: hidden;margin-left: 30px;}

.news_list ul li .l img{-moz-transition: all 1s ease;-o-transition: all 1s ease;-webkit-transition: all 1s ease;-ms-transition: all 1s ease;transition: all 1s ease;}

.news_list ul li .fl{float: left;width: 60%;padding:0 2%;}

.news_list ul li .fl h3{font-size: 20px;color: #202020;font-weight: normal; margin-bottom:8px;}

.news_list ul li .fl .new-click{font-size: 12px;color: #c9c9c9;padding: 10px 0px;}

.news_list ul li .fl .list-text{font-size: 14px;color: #666;line-height: 26px;height: 52px;overflow: hidden;}

.news_list ul li .fr{float:right;width: 10%;text-align: center;font-size: 14px;color: #8d8b8b;padding: 0 0 2% 0;border-left: 1px solid #e6e6e6;font-family: Arial;}

.news_list ul li .fr .time-day{display: block;font-size: 60px;line-height: 60px;color: #333f47;font-family: Impact;padding-top: 25px;}

.news_list ul li:hover .l img{-moz-transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);-o-transform: scale(1.1,1.1);-webkit-transform: scale(1.1,1.1);transform: scale(1.1,1.1);}

.news_list ul li:hover .fl h3 a{color:#ed1c24;}

.page{color: #07284E;text-align: center;}

.page .gobutton,.page .num{color: #07284E;display: inline-block;border: 1px solid #ededed;padding: 5px 10px;vertical-align: middle;margin: 0 0 10px -1px;background: #fff;font-size: 16px;font-weight: normal;}

.page .active{background: #ed1c24;color:#fff;}

.pages {color: #999; margin:50px auto; clear:both;   }

.pages a, .pages .cpb {text-decoration:none; padding:12px 18px; margin:2px; border: 1px solid #ddd;background: #ffff;font-size:13px; color:#07284E;}

.pages a:hover { background-color: #E61636; color:#fff;border:1px solid #E61636; text-decoration:none;}

.pages .cpb { font-weight: bold; color: #fff; background:#F26631; border:1px solid #D7440D;}



.right-fd{position: fixed;bottom: 10%;right:0;text-align: center;z-index: 9999;display: none;}

.right-fd ul{width:100px;background: #fc0; margin:-50px auto 0; z-index:-2;-webkit-box-shadow: 0px 10px 100px rgba(3,3,3,0.2);-moz-box-shadow: 0px 10px 100px rgba(3,3,3,0.2);

    box-shadow: 0px 10px 100px rgba(3,3,3,0.2);position: relative;}

	.kf{ z-index:10; position:relative}

.right-fd ul #slidebar{width: 3px;height: 60px;background: #ff4a00;display: block;position: absolute;

    top: 0;right: -3px;transition: all 0.5s;}

.right-fd li{position: relative;}

.right-fd .l3 p{width: 0;background: #252e3c;position: absolute;top: 0;right: 0px;text-align: left;z-index: 10;transition-property:width;

    transition-duration:0.8s;}

.right-fd .l3 p span{font-size: 18px;color: #fff;line-height: 1.5;display: block;padding:17px 28% 17px 10%;white-space: nowrap;overflow: hidden;

 opacity: 0;transition-duration:1s;transition-delay: 0.2s;}

.right-fd .l3 p span strong{font-size: 20px;color: #fc0;display: block;}

.right-fd .l3:hover p{width: 210px;}

.right-fd .l3:hover p span{opacity: 1;}

.right-fd .l3:hover p img{opacity: 1;}

.right-fd li a{font-size: 16px;color: #252e3c;line-height: 1;font-weight: bold;text-align: center;display: block; padding: 60px 0 15px 0;border-top: 1px solid #FBA617;}

.right-fd .l1 a{border-top: 1px solid #fff;}

.right-fd .l2 a{background: url("../images/right-ico03.gif") center 15px no-repeat;}

.right-fd .l3 a{background: url("../images/right-ico02.png") center 15px no-repeat;}

.right-fd .l4 img{ margin-bottom:5px; }

.right-fd .l4 a{ padding:0 0 10px 0;color:#eb0001}

.right-fd .l4{background:#fff; }

.right-fd li a:hover{color: #ff4a00;}

.scroll-top{width:100px;display: block;background: #000 url("../images/right-top.png") center 5px no-repeat ;padding: 17px 0 3px 0;margin:0 auto 0;

    -webkit-box-shadow: 0px 10px 100px rgba(3,3,3,0.2);-moz-box-shadow: 0px 10px 100px rgba(219, 121, 121, 0.2);box-shadow: 0px 10px 100px rgba(3,3,3,0.2); color:#fff}

.scroll-top:hover{background: url("../images/right-tops.png") center 5px no-repeat  #252e3c;color: #fc0;}

.pagination{ width:100%; margin:50px auto; text-align:center;clear: both; font-size:18px;}

.pagination span a,.pagination li .disabled{text-decoration: none;margin: 2px;border: 1px solid #ddd;background: #ffff;color: #07284E;display: inline-block;}

.pagination .page-num-current{font-weight: bold;color: #fff;background: #F26631;border: 1px solid #D7440D;}

.pagination a{ padding: 12px 18px; display:inline-block}

.pagination .disabled,.pagination .page-num-current{padding: 12px 18px; display:inline-block}
.page-status{ display: none; }
.d3-model {padding:60px 0 20px 0;background: url("../images/d3_bg.jpg") left top repeat;}

.d3-model .d3_tit{ text-align:center; }

.d3-model .d3_tit h3 {font-size:40px;color:#fff;text-align:center; margin-bottom:15px;    position: relative;display: inline-block;}

.d3-model .d3_tit h3:after,.d3-model .d3_tit h3:before{    content: '';position: absolute;width:125px;height:30px;top:65%; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%);}

.d3-model .d3_tit h3:after{left:-140px; background:url(../images/d3_ico02.png) no-repeat center center; background-size:125px 20px;}

.d3-model .d3_tit h3:before{right:-140px; background:url(../images/d3_ico01.png) no-repeat center center; background-size:125px 20px;}

.d3-model .d3_tit p {line-height:32px;font-size:18px;width:100%;color:#fff;text-align:center;overflow:hidden;margin-top:10px;}

.d3-model .d3-content {width:80%;height:700px; margin:30px auto; background: url("../images/3d_bg.png") center bottom no-repeat;-webkit-background-size:100% auto;background-size:100% auto;position:relative;}

.d3-model .v3d-panel {width:100%; height:700px;position:relative;top:0;z-index:2;}

.d3-model .v3d-panel canvas {-webkit-transform:translate(-50%,-50%) scale(1,0.9) !important;-moz-transform:translate(-50%,-50%) scale(1,0.9) !important;-ms-transform:translate(-50%,-50%) scale(1,0.9) !important;-o-transform:translate(-50%,-50%) scale(1,0.9) !important;transform:translate(-50%,-50%) scale(1,0.9) !important;}

.d3-model .wrap .d3-content .v3d-panel canvas { position: absolute;/* left: 50%; */ top: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}

.d3-model ul{ width:100%; overflow:hidden; margin-top:60px;}

.d3-model li{ width:22%; margin:0 1.5% 40px; float:left;}

.d3-model li .pic {background:url(../images/pros_bg.jpg) center top no-repeat; background-size:contain; display:inline-block; padding:8%; }

.d3-model li .pic:hover img {filter:alpha(Opacity=70);-moz-opacity:0.7;opacity: 0.7}

.d3-model li h4 {text-align:center; padding:0; font-size:16px;}

.d3-model li h4 a{color:#fff; display:block}

.d3-model li h4 a:hover{ color:#fff;}



.four_bg{ background: url("../images/404_bg.jpg") center bottom no-repeat; background-size: cover}

.four_con{ text-align:center; width:70%; margin:10% auto 20%}

.four_con img{ width:50%;}

.four_con p{ font-size:18px; margin:30px 0}

.four_con .return{ background:#3e8bb7; padding:16px 70px; color:#fff; border-radius:10px ; font-size:24px;    box-shadow: 0px 5px 0px 0px #2C6181; display: inline-block}

.four_con .return:hover{ background:#1E3C70;box-shadow: 0px 5px 0px 0px #000;}



@media (max-width:1600px){

	.about_model4 p,.about_model4 .con{ width:70%}

	.prolist_ban{background-size: contain;height: 375px;padding-top: 100px;}

	}

@media (max-width:1560px){

	.wrap{ width:96%}

	.pro_info{ width:100%; padding:2%}

	.about_ban{ height:auto;padding:80px 0 70px 0}

	.about_ban .tit h2{ font-size:40px;}

	.about_model4{ background-size: contain}

	.production-panel{ max-height:800px; background-size:100% 240%}

	.left_form h3{background-size: cover;}

	.pro_cate ul{ width:80%;}

	.prolist_ban .wrap{ width:60%; float:left; margin-left:20px;} 

	.prolist_ban .tit h2{ font-size:46px;}}

@media (max-width:1440px){

	.about_model2 .man{ margin-top:0}

	.about_model4 .con,.pro_cate ul{ width:95%;}

	.about_model4 .con{ padding:0}

	.about_model4{ padding:36px 0}

	.about_model1 .left dl{ padding:60px 30px }

	.about_model2{ margin:10px auto}

	.case_top{ height:auto}

	.mes_right_con{ margin-right:20px; width:30%}

	.pro_info_right .des{ height:57px}

	.production-panel { background-size: 100% 220%;}

	.mes_right_con .kefu{-webkit-box-shadow: 5px 10px 15px rgba(0,82,204,0.4);

    -moz-box-shadow: 5px 10px 15px rgba(0,82,204,0.4);

    -o-box-shadow: 5px 10px 15px rgba(0,82,204,0.4);

    box-shadow: 5px 10px 15px rgba(0,82,204,0.4);}

	.about_model2 ul li .box span{margin-top: -30px;}

	.pro_info{margin:50px auto 0;}

	.news_part2_mid ul li{    padding:7px 80px 6px 15px;}

	.news_part2_right .con2{ font-size:14px; padding:10px; line-height:26px;}

	.news_part2_right .con1{ padding:10px;}

	.news_prat1_r li h3{ margin-bottom:10px}

	.news_prat1_r li {margin-bottom:10px;}

	.pro_model_3 {padding: 40px 0 130px 0;}

	.prolist_ban_bottom{margin:0 0 0 10px;}

	.prolist_ban {height: 340px;}

	.prolist_ban .wrap{ width:48%;}

	}

@media (max-width:1366px){

	.production-panel { background-size: 100% 175%;}

	.about_model4{ padding:26px 0;}

	.about_model2 ul li .box span{padding: 7px 0;}

	.pro_info_right h1{margin:10px 0 30px 0;}

	.pro_info_right .contact{ padding-top:30px; margin-top:10px;}

	.peitao_sb a{ padding:8px 23px; margin-top:10px}

	.wenxintishi .right .tip{ font-size:16px; line-height:30px;}

	.news_prat1_r li h3{ margin-bottom:8px}

	.news_prat1_r li {margin-bottom:5px;}

	.prolist_ban_bottom{ display:none}

	.prolist_ban{ height:320px}

	.mes_right_con{ margin-right:0}

	.left_form{ width:57%;}

	}

@media (max-width:1280px){

	.pro_info_right .kefu{padding: 5px 35px 5px 100px;}

	.mes_right_con .kefu span{ font-size:24px;}

	.about_model4 {padding: 10px 0;}

	.about_model1 .right span{ font-size:34px}

	.prolist_ban{ padding-top:80px; height:300px}

	.casedetail_tel{ display:none}

	.news_prat1_r li p{ height:27px;}

	.news_prat1_r li .day{ font-size:28px}

	.lianxi_bg{ height:400px; background-size:contain}

	.lianxi{ margin-top:100px;}

	.lianxi p{ width:80%; line-height:32px;}

	.news_part2_mid ul li{    padding:6px 80px 5px 15px;}

	.news_part2_right .con2{ font-size:12px; padding:10px; line-height:18px;}

	.news_part2_right .con1{ padding:10px;}

	.news_part2_mid{ padding:15px}

	.news_prat1_r li h3{ margin-bottom:13px}

	.news_prat1_r li {margin-bottom:24px;}

	.case_top .tit p{ width:94%}

	

	}

@media (max-width:1170px){

	.pro_info_right .feeding p{ padding:8px 30px; margin-right:20px;}

	.pro_info_right .des{ height:55px}

	.pro_info_right .tel p{ font-size:30px}

	.pro_info_right .kefu{padding: 5px 20px 5px 100px;}

	.pro_info_right .spe,.wenxintishi,.news_part2_right{ display:none}

	.pro_info,.pro_navigation{    margin:30px auto 0;}

	.casedetail_tel{ display:block}

	.pro_cate ul{ width:100%}

	

	.pro_cate li {width: 145px; height: 145px;    padding:30px 0;}

	.casedetail_top{ padding:40px 0}

	.peitao_sb a{ padding:5px 12px; margin-top:4px}

	.news_part2_left{ width:100%;}

	.news_part2_mid{ padding:18px}

	.news_part2_mid ul li a{ padding:4px 80px 4px 10px;}

	.news_part3 .info{ margin-bottom:24px;}

	.mes_right .tel p{font-size:26px}

	.pro_info_right .kefu p{ font-size:16px}

	.pro_info_img{ margin-top:20px;}

	.prolist_ban{height: 280px;}

	.prolist_ban{ padding-top:60px;}

	.home_cate ul li .port-4 .text-desc{top: -120%;}

}

@media (max-width:1024px){

	.about_ban{ padding:70px 0 60px 0}

	cate { margin:-30px auto 0}

	.pro_list { margin-top:30px;}

	.ul-cate ul{ width:80%;}

	.pro_cate ul{ width:100%}

	.pro_cate li {width: 135px; height: 135px;    padding:30px 0;}

	.pro_info_right h1{ font-size:36px}

	.pro_info_right .feeding p{padding: 7px 10px;margin-right:10px}

	.pro_info_right .kefu{ display:none}

	.pro_info_right .contact{ padding-top:20px; margin-top:20px;}

	.mes_right_con{ width:35%;right:1%;}

	.about_model4 .con, .pro_cate ul{ width:100%}

	.about_model1 .right span{ font-size:28px}

	.about_model1 .left dl{ width:280px}

	.about_model1 .left{ width:44%}

	.about_model1 .right{ width:44%}

	.about_model1 .right p{ font-size:14px}

	.about_model1 .left dl {padding: 30px 10px;}

	.about_model1 .left dt{ margin-top:20px}

	.about_model1 .right span strong{ font-size:32px;}

	.about_model2 ul li .box{ height:130%}

	.about_model2 ul li img{ width:80%; height:auto; text-align:center; margin:15px auto}

	.about_model2 .man{ margin-top:10px;}

	.about_model2 .tit{ margin:30px auto}

	.about_model2 .man p{ padding:0 10px; font-size:14px;}

	.about_model3 .tit p{ font-size:14px; line-height:28px;}

	.about_model4 p strong{ font-size:30px;}

	.about_model4 p{ font-size:14px; font-weight:500; line-height:26px;}

	.about_model4 .con .fl{ width:20%;}

	.about_model4{ background-size:100%}

	.about_model4 .con {width: 84%;} .pro_cate ul{width:100%;}

	.prolist_ban_bottom a{ margin-top:10px;}

	.pro_model_1 h3{ font-size:24px}

	.mes_right .tel p{ font-size:26px}

	.left_form{ width:55%}

	.left_form .btn_submit{ background-size:120px; margin-top:15px;}

	.t-text{ font-size:14px;}

	.pro_model_4{ padding:60px 0}

	.news_part2_mid ul li a{    padding:1px 80px 1px 10px;}

	.news_prat1_r li h3{ margin-bottom:5px}

	.news_prat1_r li { margin-bottom:19px}

	.pro_model_2 dd{ width:82%}

	

	}