@charset "utf-8";

body{min-width: 1200px; width: 100%;}

/**/
.three_bg{ background:url(../images/index/three_bg.jpg) no-repeat center 0;height: 440px; padding:75px 0 0;}
.three_t{font-size: 36px;color: #222;text-align: center;line-height: 36px;height: 90px;}
.three_t a{font-size: 36px;color: #222;}
.three_t a:hover{color: #0967ac;}
.three_t span{display: block;font-size: 16px;color: #b3b3b3;text-transform: uppercase;font-weight: normal;}
.three_t em{display: block;font-size: 20px;color: #777;font-weight: normal;}
.three ul li{ background:url(../images/index/three_k01.png) no-repeat;width: 260px;height: 212px;float: left;text-align: center; padding-top:58px; margin-left:40px;}
.three ul li em{display: block;width: 40px; margin:0 auto;}
.three ul li em img{width: 40px;height: 40px;}
.three ul li b{display: block;font-size: 20px;color: #fff;height: 42px;line-height: 42px;overflow: hidden;}
.three ul li span{display: block;font-size: 16px;color: #fff;line-height: 22px; padding:14px 0 0;}
.three ul li i{display: block;}
.three ul li:hover{ background:url(../images/index/three_k02.png) no-repeat;}
.three ul li:first-child{margin-left:340px;}

/*诚淘产品中心*/
.cp_bg{ background:url(../images/index/cp_bg.jpg) no-repeat center 0;height: 1161px;}
.chanpin .three_t{position: absolute;top: 65px;left: 0;width: 1200px; background:url(../images/index/cp_line.png) no-repeat center 18px;line-height: 40px;}
.cp_l{width: 260px; padding:80px 0 0;}
.cp_l h3{ background:url(../images/index/cp_ltbg.gif) no-repeat;width: 260px;height: 139px;}
.cp_l h3 a{font-size: 22px;color: #fff;display: block; padding:80px 0 0;width: 140px;text-align: center;}
.cp_lm{width: 170px;background: #0967ac;height: 685px; padding:25px 45px 0;}
.cp_ul01 li a{display: block;font-size: 16px;color: #fff;font-weight: bold;width: 170px;height: 48px;line-height: 48px; border-bottom:#5f9cc9 1px solid;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.cp_ul01 li em{display: block;float: left;width: 25px;line-height: 0; padding:14px 10px 0 0;}
.cp_ul01 li em img{width: 25px;height: 25px;}
.cp_ul02{ padding:10px 0;}
.cp_ul01 .cp_ul02 li{height: 32px;line-height: 32px;overflow: hidden;}
.cp_ul01 .cp_ul02 li a{font-size: 14px;font-weight: normal; border-bottom:none;padding: 0 0 0 30px;width: 140px;height: 32px;line-height: 32px;}
.cp_ul01 .cp_ul02 li a:hover{font-weight: bold;}
.cp_tel{width: 260px;height: 152px;text-align: center;background: #0967ac;font-size: 14px;color: #fff;line-height: 24px;}
.cp_tel em{display: block;}
.cp_tel b{display: block;font-size: 26px;}

.cp_r{ width:918px; padding:159px 0 0;}
.cp01{width: 895px;height: 457px;overflow: hidden; padding:0 0 0 23px;position: relative;}
.cp01_m ul li{width: 895px;height: 457px;}
.cp01_m ul li img{width: 895px;height: 457px;}
.cp01_bot{position: absolute;bottom: 30px;left: 420px;}
.cp01_bot ul li{float: left;width: 10px;height: 10px;overflow: hidden;margin-right: 10px;text-indent: -999px;cursor: pointer;background: #000;border-radius:20px;}
.cp01_bot ul li.on{background: #0967ac;}
.cp_rm ul li{ width:283px; height:212px;position: relative; margin:20px 0 0 23px; float:left;}
.cp_rm ul li img{ width:283px; height:212px;}
.cp_rm ul li a{ display:none;font-size: 14px;color: #fff;text-align: center;position: absolute;top: 0;right: 0; width:243px; height:212px; padding:0 20px;}
.cp_rm ul li em{display: block;width: 25px;height: 24px;line-height: 0; margin:0 auto; padding:76px 0 8px;}
.cp_rm ul li em img{width: 25px;height: 24px;}
.cp_rm ul li:hover a{display: block; background:rgba(9,103,172,0.9);}

/*秉承初心,恪守品质*/
.six_bg{ background:url(../images/index/six_bg.jpg) no-repeat center 0;height: 891px;}
.six_l{ padding:130px 0 0 65px;width: 590px;}
.six_l dl{width: 590px;height: 109px;}
.six_l dl dt{ background:url(../images/index/six_k01.png) no-repeat;width: 93px;height: 109px;float: left;}
.six_l dl dt img{width: 69px;height: 69px;}
.six_l dl dd{width: 440px;float: left; border-bottom:#9d9290 1px dotted; padding-bottom:10px;}
.six_l dl dd h5{font-size: 20px;color: #0967ac;height: 30px;line-height: 30px;overflow: hidden;}
.six_l dl dd p{ display:inline-block;width: 440px; padding:8px 0 0;}
.six_l dl dd p em{display: block;float: left;font-size: 14px;color: #333;width: 15px;line-height: 22px;}
.six_l dl dd p span{display: block;float: left;font-size: 14px;color: #666;line-height: 22px;width: 425px;}
.six_l dl:hover dt{ background:url(../images/index/six_k02.png) no-repeat;}
.six_l dl:hover dd h5{color: #ee713c;}
.six_l .nobor dd{ border-bottom:none;}
.six_r{width: 365px; padding:0 128px 0 0;}

/*广告条*/
.ban01{ background:url(../images/index/ban01.jpg) no-repeat center 0; height:268px; overflow:hidden;}
.ban01 p{position: absolute;top: 110px;right: 0;width: 400px;}
.ban01 p span{ display:block;float: left;width: 180px; font-size:14px; color:#fff;line-height: 26px;background:url(../images/index/cp_tel.png) no-repeat 0 3px; padding:0 0 10px 60px;}
.ban01 p span b{font-size: 22px;display: block;}
.ban01 p em{ display:block;width: 160px;float: left;}
.ban01 p em a{display: block;font-size: 18px;color: #0967ac;font-weight: bold;background: #fff; width:160px; height:50px;line-height: 50px;text-align: center;}
.ban01 p em a:hover{animation:shake 1.5s linear;-webkit-animation:shake 1.5s linear;}

.ban02{ background:url(../images/index/ban02.jpg) no-repeat center 0;}

/*应用案例*/
.case{ padding:75px 0 30px;}
.case .three_t{ background:url(../images/index/cp_line.png) no-repeat center 18px;line-height: 40px;}
.case_l{ width:322px;position: absolute;top: 165px;left: 0;z-index: 10;}
.case_l ul li{ width:322px;height: 67px; padding:0 0 10px;}
.case_l ul li a{ display:block; width:322px;height: 67px; font-size:18px; color:#3a3a3a; background:url(../images/index/case_libg01.png) no-repeat;line-height: 67px; overflow:hidden;}
.case_l ul li.on a,.case_l ul li a:hover{ background:url(../images/index/case_libg02.png) no-repeat; color:#fff;font-weight:bold;}
.case_l ul li em{ display:block;float: left;width: 85px;height: 67px;overflow: hidden;line-height: 0; margin-right:15px;}
.case_l ul li em img{width: 85px;height: 134px;}
.case_l ul li a:hover em img,.case_l ul li.on em img{ margin-top:-67px;}
.case_l span{display: block;width: 234px;height: 67px;}
.case_l span a{ display:block; width:134px;height: 67px; font-size:18px; color:#3a3a3a; background:url(../images/index/case_btn01.gif) no-repeat;line-height: 67px; overflow:hidden; padding:0 0 0 100px;}
.case_l span a:hover{ background:url(../images/index/case_btn02.gif) no-repeat;color: #fff;}
.case_r{ width:940px;height: 528px;}
.case_r dl{ width:940px;height: 528px;position: relative;}
.case_r dl dt{ width:940px;height: 528px;line-height: 0;}
.case_r dl dt img{ width:940px;height: 528px;}
.case_r dl dd{width: 800px;height: 130px;position: absolute;bottom: 0;left: 0; background:rgba(0,0,0,0.6); padding:20px 60px 0 80px;}
.case_r dl dd h5{height: 30px;line-height: 30px;overflow: hidden;width: 685px;}
.case_r dl dd h5 a{font-size: 16px;color: #fff;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.case_r .case_desc{font-size: 14px;color: #fff;line-height: 22px; padding:10px 0 0;width: 685px;}
.case_r dl dd span{display: block;width: 70px;height: 70px;position: absolute;top: 30px;right: 60px;}
.case_r dl dd span a{display: block;font-size: 16px;color: #fff;font-weight: bold; background:url(../images/index/case_btn.png) no-repeat;width: 70px;text-align: center;height: 70px;}
.case_r dl dd span i{display: block; padding:12px 0 0;}

/*合作客户*/
.partner{padding:0 0 80px;font-size: 0;}
.hz_t{height: 150px;line-height: 140px;width: 1185px; margin:0 auto;overflow: hidden; text-align:center;}
.hz_t a{font-size: 36px;color: #0967ac;font-weight: bold;}
.hz_t em{font-size: 32px;color: #adadad;text-transform: uppercase; padding:0 0 0 12px;}
.hz_t span{float: right;}
.hz_t span a{font-size: 16px;color: #adadad;text-transform: uppercase;font-weight: normal;}
.partner p{ position:absolute; top:160px;width: 49px;}
.partner p a{ width:49px; height:49px; display:block;}
.partner_l a{ background:url(../images/index/hz_lico01.gif) no-repeat;}
.partner_l a:hover{ background:url(../images/index/hz_lico02.gif) no-repeat;}
.partner_r a{ background:url(../images/index/hz_rico01.gif) no-repeat;}
.partner_r a:hover{ background:url(../images/index/hz_rico02.gif) no-repeat;}
.partner_l{ left:-50px;}
.partner_r { right:-50px;}
.partner_c{width: 1185px;overflow: hidden; margin:0 auto;}
.partner_c ul{float: left;}
.partner_c ul li { width:234px; border:#dfdfdf 1px solid;line-height: 0; margin:1px 0 0 1px;}
.partner_c ul li img{ width:234px; height:132px;}

/*优势*/
.ys_tbg{ background:url(../images/index/ys_tbg.jpg) no-repeat center 0;height:161px;font-size: 22px;color: #d6e1ed;text-align: center; overflow:hidden;line-height: 40px;}
.ys_tbg b{display: block;font-size: 36px;color: #fff; padding:35px 0 0;}
.ys01{ background:url(../images/index/ys_bg01.jpg) no-repeat center 0;height:566px; padding:33px 0 0; overflow:hidden;}
.ys02{ background:url(../images/index/ys_bg02.jpg) no-repeat center 0;height:593px; overflow:hidden;}
.ys dl{width: 560px;height: 192px; padding:25px 0 30px; background:url(../images/index/ys_line.gif) repeat-x 0 bottom;}
.ys dl dt{ background:url(../images/index/ys_k01.gif) no-repeat;width: 172px;height: 192px;float: left;text-align: center;font-size: 30px;color: #222;line-height: 36px;}
.ys dl dt b{display: block;font-size: 38px;color: #0967ac; padding:35px 0 10px;}
.ys dl dt i{display: block;}
.ys dl dd{width: 350px;float: left; padding:40px 0 0 30px;}
.ys dl dd p{font-size: 16px;color: #444;line-height: 30px;}
.ys dl dd p b{color: #ee713c;}
.ys02 .ys dl{ margin-left:640px;}
.ys .nobor{ background:none;}

/*新闻动态*/
.news_main{ padding:80px 0;}
.news_main .three_t{ background:url(../images/index/news_line01.gif) no-repeat center 18px;}

.wd{ width:388px;}
.wd_t{height: 60px;overflow: hidden;line-height: 60px; background:url(../images/index/news_line02.gif) no-repeat 0 58px;}
.wd_t a{ font-size:20px; color:#0967ac;font-weight: bold;}
.wd_t em{font-size: 16px;color: #adadad;text-transform: uppercase; padding:0 0 0 10px;}
.wd_t span,.news_t span{float: right;}
.wd_t span a,.news_t span a{font-size: 16px;color: #adadad;text-transform: uppercase;font-weight: normal;}
.wd_m{ padding:28px 0 0;overflow: hidden;}
.wd_m dl{ width:388px;}
.wd_m dt{width: 388px;height: 194px;overflow: hidden;}
.wd_m dt img{width: 388px;height: 194px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.wd_m dl dt img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.wd_m dd{ width:388px; padding:20px 0 0;}
.wd_m dd h5{height: 30px;line-height: 30px;overflow: hidden;}
.wd_m dd h5 a{font-size: 16px;color: #444;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.wd_m dd h5 a:hover,.news_m dd h5 a:hover,.news_m dd span a:hover{color:#0967ac;}
.wd_m .news_desc{font-size: 14px;color: #777;line-height: 22px;height: 44px;overflow: hidden; padding:5px 0 0;}
.wd_m dd span{display: block;width: 103px; padding:15px 0 0;}

/*公司动态*/
.news{ width:755px;}
.news_t{ height:60px; line-height:60px; background:url(../images/index/news_line03.gif) repeat-x 0 58px;}
.news_t ul li{float: left; background:url(../images/index/news_bor.gif) no-repeat right 22px; padding-right:26px;}
.news_t ul li a{font-size: 20px;color: #333;display: block;height: 60px;float: left;}
.news_t ul li a:hover,.news_t ul li.on a{font-weight: bold;color: #0967ac; background:url(../images/index/news_line04.gif) no-repeat 0 58px;}
.news_t .nobor{ background:none; padding-left:16px;}
.news_m dl{ width:755px;height: 80px; border-bottom:#dcdcdc 1px dashed; padding:20px 0;}
.news_m dt{width: 80px;float: right;font-size: 16px;color: #666160;text-align: center; background:url(../images/index/news_time.gif) no-repeat center 13px;line-height: 34px; padding:6px 0 0;}
.news_m dt i{display: block;font-size: 50px;color: #484240; font-family:"Times New Roman", Times, serif;}
.news_m dd{ float:left; overflow:hidden; width:650px;}
.news_m dd h5{height: 30px;line-height: 30px;overflow: hidden;}
.news_m dd h5 a{font-size: 16px;color: #333;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news_m .news_desc{font-size: 14px;color: #777;line-height: 22px;height: 44px;overflow: hidden; padding:5px 0 0;}
.news_m dd span{display: block;line-height: 22px; margin-top:-22px; margin-left:420px;}
.news_m dd span a{font-size: 14px;color: #777;}

/*走进诚淘*/
.ab_bg{ padding:0 0 80px;}
.ab_t{position: absolute;top: 0;left: 0; background:url(../images/index/ab_tbg.gif) no-repeat;width: 255px;height: 133px; padding:90px 0 0 30px;line-height: 54px;}
.ab_t a{font-size: 36px;color: #fff;}
.ab_t span{display: block;font-size: 18px;font-weight: normal;}
.about dl{ padding:75px 0 0;}
.about dl dt{height: 590px;}
.about dl dt a{display: block;width: 1200px;height: 590px;}
.about dl dd{ padding:40px 0 0;}
.about .ab_desc{font-size: 14px;color: #777;line-height: 28px;height: 112px;overflow: hidden;text-align: center;}
.about ul{ padding:30px 0 0;width: 700px; margin:0 auto;}
.about ul li{width: 175px;float: left;text-align: center; background:url(../images/index/ab_line.gif) no-repeat 0 5px;height: 70px;}
.about ul li em{display: block;width: 34px; margin:0 auto;line-height: 0; padding:0 0 5px;}
.about ul li em img{width: 34px;height: 32px;}
.about ul li a{font-size: 18px;color: #666;}
.about ul li:first-child{ background:none;}
.about ul li:first-child a{color: #ee713c;}

/**/
@-webkit-keyframes shake{
  from,to{-webkit-transform:translate3d(0, 0, 0);}
  20%,60%{-webkit-transform:translate3d(-10px, 0, 0);}
  40%,80%{-webkit-transform:translate3d(10px, 0, 0);}
}

@keyframes shake {
  from,to{transform:translate3d(0, 0, 0);}
  20%,60%{transform:translate3d(-10px, 0, 0);}
  40%,80%{transform:translate3d(10px, 0, 0);}
}