/*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;}
a{ color:#666;}
a:hover{ color:#16395f; text-decoration:none;}
p{line-height:1.5em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:1200px; margin:0 auto;}
input,textarea,select{outline:none}
/*common end*/

.head{ width:100%; position:fixed; z-index:55; top:0; left:0; box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.2);}
.head01bg{ height:46px; line-height:46px; background:#efefef;}
.head01{}
.head01 .lt{ float:left;}
.head01 .lt ul li{ float:left; margin-right:20px; font-size:16px;}
.head01 .lt ul li a{}
.head01 .lt ul li i{ margin-right:5px;}
.head01 .lt ul li img{ height:36px; vertical-align:middle;}
.head01 .rt{ float:right; margin-top:5px;}
.head01 .search{ border:1px solid #d9d9d9; height:34px; border-radius:50px; background:#fff;}
.head01 .search .text1{ float:left; border:none; background:none; width:244px; padding:0 10px; height:34px; line-height:34px; }
.head01 .search .button1{ float:left; border:none; width:34px; line-height:34px; background:#16395f; color:#fff; border-radius:100%; text-align:center;}

.head02bg{ height:94px; background: #16395f;;}
.head02{}
.head02 .logo{ float:left; width:260px; height:94px; position:relative; }
.head02 .logo img{ max-width:100%; max-height:90%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto 0;}
.head02 .rt{ float:right; max-width:940px; margin-top:20px;}
/*menu*/
.menu{height:74px;line-height:71px;}
.menu ul li{ float:left; position:relative; z-index:56;}
.menu ul li dl{ background:#fff; width:184px; position:absolute; z-index:57; left:-18px; top:100%; box-shadow:2px 2px 5px rgba(0,0,0,0.2); display:none; }
.menu ul li dl dd{ line-height:39px;/* height:39px; overflow:hidden;*/ border-bottom:#eee dashed 1px; position:relative;}
.menu ul li dl dd a{ font-size:12px; color:#666; padding:0 10px; border:none; text-align:center; width: 164px;}
.menu ul li dl dd a:hover,.menu ul li dl dd:hover>a{ color:#fff; background:#16395f;}
.menu ul li dl dd .sanji{ background:#fff; width:100%; position:absolute; z-index:58; left:100%; top:0; box-shadow:2px 2px 5px rgba(0,0,0,0.2); display:none;}
.menu ul li dl dd:hover .sanji{ display:block;}
.menu a{ font-size:17px;color:#fff; text-decoration:none; display:block;text-align:center; padding:0 10px; border-bottom:3px solid transparent;}
.menu a:hover{color:#fff;}
a.menu_hover{ color:#fff; border-bottom:3px solid #fff; box-shadow:0px 0px 3px 0px rgb(204,204,204);}

.h_height{ height:140px;}


.swiper-container1 { }
.swiper-container1 .swiper-slide { }
.swiper-container1 .swiper-slide img{ display:block; width:100%;}
.swiper-container1 .swiper-pagination1 .swiper-pagination-bullet{ background:#000;}
.swiper-container1 .swiper-pagination1 .swiper-pagination-bullet-active{ background:#000;}
.swiper-container1 .swiper-button-prev1{ width:32px; height:32px; background:url(../images/btn_lt1.png) center no-repeat; margin-top:-16px; top:50%; left:10px;}
.swiper-container1 .swiper-button-next1{ width:32px; height:32px; background:url(../images/btn_rt1.png) center no-repeat; margin-top:-16px; top:50%; right:10px;}


.tit1{ text-align:center;}
.tit1 h2{ font-size:32px; line-height:1.5em;}
.con01bg{ padding:50px 0;}
.con01{}
.con01 .list{ margin-top:10px;}
.con01 .list ul{}
.con01 .list ul li{ float:left; width:285px; margin:20px 20px 0 0; text-align:center;}
.con01 .list ul li:hover{ box-shadow:1px 2px 12px 1px rgba(0, 0, 0, 0.2);}
.con01 .list ul li:nth-child(4n){ margin:20px 0 0 0;}
.con01 .list ul li .img{ height:205px; position:relative; overflow:hidden;}
.con01 .list ul li .img img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto; transition:all .3s ease;}
.con01 .list ul li:hover .img img{ transform:scale(1.1); transition:all .3s ease;}
.con01 .list ul li h2{ font-weight:normal; height:30px; line-height:30px; overflow:hidden; background:#16395f; color:#fff; font-size:18px;}

.more1{ text-align:right; margin-top:30px; font-size:18px;}
.more1 a{}
.more1 a:hover{}



.con02bg{ background:#16395f; color:#fff; padding:50px 0;}
.con02{}
.con02 .lt{ float:left; width:590px;}
.con02 .lt h2{ font-weight:normal; font-size:34px; line-height:1.5em;}
.con02 .lt .txt{ font-size:16px; line-height:1.5em; margin-top:10px;}
.con02 .rt{ float:right; width:570px;}
.con02 .rt ul li{ float:left; width:170px; margin:20px 10px 0 10px; text-align:center;}
.con02 .rt ul li .img{ height:60px; position:relative;}
.con02 .rt ul li .img img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto; }
.con02 .rt ul li h2{ font-weight:normal; font-size:16px; line-height:2em; height:2em; overflow:hidden;}


.tit2{ text-align:center;}
.tit2 h2{ font-weight:normal; font-size:34px; line-height:1.5em;}
.tit2 h2 span{ display:inline-block; border-bottom:2px solid #16395f;}
.con03bg{ background:#f8f8f8; padding:50px 0;}
.con03{}
.con03 .lt{ float:left; width:620px;}
.con03 .rt{ float:right; width:560px;}
.con03 .rt .list{ font-size:16px; line-height:1.5em; margin-top:20px;}

.more2{ text-align:right; margin-top:30px; font-size:15px;}
.more2 a{ color:#980000;}
.more2 a:hover{ color:#16395f;}


.con04bg{ padding:50px 0;}
.swiper-container2 { padding-bottom:40px;}
.swiper-container2 .swiper-slide {}
.swiper-container2 .swiper-slide .img{ width:118px; height:118px; margin:0 auto; border:1px solid #ccc; padding:4px; border-radius:100%;}
.swiper-container2 .swiper-slide .txt{ max-width:1200px; margin:0 auto; text-align:center; margin-top:10px;}
.swiper-container2 .swiper-slide .txt h2{}
.swiper-container2 .swiper-slide .txt h2 img{ height:60px;}
.swiper-container2 .swiper-slide .txt1{ font-size:18px; line-height:1.5em;}
.swiper-container2 .swiper-slide .txt h3{ font-size:24px; line-height:1.5em; color:#de1e06;}
.swiper-container2 .swiper-slide .txt h4{ font-weight:normal; font-size:24px; line-height:1.5em;}
.swiper-container2 .swiper-pagination2 .swiper-pagination-bullet{ background:#000; width:15px; height:15px; border-radius:100%;}
.swiper-container2 .swiper-pagination2 .swiper-pagination-bullet-active{ background:#16395f;}
.swiper-container2 .swiper-button-prev2{ width:32px; height:32px; background:url(../images/btn_lt1.png) center no-repeat; margin-top:-16px; top:50%; left:10px;}
.swiper-container2 .swiper-button-next2{ width:32px; height:32px; background:url(../images/btn_rt1.png) center no-repeat; margin-top:-16px; top:50%; right:10px;}


.con05bg{ background:#f8f8f8; padding:50px 0;}
.con05{}
.con05 .lt{ float:left; box-shadow:0px 0px 5px 0px rgb(204, 204, 204); border-radius:10px; width:560px; padding:10px 20px 20px 20px;}
.con05 .lt h2{ font-size:25px; line-height:1.5em; color:#c0392b;}
.con05 .lt table{ border-spacing:0;}
.con05 .lt table td{ padding-top:10px;}
.con05 .lt .text1{ border:1px solid #ccc; background:#fff; width:548px; padding:0 5px; height:36px; line-height:36px; border-radius:5px;}
.con05 .lt textarea{ border:1px solid #ccc; background:#fff; width:554px; height:120px; line-height:30px; border-radius:5px;}
.con05 .lt .button1{ width:160px; height:36px; line-height:36px; background:#16395f; border-radius:3px; color:#fff; font-size:16px; cursor:pointer; opacity:.7;}
.con05 .lt .button1:hover{ opacity:1;}
.con05 .lt span{ display:block; font-size:16px; line-height:1.5em;}
.con05 .lt b{ color:#f00;}
.con05 .rt{ float:right; width:580px;}



.foot{}
.foot1bg{ background:#333; padding:30px 0; color:#fff;}
.foot1{ position:relative;}
.foot1 .lt{ float:left; width:400px;}
.foot1 .lt h2{ font-weight:normal; font-size:20px; line-height:1.5em;}
.foot1 .lt h2 span{ display:inline-block; border-bottom:2px solid #eee;}
.foot1 .lt .list{ margin-top:10px;}
.foot1 .lt ul li{ float:left; width:200px; font-size:14px; line-height:1.5em; height:1.5em; overflow:hidden; margin:.5em 0;}
.foot1 a{ color:#fff;}
.foot1 a:hover{ color:#c7000a;}
.foot1 .ct{ float:left; width:260px; margin-left:20px;}
.foot1 .ct h2{ font-weight:normal; font-size:20px; line-height:1.5em;}
.foot1 .ct h2 span{ display:inline-block; border-bottom:2px solid #eee;}
.foot1 .ct .list{ margin-top:10px;}
.foot1 .ct ul li{ font-size:14px; line-height:1.5em; height:1.5em; overflow:hidden; margin:.5em 0;}
.foot1 .rt{ float:right; width:500px;}
.foot1 .rt h2{ font-weight:normal; font-size:20px; line-height:1.5em;}
.foot1 .rt h2 span{ display:inline-block; border-bottom:2px solid #eee;}
.foot1 .rt .list{ margin-top:10px;}
.foot1 .rt ul li{ font-size:14px; line-height:1.5em; margin:.5em 0;}
.foot1 .rt ul li img{ vertical-align:middle; height:36px; margin-left:10px;}
.foot1 .f_logo{ position:absolute; top:0; right:0;}
.foot1 .f_logo img{ width:250px;}

.foot2bg{ background:#000; padding:10px 0; color:#fff; text-align:center;}
.foot2{}
.foot2 ul li{ font-size:16px; line-height:1.5em;}
.foot2 a{ color:#fff;}
.foot2 a:hover{ color:#c7000a;}








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

.inbannerbg{}
.inbanner{ background:rgba(0,0,0,.2);}
.inbanner_txt{ padding:100px 0;}
.inbanner_txt h2{ font-size:36px; line-height:1.5em; color:#020202; text-align:center; padding-left: 700px}

.weizhibg{ background:#eee; height:38px; line-height:38px; font-size:14px;}
.weizhi{ color:#666;}
.weizhi a{ color:#666;}
.weizhi a:hover{ color:#333;}
.weizhi i{ margin-right:5px; vertical-align:middle;}

.insidebg{ padding:30px 0 50px 0;}
.inside{}



.aboutus{}
.aboutus1{ font-size:16px;}
.aboutus2{ margin-top:30px; background:#16395f; color:#fff; border-radius:10px; padding:20px 20px;}
.aboutus2 .lt{ float:left; width:650px; border-right:1px dashed #fff;}
.aboutus2 .rt{ float:right; width:480px;}
.aboutus2 h2{ font-size:20px; line-height:1.5em;}
.aboutus2 .txt{ font-size:14px; line-height:1.5em; margin-top:10px;}
.aboutus3{ margin-top:30px;}
.aboutus3 ul li{ float:left; width:370px; padding:5px; margin:0 30px 0 0; box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.5);}
.aboutus3 ul li:nth-child(3n){ margin:0 0 0 0;}
.aboutus3 ul li .img{ height:265px; position:relative;}
.aboutus3 ul li .img img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}



.inside_lt{ float:left; width:230px;}
.side_a{}
.side_a h2{ font-weight:normal; font-size:24px; line-height:40px; height:40px; overflow:hidden; text-align:center; background:#16395f; color:#fff;}
.side_a .list{}
/*.side_a .list ul li{ height:39px; line-height:39px; border-bottom:1px dotted #ccc; font-weight:bold; font-size:14px;}
.side_a .list ul li a{ display:block; padding:0 10px 0 20px;}
.side_a .list ul li:hover a{ background:#16395f; color:#fff;}*/

.tree_box{overflow: hidden;}
.tree_box h3{ height:39px; line-height:39px; border-bottom:1px dotted #ccc;  font-size:14px; position:relative;}
.tree_box h3 span{ position:absolute; left:0px; top:0px; width:40px; height:39px; background:url(../images/dian.png) center no-repeat;}
.tree_box h3 a{ padding-left:40px;}
.tree_box h3,.tree_one h4,.tree_two li{cursor: pointer;}
.tree_one,.tree_two{display: none;overflow: hidden;}
.tree_one h4{ padding-left:40px; font-weight:normal; height:30px; line-height:30px; }


.inside_rt{ float:right; width:960px;}


.product{ }
.product ul li{ float:left; width:300px; margin:0 10px 20px 10px; text-align:center;}
.product ul li:hover{ box-shadow:1px 2px 12px 1px rgba(0, 0, 0, 0.2);}
.product ul li .img{ height:220px; position:relative; overflow:hidden;}
.product ul li .img img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto; transition:all .3s ease;}
.product ul li:hover .img img{ transform:scale(1.1); transition:all .3s ease;}
.product ul li h2{ font-weight:normal; height:30px; line-height:30px; overflow:hidden; background:#16395f; color:#fff; font-size:18px;}



.tit3{}
.tit3 h2{ font-size:46px; line-height:1.5em; font-weight:normal;}
.tit3 h2 span{ display:inline-block; border-bottom:2px solid #;}
.tit4{ background:#16395f; text-align:center; color:#fff;}
.tit4 h2{ font-size:36px; line-height:2em; font-weight:normal;}
.news{}
.news1{}
.news1 .list{ font-size:18px; line-height:1.5em; margin-top:10px;}
.news2{ margin-top:30px;}
.news2 .list{ margin-top:10px;}
.news2 .list ul li{ padding:10px 0; border-bottom:1px dashed #16395f;}
.news2 .list ul li h2{ font-size:18px; line-height:1.5em;}
.news2 .list ul li h2 a{ color:#333;}
.news2 .list ul li h3{ font-weight:normal; font-size:14px; line-height:1.5em; color:#999;}
.news2 .list ul li h4{ font-weight:normal; font-size:14px; line-height:1.5em; color:#666;}
.more3{ text-align:right;}
.more3 a{ display:inline-block; border:1px solid #16395f; color:#16395f; border-radius:5px; padding:0 20px; height:34px; line-height:34px; font-size:16px;}
.more3 a:hover{ background:#16395f; color:#fff;}


.contact{ padding:30px 0 50px 0;}
.contact1{}
.contact1 ul li{ float:left; width:380px; margin:0 30px 0 0; box-shadow:0px 0px 4px 0px rgb(217, 217, 217); text-align:center; }
.contact1 ul li:nth-child(3n){ margin:0 0 0 0;}
.contact1 ul li .img{ width:80px; height:80px; line-height:80px; border-radius:5px; text-align:center; margin:0 auto; margin-top:20px; background:#16395f; color:#fff;}
.contact1 ul li .img i{ font-size:30px; vertical-align:middle;}
.contact1 ul li .txt{ font-size:16px; line-height:1.5em; height:6em; overflow:hidden; font-weight:bold; padding:20px 20px;}
.contact2bg{ margin-top:30px;}
.contact2{ padding:30px 0;}
.contact2 .txt{}
.contact2 .txt{ box-shadow:0px 0px 5px 0px rgb(204, 204, 204); border-radius:20px 0 20px 0; width:560px; margin:0 auto; padding:10px 20px 20px 20px; background:#eaeaea;}
.contact2 .txt h2{ font-size:25px; line-height:1.5em; color:#16395f; text-align:center;}
.contact2 .txt h2 span{ display:block; font-weight:normal; font-size:14px; line-height:1.5em; color:#333;}
.contact2 .txt table{ border-spacing:0;}
.contact2 .txt table td{ padding-top:10px;}
.contact2 .txt .text1{ border:1px solid #ccc; background:#fff; width:548px; padding:0 5px; height:36px; line-height:36px; border-radius:5px;}
.contact2 .txt textarea{ border:1px solid #ccc; background:#fff; width:554px; height:120px; line-height:30px; border-radius:5px;}
.contact2 .txt .button1{ width:160px; height:36px; line-height:36px; background:#16395f; border-radius:3px; color:#fff; font-size:16px; cursor:pointer; opacity:.7;}
.contact2 .txt .button1:hover{ opacity:1;}
.contact2 .txt span{ display:block; font-size:16px; line-height:1.5em;}
.contact2 .txt b{ color:#f00;}





.pro_lybg{ }
.pro_ly{}
.pro_ly .lt{ background:#f8f8f8; box-shadow:0px 0px 5px 0px rgb(204, 204, 204); border-radius:10px; width:560px; padding:10px 20px 20px 20px;}
.pro_ly .lt h2{ font-size:25px; line-height:1.5em; color:#c0392b;}
.pro_ly .lt table{ border-spacing:0;}
.pro_ly .lt table td{ padding-top:10px;}
.pro_ly .lt .text1{ border:1px solid #ccc; background:#fff; width:548px; padding:0 5px; height:36px; line-height:36px; border-radius:5px;}
.pro_ly .lt textarea{ border:1px solid #ccc; background:#fff; width:554px; height:120px; line-height:30px; border-radius:5px;}
.pro_ly .lt .button1{ width:160px; height:36px; line-height:36px; background:#16395f; border-radius:3px; color:#fff; font-size:16px; cursor:pointer; opacity:.7;}
.pro_ly .lt .button1:hover{ opacity:1;}
.pro_ly .lt span{ display:block; font-size:16px; line-height:1.5em;}
.pro_ly .lt b{ color:#f00;}