@charset "UTF-8";/** * * @authors Your Name (you@example.org) * @date    2018-11-26 08:56:00 * @version $Id$ */
*{ margin:0; padding:0; font-size:13px; font-family:microsoft yahei; /*! color: #333; */}
@font-face {font-family: 'SWZ92';src: url('../font/SWZ921N_0.ttf'),url('../font/SWZ921N_0.eot'),url('../font/SWZ921N_0.woff'),url('../font/SWZ921N_0.woff2'),url('../font/SWZ921N_0.otf')}
@font-face {font-family: 'AVGARDN';src: url('../font/AVGARDN_0.ttf'),url('../font/AVGARDN_0.eot'),url('../font/AVGARDN_0.woff'),url('../font/AVGARDN_0.woff2'),url('../font/AVGARDN_0.otf')}
 @keyframes warn {    0% {        transform: scale(0.3);    -webkit-transform: scale(0.3);        opacity: 0.0;    }    25% {        transform: scale(0.3);    -webkit-transform: scale(0.3);        opacity: 0.1;    }    50% {        transform: scale(0.5);    -webkit-transform: scale(0.5);        opacity: 0.3;    }    75% {        transform: scale(0.8);    -webkit-transform: scale(0.8);        opacity: 0.5;    }    100% {        transform: scale(1);    -webkit-transform: scale(1);        opacity: 0.0;    }}
 @keyframes warn1 {    0% {        transform: scale(0.3);    -webkit-transform: scale(0.3);        opacity: 0.0;    }    25% {        transform: scale(0.3);    -webkit-transform: scale(0.3);        opacity: 0.1;    }    50% {        transform: scale(0.3);    -webkit-transform: scale(0.3);        opacity: 0.3;    }    75% {        transform: scale(0.5);    -webkit-transform: scale(0.5);        opacity: 0.5;    }    100% {        transform: scale(0.8);    -webkit-transform: scale(0.8);        opacity: 0.0;    }}
 @-webkit-keyframes "warn" {    0% {    transform: scale(0);        -webkit-transform: scale(0);        opacity: 0.0;    }    25% {    transform: scale(0);        -webkit-transform: scale(0);        opacity: 0.1;    }    50% {    transform: scale(0.1);        -webkit-transform: scale(0.1);        opacity: 0.3;    }    75% {    transform: scale(0.5);        -webkit-transform: scale(0.5);        opacity: 0.5;    }    100% {    transform: scale(1);        -webkit-transform: scale(1);        opacity: 0.0;    }}
body{ overflow-x: hidden; min-width:1300px;}svg { display: block; }img{ border:0 none}a,img{ outline:0}a{ text-decoration:none}li{ list-style:none}
.fl{ float:left}
.pl{ left:0}
.pl,.pr{ position:absolute}
.pr{ right:0}
.fr{ float:right}
.page{ margin:0 auto; width:1200px;}
.cl,.clear{ clear:both; display: block; }
.dis{ display:none}
.top35{ margin-top:35px}
.en{ text-transform:uppercase; font-family:arial}
.head{ height: 45px; line-height: 45px; background:#f2f2f2; position: relative; }
.head:after{ content: ''; height: 9px; background: url(../images/head_bottom.png) no-repeat center; width: 100%; display: block; position: absolute; bottom: -9px; left: 0; }
.head .fl,.head .fr a{ color: #a8a9a9; }
.head .fr a { display: inline-block; padding-left: 45px; background: url(../images/top_input.png) no-repeat 2px 6px; transition: 0.3s all ease-in-out; font-size: 13px; line-height: 45px; padding-right: 20px; cursor: pointer; position: relative;}
.head .fr .tel{ background-position:-114px 6px; }
.head .fr .wx{ background-position:-232px 6px; }
.head .fr a:hover,.head .fr strong:hover{ background-position-y:-46px; color: #fff; background-color: #230c6f}
.head .fr .wx .wxewm { width: 130px; height: 130px; position: absolute; top: 45px; z-index: 2; left: 0; display: none; }
.head .fr .wx .wxewm img{ width: 130px; height: 130px; display: block; }
.top { padding: 30px 0; height: 90px; width: 100%; }
.top > .page > .logo{ display: block; padding-right: 20px; height: 90px; }
.top > .page > .logo > a > img{display: block;height: 100%;width: auto;}
.top > .page > .logo > a{display: block;height: 100%; width: auto;}
.top > .page >.logo_2{display: block;height: 60px;padding-left: 20px; border-left: 1px solid #e7e7e7;margin-top: 25px;}
.top > .page >.logo_2 > strong{display: block;font-size:29px; font-weight: bold;line-height:35px;color:#343434; margin-bottom:5px;}
.top > .page >.logo_2 > p{display: block;font-size: 16px;line-height: 24px;color: #666;padding-bottom: 4px;}
.top > .page > .top_tel{height: 90px;display: block}
.top > .page > .top_tel:after{content: '';display: block;clear: both}
.top > .page > .top_tel > i{float:left;margin-top:18px;background: url(../images/top_tel.png) 13px 13px no-repeat;width: 28px;height: 28px;display: block;padding: 12px;border:1px solid #230c6f;border-radius: 50%;transform: rotate(0deg);-webkit-transform: rotate(0deg);}
.top > .page > .top_tel > p{font-size: 24px;font-family: 'SWZ92';color: #230c6f;line-height:28px;height:50px;float:left;margin-left:10px;margin-top:20px;}
.top > .page > .top_tel > p .small{font-size: 16px;display: block;line-height: 22px;}
.nav.menu{ position:relative; background: #230c6f; width: 100%; height: 60px; }
.nav li { float: left; display: block; width: 150px; text-align: center; overflow: hidden; }
.nav li.last{ background:0 0}
.nav li a { display: block; height: 60px; line-height: 60px; color: #fff; font-size: 15px; background-repeat: no-repeat; background-position: -30px center; padding-left: 0; position: relative; left: 0px; }
.nav li:hover,.nav li.navcurrent { background: url(../images/bg.jpg) repeat center; }
.nav li.navl1 { width:150px; }
.nav li.navl1 a{ background-position:25px center; padding-left: 20px; }
.nav #Zz0 a{ background-image: url(../images/d1.png); }
.nav #Zz1 a{ background-image: url(../images/d2.png); }
.nav #Zz2 a{ background-image: url(../images/d3.png); }
.nav #Zz3 a{ background-image: url(../images/d4.png); }
.nav #Zz4 a{ background-image: url(../images/d5.png); }
.nav #Zz5 a{ background-image: url(../images/d6.png); }
.nav #Zz6 a{ background-image: url(../images/d7.png); }
.nav #Zz7 a{ background-image: url(../images/d8.png); }
.nav #Zz8 a{ background-image: url(../images/d9.png); }
.banner{ overflow: hidden; background:#eee}
.banner-box{ min-width:1100px; height:600px; position:relative; margin:0 auto; }
.banner-box .bd{ width:100% !important; }
.banner-box .bd li{ width:100% !important; height:600px; background-position: center; background-repeat: no-repeat; }
.banner-box .bd li a{ display:block; background-size:auto; }
.banner-btn{ width: 100%; position: absolute; top: 0; left: 0; margin-left: 0; height: 600px; overflow: hidden; }
.banner-btn a{ display:block; width:49px; height:104px; position:absolute; top:248px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition:0.3s all ease-in-out}
.banner-btn a.prev{ left:-50px; background:url(../images/lr.png) no-repeat 0 0; }
.banner-btn a.next{ right:-50px; background:url(../images/lr.png) no-repeat -49px 0; }
.banner-box .hd { position:absolute; bottom:25px; width: 100%; display: block; }
.banner-box .hd ul { width: 1200px; margin: 0 auto; text-align: center; }
.banner-box .hd ul li{ width:35px; height:10px; border-radius:20px; text-indent:-9999px; background:#fff; cursor:pointer; display:inline-block; margin:0 5px; transition:0.3s all ease-in-out; text-align: center; position: relative; z-index: 1111; }
.banner-box .hd ul li.on{ background: #230c6f; width: 70px; }
.banner-box:hover .banner-btn a.prev{ left:20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box:hover .banner-btn a.next{ right: 20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box .banner-btn a.prev:hover,.banner-box .banner-btn a.next:hover{ filter:alpha(opacity=80); -moz-opacity:.8; -khtml-opacity:.8; opacity:.8; }


.bannerr{ overflow: hidden; background:#eee}
.banner-boxx{ min-width:1100px; height:450px; position:relative; margin:0 auto; }
.banner-boxx .bd{ width:100% !important; }
.banner-boxx .bd li{ width:100% !important; height:450px; background-position: center; background-repeat: no-repeat; }
.banner-boxx .bd li a{ display:block; background-size:auto; }
.banner-btnn{ width: 100%; position: absolute; top: 0; left: 0; margin-left: 0; height: 450px; overflow: hidden; }
.banner-btnn a{ display:block; width:49px; height:104px; position:absolute; top:248px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition:0.3s all ease-in-out}
.banner-btnn a.prev{ left:-50px; background:url(../images/lr.png) no-repeat 0 0; }
.banner-btnn a.next{ right:-50px; background:url(../images/lr.png) no-repeat -49px 0; }
.banner-boxx .hd { position:absolute; bottom:25px; width: 100%; display: block; }
.banner-boxx .hd ul { width: 1200px; margin: 0 auto; text-align: center; }
.banner-boxx .hd ul li{ width:35px; height:10px; border-radius:20px; text-indent:-9999px; background:#fff; cursor:pointer; display:inline-block; margin:0 5px; transition:0.3s all ease-in-out; text-align: center; position: relative; z-index: 1111; }
.banner-boxx .hd ul li.on{ background: #230c6f; width: 70px; }
.banner-boxx:hover .banner-btnn a.prev{ left:20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-boxx:hover .banner-btnn a.next{ right: 20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-boxx .banner-btnn a.prev:hover,.banner-boxx .banner-btnn a.next:hover{ filter:alpha(opacity=80); -moz-opacity:.8; -khtml-opacity:.8; opacity:.8; }


.main_30 > .page > .fl{padding-left:170px;background: url(../images/main_30_l.jpg) no-repeat left center;height: 100px;font-size:26px;font-weight: 100;line-height: 40px;}
.main_30 > .page > .fl > p{display: block;font-size: 15px;color: #999;line-height: 23px;padding-top: 5px;}
.main_30 > .page > .fl > span{color: #230c6f;}
.main_30 > .page > .fl > .main_30_l_f1{font-family: 'AVGARDN';font-size: 36px;display: inline-block;position: relative;top: 3px;left: 2px;}
.main_30 > .page > .fl > .str{font-weight: bold;font-size: 26px;}
.main_30{padding:20px 0;height: 100px; border-bottom:1px solid #CCC;}
.main_item {float: left;padding: 0 20px;cursor:pointer;}
.main_item > i{display: block;width: 100px;height: 60px;position: relative;margin-top: 5px;}
.main_item > i:before{content: '';display: block;width: 100%;height: 100%;position: absolute;left:0;top: 0;}
.main_item > i:after{content: '';display: block;width: 100%;height: 100%;position: absolute;left:0;top: 0;}
.main_item > p{font-size: 15px;color: #666;line-height: 30px;display: block;text-align: center;transition:0.5s all ease-in-out;cursor:pointer;}
.main_item_1 > i:before,.main_item_1 > i:after{background: url(../images/main_30_1.jpg) no-repeat;transition:0.5s all ease-in-out;}
.main_item_2 > i:before,.main_item_2 > i:after{background: url(../images/main_30_2.jpg) no-repeat;transition:0.5s all ease-in-out;}
.main_item_3 > i:before,.main_item_3 > i:after{background: url(../images/main_30_3.jpg) no-repeat;transition:0.5s all ease-in-out;}
.main_item_4 > i:before,.main_item_4 > i:after{background: url(../images/main_30_4.jpg) no-repeat;transition:0.5s all ease-in-out;}
.main_item_1 > i:after{background-position: 0 -70px;opacity: 0;filter: alpha(opacity=0);height: 0;}
.main_item_1 > i:before{background-position: 0 0;}
.main_item_2 > i:after{background-position: 0 -70px;opacity: 0;filter: alpha(opacity=0);height: 0;}
.main_item_2 > i:before{background-position: 0 0;}
.main_item_3 > i:after{background-position: 0 -70px;opacity: 0;filter: alpha(opacity=0);height: 0;}
.main_item_3 > i:before{background-position: 0 0;}
.main_item_4 > i:after{background-position: 0 -70px;opacity: 0;filter: alpha(opacity=0);height: 0;}
.main_item_4 > i:before{background-position: 0 0;}
.main_item.active > i:after{height: 100%;opacity: 1;filter: alpha(opacity=100);}
.main_item.active > p{color: #230c6f}
.container{width:1200px;margin: 0 auto;}
/*choose*/
.choose-title{position:relative;margin:0 auto;text-align: center;font-size:36px;color: #230c6f;font-weight: bold;line-height:40px;}
.choose-title p{color: #535353;font-size: 16px;position: relative; font-weight:normal; width:450px; margin:0 auto;}
.choose-title p:after{position: absolute;content:"";left:0;top:15px;background: url(../images/t1.png) no-repeat top left;width:54px;height:11px;}
.choose-title p:before{position: absolute;content:"";right:0;top:15px;background: url(../images/t1.png) no-repeat top right;width:54px;height: 11px;}
.t_c_bottom{position:relative;width:1200px;height:50px;margin-top:20px;background:#230c6f;z-index:25;}
.t_c_bottom .thisMenu{position:absolute;width:170px;height:50px;background:#eb4901; color:#FFF;z-index:30;}
.t_c_bottom ul{position:absolute;width:1200px;z-index:35;}
.t_c_bottom ul li{position:relative;float:left;width:170px;color:#fff;height:50px; line-height:50px; text-align:center;border-right:1px solid #CCC}
.t_c_bottom ul li a{display:block;width:170px;color:#fff;height:50px; line-height:50px; font-size:16px;}
.t_c_bottom ul li:nth-child(7) { border:none;}

.index_news03{ overflow:hidden; width:103%;}
.index_news03 dl{ float:left;cursor:pointer; position:relative;height:330px; width:290px; background:#fff; margin:0 13px 20px 0; -moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s; text-align:center; line-height:30px;}
.index_news03 dl:nth-child(4n) { margin-right:0px;}
.index_news03 dl span{ display:inline-block; font-size:14px; color:#fff; background:#230c6f; height:50px; line-height:50px;position:relative; text-align:center; width:100%;}
.index_news03 dl dt{ float:left; width:288px; height:288px; display:inline-block;}
.index_news03 dl dt img{ height:100%; max-width:100%; }
.index_news03 dl span:hover{ background:#eb4901; color:#FFF;}
.slideBox01{ width:1200px; height:720px; overflow:hidden; position:relative; margin:30px auto 0;}
.slideBox01 .bd{ position:relative; height:100%; z-index:0;   }
.slideBox01 .bd li{ zoom:1; vertical-align:middle; }

/*  五大服务优势 */
.gr_width{ width:1000px; margin:0 auto;}
.gr_youshi{ background:url(../images/ys_bg.jpg) no-repeat center top; height: 1207px;}
.youshi{position: relative; height: 1207px;}
.youshi li{ position: absolute;  font-size: 14px; width: 245px;}
.youshi li img{width: 245px; height: 245px;}
.youshi .ys_a{ top: 195px; left: 375px;}
.youshi li div{ padding-left:30px; padding-top:20px; position: relative;position: absolute;}
.youshi .ys_a div{background:url(../images/ysfont_bg1.png) no-repeat; width: 344px; height: 140px; left:-350px; top: 25px;}
.youshi div h3{ padding-left:; font-size: 16px; color: #333;padding-left:30px; height: 45px; margin-bottom:15px;}
.youshi .ys_b{ top: 440px; right: 100px;}
.youshi .ys_b div{background:url(../images/ysfont_bg2.png) no-repeat; width: 324px; height: 166px; right:-120px; top: -170px;}
.youshi .ys_b h3{ padding-left:40px;}
.youshi .ys_c{ top: 765px; right: 203px;}
.youshi .ys_c div{background:url(../images/ysfont_bg3.png) no-repeat; width: 312px; height: 140px; right:-340px; top: -50px;padding-left:50px;}
.youshi .ys_c div h3{padding-left:60px;}
.youshi .ys_d{ top: 770px; left: 195px;}
.youshi .ys_d div{background:url(../images/ysfont_bg4.png) no-repeat; width: 294px; height: 161px; left:0px; top: 250px; padding-left:30px;padding-right:10px;}
.youshi .ys_d div h3{ padding-top:25px;padding-left:40px;}
.youshi .ys_e{ top: 443px; left: 94px;}
.youshi .ys_e div{background:url(../images/ysfont_bg5.png) no-repeat; width: 294px; height: 161px; left:-230px; top: 230px; padding-left:30px;padding-right:10px;}
.youshi .ys_e div h3{ padding-top:25px;padding-left:40px;}
.youshi li:hover div{display: block;}
.youshi .num5{ position: absolute; top: 480px; left: 380px;}

.banner2{width: 100%;height: 200px;background:url(../images/20180731111439_2049722790.jpg) no-repeat center;}
.banner2 p{font-size: 46px;line-height: 46px;color: #fff;font-weight: bold;padding: 62px 0 0 0px;}
.banner2 ul {display: block;padding: 19px 0 0 0px;}
.banner2 ul li {display: block;background: url(../images/20180731112301_335781539.png) no-repeat left center;height: 20px;width: 128px;float: left;font-size: 16px;line-height: 25px;color: #fff;font-weight: lighter;text-indent: 25px;}
.company{padding:60px 0;background: url(../images/case_bg.jpg) repeat center;}
.company > .page{position: relative;}
.company_row_bg{background: url(../images/company_row2.png) no-repeat center;width: 400px;height: 230px;position:absolute;left:-280px;top:130px;}
.company_in{background: #fff;position:relative;z-index: 4;border-radius: 15px;}
.company_in:before{content: '';clear: both;display: block;width: 100%;height:35px;background: url(../images/company_in_bg.png) no-repeat center;position: absolute;bottom:-35px;}
.company_in:after{content: '';clear: both;display: block;}
.company_in > .fl{width:560px;padding:40px;}
.company_in > .fr{padding:45px 40px 45px 0px;width: 480px;height: 335px;}
.company_in > .fr strong{background: url(../images/company_tit.png) no-repeat 0 0;font-size:30px;color: #343434;line-height:45px;display: block;padding-top:55px;}
.company_in > .fr strong .color{font-size: 30px;color: #230c6f;display: inline-block;}
.company_in > .fr strong .small{display: block;font-size: 15px;color: #343434;font-weight: 100;line-height: 20px;}
.company_in > .fr p{font-size: 14px;color: #777;text-indent: 2em;line-height: 28px;padding-top: 20px;font-weight: 100;}
.company_in_btn > a{display: block;border: 1px solid #230c6f; border-radius: 50px;line-height: 36px;width: 140px;height: 36px;text-align: center;float:left;position:relative;overflow:hidden;transform:rotate(0deg);transition: 0.3s all ease;margin-top: 25px;margin-right: 20px;}
.company_in_btn > a:before{content: '';display: block;width: 100%;height: 100%;position: absolute;left: -100%;top: 0;transition: 0.3s all ease;background: #080b9c;background: -moz-linear-gradient(top, #080b9c 0%, #1f0c76 100%);background: -webkit-linear-gradient(top, #080b9c 0%,#1f0c76 100%);background: linear-gradient(to bottom, #080b9c 0%,#1f0c76 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#080b9c', endColorstr='#1f0c76',GradientType=0 );}
.company_in_btn > a > i{color: #230c6f;font-style: normal;font-size: 15px;display: block;line-height: 36px;width: 100%;position: relative;z-index: 3;transition: 0.3s all ease;}
.company_in_btn > a.comapny_in_btn_r{border-color:#eb3d01}
.company_in_btn > a.comapny_in_btn_r i{color:#eb3d01}
.company_in_btn > a:hover:before{left:0;}
.company_in_btn > a:hover{border-color: rgba(255,255,255,0)}
.company_in_btn > a:hover > i{color: #fff;}
.company_in_btn > a.comapny_in_btn_r:before{background: #eb7301;background: -moz-linear-gradient(top, #eb7301 0%, #eb4601 100%);background: -webkit-linear-gradient(top, #eb7301 0%,#eb4601 100%);background: linear-gradient(to bottom, #eb7301 0%,#eb4601 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb7301', endColorstr='#eb4601',GradientType=0 );}
.company_row2 {    padding: 0px 0 0;}
.company_row2 ul:after{content: '';display: block;clear: both;}
.company_row2 ul{width: 503px;margin: 0 auto;padding:0px 0 30px;}
.company_row2 ul li{display: block;float:left;width:150px;transition: 0.3s all ease;border:1px solid #ccc;margin-left: -1px;position: relative;overflow: hidden}
.company_row2 ul li:after{content: '';display: block;width: 20px;height: 20px;position:absolute;left:-52px;top:9px;transition: 0.3s all ease}
.company_row2 ul li.cur:after{left:52px;}
.company_row2 ul li.company_list_1:after{background: url(../images/company_r2_i1.png) no-repeat center;}
.company_row2 ul li.company_list_2:after{background: url(../images/company_r2_i2.png) no-repeat center;}
.company_row2 ul li.company_list_3:after{background: url(../images/company_r2_i3.png) no-repeat center;}
.company_row2 ul li.company_list_1{border-top-left-radius: 50px;border-bottom-left-radius: 50px;transform:rotate(0deg)}
.company_row2 ul li.company_list_3{border-top-right-radius: 50px;border-bottom-right-radius: 50px;transform:rotate(0deg)}
.company_row2 ul li a{display: block;text-align: center;font-size: 15px;color: #888;line-height: 38px;position: relative;z-index: 2;}
.company_row2 ul li.cur{width: 175px;padding-left: 25px;border: 1px solid #230c6f;background: #230c6f;}
.company_row2 ul li.cur a{color: #fff}
.company_cont_in_p:after{content: '';display: block;clear: both;}

.ads{padding: 35px 0;background: url(../images/ads_bg.jpg) no-repeat center;width: 100%;height: 130px;}
.ads_l{width: 485px;}
.ads_l strong{font-size: 30px;color: #fff;}
.ads_l strong .color{font-size: 30px;color: #eb3d01;}
.ads_l p{font-weight: normal;color: #fff;font-size: 15px;color: #afa9c0;line-height: 26px;display: block}
.ads_l > a{display: block;border: 1px solid #fff; border-radius: 50px;line-height: 40px;width:130px;height: 40px;text-align: center;float:right;position:relative;overflow:hidden;transform:rotate(0deg);transition: 0.3s all ease;margin-top:30px; margin-right:20px;}
.ads_l > a:before{content: '';display: block;width: 100%;background: #eb7301;background: -moz-linear-gradient(top, #eb7301 0%, #eb4601 100%);background: -webkit-linear-gradient(top, #eb7301 0%,#eb4601 100%);background: linear-gradient(to bottom, #eb7301 0%,#eb4601 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb7301', endColorstr='#eb4601',GradientType=0 );height: 100%;position: absolute;left: -100%;top: 0;transition: 0.3s all ease;}
.ads_l > a:hover:before{left:0;}
.ads_l > a:hover{border-color: rgba(255,255,255,0)}
.ads_l > a > i{color: #fff;font-style: normal;font-size: 15px;display: block;line-height: 40px;width: 100%;position: relative;z-index: 3;}
.ads_tel{display: block;color: #fff;font-weight:100;font-size:15px;line-height:15px;padding-left:80px; float:left;background: url(../images/ads_tel.png) no-repeat 0 0;height:50px;padding-bottom:30px;padding-top:8px;margin-top:20px;}
.ads_tel > .en{display: block;color: #fff;font-size: 20px;font-weight: bold;line-height:22px;padding-top: 5px;}

.adss{padding: 35px 0;background: url(../images/ads_bgg.jpg) no-repeat center;width: 100%;height: 130px; clear:both;}
.adss_l{width: 485px; float:right;}
.adss_l strong{font-size: 30px;color: #fff;}
.adss_l strong .color{font-size: 30px;color: #eb3d01;}
.adss_l p{font-weight: normal;color: #fff;font-size: 15px;color: #afa9c0;line-height: 26px;display: block}
.adss_l > a{display: block;border: 1px solid #fff; border-radius: 50px;line-height: 40px;width:130px;height: 40px;text-align: center;float:right;position:relative;overflow:hidden;transform:rotate(0deg);transition: 0.3s all ease;margin-top: 30px;}
.adss_l > a:before{content: '';display: block;width: 100%;background: #eb7301;background: -moz-linear-gradient(top, #eb7301 0%, #eb4601 100%);background: -webkit-linear-gradient(top, #eb7301 0%,#eb4601 100%);background: linear-gradient(to bottom, #eb7301 0%,#eb4601 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb7301', endColorstr='#eb4601',GradientType=0 );height: 100%;position: absolute;left: -100%;top: 0;transition: 0.3s all ease;}
.adss_l > a:hover:before{left:0;}
.adss_l > a:hover{border-color: rgba(255,255,255,0)}
.adss_l > a > i{color: #fff;font-style: normal;font-size: 15px;display: block;line-height: 40px;width: 100%;position: relative;z-index: 3;}
.adss_tel{display: block;color: #fff;font-weight: 100;font-size: 15px;line-height:15px;padding-left:65px; float:left;background: url(../images/ads_tel.png) no-repeat 0 0;height: 50px;padding-bottom: 30px;padding-top:8px;margin-top:15px;}
.adss_tel > .en{display: block;color: #fff;font-size: 20px;font-weight: bold;line-height:22px;padding-top: 5px;}
/*案例*/
.alcon {width: 1200px;margin: 0 auto;margin-top:10px;  padding:0px;}
.alcon ul{ margin:0px; padding:0px;width: 1200px;border:1px solid;}
.alcon ul li {width:390px;height:360px;float:left;margin-right:15px;}
.alcon ul li:nth-child(3n) {margin-right:0px;float:right;}
.alcon ul li img {float: left; width:390px;}
.alcon ul li span {width:390px;height:40px;background:#230c6f; color:#fff;display:inline-block;line-height:40px;overflow: hidden;font-size:16px;margin-top:5px;text-align: center;font-weight:600;}

/*新闻资讯*/
.box7{ margin-top:30px; clear:both;}
.box7 ul{margin-top:20px;}
.box7 ul li{float: left;width:386px;margin-right:20px; margin-bottom:50px;}
.box7 ul li:nth-child(3n){margin-right: 0;  float:right;}
.box7 ul li .txt{background: #f7f7f7;padding:10px; border-radius:0 0 10px 10px; padding-bottom:30px;}
.box7 ul li .txt .h{line-height:26px;margin-bottom:5px; padding-top:0px; color:#666; font-weight:bold;}
.box7 ul li .txt .h a{font-size: 14px;color:#666; font-weight:bold;}
.box7 ul li .txt .t{font-size: 12px;line-height: 22px;color:#666666;}
.box7 ul li .txt .b{margin-top:10px; padding-bottom:10px;}
.box7 ul li .txt .b .m{float: left;}
.box7 ul li .txt .b .m a{width: 66px;font-size: 12px;line-height: 24px;border:1px solid #e5e5e5;display: block;text-align: center;color: rgba(0,0,0,0.4);}
.box7 ul li .txt .b .t{float: right;padding-right: 25px;background: url(../images/pic-27.png) no-repeat right center;}
.box7 .more{width: 150px;font-size: 14px;line-height: 32px;border:1px solid #f9800a;text-align: center;border-radius: 17px;margin:75px auto 0;background: #f9800a;}
.box7 .more a{color: #fff;}
.box7 ul li .pic{overflow: hidden; margin:0px; width:386px; height:250px; padding:0px;}
.box7 ul li .pic img{transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s; width:386px; height:250px;}
.box7 ul li .pic:hover img{transform: scale(1.1);-ms-transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);}

/* footer */
.footer{width: 100%;padding-top:30px;background: #232323; clear:both;}
.footerTop{border-bottom: 1px solid #343434; height:160px;}
.footerTop .conL{float: left;padding-bottom:10px;}
.footerTop .conL .menu li{float:left;padding: 0 22px;border-left: 1px solid #fff;font-size: 16px;color: #cccccc;}
.footerTop .conL .menu li:first-child{border-left: none;padding-left: 0;}
.footerTop .conL .menu li a{color: #cccccc;}
.footerTop .conL .menu li:hover a{color: #fff;}
.footerTop .conL .conBox{margin-top: 42px;}
.footerTop .conL .conBox .box{float: left;}
.footerTop .conL .conBox .box1 .phone{padding-left: 46px;background: url(../images/footer_phone.png) no-repeat left center;}
.footerTop .conL .conBox .box1 .phone p{color: #999999;font-size: 14px;padding-top: 2px;}
.footerTop .conL .conBox .box1 .phone span{display: block;font-size: 24px;color:#fff;font-weight: bold;}
.footerTop .conL .conBox .box1 img{display: block;margin-top: 12px;}
.footerTop .conL .conBox .box2{margin-left: 78px;}
.footerTop .conL .conBox .box2 p{margin-bottom: 12px;font-size: 14px;color: #fff;line-height: 24px;}
.footerTop .conL .conBox .box2 p span{padding-left: 36px;font-size: 14px;color: #fff;}
.footerTop .conL .conBox .box2 .p1 .tel1{background: url(../images/company_r2_i3.png) no-repeat left center;}
.footerTop .conL .conBox .box2 .p1 .tel2{background: url(../images/company_r2_i3.png) no-repeat left center;margin-left: 23px;padding-left: 29px;}
.footerTop .conL .conBox .box2 .p2{background: url(../images/footer_icon03.png) no-repeat left center;padding-left: 36px;}
.footerTop .conL .conBox .box2 .p3{background: url(../images/footer_icon04.png) no-repeat left center;padding-left: 36px;}
.footerTop .conR{float: right;width: 126px;text-align: center;}
.footerTop .conR span{display: block;font-size: 14px;color: #cccccc;margin-top: 10px;}
.footerBottoom{padding-top: 24px;height:35px; clear:both;}
.footerBottoom .p1{float: left;font-size: 14px;color: #cccccc;}
.footerBottoom .p1 a{color: #cccccc;}
.footerBottoom .p2{float: right;font-size: 14px;color: #cccccc;margin-top: -7px;}
.footerBottoom .p2 a{margin: 0 14px;position: relative;top: 4px;}
.footerBottoom .p2 a img{opacity: 0.3;filter: alpha(opacity=30);}
.footerBottoom .p2 a:hover img{opacity: 1;filter: alpha(opacity=100);}

.side{position:fixed;width:54px;height:275px;right:0;top:214px;z-index:100;}
.side ul li{width:54px;height:54px;float:left;position:relative;transition:all 0.5s;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#230c6f;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}
.side ul li .sidebox1{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#230c6f;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#230c6f;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#eb3d01;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}
.side ul li .sidebox_ewm{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#230c6f;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}
.side ul .sidebox_ewmbox:hover{width:54px;height:210px !important;}
.side ul .sidebox_ewmbox p{transition:all 0.5s; left:5px; top:0px;}
.side ul .sidebox_ewmbox:hover p{display: block; position: relative; left:5px; top: 0px;transition:all 0.5s;}
.side ul .sidebox_ewmbox img{margin-left:0px;transition:all 0.5s;}


.dcdc{margin:10px; line-height:30px;}
.dcdc img{ margin-left:20px;}
/*内页*/
.clear{ clear:both;}
.kg{ width:1300px; margin:0 auto;}
.main{ width:100%; padding-bottom:40px; background: url(../images/bg.png);}
.main_left{ width:1060px;}
.main_title{ height:72px; width:1020px; background:rgba(255,255,255,0.9); position:relative; margin-top:-72px; z-index:99; border-radius:10px 10px 0 0; border-bottom:1px solid #e4e4e4; padding:0 20px;}
.main_bt{ font-size:24px; font-weight: bold; color:#230c6f; line-height:72px; height:72px;}
.main_wz{ font-size:12px; color:#1c1c1c; line-height:72px; height:72px; background:url(../images/main_wz.png) left center no-repeat; padding-left:20px;}
.main_wz img{ margin-bottom:-1px; margin-right:5px;}
.main_wz span{ padding:0 8px; font-family:"宋体";}
.main_nr{ width:1060px; background:#fff; padding:20px 0 30px 0;}
.about_nr{ width:1020px; padding:0 20px; font-size:14px; line-height:28px; color:#434343;}
.mian_right{ width:230px;}
.fl_title{ position:relative; margin-top:-114px; height:90px; width:204px; z-index:99; background:#230c6f; border-radius:10px 10px 0 0; padding:25px 13px 0 13px; font-size:30px; color:#fff;}
.fl_title p{font-size:16px; margin-top:10px;}
.fl_title span { display:block; width:20px; height:5px; background:#fff; margin-top:8px;} 
.fl_titlee{height:90px; width:204px;background:#230c6f; border-radius:10px 10px 0 0; padding:25px 13px 0 13px; font-size:30px; color:#fff; margin-top:20px;}
.fl_titlee p{font-size:16px; margin-top:10px;}
.fl_titlee span { display:block; width:20px; height:5px; background:#fff; margin-top:8px;} 
.fl_nrr{ background:#222222; width:210px; padding-bottom:30px; line-height:30px; padding:10px; color:#fff; border-radius:0 0 10px 10px;}
.fl_nr{ background:#222222; width:230px; padding-bottom:30px;}
.fl_nr li{ height:54px;width:230px;}
.fl_nr li a{ font-size:14px; color:#fff; width:204px; margin:0 13px; line-height:53px; border-bottom:1px solid #505458; display:block;}
.fl_nr li a:hover,.fl_nr li a.cur{ background:#eb4901; margin:0px; width:204px; border:0px; height:54px; padding:0 13px;}
.fl_nr li a span{ float:right; width:19px; height:19px; line-height:19px; text-align:center; font-family:"宋体"; border:1px solid #fff;border-radius:10px; margin-top:20px;}
.fl_nr li a span{ display:none;}
.fl_nr li a:hover span,.fl_nr li a.cur span{ display:block;}
.left_tel{ width:204px; padding:23px 13px 0 13px; height:75px; background:#230c6f; border-radius:0 0 9px 9px;}
.left_pic{ width:50px; height:50px; margin-right:5px;}
.left_lx{ font-size:18px; font-weight:bold;color:#fff;}
.left_lx p{ font-size:16px; margin-top:5px;}
.case_nr{ width:1046px; margin:0 8px;}
.case_nr li{ float:left; width:335px; margin:0 5px; padding-bottom:18px;}
.case_nr li a{ color:#000;}
.case_pic{ width:325px; border:1px solid #f2f2f2; padding:4px;}
.case_pic img{ width:325px; display:block;}
.case_nr li p{ height:42px; line-height:42px; background:#f2f2f2; text-align:center; font-size:14px;}

.product_nr{ width:1046px; margin:0 auto;}
.product_nr li{ float:left; width:330px; height:365px; border:1px solid #e3e3e3; margin-right:25px; margin-bottom:30px;}
.product_nr li:nth-child(3n){margin-right: 0;  float:right;}


.product_nr li a{ color:#000;}
.pic{ width:330px; height:330px;}
.product_nr li p{ text-align:center; line-height:40px; font-size:14px; height:40px; background:#230c6f; color:#fff;}

.fy{ clear:both;}
.fy a{ width:60px;height:30px; margin-top:20px; line-height:30px; display:inline-block; border:1px solid #CCC; text-align:center; margin-bottom:20px; margin-right:10px; color:#666}
.productshow_nr{ width:820px; margin:0 auto;}
.cp_left{ position:relative; width:436px; border:1px solid #e3e3e3;}
.cp_left li{ width:436px; }
.cp_left li img{ width:436px;}
.cp_left a{ position:absolute; width:21px; height:55px; display:block; background:#bfbfbf; line-height:55px; font-family:"宋体"; top:45%; z-index:999; text-align:center; font-size:18px; color:#fff; cursor:pointer;}
.cp_left a.prev{ left:12px;}
.cp_left a.next{ right:12px;}
.cp_right{ width:367px;}
.cp_title{ font-size:20px; color:#000; border-bottom:1px solid #e3e3e3; padding-top:5px; padding-bottom:10px;}
.cp_rx{ font-size:16px; color:#000; padding:20px 0;}
.cp_rx span{ font-size:30px; color:#007606; font-weight:bold;}
.cp_zx{ width:136px; height:46px;}
.cp_zx a{ display:block; width:136px; height:46px; background:#007f3c; font-size:20px; font-weight:bold; color:#fff; line-height:46px; text-align:center;}
.cp_bottom{ width:820px; padding-top:40px;}
.cp_msbt{ font-size:20px; font-weight:bold; line-height:45px; height:45px; color:#00703d; border-bottom:1px dashed #e3e3e3;}
.wcnm{ padding-top:18px; width:820px;}
.cpnygd { width:172px; height:477px;}
.cp_msbt li{ float:left; padding:0 25px; cursor:pointer;}
.cp_msbt li.cur{ background:#00703d; color:#fff;}
.cp_nr{ font-size:14px; color:#070707; line-height:22px; width:630px;}
.cp_nr img{ max-width:630px;}
.cp_fx{ padding-top:20px; float:right;}
/*内页style结束*/
/*新资讯显示方式 */
.after:after {content: "after"; after: "after";height: 0;visibility: hidden;display: block;clear: both;font-size: 0;line-height: 0;}
.ni_iu{ width:1030px; margin-left:15px; margin-bottom:20px;}
.ni_iu ul li{padding:20px 0;border-bottom: 1px solid #dddcda;}
.ni_iu ul li .niu_l{float: left;width: 280px;height: 175px;}
.ni_iu ul li .niu_l img{width: 100%;height: 100%;}
.ni_iu ul li .niu_r{float: right;width:715px;height: 175px;position: relative;}
.ni_iu ul li .niu_r h1{color: #444444;font-weight: bold;font-size: 16px;margin-bottom: 15px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.ni_iu ul li:hover .niu_r h1{color: #d91100;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.ni_iu ul li .niu_r p{color: #555555;font-size: 14px;line-height: 25px;}
.ni_iu ul li .niu_r .niu_rb{position: absolute;bottom: 0;width: 100%;}
.ni_iu ul li .niu_r .niu_rb span{color: #999999;font-size: 14px;display: inline-block;margin-top: 10px;}
.ni_iu ul li .niu_r .niu_rb a{float: right;margin-top: 3px;padding: 3px 35px;background-color: #ececec;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;text-align: center;color: #666666;font-size: 14px;}
.ni_iu ul li .niu_r .niu_rb a:hover{background-color: #d91100;color: #fff;}
/*产品二级导航*/
.operate {zoom:1 }
.operate ul a{font-size:14px; color:#fff; width:204px; margin:0 13px; line-height:54px; border-bottom:1px solid #666; display:block;}
.operate ul a:hover{background:#eb4901; margin:0px; width:204px; border:0px; height:54px; padding:0 13px; border-bottom:1px solid #666;}
.operate ul li{height:54px;width:230px;}
.operate ul li:hover{background: #008e3a;}
.operate ul{width:230px;position:relative;list-style:none;}
.operate ul.nav2{left:230px;top:54;display:none;position:absolute;margin-top:-54px;}
.operate .nav1 .li1:hover ul.nav2{display: block;background: #529de7;}
.operate .nav2 .li2:hover ul.nav3{display: block;background: #529de7;}
.operate .nav2 .li2{ background:#999;border:none; width:230px;}
/**************留言*****************/
#feedback_form{ margin-bottom:80px;}
#feedback_form label{display:block;float:left;height:32px;line-height:32px;margin-bottom:30px;padding-left:40px;background:url(../images/contact.png) no-repeat;font-size:14px;}
#feedback_form label.name{background-position:0 -32px;}
#feedback_form label.email{background-position:0 -64px;}
#feedback_form label.city{background-position:0 -96px;}
#feedback_form label.msg_title{background-position:0 -128px;}
#feedback_form label.address{background-position:0 -160px;}
#feedback_form label.message{background-position:0 -192px;margin-bottom:10px;}
#feedback_form input{width:320px;height:30px;line-height:30px;float:left;margin:0 37px 30px 0;padding:0 10px;border:1px solid #dbdbdb;}
#feedback_form input.last{margin-right:0;}
#feedback_form .msg{padding:10px 0;}
#feedback_form textarea{height:100px;width:950px;padding:10px;border:1px solid #dbdbdb;display:block;}
#feedback_form .btns{width:120px;height:40px;margin-right:10px; background:#ff6014;color:#fff;border:none;font-size:15px;margin-bottom:0;cursor:pointer;}
#feedback_form .btns:hover{background:#333;transition:all 0.3s;}
#feedback_form .reset{background:#ccc;cursor:pointer;margin-bottom:0;}
#feedback_form input:focus,#feedback_form textarea:focus{border-color:#0089e2;}

.dis_pic{ position: relative;text-align:center; width:1040px; margin-left:10px;}
.dis_pic a{ position:absolute; width:102px; height:95px; top:50%; margin-top:-47px; display: inline-block;}
.dis_pic a.p_prev{ background:url(../images/arrow1.png) no-repeat; left:0;}
.dis_pic a.p_next{ background:url(../images/arrow2.png) no-repeat; right:0;}
.dis_pic a b{ display:none;}
.dis_pic img{border:1px solid #CCC;}
.cscs{width:450px; text-align:left; float:right; line-height:25px;}
.cscs img{ max-width:428px;border:none;}

.product_x{margin-top:20px; clear:both; padding:10px;}
.product_xx{height:35px; background:#eee;clear:both; margin-bottom:10px;}
.product_xx h2{float:left;width: auto; padding:0 20px; margin:0px; line-height:35px; vertical-align:middle; font-size:16px;color:#FFF; font-weight:normal; background-color:#230c6f;}
#product_info{width:1040px; height:auto;overflow:hidden;margin:0 auto; font-size:14px; clear:both; text-align: center; margin-top:10px;}
#product_info img{ max-width:1040px;}
