@charset "utf-8";



/*标题*/
.til{ text-align: center; font-weight: normal; color: #333; margin-top:50px; margin-bottom:48px; }
.til span{ font-weight: bold; font-size:36px;}
.til em{color: #7f7f7f;font-size:16px;margin-top: 6px;display: block;}
.til em::before {content:url(" ../images/top_1.png");top: -4px;position: relative;}
.til em::after {content: url(" ../images/top_1.png");top: -4px;position: relative;}
/*产品*/
.pro{background: #F3F3F3 no-repeat center 0; overflow: hidden; padding-top: 1px;margin-top: 50px;}
.pro_l{ width: 229px;}
.pro_l_cp_tit{background: #076cb7;}
.pro_l_cp_tit h3{height: 75px;font-size: 24px;font-weight: normal;line-height: 75px;color: #fff;border-bottom: 1px solid #fff;text-align: center;}
.pro_l ul li a{ display: block; line-height: 50px; border-bottom: 1px solid #71b7fe; padding-left: 36px; font-size: 18px; color: #fff;background: #076cb7; }
.pro_l ul li a:hover{background: #ffae00;}
.pro_l ul li.nob a{ border-bottom: none;}
.pro_l_lx{border: 1px solid #eee;overflow: hidden;margin-top: 20px;}
.pro_l_lx_tit{background: #076cb7;height: 80px;}
.pro_l_lx_tit h3{height: 75px;font-size: 24px;font-weight: normal;line-height: 75px;color: #fff;border-bottom: 1px solid #fff;text-align: center;}
.pro_l_lx ul {padding: 20px 20px; background-color: #fff;}
.pro_l_lx ul li {font-size: 16px;line-height: 34px;color: #666;border-bottom: 1px dashed #a0a0a0;}
.pro_r{width: 920px;}
.pro_r1 li{margin-bottom: 10px;float: left;width: 300px;height: auto;margin-right: 10px;}
.pro_r_tu{width: 100%;height: 290px;overflow: hidden;position: relative;}
.pro_r_tu img{width: 100%;height: 100%;}
.pro_r_title{background-color: #017ac9;color:#FFFFFF;font-size: 18px;line-height: 52px;width: 100%;text-align: center;font-weight: normal;}
.pro_r1 li:nth-child(3n) {margin-right: 0;}
.pro_r1 li:hover img {transform: scale(1.2,1.2);}
.pros a{background-color:#ffae00!important; }
/*定制采购*/	
.caig{ background:url( ../images/caig_bg.jpg) no-repeat center top; height:770px; overflow:hidden;}
.caig .til{margin-top:90px;}
.caig .til span{ color:#fff!important;}
.caig .til em{color:#fff!important;}
.caig .til em::before {content:url(" ../images/top_2.png");top: -4px;position: relative;}
.caig .til em::after {content: url(" ../images/top_2.png");top: -4px;position: relative;}
.caig dl{ width:221px; float:left; margin:65px 15px 0 0; height:275px;}
.caig dt{ height:162px; overflow:hidden; background:url( ../images/caig_line.gif) no-repeat center bottom; width:110px; margin:0 auto; font:20px "Microsoft YaHei"; text-align:center; color:#cf3967; line-height:40px;}
.caig dt a{ color:#cf3967;}
.caig dt img{ display:block; width:110px; height:110px; -webkit-transition: -webkit-transform 0.4s ease-out; 
    -moz-transition: -moz-transform 0.4s ease-out; 
    transition: transform 0.4s ease-out;}
.caig dt a:hover img{-webkit-transform: rotate(360deg); 
    -moz-transform: rotate(360deg); 
    transform: rotate(360deg);}
.caig dd{ width:190px; margin:16px auto 0; font:14px "Microsoft YaHei"; line-height:26px; color:#666; text-align:center;}
.caig .dl2{ margin-right:285px;}
.caig .nones{ margin-right:0;}
/*选择*/
.choo{  overflow:hidden; }
.choo2{ height:500px; position:relative;background:url( ../images/choo_bg.png) no-repeat 175px top;}
.choo2 dl{ width:270px;}
.choo2 dt{ width:172px; height:48px; border:1px solid #017ac9; font:20px "Microsoft YaHei"; font-weight:bold; color:#017ac9; line-height:48px;}
.choo2 dt em{ display:block; width:45px; height:48px; background:#017ac9; font:28px Arial; text-align:center; line-height:48px; color:#fff; margin-right:15px; float:left;}
.choo2 dd{ font:14px "Microsoft YaHei"; line-height:24px; color:#666; margin-top:15px;}
.choo2 .dl1{ position:absolute; top:0;}
.choo2 .dl2{ position:absolute; top:0; right:0;}
.choo2 .dl3{position:absolute; top:290px;}
.choo2 .dl4{position:absolute; top:290px; right:0;}
/*优势*/
.ys{ height:920px; padding-top:50px; overflow:hidden;}
.ys .tit i{ font-size:53px;}
.yst{ height:113px; overflow:hidden; background:url( ../images/ys_h.png) no-repeat center center; margin:32px 0;}
.yst li{ float:left; font:16px "Microsoft YaHei"; text-align:center; font-weight:bold; display:inline; margin:0 93px; width:113px; height:113px; background:url(
../images/ys_bg1.jpg) no-repeat center top; overflow:hidden; position:relative; z-index:1;}
.yst li a{ display:block;height:112px; color:#fff;}
.yst li em{ display:block; font-size:32px; padding-top:18px;}
.yst li:after,.yst .cur:after{content:'';position:absolute;width:100%;height:0;background:url(
../images/ys_bg2.jpg) no-repeat center top;z-index:-1;left:0;top:0;-webkit-transition:height .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);-moz-transition:height .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);-ms-transition:height .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);transition:height .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.yst li:hover:after,.yst .cur:after{height:100%;}
.ys2 dl{ height:551px; position:relative; overflow:hidden;}
.ys2 dt img{ display:block; width:1200px; height:551px;}
.ys2 dd{ width:461px; height:243px; padding:25px; background:url( ../images/ys_bg0.png) no-repeat; position:absolute; top:147px; right:40px;}
.ys2 dd h3{ height:89px; background:url(
../images/ys_h1.png) no-repeat left top; font:30px "Microsoft YaHei"; font-weight:bold; line-height:89px; overflow:hidden; color:#076cb7;}
.ys2 dd h3 em{ font:40px Arial; padding:0 0 0 30px; width:50px; float:left; line-height:95px;}
.ys2 dd h4{ height:68px; font:22px "Microsoft YaHei"; line-height:60px; color:#333; overflow:hidden; background:url(
../images/ys_line.png) repeat-x center bottom; margin-bottom:12px;}
.ys2 dd p{font:14px "Microsoft YaHei";line-height:26px; color:#666; height:52px; background:url(
../images/ys_dot.png) no-repeat left 8px; padding-left:15px;}
/*流程*/
.ly{background:url( " ../images/dzlc.jpg") no-repeat center 0; height:571px; overflow: hidden;}
.ly .til span{ color:#fff!important;}
.ly .til em{color:#fff!important;}
.ly .til em::before {content:url(" ../images/top_2.png");top: -4px;position: relative;}
.ly .til em::after {content: url(" ../images/top_2.png");top: -4px;position: relative;}
.ly_l{background:url(  ../images/ly_txt.png) no-repeat ; height: 329px; width: 311px; overflow: hidden;padding: 60px 0 0 23px;}
.ly_l h3{font-weight: normal; color: #333;  margin-bottom:18px;font-size: 32px;}
.ly_l span{font-weight: normal; color: #005fa7;  margin-bottom:30px;font-size: 20px;display: block;}
.ly_l p{ color: #666;  margin-bottom:36px;font-size: 16px;}
.ly_tel{width: 276px;height: 48px; background: #eb9519;}
.ly_tel em{font-size: 24px;color: #fff; line-height: 48px; padding: 0 0 0 48px; background: url(../images/pc-xc-icon21.png) no-repeat 16px 3px;}

.ly_r{ position: relative;}
.ly_r span{width: 134px;text-align: center;height:67px;padding-top: 67px;font-size: 16px;color: #737373;}
.ly_r .ly1{ position: absolute; left:20px; top: 198px; background: url( ../images/ly_1.png)  no-repeat center  0; }
.ly_r .ly2{ position: absolute; left:199px; top: 36px; background: url( ../images/ly_2.png)  no-repeat center 0;}
.ly_r .ly3{ position: absolute; left:379px; top:198px; background: url( ../images/ly_3.png) no-repeat center 0;}
.ly_r .ly4{ position: absolute; left:556px; top:36px; background: url( ../images/ly_4.png) no-repeat center 0;}
.ly_r .ly5{ position: absolute; left:731px; top:198px; background: url( ../images/ly_5.png) no-repeat center 0;}
.ly_r .ly1:hover{ font-size: 16px;color: #303030;font-weight: bold; } 
.ly_r .ly2:hover{ font-size: 16px;color: #303030;font-weight: bold; } 
.ly_r .ly3:hover{ font-size: 16px;color: #303030;font-weight: bold; } 
.ly_r .ly4:hover{font-size: 16px;color: #303030;font-weight: bold; } 
.ly_r .ly5:hover{ font-size: 16px;color: #303030;font-weight: bold; } 

/*客户*/
.user_box{margin-bottom: 20px;}
.user .user-left{width:870px; float:left;}
.user-left-title{width:870px;height:40px;border-bottom:1px solid #1471b4;}
.user-left-title h3{ height:40px;line-height:40px;background-color:#1471b4;color: #1471b4;text-align:center; font-size:18px;font-weight:normal;float: left;font-weight: bold;padding-left: 36px; background: url(../images/icon_kh.png) no-repeat 5px 9px;}
.user-left-title a{float: right; height:40px;line-height:40px;font-size:16px;padding-right: 10px;}
.user-scroll-box{padding-left:30px;overflow:hidden;position:relative}
#h-scroll-1{width:810px !important;margin-top:20px;overflow:hidden;padding-bottom: 20px;}
#h-scroll-1 #h-scroll-1-con li{width:250px !important;  float:left;margin: 0 10px 6px 10px;
  -webkit-box-shadow: 0 0px 6px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0px 6px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 0px 6px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0px 6px rgba(0, 0, 0, 0.3);}
#h-scroll-1 #h-scroll-1-con li a{overflow: hidden;display: block;}
#h-scroll-1 #h-scroll-1-con li img{display:block;width:100%;height:190px;}
#h-scroll-1 #h-scroll-1-con li:hover img{transform: scale(1.08);}
#h-scroll-1 #h-scroll-1-con li:hover b{color: #095db0;}
img {transition: all 0.36s ease;display: inline;}
#h-scroll-1-con li p{font-size: 16px;color: #666;padding: 16px 16px;}
#h-scroll-1-con li b{font-size: 18px;line-height: 36px;color: #333;display: block;font-weight: normal;overflow: hidden;}
.scroll-btn-1{width:15px; height:40px;margin-top:100px;float:left;text-indent:-9999em;}
.prev1{background: url(../images/icon_p1.png) no-repeat;position:absolute; top:68px !important;left:10px !important;z-index: 222;}
.prev1:hover{ background:url(  ../images/icon_p2.png) no-repeat;}
.next1{background: url(../images/icon_u1.png) no-repeat;position:absolute; top:68px !important;right:10px !important;}
.next1:hover{ background:url( ../images/icon_u2.png) no-repeat;}
.others{width:300px;float:left;margin-left:30px;overflow:hidden}
.others-title{height: 40px;line-height: 40px;border-bottom: 1px solid #1471b4;font-size: 18px;color: #1471b4;font-weight: bold;padding-left: 36px; background: url(../images/icon_kh.png) no-repeat 5px 9px;}
.scroll-list2{width: 276px;height: 303px !important;overflow: hidden;margin: 20px 2px; padding: 10px 10px 10px 10px;border: 1px solid #C6C5C5;}
.scroll-list2-box{height: 303px !important;overflow: hidden;}
.scroll-list2 li {margin-top: 10px;line-height: 25px;padding: 2px;}
.ic-order2{display:block;width:29px; height:29px;background: url(../images/icon_khl.png) no-repeat;float: left;margin-right: 5px;}
.order-details {height: 35px;font-size: 12px;line-height: 16px;}

/*合作*/
.hz_bo{margin-bottom: 50px;}
.hz_box{background-color: #076cb7;width: 296px;height: 165px;padding: 35px 0 0 24px;}
.hz_box h3{font-size: 22px;color: #fff;}
.hz_box p{font-size: 18px;color: #fff;margin-top: 10px;}
.hz_box p::after {content:'';width: 36px;height: 3px;background-color: #fff;display: block;margin: 10px 0 30px 0;}
.hz_box b{font-size: 24px;color: #90caf5;font-weight: normal;}
.hz_box em{font-size: 14px;color: #90caf5;margin-top: 10px;}
.hz{ padding:0px 0 0;width: 878px;height: 198px; border: 1px solid #076cb7;}
.hz_l a{ background:url( ../images/icon_p1.png) no-repeat; width:13px; height:34px; display:block;margin-left: 14px;}
.hz_l a:hover{ background:url(  ../images/icon_p2.png) no-repeat;}
.hz_r a{ background:url( ../images/icon_u1.png) no-repeat; width:13px; height:34px; display:block;margin-right: 14px;}
.hz_r a:hover{ background:url( ../images/icon_u2.png) no-repeat;}
.hz_l,.hz_r{ padding:82px 0 0;}
.hz_c{margin: 38px 0 0 14px;}
.hz_c ul li { width:190px; float:left; padding:0 5px;overflow: hidden;}
.hz_c ul li img{ width:188px; height:120px;}
.hz_c ul li a{ border:#dcdcdc 1px solid; width:188px; height:120px;display: block;overflow: hidden;}
.hz_c ul li a:hover{ border:#007bc7 1px solid;}		
/*关于*/
.about .til i{color: #076cb7;}
.about{line-height:30px;background-color: #eeeeee;}
.about_c{background: #fff;height: 400px;margin-bottom: 40px;}
.about_r{width:50%; height: 400px; display: block;overflow: hidden;}
.about_l{width:39%; padding:63px 0 0 76px;}
.about_l h3{overflow: hidden;font-size: 20px;}
.about_l h3::after {content:'';width: 36px;height: 3px;background-color: #076cb7;display: block;margin: 20px 0 32px 0;}
.about_l h3 a {color: #007bc7;}
.about_l p{height:158px;overflow: hidden;text-indent: 28px;width: 440px;}
.more01 {display: block;}
.more01 .more01_2{ display: inline-block;width: 118px;height: 38px; line-height: 40px;border: 1px solid #076cb7; text-align: center;color: #076cb7;font-size: 16px;}
.more01 .more01_1{ display: inline-block;width: 120px;height: 40px; line-height: 40px;background: #076cb7;text-align: center;color: #fff;font-size: 16px;margin-right: 42px;}
/*荣誉资质*/
.ry_box{background-color: #fff;height: 270px;margin-bottom: 40px;}
.ry_box .ry_txt{background-color: #076cb7;width: 116px;height: 270px;writing-mode:tb-rl; color: #fff;font-size: 26px;}
.ry_box p i{display: block; padding: 0 45px 0 45px;text-align: center;margin: 75px 0 60px 0;}
.ry{ padding:20px 0 0; display: flex;width: 1084px;}
.ry_l a{ background:url( ../images/icon_p1.png) no-repeat; width:13px; height:34px; display:block;}
.ry_l a:hover{ background:url( ../images/icon_p2.png) no-repeat;}
.ry_r a{ background:url( ../images/icon_u1.png) no-repeat; width:13px; height:34px; display:block;}
.ry_r a:hover{ background:url( ../images/icon_u2.png) no-repeat;}
.ry_l,.ry_r{padding:96px 20px 0 20px;}
.ry_c{margin: 0 auto;}
.ry_c ul li { width:140px; float:left; padding:0 11.5px;overflow: hidden;}
.ry_c ul li img{ width:138px;  border:#dcdcdc 1px solid;}
.ry_c ul li P{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ry_c ul li a{ display: block;overflow: hidden;text-align: center;font-size: 14px;color: #333;line-height: 30px;}
.ry_c ul li a:hover img{ border:#007bc7 1px solid;}
.ry_c ul li a:hover{color:#095db0; }
/*资讯*/
.newbox{line-height:30px;height:700px;font-family:"Microsoft Yahei";overflow: hidden;color: #585858;font-size: 16px;}
.new1,.new2{width:582px;overflow: hidden;height: 470px;}
.newtil{height:32px;line-height:32px;font-size:16px;color: #000;border-bottom: 1px solid #888888; margin-bottom: 20px;}
.newtil ul,.newtil li{float: left;}
.newtil li{float: left;padding: 0 10px;}
.newtil a{color: #000;display: block;}
.newtil li.cur a,.newtil li a:hover{color: #017ac9}
.more02{width: 42px;display: block;}
.more02 a{height:32px;display: block;background:url(../images/ico04.gif) no-repeat 0 11px;padding: 0;font-size: 14px;text-transform: uppercase;}

.new_c1 dl{display: block;height: 165px;background: #f4f4f4;overflow: hidden;margin-bottom: 13px;}
.new_c1 dt{padding-left: 20px;width: 342px;float: left;}
.new_c1 dt a,.new_lc dd span a{display: block;color: #000;}
.new_c1 dd,.new_c1 dd img{width: 220px;height: 165px;display: block; overflow: hidden;float: left;}
.new_c1 dt a{height: 36px;line-height: 36px;font-size: 18px; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.new_c1 dt p{padding-bottom: 20px;}

.new_c1 li{line-height:44px;height:44px;border-bottom: dashed 1px #cdcccc;color: #585858;}
.new_c1 li em{width:22px;float: left;text-align: center;line-height:22px;height:22px;color: #fff;background: #393939;margin: 11px 11px 0 0;font-style: normal;}
.new_c1 li:nth-child(1) em{background: #00479d;}
.new_c1 li p{width:404px;float: left;white-space: nowrap;}
.new_c1 li span{float: right;}
.new_c1 li:hover p a{color:#007bc7; }
.new_c1 dd img:hover {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.new_c1 dd img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.new_c1 dl:hover dt a{color: #007bc7;}

.new_lc dl{height:125px;margin-bottom: 16px;border-bottom: dashed 1px #cdcccc;}
.new_lc dl:hover span a{color: #007bc7;}
.new_lc dt,.new_lc dt img{width:181px;height:110px;display: block;overflow: hidden;float: left;}
.new_lc dt img:hover {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.new_lc dt img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.new_lc dd{padding-left:20px;width: 374px;float: left;}
.new_lc dd span{display: block;height: 36px;line-height: 36px;font-size: 18px;}
   /**/
   /**/

@keyframes myfirst
{
    0%   {left:0px; top:0px;}
    25%  {left:0px; top:10px;}
    50%  {left:0px; top:0;}
    100% {left:0px; top:0px;}
}

@-moz-keyframes myfirst /* Firefox */
{
    0%   {left:0px; top:0px;}
    25%  {left:0px; top:10px;}
    50%  {left:0px; top:0;}
    100% {left:0px; top:0px;}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
    0%   {left:0px; top:0px;}
    25%  {left:0px; top:10px;}
    50%  {left:0px; top:0;}
    100% {left:0px; top:0px;}
}

@-o-keyframes myfirst /* Opera */
{
    0%   {left:0px; top:0px;}
    25%  {left:0px; top:10px;}
    50%  {left:0px; top:0;}
    100% {left:0px; top:0px;}
}