@charset "utf-8";/* CSS Document */
*{margin: 0;padding: 0;}
html {font-size: 62.5%;height: 100%}
body {margin: 0 auto;font-size: 12px;font-size: 1.2rem;height: 100%;  font-family: "Arial"; margin: 0 auto;  max-width: 1920px; }
img {border: none;}
ul li {list-style-type: none;}
ul, form, p, a, img, table, tr, td, li, dd, dt, dl, span {margin: 0;padding: 0;list-style: none;color: #333;}
a {text-decoration: none;color: #333;outline: none;transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;-webkit-transition: 0.3s;}
h1 {margin: 0;padding: 0;font-weight: normal;color: #333;}
.clear {clear: both;}
.mln {margin-left: auto !important}
input, textarea {font-family:Arial, Helvetica, sans-serif;font-size: 12px;font-size: 1.2rem;color:#333;border: none;outline: none;}
.l{ float:left;}
.r{ float:right;}
.fix{*zoom:1; } .fix:after,.fix:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; }

::-webkit-input-placeholder {/* WebKit browsers */
 color:#333;}
:-o-placeholder {/* Mozilla Firefox 4 to 18 */
 color:#333;}
::-moz-placeholder {/* Mozilla Firefox 19+ */
 color:#333;}
:-ms-input-placeholder {/* Internet Explorer 10+ */
 color:#333;}

.tet::-webkit-input-placeholder {/* WebKit browsers */
 color:#fff;}
.tet:-o-placeholder {/* Mozilla Firefox 4 to 18 */
 color:#fff;}
.tet::-moz-placeholder {/* Mozilla Firefox 19+ */
 color:#fff;}
.tet:-ms-input-placeholder {/* Internet Explorer 10+ */
 color:#fff;}

@media screen and (min-width:1220px) {.wp {width: 1200px;margin: auto;}}
@media screen and (min-width:1000px) and (max-width:1219px) {.wp {width: 980px;margin: auto;}}
@media screen and (max-width:999px) {.wp {width: 95%;margin: auto;}}


@font-face {

    font-family: 'OPENSANSREGULAR_0';
    src: url('fonts/OPENSANSREGULAR_0.eot');
    src: url('fonts/OPENSANSREGULAR_0.eot') format('embedded-opentype'),
         url('fonts/OPENSANSREGULAR_0.woff2') format('woff2'),
         url('fonts/OPENSANSREGULAR_0.woff') format('woff'),
         url('fonts/OPENSANSREGULAR_0.ttf') format('truetype'),
         url('fonts/OPENSANSREGULAR_0.svg#OPENSANSREGULAR_0') format('svg');
}

.zitiop{  font-family: 'OPENSANSREGULAR_0';}

/*gotop*/
#returnTop {_display:none;position:fixed;_position:absolute;z-index:999; bottom:0px; right:10px; _bottom:auto;width:68px;height:68px;text-indent:-999px;overflow:hidden;background:url(../images/top.png) no-repeat;_backgroundurl:(../images/top.png) no-repeat;transition:bottom 0.9s;-webkit-transition:bottom 0.9s;-moz-transition:bottom 0.9s;-o-transition:bottom 0.9s; bottom:0px;}




/*kefu*/
.kefu{ position:fixed; z-index:99999999; top:250px; right:0px; width:69px; }

.kefu_top{}

.kefu li{ margin-top:4px; line-height:30px;}
.kefu li a{ font-size:14px; font-size:1.4rem; color:#fff; display:block; }
.kefu li a:hover{ color:#1a95e1; }

@media screen and (max-width:639px){
    .kefu{ width: 100%;  position:fixed; background: #fff; bottom:0px; top:auto; left:0px; }
    .kefu ul{ width: 100%; }
    .kefu li{ width: 33%; float: left;}
    .kefu li img{ display: block; width: 50px; margin: 0 auto;}
    .links{ padding-bottom: 0px; }
}











/*container*/
.container {width: 5px;height: 100%;position: absolute;right: 0px;top: 0px;transition: all 0.4s ease 0s;z-index: 999999;cursor: pointer;}
.container .menubtn {width: 35px;height: 30px;position: absolute;top:7px;right: 17px;transition: all 0.4s ease 0s;z-index: 999999}
.container .menubtn span {display: block;width: 100%;height: 5px;margin-bottom: 5px;background-color: #fff;}
.container .nav {width: 250px;height: 100%;background: rgba(0, 0, 0, 0.8);position: absolute;bottom: 0;right: 0;display: none;}
.container .nav ul {display: none;margin-top: 10px;}
.container .nav ul li {line-height: 40px;font-size: 12px;font-size: 1.2rem;text-indent: 30px;}
.container .nav ul li a {color: #fff;}
@media screen and (min-width:980px) {.container,.nav {display: none}}





.topnav{ background: #0261ae;  }


/*topnav_left*/
.topnav_left{ }
.topnav_left p{  font-size: 14px; font-size: 1.4rem; color: #fff;  line-height: 49px; padding-left: 21px; background: url(../images/top_nav1.png) no-repeat left center; }
.topnav_left p a{ font-size: 14px; font-size: 1.4rem; color: #fff;}

.topnav_left p a:hover{ color: #333; }

.form{   width: 230px; position: relative; border: 1px solid #80afd5;  background: #0261ae; margin-top: 11px; margin-left: 49px; }
.form .tet{ background: #0261ae; width: 90%; height: 28px; line-height: 28px; color: #fff;  padding-left: 5px; }
.form .suoosu{ cursor: pointer; font-size: 0; position: absolute; top:0; right: 0; display: block; width: 26px; height: 28px; background: url(../images/suoosu.png) no-repeat right center;}


/*topnav_right*/
.topnav_right{  margin-top: 14px; }
.forlimg a{ display: block; float: left; margin-left: 14px; }




/*footnav*/
.footnav{ }

/*.footnav .logo{  margin-top: 12px;}*/

.footnav_right form {margin-bottom: 10px; margin-top: 10px; }
.footnav_right form select{ color: #666666; width: 172px; height: 23px;line-height: 23px; outline: none; margin-top: 10px;
	 border: 1px solid #666666; padding-left: 5px; font-size:14px;font-size:1.4rem; }
.footnav_right form select option { color: #666666; font-size:14px;font-size:1.4rem;  } 


.footnav_ul{ margin-top: 16px; }
.footnav_ul>li{ float: left; margin-left: 46px; position: relative; padding-bottom: 18px; }
.footnav_ul>li>a{ border-bottom: 3px solid #fff; padding-bottom: 15px; font-size: 16px;font-size: 1.6rem; color: #333; font-weight: bold;text-transform: uppercase; }
.footnav_ul>li.on>a{ color: #0261ae; border-color:#0261ae; }
.footnav_ul>li:hover>a{ color: #0261ae; border-color:#0261ae; }

.footnav_ul>li:hover .show_head{  display: block; }
.footnav_ul>li:hover .show_head1{  display: block; }


.show_head{ display: none; position: absolute; top:100%; width: 143px; left:-31px; background: #0261ae;  z-index: 9999; padding-bottom: 5px; }
.show_head>li a{ display: block; font-size: 16px;font-size: 1.6rem; color: #fff; line-height: 30px; padding-left: 26px; }
.show_head>li:hover>a{ color: #0261ae; }
.show_head>li:hover{ background: #fff; color: #0261ae; }


.show_head1{ display: none; position: absolute; top:100%; width: 243px; left:-78px; padding-top: 5px; background: #0261ae;  z-index: 9999; padding-bottom: 5px; }
.show_head1>li { position: relative; color: #fff;  }
.show_head1>li>a{ display: block; font-size: 16px;font-size: 1.6rem; color: #fff!important; line-height: 30px; padding-left: 26px; }
.show_head1>li:hover>a{ color: #0261ae!important; }
.show_head1>li:hover{ background: #fff; color: #0261ae!important; }

.show_sanji{ display: none; position: absolute; top:100%; width: 243px; left:100%; padding-left: 5px; top:0;  z-index: 9999; padding-bottom: 5px; }
.show_sanji>ul{ background: #0261ae; padding-top: 5px; padding-bottom: 5px; }
.show_sanji>ul>li>a{ display: block; font-size: 16px;font-size: 1.6rem; color: #fff; line-height: 30px; padding-left: 26px; }
.show_sanji>ul>li:hover>a{ color: #0261ae; }
.show_sanji>ul>li:hover{ background: #fff; color: #0261ae; }



.show_head1>li:hover .show_sanji{ display: block;  }

.forlimg a { -webkit-transition: 0.3s all;-moz-transition: 0.3s all;-ms-transition: 0.3s all;transition: 0.3s all; }
.forlimg a:hover{ -webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg);}


.foot_right p a:hover{ -webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg);}

.navhead { display: none;  }
.navhead ul{ margin-top: 16px; }
.navhead ul>li{ float: left; width: 25%; text-align: center;  padding-bottom: 18px; }
.navhead ul>li>a{ border-bottom: 3px solid #fff; padding-bottom: 15px; font-size: 14px;font-size: 1.4rem; color: #333; font-weight: bold;text-transform: uppercase; }
.navhead ul>li.on>a{ color: #0261ae; border-color:#0261ae; }
.navhead ul>li:hover>a{ color: #0261ae; border-color:#0261ae; }



.main2 .m2item1 ul li .m2litop a{transition: all 0.5s linear;}
.main2 .m2item1 ul li .m2litop a:hover{-webkit-transform: scale(1.1);-ms-transform: scale(1.1); -moz-transform: scale(1.1);  -o-transform: scale(1.1);}

.main2 .m2item2 ul li .m2litop a {transition: all 0.5s linear;}
.main2 .m2item2 ul li .m2litop a:hover{-webkit-transform: scale(1.1);-ms-transform: scale(1.1); -moz-transform: scale(1.1);  -o-transform: scale(1.1);}

.main2 .m2item3 ul li .m2litop a {transition: all 0.5s linear;}
.main2 .m2item3 ul li .m2litop a:hover{-webkit-transform: scale(1.1);-ms-transform: scale(1.1); -moz-transform: scale(1.1);  -o-transform: scale(1.1);}



.img-list4 li .dan_wrap:hover .fu:hover img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1); -moz-transform: scale(1.1);  -o-transform: scale(1.1);}



/*lun bo*/
.index_focus {position: relative;width: 100%;height:665px;margin: 0 auto ; overflow:hidden; z-index:9}
.index_focusn{width:1920px; position:absolute; left:50%; top:0px; margin-left:-960px; height:100%;z-index:99}
.index_focus .bd li {display: none;position: absolute;left: 0;top:0;width:1920px;z-index:999}
.index_focus .slide_nav {position: absolute; bottom:109px; left:50%; margin-left:-93px; z-index:9998 }
.index_focus .slide_nav a{ width:41px; height:5px; cursor:pointer;float:left; margin-right:3px; margin-left:2px;
 background:url(../images/yao_hui.png);}

.index_focus_post {z-index: 10;}
.index_focus .pic {height: auto;display: block;	margin:0 auto;}
.index_focus .pic:hover {text-decoration: none;}
.index_focus .slide_nav li:hover,.index_focus .slide_nav .on{text-decoration: none; background:url(../images/yao_1.png);}


.index_focus_pre,.index_focus_next {display: block; position: absolute;top:50%;margin-top:-86px;width:66px;height:66px;text-indent: 100%;white-space: nowrap;overflow: hidden;z-index:9999}
.index_focus_pre {left: 0%; background:url(../images/baleft.png) no-repeat;}
.index_focus_next {right:0%;background:url(../images/baright.png) no-repeat;}





.index_focus2 {position: relative;width: 100%;height:727px;margin: 0 auto; overflow:hidden; z-index:9}
.index_focusn2{width:1920px; position:absolute; left:50%; top:0px; margin-left:-960px; height:100%;z-index:99}
.index_focus2 .bd li {display: none;position: absolute;left: 0;top:0;width:1920px;z-index:999}
.index_focus2 .slide_nav {position: absolute; bottom:22px; left:50%; margin-left:-48px; z-index:9998 }
.index_focus2 .slide_nav a{ width:16px; height:16px; cursor:pointer;float:left; margin-right:4px; margin-left:4px; background:url(../images/yao_hui.png);}


.index_focus_post {z-index: 10;}
.index_focus2 .pic {height: auto;display: block;	margin:0 auto;}
.index_focus2 .pic:hover {text-decoration: none;}
.index_focus2 .slide_nav li:hover,.index_focus2 .slide_nav .on{text-decoration: none; background:url(../images/yao_1.png);}

.index_focus_pre2,.index_focus_next2 {display: block; position: absolute;top:50%;margin-top:-23px;width:50px;height:50px;text-indent: 100%;white-space: nowrap;overflow: hidden;z-index:9999}
.index_focus_pre2 {left: 3.1%; background:url(../images/baleft.png) no-repeat;}
.index_focus_next2 {right:3.1%;background:url(../images/baright.png) no-repeat;}


@media screen and (min-width:1000px) and (max-width:1219px) {
.index_focus {height:532px;}
.index_focusn{height:532px;}
.index_focusn img {width: 80%;}
.index_focus2 {height:272px;}
.index_focusn2 {height:272px;}
.index_focusn2 img {width: 80%;}
}
@media screen and (min-width:1000px) {.carousel,.clear2{display: none}}
@media screen and (max-width:999px) {
.index_focus {display: none}
.index_focus2 {display: none}

.carousel{width: 100%;position: relative;overflow: hidden; z-index:9999; }
.carousel ul{width: 100%;height: 100%;}
.carousel ul li{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.carousel ul li img{width: 100%; vertical-align: middle;}
.carousel ol{position: absolute;z-index: 2; height:5px; bottom:15px;left: 50%;-webkit-transform:translate3d(-50%,0,0);}
.carousel ol li{float: left;width: 10px;height: 10px;margin-right: 10px;border-radius: 5px;background-color: #fff;transition:all 0.3s ease 0s;}
.carousel ol li.cur{width: 10px;background:#e9430d;}
.carousel ol li:last-child{margin: 0;}
}



.pc_banner{ position: relative;  padding-bottom: 40px;  }

/*main1*/
.main1{ position:absolute; width:1196px; left:50%; margin-left:-598px; bottom:0px; height:123px; background:url( ../images/mian1bjo.jpg ) no-repeat top center; z-index:999}
.m1l{ width:284px; height:126px; position:absolute; left:0px; top:0px;}
.m1l a{ display:block; font-size:30px; font-size:3rem; color:#fff; text-transform:uppercase; font-weight: bold; font-style: italic;
	 line-height:60px; padding-left:16px;font-family: 'Tahoma'; /*margin-top:29px;*/}



.m1r{ margin-left:272px; padding-top:5px; padding-bottom:17px;}
.m1r li{ width:20%; *width:16%; float:left;}
.m1r li a{ display:block; text-align:center; font-size:16px; font-size:1.6rem; color:#fff; line-height:24px; padding-top:63px; height:38px; }
.m1r1{ background:url(../images/m1tu1.png) no-repeat center 18px; border:none !important}
.m1r2{ background:url(../images/m1tu2.png) no-repeat center 18px;}
.m1r3{ background:url(../images/m1tu3.png) no-repeat center 18px;}
.m1r4{ background:url(../images/m1tu4.png) no-repeat center 18px;}
.m1r5{ background:url(../images/m1tu5.png) no-repeat center 18px;}
.m1r6{ background:url(../images/m1tu6.png) no-repeat center 18px;}

/* @media screen and (min-width:1000px) and (max-width:1219px) {
.main1{ width:980px; left:50%; margin-left:-490px;}
} */
@media screen and (max-width:1219px) {

.main1 { background: none; position:relative; width: 95%;margin: auto; left:auto; bottom:auto; margin-top:20px; height:auto;}
.banner{ padding-bottom:0px;}
.m1l{ width:100%; position:relative; padding-top:2px; background: #5c5c5c;height:60px; }
.m1l a{ padding-left:0px; text-align:center;font-size: 2.1rem; }
.m1r{ margin-left:auto; background: #0261ae; }
}
@media screen and (max-width:799px) {
.m1r li{ width:33.333%; *width:33%; float:left;}
}
@media screen and (max-width:399px) {
.m1r li{ width:50%; *width:49.5%; float:left;}
}






/*main1*/
.danmain1{ width: 100%; padding-top: 87px; padding-bottom: 47px; }
.danmain1 .title{ /*margin-bottom: 27px;*/ display: block;text-align: center; width: 100%;  font-family: "Tahoma"; color: #0261ae; font-weight: bold; padding-bottom: 30px;
 font-size: 44px; font-size: 4.4rem; text-transform: uppercase; background: url(../images/maintit1.jpg) no-repeat bottom center; }
/*.danmain1 .title:hover{ color: #333; }*/


.img-scroll4 { position:relative; /*padding-bottom:33px;*/}
.hot2nav{ width:103px; height:43px; margin: 0 auto; position: relative; top: -5px; }
.img-scroll4 .prev4,.img-scroll4 .next4{position:absolute;display:block;width:43px;height:43px;}
.img-scroll4 .prev4 { left:0;cursor:pointer; background:url(../images/hotleft.png) no-repeat center;}
.img-scroll4 .next4 { right:0;cursor:pointer; background:url(../images/hotright.png) no-repeat center;}
.img-scroll4 .prev4:hover { background:url(../images/hotlefth.png) no-repeat center;}
.img-scroll4 .next4:hover { background:url(../images/hotrighth.png) no-repeat center;}
.img-list4 { position:relative; width:100%; overflow:hidden}
.img-list4 ul { width:9999px;}
.img-list4 li { float:left; display:inline; width:363px; margin-right:53px;}
.img-list4 li .hottu2{ display: block;}
.img-list4 li .hottu2 img{ display: block; max-width: 363px; width: 100%; margin: 0 auto;}
.img-list4 li .dan_wrap{ text-align: center; position: relative;  margin: 0 auto;  width: 365px; height: 340px; margin-top: 17px;
	background: url(../images/productbj.png)no-repeat bottom center ; background-size: 100%; padding-bottom: 25px; }

.img-list4 li .dan_wrap2{ text-align: center; position: relative; border: 1px solid #9b9999; 
 margin: 0 auto;  width: 365px; height: 340px; overflow: hidden; }

.img-list4 li .dan_wrap2 a{ display: block;}
.img-list4 li .dan_wrap .fu{ text-align: center; position: absolute; top:85%; left: 0;  width: 100%; height: 100%; background: url(../images/mi1fu.png) repeat top center; }
.img-list4 li .dan_wrap .fu span{ display: block; color: #fefefe; margin: 0 auto; }
.img-list4 li .dan_wrap .fu .span1{ padding-top: 0; font-size: 18px; font-size: 1.8rem; line-height: 51px; text-align: center; color: #fffdfd; }
.img-list4 li .dan_wrap .fu .span2{ /*padding-top: 10px; padding-bottom: 73px; font-size: 14px; font-size: 1.4rem; line-height: 23px; width: 88%; text-align: center; */}


.img-list4 li .dan_wrap:hover .fu{ top:1px; }
/*.img-list4 li .dan_wrap .span1:hover{ color: #0261ae; }
.img-list4 li .dan_wrap span:hover{ color: #0261ae; }*/
.img-list4 li .dan_wrap:hover .fu .span1{ padding-top: 55px; font-size: 24px; font-size: 2.4rem; font-weight: bold; text-align: center; color: #fffdfd; }


@media screen and (min-width:1000px) and (max-width:1219px){
.hotmain2 .img-list4 li { width:237px; margin-right:10px;}
}
@media screen and (max-width:999px){
.hotzi2{ font-size:16px; font-size:1.6rem;}
.hotmain2 .img-list4 ul { width:1000%;}
.hotmain2 .img-list4 li { width:3.13%; margin-right:0.3%;}
}
@media screen and (max-width:639px){
.hotmain2 .img-list4 li { width:4.85%; margin-right:0.3%;}
.netu{ position:relative; left:50%; margin-left:-140px;width:280px;}
.nezi{ padding-left:0px; padding-top:20px;}
.nezi p a{ height:auto}
.hot2nav{ top:10px;}
.img-scroll4 { padding-top:45px;}
}
@media screen and (max-width:379px){
.hotmain2 .img-list4 li { width:10%;}
.m3title3{ font-size: 3.6rem; padding-bottom: 10px; }
}













/*main2*/
.main2{ padding-top: 88px; width: 100%; background: url(../images/main2bj.jpg) no-repeat top center; margin-bottom: 84px;}


.main2 .m2item1 ul li{width: 294px;margin-left: 8px;position: relative;overflow: hidden;float: left;min-height: 1px;}
.main2 .m2item1 ul li.li3{width: 595px;max-width: 538px;float: right;}
.main2 .m2item1 ul li .m2litop a{display: block;}
.main2 .m2item1 ul li .m2litop a img{display: block;max-width:100%; }

.main2 .m2item1 ul li.li3 .m2title{text-align: right; margin-top: -9px; padding-bottom: 35px; margin-bottom: 30px; background: url( ../images/shuibj.png ) no-repeat bottom right }
.main2 .m2item1 ul li.li3 .m2title a{font-size:44px;font-size:4.4rem;color:#0261ae; font-family: "Tahoma"; text-transform: uppercase; font-weight: bold; }
/*.main2 .m2item1 ul li.li3 .m2title a:hover{text-decoration: underline;}*/
.main2 .m2item1 ul li.li3 .m2cont{text-align: right;}
.main2 .m2item1 ul li.li3 .m2cont a{text-align: right;font-size:16px;font-size:1.6rem;color:#333;line-height: 24px;}
/*.main2 .m2item1 ul li.li3 .m2cont a:hover{text-decoration: underline;}*/


.main2 .m2item2{margin-top: 7px;}
.main2 .m2item2 ul li{width: 295px;margin-left: 6px;position: relative;overflow: hidden;float: left;min-height: 1px;  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.2); }
.main2 .m2item2 ul li .m2litop a{display: block;}
.main2 .m2item2 ul li .m2litop a img{display: block;max-width:100%;  }


.main2 .m2item3{margin-top: 7px;}
.main2 .m2item3 ul li{width: 294px;margin-left: 8px;position: relative;overflow: hidden;float: left;min-height: 245px;}
.main2 .m2item3 ul li .m2litop a{display: block;}
.main2 .m2item3 ul li .m2litop a img{display: block;max-width:100%; }



.main2 .m2item3 ul li.li1 a{position: relative;top: 46.5%; left: 0; display: block;width: 191px;height: 65px;
	line-height: 65px;text-align: center;color:#fff;font-size:20px;
	font-size:2rem;background:#0261ae;}

.main2 .m2item3 ul li.li1 a:hover{ text-decoration: underline; }


@media screen and (max-width:1219px) {
    .main2 .m2item3 ul li{min-height: 200px;}
}
@media screen and (max-width:1219px) {
    .main2 .m2item3 ul li{min-height: 188.95px;}
}

/* main2-1 */
.main2-1{display: none;}
.main2-1{background:url(../images/main2bj.jpg) no-repeat center center;padding-top: 47px;padding-bottom: 48px;}
.main2-1 .m2title{text-align: center;padding-top: 25px;margin-bottom: 21px;}
.main2-1 .m2title a{font-size:30px;font-size:3rem;color:#333;}
.main2-1 .m2cont{text-align: center;}
.main2-1 .m2cont a{text-align: center;font-size:16px;font-size:1.6rem;color:#333;line-height: 30px;}
.main2-1 ul{margin-top: 20px;}
.main2-1 ul li{float: left;width: 23%;margin: 1%!important;}
.main2-1 ul li .m2litop a{display: block;}
.main2-1 ul li .m2litop a img{display: block;max-width:100%; }
.main2-1 ul li .m2litop a span{height: 20px;overflow: hidden; display: block;text-align: center;padding: 5px 0;font-size:14px;font-size:1.4rem;color:#333;background-color: #fff;}

.main2-1 .m2more a{display: block; margin: 0 auto; margin-top: 20px; width: 191px;height: 65px; line-height: 65px;text-align: center;color:#fff;font-size:20px;	font-size:2rem;background:#0261ae;}
.main2-1 .m2more a:hover{ text-decoration: underline; }

@media screen and (max-width:1219px) {
    .main2 .m2item1 ul li{width: 239px;}
    .main2 .m2item2 ul li{width: 239px;}
    .main2 .m2item3 ul li{width: 239px;}
    .main2 .m2item3 ul li.li4 a{left: 2%;}
}
@media screen and (max-width:999px) {
    .main2 .m2item1 ul li{width: calc(25% - 6px);}
    .main2 .m2item2 ul li{width: calc(25% - 6px);}
    .main2 .m2item3 ul li{width: calc(25% - 6px);}
    .main2 .m2item3 ul li.li4 a{left: 1%;}
}
@media screen and (max-width:979px) {
    /* .main2 .m2item3 ul li .m2lizz{top: 0;background:none;} */
    .main2{display: none;}
    .main2-1{display: block;}
    .main2-1{ margin-bottom: 35px; }
}
@media screen and (max-width:799px) {
    .main2-1 ul li{width: 31%;}
}
@media screen and (max-width:535px) {
    .main2-1{background-attachment: fixed;}
    .main2-1 ul li{width: 48%;}
}
@media screen and (max-width:399px) {
    .main2-1 ul li{width: 98%;float: none;margin: 1% auto!important;max-width: 294px;}
}






/*main3*/
.main3{ padding-bottom: 60px;  }
.main3 .title { margin-bottom: 56px; }
.main3 .title a{ color: #0261ae; }
.main3 .title .tit{ font-weight: bold; font-size: 30px; font-size: 3rem; line-height: 30px; font-family: "Tahoma";
	 background: url(../images/main3shu.png) no-repeat bottom left; padding-bottom: 24px; }
.main3 .title .more{ font-size: 16px; font-size: 1.6rem;  position: relative; top: 35px; }

.main3 a:hover{ color: #0261ae; }

.main3 .title .tit:hover{  color: #333; }
.main3 .title .more:hover{  color: #333; }


.main3left{ width: 584px; }
.main3left dl{margin-bottom: 27px;}
.main3left dl dd { width: 303px;}
.main3left dl dd a{ display: block;}
.main3left dl dd .tit1 {  font-size: 16px; font-size: 1.6rem; line-height: 24px; font-weight: bold;}
.main3left dl dd .tit2 { padding-top: 8px; padding-bottom: 15px; font-size: 14px; font-size: 1.4rem; line-height: 24px;  }
.main3left dl dd span{ padding-top: 6px; font-size: 14px; font-size: 1.4rem; color: #666666; line-height: 28px;padding-bottom: 5px;
 background: url(../images/time.png) no-repeat left 4px; padding-left: 25px;}


.main3left dl dt{ display: block;}
.main3left dl dt a{ display: block;}
.main3left dl dt a img{ display: block; max-width: 257px; max-height:171px; width: 100%; }



.main3right{ width: 550px; }
.main3right dl dd { width: 550px;}
.main3right dl dd a{ display: block;}
.main3right dl dd .tit1 { padding-top: 27px; padding-bottom: 21px; font-size: 20px; font-size: 2rem;  line-height: 24px; font-weight: bold;}
.main3right dl dd .tit2 { padding-bottom: 15px; font-size: 14px; font-size: 1.4rem; line-height: 24px; }
.main3right dl dd span{ padding-top: 6px; font-size: 14px; font-size: 1.4rem; color: #666666; line-height: 28px;
 background: url(../images/time.png) no-repeat left 4px; padding-left: 25px;}



.main3right dl dt{ display: block;}
.main3right dl dt a{ display: block;}
.main3right dl dt a img{ display: block; max-width: 515px; max-height:240px; width: 100%; }










/*footer*/
.footer{ background: #242424; padding-bottom: 3px;}
.footer .wp{  padding-top: 44px; padding-bottom: 20px; }
.footer .wp>div{ float: left; }


.footer .ttile a{ padding-bottom: 28px; display: block; font-size: 22px; font-size: 2.2rem;  line-height: 28px; text-transform: uppercase; color: #fff;}

.footer ul li{ font-size: 14px; font-size: 1.4rem; line-height: 28px; color: #cdcdcd;}
.footer ul li a{ font-size: 14px; font-size: 1.4rem; line-height: 28px; color: #cdcdcd;}
.footer p{ font-size: 14px; font-size: 1.4rem; line-height: 28px; color: #cdcdcd;}
.footer p a{ font-size: 14px; font-size: 1.4rem; line-height: 28px; color: #cdcdcd;}
.footer ul li a:hover{ color: #fff; }
.footer p a:hover{ color: #fff; }

.foot_left{ width: 22%; }
.foot_center1{ width: 26.4%;  }
.foot_center2{ width: 24%; }
.foot_right{  width:20.6%; float: right!important; }


.footer .foot_center2 ul li{ margin-bottom: 2px; font-size: 14px; font-size: 1.4rem; line-height: 28px; color: #cdcdcd;}

.forlimg1{ padding-top: 7px; }
.forlimg1 a{ display: block; float: left; margin-left: 20px; }

.foot_right p{ font-size:16px;font-size:1.6rem;color:#fff; line-height: 39px;}
.foot_right p a{ font-size:16px;font-size:1.6rem;color:#fff; line-height: 39px;}
.foot_right p a:hover{ color: #0261ae; }
.foot_right .ppp{ padding-top: 32px;}


.links{background: #0261ae; height: 44px; }
.links p{ font-size:16px; font-size: 1.6rem; line-height: 44px;color: #fff;  }
.links p a{ font-size:16px; font-size: 1.6rem; line-height: 44px;color: #fff; padding-left: 5px;  }
.links p a:hover{ color: #333; }



@media screen and (max-width:1219px) {

.footnav_ul li{ margin-left: 15px; font-size: 14px!important; font-size: 1.4rem!important;}

.footnav_ul>li>a {
    border-bottom: 3px solid #fff;
    padding-bottom: 15px;
    font-size: 12px;
    font-size: 1.2rem;
    color: #333;
    font-weight: bold;
    text-transform: uppercase;
}

.img-list4 ul{ width: 1000%; }
.img-list4 li{ width: 2.9%; margin-left: .2%;margin-right: .2%; }
.img-list4 li .dan_wrap{ width: 100%; height: auto; padding-bottom: 17px; }
.img-list4 li .dan_wrap2{ width: 100%; height: auto; }
.img-list4 li .dan_wrap .fu .span1{ line-height: 40px; }

.main2 .m2item1 ul li.li3{  width: 486px; }


.main3left{  width: 450px; }
.main3right{ width: 450px; }

.main3left dl dt{ width: 200px;  }
.main3left dl dd{ width: 240px;}
.main3right dl dd{ width: 100%;}
.forlimg1 a{ margin-left: 12px; }
}

@media screen and (max-width:999px) {
    .danmain1{  padding-top: 0; }
    .main2 .m2item1 ul li.li3{ width: 440px; }

    .main2 .m2item1 ul li.li3 .m2title{ padding-bottom: 10px; margin-bottom: 10px; }
    .forlimg1 a{ margin-left: 9px; }
}



@media screen and (max-width:979px) {
    .topnav{   }
    .danmain1{ }

    .topnav_right{ margin-right: 40px; }

    .main3left{  width: 100%; }
    .main3right{ width: 100%; }

    .main3left dl dd{ width: 100%; float: none; }
    .main3left dl dt{ width: 100%; float: none; margin-bottom: 10px; }
    .foot_right p a{ margin-left: 0; width: 16%; }

    .footnav_ul{ display: none; }
    .navhead { display: block;  }
    .img-list4 li .dan_wrap{  background: none; }
    .img-list4 li .dan_wrap .fu{ position: relative; }
    .img-list4 li .dan_wrap .fu img{ display: none; }
    /*.img-list4 li .dan_wrap .fu .span2{ padding-bottom: 20px; min-height: 123px; }*/
 }

@media screen and (max-width:940px) {
    .foot_left{ width:48% ; padding-bottom: 20px; }
    .foot_center1{ width:48% ; float: right!important; padding-bottom: 20px; }
    .foot_center2{ width:48% ; }
    .foot_right{  width:48%; float: right!important; }
    .img-list4 li{ width: 4.6%; }
}


@media screen and (max-width:810px) {
.topnav{   padding-bottom: 20px; }
.topnav_right{ margin-right: 0px; float: none; }
.forlimg a{ margin-right: 20px; margin-left: 0; }
}

@media screen and (max-width:590px) {
    .topnav_left p{ margin-left: 0; float: none; }
    .form{ margin-left: 0; float: none; margin-top: -5px;  margin-bottom: 10px; }
}


@media screen and (max-width:640px) {
    .links{ font-size: 0; }
    .links p{ font-size: 0; }
    .links p a{ font-size: 0; }
}

@media screen and (max-width:530px) {
    .foot_left{ width:100% ; padding-bottom: 20px; float: none;}
    .foot_center1{ width:100% ; float: none!important; padding-bottom: 20px; }
    .foot_center2{ width:100% ; float: none; padding-bottom: 20px;}
    .foot_right{  width:100%; float: none!important; padding-bottom: 20px;}
    .footnav .logo{ width: 100px; }
    .footnav .logo img{ display: block; /*max-width: 100%;*/ }


}

@media screen and (max-width:430px) {
.img-list4 li{ width: 9.6%; }
}


   




/*break*/
.break{ border-top: 1px solid #bebebe; padding-top: 19px; }
.break p a{ font-size: 16px; font-size: 1.6rem; line-height: 30px; }
.break p a.on{ color: #0261ae;}
.break p a:hover{ color: #0261ae;}






/*about1*/
.about1{padding-top: 21px; }
.about2{padding-top: 21px; }
.about3{padding-top: 21px; }
.about4{padding-top: 21px; }
.about5{padding-top: 21px; }


/*ab_left*/
.ab_left{ width: 176px; }
.ab_left .title{ font-family: 'OPENSANSREGULAR_0'; margin-bottom: 3px; font-size: 22px; font-size: 2.2rem; line-height: 44px;
    background: #0261ae; color: #fff; text-transform: uppercase; display: block; text-align: center; }

.ab_left .subNavBox{}
.ab_left .subNav{cursor: pointer;margin-bottom: 0px; margin-top: 1px;   padding-top: 0px;
	background:#f1efef url(../images/probg.png) no-repeat 83% center; }
.ab_left .subNav>a{ font-family: "Arial";  line-height:38px; padding-left:29px;
 font-size:14px; font-size:1.4rem; color:#333333; transition:0s;}
.ab_left .subNav:hover{ background:#f1efef url(../images/probgon.png) no-repeat 83% center;   }
.ab_left .subNav:hover>a{ color:#0261ae;}

.ab_left .currentDd{ background:#f1efef url(../images/probgon.png) no-repeat 83% center;   }
.ab_left .currentDd>a{color:#0261ae;}


.ab_left .navContent{border-top: 1px solid #000;  display: none; background:#fff;position: relative;
  padding-top:2px;padding-bottom:2px;}
.ab_left .navContent>li>a{  font-family: "Arial";  display:block; font-size:14px; font-size:1.4rem;
 padding-top: 0;padding-bottom: 0px; color:#666; padding-left:40px;line-height: 36px;
background:url(../images/hengxian.png) no-repeat 14px center;}
.ab_left .navContent>li>a:hover{color: #f1efef;}

.navContent p{padding:0 20px; font-size: 1.4rem; line-height: 24px;}



/*ab1_right*/
.ab1_right{ width: 979px; line-height:30px; }

.ab1_right .title{ padding-bottom: 32px; font-size: 36px; font-size: 3.6rem; line-height: 30px; font-weight: bold; color: #1e5998; display: block; text-align: center; }
.ab1_right .tit2{ padding-bottom: 36px; font-size: 14px; font-size: 1.4rem; text-align: center; color: #221815; display: block;line-height: 24px; }


.ab_ul{ }
.ab_ul li{ float: left; margin-left: 33px; margin-top: 10px; }
.ab_ul li .warp{ position: relative; overflow: hidden;max-width: 220px;  width: 100%; margin: 0 auto; }
.ab_ul li .wenzi{max-width: 220px; width: 100%; text-align: center;  margin: 0 auto; }
.ab_ul li .wenzi a{ font-size:13px;font-size:1.3rem;color:#333; line-height: 46px; }
.ab_ul li .warp .fu{ position: absolute; top:100%; left: 0; }
.ab_ul li img{ display: block; max-width: 220px; max-height: 175px; width: 100%;}
.ab_ul li:hover .warp .fu{ top:0; }
 
.ab_ul3{ margin-top: -3px; }
.ab_ul3 li{ float: left; margin-left: 54px; margin-bottom: 10px; }
.ab_ul3 li .warp{ position: relative; overflow: hidden;  max-width: 204px; width: 100%; margin: 0 auto; }
.ab_ul3 li .warp a{ display: block; }
.ab_ul3 li .warp .fu{ position: absolute; top:100%; left: 0; }
.ab_ul3 li img{ display: block; max-width: 204px; max-height: 288px; width: 100%;}
.ab_ul3 li:hover .warp .fu{ top:0; }
.ab_ul3 li .wenzi{max-width: 204px; width: 100%; text-align: center;  font-size:13px;font-size:1.3rem;color:#333; line-height: 52px;margin: 0 auto; }




#baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;  background-color:#222;background-color:rgba(0,0,0,.8);-webkit-transition:opacity .5s ease;transition:opacity .5s ease;z-index:99999999999999999999999999999999999999;}
#baguetteBox-overlay.visible{opacity:1}
#baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center;}
#baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%}
#baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);-moz-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6);}

#baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;color:#ccc;background-color:#000;background-color:rgba(0,0,0,.6);font-family:Verdana, Geneva, sans-serif;}
#baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}
#baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-moz-transform .4s ease;transition:left .4s ease,transform .4s ease}
#baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}
#baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}
.baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px}
.baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;-moz-border-radius:15%;
border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,.5);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease;}
.baguetteBox-button:hover{background-color:rgba(50,50,50,.9)}
.baguetteBox-button#next-button{right:2%}
.baguetteBox-button#previous-button{left:2%}
.baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px}
.baguetteBox-button svg{position:absolute;left:0;top:0}
.spinner{width:40px;height:40px;display:inline-block;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px}
.double-bounce1,.double-bounce2{width:100%;height:100%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}
.double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}







/* about3 */
.about3 .ab_tiitle{  font-size:21px;font-size:2.1rem;color:#0261ae; font-weight: bold; text-align: center;  }
.about3 .ab3_img{ display: block; max-width: 998px; width: 100%; margin: 0 auto;margin-top: 14px;  margin-bottom: 35px; }
.about3 .ab3_p {padding-bottom: 68px;}
.about3 .ab3_p  p{ padding-bottom: 25px; font-size:14px;font-size:1.4rem;color:#333; line-height: 24px; }


/*ppage*/
.ppage{text-align: center; width: 100%; margin-top: 17px; padding-bottom: 99px; }

.ppage a {display: inline-block; font-family: "Arial";  background-color: transparent;color: #333;  margin-right:5px;
width: 34px;height: 28px; background: #eeeeee; line-height: 28px;border: 1px solid #e5e5e5; text-align:center;font-size: 12px;font-size: 1.2rem;border-radius: 0px;}
.ppage a.on,.ppage a:hover{ background-color:#0261ae;color: #fff; border-color: #0261ae; }


.ppage a.first{width:59px;margin-right:6px;}
.ppage a.last{width: 59px;margin-left: -2px;}

.ppage a.no,.ppage a.no:hover{ background-color:#0261ae;color: #fff; border-color: #0261ae;}


/* about4 */
.about4{ }

.about4 .ab1_right{ padding-bottom: 86px;}
.about4 .ab4_title { font-size: 36px; font-size: 3.6rem;  font-weight: bold; color: #0261ae; margin-top: -4px; padding-bottom: 8px; }
.about4 .ab4_title2 { font-size:14px;font-size:1.4rem;color:#333; line-height: 24px; padding-bottom: 31px; }
.about4 .ab4_title3 { font-size:24px;font-size:2.4rem;color:#333; line-height: 24px; font-weight: bold; padding-bottom: 21px; }

.about4 dl{background: url(../images/dlline.png) repeat-y center center; display: block;margin-top: 9px;}
.about4 dl dd{width: 51%;position: relative;}
.about4 dl dd span.year{position: absolute;font-size: 24px;font-size: 2.4rem;line-height: 30px;color: #333;text-align: left; font-weight: bold; }
.about4 dl dd.ddd .year{right:28px;top:-8px;}
.about4 dl dd.dds .year{left: 28px;top: -8px;}
.about4 dl dd img{display: block; margin-bottom: 14px; max-width: 438px; width: 100%; }
.about4 dl dd.ddd img{margin-right: 0%;}
.about4 dl dd.dds img{margin-left: 12%; }
.about4 dl dd p{font-size: 14px;font-size: 1.4rem;line-height: 30px;color: #333;margin-bottom: 5px;text-indent: 0!important;text-align: left;}
.about4 dl dd.ddd{float: left;background: url(../images/quan.jpg) no-repeat right top; padding-left:0%;}
.about4 dl dd.dds{float:right;background: url(../images/quan.jpg) no-repeat left top; padding-right: 0%;}

.about4 dl dd.ddd:hover{float: left;background: url(../images/quanon.jpg) no-repeat right top; padding-left: 0%;}
.about4 dl dd.dds:hover{float:right;background: url(../images/quanon.jpg) no-repeat left top; padding-right: 0%;}

.about4 dl dd.dds p{ padding-left: 121px; padding-right: 0; }
.about4 dl dd.ddd p{ padding-right: 84px;  }


.about4 dl dd .sjbox{width: 100%;}
.about4 dl dd .zui{font-size: 14px;font-size: 1.4rem;line-height: 30px;color: #333;margin-bottom: 0px;text-indent: 0!important;text-align: left; }




/* about5 */
.about5 .ab1_right{padding-bottom: 101px; }
.about5 .ab4_title { padding-bottom: 29px; text-align: center;  font-family: "Tahoma"; font-size:40px; font-size: 4rem;  font-weight: bold; color: #0261ae; margin-top: -10px; }
.about5 .ab4_title2 { font-size:14px;font-size:1.4rem;color:#333; line-height: 24px; }

.ab4_title2 table,.nex table{ width:97%; border-collapse:collapse; line-height:24px; margin-top: 23px;}
.ab4_title2 tr td,.nex tr td{ line-height:24px; padding:2px; border: 1px solid #ccc; text-align: center;width: 43px;height: 43px;}





@media screen and (max-width:1219px){
    .about4 dl dd{width: 51%;}
    .about4 dl dd .sjbox{ width: 90%; }
    .about5 .col{ width: 300px; }
    .about5 .coxin .int1 input{ width: 250px; }
}
@media screen and (max-width:639px){
    .about4 dl dd{width: 100%;  }
    .about4 dl dd .sjbox{width: 100%;margin-top: 30px;}
    .about4 dl dd .sjbox img{float: none!important;}
    .about4 dl{background: none;}

    .about4 dl dd.dds .year{left:20px;}
    .about4 dl dd.ddd .year{left:20px;}
    .about4 dl dd.ddd{float: left;background: url(../images/quan.jpg) no-repeat left 1px; padding-left: 0;}
    .about4 dl dd.dds{padding-right: 0;}

    .about4 dl dd.ddd img{margin-right:0%;}
    .about4 dl dd.dds img{margin-left:0%;}
    .about4 dl dd.ddd .year{ top:-4px; }
    .about4 dl dd.dds .year{ top:-4px; }
    .about4 dl dd.dds p{ padding-left: 0; }
    .about4 dl dd.ddd p{ padding-right: 0; }
    
}






@media screen and (max-width:1219px) {
    .ab_left{}
    .ab1_right{ width: 779px; }

    .ab_ul3 li{ width: 23%; margin-left: 1%!important; margin-right: 1%!important; }
    .ab_ul li{ width: 23%; margin-left: 1%!important; margin-right: 1%!important; }
}
    
@media screen and (max-width:999px) {
    .ab_left{}
    .ab1_right{ width: 735px; }
}
    
@media screen and (max-width:979px) {
    .ab_left{ width: 100%; float: none; margin-bottom: 30px; }
    .ab1_right{ width: 100%; float: none; }
    .ab_ul3 li .warp .fu{ top:0; }
    .ab_ul li .warp .fu{ top:0; }
}

@media screen and (max-width:909px) {
.ab_ul3 li{ width: 31%; margin-left: 1%!important; margin-right: 1%!important; }
.ab_ul li{ width: 31%; margin-left: 1%!important; margin-right: 1%!important; }
}
@media screen and (max-width:700px) {
.ab_ul3 li{ width: 48%; margin-left: 1%!important; margin-right: 1%!important; }
.ab_ul li{ width: 48%;}
}
@media screen and (max-width:400px) {
.ab_ul3 li{ width: 98%; margin-left: 1%!important; margin-right: 1%!important; }
.ab_ul li{ width: 98%;}
}






/*news1*/
.news1{ padding-top: 10px; }

.new_tiitle{ font-size: 20px; font-size: 2rem; line-height: 54px; color: #333;  }
.new_tiitle a{ font-size: 20px; font-size: 2rem; line-height: 54px; color: #333;}
.new_tiitle .on{ color: #0261ae; }
.new_tiitle a:hover{ color: #0261ae; }



.news1 dl{ position: relative; min-height: 228px; margin-top: 18px;  margin-bottom: 63px; }
.news1 dl dt{ position: absolute; top:0; left: 0; }
.news1 dl dd{ padding-left: 394px;padding-right: 17px; float: none;}

.news1 dl dd a{ display: block; }
.news1 dl dd .title{ padding-bottom: 44px; font-size:16px;font-size:1.6rem;color:#333; line-height: 22px; font-weight: bold; margin-top: -2px; }
.news1 dl dd .title2{ padding-bottom: 39px; font-size:14px;font-size:1.4rem;color:#666666;line-height: 22px;}
.news1 dl dd .time {margin-top: 19px;  padding-left: 27px; background: url( ../images/time_r.png ) no-repeat left 0px; font-size:14px;font-size:1.4rem;color:#666666;line-height: 22px;}
.news1 dl dd .more{  width: 142px; height: 47px; line-height: 47px; border: 1px solid #0261ae; color:#0261ae; font-size:14px;font-size:1.4rem; text-align: center; }
.news1 dl dd .more:hover{ background: #0261ae; color: #fff; }
.news1 dl dd a:hover{color:#0261ae; }


.news1 dl dt img{ display: block; max-width: 342px; max-height: 228px; width: 100%; }


@media screen and (max-width:900px) {

    .news1 dl dt{ position: relative; top:0; left: 0; width: 100%; }
    .news1 dl dd{ padding-left: 0;padding-right: 0; }
    .news1 dl dd .title{ padding: 10px 0; }
}

/* product */
.product{ padding-top: 21px;  }

.product1{  }
.product2{ padding-bottom: 94px; }


.product_left{ width: 265px; padding-bottom: 60px;}
.product_left .title{ font-family: 'OPENSANSREGULAR_0'; margin-bottom: 8px; font-size: 22px; font-size: 2.2rem; line-height: 44px;background: #0261ae; color: #fff; text-transform: uppercase; display: block; text-align: center; }




.product_left .subNavBox{}
.product_left .subNav{cursor: pointer;margin-bottom: 0px; margin-top: 1px;   padding-top: 0px;
	background:#f1efef url(../images/probg.png) no-repeat 90% center; }
.product_left .subNav>a{ font-family: "Arial";  line-height:42px; padding-left:14px;
 font-size:16px; font-size:1.6rem; color:#333333; transition:0s;    padding-right: 30px;display: inline-block;}
.product_left .subNav:hover{ background:#f1efef url(../images/probgon.png) no-repeat 90% center;   }
.product_left .subNav:hover>a{ color:#0261ae;}

.product_left .currentDd{ background:#f1efef url(../images/probgon.png) no-repeat 90% center;   }
.product_left .currentDd>a{color:#0261ae;}


.product_left .navContent{ display: none; position: relative;  margin-top: 1px;}
.product_left .navContent>li{ margin-bottom: 1px; background:#f1efef;}
.product_left .navContent>li>a{  font-family: "Arial";  display:block; font-size:14px; font-size:1.4rem; padding-top: 0;padding-bottom: 0px; color:#333; padding-left:40px;line-height: 36px;}
.product_left .navContent>li>a:hover{color: #0261ae;}





/* right */

.product_right{ width: 885px; }

.pro_left_wrap{ padding-bottom: 38px;}

/*mouse hands*/
#tsShopContainer li,#tsShopContainer img{vertical-align:top;}
#tsShopContainer{position:relative; float:left; width:470px;}

.pro_fang{padding-bottom: 30px;   background: url( ../images/productbj.png ) no-repeat bottom center;   }

#tsShopContainer #tsImgS{text-align:center;width:100%;position:relative;  }
#tsShopContainer #tsImgS a{display:block;text-align:center;margin:0px auto;}
#tsShopContainer #tsImgS img{border:1px solid #dcdcdc;}
#tsShopContainer #tsPicContainer{width:100%;position:relative;
height:120px;
margin-top: 14px;
}
#tsShopContainer #tsPicContainer #tsImgSArrL{width:21px;position:absolute;top:0px;left:0px;cursor:pointer;
height:107px;background:url(../images/prleft.png) no-repeat left center;}
#tsShopContainer #tsPicContainer #tsImgSArrR{width:21px;position:absolute;top:0px;right:0px;cursor:pointer;
height:107px;background:url(../images/prright.png) no-repeat right center;} 
#tsShopContainer #tsPicContainer #tsImgSArrL:hover{background:url(../images/prlefth.png) no-repeat left center;}
#tsShopContainer #tsPicContainer #tsImgSArrR:hover{background:url(../images/prrighth.png) no-repeat right center;} 
#tsShopContainer #tsPicContainer #tsImgSCon{position:absolute;top:1px;left:31px;width:1px;overflow:hidden;
height:120px;}
#tsShopContainer #tsPicContainer #tsImgSCon ul{width:100%;overflow:hidden;}
#tsShopContainer #tsPicContainer #tsImgSCon li{width:115px;float:left;cursor:pointer;margin-left: 0px;margin-bottom: 0; padding-left: 14px; padding-right: 2px;  }
#tsShopContainer #tsPicContainer #tsImgSCon li a{ display:block; border: 1px solid #e5e5e5;
width:115px;}
#tsShopContainer #tsPicContainer #tsImgSCon li img{display:block;
width:115px;
height:107px;}
#tsShopContainer #tsPicContainer #tsImgSCon li.tsSelectImg a{  border: 1px solid #0261ae; }
/*
teer.js
tsScrollResize
offsetWidth*3
*/
.MagicZoomBigImageCont{border:1px solid #ccc;background:#FFF;}
.MagicZoomPup{border:0px solid #aaa;background:#ffffff;}
.MagicZoomMain{text-align:center !important;width: 92px;}

.MagicZoomBigImageCont img{width: 1200px!important;height:932px!important;display: block;}




.pro_left_right{ width: 369px; }

.pro_left_right h1{ padding-top: 0px; padding-bottom: 17px; font-size:20px;font-size:2rem;color:#0261ae; line-height: 40px; margin-top: -2px;min-height: 80px; }

.shar_wrap{ padding-bottom: 11px; }
.shar_wrap span{  padding-top: 4px; color: #0093d8; font-size:14px;font-size:1.4rem; padding-right: 9px; }


.pro_left_right .wenzi1{ padding-bottom: 23px; font-size:14px;font-size:1.4rem;color:#111; line-height: 24px; }
.pro_left_right .wenzi2{ font-size:14px;font-size:1.5rem;color:#111; line-height: 24px;overflow: hidden;max-height: 284px;}
@media screen and (max-width:1219px) { 

    .pro_left_right .wenzi2{

        overflow: inherit;max-height: inherit;
    }


}
.pro_left_right .wenzi2 p{ font-size:14px;font-size:1.5rem;color:#111; line-height: 22px;}

.wenzi2 table,.nex table{ width:97%; border-collapse:collapse; line-height:24px;}
.wenzi2 tr td,.nex tr td{ line-height:24px; padding:2px;}

.pro_now{ width: 367px; padding-top: 86px;margin-left:-10px;}
.pro_now a{ float: left; margin-left: 10px; display: block; width: 167px;height: 33px; border: 1px solid #0261ae;line-height: 31px;color:#0261ae; font-size:12px;font-size:1.2rem; text-align: center; border-radius: 50px; }
.pro_now a:hover{ border-color: #0261ae; background: #0261ae ; color: #fff;}


.pro_title{ padding-bottom: 5px; margin-bottom: 20px; font-size:30px;font-size:3rem;color:#0261ae; line-height: 30px; background: url( ../images/pro_xian.png ) no-repeat bottom left; }


.prox p{ font-size:14px;font-size:1.4rem;color:#333; line-height: 30px; }
.prox p span { font-size:14px;font-size:1.4rem;color:#333; line-height: 30px; }
.prox p strong{ font-size:14px;font-size:1.4rem;color:#333; line-height: 30px; }
.prox p a{ font-size:14px;font-size:1.4rem;color:#d9bb57; line-height: 30px; }
.prox p img{ display: block; max-width: 100%; margin: 0 auto;}

.prox table{ width:90%; border-collapse:collapse; line-height:22px; border:1px solid #333; margin-right:auto; margin-bottom: 37px;}
.prox table tr td{ padding:3px; border:1px solid #ccc; background:#fff}




.hotmain{ padding-top:62px; margin-bottom:6px;}
.hotmain .hotbiao{ padding-top:30px;}
.hotmain .hotbiao a{ display:block; font-size:30px; font-size:3rem; font-weight:bold; text-transform:uppercase; color: #0261ae;
        background:url(../images/hongtiao.jpg) no-repeat left bottom; padding-bottom:8px;}
.hotmain2 .hotbiao a{

    text-transform:capitalize;
}

.hotmain .img-scroll { position:relative; padding-top:26px;}
.hotmain .hotnav{ width:64px; height:28px; position:absolute; right:1px; top:-33px;}
.hotmain .img-scroll .prev,.img-scroll .next{position:absolute;display:block;width:27px;height:27px;}
.hotmain .img-scroll .prev { left:0;cursor:pointer; background:url(../images/hotleft.jpg) no-repeat center;}
.hotmain .img-scroll .next { right:0;cursor:pointer; background:url(../images/hotright.jpg) no-repeat center;}
.hotmain .img-scroll .prev:hover { background:url(../images/hotlefth.jpg) no-repeat center;}
.hotmain .img-scroll .next:hover { background:url(../images/hotrighth.jpg) no-repeat center;}
.hotmain .img-list { position:relative; width:100%; overflow:hidden}
.hotmain .img-list ul { width:9999px;}
.hotmain .img-list li { float:left; display:inline; width:269px; margin-right:32px;}
.hotmain .img-list li .m3lien{ max-width:267px; border: 1px solid #b3b1b1; position: relative; }
.hotmain .img-list li .m3lie2{ max-width:267px; max-height:249px; position: relative; overflow: hidden; }
.hotmain .img-list li .m3lie2 img{ display: block; width:100%; max-width:267px; max-height:249px;}
.hotmain .img-list li .m3lie2 .fu{ width: 100%; height: 100%; left: 0; position: absolute; top:100%; }

.hotmain .img-list li .m3zi{ position: absolute; bottom: 0; font-size:14px;font-size:1.4rem;color:#fffdfd; text-align: center;
display: block; width: 100%; background:url( ../images/peo_hit.png ) repeat left center; line-height: 38px;  color:#fff;  }
        
.hotmain .img-list li:hover  .m3zi{ background: none; }
.hotmain .img-list li:hover .m3lie2 .fu{top:0; }




.hotmain4{ padding-top:7px; margin-bottom:22px;}
.hotmain4 .hotbiao{ padding-top:30px;}
.hotmain4 .hotbiao a{ display:block; font-size:30px; font-size:3rem; color: #0261ae; background:url(../images/hongtiao.jpg) no-repeat left bottom;
     padding-bottom:2px;}

.hotmain4 .img-scroll { position:relative; padding-top:26px;}
.hotmain4 .hotnav{ width:64px; height:28px; position:absolute; right:1px; top:-33px;}
.hotmain4 .img-scroll .prev,.img-scroll .next{position:absolute;display:block;width:27px;height:27px;}
.hotmain4 .img-scroll .prev { left:0;cursor:pointer; background:url(../images/hotleft.jpg) no-repeat center;}
.hotmain4 .img-scroll .next { right:0;cursor:pointer; background:url(../images/hotright.jpg) no-repeat center;}
.hotmain4 .img-scroll .prev:hover { background:url(../images/hotlefth.jpg) no-repeat center;}
.hotmain4 .img-scroll .next:hover { background:url(../images/hotrighth.jpg) no-repeat center;}
.hotmain4 .img-list { position:relative; width:100%; overflow:hidden}
.hotmain4 .img-list ul { width:9999px;}
.hotmain4 .img-list li { float:left; display:inline; width:269px; margin-right:40px;}
.hotmain4 .img-list li .m3lien{ max-width:267px; border: 1px solid #b3b1b1; position: relative; }
.hotmain4 .img-list li .m3lie2{ max-width:267px; max-height:249px; position: relative; overflow: hidden; }
.hotmain4 .img-list li .m3lie2 img { display: block;  max-width:267px; max-height:249px; width: 100%; }
.hotmain4 .img-list li .m3lie2 .fu{ width: 100%; height: 100%; left: 0; position: absolute; top:100%; }

.hotmain4 .img-list li .m3zi{ position: absolute; bottom: 0; font-size:14px;font-size:1.4rem;color:#fffdfd; text-align: center;
display: block; width: 100%; background:url( ../images/peo_hit.png ) repeat left center; line-height: 38px;  color:#fff; }
        
.hotmain4 .img-list li:hover  .m3zi{ background: none; }
.hotmain4 .img-list li:hover .m3lie2 .fu{top:0; }



/* product_right */

.product_right_ul{ }
.product_right_ul li{ float: left; margin-left: 42px;  margin-bottom: 26px; }
.product_right_ul li .m3lien{ max-width:267px; margin: 0 auto; background: url(../images/productbj.png)no-repeat bottom center; position: relative;
    background-size: auto auto;
    background-size: 100%;
    padding-bottom: 17px; }
.product_right_ul li .m3lie2{ max-width:267px;border: 1px solid #b3b1b1;   max-height:249px; position: relative; overflow: hidden; }
.product_right_ul li .m3lie2 img { display: block;  max-width:267px; max-height:249px; width: 100%; }
.product_right_ul li .m3zi{ position: absolute; bottom: 1px; font-size:14px;font-size:1.4rem;color:#fffdfd; text-align: center;
    display: block; width: 100%; background:url( ../images/probjwenj.png ) repeat left center; line-height: 22px;  color:#fff; min-height:47px; padding-top:2px; padding-bottom:0px;}
            
.product_right_ul li .m3lie2 .fu{ top: 100%; width: 100%; height: 100%; left: 0; position: absolute; background: url( ../images/bjprod.png ) repeat top center; }
.product_right_ul li .m3lie2 .fu a{ display: block; }
.product_right_ul li .m3lie2 .more{  width: 129px; height: 49px; font-size:16px;font-size:1.6rem;color:#333; background: #fff;  text-align: center; line-height: 49px; margin: 0 auto; position: relative;  top: 50%; margin-top: -57px; }
.product_right_ul li .m3lie2 .now{  font-size:18px;font-size:1.8rem;color:#fff; line-height: 30px; text-decoration: underline; text-align: center; position: relative;  top: 50%; margin-top: 14px; }
.product_right_ul li .m3lie2:hover .fu{ top:0 }


.product_right_ul li .m3_wrap{position: relative;   }
.product_right_ul li .m3_wrap input{ position: absolute; top:-27px; left: 49px; }




.productDetails{ }

.productText{width: 479px; height: 199px; background: url( ../images/kaunbj.png ) no-repeat left center;  }
.productText div{color: #0261ae;font-size: 18px; font-size: 1.8rem;  }
.productText ul{display: none;}
.productText ul li{line-height: 24px;font-size: 16px;}
.productPic{width: 376px;height: 284px;margin-left: 20px;display: none;}
.productPic img{width: 100%;height: 100%;display: block;border:1px solid #ccc;}







.pro_box .subNavBox{ border: 1px solid #ededed; margin-bottom: 20px;width: 97%;}
.pro_box .subNav{cursor: pointer;margin-bottom: 0px; margin-top: 1px;   padding-top: 0px; position: relative;
	background: url(../images/leftbj.png) no-repeat 26px 21px;width: 50% }
.pro_box .subNav>a{ font-family: "Arial";  line-height:38px; padding-left:41px;padding-top: 7px; display: block;
 font-size:18px; font-size:1.8rem; color:#0261ae; transition:0s;}
/* .pro_box .subNav:hover{ width: 479px; height: 199px;  background: url(../images/leftbjh.png) no-repeat left center,url( ../images/kaunbj.png ) no-repeat left center;   }
.pro_box .subNav:hover>a{ color:#0261ae;} */

.pro_box .currentDd{ width: 51%; 
     background: url(../images/leftbjh.png) no-repeat 26px 25px; border: 1px solid #0261ae;min-height: 85px;    }
.pro_box .currentDd>a{color:#0261ae;}


.pro_box .navContent{  display: none; /*position: relative;*/}
.pro_box .navContent>li{  font-family: "Arial";  display:block; font-size:14px; font-size:1.4rem;
 padding-top: 0;padding-bottom: 0px; color:#333; padding-left:40px;line-height: 24px;width: 50%}
.pro_box .navContent .dan_danimg{ position: absolute; right: -16px; top: 50%;margin-top:-10px;  z-index: 9999}
.pro_box .subNav  img{display:none;}
.pro_box .currentDd img{display:block;}
.pro_box .navContent>li,
.pro_box .subNav  img{display:none !important;}
.pro_box .subNav .navContent>li,
.pro_box .currentDd img{display:block !important;}

.pro_box .navContent>li.img img{ position: absolute; left: 105%; width: 95%; top:-46px; display: block; max-width: 375px; max-height: 248px; }


.pro_box table,.nex table{ width:97%; border-collapse:collapse; line-height:24px; 
/*word-break:break-all;*/
    
}
.pro_box tr td,.nex tr td{ line-height:24px; padding:2px; border: 1px solid; font-size: 16px;}

.pro_box p{font-size: 1.6rem; font-size: 16px; line-height: 30px;margin-left: 7px;}
@media screen and (max-width:739px) { 
    
.pro_box p{margin-left:0px;}
.pro_box .navContent>li{ padding-bottom: 30px;  }
.pro_box .navContent>li.img img{ left: 0px!important; top: 0px!important;  }
.pro_box .navContent .dan_danimg{right:-999px;}

/*.pro_box .navContent display: none;*/

.pro_box .navContent3>li.img img{margin-top: inherit !important;}

}



@media screen and (min-width:1000px) and (max-width:1219px) {
    .product_right { width: 677px;  overflow: hidden;}

    .product_right_ul li{ width: 31%; margin-left: 1%!important; margin-right: 1%!important;  }
    .product_right_ul li .m3lien{ padding-bottom: 13px;  }

    .pro_left_right{ width: 200px; }
    .pro_left_right h1{ font-size:28px;font-size:2.8rem; padding-top: 0; }

    #tsShopContainer{ overflow: hidden; }
    .product{ width: 100%; overflow: hidden; }
    .pro_now{ padding-top: 0; }
    .pro_now a{ float: none; margin-top: 10px;margin-bottom: 10px; }

    .pro_box .navContent>li.img img{ /*width: 37%;*/ }
    .product_right_ul li .m3_wrap input{ left: 10px; }
    
}

@media screen and (max-width:999px) {  
    .product{ width: 100%; overflow: hidden; }
    .product_right {  width: 646px;  }
   
    .pro_left_right{ width: 100%;  float: none;}
    #tsShopContainer{ width: 100%; max-width: 470px;  float: none; margin: 0 auto; }

    .pro_now a{  margin-top: 10px;margin-bottom: 10px; }
    .pro_now{ padding-top: 10px; }

    .pro_box .navContent>li.img img{ /*width: 29%;*/ }
    .product_right_ul li{ width: 31%; margin-left: 1%!important; margin-right: 1%!important;  }
    .product_right_ul li .m3_wrap input{ left: 10px; }
    .product_right_ul li .m3lien{ padding-bottom: 13px; }
}


@media screen and (max-width:979px) {  
    .product_right {  width: 100%;  float: none; }
    .product_left{width: 100%;  float: none; margin-bottom: 30px; }
    .product_right_ul li .m3lien{ background: none; }
    .product_right_ul li .m3lie2 .fu{ top:0 }
    .hotmain{ padding-bottom: 50px; }
    .product_right_ul li{ width: 31%; margin-left: 1%!important; margin-right: 1%!important;  }

    .pro_box .navContent>li.img img{ /*width: 48%;*/ }
}

@media screen and (max-width:900px) {
    .product_right_ul li{ width: 48%; margin-left: 1%!important; margin-right: 1%!important;  }

}


@media screen and (max-width:440px) {
    .product_right_ul li{ width: 98%; margin-left: 1%!important; margin-right: 1%!important;  }

    .pro_now{ padding-top: 0;width: 100% }
    .pro_now a{ margin-top: 10px;margin-bottom: 10px;width: 44% }
    
}
.ab_show{ width: 100%; display: none;  }

/*.ab_show li{ float: left;  width: 48%; margin-left: 1%; margin-right: 1%;  }
.ab_show li img{ display: block; max-width: 100%; margin: 0 auto; }*/


@media screen and (max-width:600px) {
#tsShopContainer{ display: none; }
    .ab_show{display: block;}
}





@media screen and (max-width:740px) {
    .pro_box .currentDd{ width: 100%; height: auto;  background: none;}
    .pro_box .subNav{ background: none;width: 100%  }
    .pro_box .navContent>li.img img{ position: relative; left: 0; width: 100%;top: 10px; }
    .pro_box .subNav>a{ padding-left:  17px; }
    .pro_box .navContent>li{ padding-left:  17px; width: 90%}

}
    


/* case */
.case{ }

.caseul{  }
.caseul li{ width: 364px; float: left; margin-left: 52px;  margin-top: 21px;  padding-bottom: 51px; }
.caseul li .dan_wrap{ max-width: 364px; width: 100%; position: relative; margin: 0 auto; }

.caseul li .dan_wrap .dan_zong{  position: relative; overflow: hidden; }
.caseul li .dan_wrap .dan_zong a{ display: block;  }
.caseul li .dan_wrap .dan_zong img{ display: block;max-width: 364px; max-height: 238px; width: 100%;  }
.caseul li .dan_wrap .dan_zong .fu{ position: absolute; top:100%; width: 100%; height: 100%; }

.caseul li .dan_wrap .dan_zong:hover .fu{ top:0 }
.caseul li .dan_wrap .dan_zong:hover{  box-shadow: 0 2px 8px 0px rgba(0, 0, 0, 0.35); }



.caseul li .dan_wrap .wenxi{ max-width: 364px; width: 100%; }
.caseul li .dan_wrap .wenxi a{ display: block; }
.caseul li .dan_wrap .wenxi .title{padding-top: 16px; padding-bottom: 9px; font-size:16px;font-size:1.6rem;color:#333; font-weight: bold;  line-height: 22px;  }
.caseul li .dan_wrap .wenxi .title2{ font-size:14px;font-size:1.4rem;color:#333;  line-height: 22px;  }   
.caseul li .dan_wrap .wenxi a:hover{ color: #0261ae; }



@media screen and (max-width:1219px) {
    .caseul li { width: 31%;  margin-left: 1%!important; margin-right: 1%!important;  }
}


@media screen and (max-width:900px) {
    .caseul li { width: 48%; margin-left: 1%!important; margin-right: 1%!important;  }
    .ppage a{ margin-bottom: 20px; }
}
@media screen and (max-width:440px) {
    .caseul li { width: 98%; margin-left: 1%!important; margin-right: 1%!important; float: none;  }
}


.news {padding-bottom: 77px;}
.news .xqy {position: relative;}
.news .xqy .top1{margin-top: 17px;}

.news .xqy .top1 .title1{text-align: center;}
.news .xqy .top1 .title1 h1{font-size:20px;font-size:2rem;color: #0261ae;font-weight: bold;}
.news .xqy .top1 .time{text-align: center;margin-top: 14px;margin-bottom: 18px;}
.news .xqy .top1 .time span{font-size: 14px;font-size:1.4rem;color: #666666;font-weight: normal;display: inline-block;
    font-family: Arial, Helvetica, sans-serif;
line-height: 26px;padding-left: 30px;background: url(../images/shizhong.png ) no-repeat left center; }

.news .newsx p{ padding-top: 20px;  line-height: 26px;font-size:14px;font-size:1.4rem;color: #333;margin-bottom: 26px;font-family: Arial, Helvetica, sans-serif;}
.news .newsx p span{line-height: 26px;font-size:14px;font-size:1.4rem;color: #333;font-family: Arial, Helvetica, sans-serif;}
.news .newsx p li{line-height: 26px;font-size:14px;font-size:1.4rem;color: #333;font-family: Arial, Helvetica, sans-serif;}
.news .newsx p strong{line-height: 26px;font-size:14px;font-size:1.4rem;color: #333;font-family: Arial, Helvetica, sans-serif;}
.news .newsx p img{display: block;max-width: 100%; margin: auto;}

.news .newsx p a{line-height: 26px;font-size:14px;font-size:1.4rem;color: red;}

.news .newsx1 p{ padding-top: 10px;  line-height: 26px;font-size:14px;font-size:1.4rem;color: #333;font-family: Arial, Helvetica, sans-serif;}
.news .newsx1 p span{line-height: 26px;font-size:14px;font-size:1.4rem;color: #333;font-family: Arial, Helvetica, sans-serif;}
.news .newsx1 p li{line-height: 26px;font-size:14px;font-size:1.4rem;color: #333;font-family: Arial, Helvetica, sans-serif;}
.news .newsx1 p strong{line-height: 26px;font-size:14px;font-size:1.4rem;color: #333;font-family: Arial, Helvetica, sans-serif;}
.news .newsx1 p img{display: block;max-width: 100%; margin: auto; margin-left: 10px;}

.news .newsx1 p a{line-height: 26px;font-size:14px;font-size:1.4rem;color: red;}




.newsx table{ width:97%; border-collapse:collapse; line-height:24px;margin-bottom: 26px;}
.newsx tr td{ line-height:24px; padding:2px;}

.updown{padding-top: 46px;border-top: 2px solid #bfbfbf;margin-bottom:23px;}
.updown .up{margin-top: 0px;margin-bottom: 1px;}
.updown p{line-height: 30px;font-size: 14px;font-size:1.4rem;color: #666; margin-bottom: 14px; }


.updown p a{font-size: 16px;font-size:1.6rem; line-height: 30px;color: #666;}
.updown p span{font-size: 16px;font-size:1.6rem; line-height: 30px; color: #666;}
.updown p a:hover{color: #0261ae;}


.updown p span{ font-size:14px;font-size:1.4rem; color:#0261ae; display: block; width: 84px; height: 28px; line-height: 30px; text-align: center; 
    border: 1px solid #0261ae; float: left; margin-right: 15px;  }
.updown p span a{ font-size:14px;font-size:1.4rem; color:#0261ae; }

.updown p span a:hover{ color: #333;  }









@media screen and (max-width:1219px) {
    .hotmain .img-list ul { width: 1000%;}
    .hotmain .img-list ul li{ width: 2.3%; margin-right: .2%; }

    .hotmain4 .img-list ul { width: 1000%;}
    .hotmain4 .img-list ul li{ width: 2.3%; margin-right: .2%; }
}

@media screen and (max-width:640px) {

    .hotmain .img-list ul { width: 1000%;}
    .hotmain .img-list ul li{ width: 4.9%; margin-right: .2%; }
    .hotmain .hotbiao a{ font-size:2px;font-size:2rem; }

    .hotmain4 .img-list ul { width: 1000%;}
    .hotmain4 .img-list ul li{ width: 4.9%; margin-right: .2%; }
    .hotmain4 .hotbiao a{ font-size:26px;font-size:2.6rem; }
}






/***********************************************************************  contact  *********************************************************************/
.comain1{ background:url(../images/xiewen2.jpg);}
.comain1 .quanqiu{ background:url(../images/quanqiu.png) no-repeat top center;}
.coul{ float:left; padding-top:94px; margin-top:38px;}
.coul>a{ display:block; text-align:center; font-size:16px; font-size:1.6rem; line-height:28px; color:#0261ae; margin-bottom:5px;}
.coul li{ font-size:14px; font-size:1.4rem; line-height:24px; text-align:center;}
.coul li a:hover{ color:#0261ae;}
.codianhua{ background:url(../images/codianhua.png) no-repeat top center; width:130px;}
.coshouji{ background:url(../images/coshouji.png) no-repeat top center; width:158px; margin-left:63px;}
.coxinfeng{ background:url(../images/coxinfeng.png) no-repeat top center; width:145px; margin-left:54px;}
.coxinfeng li{ line-height:20px;}
.cochuanzhen{ background:url(../images/cochuanzhen.png) no-repeat top center; width:130px; margin-left:63px;}
.codingwei{ background:url(../images/codingwei.png) no-repeat top center; width:200px; float:right;}

.cobiao{ display:block; text-align:center; font-size:40px; font-size:4rem; font-weight:bold; color:#0261ae; padding-top:18px;}
.cop{ font-size:14px; font-size:1.4rem; line-height:30px; color:#333333; text-align:center;  margin-top: -4px; }

.con_wrap{ max-width: 980px; width: 100%; margin: 0 auto; }
.coxin{ margin-top:4px;  }
.col{ width:482px; float:left;}
.cor{ width:492px; float:right;}
.coxin .int1{ padding-left:11px; margin-top:19px;}
.coxin .xing{ background:url(../images/xing.png) no-repeat left 22px;}
.coxin .int1 input{ border-radius: 5px; width:425px; height:48px; padding-left:41px; line-height:48px; font-size:16px; font-size:1.6rem; border: 1px solid #bbbbbb; }
.curen{ background: url(../images/curen.jpg) no-repeat left center;}
.cuxinfeng{ background: url(../images/cuxinfeng.jpg) no-repeat left center;}
.cudianhua{ background: url(../images/cudianhua.jpg) no-repeat left center;}
.cufang{ background: url(../images/cufang.jpg) no-repeat left center;}
.coxin textarea{ border-radius: 5px; width:438px; height:186px; padding-left:41px; line-height:48px; font-size:16px; font-size:1.6rem; border: 1px solid #bbbbbb; background: url(../images/cubiji.jpg) no-repeat left top;}
.coxin .int2{  padding-left:11px; margin-top:19px;}
.coxin .int3{width:131px; height:48px; border-radius: 5px; padding-left:12px; line-height:41px; font-size:16px; font-size:1.6rem; float:left;border: 1px solid #bbbbbb; }
.cuyanzheng{ display: block; float:left; margin-left:11px; cursor:pointer}
.coxin .int4{ width:156px; height:49px; background:#0261ae; font-size:16px; font-size:1.6rem;
     color:#fff; float:right; cursor:pointer; border-radius:5px;}
.coxin .int4:hover{ background:#0261ae;}

.ditu{ width:100%; max-width:1195px; max-height:509px; margin-top:20px; margin-bottom: 99px; }
.mat11{ margin-top:68px;}


.con_wen{  background: url( ../images/contashbj.png ) no-repeat center 43px;  }
.con_wen ul.con_ul{margin-top: 25px;}
.con_wen ul.con_ul li{ float: left;margin-left: 144px; margin-bottom: 72px; /*min-height: 310px;*/  }
.con_wen ul.con_ul li .dan_wrap{ border: 1px solid #0261ae; max-width: 302px; padding-bottom: 24px; text-align: center;  width: 100%; margin: 0 auto;min-height: 175px;}
.con_wen ul.con_ul li .dan_wrap .titi{ padding-bottom: 7px; padding-top: 14px;  font-size:18px;font-size:1.8rem;color:#0261ae; line-height: 35px; font-weight: bold;  }

.con_wen ul.con_ul li .dan_wrap p{ font-size:14px;font-size:1.4rem;color:#333; line-height: 24px;   }
.con_wen ul.con_ul li .dan_wrap p span{  color: #0261ae; }
.con_wen ul.con_ul li .dan_wrap p a:hover{ color: #0261ae; }
.coxin3{  margin-top: 36px; }

@media screen and (min-width:1000px) and (max-width:1219px){
.coshouji{ margin-left:60px;}
.coxinfeng{ margin-left:64px;}
.cochuanzhen{ margin-left:62px;}
.codingwei{ width:200px; float:right;}

.cor{ width:464px; float:right;}
.coxin textarea{width:408px; }
.coxin .int3{width:130px;}
.coxin .int4{ width:129px;}

.con_wen ul.con_ul li{ width: 31%; margin-left: 1%!important;   margin-right: 1%!important;  }


.ab1_right .coshouji{ margin-left:10px;}
.ab1_right .coxinfeng{ margin-left:10px;}
.ab1_right .cochuanzhen{ margin-left:10px;}
.ab1_right .codingwei{ width:178px; float:right;}



}
@media screen and (max-width:999px){
.coul{ width:30%; margin-left:1.5%; margin-right:1.5%; float:left; height:100px;}

.con_wen ul.con_ul li{ width: 31%; margin-left: 1%!important;   margin-right: 1%!important;  }

.about5 .col{ width:100%; float:none;}
.cor{ width:100%; float:none;}
.coxin .int1 input{ width:90%;}
.coxin textarea{width:90%;}
.coxin .int3{width:30%;}
.coxin .int4{ width:30%; float:left; margin-left:8px;}
}

@media screen and (max-width:828px){
.coul{ width:30%; margin-left:1.5%; margin-right:1.5%; float:left; height:130px;}
}


@media screen and (max-width:639px){
.coul{ width:47%; margin-left:1.5%; margin-right:1.5%; float:left;}
.coxin .int1 input{ width:85%;}
.coxin textarea{width:85%;}
.coxin .int3{width:85%; padding-left:41px; float:none;}
.cuyanzheng{ margin-left:auto; margin-top:11px;}
.coxin .int4{ width:38%; float:left; margin-left:8px; margin-top:11px;}
.con_wen ul.con_ul li{ width: 48%; margin-left: 1%!important;   margin-right: 1%!important;  }

}
@media screen and (max-width:379px){
.coul{ width:97%; margin-left:1.5%; margin-right:1.5%; float:left; height:auto;}

.con_wen ul.con_ul li{ width: 98%; margin-left: 1%!important;   margin-right: 1%!important;  }


}

.at-resp-share-element .at-icon{width: 24px!important;height: 24px!important;}
.at-style-responsive .at-share-btn{padding: 0!important; border-radius: 2px!important;}
.at-resp-share-element .at-share-btn .at-icon-wrapper{width: 24px!important;height: 24px!important;}
.at-resp-share-element .at-share-btn{margin-bottom: 0!important;margin-right: 3px!important;}

@media screen and (max-width:979px){
.img-list4 li .dan_wrap:hover .fu{ top:100%; }

}
@media screen and (max-width:940px){
.foot_left,.foot_center1{min-height: 322px;}

}


@media screen and (max-width:999px){
.col{width: 100%;float: none;}
.about5 .coxin .int1 input{width: 90%;}
.pro_left_right h1{
    margin-top: inherit;
    text-align: center;
}
.about5 .ab1_right{padding-bottom:50px;}
}

.yanzheng{cursor: pointer;margin-left:15px;}

@media screen and (max-width:999px){
.yanzheng{padding-top: 15px;}
}

.pro_box p{

}

.r66666{
    border:1px solid #0261ae !important;
    color: #0261ae !important;
    background: #fff !important;
}

.pro_box p strong{

    display: block;
    margin-top: 10px;
}

.goog-te-gadget-simple{

    float: right;
    margin-top: 24px;
}


@media screen and (min-width:431px) and (max-width:999px) {


.img-list4 li .dan_wrap .fu .span1{
    min-height: 120px;
}


}

@media screen and (max-width:449px){

    .about5 .ab4_title{
        font-size:3.0rem;
    }

}

@media screen and (max-width:531px){

  .navhead ul>li {
    float: left;
    width: 50%;
    text-align: center;
    padding-bottom: 18px;
}

}


.ppage span{    display: inline-block;
    font-family: "Arial";
    background-color: transparent;
    color: #333;
    margin-right: 5px;
    width: 34px;
    height: 28px;
    background: #eeeeee;
    line-height: 28px;
    border: 1px solid #e5e5e5;
    text-align: center;
    font-size: 12px;
    font-size: 1.2rem;
    border-radius: 0px;}


    .guoqi a{    font-size: 14px;
    color: #fff;}
    .guoqi1{margin-top: 17px;    color: #fff;}

@media screen and (max-width:979px){
    .guoqi{display: none;}
}
.guoqi2{


font-size: 14px;
    color: #fff;
    float: left;
    margin-left: 30px;}

      .guoqi2 a{    font-size: 14px;
    color: #fff;}

.forlimg{
    display: none;}

.guoqi img,.guoqi1 img,.guoqi2 img{
    vertical-align:middle; display:inline-block }



iframe :not(.pro_box iframe){max-width: 100%;}


/*==================================================  新加css  ===================================================*/



.product_right_ul li{ text-align:center;}
.prmor{background:#0261ae;color:#FFFFFF;border-width: 0;text-decoration: none;position: relative;display: inline-block;overflow: hidden;z-index: 1;padding: 5px 10px; font-size:14px; font-size:1.4rem; line-height:24px; cursor:pointer; transition:0.5s;}
.prmor2{ display:block; line-height:24px; padding:5px 0; font-size:14px; font-size:1.4rem; color:#0261ae; text-decoration:underline;}
.prmor2:hover{ text-decoration:none;}
.prmor:hover{ border-radius:10px;}

.prlb{ margin-top:30px;}
.prlba{ display:block; font-size:16px; font-size:1.6rem; line-height:24px;}
.prlblie{ position:relative; min-height:50px; margin:20px 0;}
.prlbtu{ display:block; width:50px; border:1px solid #ccc; position:absolute; left:0px; top:0px;}
.prlbtu img{ width:100%; max-width:800px; max-height:745px;}
.prlbzi{ display:block; margin-left:60px; font-size:14px; font-size:1.4rem; line-height:24px;}
.prlbzi:hover{color:#0261ae;}
.prlba2{ display:block; font-size:16px; font-size:1.6rem; line-height:24px;color:#0261ae; text-decoration:underline;}
.prlba2:hover{ text-decoration:none}

.gouwuche{ float:right; display:block; width:30px; margin-top:10px; margin-left:8px;}
.gouwuche img{ width:100%; max-width:50px; max-height:50px;}

.demain{ padding-top:30px; padding-bottom:50px;}
.debiao{ display:block; font-size:24px; font-size:2.4rem; line-height:30px;}

.den{ width:100%; overflow:auto; margin-top:40px;}
.den table{ width:100%}
.den th{ font-size:16px; font-size:1.6rem; padding:5px; line-height:24px; font-weight:bold; text-align:left}
.den td,.den th{ border-bottom:1px solid #ccc; font-size:14px; font-size:1.4rem; line-height:24px; padding:5px;}
.td1{}
.td1 a{ display:block; width:20px; height:20px; line-height:20px; border-radius:3px; text-align:center; font-size:18px; font-size:1.8rem; color:#0261ae}
.td1 a:hover{ background:#0261ae; color:#fff !important;}
.td2{}
.td2 a{ display:block; width:50px; border:1px solid #ccc;}
.td2 a img{ width:100%; max-width:800px; max-height:745px;}
.den td a:hover{ color:#0261ae}
.den td input{ width:50px; border:1px solid #ccc; margin-left:10px; line-height:16px; padding:5px;}
.den td button{ padding:5px; background:#bbb; color:#fff; font-size:12px; font-size:1.2rem; cursor:pointer;}
.den td button:hover{ background:#0261ae;}

.den2 td textarea,.den2 td input{ width:230px; line-height:24px; padding:5px 0; padding-left:10px; border:2px solid #0261ae; margin:auto;}

@media screen and (max-width:399px){
    .den2 td textarea,.den2 td input{ width:170px;}
}


.catdesc{text-align: left; margin: 0 auto; padding-bottom: 30px; font-size: 16px; font-size: 1.6rem; line-height: 23px;}
.catdesc h1{font-size: 20px; font-size: 2rem;}
.catdesc h2{font-size: 16px;font-size: 1.6rem;}





/*@font-face {*/
/*    font-family: "iconfont";*/
    /* Project id 1768807 */
/*    src: url('../font/font/iconfont.woff2?t=1634973307282') format('woff2'),*/
/*    url('../font/font/iconfont.woff?t=1634973307282') format('woff'), */
/*    url('../font/font/iconfont.ttf?t=1634973307282') format('truetype');*/
/*}*/



/*.iconfont {*/
/*    font-family: "iconfont" !important;*/
/*    font-size: 20px;*/
/*    font-style: normal;*/
/*    -webkit-font-smoothing: antialiased;*/
/*    -moz-osx-font-smoothing: grayscale;*/
/*}*/

/*.iconteam:before {*/
/*    content: "\e6ed";*/
/*}*/

/*.iconyuanzi:before {*/
/*    content: "\e6ea";*/
/*}*/

/*.iconxitongkaifa:before {*/
/*    content: "\e6eb";*/
/*}*/

/*.iconcaidan-shengchanshebei:before {*/
/*    content: "\e6ec";*/
/*}*/

/*.icona-pinterest1:before {*/
/*    content: "\e6e8";*/
/*}*/

/*.iconyiwancheng:before {*/
/*    content: "\e6e5";*/
/*}*/

/*.iconquanbu:before {*/
/*    content: "\e6e0";*/
/*}*/

/*.iconbianji:before {*/
/*    content: "\e6e1";*/
/*}*/

/*.iconweixiu:before {*/
/*    content: "\e6e2";*/
/*}*/

/*.iconfenxiang:before {*/
/*    content: "\e6e3";*/
/*}*/

/*.iconxinxi:before {*/
/*    content: "\e6e4";*/
/*}*/

/*.iconshougongfangshitianxiebufuzhangxiangtiaojiebiao:before {*/
/*    content: "\e6e6";*/
/*}*/

/*.iconshezhi:before {*/
/*    content: "\e6e7";*/
/*}*/

/*.icona-shouji1:before {*/
/*    content: "\e6df";*/
/*}*/

/*.iconbiaoqian_o:before {*/
/*    content: "\e6dd";*/
/*}*/

/*.iconshouxinchengnuo:before {*/
/*    content: "\e6d9";*/
/*}*/

/*.iconweijizhi:before {*/
/*    content: "\e6db";*/
/*}*/

/*.iconzuanshi_o:before {*/
/*    content: "\e6de";*/
/*}*/

/*.iconfaq:before {*/
/*    content: "\e6cf";*/
/*}*/

/*.iconbaoxiu:before {*/
/*    content: "\e6d0";*/
/*}*/

/*.iconkefu:before {*/
/*    content: "\e6d1";*/
/*}*/

/*.icondingdan:before {*/
/*    content: "\e6d2";*/
/*}*/

/*.iconyunshu:before {*/
/*    content: "\e6d3";*/
/*}*/

/*.iconup_s:before {*/
/*    content: "\e6cd";*/
/*}*/

/*.icona-weixin1:before {*/
/*    content: "\e6ce";*/
/*}*/

/*.iconshouji:before {*/
/*    content: "\e6cc";*/
/*}*/

/*.iconsubmit-o:before {*/
/*    content: "\e6ca";*/
/*}*/

/*.iconsubmit:before {*/
/*    content: "\e6cb";*/
/*}*/

/*.icona-40youxiang:before {*/
/*    content: "\e6c2";*/
/*}*/

/*.icona-xiazai1:before {*/
/*    content: "\e6c8";*/
/*}*/

/*.iconshangchuan:before {*/
/*    content: "\e6c9";*/
/*}*/

/*.iconyoushuangjiantou:before {*/
/*    content: "\e6c4";*/
/*}*/

/*.iconyoujiantou:before {*/
/*    content: "\e6c5";*/
/*}*/

/*.iconchangjiantou:before {*/
/*    content: "\e6c6";*/
/*}*/

/*.icongouwuche-xuanzhong:before {*/
/*    content: "\e6c7";*/
/*}*/

/*.iconyunxiazai_o:before {*/
/*    content: "\e6ba";*/
/*}*/

/*.iconcuowu:before {*/
/*    content: "\e6bb";*/
/*}*/

/*.icontuanduiguanliicon:before {*/
/*    content: "\e6bc";*/
/*}*/

/*.iconzhihuihuanbao_gongchang:before {*/
/*    content: "\e6bd";*/
/*}*/

/*.iconlaji:before {*/
/*    content: "\e6be";*/
/*}*/

/*.icona-youjiantou1:before {*/
/*    content: "\e6bf";*/
/*}*/

/*.iconzuoshuangjiantou:before {*/
/*    content: "\e6c0";*/
/*}*/

/*.iconzuanshi:before {*/
/*    content: "\e6c1";*/
/*}*/

/*.iconzhiliangguanli:before {*/
/*    content: "\e6c3";*/
/*}*/

/*.icon-sousuo4:before {*/
/*    content: "\e610";*/
/*}*/

/*.icon-sousuo:before {*/
/*    content: "\e616";*/
/*}*/

/*.icon-sousuo1:before {*/
/*    content: "\e65b";*/
/*}*/

/*.icon-up7:before {*/
/*    content: "\e722";*/
/*}*/

/*.icon-bottom7:before {*/
/*    content: "\e723";*/
/*}*/

/*.icon-left7:before {*/
/*    content: "\e724";*/
/*}*/

/*.icon-right7:before {*/
/*    content: "\e725";*/
/*}*/

/*.icon-instagram1:before {*/
/*    content: "\e640";*/
/*}*/

/*.icon-vk:before {*/
/*    content: "\e735";*/
/*}*/

/*.icon-jia2:before {*/
/*    content: "\e608";*/
/*}*/

/*.icon-jian2:before {*/
/*    content: "\e600";*/
/*}*/

/*.icon-home:before {*/
/*    content: "\e624";*/
/*}*/

/*.icon-edit:before {*/
/*    content: "\e611";*/
/*}*/

/*.icon-facebook:before {*/
/*    content: "\e620";*/
/*}*/

/*.icon-pinterest:before {*/
/*    content: "\e8ab";*/
/*}*/

/*.icon-linkedin:before {*/
/*    content: "\e648";*/
/*}*/

/*.icon-youtube:before {*/
/*    content: "\e6d6";*/
/*}*/

/*.icon-twitter:before {*/
/*    content: "\e607";*/
/*}*/

/*.icon-bigger:before {*/
/*    content: "\e647";*/
/*}*/

/*.icon-left:before {*/
/*    content: "\e72c";*/
/*}*/

/*.icon-right:before {*/
/*    content: "\e72d";*/
/*}*/

/*.icon-up1:before {*/
/*    content: "\e72e";*/
/*}*/

/*.icon-bottom1:before {*/
/*    content: "\e72f";*/
/*}*/

/*.icon-right1:before {*/
/*    content: "\e731";*/
/*}*/

/*.icon-left1:before {*/
/*    content: "\e730";*/
/*}*/

/*.icon-up:before {*/
/*    content: "\e73e";*/
/*}*/

/*.icon-bottom:before {*/
/*    content: "\e73f";*/
/*}*/

/*.icon-instagram:before {*/
/*    content: "\e79d";*/
/*}*/

/*.icon-tumblr:before {*/
/*    content: "\e79e";*/
/*}*/

/*.icon-download:before {*/
/*    content: "\e7a0";*/
/*}*/

/*.icon-download1:before {*/
/*    content: "\e7a7";*/
/*}*/

/*.icon-search4:before {*/
/*    content: "\e7b2";*/
/*}*/

/*.icon-address:before {*/
/*    content: "\e7bc";*/
/*}*/

/*.icon-email:before {*/
/*    content: "\e7bd";*/
/*}*/

/*.icon-contact:before {*/
/*    content: "\e7be";*/
/*}*/

/*.icon-whatsapp:before {*/
/*    content: "\e7bf";*/
/*}*/

/*.icon-fax:before {*/
/*    content: "\e7c2";*/
/*}*/

/*.icon-mobile:before {*/
/*    content: "\e7c6";*/
/*}*/

/*.icon-phone:before {*/
/*    content: "\e7c8";*/
/*}*/

/*.icon-tel:before {*/
/*    content: "\e7c7";*/
/*}*/

/*.icon-phone1:before {*/
/*    content: "\e7cb";*/
/*}*/

/*.icon-skype:before {*/
/*    content: "\e7cc";*/
/*}*/

/*.icon-whatsapp1:before {*/
/*    content: "\e7c1";*/
/*}*/

/*.icon-address1:before {*/
/*    content: "\e7c3";*/
/*}*/

/*.icon-contact1:before {*/
/*    content: "\e7c4";*/
/*}*/

/*.icon-email1:before {*/
/*    content: "\e7c5";*/
/*}*/

/*.icon-skype1:before {*/
/*    content: "\e7c9";*/
/*}*/

/*.icon-fax1:before {*/
/*    content: "\e7ca";*/
/*}*/

/*.icon-qq:before {*/
/*    content: "\e7ce";*/
/*}*/

/*.icon-tel1:before {*/
/*    content: "\e7cd";*/
/*}*/

/*.icon-wechat:before {*/
/*    content: "\e7cf";*/
/*}*/

/*.icon-phone2:before {*/
/*    content: "\e7d0";*/
/*}*/

/*.icon-message:before {*/
/*    content: "\e7da";*/
/*}*/

/*.icon-calendar:before {*/
/*    content: "\e7e1";*/
/*}*/

/*.icon-calendar1:before {*/
/*    content: "\e7e3";*/
/*}*/

/*.icon-top:before {*/
/*    content: "\e7ed";*/
/*}*/

/*.icon-youbian:before {*/
/*    content: "\e60f";*/
/*}*/





/*.pro-info-list {*/
/*    padding-top: 15px;*/
/*    padding-bottom: 62px;*/
/*}*/

/*.pro-info-list-item {*/
/*    position: relative;*/
/*    padding-top: 12px;*/
/*    border-bottom: 1px solid #D1D1D1;*/
/*}*/

/*.info-list-item-box {*/
/*    position: relative;*/
/*    padding-left: 36px;*/
/*    padding-right: 152px;*/
/*    padding-bottom: 16px;*/
/*}*/

/*.info-list-item-box>.iconfont {*/
/*    position: absolute;*/
/*    left: 0;*/
/*    font-size: 26px;*/
/*    color: #6B6B6B;*/
/*    top: 12px;*/
/*    line-height: 26px;*/
/*}*/

/*.info-list-item-box:hover>.iconfont {*/
/*    color: #0261AE;*/
/*}*/

/*.info-item-body {*/
/*    padding-top: 12px;*/
/*    width: 100%;*/
/*    max-width: 768px;*/
/*}*/

/*.info-list-item-title {*/
/*    font-size: 18px;*/
/*    color: #333333;*/
/*    line-height: 26px;*/
/*}*/

/*.info-list-item-text {*/
/*    font-size: 14px;*/
/*    color: #666;*/
/*    margin-top: 12px;*/
/*}*/

/*.info-list-item-text a {*/
/*    color: #666;*/
/*    display: block;*/
/*}*/

/*.info-list-item-text a:hover {*/
/*    color: #0261AE;*/
/*}*/

/*.info-list-item-href {*/
/*    position: absolute;*/
/*    right: 0;*/
/*    top: 50%;*/
/*    transform: translateY(-50%);*/
/*}*/

/*.info-list-item-href a {*/
/*    box-sizing: border-box;*/
/*        display: inline-block;*/
/*    width: 152px;*/
/*    height: 40px;*/
/*    border: 1px solid #0261AE;*/
/*    border-radius: 20px;*/
/*    text-align: center;*/
/*    line-height: 38px;*/
/*    font-size: 16px;*/
/*    color: #0261AE;*/
/*    text-transform: uppercase;*/
/*}*/
/*.info-list-item-title a:hover {*/
/*    text-decoration: none;*/
/*    color: #0261AE;*/
/*    outline: none;*/
/*    transition: 0.5s;*/
/*    -moz-transition: 0.5s;*/
/*    -o-transition: 0.5s;*/
/*    -webkit-transition: 0.5s;*/
/*    cursor: pointer;*/
/*}*/

/*.info-list-item-href a:hover {*/
/*    background: #0261AE;*/
/*    color: #fff;*/
/*}*/

/*@media (min-width: 992px) and (max-width:1259px) {*/
/*    .pro-info-list {*/
/*        padding-top: 12px;*/
/*        padding-bottom: 54px;*/
/*    }*/

/*    .pro-info-list-item {*/
/*        padding-top: 10px;*/
/*    }*/

/*    .info-list-item-box {*/
/*        padding-left: 32px;*/
/*        padding-right: 140px;*/
/*        padding-bottom: 12px;*/
/*    }*/

/*    .info-list-item-box>.iconfont {*/
/*        font-size: 24px;*/
/*        top: 10px;*/
/*        line-height: 24px;*/
/*    }*/

/*    .info-item-body {*/
/*        padding-top: 10px;*/
/*    }*/

/*    .info-list-item-title {*/
/*        font-size: 16px;*/
/*        line-height: 24px;*/
/*    }*/

/*    .info-list-item-text {*/
/*        font-size: 14px;*/
/*        margin-top: 10px;*/
/*    }*/

/*    .info-list-item-href a {*/
/*        width: 140px;*/
/*        height: 38px;*/
/*        border-radius: 19px;*/
/*        line-height: 36px;*/
/*        font-size: 15px;*/
/*    }*/
/*}*/

/*@media (max-width: 991px) {*/
/*    .pro-info-list {*/
/*        padding-top: 10px;*/
/*        padding-bottom: 48px;*/
/*    }*/

/*    .pro-info-list-item {*/
/*        padding-top: 8px;*/
/*    }*/

/*    .info-list-item-box {*/
/*        padding-left: 28px;*/
/*        padding-right: 136px;*/
/*        padding-bottom: 8px;*/
/*    }*/

/*    .info-list-item-box>.iconfont {*/
/*        font-size: 20px;*/
/*        top: 6px;*/
/*        line-height: 20px;*/
/*    }*/

/*    .info-item-body {*/
/*        padding-top: 6px;*/
/*    }*/

/*    .info-list-item-title {*/
/*        font-size: 16px;*/
/*        line-height: 20px;*/
/*    }*/

/*    .info-list-item-text {*/
/*        font-size: 13px;*/
/*        margin-top: 8px;*/
/*    }*/

/*    .info-list-item-href a {*/
/*        width: 136px;*/
/*        height: 34px;*/
/*        border-radius: 17px;*/
/*        line-height: 32px;*/
/*        font-size: 14px;*/
/*    }*/
/*}*/

/*@media (max-width: 660px) {*/
/*    .info-list-item-box {*/
/*        padding-left: 28px;*/
/*        padding-right: 0px;*/
/*        padding-bottom: 8px;*/
/*    }*/

/*    .info-list-item-href {*/
/*        position: relative;*/
/*        top: 0;*/
/*        transform: translateY(0);*/
/*        margin-top: 10px;*/
/*    }*/
/*}*/




.pro_qh{
    text-align: center;
    margin-top: 58px;
    background: #fff;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 40px;
    font-weight: 700;
    font-family: "OPENSANSSEMIBOLD";
    border-bottom: 1px solid #d3ced2;
    margin-bottom: 20px;
}
.pro_qh li{
    width: 210px;
    cursor: pointer;
    
    float: left;
    background-color: #eee;
}
@media only screen and (max-width: 999px){
.pro_qh{padding-left: 0px;}
.pro_qh li{width: 100%;}
}
.pro_qh .current{
    font-size: 16px;
    font-size: 1.6rem;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /*text-transform: uppercase;*/
    display: inline-block;
    background-color: #2059a6;
    color: #fff;
}


@font-face {
  font-family: "iconfont"; /* Project id 1768807 */
  src: url('../font/font-icon/iconfont.woff2?t=1634973307282') format('woff2'),
       url('../font/font-icon/iconfont.woff?t=1634973307282') format('woff'),
       url('../font/font-icon/iconfont.ttf?t=1634973307282') format('truetype');
}
@font-face {
  font-family: "iconfont"; /* Project id 2894554 */
  src: url('../font/font-icon2/iconfont.woff2?t=1642146652976') format('woff2'),
       url('../font/font-icon2/iconfont.woff?t=1642146652976') format('woff'),
       url('../font/font-icon2/iconfont.ttf?t=1642146652976') format('truetype');
}


.iconfont {
    font-family: "iconfont" !important;
    font-size: 20px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.iconteam:before {
    content: "\e6ed";
}

.iconyuanzi:before {
    content: "\e6ea";
}

.iconxitongkaifa:before {
    content: "\e6eb";
}

.iconcaidan-shengchanshebei:before {
    content: "\e6ec";
}

.icona-pinterest1:before {
    content: "\e6e8";
}

.iconyiwancheng:before {
    content: "\e6e5";
}

.iconquanbu:before {
    content: "\e6e0";
}

.iconbianji:before {
    content: "\e6e1";
}

.iconweixiu:before {
    content: "\e6e2";
}

.iconfenxiang:before {
    content: "\e6e3";
}

.iconxinxi:before {
    content: "\e6e4";
}

.iconshougongfangshitianxiebufuzhangxiangtiaojiebiao:before {
    content: "\e6e6";
}

.iconshezhi:before {
    content: "\e6e7";
}

.icona-shouji1:before {
    content: "\e6df";
}

.iconbiaoqian_o:before {
    content: "\e6dd";
}

.iconshouxinchengnuo:before {
    content: "\e6d9";
}

.iconweijizhi:before {
    content: "\e6db";
}

.iconzuanshi_o:before {
    content: "\e6de";
}

.iconfaq:before {
    content: "\e6cf";
}

.iconbaoxiu:before {
    content: "\e6d0";
}

.iconkefu:before {
    content: "\e6d1";
}

.icondingdan:before {
    content: "\e6d2";
}

.iconyunshu:before {
    content: "\e6d3";
}

.iconup_s:before {
    content: "\e6cd";
}

.icona-weixin1:before {
    content: "\e6ce";
}

.iconshouji:before {
    content: "\e6cc";
}

.iconsubmit-o:before {
    content: "\e6ca";
}

.iconsubmit:before {
    content: "\e6cb";
}

.icona-40youxiang:before {
    content: "\e6c2";
}

.icona-xiazai1:before {
    content: "\e6c8";
}

.iconshangchuan:before {
    content: "\e6c9";
}

.iconyoushuangjiantou:before {
    content: "\e6c4";
}

.iconyoujiantou:before {
    content: "\e6c5";
}

.iconchangjiantou:before {
    content: "\e6c6";
}

.icongouwuche-xuanzhong:before {
    content: "\e6c7";
}

.iconyunxiazai_o:before {
    content: "\e6ba";
}

.iconcuowu:before {
    content: "\e6bb";
}

.icontuanduiguanliicon:before {
    content: "\e6bc";
}

.iconzhihuihuanbao_gongchang:before {
    content: "\e6bd";
}

.iconlaji:before {
    content: "\e6be";
}

.icona-youjiantou1:before {
    content: "\e6bf";
}

.iconzuoshuangjiantou:before {
    content: "\e6c0";
}

.iconzuanshi:before {
    content: "\e6c1";
}

.iconzhiliangguanli:before {
    content: "\e6c3";
}

.icon-sousuo4:before {
    content: "\e610";
}

.icon-sousuo:before {
    content: "\e616";
}

.icon-sousuo1:before {
    content: "\e65b";
}

.icon-up7:before {
    content: "\e722";
}

.icon-bottom7:before {
    content: "\e723";
}

.icon-left7:before {
    content: "\e724";
}

.icon-right7:before {
    content: "\e725";
}

.icon-instagram1:before {
    content: "\e640";
}

.icon-vk:before {
    content: "\e735";
}

.icon-jia2:before {
    content: "\e608";
}

.icon-jian2:before {
    content: "\e600";
}

.icon-home:before {
    content: "\e624";
}

.icon-edit:before {
    content: "\e611";
}

.icon-facebook:before {
    content: "\e620";
}

.icon-pinterest:before {
    content: "\e8ab";
}

.icon-linkedin:before {
    content: "\e648";
}

.icon-youtube:before {
    content: "\e6d6";
}

.icon-twitter:before {
    content: "\e607";
}

.icon-bigger:before {
    content: "\e647";
}

.icon-left:before {
    content: "\e72c";
}

.icon-right:before {
    content: "\e72d";
}

.icon-up1:before {
    content: "\e72e";
}

.icon-bottom1:before {
    content: "\e72f";
}

.icon-right1:before {
    content: "\e731";
}

.icon-left1:before {
    content: "\e730";
}

.icon-up:before {
    content: "\e73e";
}

.icon-bottom:before {
    content: "\e73f";
}

.icon-instagram:before {
    content: "\e79d";
}

.icon-tumblr:before {
    content: "\e79e";
}

.icon-download:before {
    content: "\e7a0";
}

.icon-download1:before {
    content: "\e7a7";
}

.icon-search4:before {
    content: "\e7b2";
}

.icon-address:before {
    content: "\e7bc";
}

.icon-email:before {
    content: "\e7bd";
}

.icon-contact:before {
    content: "\e7be";
}

.icon-whatsapp:before {
    content: "\e7bf";
}

.icon-fax:before {
    content: "\e7c2";
}

.icon-mobile:before {
    content: "\e7c6";
}

.icon-phone:before {
    content: "\e7c8";
}

.icon-tel:before {
    content: "\e7c7";
}

.icon-phone1:before {
    content: "\e7cb";
}

.icon-skype:before {
    content: "\e7cc";
}

.icon-whatsapp1:before {
    content: "\e7c1";
}

.icon-address1:before {
    content: "\e7c3";
}

.icon-contact1:before {
    content: "\e7c4";
}

.icon-email1:before {
    content: "\e7c5";
}

.icon-skype1:before {
    content: "\e7c9";
}

.icon-fax1:before {
    content: "\e7ca";
}

.icon-qq:before {
    content: "\e7ce";
}

.icon-tel1:before {
    content: "\e7cd";
}

.icon-wechat:before {
    content: "\e7cf";
}

.icon-phone2:before {
    content: "\e7d0";
}

.icon-message:before {
    content: "\e7da";
}

.icon-calendar:before {
    content: "\e7e1";
}

.icon-calendar1:before {
    content: "\e7e3";
}

.icon-top:before {
    content: "\e7ed";
}

.icon-youbian:before {
    content: "\e60f";
}





/*.pro-info-list {*/
/*    padding-top: 15px;*/
/*    padding-bottom: 62px;*/
/*}*/

/*.pro-info-list-item {*/
/*    position: relative;*/
/*    padding-top: 12px;*/
/*    border-bottom: 1px solid #D1D1D1;*/
/*}*/

/*.info-list-item-box {*/
/*    position: relative;*/
/*    padding-left: 36px;*/
/*    padding-right: 152px;*/
/*    padding-bottom: 16px;*/
/*}*/

/*.info-list-item-box>.iconfont {*/
/*    position: absolute;*/
/*    left: 0;*/
/*    font-size: 26px;*/
/*    color: #6B6B6B;*/
/*    top: 12px;*/
/*    line-height: 26px;*/
/*}*/

/*.info-list-item-box:hover>.iconfont {*/
/*    color: #2059a6;*/
/*}*/

/*.info-item-body {*/
/*    padding-top: 12px;*/
/*    width: 100%;*/
/*    max-width: 768px;*/
/*}*/

/*.info-list-item-title {*/
/*    font-size: 18px;*/
/*    color: #333333;*/
/*    line-height: 26px;*/
/*}*/

/*.info-list-item-text {*/
/*    font-size: 14px;*/
/*    color: #666;*/
/*    margin-top: 12px;*/
/*}*/

/*.info-list-item-text a {*/
/*    color: #666;*/
/*    display: block;*/
/*}*/

/*.info-list-item-text a:hover {*/
/*    color:#2059a6;*/
/*}*/

/*.info-list-item-href {*/
/*    position: absolute;*/
/*    right: 0;*/
/*    top: 50%;*/
/*    transform: translateY(-50%);*/
/*}*/

/*.info-list-item-href a {*/
/*    box-sizing: border-box;*/
/*        display: inline-block;*/
/*    width: 190px;*/
/*    height: 40px;*/
/*    border: 1px solid #2059a6;*/
/*    border-radius: 20px;*/
/*    text-align: center;*/
/*    line-height: 38px;*/
/*    font-size: 16px;*/
/*    color: #2059a6;*/
/*    text-transform: uppercase;*/
/*}*/
/*.info-list-item-title a:hover {*/
/*    text-decoration: none;*/
/*    color: #2059a6;*/
/*    outline: none;*/
/*    transition: 0.5s;*/
/*    -moz-transition: 0.5s;*/
/*    -o-transition: 0.5s;*/
/*    -webkit-transition: 0.5s;*/
/*    cursor: pointer;*/
/*}*/

/*.info-list-item-href a:hover {*/
/*    background: #2059a6;*/
/*    color: #fff;*/
/*}*/

/*@media (min-width: 992px) and (max-width:1259px) {*/
/*    .pro-info-list {*/
/*        padding-top: 12px;*/
/*        padding-bottom: 54px;*/
/*    }*/

/*    .pro-info-list-item {*/
/*        padding-top: 10px;*/
/*    }*/

/*    .info-list-item-box {*/
/*        padding-left: 32px;*/
/*        padding-right: 140px;*/
/*        padding-bottom: 12px;*/
/*    }*/

/*    .info-list-item-box>.iconfont {*/
/*        font-size: 24px;*/
/*        top: 10px;*/
/*        line-height: 24px;*/
/*    }*/

/*    .info-item-body {*/
/*        padding-top: 10px;*/
/*    }*/

/*    .info-list-item-title {*/
/*        font-size: 16px;*/
/*        line-height: 24px;*/
/*    }*/

/*    .info-list-item-text {*/
/*        font-size: 14px;*/
/*        margin-top: 10px;*/
/*    }*/

/*    .info-list-item-href a {*/
/*        width: 169px;*/
/*        height: 38px;*/
/*        border-radius: 19px;*/
/*        line-height: 36px;*/
/*        font-size: 15px;*/
/*    }*/
/*}*/

/*@media (max-width: 991px) {*/
/*    .pro-info-list {*/
/*        padding-top: 10px;*/
/*        padding-bottom: 48px;*/
/*    }*/

/*    .pro-info-list-item {*/
/*        padding-top: 8px;*/
/*    }*/

/*    .info-list-item-box {*/
/*        padding-left: 28px;*/
/*        padding-right: 136px;*/
/*        padding-bottom: 8px;*/
/*    }*/

/*    .info-list-item-box>.iconfont {*/
/*        font-size: 20px;*/
/*        top: 6px;*/
/*        line-height: 20px;*/
/*    }*/

/*    .info-item-body {*/
/*        padding-top: 6px;*/
/*    }*/

/*    .info-list-item-title {*/
/*        font-size: 16px;*/
/*        line-height: 20px;*/
/*    }*/

/*    .info-list-item-text {*/
/*        font-size: 13px;*/
/*        margin-top: 8px;*/
/*    }*/

/*    .info-list-item-href a {*/
/*        width: 160px;*/
/*        height: 34px;*/
/*        border-radius: 17px;*/
/*        line-height: 32px;*/
/*        font-size: 14px;*/
/*    }*/
/*}*/

/*@media (max-width: 660px) {*/
/*    .info-list-item-box {*/
/*        padding-left: 28px;*/
/*        padding-right: 0px;*/
/*        padding-bottom: 8px;*/
/*    }*/

/*    .info-list-item-href {*/
/*        position: relative;*/
/*        top: 0;*/
/*        transform: translateY(0);*/
/*        margin-top: 10px;*/
/*    }*/
/*}*/


.pro-info-list {
    padding-top: 15px;
    padding-bottom: 62px;
}

.pro-info-list-item {
    position: relative;
    /* padding-top: 12px; */
    border-bottom: 1px solid #D1D1D1;
}

.info-list-item-box {
    position: relative;
    padding-left: 36px;
    padding-right: 152px;
    padding-bottom: 16px;
    padding-top: 16px;
}

.info-list-item-box>.iconfont {
    position: absolute;
    left: 0;
    font-size: 26px;
    color: #6B6B6B;
    top: 12px;
    line-height: 26px;
    top: 50%;
    transform: translateY(-50%);
}

.info-list-item-box:hover>.iconfont {
    color: #2059a6;
}

.info-item-body {
    /* padding-top: 12px; */
    width: 100%;
    max-width: 768px;
}

.info-list-item-title {
    font-size: 18px;
    color: #333333;
    line-height: 26px;
    line-height: 40px;
}

.info-list-item-text {
    font-size: 14px;
    color: #666;
    margin-top: 12px;
    display: none;
}

.info-list-item-text a {
    color: #666;
    display: block;
}

.info-list-item-text a:hover {
    color: #2059a6;
}

.info-list-item-href {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.info-list-item-href a {
    box-sizing: border-box;
        display: inline-block;
    width: 190px;
    height: 40px;
    border: 1px solid #2059a6;
    border-radius: 20px;
    text-align: center;
    line-height: 38px;
    font-size: 16px;
    color: #2059a6;
    text-transform: uppercase;
}
.info-list-item-title a:hover {
    text-decoration: none;
    color: #2059a6;
    outline: none;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
    cursor: pointer;
}

.info-list-item-href a:hover {
    background: #2059a6;
    color: #fff;
}

@media (min-width: 992px) and (max-width:1259px) {
    .pro-info-list {
        padding-top: 12px;
        padding-bottom: 54px;
    }

    .pro-info-list-item {
        padding-top: 10px;
    }

    .info-list-item-box {
        padding-left: 32px;
        padding-right: 140px;
        /*padding-bottom: 12px;*/
    }

    .info-list-item-box>.iconfont {
        font-size: 24px;
        /*top: 10px;*/
        line-height: 24px;
    }

    .info-item-body {
        /*padding-top: 10px;*/
    }

    .info-list-item-title {
        font-size: 16px;
        line-height: 24px;
    }

    .info-list-item-text {
        font-size: 14px;
        margin-top: 10px;
    }

    .info-list-item-href a {
        width: 169px;
        height: 38px;
        border-radius: 19px;
        line-height: 36px;
        font-size: 15px;
    }
}

@media (max-width: 991px) {
    .pro-info-list {
        padding-top: 10px;
        padding-bottom: 48px;
    }

    .pro-info-list-item {
        padding-top: 8px;
    }

    .info-list-item-box {
        padding-left: 28px;
        padding-right: 136px;
        /*padding-bottom: 8px;*/
    }

    .info-list-item-box>.iconfont {
        font-size: 20px;
        /*top: 6px;*/
        line-height: 20px;
    }

    .info-item-body {
        /*padding-top: 6px;*/
    }

    .info-list-item-title {
        font-size: 16px;
        line-height: 20px;
    }

    .info-list-item-text {
        font-size: 13px;
        margin-top: 8px;
    }

    .info-list-item-href a {
        /*width: 136px;*/
        height: 34px;
        border-radius: 17px;
        line-height: 32px;
        font-size: 14px;
    }
}

@media (max-width: 660px) {
    .info-list-item-box {
        padding-left: 28px;
        padding-right: 0px;
        /*padding-bottom: 8px;*/
    }

    .info-list-item-href {
        position: relative;
        top: 0;
        transform: translateY(0);
        margin-top: 10px;
    }
}