body{ min-width:320px;font:16px "微软雅黑","Arial,Microsoft YaHei";color:#333;line-height:24px;overflow-x: hidden; } .container{ margin:0 auto;height:auto; }
h1,h2,h3,h4,h5,p,div,span,ul,li,dl,dd,dt{margin:0;padding:0;} input,textarea{outline:none; font:16px "微软雅黑","Arial,Microsoft YaHei";}label{font-weight: normal;width:100%;}
a{text-decoration: none;outline:none;color:#333; } a:focus, a:hover{color:#333;text-decoration: none;outline: none;  outline-offset: 0;}
ul,li{list-style: none;} i,em{font-style:normal;}
.nav>li>a:focus, .nav>li>a:hover{background: none;}
.lt{float:left;}.rt{float:right;}.hide{display: none;}.show{display: block;} .imgMax{max-width:100%;max-height:100%;}
.tc{text-align:center;}.tr{text-align:right;}.tl{text-align:left;}.fwn{font-weight: normal}
.db{display: block;}.dib{display: inline-block;}.ma{margin: 0 auto;}.pr{position: relative;}.pa{position: absolute;}.pf{position: fixed;}.oh{overflow: hidden;}
.transition{-webkit-transition: all  0.3s linear;-moz-transition: all  0.3s linear;-o-transition: all  0.3s linear; transition: all  0.3s linear; }
img.desaturate { filter: grayscale(100%);  -webkit-filter: grayscale(100%);  -moz-filter: grayscale(100%);  -ms-filter: grayscale(100%);  -o-filter: grayscale(100%);  }
img.desaturate:hover { filter: grayscale(0);  -webkit-filter: grayscale(0);  -moz-filter: grayscale(0);  -ms-filter: grayscale(0);  -o-filter: grayscale(0);  }
img{border:none;}
html{ width:100%;}
body{ width:100%; ;position: relative;overflow-x: hidden;}
.slick-slide{outline: none;}
.slick-slide img{margin:0 auto;max-width:100%;}
.slick-dots li button:before{display: none;}
.slick-dotted.slick-slider{margin-bottom:0;}

.container{padding:0 10px;}

.header{}
.header .container{padding-right:530px;overflow: hidden;}
.logo{ height:100px;}
.logo a{display: block;position: relative;height:100px;}
.logo a img{position: absolute;left:0;top:0;bottom:0;margin:auto;max-width: 100%;max-height: 100%;}
.hot_line{position: absolute;top:35px;right:40px;}
.hot_line p{font-size: 18px;line-height: 45px;display: inline-block;margin-right:40px;}
.hot_line img{margin:0 10px 0 0;}
.ser_btn{position: absolute;right:7px;top:35px;}
.ser_top{position: absolute;top:25px;right:-2px;background:#fff;overflow:hidden;width:0;height:50px;border-radius: 25px;
    box-shadow: 0 0 7px 0 rgba(0,0,0,.2); behavior:url(../images/pie.htc);}
.ser_top.on{width: 550px;right:3px;}
.ser_top input{border:none;background: none;padding:0;height:50px;line-height: 50px;vertical-align: top;}
.ser_top .input_txt{width:83%;padding:0 20px;}
.ser_top .input_sub{width:15%;background: url(../images/ser1.png) no-repeat center center;}


.navBox{background: #4047b8;}
.nav li{float: left;text-align:center;position:relative;padding:16px 0;}
.nav li a{padding:0;margin:0 auto;color:#fff;border-bottom: 1px solid transparent;display: table;font-size: 16px;line-height: 28px;height:28px;overflow: hidden;}
.nav li:hover a{border-bottom: 1px solid #fff;}
.nav li.current a{border-bottom: 1px solid #fff;}

.banner .slick-dots{bottom:70px;}
.banner .slick-dots li li button{display: none;}
.banner .slick-dots li{width:14px;height:14px;border-radius: 50%;background: #9fb2f4;margin:0 10px;padding:0;}
.banner .slick-dots li.slick-active{background: #fff;}





.left_navBox.on{transform: translate3d(0,0,0);-webkit-transform: translate3d(0,0,0);}
.left_navBox{position:fixed;top:0;left:0;width:100%;height:100%;background: #fff;z-index:50;
    transform: translate3d(100%,0,0);-webkit-transform: translate3d(100%,0,0);}
.left_title{background: #2288fe;padding:10px 15px;height:60px;}
.left_title h3{font-size: 20px;font-weight: bold;color:#fff;display:inline-block;line-height: 40px; }
.left_title i{float: right;font: 32px "宋体";color:#fff;font-weight: bold;}
.left_nav{padding:20px 0 80px;height:100%;overflow-y: auto;-webkit-overflow-scrolling : touch; }
.left_nav li a{border-bottom:1px solid #ebebeb;color:#666;display: block;position: relative;height:40px;line-height: 40px;overflow: hidden;padding:0 50px 0 30px;}
.left_nav li i{display: none;position: absolute;right:30px;top:0;line-height: 40px;font-size: 22px;}
.left_navTwo{background: #f9f9f9;border-bottom:1px solid #ebebeb;}
.left_navTwo li a{  border:none;}
.left_navTwo li b{display: none;position: absolute;right:30px;top:0;line-height: 40px;font-size:20px;}
.left_navThree li a{padding-left:60px;line-height: 30px;height:30px;font-size: 14px;color:#2288fe;}
.left_navThree li a:before{content:"";display: block;position: absolute;left:45px;top:9px;border-left:5px solid #666;
border-top:5px solid transparent;border-bottom:5px solid transparent;}
.left_navFour li a{padding-left:80px;}
.left_navFour li a:before{display: none;}
.left_nav>li>a:hover{color:#2288fe;font-weight: bold;}
.left_nav>li>a.on{color:#2288fe;font-weight: bold;}
.left_navTwo>li>a:hover{background: #2288fe;color:#fff;font-weight: bold;}
.left_navTwo>li>a.on{background: #2288fe;color:#fff;font-weight: bold;}
.left_navThree li a:hover{font-weight: bold;text-decoration: underline;}
.left_navThree li a:hover:before {border-left:5px solid #2288fe}
.left_navThree li a.on:before {border-left:5px solid #2288fe}
.left_navThree li a.on{font-weight: bold;text-decoration: underline;}
.left_nav li i.in{display: block;}
.left_navTwo li b.in{display: block;}
.left_navTwo>li>a.on b{transform: rotate(90deg);-webkit-transform: rotate(90deg);}
.left_nav li ul{display: none;}


.section_one{background: #f9f9f9; }

.recomCont{padding:15px 0;background: #fff;margin-top:-55px;z-index:10;position: relative;
    box-shadow: 0px 3px 8px 0 rgba(0,0,0,.2);behavior:url(../images/pie.htc)}
.recom_list{float: left;width:25%;padding:15px 26px;overflow: hidden;}
.recom_list dt{display: inline-block;vertical-align: top;width:20%;float: left;}
.recom_list dt img{max-width: 100%;max-height: 100%;}
.recom_list dd{display: inline-block;padding-left:4px;vertical-align: top;width:78%;float: left;}
.recom_list dd a{display: block;font-size: 14px;line-height: 24px;height:24px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.recom_list dd p{font-size: 14px;line-height: 24px;height:24px;color:#666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;/}

.recom_hot{padding:25px 0 25px 105px;position: relative;}
.recom_hot span{font-size: 14px;display: block;position: absolute;left:0;top:23px;}
.recom_hot span img{margin-right:8px;vertical-align: middle;margin-top:-3px;}
.hotSlider{float: left;width:33.33%;padding:0 10px;}
.hotSlider a{font-size: 14px;color:#666666;display: block;height:20px;line-height: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.section{margin-top:55px;}
.s_title{margin-bottom:20px;}
.s_title h3{font-size: 24px;font-weight: bold;display: inline-block;}
.s_title a{font-size: 14px;color:#999;}
.s_title a:hover{color:#2288fe;}

.investment_list{float: left;width:24.25%;margin-right:1%;padding:30px 30px 15px;position: relative;
    background: linear-gradient(top,#ab40ff,#2e82fe);
    background: -o-linear-gradient(top,#ab40ff,#2e82fe);
    background: -moz-linear-gradient(top,#ab40ff,#2e82fe);
    background: -webkit-linear-gradient(top,#ab40ff,#2e82fe);
    background: -ms-linear-gradient(top,#ab40ff,#2e82fe);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 0, startColorstr = #ab40ff, endColorstr = #2e82fe);
}
.investment_list.in_2{
    background: linear-gradient(top,#ff6a34,#fea916);
    background: -o-linear-gradient(top,#ff6a34,#fea916);
    background: -moz-linear-gradient(top,#ff6a34,#fea916);
    background: -webkit-linear-gradient(top,#ff6a34,#fea916);
    background: -ms-linear-gradient(top,#ff6a34,#fea916);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 0, startColorstr = #ff6a34, endColorstr = #fea916);

}
.investment_list.in_3{
    background: linear-gradient(top,#1a63b1,#57c0fc);
    background: -o-linear-gradient(top,#1a63b1,#57c0fc);
    background: -moz-linear-gradient(top,#1a63b1,#57c0fc);
    background: -webkit-linear-gradient(top,#1a63b1,#57c0fc);
    background: -ms-linear-gradient(top,#1a63b1,#57c0fc);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 0, startColorstr = #1a63b1, endColorstr = #57c0fc);

}
.investment_list.in_4{
    background: linear-gradient(top,#e68e08,#f7d13f);
    background: -o-linear-gradient(top,#e68e08,#f7d13f);
    background: -moz-linear-gradient(top,#e68e08,#f7d13f);
    background: -webkit-linear-gradient(top,#e68e08,#f7d13f);
    background: -ms-linear-gradient(top,#e68e08,#f7d13f);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 0, startColorstr = #e68e08, endColorstr = #f7d13f);

}
.investment_cont .investment_list:nth-child(4n){margin-right:0;}
.investment_list h3{font-size: 24px;color:#fff;line-height: 28px;height:28px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.investment_list p{font-size: 14px;color:#fff;line-height: 28px;height:28px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.investment_list b{display: block;width:40px;border-bottom:2px solid #fff;margin:15px 0 10px;}
.investment_list a img{display: block;position: absolute;top:0;bottom:0;right:30px;margin:auto;}


.pro_li{border-top:2px solid #ebebeb;background: #f9f9f9;}
.pro_li .slick-list{margin-top:-2px;}
.pro_li li{display: inline-block;text-align: center; }
.pro_li li a{padding:15px 0;font-size: 14px;color:#666;display: table;margin:0 auto;border-top:3px solid transparent;}
.pro_li li.on a{color:#2288fe;border-top:3px solid #2288fe;}
.pro_li li a:hover{color:#2288fe;border-top:3px solid #2288fe;}

.pro_item{display: none;}
.pro_item.on{display: block;}
.pro_list{float: left;width:22.75%;margin:2.5% 3% 0 0;text-align:center;}
.pro_item .pro_list:nth-child(4n){margin-right:0;}
.pro_list dt{position: relative;}
.pro_list dt img{max-width: 100%;max-height: 100%;}
.pro_list dt p{position: absolute;top:0;left:0;bottom:0;right:0;  display: none;
    background: rgba(34,136,254,.8);filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr=#802288fe,endColorstr=#802288fe);}
.pro_list dt p img{position: absolute;top:0;left:0;bottom:0;right:0;margin:auto;}
.pro_list dd a{display: block;font-size: 14px;line-height: 24px;height:24px;margin-top:15px;
    overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.pro_list:hover dt p{display: block;}
.pro_list:hover dd a{color:#2288fe;}

.section_four{padding-top:55px; position: relative;}
.fourBg{background: url(../images/bg.jpg) no-repeat fixed top center;height:350px;position: absolute;top:0;left:0;right:0;}
.section_four .container{position: relative;z-index:10;}
.section_four .s_title h3{color:#fff;}
.section_four .s_title a{color:#fff;}

.brand_cont{background: #fff;padding:40px;}
.brand_lt{width:48.5%;font-size: 14px;color:#666666;line-height: 28px;height:364px;
    overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:13;}
.brand_rt{width:48.5%;height:375px;text-align: center;}


.news_cont{padding-top:30px;border-top:2px solid #ebebeb;}
.news_cont img{max-width: 100%;max-height: 100%;}
.news_lt{width:48.5%; }
.news_rt{width:48.5%;}

.news_lt dt{text-align: center;}
.news_lt dt img{max-width: 100%;max-height: 100%;}
.news_lt dd{margin-top:30px;padding-left:100px;position: relative;overflow: hidden;}
.news_lt dd .time{padding:5px 0;display: inline-block;background: #2288fe;width:80px;text-align: center;position: absolute;top:0;left:0;}
.news_lt dd .time b{height:48px;line-height:48px;font-size: 48px;font-weight: normal;color:#fff;display: block;}
.news_lt dd .time span{font-size: 14px;color:#fff;}
.news_lt dd a{font-size: 16px;display: block;line-height: 24px;height:24px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news_lt dd p{font-size: 14px;line-height: 32px;color:#666;height:64px;
    overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:2;}

.news_list{margin:0 0 27px 0;overflow: hidden;}
.news_list dt{width: 210px;float: left;text-align: center; display:none}
.news_list  dt img{max-width: 100%;max-height: 100%;}
.news_list dd{ }
.news_list dd a{display: block;font-size: 16px;line-height: 24px;height:24px;
    overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news_list dd span{font-size: 14px;color:#666;display: block;margin:10px 0 5px;}
.news_list dd p{font-size: 14px;color:#666;line-height: 34px;height:68px;
    overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:2;}
.news_list:hover dd a{color:#2288fe;}


.service_list{position: relative;}
.service_list img{max-height: 100%;max-width: 100%;}
.service_list .se_title{position: absolute;top:0;left:0;width:100%;height:100%;text-align: center;}
.se_title a{display: block;height:96px;padding:0 20px;overflow: hidden;    position: absolute;top:0;left:0;right:0;bottom:0;margin:auto;
    transition: all linear .3s;-webkit-transition: all linear .3s;}
.se_title span{color:#fff;font-size: 18px;line-height: 28px;height:28px;margin-top:10px;overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:1}
.se_title b{display: block;margin:10px auto 5px;width:40px;border-top:2px solid #fff;
transform: translateY(50px);-webkit-transform: translateY(50px);transition: all linear .3s;-webkit-transition: all linear .3s;}
.se_title p{color:#fff;font-size: 14px;line-height: 28px;height:56px;
    transform: translateY(50px);-webkit-transform: translateY(50px);transition: all linear .3s;-webkit-transition: all linear .3s;
    overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:2}

.link{background: #f9f9f9;padding:30px 0 30px;}
.link h3{font-size: 18px;font-weight: bold;}
.link ul{margin-top:30px;}
.link li{border:1px solid #f1f1f1;margin-right:30px;}


.footer{background: #333;}
.contact{padding:60px 0;border-bottom:1px solid #999999;}
.contact_list{display:inline-block;width:24%;padding:0 20px 0 65px;position: relative;
    overflow: hidden;vertical-align: top;}
.contact .contact_list:first-child{width:30%;}
.contact .contact_list:last-child{width:20%;}
.contact_list dt{position: absolute;top:0;left:0;}
.contact_list dd{font-size: 14px;line-height: 28px;color:#999;}

.foot_bot{padding:50px 0;overflow: hidden;}
.foot_nav{width:64%;display: inline-block;vertical-align: top;}
.foot_nav li{display: inline-block;min-width: 130px;vertical-align: top;padding-right:15px;}
.foot_nav li h3 a{font-size: 14px;color:#999;line-height: 28px;}
.foot_nav li a{display: block;font-size: 14px;color:#666;line-height: 28px;}
.foot_nav li a:hover{color:#2288fe;}

.panel1{height:140px;}
._panel-box{padding-right:5px;}
._scroll_bar{right:0!important;}


.foot_ma{display: inline-block;vertical-align: top;width:35%}
.foot_ma dl{float:right;vertical-align: top;max-width: 140px;margin:0 0 0 60px;}
.foot_ma dl  img{max-height: 100%;max-width: 100%;}
.foot_ma dl  dd{font-size: 14px;color:#999;text-align: center;margin-top:15px;}


.copy{font-size: 14px;color:#666;background: #fff;padding:25px 0;}
.copy a{font-size: 14px;color:#666;}
.copy span{margin:0 5px; white-space:nowrap;}
.copy a:hover{color:#2288fe;}



/*内页*/


.detBan{}
.detBan img{max-height: 100%;max-width: 100%;}
.det_top{margin:20px 0 15px;}
.det_top h3{font-size: 24px;font-weight: bold;display: inline-block;}
.pos li{display: inline-block;font-size: 14px;color:#999;}
.pos li a{font-size: 14px;color:#999;}
.pos li a:hover{color:#2288fe;}
.pos li:last-child a{color:#2288fe;}
.det_lt{width:270px;float:left;}
.det_rt{margin-left:310px;}
.det_content{padding-top:10px;}


.det_nav li{background: #f9f9f9;margin-bottom:10px;}
.det_nav li a{display: block;height:50px;line-height: 50px;padding:0 30px 0 20px;position: relative;font-size: 14px;color:#666;}
.det_nav li i{display: none;position:absolute;right:15px;top:16px;font: 18px '幼圆';font-weight: bold;}
.det_navTwo li{margin-bottom:0;background: none;}
.det_navTwo li a{padding-left:35px;line-height: 40px;height:40px;}
.det_navTwo li a:before{content:"·";display: block;position:absolute;left:20px;top:0;font-size:25px;line-height: 40px;}
.det_navThree li a{padding-left:60px;}
.det_navThree li a:before{display: none;}
.det_nav li i.in{display: block;}
.det_nav li a.on{color:#fff;background: #2288fe;}
.det_nav li a.on i{transform: rotate(90deg);-webkit-transform: rotate(90deg);}
.det_nav li a:hover i{transform: rotate(90deg);-webkit-transform: rotate(90deg);}
.det_nav li a:hover{color:#fff;background: #2288fe;}
.det_nav li.current>a{color:#fff;background: #2288fe;}
.det_nav .det_navTwo li a.on{color:#2288fe;background: none;}
.det_nav .det_navTwo li a:hover{color:#2288fe;background: none;}
.det_nav ul{display: none;}

.det_newsCont{padding-top:30px;}

.page{margin:60px 0;}
.page li{display: inline-block;vertical-align: top;margin:2px;}
.page li a{display: block;width:40px;height:40px;border:1px solid #ebebeb;border-radius: 5px;text-align: center;line-height: 40px;font-size: 14px;color:#666;}
.page li.w a{font:26px '幼圆';color:#999;}
.page li.on a{background: #2288fe;color:#fff;border:1px solid #2288fe;}
.page li  a:hover{background: #2288fe;color:#fff;border:1px solid #2288fe;}

 .det_textCont{padding-top:10px;}
.list_text{padding:15px 0 10px;border-bottom:1px dashed #cfcfcf;position: relative;}
.list_text a{font-size: 16px;display: block;height:24px;line-height: 24px;padding-right:80px;
    overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:1;}
.list_text span{font-size: 14px;color:#666;float:right; position: absolute;right:0;top:15px;display: block;text-align: right;}
.list_text p{font-size: 14px;color:#666;line-height: 32px;height:64px; overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:2;}
.list_text:hover a{color:#2288fe;}
.list_text:hover span{color:#2288fe;}

.det_proCont{padding-top:10px;}
.det_proCont .pro_list{width:31.33%}
.det_proCont .pro_list:nth-child(3n){margin-right:0;}

.page_txt{font-size: 14px;line-height: 28px;color:#666;padding:30px 0;}
.page_txt img{max-width: 100%;max-height: 100%;}



.sea{text-align: center;font-size: 16px;color:#2288fe;padding:20px 0;}
.search_list{}
.search_list li a{display: block;position: relative;border-bottom:1px dashed #cfcfcf;
font-size: 16px;padding-right:80px;line-height: 60px;height:60px; overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:1}
.search_list li span{position: absolute;top:0;right:0;text-align: right;display: block;line-height: 60px;height:60px;font-size: 14px;}
.search_list li:hover a{color:#2288fe;}
.search_list li:hover span{color:#2288fe;}


.news_title{border-bottom:1px dashed #ebebeb;padding:25px 0 15px;}
.news_title h3{font-size:16px;font-weight: bold;margin-bottom:10px;}
.news_title span{font-size: 14px;color:#666;}


.det_page{border:1px solid #ebebeb;padding:10px 20px;margin:20px 0 60px;}
.det_page li a{font-size: 14px;line-height: 36px;height:36px;color:#666;
    overflow: hidden;  -webkit-box-orient: vertical;  -webkit-line-clamp:1;}
.det_page li a:hover{color:#2288fe;}


.pro_name{margin:25px 0 15px;font-size: 16px;font-weight: bold;}
.proSlider{max-width: 585px;margin:0 auto 30px;}
.proSlider .slider-nav{margin-top:10px;}
.proSlider .slider-nav .slick-slide{margin:0 5px;}
.proSlider .slider-nav .slick-slide.slick-current a{display:block;border:2px solid #2288fe;padding:1px;}
.proSlider .slider-for .slick-prev,.proSlider .slider-for .slick-next{width: 40px;height:40px;z-index:10;opacity: .2;}
.proSlider .slider-for .slick-prev:before,.proSlider .slider-for .slick-next:before{ display: none;}
.proSlider .slider-for .slick-prev{background: url(../images/pro_03.png) no-repeat center center;left:20px;}
.proSlider .slider-for .slick-next{background: url(../images/pro_05.png) no-repeat center center;right:20px;}
.proSlider .slider-for .slick-prev:hover,.proSlider .slider-for .slick-next:hover{opacity: 1;}


.pro_tab{background: #f9f9f9;}
.pro_tab li{display: inline-block;border-bottom:3px solid transparent;text-align: center;font-size: 14px;color:#666;line-height: 24px;padding:17px 0;}
.pro_tab li:hover{color:#2288fe;border-bottom:3px solid #2288fe;}
.pro_tab li.on{color:#2288fe;border-bottom:3px solid #2288fe;}
.pro_txt .page_txt{display: none;}
.pro_txt .page_txt.on{display: block;}

.det_pro2{background: #f9f9f9;margin:30px 0;}
.pro2_lt{width:50%;}
.pro2_lt img{max-width: 100%;max-height: 100%;}
.pro2_rt{width:50%;padding:30px;}
.pro2_rt h3{font-size: 16px;font-weight: bold;margin-bottom:20px;}
.pro2_rt .pro2_txt{font-size: 14px;line-height: 28px;color:#666;height:252px;
    overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:9}