@charset "utf-8";

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


.g_video{background:url(../images/ppbg1.jpg) no-repeat center top;height: 706px;padding-top: 320px;}
.g_video .pptit{height: 208px;text-align: right;}
.g_video .pptit h2{height: 50px;line-height: 50px;font-size: 30px;font-weight: bold;color: #272727;}
.g_video .pptit p{font-size: 14px;line-height: 22px;color: #74695a;}
.g_video dt{float: right;border: 16px solid #fff;}
.g_video dt img{width: 670px;height: 374px;display: block;}
.g_video dd{float: left;width: 440px;padding-top:100px;}
.g_video h3{height: 72px;line-height: 72px;font-size: 45px;font-weight: normal;color: #272727;margin-bottom: 7px;}
.g_video p{font-size: 14px;line-height: 24px;color: #6e6e6e;}
.g_video span{display: block;margin-top: 30px;}
/**/
.g_yao {text-align: center;height: 147px;font-size: 52px;color: #030919; line-height:52px;}
.g_yao  a{color: #030919;}
.g_yao  em{color: #da1000;font-weight: bold;}
.g_yao  span{display: block;font-size: 20px;color: #282828;font-weight: normal;padding-top: 6px;}

.yin{background:url(../images/yin_line.gif) repeat-x 0 448px;}
.yin_t{font-size: 56px;color: #000;text-align: center;height: 150px;line-height: 76px;overflow: hidden;background:url(../images/cp_line.png) no-repeat center 90px;}
.yin_t a{color: #000;}
.yin_t i{color: #21499b;}
.yin_t span{display: block;font-size: 20px;font-weight: normal;color: #666;padding: 10px 0 0;}
.ibrand-num{overflow:hidden;margin:50px 0 0;}
.ibrand-num li{float:left;width:200px;height:140px;text-align:center;color:#333;font-size:24px;}
.ibrand-num li a{display:block;color:#333;}
.ibrand-num li span{font-size:40px;line-height: 40px;font-family: "DINOT";font-weight: bold;}
.ibrand-num li b{display:block;font-size: 16px;color: #666;font-weight: normal; padding:10px 0 0;}
.ibrand-num li em{width: 72px;height: 40px;display: block;margin: 0 auto;padding: 15px 0 0;}
.ibrand-num li em img{width: 72px;height: 40px;}
.video{width: 662px;height: 10px;z-index: 5000;position: relative;margin: 0 auto;}
.video_btn{width: 662px;height: 10px;cursor: pointer;}
#open_window {display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); } 
.video_m {background:#eee;width: 1000px; height: 500px; z-index: 1; margin: 7% auto; overflow: auto; } 
.xx {font-size: 22px;color: #000; cursor: pointer; position: absolute; top: 0; right: 0;width: 30px;text-align: center; height: 30px; line-height: 30px; background: #fff; z-index: 10;} 
.video_con {width: 1000px; height: 500px; overflow: hidden;}
.video_con img{width: 1000px; height: 500px;}
/*产品展示*/
.tab3{width: 1500px; margin-top:20px; margin-bottom:50px;}
.tab3 .tit{text-align: center;}
.tab3 .tit h2 {height: 85px;line-height: 85px;font-size:32px;color: #333; font-weight:bold;}
.tab3 .tit h2 a{color: #333;}
.tab3 .tit p{height: 59px;line-height: 59px;font-size:16px;color: #333333}
.tab3 .tit p a{color: #fff;margin-right: 24px;padding:8px 30px; background:#21499b;}
.tab3 .tit p a:hover{color: #fff;margin-right: 24px; padding:8px 30px; background:#da1000;}
.sec2_ul{width: 1500px; margin: 0 auto;overflow: hidden;}
.sec2_ul ul{width:1500px;}
.sec2_ul li{float: left; width: 280px; border:1px solid #ccc; display: block; margin-right: 25px; text-align: left; overflow: hidden; margin:5px;}
.sec2_ul li a{width: 280px; height: 300px; background: #eee; position: relative;}
.sec2_ul li a img{width: 280px; height:275px; transition: .9s;  line-height: 1em; overflow: hidden;}
.sec2_ul li .p{padding:0 15px;position: relative;width: 280px;overflow:hidden;background-color: #fff;z-index: 666; height:44px; line-height:44px; border-top:0px solid #ccc;}
.sec2_ul li .p a:hover{padding:0 15px;position: relative;width: 203px;overflow:hidden;background-color: #fff;z-index: 666; height:44px; line-height:44px; border-top:1px solid #ccc; color:FF9B09;}
.sec2_ul li img{width: 280px; height: 225px; overflow: hidden;display:block;}
.sec2_ul li a:hover img{transform: scale(1.2);  z-index: 1;}
.sec2_ul li a:hover{background: #0042ae; width: 280px; height: 300px; overflow: hidden;}
.sec2_ul ul .sec2_ul_r{width: 280px; border:1px solid #ccc; display: block;text-align: left; overflow: hidden;}
.p{font-size: 16px;color: #333333; line-height: 34px; height: 32px; margin-top:5px; text-align:center;}
.w1500 { width:1500px; margin:0 auto; font-family:"Microsoft Yahei";}
/*产品展示*/
.g_yaos{padding-top: 93px;height: 645px;}
.g_yaos h2{text-align: center;height: 147px;font-size: 52px;color: #030919; line-height:52px;}
.g_yaos h2 a{color: #030919;}
.g_yaos h2 em{color: #da1000;font-weight: bold;}
.g_yaos h2 span{display: block;font-size: 20px;color: #282828;font-weight: normal;padding-top: 6px;}
.g_yaos dl{float: left;width: 290px;margin-right: 45px;background:url(../images/ysbg1.png) no-repeat;height: 414px;transition: all 0.3s linear 0s;}
.g_yaos .lastdl{margin-right: 0;}
.g_yaos dt{margin-left: 56px;width: 180px;margin-bottom: 42px;}
.g_yaos dt img{width: 180px;height: 180px;display: block;}
.g_yaos dd{text-align: center;}
.g_yaos dd b{height: 42px;font-size: 36px;color: #113081;font-weight: bold; }
.g_yaos dd h3{height: 76px;font-size: 24px;font-weight: bold;color: #fff; line-height:26px;}
.g_yaos dd h3 em{display: block;font-size: 12px;color: #4f4f4f;font-weight: normal;padding-top: 3px;}
.g_yaos dd span a{display: block;width: 192px;height: 46px;line-height: 46px;background: #393939;border-radius: 50px;margin: 0 auto;text-align: center;font-size: 18px;color: #fff;}
.g_yaos dl:hover{background:url(../images/ysbg2.png) no-repeat;transform: translateY(-10px);	}
.g_yaos dl:hover span a{background: #fff;color: #c5262b;font-weight: bold;}
.g_yaos dl:hover b{color: #d15155}
.g_yaos dl:hover h3 em{color: #ce585b}
    /**/
/*产品中心*/
.cp_bg{height: 270px;overflow: hidden;padding: 70px 0 0; }
.chanp .yin_t,.ys .yin_t,.case .yin_t,.news .yin_t{ background:url(../images/cp_line.png) no-repeat center 85px;}



/**/
.cp02{height: 320px;overflow: hidden; margin-top:50px;}
.cp02 ul li{width: 325px;float: left;margin: 10px 7px 0 5px;}
.cp02 ul li em{width: 325px;height: 230px;line-height: 0;overflow: hidden;-webkit-transition:all .3s;transition:all .3s;box-shadow: 0 3px 5px 3px rgba(0,0,0,0.1);display: block;}
.cp02 ul li img{width: 325px;height: 230px;}
.cp02 ul li:hover em{box-shadow: 0 3px 5px 3px rgba(0,0,0,0.2);z-index:2;-webkit-transform:translate(0,-2px);-webkit-transform:translate(0,-2px);}
.cp02 ul li span{display: block;width: 325px;height: 50px;line-height: 50px;text-align: center;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-size: 15px;color: #000;}
.cp02 p,.photo_qie p{width: 36px;height: 36px;position: absolute;top: 95px;z-index: 30;border-radius: 50%;-webkit-transition:all .3s;transition:all .3s;line-height: 0;box-shadow: 0 3px 5px 3px rgba(0,0,0,0.1);cursor: pointer;}
.cp02 p img,.photo_qie p img{display: block;width: 36px;height: 36px;border-radius: 50%;}
.cp02 p:hover,.photo_qie p:hover{box-shadow: 0 3px 5px 3px rgba(0,0,0,0.2);z-index:2;-webkit-transform:translate(0,-2px);-webkit-transform:translate(0,-2px);}
.cp02_l,.phtoto_lico{left: -50px;}
.cp02_r,.phtoto_rico{right: -50px;}

/*优势*/
.ys_bg{background:url(../images/ys_bg.jpg) no-repeat center 0;height: 950px;overflow: hidden;padding: 70px 0 80px;}
.ys .yin_t,.ys .yin_t span{color: #fff;}
.ys_t{padding: 60px 0 0;height: 100px;}
.ys_t ul li{width: 240px;float: left;color: #fff;cursor: pointer;line-height: 26px;height: 70px;overflow: hidden;}
.ys_t ul li em{display: block;float: left;width: 46px;height: 42px;line-height: 0;overflow: hidden;padding-right: 14px;}
.ys_t ul li b{display: block;float: left;font-size: 20px;width: 170px;}
.ys_t ul li i{display: block;font-size: 12px;color: #8b98a7;text-transform: uppercase; font-family:Arial, Helvetica, sans-serif;font-weight: normal;}
.ys_t ul li:hover,.ys_t ul li.on{background:url(../images/ys_line.png) no-repeat 0 58px;}
.ys_m dl{width: 1200px;height: 600px;position: relative;}
.ys_m dl dt{width: 1200px;height: 600px;line-height: 0;overflow: hidden;}
.ys_m dl dt img{width: 1200px;height: 600px;}
.ys_m dl dd{background:url(../images/ys_k.png) no-repeat;width: 545px;height: 512px;position: absolute;top: 0;right: 0;z-index: 20;}
.ys_m .ys_no{width: 200px;height: 180px;color: #fff;}
.ys_m .ys_no b{display: block;font-size: 80px;line-height: 120px;width: 200px;text-align: center;height: 120px;overflow: hidden;}
.ys_m .ys_no em{display: block;font-size: 24px;text-transform: uppercase;text-align: right;padding-right: 10px;height: 60px;line-height: 50px;overflow: hidden;}
.ys_m dl dd h5{font-size: 18px;color: #21499b;line-height: 30px;margin: 15px 0 10px 115px;height: 65px;border-bottom: #d6d6d6 1px solid;width: 375px;padding: 0 0 0 15px;}
.ys_m dl dd h5 i{display: block;font-size: 14px;color: #8c8c8c; font-family:Arial, Helvetica, sans-serif;font-weight: normal;text-transform: uppercase;}
.ys_m dl dd p{font-size: 14px;color: #333;line-height: 28px;overflow: hidden;width: 375px;margin: 0 0 0 115px;background:url(../images/ys_ico06.png) no-repeat 0 13px;padding: 0 0 0 15px;}



.content14 { width:1350px; margin:0 auto;}
/**/
.case_bg{background:url(../images/case_bg.jpg) no-repeat center 0;height: 908px;overflow: hidden;padding: 50px 0 0;}
.case_t{height: 85px;padding: 25px 0 0;}
.case_t ul li{width: 175px;float: left;margin-left: 13px;}
.case_t ul li a{font-size: 16px;color: #fff;display: block;float: left;width: 160px;text-align: center;height: 50px;line-height: 50px;overflow: hidden;background: #21499b;}
.case_t ul li a:hover{background: #da1000;color: #fff;}
.case_t ul li:first-child{margin-left: 0;}
.case_btn{width: 234px;height: 110px;padding: 0 0 0 30px;}
.case_btn a{display: block;float: left;width: 117px;height: 110px;}
.case_btn .case_btn02{background:url(../images/case_lico01.png) no-repeat;}
.case_btn .case_btn02:hover{background:url(../images/case_lico02.png) no-repeat;}
.case_btn .case_btn01{background:url(../images/case_rico01.png) no-repeat;}
.case_btn .case_btn01:hover{background:url(../images/case_rico02.png) no-repeat;}
.case_l{width: 265px;height: 641px;overflow: hidden;background:url(../images/case_line.png) repeat-y;}
.case_l ul li{width: 234px;height: 132px;position: relative;margin-left: 30px;margin-bottom: 43px;}
.case_l ul li em{display: block;width: 234px;height: 132px;line-height: 0;overflow: hidden;}
.case_l ul li img,.case_r dl dt img,.news01 dl dt img{width: 234px;height: 132px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.case_l ul li img:hover,.case_r dl dt img:hover,.news01 dl dt img:hover
{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.case_l ul li.on:before{content: "";width: 0;height: 0;position: absolute;top: 50px;left: -20px;
border-right:20px solid #21499b; 
border-top:20px solid transparent;
border-bottom:20px solid transparent;}
.case_r{width: 1055px;height: 641px;overflow: hidden;}
.case_r dl{width: 1055px;background: #e9e9e9;}
.case_r dl dt{width: 1055px;height: 521px;line-height: 0;overflow: hidden;}
.case_r dl dt img{width: 1055px;height: 521px;}
.case_r dl dd{width: 1000px;margin: 0 auto;padding: 15px 0 20px;}
.case_r dl dd h5{height: 30px;line-height: 30px;overflow: hidden;}
.case_r dl dd h5 a{font-size: 18px;color: #333;font-weight: normal;}
.case_r dl dd h5 a:hover{color: #21499b;}
.case_r .case_desc{font-size: 14px;color: #666;height: 50px;line-height: 25px;overflow: hidden;padding: 5px 0 0; }

/*合作客户*/
.hz_bg{background:url(../images/hz_bg.gif) repeat-x;height: 180px;overflow: hidden;}
.hz ul li{width: 214px;float: left;margin: 10px 25px 0 0;}
.hz ul li em{width: 214px;height: 120px;line-height: 0;overflow: hidden;-webkit-transition:all .3s;transition:all .3s;box-shadow: 0 3px 5px 3px rgba(0,0,0,0.1);display: block;}
.hz ul li img{width: 214px;height: 120px;}
.hz ul li:hover em{box-shadow: 0 3px 5px 3px rgba(0,0,0,0.2);z-index:2;-webkit-transform:translate(0,-2px);-webkit-transform:translate(0,-2px);}
.hz ul li span{display: block;width: 214px;height: 50px;line-height: 50px;text-align: center;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-size: 14px;color: #333;}

/**/
.g_news{background:url(../images/newbj.jpg) no-repeat center top;height: 750px;padding-top: 50px;}
.g_news .yin_t,.g_news .yin_t span{color: #000;}
.m_new1{float: left;width: 350px;margin-left: 35px;}
.m_new1 h3 a{display: block;height: 52px;line-height: 52px;font-size: 24px;color: #22489b;font-weight:bold;}
.m_new1 h3 em{display: inline-block;font-size: 14px;color: #acacac;padding-left: 8px;}
.m_new1 dl{height: 150px;border-bottom: 1px solid #d4d4d4;margin-bottom: 26px;}
.m_new1 dt{width: 345px;height: 198px;overflow: hidden;margin-bottom: 20px;}
.m_new1 dt img{width: 345px;height: 198px;display: block;transition: all 0.3s linear 0s;}
.m_new1 dt:hover img{transform: scale(1.1);}

.m_new1 h4 a{display: block;height: 34px;line-height: 34px;overflow: hidden;font-size: 18px;font-weight: normal;color: #272727;}
.m_new1 dl:hover h4 a{color: #da1000;}
.m_new1 p{height: 100px;line-height: 30px;font-size: 15px;color: #272727;overflow: hidden;}
.m_new1 li{height: 36px;line-height: 36px;font-size: 15px;color: #272727;overflow: hidden;transition: all 1s ease 0s;}
.m_new1 li em{display: inline-block;padding: 0 6px;}
.m_new1 li:hover a{color: #272727;font-weight: bold;}
.g_news .newmore{display: block;margin-top: 45px;background:url(../images/newmore.png) no-repeat;width: 344px;height: 54px;line-height: 54px;margin: 45px auto 0;text-align: center;font-size: 18px;color: #21499b;}
.g_news .newmore a{color: #21499b}
/*常见问答*/

/*聚焦*/
.about{background:url(../images/ab_bg.jpg) no-repeat center 0;height: 570px;overflow: hidden;}
.about dl{padding: 330px 0 0;height: 250px;}
.about dl dt{width: 420px;height: 250px;background: #21499b;float: left;text-align: center;}
.about dl dt a{color: #fff;font-weight: bold;display: block;padding-top:20px;}
.about dl dt b{display: block;font-size: 60px;color: #1b90e6;line-height: 60px;text-transform: uppercase;padding: 40px 0 0;}
.about dl dt i{display: block;font-size: 36px;line-height: 40px;padding: 10px 0;}
.about dl dt span{display: block;font-size: 18px;font-weight: normal;line-height: 30px;}
.about dl dd{width: 740px;float: left;padding: 55px 0 0 30px;}
.about .ab_desc{font-size: 15px;color: #fff;line-height: 30px;height: 145px;overflow: hidden;}
.about dl dd span{display: block;line-height: 30px;margin-top:-30px;margin-left:30px;}
.about dl dd span a{font-size: 14px;color: #ff0000;}
.ab_k{ display:block; width:100%; height:220px; background:rgba(0,0,0,0.8); margin-top:-220px;}

/*企业相册*/
.photo{padding: 0 0 50px;}

.photo_t{padding: 20px 0 10px;width: 900px;margin:0 auto;}
.photo_t li{width: 150px;float: left;height: 45px; background: #f0f0f0;}
.photo_t li a{font-size: 14px;color: #333;display: block; width: 150px; text-align: center; height: 45px; line-height: 45px; overflow: hidden; float: left;} 
.photo_t li:nth-child(2n){ background: #dfdfdf;}

.photo_l{width: 900px;margin:0 auto;padding:20px 0;}
.photo_l ul li{width: 130px;height: 40px;float: left;padding:0 10px;}
.photo_l ul li a{font-size: 16px;color: #333;display: block;width: 128px;text-align: center;height: 38px;line-height: 38px;overflow: hidden;border-radius: 30px;border: #dfdfdf 1px solid;}
.photo_l ul li a:hover{color: #fff;background: #21499b;border: #21499b 1px solid;}

.photo_r ul li{width: 234px;float: left; padding:20px 7px 0 0;overflow: hidden;-webkit-transition:transform .3s;transition:transform .3s;}
.photo_r ul li img{width: 234px;height: 176px;}
.photo_r ul li:hover{-webkit-transform:translate(0,-10px);transform:translate(0,-10px);}
.photo_qie p{top: 90px;}

/*友情链接*/
.link{width:1200px; margin: 0 auto; position: relative; z-index:12;}
.link .content{position: absolute; top: -70px;right: 0; width:536px; height:70px;font:14px "Microsoft YaHei";color:rgba(255,255,255,0.5); line-height:70px; text-align:right;}
.link a{ display: inline-block;padding:0 17px; font:14px "Microsoft YaHei"; color:rgba(255,255,255,0.5);line-height:70px; height:70px; position:relative;}
.link a:hover{font-weight:bold; text-decoration:underline; color:#c51c20;}
.link a:last-child{ padding-right:0;}

/**/
@-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);}
}