@charset "utf-8";
/* CSS Document */
html,body,ul,li,p,input,form,h1,h2,h3,h4,h5,h6,dl,dt,dd{ margin:0; padding:0;}
ul,li{ list-style:none;}
em,i{ font-style: normal;}
body{ font-size:12px; color:#444; line-height:24px; margin:0px; padding:0px;  font-family:"微软雅黑"; }
img{ border:none;}
form{ margin:0px; padding:0px;}
.clear{ clear:both;}
a{ text-decoration:none; color:#333; font-family:"微软雅黑";}
a:hover{ color:#3253d6; text-decoration:underline; font-family:"微软雅黑";}
.fl {float:left;}
.fr {float:right}
.clear{clear:both;}
.width{ width:1400px; margin:0 auto; overflow:hidden;}


/*页眉*/
.hdTop{width:100%; height:48px; border-bottom: solid 1px #f1f1f1;}
.hdTop-width{ width:1400px; margin:0 auto;}
.hdTop p{ font-size:14px; color:#686868; float:left; line-height:48px;}
.hdTopUl{ float:right; }
.hdTopUl li{ font-size:14px; color:#686868; float:left; line-height:48px;}
.hdTopUl li a{ font-size:14px; color:#686868; padding:0 25px;}
.hdTopUl li a:hover{ color:#3253d6;}

.logo{ width: 1400px; margin: 0 auto; overflow: hidden;}
.logo-l{ width: 600px;}
.logo-l img{ float: left; margin-right: 15px;}
.logo-l dl{ padding-top: 38px;}
.logo-l dl dt{ font-size: 29px; color: #3c3c3c; line-height: 36px;}
.logo-l dl dt strong{ color: #3253d6;}
.logo-l dl p{ font-size: 16px; color: #3c3c3c; line-height: 36px;}
.tel{ width: 310px;}
.tel dl{ background:url(../images/tel.jpg) 0px 30px no-repeat; height: 142px;}
.tel dl dt{ padding-top: 30px; padding-left: 65px; font-size: 16px; color: #6a6c6b; line-height: 24px;}
.tel dl p{ font-size: 30px; color: #3253d6; padding-left: 65px; line-height: 32px;}

.nav{ width: 100%; height: 60px; background: #3253d6;}
.nav ul { width: 1400px; margin: 0 auto; overflow: hidden;}
.nav ul li {float:left; margin: 0 50px; padding: 0 12px; text-align: center; }
.nav ul li.bg{ border-bottom: solid 3px #ee952f;  }
.nav ul li.bg a{ color: #fff;}
.nav ul li a {color:#fff; font-size:16px; font-family:"微软雅黑";line-height: 57px;}
.nav ul li a:hover{ text-decoration: none;}
.nav ul li:hover{ border-bottom: solid 3px #ee952f;}
.nav ul li:hover a{ color: #fff;}

/*banner*/
.banner{position:relative;height:598px;overflow:hidden; min-width:1400px;}
.slides{position:relative;z-index:1;}
.slides li{height:598px;}
.flex-control-nav{position:absolute;bottom:20px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:50px;height:5px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:50px;height:5px;overflow:hidden;background:#3253d6;cursor:pointer; font-size: 0;}
.flex-control-nav .flex-active{background:#ee952f;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:46%;}
.flex-direction-nav li a{display:block;width:50px;height:38px;overflow:hidden;cursor:pointer;position:absolute;filter:alpha(opacity=80); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev_icon.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next_icon.png) center center no-repeat;}
.flex-direction-nav li a:hover{filter:alpha(opacity=80); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6;}

/*关键词搜索*/
.search{ width: 100%; background: #f0f0f0; height: 136px;}
.search-1{ width: 558px;}
.search_r{ width: 558px; margin-top: 30px; background: #fff; height: 48px;}
.search_r .ser_inp{ background:none; width:480px; height:48px; border:none; float:left; font-family:"Microsoft YaHei";font-size: 14px; color:#000; line-height:48px; outline:none; text-indent: 20px;}
.search_r .ser_so{cursor: pointer; float:left; background:url(../images/search.jpg) no-repeat; border:none; width:78px; height:48px;}
input::-webkit-input-placeholder {color: #000;}
.search_b{ font-size: 16px; color: #666666; line-height: 36px;}
.search_b strong{ color: #3253d6;}

.search-2{ width: 456px; height: 72px; border-left: solid 1px #b1b1b1; margin-top: 30px; margin-left: 80px;}
.search-2 h2{ font-size: 22px; color: #3253d6; line-height: 28px; padding-left: 60px; padding-top: 10px;}
.search-2 p{ font-size: 18px; color: #343434; line-height: 28px; padding-left: 60px;}

.search-3{ width: 300px; background: #3253d6; height: 136px;}
.search-3 a{ display: block; text-align: center; padding-top: 44px;}

/*产品展示*/
.product_bg{ width: 100%; background: url(../images/prodcut_bg.jpg) center top no-repeat; height: 380px; overflow: hidden; }
.product-tit{ margin-top: 62px; overflow: hidden;}
.product-tit dl{ float: left;}
.product-tit dl h2{ font-size: 40px; color: #3253d6; line-height: 48px;}
.product-tit dl p{ font-size: 18px; color: #666; line-height: 36px;}
.product-tit a{ float: right; display: block; width: 108px; height: 40px; border: solid 2px #3253d6; border-radius: 50px; text-align: center;
 line-height: 40px; font-size: 16px; color: #666; margin-top: 32px; }
 
.product-list{ width: 1396px; height: 170px; margin-top: 22px; border: solid 2px #3253d6; border-top-right-radius: 50px; border-bottom-left-radius: 50px;}
.product-list ul{ width: 1316px; margin: 18px auto 0;}
.product-list ul li{ float: left; width: 33.3%; text-align: left; border-bottom: dashed 1px #e4e4e4;}
.product-list ul li a{ float: left;  color: #444; font-size: 16px; line-height: 48px; font-weight: bold; margin-right: 15px;}
.product-list ul li a:hover{ color: #3253d6;}
.product-list ul li.on a{ color: #3253d6;}


.product-img{ margin-top: 25px;}
.product-img ul{}
.product-img ul li{ float: left; width: 330px; margin-right: 26.5px; margin-bottom: 40px;}
.product-img ul li a{ display: block; text-decoration: none; transition:all 1s ease;}
.product-img ul li a img{ width: 328px; height: 328px; border: solid 1px #cfcfcf; position: relative;}
.product-img ul li a span{ display: block; width: 328px; height: 328px;  position: absolute; top: 0; left: 0;}
.product-img ul li a span img{ width: 328px; height: 328px; }
.product-img ul li a div{ height: 109px; border-bottom: solid 1px #afafaf; padding: 0 8px;}
.product-img ul li a div dt{ font-size: 16px; color: #222; line-height: 38px; padding-top: 10px;}
.product-img ul li a div p{ font-size: 14px; color: #999; line-height: 24px;} 
.product-img ul li a:hover div{ background: #3253d6; transition:all 1s ease;}
.product-img ul li a:hover dt{ color: #fff; }
.product-img ul li a:hover p{ color: #fff;}
.product-img ul li:nth-child(4n){ float: right; margin-right: 0px;}

/*优势*/
.liucheng{ width: 1400px; margin: 0 auto; overflow: hidden;}
.liucheng-tit{ margin-top: 15px; overflow: hidden;}
.liucheng-tit dl{ float: left;}
.liucheng-tit dl h2{ font-size: 40px; color: #3253d6; line-height: 48px;}
.liucheng-tit dl p{ font-size: 18px; color: #666; line-height: 36px;}
.liucheng-img{ margin-top: 30px;}
.liucheng-img img{ width: 100%;}
.liucheng-list{}
.liucheng-list ul{}
.liucheng-list ul li{ float: left; width: 16.66%; font-size: 22px; font-weight: bold;  color: #666;  line-height: 36px;}
.liucheng-list ul li:nth-child(1){ text-indent: 30px;}
.liucheng-list ul li:nth-child(2){ text-indent: 45px;}
.liucheng-list ul li:nth-child(3){ text-indent: 55px;}
.liucheng-list ul li:nth-child(4){ text-indent: 75px;}
.liucheng-list ul li:nth-child(5){ text-indent: 95px;}
.liucheng-list ul li:nth-child(6){ text-indent: 100px;}

/*优势*/
.youshi_bg{ width: 100%; background: url(../images/youshi_bg.jpg) center no-repeat; margin-top: 35px; height: 181px; overflow: hidden;}
.youshi-tit{ float: left; width: 300px; padding-top: 60px;}
.youshi-tit h2{font-size: 45px; color: #3253d6; line-height: 48px;}
.youshi-tit p{ font-size: 18px; color: #666; line-height: 44px;}
.youshi-wz{ float: right; width: 850px; margin-top: 78px;}
.youshi-wz ul{}
.youshi-wz ul li{ float: left; width: 25%; text-align: center;}
.youshi-wz ul li dt{ font-size: 14px; color: #221815;}
.youshi-wz ul li dt span{ font-size: 46px; color: #3253d6;}
.youshi-wz ul li p{ font-size: 18px; color: #221815; line-height: 36px;}

.youshi_bg1{ width: 100%; background: #3253d6; padding: 40px 0; overflow: hidden;}
.youshi-list{ width: 1400px; height: 120px; background: #fff; overflow: hidden;}
.youshi-list ul{}
.youshi-list ul li{ float: left; width: 24.9%; border-right: solid 1px #dfdfdf; height: 120px;}
.youshi-list ul li dt{ float: left; display: block; height: 80px;width: 80px; background: #d7d6d1; border-radius: 100%; margin-top: 20px; margin-left: 60px; margin-right: 15px; text-align: center;}
.youshi-list ul li dt img{ height: 39px; margin-top: 20px;}
.youshi-list ul li div{ padding-top: 30px;}
.youshi-list ul li div h2{ font-size: 30px; color: #343434; line-height: 36px; font-weight: normal;}
.youshi-list ul li div p{ font-size: 12px; color: #666; text-transform: uppercase; }
.youshi-list ul li:nth-child(4){ border-right: none;}
.youshi-list ul li.aci dt{ background: #3253d6;}
.youshi-list ul li.aci div h2{ color: #3253d6; font-weight: bold;}

.youshi-nr1{ margin-top: 30px; background: url(../images/ys1.jpg) center no-repeat; height: 511px; overflow: hidden;}
.youshi-nr2{ margin-top: 30px; background: url(../images/ys2.jpg) center no-repeat; height: 511px; overflow: hidden;}
.youshi-nr3{ margin-top: 30px; background: url(../images/ys3.jpg) center no-repeat; height: 511px; overflow: hidden;}
.youshi-nr4{ margin-top: 30px; background: url(../images/ys4.jpg) center no-repeat; height: 511px; overflow: hidden;}
.youshi-nr-tit{ width: 550px; margin-left: 60px; margin-top: 58px; border-bottom: solid 1px #dfdfdf; padding-bottom: 5px;}
.youshi-nr-tit h2{ color: #010101; font-size: 45px; line-height: 48px;}
.youshi-nr-tit dt{ color: #363636; font-size: 32px; line-height: 48px; padding-top: 12px;}
.youshi-nr-tit p{ color: #747474; font-size: 14px; text-transform: uppercase; line-height: 40px;}

.youshi-nr-l{ width: 570px; margin-left: 60px; margin-top: 58px;}
.youshi-nr-l ul{}
.youshi-nr-l ul li{ margin-bottom: 40px;}
.youshi-nr-l ul li img{ float: left; width: 22px; margin-right: 15px;}
.youshi-nr-l ul li p{ font-size: 16px; color: #666; line-height: 22px;}

/*客户见证*/
.customer{ width: 100%; background: #f0f0f0; padding: 40px 0 80px; overflow: hidden; }
.customer-tit{ margin-top: 22px; overflow: hidden;}
.customer-tit dl{ float: left;}
.customer-tit dl h2{ font-size: 40px; color: #3253d6; line-height: 48px;}
.customer-tit dl p{ font-size: 18px; color: #666; line-height: 36px;}
.customer-tit a{ float: right; display: block; width: 108px; height: 40px; border: solid 2px #3253d6; border-radius: 50px; text-align: center;
 line-height: 40px; font-size: 16px; color: #666; margin-top: 15px; }
 
.customer-lsit{ margin-top: 40px;}
.customer-lsit ul{}
.customer-lsit ul li{ float: left; width: 330px; height: 425px; background: #fff; margin-right: 25px;}
.customer-lsit ul li img{ width: 320px; height: 210px; margin: 5px;object-fit: contain;}
.customer-lsit ul li dt{ padding: 10px 25px 0;}
.customer-lsit ul li dt a{ font-size: 16px; color: #000; line-height: 36px;}
.customer-lsit ul li p{ font-size: 14px; color: #999; line-height: 26px; padding: 0px 25px 0;}
.customer-lsit ul li span{ display: block; width: 100px; height: 30px; background: #3253d6; border-radius: 6px; margin: 15px 25px 0; text-align: center;}
.customer-lsit ul li span a{ color: #fff; font-size: 14px;  line-height: 30px;}
.customer-lsit ul li i{display: block; width: 310px; margin: 20px auto 0; height: 1px; background: #ddd;}
.customer-lsit ul li:last-child{ margin-right: 0;}

/*关于我们*/
.about_bg{ width: 100%; background: #f0f0f0 url(../images/about_bg.jpg) center top no-repeat; padding: 40px 0; height: 1070px;}
.about-tit{ padding-top: 10px; }
.about-tit h2{font-size: 45px; color: #fff; line-height: 48px;}
.about-tit p{ font-size: 18px; line-height: 44px; color: #fff;}
.about-img{ margin-top: 35px;}
.about-img img{ width: 100%;height: 400px;object-fit: contain;}
.about-nr{ padding: 40px 0 35px; border-bottom: solid 1px #ccc;}
.about-nr p{ font-size: 16px; color: #666; line-height: 36px; text-indent: 2em;}
.about-nr p a{ color: #666;}

.about-nr-b{ margin-top: 45px; }
.about-nr-b ul{}
.about-nr-b ul li{ float: left; width: 270px; margin: 0 12px; text-align: center;}
.about-nr-b ul li a{ color: #fff; text-decoration: none;}
.about-nr-b ul li img{ width: 270px; height: 200px;object-fit: contain;}
.about-nr-b ul li p{ color: #666; font-size: 16px; line-height: 40px;}
.about-nr-b ul li a:hover p{ color: #3253d6;}
.marquee{ width:100%; overflow:hidden; margin:0 auto; height: 230px;}

/*新闻动态*/
.news-width{ max-width: 1400px; margin: 0 auto 20px; overflow: hidden;}
.news-tit{ margin-top: 72px; overflow: hidden;}
.news-tit dl{ float: left;}
.news-tit dl h2{ font-size: 40px; color: #3253d6; line-height: 48px;}
.news-tit dl p{ font-size: 18px; color: #666; line-height: 36px;}
.news-tit a{ float: right; display: block; width: 108px; height: 40px; border: solid 2px #3253d6; border-radius: 50px; text-align: center;
 line-height: 40px; font-size: 16px; color: #666; margin-top: 17px; }
 
.news-list{ overflow: hidden;}
.news-list ul{ width: 490px; margin: 30px auto 0;}
.news-list ul li{ float: left; width: 150px; margin: 0 5px; height: 50px; border: solid 1px #ccc; text-align: center;}
.news-list ul li a{ font-size: 16px; color: #666; line-height: 50px;}
.news-list ul li.aci1{ background: #3253d6;}
.news-list ul li.aci1 a{ color: #fff;}

.news-nr{ margin-top: 60px; overflow: hidden;}
.news-nr-l{ width: 750px;}
.news-nr-l-r{ width: 100%; overflow: hidden;}
.news-nr-l-r ul{}
.news-nr-l-r ul li{ float: left; margin-bottom: 35px;}
.news-nr-l-r ul li .img{ float: left; margin-right: 25px; text-align: center; position: relative;}
.news-nr-l-r ul li .img img{width: 274px; height: 160px; border: solid 1px #ddd;}
.news-nr-l-r ul li .img dt{ display: block; height: 88px; width: 88px; background: rgba(50,83,214,0.9); position: absolute; bottom: 0; right: 0; color: #fff; font-size: 14px;}
.news-nr-l-r ul li .img dt span{ display: block; font-size: 36px; font-weight: bold; line-height: 44px; padding-top: 10px;}
.news-nr-l-r ul li .text{}
.news-nr-l-r ul li .text a{ font-size: 18px; color: #666; line-height: 36px;}
.news-nr-l-r ul li .text a:hover{ color: #3253d6;}
.news-nr-l-r ul li .text p{ font-size: 14px; color: #999; line-height: 25px; padding-top: 20px;}
.news-nr-l-r ul li .text img{ width: 37px; float: right; margin-top: 8px; padding-right: 8px;}

.news-nr-right{ width: 550px;}
.news-nr-right-r{ width: 100%; overflow: hidden;}
.news-nr-right-r ul{}
.news-nr-right-r ul li{ float: left; width: 100%; margin-bottom: 20px;}
.news-nr-right-r ul li .time{ float: left; display: block; width: 88px; height: 88px; background: #3253d6; text-align: center; position: relative;}
.news-nr-right-r ul li .time dt{ color: #fff; font-size: 14px;}
.news-nr-right-r ul li .time dt span{ display: block; font-size: 36px; font-weight: bold; line-height: 44px; padding-top: 10px;}
.news-nr-right-r ul li .text1{ width: 432px; float: right; border-bottom: solid 1px #ededed; padding-bottom: 25px;}
.news-nr-right-r ul li .text1 a{ font-size: 18px; color: #666; line-height: 30px;}
.news-nr-right-r ul li .text1 a:hover{ color: #3253d6;}
.news-nr-right-r ul li .text1 p{ font-size: 14px; color: #999; line-height: 25px; padding-top: 10px;}
.news-nr-right-r ul li:last-child .text1{ border-bottom: none;}

/*友情链接*/
.links_bg{ width: 100%; background: #3253d6; height: 85px; overflow: hidden;}
.links{ overflow: hidden;}
.links-tit{ width: 136px; background: url(../images/links_bg.jpg) right no-repeat; height: 85px;}
.links-tit p{ font-size: 14px; color: #fff; line-height: 24px; padding-top: 15px;}
.links-tit h2{ font-size: 30px; color: #fff; line-height: 30px;}
.links-r{ float: left; padding-left: 15px;}
.links-r a{ font-size: 14px; color: #fff; line-height: 85px; padding: 0 20px;}

/*底部版权*/
.banquan_bg{ width: 100%; background: #1b1b1b; padding-top: 50px; overflow: hidden;}
.banquan{ border-bottom: solid 1px #545454; padding-bottom: 15px; overflow: hidden;}
.banquan-lx{ width: 605px;}
.banquan-lx-1{}
.banquan-lx-1 h2{ font-size: 30px; color: #fff; line-height: 36px;}
.banquan-lx-1 p{ font-size: 18px; color: #fff; line-height: 24px;}
.banquan-lx-1 i{ display: block; width: 40px; height: 1px; background: #fff; margin-top: 20px;}

.banquan-lx-2{overflow: hidden; }
.banquan-lx-2-1{margin-top: 22px; overflow: hidden; }
.banquan-lx-2-1 img{ width: 57px; float: left; margin-right: 12px;}
.banquan-lx-2-1 dt{ width: 75px; float: left; font-size: 14px; color: #aaa; line-height: 22px; padding-top: 5px;}
.banquan-lx-2-1 p{ color: #fff; font-size: 30px; font-weight: bold; line-height: 36px; padding-top: 13px;}

.daohang{ width: 615px; overflow: hidden;}
.daohang ul{}
.daohang ul li{ float: left; width: 170px;}
.daohang ul li a{ font-size: 18px; color: #fff; line-height: 36px;}
.daohang ul li i{ display: block; width: 40px; height: 1px; background: #fff; margin-top: 15px;}
.daohang ul li ul{ margin-top: 18px;}
.daohang ul li ul li{}
.daohang ul li ul li a{ font-size: 14px; color: #aaa; line-height: 40px;}

.ewm{ width: 170px;}
.ewm dt{ font-size: 18px; color: #fff; line-height: 36px;}
.ewm i{ display: block; width: 40px; height: 1px; background: #fff; margin-top: 15px;}
.ewm img{ width: 137px; margin-top: 30px;}
.ewm p{ font-size: 14px; color: #aaa; line-height: 36px; padding-left: 7px;}

.banquan-sy{}
.banquan-sy dt{ float: left; font-size: 14px; color: #aaa; line-height: 65px;}
.banquan-sy dt a{ font-size: 14px; color: #aaa; }
.banquan-sy p{ float: right; font-size: 14px; color: #aaa; line-height: 65px;}
.banquan-sy p a{ font-size: 14px; color: #aaa;}





