@charset "utf-8";
/* CSS Document */

/*n*/
*{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.b_n{ width:100%; line-height:6em; font-size:36px; color:#fff; font-weight:bold; text-transform:uppercase; background:url(../images/banner_n.jpg) no-repeat center center; text-align:center; text-shadow:#666 5px 5px 5px;}

.n{ padding:50px 0; border-bottom:1px solid #eee;}

/*top n*/
.top_n{ background:rgba(0,0,0,0.5); padding:5px 0; margin-top:-45px;}
.top_n ul li{ float:left; padding:10px 20px; margin:0 5px; background:rgba(0,0,0,0.2); transition:0.2s; -webkit-transition:0.2s;}
.top_n ul li:hover{ background:rgba(0,0,0,0.5);}
.top_n ul li a{ color:#fff; font-size:12px;}

/*about*/
.nn{ background:#fff; padding:20px; line-height:200%; font-size:16px;}
.about_m{ padding:2%; background-color:#fff; width:44%; float:left; box-sizing:content-box;}
.about_m p{ text-indent:2em; font-size:16px; line-height:1.6;}
.about_m p span{ color:#97732d;}
.comp02{ width:50%; float:right; height:402px;}
.bigtit{ font-size:32px; color:#404040; margin-bottom:30px; position:relative;}
.bigtit em{ display:block; width:80px; height:1px; background-color:#185daa; margin:15px auto 0;}
.bigtit:after{ content:""; height:3px; background:#103d99; position:absolute; width:5%; top:55px; left:0;}
.bigtit p{ padding-bottom:15px;}
.bigtit span{ font-size:20px; line-height:56px; color:#103d99;}
.border{ border-bottom: solid 1px #dcdcdc; width: 20%;}


.pppccc{width:100%;}
.pppccc .innul{width:18%; margin-right:2%; float:left;}
.pppccc .innul li{width:100%; margin:2.5% 0;}
.pppccc .innul li a{display:block; border:1px solid #ddd; border-collapse:collapse; height:45px; line-height:45px; text-align:center; width:100%;}
.pppccc .innul li a:hover{border:1px solid #F00; background-color:#F00; color:#fff;}


.pppccc .product{width:80%; float:right;}


/*ability*/
.ability img{ max-width:100%;}

/*honor*/
.honor_ul{ width:100%;}
.honor_ul li{ width:30%; float:left; margin-right:5%; margin-bottom:20px;}
.honor_ul li:nth-child(3n){ margin-right:0;}
.honor_ul li a{ display:block; padding:5px; border:1px solid #ddd; position:relative;}
.honor_ul li a:hover{ border:1px solid #13418e;}
.honor_ul li img{ width:100%;}
.honor_ul li p{ text-align:center; margin-top:10px; font-size:14px;}
.honor_ul li p a{ color:#666;}
li .cover { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #13418e; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .2s ease; transition: all .2s ease; }
li:hover .cover { opacity: .8; filter: alpha(opacity=80); }
li .ico01 { width: 68px; height: 68px; position: absolute; top: 50%; left: 50%; margin-top: -34px; margin-left: -94px; background: url(../images/i5.png) no-repeat center center; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .4s ease; transition: all .4s ease; }
li:hover .ico01 { margin-left: -34px; opacity: 1; filter: alpha(opacity=100); }
li .ico02 { width: 68px; height: 68px; position: absolute; top: 50%; left: 50%; margin-top: -34px; margin-left: 64px; background: url(../images/i6.png) no-repeat center center; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .4s ease; transition: all .4s ease; }
li:hover .ico02 { margin-left: -34px; opacity: 1; filter: alpha(opacity=100); }

/*product*/
.product ul{width:100%; margin:0 auto;}
.product ul li{ float:left; margin:1.1%; padding:23px; border:1px solid #d6d6d6; width:31%; transition:0.2s; -webkit-transition:0.2s; box-sizing:border-box;}
.product ul li:hover{ border:1px solid #103d99;}
.product ul li .a1{ font-size:16px; color:#666; padding-bottom:10px; border-bottom:1px solid #999;}
.product ul li .a1:hover{ color:#103d99;}
.product ul li p{ margin:20px 0; line-height:1.6;}
.product ul li img{ width:100%;}

/*news*/
.pppccc .news{width:80%; float:right;}


.news .news_ul li{ position:relative; border:1px solid #d9d9d9; background:#FFF; padding:20px 10px; margin-bottom:20px; transition:0.2s; -webkit-transition:0.2s;}
.news .news_ul li:hover{ border:1px solid #103d99;}
.list-left{ float:left; width:18%;}
.list-left .thumb{ display:block; width:100%; border:1px solid #959595}
.list-left .extra{ padding:10px 0}
.list-info{ float:right; width:80%;}
.list-info h2{ border-bottom:1px solid #e1e1e1; font-size:16px; font-weight:normal; padding:0 0 10px}
.list-info h2 a{ color:#103d99;}
.list-info h2 span{ color:#103d99;}
.list-info p{ line-height:2; text-indent:2em; font-size:14px; color:#666; padding:10px 0 0}
.list-info p a{ color:#103d99;}

/*contact*/
.contact .contact_m{ padding-left:30px; margin-bottom:50px; width:33%; float:left; height:80px;}
.contact .contact_m img{ float:left; height:30px; vertical-align:middle;}
.contact .contact_m .p1{ float:left; font-size:17px; padding-left:20px; margin-bottom:5px;}
.contact .contact_m .p2{ float:left; font-size:14px; padding-left:20px; width:80%;}

.contact .contact_m1{ padding-left:30px; margin-bottom:50px; width:33%; float:left; height:80px;}
.contact .contact_m1 img{ float:left; vertical-align:middle;}
.contact .contact_m1 .p1{ float:left; font-size:17px; padding-left:20px; margin-bottom:5px;}
.contact .contact_m1 .p2{  font-size:17px; padding-left:20px; width:80%;}

/* The history */
.cbp_tmtimeline { margin: 30px 0 0 0; padding: 0; list-style: none; position: relative; } 
.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: 150px; position: absolute; }

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

.cbp_tmtimeline > li .cbp_tmtime span:first-child { font-size:20px; 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; }

/*service*/
.service img{ max-width:100%;}


/*---------------------*/
#feedbackForm{ padding:20px;}
.messagetit { font-size: 15px; font-weight: bold; line-height: 30px; height: 30px; }
.messagetarea { padding: 10px; border: 1px solid #dedede; font-size: 18px; line-height: 26px;  color: #666; resize: none; width:96%; height: 160px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; }
.messagetarea:focus { color: #333; border: 1px solid #15b1ac; outline: none; background: #fff; }
.messageinput { width: 236px; padding: 10px; height: 40px; line-height: 40px; font-size: 14px; border: 1px solid #dedede; margin: 0 5px 0 0;  color: #666; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; }
.messageinput:focus { color: #333; border: 1px solid #15b1ac; outline: none;  background: #fff; }
.messagebtn { width: 200px; text-align: center; line-height: 50px; height: 50px; font-size: 16px; border: 0; background: #ccc; color: #2d3e50; border-radius: 4px;  cursor: pointer; margin-right: 10px; margin-bottom: 30px; }
.messagebtn.btnon { width: 500px; color: #fff; background:#068DD1; }
.messagebtn:hover { opacity: .8; filter: alpha(opacity=80); }

/*achievement*/
.achievement *{ line-height:2.2;}
.achievement{ font-size:14px; width:100%;}
.achievement table{ width:100%; border-collapse:inherit; border-spacing:2px;}
.achievement table p{ text-align:center;}
.achievement h2{ text-align:center; font-size:24px; font-weight:bold;}
.achievement table tr{ background:#fff;}
.achievement table tr:first-child{ font-size:18px;}
.achievement table tr:nth-child(odd) td{ background:#C2E9F2;}
.achievement table tr:first-child td{ background:#144CA1; color:#fff;}

@media (max-width: 1120px) {
.b_n{ font-size:25px;}
.bigtit{ font-size:24px;}
.bigtit span{ font-size:14px; line-height:30px;}
.bigtit:after{ top:38px;}
.about_m{ width:100%; padding:0; float:none;}
.comp02{ width:100%; float:none; margin-top:10px;}
.honor_ul li{ width:47%; margin-right:5%;}
.honor_ul li:nth-child(3n){ margin-right:5%;}
.honor_ul li:nth-child(2n){ margin-right:0;}
.product ul li{ width:47%; margin-left:5%;}
.product ul li:nth-child(2n+1){ margin-left:0;}
.news .news_ul li .list-left{ display:none;}
.list-info{ width:100%; float:none;}
.contact .contact_m{ width:100%; padding-left:0;}
.contact .contact_m img{ height:35px;}
.contact .contact_m .p1, .contact .contact_m .p2{ font-size:12px;}
.contact .contact_m1{ width:100%; padding-left:0;}
.contact .contact_m1 img{ }
.contact .contact_m1 .p1, .contact .contact_m1 .p2{ font-size:12px;}
.map{ display:none;}
#demo-b{ display:none;}
.messagebtn.btnon,.messageinput{ width:200px;}
.achievement h2{ font-size:18px;}
}

@media (max-width: 720px) {
	.nn img{max-width:100%;}
	.pppccc .innul{width:100%; float:none;}
	.pppccc .product{width:100%; float:none;}
	.product ul li{width:48%; margin:1%;}
	.product ul li:nth-child(2n+1){margin:0;}
	.product ul li .a1{font-size:14px; height:50px; display:block; line-height:18px;}
	.pppccc .news{width:100%; float:none;}
	.pageula{width:85%;}
}