@charset "utf-8";
/* CSS Document */
/* base 公共部分 */
body { font: 14px/22px 思源黑体, "思源黑体"; color:#555; margin: 0px; text-align:left; background:#fefefe;}
*{ padding:0; margin:0; font-family:"思源黑体" !important;}
a { color:#555; text-decoration:none;}
a:hover{ color:#3f86d5; text-decoration:none;}
ul,li{ list-style:none;}
img { border:none; }
.clearboth{ clear:both;}
ul{margin:0; padding:0;}
ul li{ list-style:none;}	
.page{ text-align:center; margin:10px 0; width:100%; float:right;}
.page a{ background:#b3b3b3; color:#fff; margin:0 2px; padding:2px 8px;}
.page a.dq,.page a:hover{ background:#555;}

.top{ width:100%; height:40px; line-height:40px; background:#f2f2f2; color:#555555;}
.top .top1{ width:1200px; margin:0 auto;}
.top .top1 span{ float:right;}
.top .top1 span a{ padding:0 15px;}
.header{width:1200px; margin:0 auto; height:140px;}
.header .logo{ float:left; width:520px; margin-top:28px;}
.header .logo img{width:520px; height:82px;}
.header .tel{ width:180px; float:right; height:82px; background:url(../images/tel.jpg) no-repeat left; padding-left:70px;margin-top:28px;}
.header .tel a{ color:#818181; font-size:16px; display:block; margin-top:10px;}
.header .tel p{ color:#3f3f3f; font-size:20px; font-weight:bold;}
.nav1{ width:100%; height:54px; line-height:54px; background:#005bab;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.nav{height:54px; line-height:54px; position:relative; z-index:1; width:1200px; margin:0 auto; color:#fff;}
.nav a{ color:#fff;  }
.nav .nLi{ float:left;  position:relative; display:inline;  }
.nav .nLi h3{ float:left; font-weight:200;}
.nav .nLi h3 a{ display:block; padding:0 40px; font-size:16px;}
.nav .sub{ display:none;left:0; top:54px;  position:absolute; background:#005bab;  line-height:30px; padding:5px 0; width:150px; text-align:center;}
.nav .sub li{ zoom:1; }
.nav .sub a{ display:block; padding:0 10px; }
.nav .sub a:hover{ background:#f39000; color:#fff;  }
.nav .on h3 a{ background:#f39000; color:#fff;   }


/*首页-banner*/
.slideBox{ width:100%;overflow:hidden; position:relative;   }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%; display:block;  }

.banner{ width:100%; margin-bottom:-5px;}
.banner img{ width:100%; text-align:center;}

.main{  width:100%; margin:0 auto; margin-bottom:50px;}
.fl{ width:100%; height:50px; line-height:50px; background:#f2f2f2;}
.fl .fl1{ width:1200px; margin:0 auto;}
.fl .fl1 .left{ float:left;}
.fl .fl1 .right{float:right;}
.fl .fl1 .right ul li{ float:left; padding:0 20px;margin:0 10px; text-align:center;}
.fl .fl1 .right ul li a.on, a:hover{ color:#f39000;}

.box{ width:1200px; margin:50px auto;}
.box .left{ float:left;width:621px; height:381px; background:url(../images/about_09.jpg) no-repeat left;}
.box .left p{ line-height:32px; padding-top:90px;}
.box .left a{ display:block; background:#005bab; padding:10px 30px; color:#fff; text-align:center; width:140px; margin-top:30px;}
.box .right{ float:right; width:555px; height:366px; overflow:hidden;}
.box .right img{width:555px; height:366px; transition: all linear 0.2s;}
.box .right img:hover{transition:all 1s linear;-moz-transition:all 1s linear;-o-transition:all 1s linear;-webkit-transition:all 1s linear;
 -webkit-transform:scale(1.12);-moz-transform:scale(1.12);-o-transform:scale(1.12);-m-transform:scale(1.12);transform:scale(1.12);}
 
.box1{ width:1200px; margin:0 auto; margin-bottom:50px;}
.box1 ul li{ width:369px; height:480px; float:left; background:url(../images/cp_bj.jpg) no-repeat left; border-left:1px solid #ccc;border-top:1px solid #ccc;}
.box1 ul li img{ width:368px; height:215px;}
.box1 ul li h2{ font-size:18px; color:#2c2c2c; font-weight:200; margin:15px 10px;}
.box1 ul li span{ display:block; width:80px; height:24px; line-height:24px; color:#fff;margin:0 10px; background:#005bab; text-align:center;}
.box1 ul li p{ line-height:25px; padding:0 10px; padding-bottom:10px;}
.box1 ul li p a{color:#ff6600; line-height:40px;}

.box2{width:1200px; margin:0 auto; margin-bottom:50px;}
.box2 .left{ float:left; width:650px;}
.box2 .left .title{ width:600px; height:40px; line-height:40px; background:url(../images/n_17.jpg) no-repeat left; padding-left:50px; color:#1f1f1f; font-size:24px; font-weight:bold; border-bottom:1px solid #eaeaea;}
.box2 .left .news{}
.box2 .left .news ul li{ margin:10px 0; border-bottom:1px solid #eaeaea; width:650px; padding:10px 0;}
.box2 .left .news ul li .sj{ float:left; width:75px; text-align:center; padding:0 10px; border-right:1px solid #eaeaea;}
.box2 .left .news ul li .sj a{ color:#adb0b5; font-weight:bold; font-size:30px;}
.box2 .left .news ul li .sj p{color:#adb0b5;}
.box2 .left .news ul li .nr{ float:right; width:540px;}
.box2 .left .news ul li .nr a{ color:#222222; font-size:15px;}
.box2 .right{ float:right; width:496px;}
.box2 .right .slideBox1{ width:496;overflow:hidden; position:relative;height:373px;}
.box2 .right .slideBox1 .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.box2 .right .slideBox1 .hd ul{ overflow:hidden; zoom:1; float:left;  }
.box2 .right .slideBox1 .hd ul li{ float:left; margin-right:2px;  width:10px; height:10px; line-height:14px; text-align:center; background:#fff; cursor:pointer; border-radius:10px;}
.box2 .right .slideBox1 .hd ul li.on{ background:#ff6600; color:#fff; }
.box2 .right .slideBox1 .bd{ position:relative; height:100%; z-index:0;   }
.box2 .right .slideBox1 .bd li{ zoom:1; vertical-align:middle; position:relative;}
.box2 .right .slideBox1 .bd img{ width:496px; height:373px; display:block;}
.box2 .right .slideBox1 .bd span{ height:30px; line-height:30px; position:absolute; bottom:0; left:0; color:#fff; background:#000; opacity:0.8; display:block;width:496px;}
.box2 .right .slideBox1 .bd span a{ color:#fff; padding-left:15px;}

.box3{ width:100%; background:#f8f8f8; padding:20px 0;}
.box3 .title{ height:36px; line-height:36px; background:url(../images/s_25.jpg) no-repeat left; padding-left:50px; width:1150px; margin:0 auto;color:#1f1f1f; font-size:24px; font-weight:bold;}
.box3 .nr{ width:1200px; margin:0 auto; margin-top:10px;}
.box3 .nr img{width:1200px; height:270px;}

.box4{ width:100%; height:280px; background:url(../images/h_bj.jpg) no-repeat center;}
.box4 .hezuo{ width:1200px; margin:0 auto; padding:20px 0;}
.box4 .hezuo .title{ text-align:center; width:350px; background:url(../images/hz.png) no-repeat center; color:#222222; font-size:36px; height:60px; margin:0 auto; line-height:60px;}
.picMarquee-left{ width:1200px; overflow:hidden; position:relative; margin:0 auto;}
.picMarquee-left .bd{ padding:10px 0;}
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ margin:0 10px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picMarquee-left .bd ul li .pic{ text-align:center; }
.picMarquee-left .bd ul li .pic img{ width:200px; height:100px; display:block; padding:2px; }
.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picMarquee-left .bd ul li .title{ line-height:24px;   }

.box5{ width:100%; height:96px; background:#005bab;}
.box5 .yq{ width:1200px; height:96px;background:url(../images/y_32.jpg) no-repeat left; margin:0 auto;}
.box5 .yq p{ margin-left:180px; color:#fff; padding-top:30px;}
.box5 .yq p a{ padding:2px 20px; border-right:1px solid #fff; line-height:20px;color:#fff;}

.about{ width:1200px; margin:30px auto;}
.about .title{ background:url(../images/title_bg.png) no-repeat center; height:76px; line-height:76px; color:#000; font-size:30px; text-align:center; margin-bottom:20px;}
.picMarquee-left1{ width:1200px; overflow:hidden; position:relative; margin:0 auto; margin-top:10px;}
.picMarquee-left1 .bd{ padding:10px 0;}
.picMarquee-left1 .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left1 .bd ul li{ margin:0 10px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picMarquee-left1 .bd ul li .pic{ text-align:center; }
.picMarquee-left1 .bd ul li .pic img{ width:250px; height:166px; display:block; padding:2px; }
.picMarquee-left1 .bd ul li .pic a:hover img{ border-color:#999;  }
.picMarquee-left1 .bd ul li .title{ line-height:24px;   }

.news1{width:1200px; margin:40px auto;}
.news1 .left{ float:left; width:880px;}
.news1 .left .news{}
.news1 .left .news ul li{ margin:10px 0; border-bottom:1px solid #eaeaea; width:880px; padding:10px 0;}
.news1 .left .news ul li .sj{ float:left; width:75px; text-align:center; padding:5px 10px; border-right:1px solid #eaeaea; background:#f39000;}
.news1 .left .news ul li .sj a{ color:#fff; font-weight:bold; font-size:30px;}
.news1 .left .news ul li .sj p{color:#fff;}
.news1 .left .news ul li .nr{ float:left; margin-left:40px;}
.news1 .left .news ul li .nr a{ color:#222222; font-size:15px;}
.news1 .right{ float:right; width: 258px;}
.news1 .right .xin{width: 234px; padding:12px; border:1px solid #eaeaea; margin-bottom:35px;}
.news1 .right .xin .nr{}
.news1 .right .xin .nr .title{ height:36px; line-height:36px; background:#f5f5f5; color:#222; font-size:14px; text-align:left; padding-left:10px;}
.news1 .right .xin .nr ul li{ height:40px; line-height:40px; background:url(../images/27.png) no-repeat left; padding-left:20px; border-bottom:1px solid #f1f1f1;}
.news1 .right .slideBox1{ width:258px;overflow:hidden; position:relative;height:200px;}
.news1 .right .slideBox1 .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.news1 .right .slideBox1 .hd ul{ overflow:hidden; zoom:1; float:left;  }
.news1 .right .slideBox1 .hd ul li{ float:left; margin-right:2px;  width:10px; height:10px; line-height:14px; text-align:center; background:#fff; cursor:pointer; border-radius:10px;}
.news1 .right .slideBox1 .hd ul li.on{ background:#ff6600; color:#fff; }
.news1 .right .slideBox1 .bd{ position:relative; height:100%; z-index:0;   }
.news1 .right .slideBox1 .bd li{ zoom:1; vertical-align:middle; position:relative;}
.news1 .right .slideBox1 .bd img{ width:258px; height:200px; display:block;}
.news1 .right .slideBox1 .bd span{ height:30px; line-height:30px; position:absolute; bottom:0; left:0; color:#fff; background:#000; opacity:0.8; display:block;width:496px;}
.news1 .right .slideBox1 .bd span a{ color:#fff; padding-left:15px;}

/*新闻详细页*/
.news_show{ padding:30px 0;}
.news_show .name{ font-size:20px; text-align:center; line-height:40px;}
.news_show .date{ text-align:center; margin-bottom:10px; border-bottom:dashed 1px #dadada; padding-bottom:10px;}
.news_show .nr{}
.news_show .nr p{ margin-bottom:10px; line-height:26px;}
.news_show .back{ text-align:center;}
.news_show .back a:hover{ color:#ec6100;}

/*合作伙伴*/
.product_list1{ width:1200px; margin:30px auto;}
.product_list1 ul li{ float:left; margin:0 15px 20px; width:202px; text-align:center; overflow:hidden;}
.product_list1 ul li img{ border:solid 1px #dadada; width:200px; height:100px;}


/*产品列表*/
.product_list{ width:1200px; margin:30px auto;}
.product_list ul li{ float:left; margin:0 15px 20px; width:270px; text-align:center; overflow:hidden;}
.product_list ul li .pic{width:270px; height:162px; overflow:hidden;}
.product_list ul li .pic img{ border:solid 1px #dadada; width:268px; height:160px;}
.product_list ul li .pic img:hover{transition:all 1s linear;-moz-transition:all 1s linear;-o-transition:all 1s linear;-webkit-transition:all 1s linear;
 -webkit-transform:scale(1.12);-moz-transform:scale(1.12);-o-transform:scale(1.12);-m-transform:scale(1.12);transform:scale(1.12);}

/*产品详细*/
.product_show{width:1200px; margin:30px auto;}
.product_show .pic{ width:840px; float:left; height:500px; overflow:hidden;}
.product_show .pic img{ width:840px; height:500px;border:solid 1px #dadada;}
.product_show .pic img:hover{transition:all 1s linear;-moz-transition:all 1s linear;-o-transition:all 1s linear;-webkit-transition:all 1s linear;
 -webkit-transform:scale(1.12);-moz-transform:scale(1.12);-o-transform:scale(1.12);-m-transform:scale(1.12);transform:scale(1.12);}
.product_show .guige{ width:300px; float:right;}
.product_show .guige ul li{ border-bottom:dotted 1px #ccc; line-height:24px; padding-left:10px; margin-bottom:10px;}
.product_show .guige ul li .font1{ color:#287fc6;}
.product_show .sm{ width:100%; float:left; margin-top:20px;}
.product_show .sm .smbt{ border-bottom:solid 1px #dadada; width:100%; float:left;}
.product_show .sm .smbt span{ background:#287fc6; color:#fff; padding:5px 10px; border-radius:4px 4px 0 0; font-size:14px; float:left;}
.product_show .sm .neirong{ padding:10px; line-height:24px; float:left;}

/*合作伙伴*/
.intro{ line-height:26px; padding:20px; width:1200px; margin:0 auto;}
.intro p{ margin-bottom:15px;}
.intro table{ background:#dadada; margin-bottom:20px;}
.intro table tr td{ padding:4px; background:#fff;}
.intro table tr td a:hover{ color:#c30;}
.intro table input, .side_right .intro table textarea{ border:solid 1px #ccc; padding:4px; font-family:"微软雅黑"; border-radius:3px;}
.intro table input.button{background:#555; color:#fff; cursor:pointer; padding:2px 10px; border:none;}

/*时间延迟*/
.delay100 { -webkit-animation-delay: 0.1s; animation-delay: 0.1s;}
.delay200 { -webkit-animation-delay: 0.2s; animation-delay: 0.2s;}
.delay300 { -webkit-animation-delay: 0.3s; animation-delay: 0.3s;}
.delay400 { -webkit-animation-delay: 0.4s; animation-delay: 0.4s;}
.delay500 { -webkit-animation-delay: 0.5s; animation-delay: 0.5s;}
.delay600 { -webkit-animation-delay: 0.6s; animation-delay: 0.6s;}
.delay700 { -webkit-animation-delay: 0.7s; animation-delay: 0.7s;}
.delay800 { -webkit-animation-delay: 0.8s; animation-delay: 0.8s;}
.delay900 { -webkit-animation-delay: 0.9s; animation-delay: 0.9s;}
.delay1000 { -webkit-animation-delay: 1s; animation-delay: 1s;}
.delay1200 { -webkit-animation-delay: 1.2s; animation-delay: 1.2s;}
.delay1400 { -webkit-animation-delay: 1.4s; animation-delay: 1.4s;}
.delay1600 { -webkit-animation-delay: 1.6s; animation-delay: 1.6s;}
.delay1800 { -webkit-animation-delay: 1.8s; animation-delay: 1.8s;}
.delay2000 { -webkit-animation-delay: 2s; animation-delay: 2s;}
.delay2400 { -webkit-animation-delay: 2.4s; animation-delay: 2.4s;}
.delay3000 { -webkit-animation-delay: 3s; animation-delay: 3s;}

/*首页延迟*/
 @-webkit-keyframes fadeInUp2 {0% {opacity:0;-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)}100% {opacity:1;-webkit-transform:none;transform:none}}
 @keyframes fadeInUp2 {0% {opacity:0;-webkit-transform:translate3d(-100%, 0, 0);-ms-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}100% {opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}
.fadeInUp2 {-webkit-animation-name:fadeInUp2;animation-name:fadeInUp2}
@-webkit-keyframes fadeInUp3{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInUp3{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}
.fadeInUp3{-webkit-animation-name:fadeInUp3;animation-name:fadeInUp3}
.delay1 { -webkit-animation-delay: 0.4s; animation-delay: 0.4s;}
.delay2 { -webkit-animation-delay: 0.6s; animation-delay: 0.6s;}
.delay3 { -webkit-animation-delay: 0.8s; animation-delay: 0.8s;}
.delay4 { -webkit-animation-delay: 1s; animation-delay: 1s;}
.delay5 { -webkit-animation-delay: 1.2s; animation-delay: 1.2s;}
.delay6 { -webkit-animation-delay: 1.4s; animation-delay: 1.4s;}

.delay7 { -webkit-animation-delay: 0.4s; animation-delay: 0.4s;}
.delay8 { -webkit-animation-delay: 0.6s; animation-delay: 0.6s;}
.delay9 { -webkit-animation-delay: 0.8s; animation-delay: 0.8s;}
.delay10 { -webkit-animation-delay: 1s; animation-delay: 1s;}
.delay11 { -webkit-animation-delay: 1.2s; animation-delay: 1.2s;}
.delay12{ -webkit-animation-delay: 1.4s; animation-delay: 1.4s;}



.footer{ width:1200px; margin:30px auto; height:150px; color:#555;}
.footer .b1{ float:left;width:316px; border-right:1px solid #000000;}
.footer .b1 img{width:316px; height:150px;}
.footer .b2{ float:left;width:375px; border-right:1px solid #000000; margin-left:50px;}
.footer .b2 p{ line-height:30px;}
.footer .b3{ float:right;width:400px;}
.footer .b3 ul li{ float:left; padding:0 10px;}
.footer .b3 ul li p{ line-height:30px;}
.footer .b3 ul li img{ width:138px; height:136px;}

.footer1{ width:100%; background:#005bab;color:#fff; margin-top:70px;}
.footer11{ width:1200px; padding:30px 0; height:150px; color:#fff; margin:0 auto;}
.footer11 .b1{ float:left;width:316px; border-right:1px solid #fff;}
.footer11 .b1 img{width:316px; height:150px;}
.footer11 .b2{ float:left;width:375px; border-right:1px solid #fff; margin-left:50px;}
.footer11 .b2 p{ line-height:30px; color:#fff;}
.footer11 .b3{ float:right;width:400px;}
.footer11 .b3 ul li{ float:left; padding:0 10px;}
.footer11 .b3 ul li p{ line-height:30px;color:#fff;}
.footer11 .b3 ul li p a{ color:#fff;}
.footer11 .b3 ul li img{ width:138px; height:136px;}