/* CSS Document */
body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video { margin:0; padding:0; }
article,aside,footer,header,hgroup,nav,section,audio,canvas,video { display: block; }
*{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
body { font-family:Microsoft Yahei; color:#666; text-decoration:none;}
textarea { resize: none; }
iframe,img { border:0; }
ul,ol { list-style:none; }
input, select, textarea { outline: 0; -webkit-user-modify: read-write-plaintext-only; }
input { -webkit-appearance: none; }
a{ text-decoration: none; color:#666; transition:0.2s; -webkit-transition:0.2s;}
a:hover{ color:#343399;}
.clearfix { clear: both; zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.fl{ float:left;}
.fr{ float:right;}
.lk{display: block;height: 0;width: 0;overflow: hidden;}
/*滚动条*/
::-webkit-scrollbar{width:6px;height:12px}
::-webkit-scrollbar-button:vertical{display:none;}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#FFF}
::-webkit-scrollbar-thumb:vertical{background-color:#8E8E8E;border-radius:5px}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}

/*banner*/
.banner { width:100%; margin: 0 auto; position: relative;}
.banner .bd { }
.banner .bd li { }
.banner .bd li img { width: 100%;}
.banner .hd { position: absolute; bottom: .5rem; right: 0; width: 100%;}
.banner .hd ul { width: 100%; text-align: center;}
.banner .hd ul li { width: 8px; height: 8px; border-radius: 50%; background: #fff; margin: 0 4px; display: inline-block; text-indent: -9999px; cursor: pointer; opacity: .6; filter: alpha(opacity=60); box-shadow: 0 0 1px #ccc;}
.banner .hd ul li.on { background: #fff; opacity: 1; filter: alpha(opacity=100); box-shadow: 0 0 2px #ccc;}

.m{ width:95%; max-width:1200px; margin:0 auto;}

/*top*/
.top{ padding:20px;}
.top .ul1 .li1{ float:left; margin:0 20px; font-size:20px; line-height:58px; border-top:4px solid #fff; transition:0.2s; -webkit-transition:0.2s; position:relative;}
.top .ul1 .li1:hover{ border-top:4px solid #343399;}
.top .ul1 .li1 .ul2{ position:absolute; left:-30px; top:40px; background:url(../images/nnnr.png) no-repeat center top; border-radius:20px; width:140px; padding:40px 30px 20px; z-index:999; font-size:16px; text-align:center; display:none;}
.top .ul1 .li1 .ul2 .li2{ line-height:30px;}
.top .ul1 .li1 .ul2 a{ color:#343399;}

/*index product*/
.ind_pro{ padding:50px 0; background:#fff;}
.ind_p1{ color:#191d37; text-align:center; font-size:24px; font-weight:bold;}
.ind_p2{ color:#191d37; text-align:center; font-size:14px; margin:10px 0; text-transform:uppercase;}

.ind_pro_m{ margin-top:20px;}
.ind_pro_m li { float: left; margin-right: 13px; margin-bottom: 14px; }
.ind_pro_m li img{ width:363px; height:358px;}
.ind_pro_m li:nth-child(3n) { margin-right: 0; }
.ind_pro_m li a { display: block; position: relative; }
.ind_pro_m li a em { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url(../images/ind_pro_m.png) repeat 0 0; -webkit-transition: all .8s; transition: all .8s; opacity: 0; filter: alpha(opacity=0); }
.ind_pro_m li a i { display: block; position: absolute; bottom: 24px; left: 30px; -webkit-transition: all .3s; transition: all .3s; font-size: 16px; color: #fff; font-style: normal; }
.ind_pro_m li a i:before { display: block; position: absolute; left: 0; top: -8px; width: 24px; height: 2px; background: #fff; content: ''; -webkit-transition: all .3s; transition: all .3s; }
.ind_pro_m li a i span { display: block; font-size: 12px; }
.ind_pro_m li a:hover i { color: #343399; bottom: 10%; font-size: 22px; font-weight: bold; }
.ind_pro_m li a:hover i:before { background: #343399; }
.ind_pro_m li a:hover em { opacity: .8; filter: alpha(opacity=80); }

.ind_pro_m2{ margin-top:20px;}
.ind_pro_m2 li { float: left; margin-right: 13px; margin-bottom: 14px; }
.ind_pro_m2 li img{ width:290px; height:286px;}
.ind_pro_m2 li:nth-child(4n) { margin-right: 0; }
.ind_pro_m2 li a { display: block; position: relative; }
.ind_pro_m2 li a em { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url(../images/ind_pro_m.png) repeat 0 0; -webkit-transition: all .8s; transition: all .8s; opacity: 0; filter: alpha(opacity=0); }
.ind_pro_m2 li a i { display: block; position: absolute; bottom: 24px; left: 30px; -webkit-transition: all .3s; transition: all .3s; font-size: 16px; color: #fff; font-style: normal; }
.ind_pro_m2 li a i:before { display: block; position: absolute; left: 0; top: -8px; width: 24px; height: 2px; background: #fff; content: ''; -webkit-transition: all .3s; transition: all .3s; }
.ind_pro_m2 li a i span { display: block; font-size: 12px; }
.ind_pro_m2 li a:hover i { color: #343399; bottom: 10%; font-size: 22px; font-weight: bold; }
.ind_pro_m2 li a:hover i:before { background: #343399; }
.ind_pro_m2 li a:hover em { opacity: .8; filter: alpha(opacity=80); }

/*index about us*/
.ind_ab{ width:100%; background:url(../images/ind_ab.jpg) no-repeat; background-size:cover; padding:60px 0;}
.ind_ab .ind_p3{ text-align:center; margin:5px 0; line-height:1.6;}
.ind_ab_s{ width:33.33%; float:left;}
.ind_ab_s .p1{ font-weight:bold; font-size:35px; text-align:center; color:#191d37;}
.ind_ab_s .p2{ text-align:center; margin-top:20px; line-height:1.6;}
.ind_ab_more{ display:block; width:200px; padding:10px 0; border:1px solid #333399; margin:40px auto 0; color:#333399; text-align:center; transition:0.2s; -webkit-transition:0.2s;}
.ind_ab_more:hover{ background:#333399; color:#fff;}

/*index solution*/
.ind_sol{ padding:50px 0;}
.ind_sol ul{ margin-top:20px;}
.ind_sol ul li{ float:left; width:32%; margin-left:2%; padding-bottom:40px; transition:0.2s; -webkit-transition:0.2s; height:403px;}
.ind_sol ul li img{ width:100%; border:1px solid #ccc; height:241px;}
.ind_sol ul li:first-child{ margin-left:0;}
.ind_sol ul li p{ padding:0 10px; transition:0.2s; -webkit-transition:0.2s;}
.ind_sol ul li .p1{ margin:30px 0 10px; font-size:16px; font-weight:bold; letter-spacing:2px;}
.ind_sol ul li .p2{ font-size:14px;}
.ind_sol ul li:hover{ background:#333399;}
.ind_sol ul li:hover p,.ind_sol ul li:hover a{ color:#fff;}

/*index advantage*/
.ind_ad{ padding:50px 0; background:#f6f7fa;}
.ind_ad ul{ margin:40px 0 0;}
.ind_ad ul li{ float:left; width:272px; margin-left:37px;}
.ind_ad ul li:first-child{ margin-left:0;}

/*bottom*/
.bottom{ padding:50px 0; background:url(../images/bottom_bg.jpg) no-repeat; background-size:cover; color:#fff;}
.bottom a{ color:#fff;}
.bottom_m{ float:left; width:240px;}
.bottom_m .p1{ font-size:18px; font-weight:bold; margin-bottom:20px;}
.bottom_m .p2{ line-height:1.8; font-size:14px;}
.bottom_m img{ float:right;}

/*footer*/
.footer{ background:#282828; line-height:3; text-align:center; color:#fff; font-size:14px;}
.footer a{ color:#fff;}

/**/
.banner_n{ width:100%; height:250px;}
.banner_ab{ background:url(../images/bannerx01.jpg) no-repeat center center; background-size:cover;}
.banner_bu{ background:url(../images/bannerx04.jpg) no-repeat center center; background-size:cover;}
.banner_pro{ background:url(../images/bannerx02.jpg) no-repeat center center; background-size:cover;}
.banner_solu{ background:url(../images/bannerx03.jpg) no-repeat center center; background-size:cover;}
.banner_news{ background:url(../images/bannerx05.jpg) no-repeat center center; background-size:cover;}
.banner_con{ background:url(../images/bannerx06.jpg) no-repeat center center; background-size:cover;}



.n{ background:#f0f9fe; padding:50px 0;}
.bigtit{ font-size:32px; text-align:center; background-color:#f0f9fe; color:#000; margin-bottom:40px;}
.bigtit em{ display:block; width:80px; height:1px; background-color:#185daa; margin:15px auto 0;}
.about_m{ padding:3%; background-color:#fff; width:44%; float:left; box-sizing:content-box;}
.about_m p{ text-indent:2em; font-size:14px; margin:18px 0; line-height:1.8;}
.comp02{ width:50%; float:right; height:446px;}

/*history*/
.history{ font-size:14px;}
.cbp_tmtimeline { margin: 30px 0 0 0; padding: 0; list-style: none; position: relative; } 

/* The history */
.cbp_tmtimeline:before { content: ''; position: absolute; top: 0; bottom: 0; width: 10px; background: #afdcf8; left: 20%; margin-left: -10px; }

.cbp_tmtimeline > li { position: relative; }

/* The date/time */
.cbp_tmtimeline > li .cbp_tmtime { display: block; width: 25%; padding-right: 100px; position: absolute; }

.cbp_tmtimeline > li .cbp_tmtime span { display: block; text-align: right; }

.cbp_tmtimeline > li .cbp_tmtime span:first-child { font-size: 1.2em; color: #3594cb;}

.cbp_tmtimeline > li .cbp_tmtime span:last-child { font-size: 2em; color: #3594cb; }

.cbp_tmtimeline > li:nth-child(odd) .cbp_tmtime span:last-child { color: #3594cb; }

/* Right content */
.cbp_tmtimeline > li .cbp_tmlabel { margin: 0 0 15px 25%; background:#3594cb; color: #fff; padding: 1.5em; font-size: 1.2em; font-weight: 300; line-height: 1.4; position: relative; border-radius: 5px; }

.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel { background:#6cbfee}

.cbp_tmtimeline > li .cbp_tmlabel h2 { margin-top: 0px; padding: 0 0 10px 0; border-bottom: 1px solid rgba(255,255,255,0.4); }

/* The triangle */
.cbp_tmtimeline > li .cbp_tmlabel:after { right: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-right-color: #3594CB; border-width: 10px; top: 10px; }

.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after { border-right-color: #6CBFEE; }

/* The icons */
.cbp_tmtimeline > li .cbp_tmicon { width: 40px; height: 40px; font-family: 'ecoico'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; font-size: 1.4em; line-height: 40px; -webkit-font-smoothing: antialiased; position: absolute; color: #fff; background: #46a4da; border-radius: 50%; box-shadow: 0 0 0 8px #afdcf8; text-align: center; left: 20%; top: 0; margin: 0 0 0 -25px; }


/*honor*/
.honor img{ float:left;}
.honor .honor_i1{ width:490px; height:330px;}
.honor .honor_i2{ width:306px; height:447px;}

/*partner*/
.partner{}
.partner_u li{ width:25%; padding:10px; text-align:center; line-height:3; transition:0.5s; -webkit-transition:0.5s; float:left;}
.partner_u li .partner_u_i{ width:100%; height:150px; display:table; border:1px solid #eee; transition:0.5s; -webkit-transition:0.5s; background:#fff;}
.partner_u li .partner_u_i .partner_u_i2{ display:table-cell; vertical-align:middle;}
.partner_u li .partner_u_i .partner_u_i2 img{ max-width:250px; max-height:140px; margin:0 auto; display:block;}
.partner_u li:hover .partner_u_i{ border:1px solid #1d5dc7;}

/*news*/
.news_ul{ width:100%;}
.news_ul li{ width:33.33%; float:left; padding:5px 10px; margin-top:20px;}
.news_ul li .b{ background:#fafafa; padding-bottom:20px; transition:0.2s; -webkit-transition:0.2s;}
.news_ul li .b:hover{ box-shadow: 10px 10px 5px #999;}
.news_ul li .news_img{ width:379px; height:237px; border:1px solid #ccc;}
.news_ul li p{ padding:10px; font-size:16px;}
.news_ul li p a{ transition:0.3s; -webkit-transition:0.3s;}
.news_ul li p a:hover{ color:#333399;}
.news_ul li span{ padding:5px 10px; display:block; height: 52px;}
.news_ul li .news_time{ padding:10px 10px 0;}
.news_ul li .news_time img{ margin-bottom:-2px; margin-right:10px;}

.news_l{ text-align:center; margin:40px 0;}
.news_l li{ display:inline-block; margin:0 50px;}
.news_l li a{ padding:10px 30px; background:#326fac; color:#fff; border-radius:20px; transition:0.2s; -webkit-transition:0.2s;}
.news_l li a:hover,.news_l li a.on{ border-radius:0; background:#333399;}

/*contact*/
.contact .contact_m{ padding-left:30px; margin-bottom:50px; width:50%; float:left;}
.contact .contact_m img{ float:left; height:50px;}
.contact .contact_m .p1{ float:left; font-size:18px; padding-left:20px; margin-bottom:5px;}
.contact .contact_m .p2{ float:left; font-size:14px; padding-left:20px; width:90%;}
.contact_t{ text-align:center; font-size:30px; font-weight:bold; margin:20px 0 50px; color:#e65e48;}

/*joinus*/
.job_ul{ width:100%; float:right; background:#fff; border-radius:10px; min-height:590px;}
.job_ul li{ margin:0 auto 10px; padding:10px; transition:0.5s; -webkit-transition:0.5s; border:1px solid rgba(0,0,0,0);}
.job_ul li:hover{ border:1px solid #00529a;}
.job_ul li table{ width:100%; font-size:14px;}
.job_ul li table tr{}
.job_ul li table tr td{ line-height:30px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.job_ul li table tr .td1{ background:#e1e1e1; width:30%; padding-left:20px;}
.job_ul li table tr .td2{ background:#f1f1f1; padding-left:20px;}


/**/
.header{background: #fff;font-size: 16px;font-weight: bold;color: #fff; text-align:center;-moz-box-sizing: border-box;box-sizing: border-box; width: 100%; padding:5px 0; min-height:40px; display:none;}
.header a{background: center center no-repeat transparent;background-image: url(../images/amenuicon.png);display: block;width: 40px;height: 40px;position: absolute; top:3px;left: 10px;}
.header .tel{ right:10px; left:auto;background-image: url(../images/tel.png); background-size:70%;}

/*product main*/
.pm_tit{ text-align:center; font-weight:bold; font-size:24px; color:#333;}
.pro_m{ margin-top:40px;}
.pro_m img{ max-width:100%;}
.pro_m p{ line-height:1.6;}
.ne{ margin:20px 0;}
.ne1{ color:#999;}
/**/
@media (max-width: 1250px) {
body{ width:100%; max-width:720px; margin:0 auto; font-size:14px;}
.top{ display:none;}
.header{ display:block;}
.ind_pro{ padding:20px 0;}
.ind_pro_m{ width:100%;}
.ind_pro_m li{ width:48%; margin-right:2%;}
.ind_pro_m li:nth-child(3n){ margin-right:2%;}
.ind_pro_m li:nth-child(2n){ margin-right:0;}
.ind_pro_m li img{ max-width:100%; display:block; margin:0 auto; height:176px;}

.ind_pro_m2{ width:100%;}
.ind_pro_m2 li{ width:48%; margin-right:2%;}
.ind_pro_m2 li:nth-child(3n){ margin-right:2%;}
.ind_pro_m2 li:nth-child(2n){ margin-right:0;}
.ind_pro_m2 li img{ max-width:100%; display:block; margin:0 auto; height:176px;}

.ind_ab{ padding:20px 0;}
.ind_ab .ind_p3{ text-align:left; text-indent:2em;}
.ind_ab_s{ display:none;}
.ind_sol{ padding:20px 0;}
.ind_sol ul li{ width:100%; margin-left:0;}
.ind_ad{ display:none;}
.bottom{ display:none;}
.footer a{ display:block; width:100%;}
.banner_n{ height:150px;}
.bigtit{ font-size:24px;}
.n{ padding:20px 0;}
.about_m{ float:none; width:94%;}
.comp02{ float:none; width:100%; height:auto;}
.cbp_tmtimeline > li .cbp_tmtime span:last-child{ font-size:1em;}
.cbp_tmtimeline > li .cbp_tmicon{ width:20px; height:20px; margin: 0 0 0 -15px;}
.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel,.cbp_tmtimeline > li .cbp_tmlabel{ padding:1em; font-size:14px;}
.cbp_tmtimeline > li .cbp_tmlabel{ margin: 0 0 15px 30%;}
.honor .honor_i1,.honor .honor_i2{ width:100%; margin-left:0 !important; height:auto !important; margin:10px 0;}
.partner_u li{ width:50%; font-size:12px;}
.partner_u li .partner_u_i .partner_u_i2 img{ max-width:100%;}
.news_l li{ margin:0; font-size:12px;}
.news_l li a{ padding:10px 20px;}
.news_ul li{ float:none; width:100%;}
.news_ul li .news_img{ display:none;}
.contact .contact_m img{ height:40px;}
.contact .contact_m{ width:100%;}
.contact .contact_m .p1{ font-size:12px; width:80%;}
.contact .contact_m .p2{ width:50%; font-size:12px;}
.map{ display:none;}
.ind_pro_m li a i{ left:10px; font-size:12px;}
.ind_sol ul li img{ height:auto;}
.pm_tit{ font-size:18px;}
}