/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0; list-style:none; text-decoration:none; border:0; list-style:none;}
body{ font-size:12px; font-family:''; color:#333; background:url(../images/background.jpg) top center no-repeat; background-size:cover; padding:10px 0 20px 0;}
a{ color:#666;}
a:hover{ color:#FFCC00; text-decoration:none;}
p{line-height:1.5em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper1{ width:958px; margin:0 auto;}
input,textarea,select{outline:none}
img{
image-rendering: -moz-crisp-edges;
image-rendering: -o-crisp-edges;
image-rendering: -webkit-optimize-contrast;
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;}
/*common end*/


.content1bg{ background:rgba(255, 255, 255, 0.9); border-radius:7px;}
.content1{ padding:0 34px;}


.head{}
.head1{ height:102px;}
.head1 .logo{ float:left; width:30%; height:102px; position:relative;}
.head1 .logo img{ display:block; max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto 0;}
.head1 .h_contact{ float:right; width:210px; margin:27px 0 0 30px; font-size:13px; line-height:16px; color:#4F6BA2;}
.head1 .h_contact dl dt{ font-weight:bold; color:#263E72;}
.head1 .h_contact dl dd{}
.head1 .h_address{ float:right; width:240px; margin:27px 0 0 0; font-size:13px; line-height:16px; color:#4F6BA2;}
.head1 .h_address ul li{}
.head1 .h_address ul li strong{ font-weight:bold; color:#263E72;}
.head1 .h_address ul li span{}
.head2{ background:url(../images/nav.png) center no-repeat; background-size:100% 100%; height:36px;}
/*menu*/
.menu{height:36px;line-height:36px; }
.menu ul li{ float:left; position:relative; }
.menu ul li dl{ background:#fff; width:150%; transform:translateX(-50%); position:absolute; left:50%; top:100%; box-shadow:2px 2px 5px rgba(0,0,0,0.2); padding:10px 0;display:none; z-index:55;}
.menu ul li dl dd{ line-height:22px; }
.menu ul li dl dd a{ font-size:12px; color:#666; font-weight:normal; padding:5px 10px; }
.menu ul li dl dd a:hover{ color:#FFCC00;}
.menu a{ font-size:14px;color:#fff; text-decoration:none; font-weight:normal;display:block;text-align:center; padding:0 16px;}
.menu a:hover{color:#FFCC00;}
a.menu_hover{ color:#FFCC00;}
.menu_down span{ }


.bannerbg{ margin-top:5px;}
.swiper-container1 { width: 100%; }
.swiper-container1 .swiper-slide {
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.swiper-container1 .swiper-slide img{ display:block; width:100%;}
.swiper-container1 .swiper-pagination1{ display:none;}
.swiper-container1 .swiper-pagination1 .swiper-pagination-bullet{}
.swiper-container1 .swiper-pagination1 .swiper-pagination-bullet.swiper-pagination-bullet-active{}
.swiper-container1 .swiper-button-prev1,.swiper-container1 .swiper-button-next1{ display:none;}
.swiper-container1 .swiper-button-prev1{}
.swiper-container1 .swiper-button-next1{}


.inside{ }
.inside_lt{ float:left; width:241px; margin:9px 0 0 0;}
.side_a{ margin-bottom:20px;}
.side_a .h2{ height:38px; line-height:38px; background:url(../images/subnav.png) center no-repeat; background-size:100% 100%; color:#fff; padding:0 10px; font-size:14px;}
.side_a .list{ padding:15px 10px 10px 10px; font-size:12px; line-height:14px;
background-color: #FFF;
border: solid 1px #CCC;
border-radius:0 0 7px 7px; overflow:hidden;
-webkit-box-shadow: 0px 2px 5px 1px #E8E8E8;
-moz-box-shadow: 0px 2px 5px 1px #E8E8E8;
box-shadow: 0px 2px 5px 1px #E8E8E8;}
.side_a .list ul li{ margin-bottom:10px;}
.side_a .list>ul>li>a{ padding-left:20px; background:url(../images/bullet.png) left center no-repeat;}
.side_a .list ul li ul{ padding:10px 0 0 20px;}
.side_a .list ul li a:hover{ text-decoration:underline; color:#008CD1;}
.side_b{}
.side_b .img{}
.side_b .img img{ display:block; margin:0 auto; max-width:100%;}
.inside_rt{ float:right; width:632px;
background-color: #FFF;
border: solid 1px #CCC;
border-radius:0 0 7px 7px; overflow:hidden;
-webkit-box-shadow: 0px 2px 5px 1px #E8E8E8;
-moz-box-shadow: 0px 2px 5px 1px #E8E8E8;
box-shadow: 0px 2px 5px 1px #E8E8E8;}


.con01{}
.con01 .txt{ padding:15px 15px 15px 15px;}
.con01 .txt .h2{ font-size:17px; line-height:20px; color:#008CD1; font-weight:bold;}
.con01 .txt .h3{ font-size:12px; line-height:14px; margin-top:15px;}
.con01 .img{}
.con01 .img img{ display:block; width:100%;}


.foot{ padding:15px 0 10px 0;}
.foot1{ padding:0 10px;
background:#fff;
border-radius: 7px;
border: solid 1px #CCC;
-webkit-box-shadow: 0px 2px 5px 1px #E8E8E8;
-moz-box-shadow: 0px 2px 5px 1px #E8E8E8;
box-shadow: 0px 2px 5px 1px #E8E8E8;}
.foot1 ul li{ float:left; width:calc((100% - 100px)/6); margin:0 20px 0 0;}
.foot1 ul li:nth-child(6n){ margin-right:0;}
.foot1 ul li .img{ height:64px; position:relative;}
.foot1 ul li .img img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.foot2{ margin-top:10px; font-size:12px; line-height:22px; color:#666;}
.foot2 a:hover{ text-decoration:underline; color:#263E73;}
.foot2 .lt{ float:left;}
.foot2 .rt{ float:right;}


/*Add------------------------------------------------------------------------------*/


.inbanner{ margin-top:5px;}
.inbanner img{ display:block; width:100%;}


.tit1{ padding:15px 15px;}
.tit1 .h2{ font-size:17px; line-height:20px; color:#008CD1; font-weight:bold;}
.inside_con{ padding:0 15px 15px 15px;}


.contact1{}
.contact1 .list{ padding:0 15px 15px 15px;}
.contact1 .list .txt{ font-size:12px; line-height:14px;}
.contact1 .list2{ padding:0 15px 15px 15px;}
.contact1 .list2 .txt{}
.contact1 .list2 .txt .h2{ font-size:16px; line-height:20px; color:#4F6BA2; font-weight:bold;}
.contact1 .list2 .txt .h3{ font-size:12px; line-height:14px; margin-top:15px;}
.contact1 .list2 .form1{ margin-top:15px;}
.contact1 .list2 .form1 .h2{ font-size:18px; line-height:2em;}
.contact1 .list2 .form1 th{ width:25%; padding:5px 5px 5px 0; font-weight:normal; text-align:right; font-size:13px; line-height:28px; vertical-align:top;}
.contact1 .list2 .form1 td{ width:75%; padding:5px 0 5px 5px;}
.contact1 .list2 .form1 .text1{ border: 1px solid #C1C1C1; background: #E2E2E2; height:28px; line-height:28px; padding:0 10px; width:80%;}
.contact1 .list2 .form1 .text2{ border: 1px solid #C1C1C1; background: #E2E2E2; height:133px; line-height:28px; padding:0 10px; width:80%;}
.contact1 .list2 .form1 .button1{ display:inline-block; margin:0 20px; border: 1px solid #C1C1C1; background: #E2E2E2; color:#333; height:20px; line-height:20px; width:208px;}
.contact1 .list3{}
.contact1 .list3 .txt{ padding:15px 15px 15px 15px;}
.contact1 .list3 .txt .h2{ font-size:16px; line-height:20px; color:#4F6BA2; font-weight:bold;}
.contact1 .list3 .txt .h3{ font-size:12px; line-height:14px; margin-top:15px;}
.contact1 .list3 .txt .h4{ font-size:12px; line-height:14px; margin-top:15px;}
.contact1 .list3 .txt .h4 strong{ font-weight:bold; display:block;}
.contact1 .list3 .txt .h5{ font-size:12px; line-height:14px; margin-top:15px;}
.contact1 .list3 .txt .h5 span{ display:block;}
.contact1 .list3 .txt .h5 strong{ font-weight:bold;}
.contact1 .list3 .txt .h5 a{ text-decoration:underline; color:#990000;}
.contact1 .list3 .txt .h5 a:hover{ text-decoration:none;}
.contact1 .list3 .img{}
.contact1 .list3 .img img{ display:block; width:100%;}


.tit2{ padding:15px 15px;}
.tit2 .h2{ font-size:15px; line-height:20px; color:#40A9DC; font-weight:bold;}
.service1{ padding:0 15px 0 0;}
.service1 .list{
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content:space-between;}
.service1 .lt{ width:cacl(100% - 330px);}
.service1 .lt .box1{ }
.service1 .lt .box1 .txt1{ padding:0 0 15px 15px;}
.service1 .lt .box1 .txt1 .h2{ font-size:16px; line-height:20px; color:#4F6BA2; font-weight:bold;}
.service1 .lt .box1 .txt1 .h3{ font-size:12px; line-height:14px; margin-top:15px;}
.service1 .lt .box1 .txt2{ padding:0 0 15px 15px;}
.service1 .lt .box1 .txt2 ul li{ font-size:12px; line-height:14px; margin-bottom:10px; padding-left:15px; background:url(../images/bullet2.png) left center no-repeat;}
.service1 .rt{ width:300px; padding:15px 0;}
.service1 .rt img{ display:block; width:100%;}
.service1 .list:nth-child(2) .lt{ width:cacl(100% - 260px);}
.service1 .list:nth-child(2) .rt{ width:230px;}


.product1bg{ background:url(../images/leafBackground.jpg) top center no-repeat; padding:0 0 15px 0 ;}
.product1{ width:600px; margin:0 auto; position:relative;}
.product1>img{ display:block; width:100%;}
.product1 .list{}
.product1 .list ul li{ position:absolute; font-size:0; color:transparent;}
.product1 .list ul li a{ display:block; width:100%; height:100%;}
.product1 .list ul li.a1{ width:148px; height:116px; top:4%; left:6%;}
.product1 .list ul li.a2{ width:148px; height:116px; top:4%; left:69%;}
.product1 .list ul li.a3{ width:121px; height:104px; top:33%; left:6%;}
.product1 .list ul li.a4{ width:121px; height:104px; top:33%; left:74%;}
.product1 .list ul li.a5{ width:122px; height:104px; top:46%; left:40%;}
.product1 .list ul li.a6{ width:180px; height:53px; top:87%; left:35%;}
.product1 .list ul li.a7{ width:94px; height:80px; top:68%; left:42%;}
.product1 .list ul li.a8{ width:61px; height:53px; top:87%; left:64%;}
.product1 .list ul li.a9{ width:61px; height:53px; top:87%; left:15%;}
.product1 .list ul li.a10{ width:61px; height:53px; top:87%; left:74%;}
.product1 .list ul li.a11{ width:121px; height:104px; top:65%; left:6%;}
.product1 .list ul li.a12{ width:61px; height:53px; top:87%; left:25%;}
.product1 .list ul li.a13{ width:121px; height:104px; top:65%; left:74%;}
.product1 .list ul li.a14{ width:94px; height:80px; top:25%; left:42%;}
.product1 .list ul li.a15{ width:94px; height:80px; top:15%; left:27%;}
.product1 .list ul li.a16{ width:94px; height:80px; top:15%; left:57%;}