@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:38px; color:#fff; font-weight:bold; text-transform:uppercase; background:url(../images/banner_n.jpg) no-repeat center center; text-align:center; text-shadow:#666 1px 2px 2px;}
.c_n{ width:100%; line-height:6em; font-size:38px; color:#fff; font-weight:bold; text-transform:uppercase; background:url(../images/banneraa.jpg) no-repeat center center; text-align:center; text-shadow:#666 1px 2px 2px;}
.d_n{ width:100%; line-height:6em; font-size:38px; color:#fff; font-weight:bold; text-transform:uppercase; background:url(../images/bannerbb.jpg) no-repeat center center; text-align:center; text-shadow:#666 1px 2px 2px;}
.e_n{ width:100%; line-height:6em; font-size:38px; color:#fff; font-weight:bold; text-transform:uppercase; background:url(../images/bannercc.jpg) no-repeat center center; text-align:center; text-shadow:#666 1px 2px 2px;}
.f_n{ width:100%; line-height:6em; font-size:38px; color:#fff; font-weight:bold; text-transform:uppercase; background:url(../images/bannerdd.jpg) no-repeat center center; text-align:center; text-shadow:#666 1px 2px 2px;}
.g_n{ width:100%; line-height:6em; font-size:38px; color:#fff; font-weight:bold; text-transform:uppercase; background:url(../images/banneree.jpg) no-repeat center center; text-align:center; text-shadow:#666 1px 2px 2px;}
.h_n{ width:100%; line-height:6em; font-size:38px; color:#fff; font-weight:bold; text-transform:uppercase; background:url(../images/banneree.jpg) no-repeat center center; text-align:center; text-shadow:#666 1px 2px 2px;}

.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:50px;}
.about_m{ padding:1% 0; background-color:#fff; width:100%; box-sizing:border-box;}
.about_m p{ text-indent:2em; font-size:16px; line-height:190%; margin:15px 0;}
.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%;}
.about_m .culturea{margin:30px auto;}
.about_m .culturea li{float:left; width:24%; margin:0.5%; background-color:#ECECEC; padding:45px 30px 55px; box-sizing:border-box;}
.about_m .culturea li:nth-child(2n){background-color:#103d99; color:#fff;}
.about_m .culturea li img{width:40%; display:block; margin:0 auto 20px;}
.about_m .culturea li .cula{font-size:20px; font-weight:bold; text-align:center; margin-bottom:12px;}
.about_m .culturea li .culb{font-size:14px; text-align:center; line-height:150%;}

.nn .proddtit{font-size:22px; text-align:left; padding-bottom:15px; border-bottom:1px solid #ddd; margin:55px 0 25px; color:#333;}
.nn .proddtita{font-size:16px; line-height:28px; text-align:left;}
.nn .proimga{text-align:center; margin:40px auto;}

.nn .pppclass{width:50%; margin:25px 0 40px;}
.nn .pppclass li{float:left; width:48%; margin:1%;}
.nn .pppclass li a{height:45px; line-height:45px; display:block; text-align:center; width:100%; border:1px solid #ddd;}

/*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{}
.product ul li{ float:left; padding:18px; border:1px solid #d6d6d6; width:31%; transition:0.2s; -webkit-transition:0.2s; margin:1.1%;}
.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%;}

.product .pageula{width:100%; margin:60px auto 30px;}
.product .pageula li{float:left; width:31%;}
.product .pageula li a{display:block; text-align:center;}

/*news*/
.news .news_ul{margin:50px 0 30px;}
.news .news_ul li{ position:relative; border:1px solid #d9d9d9; background:#FFF; padding:25px; margin:15px 0; 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%;}
.list-left .extra{ padding:10px 0}
.list-info{ float:right; width:80%; margin-top:10px;}
.list-info h2{ border-bottom:1px solid #e1e1e1; font-size:18px; font-weight:bold; padding:0 0 16px}
.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*/
.nn .contact_m{ padding-left:30px; margin-bottom:50px; width:50%; float:left;}
.nn .contact_m img{ float:left; height:50px;}
.nn .contact_m .p1{ float:left; font-size:18px; padding-left:20px; margin-bottom:5px;}
.nn .contact_m .p2{ float:left; font-size:14px; padding-left:20px; width:80%;}


.ttablea{width:100%; margin:0; padding:0; border-left:1px solid #ddd; border-top:1px solid #ddd;}
.ttablea td{padding:15px; font-size:15px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; line-height:180%;}
.ttablea tr:nth-child(2n+1) td{background-color:#F8F8F8; color:#555;}
.ttablea tr:first-child td{background-color:#103d99; color:#fff; height:50px; line-height:50px; font-size:18px;}

.nn .mid {
  display: flex;
  flex-flow: wrap;
  margin:40px 0;
}

.nn dl {
  width: 33.3%;
  background-color: #f7f7f7;
  height: auto;
  box-sizing: border-box;
  padding: 50px 58px;
}

.nn dl:nth-child(2n){background-color:#d80c18; color:#fff;}
.nn dl:nth-child(2n) dt{color:#fff;}
.nn dl:nth-child(2n) dd{color:#fff;}
.nn dd p{font-size:17px; line-height:22px;}

.nn dl:nth-child(3n) {
  margin-right: 0;
}

.nn dt {
  font-size: 20px;
  color: rgba(39, 39, 39, 1);
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 30px;
  font-weight: bold;
text-transform:uppercase;
}

.nn dt .lximga img{width:15%; margin-bottom:20px;}

.nn dt::after {
  position: absolute;
  content: "";
  width: 40px;
  height: 2px;
  background: linear-gradient(90deg, rgba(222, 1, 23, 1), rgba(235, 123, 0, 1));
  left: 0;
  bottom: 0;
}

.nn dd {
  font-size: 16px;
  color: rgba(39, 39, 39, 1);
  line-height: 28px;
}

.nn .m1:first-child {
  margin-right: 20px;
}

.nn .bot {
  background-color: rgba(38, 55, 78);
}

.nn .bot {
  height: 700px;
  background-size: cover;
  background-position: center;
}



/* 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: 14px; font-weight: bold; line-height: 30px; height: 30px; }
.messagetarea { padding: 10px; border: 1px solid #dedede; font-size: 16px; 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;}
.c_n{ font-size:25px;}
.d_n{ font-size:25px;}
.e_n{ font-size:25px;}
.f_n{ font-size:25px;}
.g_n{ font-size:25px;}
.h_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;}
.map{ display:none;}
#demo-b{ display:none;}
.messagebtn.btnon,.messageinput{ width:200px;}
.achievement h2{ font-size:18px;}
.about_m .culturea li{width:48%; margin:1%;}
.product ul li{width:48%; margin:1%;}
.nn .proimga img{width:100%;}
}

@media (max-width: 720px) {
	.nn{padding:25px;}
.about_m .culturea li{float:none; width:100%; margin:0.5% 0;}	
	.nn .pppclass{width:100%;}
	.product ul li{width:100%;margin:0.6% 0;}
	.ttablea{word-wrap:break-word;word-break:break-all;}
	.nn dl{width:100%;}
}