@charset "utf-8";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,table,tbody,p,th,td,em{ margin:0; padding:0; font-family:"Microsoft Yahei","微软雅黑",Tahoma,Arial,Helvetica,STHeiti; font-size:12px;}
html,body{ height:100%;}
img,input,button,a,select,textarea{margin:0;padding:0;resize:none;border:none;outline:none;} 
ol,ul{ list-style:none;} 
h1,h2,h3,h4,h5,h6,p,em,i,b,em{ font-size:100%; word-wrap:break-word; font-weight:normal; font-style:normal;}
a { text-decoration:none; outline:none; color:#333;}
img { vertical-align:middle;}

.container{width: 100%!important;padding:0;position:relative;}
table { 
  width: 100%; 
  border-collapse: collapse; 
}
tr:nth-of-type(odd) { 
  background: #eee; 
}
th { 
  background: #333; 
  color: white; 
  font-weight: bold; 
}
td, th { 
  padding: 6px; 
  border: 1px solid #ccc; 
  text-align: left; 
}

.fl { float:left;}
.fr { float:right;}
.clear { clear:both;}
.clearfix:after { content: " ";display: block; clear: both; height: 0;}
.clearfix {zoom: 1;}
.t10 { margin-top:10px;}
.t20 { margin-top:20px;}
.tc { text-align:center;}
.f14 { font-size:14px;}
.f20 { font-size:20px;}
.w100 {padding-top: 4px;width:100%;background: #fff;}
.w96 {text-align: center;width: 100%;}
/*************公共样式*************/

body { background-color:#f6f6f6;}
header { height:50px; overflow:hidden; background-color:#fff;}
header div.logo { width:80%;}
header div.logo img { width:92%;}
/*header end*/
.btn_more{height: 3rem;background-color:#014da3;color:#FFF;margin:1rem;line-height:3rem;border-radius:3px;font-size:1rem;display:block;text-align: center;}
.banner img { width:100%;}


.cp_product {text-align: center;padding-top:0px;overflow:hidden;clear: both;background:#fff;margin-top: 0px;}
.cp_product .container ul {margin:0 auto;}
.cp_product ul li {height: 64px;width: 78px;text-align: center;display: inline-block;margin: 4%;margin-bottom: 15px;}
.cp_product ul li img {width: 100%;}
.cp_product ul li span {color: #7d7c7c;font-size: 12px;}
.cp_product ul li p { color: #b00; }
.cp_product span ul{float: left;padding-left: 511px;margin-top: 25px;}
.cp_product span ul li {float: left; cursor: pointer; height: 45px; line-height: 45px; color: #fff; width: 150px; text-align: center; margin:0 20px; font-size: 18px; background-image: url(../images/pro-nav1.png);border-radius:5px;}
.cp_product span ul li a {display: block;height: 52px;color: #fff;}
.cp_product span ul li a img { margin-right: 15px; }
.cp_product span ul li:hover { color: #000000; background-position:bottom;}
.cp_product span ul li:hover a{color: #FFFFFF;}

.focus{ width:100%;  margin:0 auto; position:relative; overflow:hidden;}
.focus .hd{ width:100%; height:20px; position:absolute; z-index:1; bottom:10px; text-align:center;}
.focus .hd ul{ display:inline-block; height:15px; padding:8px 8px;font-size:0; vertical-align:top;}
.focus .hd ul li{ display:inline-block; width:9px; height:9px; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px; background:#fff; margin:0 5px; vertical-align:top; overflow:hidden; color:rgba(0,0,0,0);}
.focus .hd ul .on{ background:#014da3; color:rgba(0,0,0,0);}
.focus .bd{ position:relative; z-index:0; }
.focus .bd li img{ width:100%;}
.focus .bd li a { -webkit-tap-highlight-color:rgba(0, 0, 0, 0);  }

.titis{margin-bottom:2.25rem;padding-bottom:.25rem;height:4.35rem;background:url(../images/ico1.jpg) no-repeat center bottom;background-size:5rem .25rem;color:#000;text-align:center;font-size:1.8rem;line-height:4.35rem}
.titis a{color:#000}
.titis span{color:#009b4d}
.pz_c{overflow:hidden;padding:2.45rem 3.125% 3rem}
.pz_nr li{ position: relative; float:left;box-sizing:border-box;margin:0 .25rem .45rem 0;width:49%;height:auto;text-align:center}
.pz_nr li img{width: 100%; height: auto}
.pz_nr li i{display:block;margin:1.35rem auto 1rem;width:2.5rem}
.pz_nr li span{position: absolute; top: 10%; right: 10%; font-size:1.2rem;line-height:2rem; color: #fff;}
.pz_nr li span b{display:block}
.pz_nr li span em{font-weight:700;font-size:1.4rem}
.pz_nr li:nth-child(2),.pz_nr li:nth-child(4){margin:0 0 .45rem 0},.pz_nr li:nth-child(6){margin-right:0}

.aib{box-sizing:border-box;margin-bottom:3rem;padding-top:3.5rem;padding-bottom:1.3rem;background:url(../img/bgu.jpg) no-repeat center 0;background-size:100% 53.33rem}
.aib h3{display:block;padding-bottom:1.95rem;color:#fff;text-align:center;font-weight:700;font-size:1.33rem;line-height:100%}
.tvg{box-sizing:border-box;margin:0 12.5% 4.6rem;padding:.5rem;background:#fff;font-size:0}
.aib ul{overflow:hidden;padding:0 3.1%}
.aib ul li{float:left;width:33.33%}
.aib ul li span{display:block;padding:.6rem 0 1.8rem;color:#555;text-align:center;font-size:1rem}
.aib ul li img{display:block;margin:0 auto .5rem;width:60%}
/* banner end */
.in_enter { margin:20px auto;}
.in_enter dl { position:relative; float:left; width:23%; padding:0 1%;}
.in_enter dl dt {}
.in_enter dl dt img { width:100%;}
.in_enter dl dd { position:absolute; top:10px; left:0; width:100%; line-height:20px;  text-align:center;}
.in_enter dl dd a { display:block; font-size:12px; color:#fff;}
.in_enter dl dd a img { width:30px;}
.mgs_cp_n > dl { padding:20px 15px; background-color:#fff;}
.m-sheb{height:67.15rem;font-size: 1rem;line-height:1.45rem;text-align: center;padding: 0 4.688%;color: #6f6f6f;}
.m-sheb li{width: 50%;height: 14.5rem;background: #f2f6f7;float: left;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;padding:1.1rem 1.28rem 0;}
.m-sheb li:nth-child(1),.m-sheb li:nth-child(4),.m-sheb li:nth-child(5),.m-sheb li:nth-child(8){background: #014da3;color: #fff;}
.m-sheb li i{display: block;font-size:2.8rem;line-height: 4.2rem;font-weight: bold;font-family: Arial;}
.m-sheb li span{display: block;font-size: 1.8rem;line-height: 4.2rem;font-weight: bold;}
.in_about { margin-top: 30px; margin-top: 20px; height:140px; overflow:hidden;}
.in_about > div { width:50%;}
.in_about_left { height:140px; color:#fff; text-align:center; padding:32px 0 0 0; background-color:#014da3;}
.in_about_left strong { display:block; font-size:20px;}
.in_about_left i { display:block; width:20px; height:1px; background-color:#fff; margin:10px auto;}
.in_about_left span { display:block; font-size:14px; text-transform:uppercase;}
.in_about_right dl { height:70px; overflow:hidden;}
.in_about_right dl a { color:#014da3; font-size:12px;}
.in_about_right dl:first-child { background-color:#EBEBEB;}
.in_about_right dl:last-child { background-color:#F6F6F6;}
.in_about_right dl dt { width:28%; padding:20px 1% 0 0; text-align:center;}
.in_about_right dl dt img { width:30px;}
.in_about_right dl dd { width:66%; padding:16px 0 0 0;}
.in_about_right dl dd strong { display:block;}
.index-nav{background: #fff;overflow:hidden;padding: 24px 0;}
.index-nav-1{background:#014da3;}
.index-nav-2{background:#FE931D;}
.index-nav-3{background:#24BF34;}
.index-nav-4{background:#014da3;}
.index-nav ul {text-align:center;}
.index-nav ul li{display: inline-block;padding-right:9px;padding-left:9px;margin-bottom:10px;}
.index-nav ul li i{padding: 9%;font-size: 22px;color: #fff;display: block;margin-bottom: 10px;border-radius: 5px;}
.index-nav ul li a{color:#333;}
.col-xs-3 {width: 20%;}

.in_title {}
.in_title li {display: inline-block;width: 25%;line-height:40px;height:40px;margin: 4px;background: #f1f1f1;}
.in_title li.current {color: fff;font-weight:bold;background: #014da3;}
.in_title li.current a { color:#014da3;}
.in_content {}
.in_content > div { width:96%; margin:0 auto;}
.in_con li {overflow:hidden;}
.in_con li a { font-size:12px;}
.in_con li.more { text-align:center; background:none;}
.in_con li.more a { color:#014da3; display:inline-block;}

footer { text-align:center; padding:30px 30px 80px 30px; background-color:#f6f6f6;}
footer p { line-height:25px; font-size:12px; color:#000;}

.syzyly {}
.syzyly ul {text-align:center;width:100%;}
.syzyly ul li {}
.syzyly ul li img {width:100%;}

.index-title{padding-top: 2px;height: 58px;text-align:center;padding: 9px 0px;position:relative;}
.index-title .title-1{font-weight: bold;margin-top: 4px;letter-spacing: 4px;font-size: 19px;display: inline-block;position: relative;margin-bottom: 8px;}
.index-title .title-1 span{color: #014da3;}
.index-title .title-2{width: 155px;height: 2px;background: #014da3;margin: 0 auto;margin-top: 6px;}
.index-title .title-2 h1{font-size:16px;letter-spacing: 2px;color: #080808;margin-top: 19px;margin-bottom: 19px;}

.index-title-3{display:block;text-align:center;position:relative;padding-bottom: 20px;}
.index-title-3 .title-1{margin-top: 10px;letter-spacing:3px;margin-top: 24px;font-size: 11px;display: inline-block;z-index:10;position: relative;}
.index-title-3 .title-1 span{letter-spacing: 8px;color: #848484;}
.index-title-3 .title-2{font-size: 22px;letter-spacing: 2px;color: #014da3;margin-top: 2px;margin-bottom: -4px;font-weight: bold;}
.index-title-3 .title-2 h1{font-size:16px;letter-spacing: 2px;color: #080808;margin-top: 19px;margin-bottom: 19px;}

.inner_newleft{background:#fff;padding-left: 18px;padding-right: 18px;padding-bottom: 1px;padding-top: 18px;}
.inner_newleft dl{margin-bottom: 40px;background:#fff;overflow:hidden;}
.inner_newleft dt{width:14.5%;float: left;margin-right:2.8%;}
.inner_newleft dt img{width:100%;display:block}
.inner_newleft dd h4{height:40px;font-weight:400;font-size: 15px;color:#154c64;line-height:40px;margin-bottom:5px;overflow:hidden;}
.inner_newleft dd span{color:#6F6F6F;}
.inner_newleft h4 a{font-weight: bold;display:block;height:40px;color:#4b4a4a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.inner_newleft dl:hover{}
.inner_newleft dl:hover h4 a{color:#000}
.p14-infolist-1-list-desc{max-height: 59px;font-size:14px;line-height: 32px;color:#797979;margin-bottom: 7px;overflow:hidden;/* margin-top: -3px; */}
.p14-infolist-1-list-deta{width: 78px;height: 25px;line-height: 25px;text-align:center;display:block;float:right;background:#b6b6b6;color:#fff;}
.p14-infolist-1-list-deta a{color:#fff}
.p14-infolist-1-list dl:hover .p14-infolist-1-list-deta{background:#1e77cc;border-color:#1e77cc}
.p14-infolist-1-list dl:hover .p14-infolist-1-list-deta a{color:#fff}
.inner .inner-right .inner-page{text-align:center;height:60px;padding-top:10px;clear:both;overflow:hidden;margin-bottom:10px}
.inner .inner-right .inner-page ul li {padding-left: 2px;padding-right: 2px;display: inline;}
.zyly {background:#f6f6f6;}

.zyly .pro-cont{margin-top:10px;}
.zyly .pro-cont .bd {width: 100%;text-align: center;}
.zyly .pro-cont .bd ul {display: inline-block;background: #fff;border: 1px solid #e2e0e0;width: 89%;margin-bottom: 49px;box-shadow: 2px 2px 4px #00000073;border-radius: 20px;}
.zyly .pro-cont .top{overflow:hidden;}
.zyly .pro-cont .top .left{/* text-align: center; */overflow: hidden;}
.zyly .pro-cont .top .left img {width: 39%;}
.zyly .pro-cont .top .right{float: left;width: 100%;margin-bottom: 43px;text-align: center;}
.zyly .pro-cont .top .right .text-1{color: #842747;margin-top: 37px;font-size: 22px;}
.zyly .productzyly .pro-cont .top .right .text-2{height: 3px;width:100px;background: #014da3;margin-top:20px;}
.zyly .pro-cont .top .right .text-3{background: #e8e8e8;color: #014da3;font-size: 21px;height: 39px;line-height: 39px;}
.zyly .pro-cont .top .right .text-4{font-size: 17px;color: #000;overflow:hidden;margin-top: -6px;}
.zyly .pro-cont .top .right .text-4 li{font-size: 15px;display: block;height: 20px;line-height: 20px;margin-top: 15px;}
.zyly .pro-cont .top .right .text-4 span{display: block;width:50px;height:50px;text-align:center;border:1px solid #aaa;border-radius:100px;float:left;margin-right:10px;padding:10px;}
.zyly .pro-cont .top .right .text-5{display: block;height:45px;line-height:45px;width:150px;text-align:center;font-size:16px;background: #842747;color: #fff;margin-top:20px;}
.zyly .pro-cont .top .right .text-5 i{font-size:20px;margin-left:20px;}
.zyly .pro-cont .bottom{overflow:hidden;margin-top:20px;}
.zyly .pro-cont .bottom ul li{float:left;border:10px solid #eee;width:360px;margin:10px;border-radius:10px;text-align:center;}
.zyly .pro-cont .bottom ul li img{width:100%;}
.zyly .pro-cont .bottom ul li span{display: block;margin:20px auto;width:200px;background:#eee;padding:10px;border-radius:100px;}
.zyly .pro-cont .bottom ul li a:hover span{background:#be131b;color:#fff;}

.gywm .gywm-nr .gywm-left img {float:left;width:100%;}
.gywm .gywm-nr .gywm-right{width: 100%;}
.gywm .gywm-nr .gywm-right .changping{font-size:25px;color:#000;font-weight:lighter;margin-bottom:30px;margin-top: -13px;}
.gywm .gywm-nr .gywm-right .cp-abot{font-size: 16px;color:#636262;letter-spacing: 1px;padding: 10px;}

.gywm .cpwh-nr {display:block;float:left;padding-top: 26px;padding-left: 10px;}
.gywm .cpwh-nr h5 {font-size:25px;color: #014da3;font-weight:lighter;margin-bottom:15px;}
.gywm .cpwh-nr p {font-size:16px;color:#636262;letter-spacing:2px;}
.gywm .cpwh-nr a {text-align:center;margin-top: 20px;display:block;width:120px;height:40px;background:#024ca3;float:left;line-height:40px;}
.gywm .cpwh-nr a li{color:#fff;}

.gywm .cpry-nr {display:block;float:left;padding-top: 39px;padding-left: 10px;}
.gywm .cpry-nr h5 {font-size:25px;color: #014da3;font-weight:lighter;margin-bottom:15px;}
.gywm .cpry-nr p {font-size:16px;color:#636262;letter-spacing:2px;margin-bottom: 24px;}
.gywm .cpry-nr a {text-align:center;margin-top: 20px;display:block;width:120px;height:40px;background:#024ca3;float:left;line-height:40px;}
.gywm .cpry-nr a li{color:#fff;}
/*GYWM*/
.index-title-4{padding-left: 16px;display:block;}
.index-title-4 .title-1{letter-spacing:3px;font-size:10px;display: inline-block;z-index:10;position: relative;}
.index-title-4 .title-1 span{color:#636262;}
.index-title-4 .title-2{font-size: 19px;letter-spacing: 2px;color: #000;font-weight: lighter;}
.index-title-4 .title-2 h1{font-size:16px;letter-spacing: 2px;color: #080808;}
.inner .inner-zxns{overflow:hidden;}
.zxnszy {position: relative;display:block;height:800px;padding-top:10px;}
.zxnszy .zpxx .zpxx1{display:block;padding: 16px;}
.zxnszy .zpxx .zpxx1 h5 {font-size:20px;color:#000;margin-top: 10px;}
.zxnszy .zpxx .zpxx1 p {font-size:16px;color:#636262;letter-spacing:2px;}
.zxnszy .zpxx .zpxx1 a {text-align:center;margin-top: 20px;display:block;width:120px;height:40px;background:#024ca3;float:left;line-height:40px;}
.zxnszy .zpxx .zpxx1 a li{color:#fff;}
.zxnsln {display:block;position: relative;width:1200px;height:500px;}
.zxnsln ul li{display:block;float:left;display:block;width:270px;height:310px;margin:10px;background:#f2f2f2;}
.zxnsln ul li img{width:270px;}
.zxnsln ul li h1{font-size: 18px;margin-bottom: 10px;color: #000000;line-height: 1.6;font-weight: bold;margin-left:15px;}
.zxnsln ul li span {display:block;font-size: 14px;color:#636262;margin:0 15px 15px 15px;
    padding-top: 5px;}


/*index footer end*/
.fixed_bottom > p:first-child {/* width: 47.5%; *//* border-right: 1px #fff dashed; */}
.fixed_bottom {width:100%;position: fixed;bottom: 0;left: 0;background: #ffffff;}
.fixed_bottom p {text-align: center;height: 40px;line-height: 40px;width:30.5%;background-color:#014da3;margin: 5px;}
.fixed_bottom p a {color:#fff;font-size: 18px;}
/*footer fixed end*/


.index_cgal{background: #fff;width:100%;}
.index_cgal_t{ color:#595757; font-size:24px; text-align:center; height:50px; background:url(../images/cgalgb.jpg) center bottom no-repeat;}

.index_cgal_2{float:left; margin-left: 5%; margin-top: 5%; width: 42.5%; height:80px; border:1px solid #c5261d; color:#c5261d; text-align:center; line-height:80px; font-size:1.2em;}
.index_cgal_3{float:left; margin-left: 5%; margin-top: 5%; width: 43%;  height:30px; line-height: 30px; border:1px solid #9fa0a0;color:#595757; text-align:center;}
.index_cgal_3 select{ width:90%; height:40px; text-align:center; font-size:1.2em; color:#595757; margin-top:20px; border:none; background:none;}

.index_wdfw{ width:100%; background:#c5261d;margin-top:50px;height:1000px;}
.index_wdfw_t{ color:#FFF; font-size:24px; text-align:center; height:50px; background:url(../images/wdfwbg.jpg) center bottom no-repeat; padding-top:10%;}

.index_wdfw_2{float:left; margin-left: 5%; margin-top: 5%; width: 42.5%; height:360px; color:#FFF; overflow:hidden;padding-top:10px;}
.wdfw_p{}
.wdfw_t{ font-size:20px; padding:10px 0px;}.wdfw_t span{ font-size:14px;}
.wdfw_n{}
body .mainmenu {background: #fff;padding-bottom: 13px;/* width:100%; */padding-left: 39px;overflow:hidden;}
body .mainmenu li {margin-top: 5%;width: 100%;font-size: 15px;}
body .mainmenu li a { display:block; overflow:hidden }
body .mainmenu li a p {background-color:#fff;border-radius:7px;text-align:center;position:relative;}
body .mainmenu li a p:after { bottom:-6px; border-color: #FFF rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); border-width: 6px 6px 0px; position: absolute; content: ""; display: inline-block; width: 0; height: 0; border-style: solid; left:50%; margin-left:-3px;}
body .mainmenu li a p img {width:100%;}
body .mainmenu li a p span { clear:both; display:block; margin:auto; width:80%; height: 32px; line-height:16px; overflow:hidden; text-align:center; color:#505359; font-size:12px; }
body .mainmenu li b { display:block; margin-top:15px; text-align:center; line-height:30px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; background-color: rgba(0, 0, 0, 0.25); border-radius:4px; font-weight:normal; padding:0px 10px; color:#FFF }

.research {
  width:100%;
  background: url("../images/img1_bg1.jpg") top center;
  padding: 21px 0 40px;
  text-align: center;
  color: #FFF;
}
.research h1 {
  font-size: 19px;
  line-height: 50px;
}
.research p {
  font-size: 14px;
  color: #c7c7c7;
  margin: 11px 0 9px;
  padding: 9px;
}
.research h2 {
  font-weight: 400;
  font-size: 12px;
  line-height: 19px;
}
.research h2 span {
  padding: 0 33px;
}
.research .uq-more {
  display: block;
  margin: 0px auto;
  width: 147px;
  padding: 7px 0;
  line-height: 25px;
  font-size: 14px;
  color: #FFF;
  border: 1px solid #FFF;
  margin-top: 21px;
}
.research .uq-more:hover {
  background: #FFF;
  color: #060001;
}

.nr ul{ display: block;}
.nr ul li{float:left; margin-left: 5%; margin-top: 5%; width: 43%;  height:30px; line-height: 30px; border:1px solid #9fa0a0;color:#595757; text-align:center;}

/*two_xiala*/
.two_xiala { position:relative; height:53px;}
.accordion1 { position:absolute; left:0; top:0; width:100%;}
.accordion1 .link {line-height:53px; text-align:center; font-size:14px; color:#fff; font-weight:bold; background-color:#014da3;}
.accordion1 .link i { font-size:18px;}
.accordion1 .submenu { background-color:#646464;}
.accordion1 .submenu li:last-child { border-bottom:none;}
.accordion1 .submenu a:hover{ background:#585556;}
.accordion1 li.open i.fa-angle-down { transform:rotate(180deg); -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg);-o-transform: rotate(180deg);}
/*two_xiala*/

table { border-collapse:collapse;}
table td { border:1px #C5C5C5 solid; font-size:12px; padding:7px 25px; background-color:#fff;}
.sales-title { line-height:30px; margin:20px 0 10px 0;}
.sales-title strong { display:inline-block; font-size:14px; color:#fff; padding:0 20px; background-color:#014da3;}
table tr td:first-child { width:40%;}
table tr td:last-child { width:60%;}

/*销售机构分布 end*/

.banner1 { width:94%; margin:10px auto;}
/*国际贸易网络 end*/

.mgs_new { width:92%; margin:0 auto;}
.mgs_new li { height:40px; line-height:40px; overflow:hidden; padding-left:10px; background:url(../images/icon_dian.png) no-repeat left center; border-bottom:1px #e6e6e6 solid;}
.mgs_new li a { color:#666; font-size:12px;}
/*新闻中心 end*/

.page_mgs { margin:25px 15px 0 15px; text-align:center;}
.page_mgs a { display:inline-block; width:23px; height:23px; line-height:23px; text-align:center; overflow:hidden; border:1px #eee solid; color:#333; font-size:12px;}
.page_mgs a input { width:21px; height:21px;}
.page_mgs a.none { border:none;}
.page_mgs a.active, .page_mgs a:hover { color:#fff; background-color:#014da3; border:1px #014da3 solid;}
.page_mgs a.none:hover { color:#333; background:none; border:none;}
.page_mgs ul{   overflow-x:scroll;  white-space: nowrap; }
.page_mgs ul li{ float: left !important; }
.fanye { margin:25px 15px 0 15px; overflow:hidden;}
.fanye p { width:45%; line-height:30px; height:30px; overflow:hidden;}
.fanye a { width:20%; max-width:20px; height:20px; margin-top:5px; border:1px #D7D7D7 solid; text-align:center;}
.fanye a img { margin-top:-12px;}
.fanye span { width:80%; font-size:12px;}
/*分页 end*/

.mgs_new_n > h3 { font-size:14px; text-align:center; color:#000; margin:15px 0 5px 0; font-weight:bold;}
.mgs_new_n > h4 { font-size:12px; text-align:center; color:#999; margin-bottom:10px;}
.mgs_new_n > p { font-size:12px; color:#666; line-height:25px; }
.mgs_new_n > p img { text-align: center; }
.mgs_new_n > div { width:80%; margin:15px auto;}
.mgs_new_n > div img { width:100% !important; height: auto !important; }
.mgs_new_n > div > p { text-align:center; margin:3px 0 10px 0; color:#666; font-size:12px;}
.mgs_new_n img{ width: 93%; height: auto}
/*新闻内页 end*/

.cp_tjj { background-color:#fff; padding:10px 15px 0 15px;}
.cp_tjj > p { height:45px; line-height:45px; overflow:hidden; border-bottom:1px #eee solid;}
.cp_tjj > p a { display:inline-block; padding:0 10px 0 10px; color:#666; font-size:12px; background:url(../images/icon_dian.png) no-repeat left center;}
.cp_tjj > p a.active, .cp_tjj > p a:hover { font-weight:bold; color:#014da3; background:url(../images/dian1.png) no-repeat left center;}
.cp_tjj ul{ width: 100%}
.cp_tjj ul li{ line-height: 30px; font-size: 14px; display: inline-block;padding: 0 10px 0 10px; color: #666;  background: url(../images/icon_dian.png) no-repeat left center; float: left} 
.mgs_cp { padding-top:5px;}
.mgs_cp > dl { float:left; width:47.2%; margin:2% 1%; padding:10px 0; background-color:#fff; text-align:center; border:1px #fff solid;}
.mgs_cp > dl dt { height:170px; overflow:hidden;}
.mgs_cp > dl dt img { width:100%;}
.mgs_cp > dl dd h3, .mgs_cp dl dd p { padding:0 5px;}
.mgs_cp > dl dd h3 { line-height:30px;}
.mgs_cp > dl dd h3 a { color:#282727; font-size:14px;}
.mgs_cp > dl dd p { line-height:25px; height:25px; overflow:hidden;}
.mgs_cp > dl dd p a { color:#848484; font-size:12px;}
.mgs_cp > dl.active { border:1px #fff solid;}
.mgs_cp > dl.active dd h3 a, .mgs_cp > dl.active dd p a { color:#014da3;}
/*产品看台 end*/

.mgs_cp_n > dl { padding:20px 15px; background-color:#fff;}
.mgs_cp_n > dl dt { width:100%;}
.mgs_cp_n > dl dt img { width:100%; margin-bottom: 20px;}
.mgs_cp_n > dl dd { width:100%;}
.mgs_cp_n > dl dd > h3 { line-height:40px; color:#014da3; font-size:16px;}
.mgs_cp_n > dl dd > p { line-height:25px; font-size:12px;}
.cp_n_title { line-height:45px; background-color:#014da3; color:#fff; font-size:16px; padding:0 10px; font-weight:bold;}
.cp_n_title span { padding-left:10px; font-size:14px; font-weight:normal;}
.cp_n_con { padding:10px;}
.cp_n_con > h3 { line-height:30px; color:#014da3; font-size:12px;}
.cp_n_con > p { line-height:25px; font-size:12px;}
.cp_n_con > p img{width: 100%;height: auto;}
/*产品内页 end*/

.mgs_leader_c { width:55%; margin:15px auto;}
.mgs_leader_c dt img { width:100%;}
.mgs_leader_c dd { background-color:#EEE; line-height:25px; padding:5px; color:#262627;}
.mgs_leader_c dd h3 { font-size:16px;}
.mgs_leader_c dd p { font-size:12px;}

.mgs_leader_con dl { width:46%; margin:2%;}
.mgs_leader_con dl dt img { width:100%;}
.mgs_leader_con dl dd { background-color:#EEE; height:50px; line-height:25px; padding:5px; color:#262627;}
.mgs_leader_con dl dd h3 { font-size:16px;}
.mgs_leader_con dl dd p { font-size:12px;}
/*公司领导 end*/

.mgs_about { padding:10px 0;}
.mgs_about > p { font-size:12px; line-height:25px;}
.mgs_about img{ width: 96%; height: auto; margin: 0 auto;}
/*about end*/

.mgs_culture img { width:100%; margin-top:15px;}
/*about culture end*/

.mgs_staff { padding-top:10px;}
.mgs_staff dl { float:left; width:46%; margin:2%;}
.mgs_staff dl dt img { width:100%;}
.mgs_staff dl dd { font-size:12px; height:85px; line-height:20px; padding:5px 0; color:#262627;}
/*员工风采 end*/
.in_con {}
.fjx{height: 32px;background: #fff;}
@media screen and (min-width: 320px){ }
@media screen and (min-width: 375px){
  header { height:54px;}
  footer p { font-size:14px; line-height:30px;}
  .in_enter dl dd { top:13px;}
  .in_enter dl dd a img { width:35px;}
  .in_enter dl dd a { font-size:14px;}
  .in_about_right dl a { font-size:14px;}
  .in_about_left strong { font-size:22px;}
  .in_about { height:140px; overflow:hidden;}
  .in_about { height:160px;}
  .in_about_left { height:160px; padding:40px 0 0 0;}
  .in_about_right dl { height:80px;}
  .in_about_right dl dd { padding:18px 0 0 0;}
  .in_about_right dl dt { padding:24px 0 0 0;}
  .in_title li {}
  .in_con li a { font-size:14px;}
  .in_con li {background: #fff;font-size: 15px;padding-left: 32px;line-height: 38px;height: 38px;}
  .sales-title { line-height:35px;}
  .sales-title strong { font-size:16px;}
  table td { font-size:14px; padding:9px 25px;}
  .mgs_new li a { font-size:14px;}
  .mgs_new li { line-height:45px; height:45px;}
  .page_mgs a {width: 100%;height:28px;line-height:28px;font-size:14px;}
  .page_mgs a input { width:26px; height:26px;}
  .page_mgs ul li{ float: left;}
  .mgs_new_n > h3 { font-size:16px; margin:15px 0 10px 0;}
  .mgs_new_n > h4 { font-size:14px;}
  .mgs_new_n > p { font-size:14px;}
  .mgs_new_n > div > p { font-size:14px; line-height:30px;}
  .fanye span { font-size:14px;}
  .two_xiala { height:60px;}
  .accordion1 .link { font-size:18px; line-height:60px;}
  .submenu a { padding:15px 12px !important;}
  .cp_tjj > p a { font-size:14px;}
  .cp_tjj > p { height:50px; line-height:50px;}
  .mgs_cp dl dt { height:200px;} 
  .mgs_cp dl dd h3 a { font-size:16px;}
  .mgs_cp dl dd p a { font-size:14px;}
  .mgs_cp_n > dl dd > h3 { font-size:18px;}
  .mgs_cp_n > dl dd > p { font-size:14px; line-height:30px;}
  .cp_n_title { line-height:50px; font-size:18px;}
  .cp_n_title span { font-size:14px;}
  .cp_n_con > h3 { font-size:14px; line-height:33px;}
  .cp_n_con > p { font-size:14px; line-height:28px;}
  .mgs_leader_c dd { line-height:30px;}
  .mgs_leader_c dd h3 { font-size:20px;}
  .mgs_leader_c dd p { font-size:14px;}
  .mgs_leader_con dl dd { line-height:30px; height:60px;}
  .mgs_leader_con dl dd h3 { font-size:20px;}
  .mgs_leader_con dl dd p { font-size:14px;}
  .mgs_about > p { font-size:14px; line-height:28px;} 
  .mgs_staff dl dd { font-size:14px; height:95px; line-height:23px;}
  }

@media screen and (min-width: 414px){
  header { height:60px;}
  .nav__trigger { top:10px !important;}
  footer p { font-size:12px; line-height:25px;}
  .in_enter dl dd { top:17px;}
    .in_enter dl dd a img { width:40px;}
  .in_enter dl dd a { font-size:14px;}
  .in_about { height:160px;}
  .in_about_left { height:160px; padding:40px 0 0 0;}
  .in_about_right dl { height:80px;}
  .in_about_right dl a { font-size:16px;}
  .in_about_left strong { font-size:24px;}
  .in_about_right dl dd { padding:18px 0 0 0;}
  .in_about_right dl dt { padding:27px 0 0 0;}
  .in_title li {font-size:16px;}
  .in_con li a { font-size:16px;}
  .in_con li {background: #fff;font-size: 15px;padding-left: 32px;line-height: 38px;height: 38px;}
  .fixed_bottom {}
  .fixed_bottom > p a { font-size:18px;}
  .sales-title { line-height:40px;}
  .sales-title strong { font-size:18px;}
  table td { font-size:16px; padding:10px 25px;}
  .mgs_new li a { font-size:16px;}
  .mgs_new li { line-height:50px; height:50px;}
  .page_mgs a { width:100%; height:32px; line-height:32px; font-size:16px;}
  .page_mgs a input { width:30px; height:30px;}
  .mgs_new_n > h3 { font-size:18px; margin:15px 0 10px 0;}
  .mgs_new_n > h4 { font-size:14px;}
  .mgs_new_n > p { font-size:16px; line-height:35px;}
  .mgs_new_n > div > p { font-size:16px;}
  .fanye span { font-size:16px;}
  .two_xiala { height:65px;}
  .accordion1 .link { font-size:20px; line-height:65px;}
  .submenu a { padding:18px 12px !important;}
  .cp_tjj > p { height:55px; line-height:55px;}
  .cp_tjj > p a { font-size:16px;}
  .mgs_cp dl dt { height:220px;}
  .mgs_cp dl dd h3 a { font-size:16px;}
  .mgs_cp dl dd p a { font-size:14px;}
  .mgs_cp_n > dl dd > h3 { font-size:20px;}
  .mgs_cp_n > dl dd > p { font-size:16px; line-height:32px;}
  .cp_n_title { line-height:52px; font-size:20px;}
  .cp_n_title span { font-size:16px;}
  .cp_n_con > h3 { font-size:16px; line-height:35px;}
  .cp_n_con > p { font-size:16px; line-height:30px;}
  .mgs_leader_c dd { line-height:30px;}
  .mgs_leader_c dd h3 { font-size:20px;}
  .mgs_leader_c dd p { font-size:14px;}
  .mgs_leader_con dl dd { line-height:30px; height:60px;}
  .mgs_leader_con dl dd h3 { font-size:20px;}
  .mgs_leader_con dl dd p { font-size:14px;}
  .mgs_about > p { font-size:16px; line-height:32px;} 
  .mgs_staff dl dd { font-size:16px; height:100px; line-height:25px;}
  /*.slide-box, .slide { height:201px;}
  .item { top:170px;}
  .item a { width:12px; height:12px;}*/
  }
  
/*导航弹出层 start*/
.iphone__item {
  width: 16.06em;
  height: 1em;
  position: absolute;
  bottom: -2em;
  color: #158f76;
  text-align: center;
}
.iphone__power-btn {
  width: 2.188em;
  height: .188em;
  background: #e0e0e0;
  position: absolute;
  right: 2.5em;
  top: -0.188em;
}
.iphone__left-btn {
  width: .188em;
  height: 1.250em;
  top: 3.250em;
  left: -0.188em;
  position: absolute;
  background: #e0e0e0;
}
.iphone__left-btn:before {
  content: '';
  width: .188em;
  height: .875em;
  position: absolute;
  top: 3em;
  background: #e0e0e0;
}
.iphone__left-btn:after {
  content: '';
  width: .188em;
  height: .875em;
  position: absolute;
  top: 5.5em;
  background: #e0e0e0;
}
.iphone__details {
  width: .438em;
  height: .438em;
  border-radius: 100%;
  position: relative;
  top: 1.313em;
  left: 8em;
  background: #7c7c7c;
}
.iphone__details:before {
  content: '';
  width: 2.5em;
  height: .25em;
  border-radius: .25em;
  position: absolute;
  top: 1em;
  left: -1em;
  background: #7c7c7c;
}
.iphone__home-btn:before {
  content: '';
  width: .813em;
  height: .813em;
  border: .15em solid #a8a8a8;
  border-radius: .2em;
  position: absolute;
  top: .6em;
  left: .57em;
}
.iphone__content {
  position: relative;
  background-color: #D2527F;
  width: 100%;
  height: 100%;
}
.nav {
  position: absolute;
  z-index: 100;
  opacity: 0;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.nav--active .nav {
  opacity: 1;
  background-color: #646464;
}
.nav__trigger {
  display: block;
  position: absolute;
  width: 30px;
  height: 25px;
  right: 8px;
  top: 19px;
  z-index: 200; 
  padding:9px 5px 8px 8px;
}
.nav--active .nav__trigger {
  opacity: 0.5;
}
.nav__icon {
  display: inline-block;
  position: relative;
  width: 26px;
  height: 2px;
  background-color: #d2d2d2;
  -webkit-transition-property: background-color, -webkit-transform;
  transition-property: background-color, -webkit-transform;
  transition-property: background-color, transform;
  transition-property: background-color, transform, -webkit-transform;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
}
.nav__icon:before,
.nav__icon:after {
  content: '';
  display: block;
  width: 26px;
  height: 2px;
  position: absolute;
  background: #d2d2d2;
  -webkit-transition-property: margin, -webkit-transform;
  transition-property: margin, -webkit-transform;
  transition-property: margin, transform;
  transition-property: margin, transform, -webkit-transform;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
}
.nav__icon:before {
  margin-top: -8px;
}
.nav__icon:after {
  margin-top: 8px;
}
.style-1 .nav {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  width: 100%;
  min-height: 100%; float:left; padding-bottom:100px;
}
.style-1 .nav__link {
  opacity: 0;
  -webkit-transition-delay: 500ms;
          transition-delay: 500ms;
}
.style-1 .nav--active .nav__link {
  opacity: 1;
}
.style-1 .nav--active .nav {
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.style-1 .nav--active .nav__icon {
  background: rgba(0, 0, 0, 0);
}
.style-1 .nav--active .nav__icon:before {
  margin-top: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.style-1 .nav--active .nav__icon:after {
  margin-top: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

/*导航下拉 start*/
.accordion { margin:55px 10px 0 10px;}
.accordion .link {
  cursor: pointer;
  display: block;
  padding: 15px;
  color: #fff;
  font-size: 16px; 
  text-align:center;
  border-bottom: 1px solid #B2B2B2;
  position: relative;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.accordion .link a{ color: aliceblue;}
.accordion li i {
  position: absolute;
  top: 16px;
  left: 12px;
  font-size: 18px;
  color: #fff;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.accordion li i.fa-angle-down {
  right: 12px;
  left: auto;
  font-size: 16px;
}

.accordion li.open .link {
  color: #fff;
}

.accordion li.open i {
  color: #fff;
}
.accordion li.open i.fa-angle-down {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
 .submenu {
  display: none;
  font-size: 14px;
 }

 .submenu li {
  border-bottom: 1px solid #ADADAD;
  text-align:center;
  width:68%; margin:0 auto;
 }

 .submenu a {
   text-align: center;
  display: block;
  text-decoration: none;
  color: #d9d9d9;
  padding: 12px; 
  font-size:14px;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
 }

 .submenu a:hover {
  background: #585556;
  color: #FFF;
 }


/*内页联系我们*/

.contactPage .intention{padding:98px 0 80px 0;background:#f5f5f5}
.contactPage .intention .title{color:#000;font-size:36px;line-height:40px}
.contactPage .intention .left,.contactPage .intention .right{float:left;margin-top:28px;width:710px}
.contactPage .intention .right{float:right}
.contactPage .intention .inpu{box-sizing:border-box;margin-bottom:20px;padding:10px 0;border:solid 1px #e6e6e6;background:#fff}
.contactPage .intention .inpu input,.contactPage .intention .inpu textarea{box-sizing:border-box;box-sizing:border-box;padding:0 20px;width:100%;height:48px;outline:0;border:none;background:0 0;color:#333;font-size:18px;line-height:48px}
.contactPage .intention .inpu input::-webkit-input-placeholder{color:#666}
.contactPage .intention .inpu input:-moz-placeholder{color:#666}
.contactPage .intention .inpu input::-moz-placeholder{color:#666}
.contactPage .intention .inpu input:-ms-input-placeholder{color:#666}
.contactPage .intention .inpu textarea::-webkit-input-placeholder{color:#666}
.contactPage .intention .inpu textarea:-moz-placeholder{color:#666}
.contactPage .intention .inpu textarea::-moz-placeholder{color:#666}
.contactPage .intention .inpu textarea:-ms-input-placeholder{color:#666}
.contactPage .intention .inpu textarea{padding:10px 20px;height:228px;line-height:24px;resize:none}
.contactPage .intention .btn{margin:0;padding:0;height:70px;text-align:center}
.contactPage .intention .btn a,.contactPage .intention .btn button,.contactPage .intention .btn input{display:block;width:100%;height:70px;border:none;border-radius:0;background:#21b1fb;color:#fff;text-align:center;font-size:18px;line-height:70px;cursor:pointer;-webkit-transition:.4s;-moz-transition:.4s;-o-transition:.4s;transition:.4s;-webkit-appearance:none;-ms-transition:.4s}
.contactPage .intention .btn a,.contactPage .intention .btn button,.contactPage .intention .btn input:hover{background:#ff6200}
@media only screen and (max-width:1440px){.contactPage .intention .left,.contactPage .intention .right{width:590px}
}
.contactPage .contact{padding:100px 0}
.contactPage .contact #allmap,.contactPage .contact .map{width:100%;height:550px}
.contactPage .contact .list{box-sizing:border-box;border-left:solid 1px #e6e6e6}
.contactPage .contact .list:after{clear:both;display:block;height:0;content:""}
.contactPage .contact .list li{float:left;box-sizing:border-box;padding-bottom:66px;width:25%;border-right:solid 1px #e6e6e6;border-bottom:solid 1px #e6e6e6;text-align:center}
.contactPage .contact .list li .icon{margin-top:75px;height:138px}
.contactPage .contact .list li .icon img{height:100%}
.contactPage .contact .list li .text{margin-top:40px;color:#666;font-size:18px;line-height:30px}
.contactPage .contact .list li .text a,.contactPage .contact .list li .text p{color:#666;font-size:18px}
.contactPage .traffic{padding:100px 0;background:#f5f5f5}
.contactPage .traffic .title{color:#000;text-align:center;font-size:36px;line-height:40px}
.contactPage .traffic .list{box-sizing:border-box;margin-top:58px;border:solid 1px #e6e6e6}
.contactPage .traffic .list:after{clear:both;display:block;height:0;content:""}
.contactPage .traffic li{float:left;box-sizing:border-box;box-sizing:border-box;padding:102px 40px 68px 40px;width:33.333%;border-left:solid 1px #e6e6e6;background:#fff;text-align:center}
.contactPage .traffic li:first-child{border-left:none}
.contactPage .traffic li .icon{height:56px}
.contactPage .traffic li .icon img{max-height:100%}
.contactPage .traffic li .tit{margin-top:24px;padding-bottom:38px;background:url(../19images/traffic_line.gif) repeat-x 0 bottom;color:#000;font-size:24px;line-height:30px}
.contactPage .traffic li .text{margin-top:35px;color:#666;font-size:16px;line-height:24px}




@media only screen and (max-width:800px){
/*  联系我们*/
  .contactPage .contact{ padding: 0}
  .contact .wrap{ padding:0}
  .contact .wrap .list{ border: 0;}
  .contact .wrap .list li{width: 48%;height: 186px;padding-bottom:0;border: 0;}
  .contact .wrap .list li .icon{height: 46px;padding-top: 0;}

  .contact .wrap .list li .text{margin: 0;}
  .contact .wrap .list li .text a, .contactPage .contact .list li .text p{ font-size: 12px;}
  .contact .wrap .list li .icon img{ width: 100px;height: 100px;}
  .contactPage .traffic{}
  .contactPage .traffic .title{ font-size: 23px;}
  .contactPage .traffic .wrap .list li{ width: 100%; height: 100%; padding:0; margin: 0; border: 0;}
  .contactPage .traffic .wrap .list li .icon img{height: auto;}
  .contactPage .traffic .wrap .list li .icon{ height: 40px;}
  .contactPage .traffic li .tit{font-size: 18px; padding: 0;}
  .contact .traffic .wrap .list li .text{font-size: 14px;}
  .contactPage .traffic .title{padding-top: 20px; padding-bottom: 20px; margin: 0; height: 40px; line-height: 40px;}

  .promotionBox1{ padding-top: 60px;}
  .promotionBox2{padding: 120px 0;}
  .promotionBox3{padding: 120px 0;}
  .promotionBox2 .pic{width: 40%;}
  .promotionBox3 .pic{width: 40%;}
  .promotion .txt .tie{font-size: 1.22em}
  .promotionBox2 .txt, .promotionBox3 .txt{position: absolute;top: 60px;right: 0; width: 35%;}
  .promotion .pic img{ width: 100%}
  .container_service img{ width: 100%}
}