@charset "gb2312";
/* CSS Document */
a, input, ul, li, ol, dt, dd{text-decoration:none; /*-webkit-tap-highlight-color: #fff;*/
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);-moz-tap-highlight-color:rgba(0, 0, 0, 0); -ms-tap-highlight-color:rgba(0, 0, 0, 0); -o-tap-highlight-color:rgba(0, 0, 0, 0);  tap-highlight-color:rgba(0, 0, 0, 0);}
*{max-height:9999999px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box}
html, body, ul, li, dl, dt, dd, input{margin:0; padding:0; font-family:'Roboto-Regular,sans-serif Arial, Helvetica, sans-serif';}
a{text-decoration:none; color:#000;}
a:hover{text-decoration:none; color:#555;}
ul, li{list-style:none;}
img{border:0; margin:0; vertical-align:middle;}
img { -ms-interpolation-mode: bicubic; }
body{ text-decoration:none; font-family:'Roboto-Regular,sans-serif Arial, Helvetica, sans-serif';}
/*::selection{background:#fa7623; color:white;}*/
.clear{clear:both;}

.fone1{ font-size:13px;}

.auto{ margin:auto; max-width:1350px; overflow:hidden;}

#top{ border-bottom:1px solid #ededed; line-height:30px; overflow:hidden;}
#top .l{ float:left; font-size:12px; line-height:30px; color:#666;}
#top .r{ float:right; font-size:13px; line-height:30px; padding:0 20px;}
#top .r div{ float:left; background:url(../images/ch.jpg) left no-repeat; line-height:30px; font-size:12px;text-indent:25px; color:#bcbcbc; margin-right:20px;}
#top .r span{ float:right; background:url(../images/en.jpg) left no-repeat; line-height:30px; font-size:12px;text-indent:25px; color:#bcbcbc;} 

#logo{ float:left;  background:url(../images/logo.png) left no-repeat; background-size:60px; height:70px; line-height:50px; overflow:hidden; margin:5px 0; padding:8px 0; padding-left:70px; margin-right:25px;}
#logo div{ font-size:30px; font-family:'华康标题宋W9(P)'; text-transform:uppercase;}
#logo span{ font-size:12px; text-transform:uppercase;}


/*英文版导航*/

#en_nav{ margin:auto; overflow:hidden; width:100%; font-family:'Roboto-Regular,sans-serif'; background:#00a7f2; color:#fff;}
#en_nav ul{ margin:auto; overflow:hidden; width:1400px;}
#en_nav ul li{ float:left; padding-left:9px; padding-right:9px; font-size:15px;line-height:70px; color:#fff; text-align:center;}
#en_nav ul li a{color:#fff;}
#en_nav ul li:before { content: "|"; padding-right:28px; }
#en_nav ul li:first-child:before { content: "";}




#tel{ float:right; text-indent:30px; font-size:26px; color:#00a7f2; font-family:'Impact'; background:url(../images/tel.png) left no-repeat; background-size:22px; margin:13px 0; line-height:60px;}

/* banner */
.c-banner{	width: 100%;position: relative;}
.c-banner img{width: 100%;}
.c-banner .banner ul{list-style: none;padding-left: 0px;margin-bottom: 0px;}
.c-banner .banner ul li{position: absolute display: none;opacity: 0;}
.c-banner .banner ul li:nth-child(1){opacity: 1;display: block;}
.c-banner .banner ul li img{width: 100%;position: absolute;top: 0px;}
.c-banner .banner ul li:first-child img{position: relative;}
.c-banner .nexImg,.c-banner .preImg{padding: 25px 10px 25px 10px;position: absolute;top: 50%;margin-top: -53px;opacity: 0.5;border-radius: 5px;z-index: 10;}
.c-banner .nexImg:hover,.c-banner .preImg:hover{opacity: 0.8;}
.c-banner .nexImg{right: 0px;}
.c-banner .nexImg img,.c-banner .preImg img{}
.c-banner .jumpBtn{	width: 100%;position: absolute;bottom: 20px;text-align: center;}
.c-banner .jumpBtn ul{margin-bottom: 0px;padding: 0px;}
.c-banner .jumpBtn ul li{width:15px;height: 15px;border-radius: 50%;display: inline-block;background-color:#fff; opacity: 0.9;margin-left: 10px;}
.c-banner .jumpBtn ul li:first-child{margin-left: 0px;}
@media screen and (max-width:768px) {
.c-banner{width: 100%;height: 345px;overflow: hidden;}
.c-banner .banner ul li img{width: 768px;height: 345px;position: absolute;left: 50%;margin-left: -384px;}
}
/**/
#index-1{ margin:auto; display:block; overflow:hidden; margin-top:45px; width:1350px;}
#index-1 .fl{ float:left; overflow:hidden; display:block;}
#index-1 .fl .txt h1{ color:#00a7f2; line-height:60px; font-size:35px; overflow:hidden; margin:0; text-transform:uppercase; font-family:'Impact';}
#index-1 .fl .txt div{ height:3px; width:120px; }
#index-1 .fl .txt div p{ float:left; width:60px; background:#00a7f2; height:5px; margin:0; padding:0;}
#index-1 .fl .txt div b{ height:5px; width:60px; background:#a2cd1d; float:right;}
#index-1 .fl .c{ font-size:15px; padding:10px 0; width:750px; line-height:24px; color:#424242; overflow:hidden; display:block; font-family:Arial, Helvetica, sans-serif; }
#index-1 .fl .t{ display:block; overflow:hidden; margin-top:10px; margin-left:20px;}
#index-1 .fl .t li{ width:145px; height:115px; line-height:115px;overflow:hidden; float:left; margin:18px; _margin:18px;}
#index-1 .fl .t li span{ text-align:center;height:35px;}
#index-1 .fl .t li span.icont1{ background:#ffffff url(../images/ic01.png) 50% 20% no-repeat; background-size:45px; overflow:hidden; display:block;  border:1px solid #b9b9b9; padding-top:30px; height:115px; font-size:12px; }
#index-1 .fl .t li span.icont1:hover{ background:#a2cd1d url(../images/ic01_1.png) 50% 20% no-repeat; background-size:45px; overflow:hidden; display:block;  border:1px solid #b9b9b9;padding-top:30px; height:115px; color:#fff;}

#index-1 .fl .t li span.icont2{ background:#ffffff url(../images/ic02.png) 50% 20% no-repeat; background-size:45px; overflow:hidden; display:block;  border:1px solid #b9b9b9;padding-top:30px; height:115px; font-size:12px;}
#index-1 .fl .t li span.icont2:hover{ background:#a2cd1d url(../images/ic02_1.png) 50% 20% no-repeat; background-size:45px; overflow:hidden; display:block;  border:1px solid #b9b9b9; padding-top:30px; height:115px; color:#fff;}

#index-1 .fl .t li span.icont3{ background:#ffffff url(../images/ic03.png) 50% 20% no-repeat; background-size:45px; overflow:hidden; display:block;  border:1px solid #b9b9b9; padding-top:30px; height:115px; font-size:12px; }
#index-1 .fl .t li span.icont3:hover{ background:#a2cd1d url(../images/ic03_1.png) 50% 20% no-repeat; background-size:45px; overflow:hidden; display:block;  border:1px solid #b9b9b9; padding-top:30px; height:115px; color:#fff;}

#index-1 .fl .t li span.icont4{ background:#ffffff url(../images/ic04.png) 50% 20% no-repeat; background-size:45px; overflow:hidden; display:block;  border:1px solid #b9b9b9; padding-top:30px; height:115px; font-size:12px; }
#index-1 .fl .t li span.icont4:hover{ background:#a2cd1d url(../images/ic04_1.png) 50% 20% no-repeat; background-size:45px; overflow:hidden; display:block;  border:1px solid #b9b9b9; padding-top:30px; height:115px; color:#fff;}





#index-1 .fr{ float:right; width:527px; margin-left:45px; background:url(../images/img0.png) no-repeat; height:436px; text-align:center;}
#index-1 .fr img{ max-height:100%; max-width:100%;}




/**/
#index-2{ margin:auto; overflow:hidden; background:#f7f7f7; padding:15px 0; margin-top:45px; border-bottom:1px solid #ededed;}
#index-2 ul{ margin:auto; max-width:1400px;}
#index-2 ul li{ height:65px; float:left; width:12%;}
#index-2 ul li.ic01{ background:url(../images/img1.png) 30px no-repeat; background-size:47px; width:260px; color:#000; padding-left:85px; overflow:hidden;}
#index-2 ul li.ic02{ background:url(../images/img2.png) 30px no-repeat; background-size:47px; width:260px; color:#000; padding-left:85px; overflow:hidden;}
#index-2 ul li.ic03{ background:url(../images/img3.png) 30px no-repeat; background-size:47px; width:260px; color:#000; padding-left:85px; overflow:hidden;}
#index-2 ul li.ic04{ background:url(../images/img4.png) 30px no-repeat; background-size:47px; width:260px; color:#000; padding-left:85px; overflow:hidden;}
#index-2 ul li.ic05{ background:url(../images/img5.png) 30px no-repeat; background-size:47px; width:350px; color:#000; padding-left:85px; overflow:hidden;}
#index-2 ul li div{ overflow:hidden; font-size:13px; margin-top:5px; line-height:30px;  color:#313131; display:block;}
#index-2 ul li div span{ overflow:hidden; font-size:13px;  overflow:hidden; display:block;color:#313131;}

/**/
#index-3{  margin:auto; width:100%;overflow:hidden; margin-top:45px;}
#index-3 .t{ width:100%; display:block; overflow:hidden; }
#index-3 .t h1{ font-size:26px; line-height:45px; font-weight:normal; margin:0; text-align:center; overflow:hidden; display:block; text-transform:uppercase;}
#index-3 .t div{z-index:2;position:absolute; height:1px; background:#b9b9b9; width:100%; }
#index-3 .t span{ margin:auto; z-index:0;position:absolute;height:3px; background:#00a7f2; width:6%; margin-top:-1px; left:47%;}

#index-3 .na{ overflow:hidden; margin:auto; margin-top:15px; width:1350px;}
#index-3 .na li{ float:left; border-radius:20px; border:1px solid #ccc; margin:10px; _margin:10px;text-align:center; width:12.75%; line-height:40px;}
#index-3 .na li a:hover{ background:#00a7f2; float:left; border-radius:20px;  text-align:center; width:100%; color:#fff;}

#index-3 .c{ margin:auto; overflow:hidden; max-width:1350px; padding:20px 0;}
#index-3 .c ul{ width:100%; overflow:hidden;}
#index-3 .c ul li{ width:315px; height:260px; float:left; margin:10px; _margin:10px;}
#index-3 .c ul li div{border:1px solid #ccc; border-radius:10px 10px 0 0; text-align:center; display: flex;align-items: center;justify-content: center;width: 315px; overflow:hidden; display:block;}
#index-3 .c ul li div i{ height:219px; line-height:219px;}
#index-3 .c ul li div img {max-width: 100%; max-height:100%; }
#index-3 .c ul li div span{ line-height:41px; overflow:hidden; text-align:center; display:block; }
#index-3 .c ul li div:hover{ border:1px solid #00a7f2;}
#index-3 .c ul li div span:hover{ background:#00a7f2; line-height:41px; color:#fff;}

/**/
#index-4{ margin:auto; margin-top:45px; background:#f5f5f5; display:block; overflow:hidden; padding:35px 0;}
#index-4 .t{ margin:auto; overflow:hidden;}
#index-4 .t div{ margin:auto; text-align:center; font-size:26px; line-height:35px; overflow:hidden; text-transform:uppercase;}
#index-4 .t b{ font-weight:normal; width:50px; height:3px; border-radius:10px; background:#00a7f2; display:block; margin:auto; overflow:hidden; margin-top:5px;}
#index-4 .t span{ font-size:16px; text-align:center; color:#929292; overflow:hidden; display:block; width:100%; line-height:30px;}
#index-4 .cl{ float: left;  margin: 0 15px 30px;   width: calc((100% - 20px)/1); overflow:hidden; width:570px; margin-top:25px;}
#index-4 .cl img{ margin-bottom:15px;}
#index-4 .cl h1{ font-size:18px; font-weight:normal; line-height:35px; overflow:hidden; margin:0;}
#index-4 .cl div{ font-size:13px; line-height:24px; overflow:hidden; color:#666;}

#index-4 .cr{ float:right; overflow:hidden; width:720px; margin-top:25px;}

#inews_fr_cont{ margin:auto; }
#inews_fr_cont li{ border-bottom:1px dotted #e7e7e7; display:block; overflow:hidden; margin:10px; margin-top:0;}
#inews_fr_cont li a{ text-decoration:none; background:none; color:#2b2b2b !important;}
#inews_fr_cont li a:hover{ color:#e61e21 !important;}
#inews_fr_cont li div{ float:left; color:#fff; text-align:center; margin-bottom:10px; width:110px; height:110px;}
#inews_fr_cont li div img{ max-height:100%; max-width:100%; line-height:88px;}
#inews_fr_cont li div i{ overflow:hidden; background:#00a7f2; width:100%; line-height:26px; display:block; font-style:normal; font-size:13px; color:#fff;}
#inews_fr_cont li span{ float:right; width:560px;}
#inews_fr_cont li span h1{ font-size:20px !important;display:block; overflow:hidden; line-height:35px; color:#333333; font-weight:normal; margin:0;}
#inews_fr_cont li span b{ font-size:13px !important; margin-top:2px; padding-bottom:3px; line-height:23px; display:block; overflow:hidden; color:#929292; font-weight:normal; text-overflow: -o-ellipsis-lastline;  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 3;  line-clamp: 3;  -webkit-box-orient: vertical;}
.more{ margin:auto;background:#333; font-size:14px; line-height:50px; overflow:hidden; display:block; width:100px; text-align:center; text-transform:uppercase; color:#fff; margin-top:15px;}
.more a{ color:#fff;}
.more a:hover{ background:#00a7f2; color:#fff; overflow:hidden; display:block;}



/**/
#index-5{margin:auto; display:block; overflow:hidden; padding:45px 0;}
#index-5 .t{ margin:auto; overflow:hidden;}
#index-5 .t div{ margin:auto; text-align:center; font-size:26px; line-height:35px; overflow:hidden; text-transform:uppercase;}
#index-5 .t b{ font-weight:normal; width:50px; height:3px; border-radius:10px; background:#00a7f2; display:block; margin:auto; overflow:hidden; margin-top:5px;}
#index-5 .t span{ font-size:16px; text-align:center; color:#929292; overflow:hidden; display:block; width:100%; line-height:30px;}
#index-5 .c{ margin:auto; overflow:hidden; margin-top:15px;}
#index-5 .c ul{ text-align:center; max-width:1200px; margin:auto; overflow:hidden; }
#index-5 .c ul li{ float:left; width:218px; height:130px; line-height:118px; border:1px solid #ccc; margin:10px; _margin:10px;}
#index-5 .c ul li img{ max-height:100%; max-width:100%;}


/**/
#index-6{ margin:auto; background:#f5f5f5; padding:25px 0;  overflow:hidden;}
#index-6 ul{ width:1280px; margin:auto; overflow:hidden; display:block;}
#index-6 ul li{ float:left; width:100%;  height:60px; font-size:15px; }
#index-6 ul li.ic1{ background:url(../images/ic_1.png) left no-repeat; width:320px; background-size:47px; color:#000; padding-left:60px; font-size:30px; overflow:hidden; line-height:60px; }
#index-6 ul li.ic2{ background:url(../images/ic_2.png) left no-repeat; width:320px; background-size:47px; color:#000; padding-left:60px; font-size:30px; overflow:hidden; line-height:60px; } 
#index-6 ul li.ic3{ background:url(../images/ic_3.png) left no-repeat; width:320px; background-size:47px; color:#000; padding-left:60px; font-size:30px; overflow:hidden; line-height:60px; } 
#index-6 ul li.ic4{ background:url(../images/ic_4.png) left no-repeat; width:320px; background-size:47px; color:#000; padding-left:60px; font-size:30px; overflow:hidden; line-height:60px; } 
#index-6 ul li div{ overflow:hidden; font-size:20px; font-weight:normal; line-height:60px; color:#00a7f2; text-transform:uppercase;}
#index-6 ul li div span{ overflow:hidden; font-size:14px; line-height:18px; font-weight:normal; display:block; overflow:hidden; text-transform:uppercase; color:#00a7f2;}

#index-6 ul li h1{ overflow:hidden; font-size:20px; font-weight:normal; line-height:40px; color:#b9b9b9; text-transform:uppercase;}
#index-6 ul li h1 span{ overflow:hidden; font-size:14px; line-height:18px; font-weight:normal; display:block; overflow:hidden; text-transform:uppercase; color:#b9b9b9;}


/**/
#footer{ background:#02a1e8;}
#footer .n{ margin:auto; max-width:100%; border-bottom:1px solid #b5e8ff; line-height:55px;}
#footer .n ul{ margin:auto; max-width:1400px; overflow:hidden;font-family:'Roboto-Regular,sans-serif';}
#footer .n ul li{ float:left;  padding-left:9px; padding-right:9px; font-size:15px; color:#fff; text-align:center;}
#footer .n ul li a{ color:#fff;}
#footer .n ul li:before { content: "|"; padding-right:28px; color:#8cdcff;}
#footer .n ul li:first-child:before { content: "";}



#footer .c{ margin:auto; width:1200px; padding:25px 0; overflow:hidden;}
#footer .c .logo{ float:left; background:url(../images/f_logo.png) left no-repeat; background-size:80px; padding:50px; margin-top:30px;}
#footer .c .t{ float:left; margin-left:90px;}
#footer .c .t li{ height:40px; font-size:15px; }
#footer .c .t li a.ico1{ background:url(../images/foot1.png) left no-repeat; line-height:40px; padding-left:25px; background-size:20px; color:#fff;} 
#footer .c .t li a.ico2{ background:url(../images/foot2.png) left no-repeat; line-height:40px; padding-left:25px; background-size:20px; color:#fff;} 
#footer .c .t li a.ico3{ background:url(../images/foot3.png) left no-repeat; line-height:40px; padding-left:25px; background-size:20px; color:#fff;} 
#footer .c .t li a.ico4{ background:url(../images/foot4.png) left no-repeat; line-height:40px; padding-left:25px; background-size:20px; color:#fff;} 

#footer .r{ float:right;}
#footer .r div{ float:left; margin:0 10px; }
#footer .r div b{ font-size:14px; text-align:center; margin-left:25px; line-height:30px; color:#fff !important; font-weight:normal;}
#footer .r span{ float:right; margin:0 10px;}
#footer .r span b{ font-size:14px; text-align:center; margin-left:8px;  line-height:30px; color:#fff !important; font-weight:normal;}
#footer .r img{ max-height:130px; max-width:130px; display:block;}


#foot_copy{ background:#0060b2; overflow:hidden; font-size:13px; text-align:center; color:#fff; line-height:35px; font-weight:normal;}
#foot_copy a{ text-decoration:none; color:#fff; font-size:13px;}

/**/
#about_banner{ overflow:hidden;  height:390px; margin:auto; background: url(../images/ab.jpg) no-repeat center;background-size: cover; -webkit-background-size: cover; -o-background-size: cover;background-position: center 0;}
#about_banner img{ background-size:100%; max-width:100%; vertical-align: middle;}

/**/
#co1_banner{ overflow:hidden;  height:390px; margin:auto; background: url(../images/co1.jpg) no-repeat center;background-size: cover; -webkit-background-size: cover; -o-background-size: cover;background-position: center 0;}
#co1_banner img{ background-size:100%; max-width:100%; vertical-align: middle;}

/**/
#re_banner{ overflow:hidden;  height:390px; margin:auto; background: url(../images/re.jpg) no-repeat center;background-size: cover; -webkit-background-size: cover; -o-background-size: cover;background-position: center 0;}
#re_banner img{ background-size:100%; max-width:100%; vertical-align: middle;}

/**/
#honore_banner{ overflow:hidden;  height:390px; margin:auto; background: url(../images/honore.jpg) no-repeat center;background-size: cover; -webkit-background-size: cover; -o-background-size: cover;background-position: center 0;}
#honore_banner img{ background-size:100%; max-width:100%; vertical-align: middle;}

/**/
#w_box{ background:#eee; overflow:hidden; display:block; padding:15px; 0;}
#w_box div{ background:url(../images/box.png) left no-repeat; background-size:15px; margin:auto; width:1350px; text-indent:20px; font-size:13px; color:#666;}

/**/
#about{ margin:auto; margin-top:35px; margin-bottom:35px; overflow:hidden; display:block;}
#about .t{  display:block; overflow:hidden; margin-bottom:30px;}
#about .t h1{ font-size:26px; line-height:45px; font-weight:normal; margin:0; text-align:center; overflow:hidden; display:block; text-transform:uppercase;}
#about .t div{z-index:2;position:absolute; height:1px; background:#b9b9b9; width:100%; }
#about .t span{ margin:auto; z-index:0;position:absolute;height:3px; background:#00a7f2; width:6%; margin-top:-1px; left:47%;}
#about .t b{ overflow:hidden; font-size:15px; text-align:center; color:#9b9b9b; font-weight:normal; text-align:center; width:100%; display:block; line-height:30px;}

.clearfix:after {content: '.';display: block;clear: both;height: 0;visibility: hidden;}
.clearfix {*zoom:1;}
.w1200 {width: 1350px;margin: 0 auto;}

.location {width: 100%;height: 40px;background-color: #ececec;}
.location .w1200 {padding-left: 25px;background: url(../images/box.png) no-repeat left center;box-sizing: border-box;}
.location a {display: block;float: left;color: #666;font-size: 14px;line-height: 40px;height: 40px;padding-left: 10px;margin-left: 10px;background: url(../images/crm-arr-icon.png) no-repeat left center;}
.location a:hover {color: #00a7f2;}
.location a:first-of-type {background: none;padding: 0px;margin: 0px;}


.wrap_nav {margin-bottom:30px; overflow:hidden;}
.wrap_nav ul {width: 100%;text-align: center;}
.wrap_nav ul li {display: inline-block;margin:2px 10px;}
.wrap_nav ul li a {display: block;height: 48px;line-height: 48px;text-align: center;color: #fff;font-size:13px;background-color: #00a7f2;box-sizing: border-box;border-radius:30px; padding:0 15px;}
.wrap_nav ul li:hover a, .wrap_nav ul li.active a {color: #fff;background: #007cb4}

#about .c{ display:block; overflow:hidden; margin:auto; width:1350px; padding:15px 0; color:#5f5f5f; font-size:15px; line-height:36px; padding-top:0; line-height:36px;}

/**/
.aboutm2{ min-width:100%; height:1357px; background: url(../images/about_m3.jpg) no-repeat center; background-size:100% cover;}


/**/
#cont_banner{ overflow:hidden;  height:390px; margin:auto; background: url(../images/co.jpg) no-repeat center;background-size: cover; -webkit-background-size: cover; -o-background-size: cover;background-position: center 0;}
#cont_banner img{ background-size:100%; max-width:100%; vertical-align: middle;}

/**/
.feedback {	margin-top:30px;overflow:hidden; width:1200px; margin:auto;}
/*.feedback .title {text-align:center;font-size:24px;font-weight:400;margin-bottom:25px;color:#333}
.feedback .title span {background:#fff;padding:0 30px;position:relative;top:-10px}
.feedback .title::before {content:"";border-bottom:1px solid #e1e1e1;height:12px;vertical-align:top;width:100%;display:block}*/
#feedback_form {position:relative}
#feedback_form label {display:block;float:left;height:32px;line-height:32px;margin-bottom:30px;padding-left:40px;background:url(../images/contact.png) no-repeat;font-size:14px}
#feedback_form label.name {background-position:0 -32px}
#feedback_form label.email {background-position:0 -64px}
#feedback_form label.city {background-position:0 -96px}
#feedback_form label.msg_title {background-position:0 -128px}
#feedback_form label.address {background-position:0 -160px}
#feedback_form label.message {background-position:0 -192px;margin-bottom:10px}
#feedback_form input {width:205px;height:30px;line-height:30px;float:left;margin:0 37px 30px 0;padding:0 10px;border:1px solid #dbdbdb;}
#feedback_form input.last {margin-right:0}
#feedback_form .msg {border-top:1px dotted #ccc;padding:30px 0}
#feedback_form textarea {height:125px;width:1070px;padding:10px;border:1px solid #dbdbdb;display:block}
#feedback_form i {font-style:normal;color:#ff1f19;position:absolute;font-size:14px;left:350px;top:6px}
#feedback_form .f2 {left:725px}
#feedback_form .f3 {left:auto;right:0}
#feedback_form .f4 {left:350px;top:66px}
#feedback_form .btns {width:120px;height:40px;margin-right:10px;background:#0060b2;color:#fff;border:none;font-size:15px;margin-bottom:0;cursor:pointer}
#feedback_form .btns:hover {background:#333;transition:all .3s}
#feedback_form .reset {background:#00a7f2;cursor:pointer;margin-bottom:0}
#feedback_form .tableRow {width:100%;height:32px}
#feedback_form .tableRow input {width:100px;margin-right:10px;color:#999;float:left}
#feedback_form .tableRow .checkcode {width:50px;height:22px;margin-left:5px;border:1px solid #ccc;padding:4px 5px;display:block;float:left;background:#fff}
#feedback_form input:focus, #feedback_form textarea:focus {	border-color:#db1d00}
/**/
#mess_banner{ overflow:hidden;  height:390px; margin:auto; background: url(../images/me.jpg) no-repeat center;background-size: cover; -webkit-background-size: cover; -o-background-size: cover;background-position: center 0;}
#mess_banner img{ background-size:100%; max-width:100%; vertical-align: middle;}

/**/
.width1280{   width: 1280px;   margin-left: auto;   margin-right: auto;}

/**/
#news_banner{ overflow:hidden;  height:390px; margin:auto; background: url(../images/news.jpg) no-repeat center;background-size: cover; -webkit-background-size: cover; -o-background-size: cover;background-position: center 0;}
#news_banner img{ background-size:100%; max-width:100%; vertical-align: middle;}
.news_two i {font-style:normal; font-size:13px;}
.ser_but {	position:absolute;top:72px;right:50px;width:70px;height:35px;border-radius:18px;text-align:center;border:1px solid #dedfe1;transition:all .5s cubic-bezier(.215, .61, .355, 1) 0s; font-size:12px; text-align:center;}
.ser_but i {width:70px;height:35px;line-height:35px;transition:all .3s}

.news_detail {width:1350px; margin:auto;}
.news_detail h1 {color: #333;font-weight: 400}
.news_page {margin: 12px 0px 15px;}
.news_page .arrow {width: 40%}
.news_page .arrow p {padding: 3px 0px;}
.news_page .arrow p a {display: block;color: #333;font-size: 15px;}
.news_page .arrow p a:hover {color: #0060b2}
.news_page .back {margin-top: 5px}
.news_page .back a {display: block;width: 115px;height: 40px;line-height: 40px;text-align: center;color: #fff;font-size: 15px;background-color: #0060b2;}
/******/


.page{font-size:14px; text-align:center; color:#666; margin:10px; margin-bottom:20px;}
.page a{font-size:14px; color:#666;}

/****/
.news_two {margin: 0 auto;position: relative;font-size: 12px;width: 100%;min-width:1100px;}
.news_two_box {width: 100%;height: 159px;border: 1px solid transparent;position: relative;background: #f7f7f7;transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s}
.news_two_ul {height: auto;overflow: hidden;padding: 20px;width: 100%;}
.news_two_nav {width: 100%;padding-left: 20px}
.news_two_ul li {width: 100%;height: 159px;	border: 1px solid transparent;margin-bottom: 20px}
.news_two_txt span {font-size: 16px;color: #000;display: block;height: 24px;overflow: hidden;margin-bottom: 20px;transition: all .3s ease-out 0s}
.news_two_box:hover .news_two_txt span {color: #000;}
.news_two_txt i {	height:40px; color: #000; line-height:20px;	display: block;	overflow: hidden;transition: all .3s ease-out 0s;
overflow:hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%;}
.news_two_box:hover .news_two_txt i {color: #999}
.news_two_txt {width: 60%;float: left;margin: 36px 0 28px 34px;transition: all .3s ease-out 0s}
.news_two_box:hover .news_two_txt {	margin: 36px 0 28px 54px}
.news_two_date {width: 180x;float: right;	color: #999;	padding: 36px 66px 0 0;transition: all .3s ease-out 0s}
.news_two_box:hover .news_two_date {padding: 36px 43px 0 0}
.news_two_date span {height: 26px;font-size:13px; padding-right:20px;}
.news_two_date i {font-size: 13px;}
.news_two_but {position: absolute;top: 100px;right: 105px;}
.news_two_box:hover {border: 1px solid #efefef;box-shadow: 0 6px 10px 5px rgba(0, 0, 0, .08)}
.news_two_box:hover .news_two_img {	background: #ccc;background: #ccc}
.news_two_box:hover .ser_but {	background: #ccc;	border: 1px solid #ccc;	margin: 0 -60px}
.new_thr {	width: 1000px;	margin: 0 auto;	padding: 80px 0 160px 0}
.new_thr_h2 {	width: 800px;font-size: 18px;	color: #333;	padding-bottom: 16px;	margin: 0 auto;	text-align: center}
.news_thr_share {	width: 330px;	margin: 0 auto;	color: #999;	height: 18px;	line-height: 18px}
.news_thr_share_date {width: 100%;text-align: center;}
.news_thr_ico {	text-indent: 14px;	width: 200px}
.news_thr_ico a {	color: #999;font-size: 16px}
.news_thr_txt {width: 974px;padding: 36px 14px 0 12px;	border-top: 1px dotted #e5e5e5;margin-top: 50px}
.news_thr_txt_img {width: 980px;height: auto;padding: 38px 0}
.news_two_img {width: 230px;height: 157px;float: left;transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s}
.news_two_img img {width: 200px;height: 130px;margin:15px;border-bottom:1px solid rgba(0, 0, 0, 0.09);}
.news_thr_ico a:hover {color: #1bb2e8}


/**/
.fl {float: left;}
.fr {float: right;}
.content_detail h1 {color: #019ce2;font-size:26px;font-weight: bold;;line-height: 100%;text-align: center; margin:0; padding:0;}
.content_detail .info {border-bottom: 1px dashed #dcdcdc;text-align: center; font-size:12px; margin-top:5px;}
.content_detail .info span {color: #555;font-size: 12px;display: inline-block;margin-right: 30px; line-height:40px;}
.content_detail .detail {padding: 20px 0px 30px;border-bottom: 1px dashed #dcdcdc;}
.content_detail .detail p {color: #333;font-size:15px;line-height:30px;text-indent: 2em;margin-bottom: 2px;text-align: justify; margin:0; padding:0;}
.content_detail .detail div {color: #333;font-size:15px;line-height:30px;margin-bottom: 2px;text-align: justify; margin:0; padding:0;}
.content_detail .detail table td {padding: 10px !important}
.content_detail .list_page {padding: 20px 0px;}
.content_detail .list_page p {display: inline-block;max-width: 40%;}
.content_detail .list_page p.prev {float: left;text-align: left;}
.content_detail .list_page p.next {float: right;text-align: right;}
.content_detail .list_page p a {color: #333;font-size: 16px;display: block;overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap;}
.content_detail .list_page p a:hover {color: #74ab21}

/**/
#caseList { margin:auto; width:1350px;}
#caseList dl { float: left; width:250px;  margin:12px 9px 12px 9px; border: 1px solid #ddd;}
#caseList dt { float: left;width:250px; height:280px; font-weight:normal;}
#caseList dt div { height:180px; overflow:hidden; line-height:180px; text-align:center;}
#caseList dt div img { padding:5px; max-width:100%; max-height:100%;}
#caseList dt:hover {  color:#fa6700;
 box-shadow:1px 1px 10px 1px rgba(0,0,0,.3); }
#case { padding:20px 0;}
#case h1 { color: #333; font-size: 24px;font-weight:400;text-align:center;}
#case .info { padding: 10px 20px; color:#999999; font-size: 13px; line-height:30px; text-align:center;border-bottom:1px dashed #EBEBEB;}
#case .content { padding: 20px 0; color: #444; line-height: 200%;}


/**/
#pro_banner{ overflow:hidden;  height:390px; margin:auto; background: url(../images/pro.jpg) no-repeat center;background-size: cover; -webkit-background-size: cover; -o-background-size: cover;background-position: center 0;}
#pro_banner img{ background-size:100%; max-width:100%; vertical-align: middle;}


/**/
#pa_banner{ overflow:hidden;  height:390px; margin:auto; background: url(../images/pa.jpg) no-repeat center;background-size: cover; -webkit-background-size: cover; -o-background-size: cover;background-position: center 0;}
#pa_banner img{ background-size:100%; max-width:100%; vertical-align: middle;}

/**/
#caseList1 { margin:auto; width:1350px;}
#caseList1 dl { float: left; width:250px;  margin:12px 9px 12px 9px; border: 1px solid #ddd;}
#caseList1 dt { float: left;width:250px; height:150px; font-weight:normal;}
#caseList1 dt div { height:150px; overflow:hidden; line-height:150px; text-align:center;}
#caseList1 dt div img { padding:5px; max-width:100%; max-height:100%;}
#caseList1 dt:hover {  color:#fa6700; box-shadow:1px 1px 10px 1px rgba(0,0,0,.3); }

/**/
.lift { margin-top:10px;padding-top:10px;color:#2692ff;border-top:1px solid #ccc;}
.lift a { color:#999;line-height:30px;font-size:14px;text-decoration:none;}
.lift :hover a {color:#fa9600;}
.lift span { line-height:30px; font-size:14px;}

/**/
#ba1_banner{ overflow:hidden;  height:390px; margin:auto; background: url(../images/ba1.jpg) no-repeat center;background-size: cover; -webkit-background-size: cover; -o-background-size: cover;background-position: center 0;}
#ba1_banner img{ background-size:100%; max-width:100%; vertical-align: middle;}

/**/
#ba2_banner{ overflow:hidden;  height:390px; margin:auto; background: url(../images/ba2.jpg) no-repeat center;background-size: cover; -webkit-background-size: cover; -o-background-size: cover;background-position: center 0;}
#ba2_banner img{ background-size:100%; max-width:100%; vertical-align: middle;}


/**/
#fenye{width: 100%;text-align: center;display: inline-block;}
#fenye  li{padding: 0}