@charset "utf-8";
@font-face{ font-family:myFirstFont; src:url(../font/FRAMDCN.TTF);}
@media (max-width:1920px){html{font-size:16px;}}
@media (min-width:1400px) and (max-width:1600px){html{font-size:15px;}}
@media (min-width:640px) and (max-width:1399px){html{font-size:14px;}}
@media (min-width:471px) and (max-width:639px){html{font-size:13px;}}
@media (min-width:329px) and (max-width:470px){html{font-size:12px;}}
@media (max-width:328px){html{font-size:12px;}}

/*==========================================公共 开始=============================================*/
.ar_wap{ display:none}
html,body{ height:100%;}

/*====翻页====*/
.j_pages{margin:0 auto 0 auto}
.j_pages .pages{*margin-top:15px;}
.j_pages .box{display:inherit;width:100%;padding: 1.5rem 0 0;font-size: 0;text-align:  center;}
.j_pages a{padding: 0px 15px;height: 40px;line-height: 40px;display:inline-block;margin: 0 0 0 6px;color: #666666;font-size: 14px;box-sizing: border-box;background: #dedede;min-width: 40px;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;:-webkit-border-radius: 3px;}
.j_pages a font{font-size:14px;font-family:SimSun;color:#666666}
.j_pages .on{color: #007cc2;}
.j_pages a:hover{color: #007cc2;}
.j_pages span{}
.j_pages a.u_bnt{transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s}
.j_pages form{ display:inline-block;}
.j_pages span{display:inline-block;font-size:14px;color: #919191; margin:0 0 0 10px}
.j_pages form input{width: 40px;height: 40px;border: none;background:#dedede;font-size:14px;color: #919191;margin: 0 0 0 10px; text-align:center}
.j_pages form input[type="submit"]{width: 65px; cursor:pointer}
.j_pages form input[type="submit"]:hover{ background:#007cc2; color:#fff}

/*==========================================公共 结束=============================================*/


/*==========================================首页 开始=============================================*/

.full_page{position:relative;width:100%; height:500px}

#banner{position:relative;height:100%;overflow: hidden;margin: 0 auto;}
#banner .hd{ position:absolute; width:80px; height:270px; right:105px; top:50%; margin-top:-135px;}
#banner .hd li{ width:100%; height:52px; font-size:14px; color:#fff; font-style:italic; background:url(../images/hd.png) 64px center no-repeat; line-height:152px; overflow:hidden;}
#banner .hd li.on{ background:url(../images/hd_on.png) 26px center no-repeat; line-height:52px;}
#banner .bd {position:relative;height: 100%;}
#banner .bd ul,#banner .bd ul li{width: 100% !important;height:100% !important;}
#banner .bd a{display:block;width:100%;height: 100%;background-size: cover !important;}
#banner .bnt{position:absolute;top:50%;z-index:3;margin-top: -30px;cursor: pointer;}
#banner .bnt:hover{ }
#banner .bd ul li .con{position:absolute;width:1200px;left:50%;margin-left:-600px;top: 50%;margin-top: -210px;height:162px;}
#banner .bd ul li .con .box{float:right;width:100%; position:relative; text-align:center}
#banner .bd ul li .con .box h3{position:absolute;display:none;left:0; width:100%; top:45px;padding-top:15px;white-space:nowrap;font-size:50px;color:#fff; margin-bottom:22px;font-family:myFirstFont;}
#banner .bd ul li .con .box h5{ position:absolute; left:0; width:100%; top:100px!important; white-space:nowrap; font-size:35px; color:#fff; font-weight:bold; text-transform:uppercase; margin-bottom:18px;}
#banner .bd ul li .con .box h6{position:absolute;display:none;left:0;width:100%;top: 150px;white-space:nowrap;font-size:14px;line-height: 18px;color: rgba(255,255,255,0.65);}
#banner .button ul{ text-align:center; font-size:0; position:absolute;width:1200px;left:50%;margin-left:-600px;top: 50%;margin-top: 60px;height:52px;}
#banner .button ul li{ width:192px; height:52px; -moz-border-radius:26px; -webkit-border-radius:26px; border-radius:26px; display:inline-block; *display:inline; *zoom:1; margin:0 17px; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#E5666666', endColorstr='#E5666666');background:rgba(102,102,102,0.9);}
#banner .button ul li:hover,#banner .button ul li.on{ filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#CC007cc2', endColorstr='#CC007cc2');background:rgb(0 124 194 / 0.8);}
#banner .button ul li.on:hover{ filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#E5666666', endColorstr='#E5666666');background:rgba(102,102,102,0.9);}
#banner .button ul li a{ display:block; text-align:center;}
#banner .button ul li span{ display:inline-block; height:52px; *vertical-align:top; font-size:16px; color:#fff; font-weight:bold; line-height:52px; margin:0 19px;}
#banner .bottom{ text-align:center; font-size:0; position:absolute;width:1200px;left:50%;margin-left:-600px; bottom:82px; height:47px;}
#banner .bottom .left{ float:left;}
#banner .bottom .left ul li{ float:left; padding:10px 0 0 60px; height:47px; text-align:left; margin-right:60px;}
#banner .bottom .left ul li.li01{ background:url(../images/ico01.png) left center no-repeat;}
#banner .bottom .left ul li.li01:hover{ background:url(../images/ico01_on.png) left center no-repeat;}
#banner .bottom .left ul li.li02{ background:url(../images/ico02.png) left center no-repeat;}
#banner .bottom .left ul li.li02:hover{ background:url(../images/ico02_on.png) left center no-repeat;}
#banner .bottom .left ul li h6{font-size:12px;color: rgba(255,255,255,0.60);}
#banner .bottom .left ul li h4{ font-size:18px; color:#fff; font-family:Myriad Pro; padding-top: 5px;}
#banner .bottom .left ul li h5{ font-size:14px; line-height:18px; color:#fff;}
#banner .bottom .right{ float:right; margin-top:3px;}
#banner .bottom .right ul li{ display:inline-block; width:41px; height:41px; margin-left:28px; cursor:pointer}

.tc1 .tc{transition:all ease 300ms;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 9999;}
.tc1 .tc{ pointer-events: none;  filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;transform:scale(1.1);}
.tc1 .tc.act{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;  pointer-events: auto;transform:scale(1);}
.tc1 .close:hover{ transform:rotate(180deg);}
.tc1 .close,.tc{ transition:all ease 400ms; -moz-transition:all ease 400ms; -ms-transition:all ease 400ms; -o-transition:all ease 400ms; -webkit-transition:all ease 400ms; } 
.tc1 .tc-box{position:absolute; overflow: hidden;top:50%;z-index:9999;height: 15rem;width: 12rem;left:50%;margin-left: -6rem;margin-top: -7.5rem;}
.tc1 .tc.act{display: block; }
.tc1 .close{position: absolute; cursor:pointer;font-size: 20px;right: 30px;top: 30px; }
.tc1 .tc-bg {height: 100%;background: rgba(0,0,0,.9);position: absolute;top: 0;left: 0;width: 100%;z-index: 0;}
.tc1 .tc-box h3 img{ width:12rem; height:12rem;}
.tc1 .tc-box h5{ width:12rem; height:3rem; line-height:3rem; font-size:1rem; color:#fff; text-align:center}

.mouse{position:absolute;left:50%;margin-left: 0px;bottom:0;width:18px;height:28px;-webkit-transform:translateX(-50%);-webkit-animation:dong 1s linear 0s infinite alternate;cursor:pointer;text-align: center;}
.mouse i{font-size: 3.1rem;color: #f5f5f5;}
.mouse i img{ vertical-align:top}
@-webkit-keyframes dong{from{ bottom:0}to{bottom:15px}}

/* 本例子css */
.container01{ height:55px; background:#e9e9e9}
.m_wnews { margin-left:600px; width:360px; height:55px; line-height:55px; position: relative; padding:0 0 0 46px; overflow: hidden; background:#666666 url(../images/dot.png) 28px center no-repeat;}
.m_wnews a{ display:inline-block; width:248px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; height:55px; line-height:55px; vertical-align:top; color:#fff; font-size:14px;}
.m_wnews strong { background: #D7D7D7; position: absolute; left: 0; top: 0; width: 12px; padding: 3px 8px; height: 54px; overflow: hidden; text-align: center; font-weight: normal; }
.m_wnews .pagesize {position: absolute;right: 25px;top: 20px;}
.m_wnews .pagesize a { width:9px; height:6px; display: block; overflow: hidden; line-height: 0; text-indent: -999em; margin-bottom: 3px;}
.m_wnews .pagesize a.prev{background: url(../images/index_newadd_top.png) center no-repeat;}
.m_wnews .pagesize a.next { background: url(../images/index_newadd_bottom.png) center no-repeat; }

.container02{ height:364px; position:relative; padding:72px 0 0}
.container02:before{ content:""; position:absolute; width:50%; right:0; top:0; height:364px; background:#f7f7f7}
.container02 .left{ float:left; width:600px;}
.container02 .left h3{ font-size:25px; font-family:myFirstFont; color:#000; margin-bottom:10px;}
.container02 .left h4{ font-size:18px; font-weight:bold; color:#000; margin-bottom:26px;}
.container02 .left h5{ font-size:14px; line-height:26px; color:#838383;}
.container02 .right{ float:left; width:600px; padding:0 0 0 66px; position:relative; z-index:1}
.container02 .right h3{ color:#007cc2; font-weight:bold}

.container03{ height:422px; position:relative; padding:0 0; background:#f7f7f7;}
.container03 .left{ float:left; width:600px; padding:48px 66px 0 0;}
.container03 .left .title{ padding:0 0 0 25px; font-size:18px; color:#000000; font-weight:bold; background:url(../images/news_icon.png) left center no-repeat; margin-bottom:32px;}
.container03 .left .con{ float:left; width:240px;}
.container03 .left .con .img{margin-bottom: 20px;}
.container03 .left .con .img,.container03 .left .con .img img{ float:left; width:240px; height:155px;}
.container03 .left .con h5{ font-size:15px; color:#000; margin-bottom:14px;}
.container03 .left .con h5 a{ font-size:15px; color:#000;}
.container03 .left .con h5 a:hover{ color:#007cc2;}
.container03 .left .con p{ font-size:12px; line-height:20px; height:60px; overflow:hidden; color:#9d9d9d}
.container03 .left ul{ float:right; width:265px;}
.container03 .left ul li{padding:0 0 0 17px;background: url(../images/dot01.png) left 28px no-repeat;border-bottom:#e1e1e1 1px solid;padding-bottom: 14px;margin-bottom: 14px;}
.container03 .left ul li h6{font-size:12px;color:#9f9f9f;margin-bottom: 12px;}
.container03 .left ul li a{ font-size:14px; color:#5c5c5c;}
.container03 .left ul li a:hover{ color:#007cc2;}
.container03:before{ content:""; position:absolute; width:50%; right:0; top:-65px; height:487px; background:url(../images/container03_img01.jpg) center no-repeat;}
.container03 .right{ float:right; width:600px; height:487px; margin-top:-65px; position:relative; z-index:1}
.container03 .right .more{ float:left; width:65px; height:65px; background:#007cc2;}
.container03 .right .more .table{ display:table; width:65px; height:65px; text-align:center}
.container03 .right .more .table i{ display:table-cell; vertical-align:middle;}
.container03 .right .more img{ -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.container03 .right .more:hover img{ transform:rotate(90deg); -webkit-transform:rotate(90deg);  -moz-transform:rotate(90deg);}
.container03 .right .con{ position:absolute; bottom:0; right:0; width:236px; height:234px; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#CC007cc2', endColorstr='#CC007cc2');background:rgb(0 124 194 / .8); padding:37px 0 0 27px;}
.container03 .right .con h3{ font-size:25px; line-height:24px; color:#fff; font-family:myFirstFont; margin-bottom:18px;}
.container03 .right .con h4{ font-size:18px; color:#fff; font-weight:bold; margin-bottom:42px;}
.container03 .right .con a{ font-size:12px; color:#fff; display:inline-block; width:105px; height:38px; line-height:38px; border:#fff 1px solid; text-align:center;}
.container03 .right .con a:hover{ background:#fff; border:#fff 1px solid; color:#007cc2;}

.container04{ background:#2c2c2c; height:220px;}
.container04 .left{ float:left; width:308px; height:220px;}
.container04 .left img{ margin-top:90px;width: 150px;}
.container04 .center{ float:left; width:308px; height:220px; padding:85px 0 0}
.container04 .center ul li{ float:left; margin-right:10px;}
.container04 .right ul{ float:right; width:340px; text-align:right; padding:57px 0 0;}
.container04 .right ul li{ display:inline-block; *display:inline; *zoom:1; margin-left:10px; font-size:14px; width:100px; height:40px; line-height:40px; background:#404040; text-align:center; margin-bottom:15px;}
.container04 .right ul li a{ font-size:14px; color:rgba(255,255,255,0.5); display:block;}
.container04 .right ul li a:hover{ background:#007cc2; color:#fff}

footer{ height:60px; line-height:60px; background:#232323;}
footer ul li{float:left;height: 60px;margin-right:16px;}
footer ul li a{ font-size:12px; color:rgba(255,255,255,0.2)}
footer a:hover{color:#fff}
footer p{ float:right; font-size:12px; color:rgba(255,255,255,0.2)}
footer p a{ font-size:12px; color:rgba(255,255,255,0.2)}
footer p a:hover{color:#fff}

/*导航按钮*/
#bnt_nav{position: absolute;z-index:100;top: 0;left: 0;cursor: pointer;width: 6.5625rem;height: 6.5625rem;background: #007cc2;-moz-transition: all 0s ease-in-out;-webkit-transition: all 0s ease-in-out;-o-transition: all0s ease-in-out;-ms-transition: all 0s ease-in-out;transition: all 0s ease-in-out;text-align:  center;}
#bnt_nav.on{left: 0;padding: 0 0 0 0;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
#bnt_nav .point{display: inline-block;width: 2.375rem;height: 1.375rem;margin: 0 auto;margin-top: 2.3125rem;position: relative;}
#bnt_nav .point:hover .navbtn,
#bnt_nav .point:hover .navbtn::after,
#bnt_nav .point:hover .navbtn::before{width: 38px;}
#bnt_nav .navbtn{position: absolute;top: 13px;right: 0;display: inline-block;width: 38px;height: 2px;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #fff;}
#bnt_nav .navbtn::after,
#bnt_nav .navbtn::before{position: absolute;right: 0;display: inline-block;width: 38px;height: 2px;content: '';-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #fff;}
#bnt_nav .navbtn::after{top: -11px;}
#bnt_nav .navbtn::before{top: 10px;}
#bnt_nav .point:hover .navbtn{background: transparent;}
#bnt_nav .point:hover .navbtn::after{-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: 0px;}
#bnt_nav .point:hover .navbtn::before{-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 0px;}
#bnt_nav.on .point .navbtn{background: #fff;}
#bnt_nav.on .point .navbtn::after{-webkit-transform: rotate(0);-moz-transform: rotate(0);-ms-transform: rotate(0);-o-transform: rotate(0);transform: rotate(0);top:  -11px;}
#bnt_nav.on .point .navbtn::before{ -webkit-transform: rotate(-0);-moz-transform: rotate(-0);-ms-transform: rotate(-0);-o-transform: rotate(-0);transform: rotate(-0);top:10px; }
#bnt_nav.on .point .navbtn{ background: transparent;}
#bnt_nav.on .point .navbtn::after{ -webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: 0px;}
#bnt_nav.on .point .navbtn::before{ -webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 0px;}

#logo{position: absolute;z-index:100;top: 0;left: 6.5625rem;}
#logo img{ height:6.5625rem}
.fangan{position: absolute;z-index:100;top:44px; right: 105px; cursor:pointer}

header form{border-radius: 4px;overflow: hidden;background: #fff;height: 60px;width:100%;}
header input[type="text"]{border: none;width: 94%;display: block;height: 60px;text-align: left;color: #434343;font-size: 14px;background:none;line-height: 60px;padding:0 20px;}
header input[type="text"]:focus{ text-align: left;}
header input[type="submit"]{position:absolute;right:0;top: 50%;padding: 0;z-index:2;background:url(../images/icon_search.png) center no-repeat;height: 60px;width: 70px;cursor:pointer;border:none;background-size: 20px 20px;margin-top: -30px;}
header input[type="submit"]:hover{background:url(../images/icon_search_hover.png) center no-repeat; background-size: 20px 20px;}
.tc2 .tc{transition:all ease 300ms;position: fixed;width: 100%;height: 100%; top: 0;left: 0;z-index:999;}
.tc2 .tc{ pointer-events: none;  filter:alpha(opacity=0);   -moz-opacity:0;   -khtml-opacity:0;   opacity:0;transform:scale(1.1);}
.tc2 .tc.act{ filter:alpha(opacity=100);   -moz-opacity:1;   -khtml-opacity: 1;   opacity: 1;   pointer-events: auto;transform:scale(1);}
.tc2 .close:hover{ transform:rotate(180deg);}
.tc2 .close,.tc{ transition:all ease 400ms; -moz-transition:all ease 400ms; -ms-transition:all ease 400ms; -o-transition:all ease 400ms; -webkit-transition:all ease 400ms; } 
.tc2 .tc-box{position:absolute;border-radius: 4px;overflow: hidden;top:50%;z-index:9999;background: #fff;height: 60px;width: 50%;left:50%;margin-left: -25%;margin-top:-40px;}
.tc2 .tc.act{display: block; }
.tc2 .close{position: absolute; cursor:pointer;font-size: 20px;right: 30px;top: 30px; }
.tc2 .tc-bg {height: 100%;background: rgba(0,0,0,.6);position: absolute;top: 0;left: 0;width: 100%;z-index: 0;}

#nav_bar{position:absolute;top: 6.5625rem;bottom:0;width: 0;overflow:hidden;left:0;z-index:1;border-left:transparent 0px solid;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000', endColorstr='#7F000000');background:rgba(0,0,0,0.5);-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;filter:alpha(opacity=0);opacity:0;-moz-opacity:0;-khtml-opacity:0;}
#nav_bar.on{width: 25.8125rem;border-left: #007cc2 6.5625rem solid;filter:alpha(opacity=100);opacity:1;-moz-opacity:1;-khtml-opacity:1;}
#nav_bar ul{ height:100%}
#nav_bar ul li{ height:12.5%; width:100%; border-bottom:rgba(225,217,215,0.16) 1px solid; border-right:rgba(225,217,215,0.16) 1px solid; position:relative;}
#nav_bar ul li .table{ display:table; width:100%; height:100%; position:relative; z-index:1}
#nav_bar ul li .table .table_cell{ display:table-cell; vertical-align:middle;}
#nav_bar ul li a{ font-size:16px; color:#fff;}
#nav_bar.on ul li a{display:block;width: 100%;height: 100%;color:#fff; padding:0 0 0 104px;}
#nav_bar ul li a small{ font-size:14px; color:#fff; text-transform:capitalize}
#nav_bar ul li:hover{ background:#007cc2;}

/*=================导航=================*/
#nav{float:right;}
#nav ul{ font-size:0}
#nav li{display: inline-block; *display:inline; *zoom:1; min-width: 100px;position:relative;}
#nav li .a{display:block;text-align:center;height: 105px;line-height: 105px;}
#nav li .a strong{display:block;font-size: 15px;color: #3a3a3d;text-align:center;position:relative;z-index:4;font-weight: normal; background:url(../images/line.png) right center no-repeat;}
#nav li:last-child .a strong{ background:none}
#nav li .a h6{ font-size:12px; color:#858585; text-transform:uppercase;}
#nav li .a span{position:absolute;bottom:0px;left:0px;width: 56px;text-align:center;}
#nav li .a:hover i,#nav li.on .a i{display:block;margin:0 auto;text-align:center;z-index:1;height:2px;width: 100%;}
#nav li .a:hover i{ width:100%; }
#nav li .a:hover strong,#nav li.on .a strong{color: #fff;background: #007cc2;}
#nav li.on .a:hover i{transform:rotateX(0deg);-webkit-transform:rotateX(0deg); /* Safari and Chrome */-moz-transform:rotateX(0deg); /* Firefox */  }
#nav .title{position: relative;}
#nav .list {width: 100%;left: 0;margin-left: 0;max-height: 0;position: absolute;top: 105px;z-index: 0;text-align:  center;-webkit-perspective: 400px;-moz-perspective: 400px;-ms-perspective: 400px;-o-perspective: 400px;perspective: 400px;-moz-transform:scale(0);-o-moz-transform:scale(0);-o-moz-transform:scale(0);-webkit-moz-transform:scale(0);transform:scale(0);}
#nav .list a{width: 100%;height: 50px;line-height: 50px;color: #282828;display: block;font-size: 14px;text-decoration: none;opacity: 0;filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#E535393C', endColorstr='#E535393C');background: #fff;border-bottom: rgba(0,0,0,0.05) 1px solid;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
#nav .list a:hover{color: #ffffff;border-bottom:#0067a1 1px solid;background: #007cc2;} 
#nav li:focus .list,#nav li:hover .list{max-height:2000px;z-index:10; -moz-transform:scale(1); -o-moz-transform:scale(1); -o-moz-transform:scale(1); -webkit-moz-transform:scale(1); transform:scale(1);}
#nav li:focus .list a,#nav li:hover .list a{opacity:1;}


/*==========================================首页 结束=============================================*/


/*==========================================内页 开始=============================================*/

#n_banner{ height:190px;}
#n_banner .w1200{ height:100%;}
#n_banner .table{ text-align:right; display:table; width:100%; height:100%;}
#n_banner .table .box{ display:table-cell; vertical-align:middle;}
#n_banner .table .box h3{ font-size:30px; color:rgba(255,255,255,0.45); font-family:Century Gothic; text-transform:uppercase; font-weight:bold}

.n_main_box{width:100%;}
.n_main_box .w1200{position:relative;width:1200px;height: 70px;margin: 0 auto;}
.n_nav_box{height: 70px;line-height: 70px;position:relative;border-bottom: #e8e8e8 1px solid;}
.n_nav{position:relative;text-align: right;font-size: 0;}
.n_nav a{display:inline-block;width: 145px;height: 70px;font-size: 15px;line-height: 70px;color: #000;text-align: center;box-sizing: border-box;position: relative;border-left: #e8e8e8 1px solid;border-right: #e8e8e8 1px solid;margin: 0 -0.5px;}
.n_nav a strong{display:block;color: #000000;position:relative;z-index:4;height: 70px;line-height: 70px;font-weight: 100;}
.n_nav a:before{content:"";width: 100%;height: 2px;position: absolute;bottom: 0;left: 0;background:transparent;}
.n_nav a:after{content:""; border-left:transparent 6px solid; border-right:transparent 6px solid; border-top:transparent 7px solid; position: absolute;top: 55px;left:50%; margin-left:-6px;}
.n_nav a:hover:before,.n_nav .on:before{background: #007cc2;}
.n_nav a:hover:after,.n_nav .on:after{}
.n_nav a:hover strong,.n_nav .on strong{}
.n_up_box{ position:relative;}
.position{position:absolute;height: 72px;line-height: 72px;left: 0px;bottom: 0;color: #9c9ca0;padding-left: 17px;font-size: 12px;background: url(../images/home_icon.png) left 30px no-repeat;}
.position span, .position a, .position i{font-size: 13px;color: #5b5b5b;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.position i{margin: 0px 10px 0 8px;font-style:normal;}
.position i img{vertical-align:middle;margin-top: -2px;}
.position em{font-size: 13px;color: #007cc2;font-style: normal;}
.position a:hover{color: #007cc2;}
.n_main_box .main_box{width: 1200px;height: 80px;position:relative;margin: 0 auto;}

.n_about .fl01{ padding:70px 0}
.n_about .fl02{ background:#f2f2f2;}
.n_about .fl02 .left{ float:left; margin:-85px 0 -5px -103px;}
.n_about .fl02 img{float: left; width:631px; height:574px;}
.n_about .fl02 .right{ float:right; width:520px;}

.n_dsz{ padding:80px 0 140px; background:#f3f3f3 url(../images/n_dsz_bg.jpg) center bottom no-repeat;}
.n_dsz .title{ margin-bottom:60px;}

.n_zuzhi{ padding:80px 0 50px; background:#f3f3f3 url(../images/n_zuzhi_bg.jpg) center bottom no-repeat;}
.n_zuzhi .title{ margin-bottom:60px;}

.n_yewu{ padding:80px 0 90px; background:url(../images/n_yewu_bg.jpg) center top no-repeat;}
.n_yewu .title{ margin-bottom:98px; text-align:center}
.n_yewu ul{ width:1240px;}
.n_yewu ul li{ float:left; width:270px; height:390px; border:#dadada 5px solid; background:#fff; margin-right:40px; position:relative;}
.n_yewu ul li:before{ content:""; position:absolute; width:66px; height:8px; background:#007cc2; bottom:-5px; left:50%; margin-left:-33px;}
.n_yewu ul li .table{ display:table; width:100%; height:100%; text-align:center;}
.n_yewu ul li .table .table_cell{ display:table-cell; vertical-align:middle}

.n_yewu ul li .table .table_cell h3{font-size:22px;color:#5b5b5b;margin-bottom:8px;margin-top: 23px;}
.n_yewu ul li .table .table_cell h5{ font-size:14px; color:#007cc2; text-transform:uppercase; font-weight:bold}

.n_yewu ul li:hover .table .table_cell h3{  -webkit-animation:to1 .6s ease-in-out; -o-animation:to1 .6s ease-in-out;  animation:to1 .6s ease-in-out;}
.n_yewu ul li:hover .table .table_cell h5{ -webkit-animation:to1 .6s ease-in-out; -o-animation:to1 .6s ease-in-out;  animation:to1 .6s ease-in-out;}
@-webkit-keyframes to1{
    0%{
        opacity:1;
        -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }
    50%{
        opacity:0;
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -o-transform: translateY(-30px);
        transform: translateY(-30px);
    }


    51%{
        opacity:0;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        -o-transform: translateY(30px);
        transform: translateY(30px);
    }
    100%{
        opacity:1;
        -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }
}


.n_yewu_detail .fl01{ padding:80px 0 40px; }
.n_yewu_detail .fl02{ padding:70px 0 70px; background:#f3f3f3; overflow:hidden;}
.n_yewu_detail .fl02 ul{ float:left; width:1220px;}
.n_yewu_detail .fl02 ul li{ float:left; width:390px; height:300px; margin-right:15px;}
.n_yewu_detail .fl02 ul li img{ width:390px; height:300px;}

.n_hezuo{ background:#f3f3f3; padding:80px 0 90px;}
.n_hezuo .title{ margin-bottom:75px;}

.feature_main{position:relative;width: 1200px;overflow:  hidden;}
.dn_c_traditional,.dn_c_simple,.dm_nav,.dn_russian,.dn_english,.dn_french,.dc_close,.dcf_close,.dr_close,.de_close,.df_close,.dx_close,.app_close,.clear_close,.share_close,.dp_use,.dp_en_use,.update_01,.update_01_c,.update_02,.update_02_c,.update_03,.update_03_c{background:url(../images/sprite_down.png) no-repeat 0 0;}
.dc_close,.dcf_close,.dr_close,.de_close,.df_close,.dx_close,.app_close,.clear_close,.share_close{display: block;position: absolute;right: 32px;top: 22px;text-indent: -9999em;width:30px;height:30px;}
.dc_close{ background:url(../images/sprite_down.png) no-repeat 0 0;}
.dcf_close{background:url(../images/sprite_down.png) no-repeat 0 0;}
.dr_close{ background:url(../images/sprite_down.png) no-repeat 0 0;}
.de_close{ background:url(../images/sprite_down.png) no-repeat 0 0;}
.df_close{ background:url(../images/sprite_down.png) no-repeat 0 0;}
.dx_close{ background:url(../images/sprite_down.png) no-repeat 0 0;}
.app_close{ background:url(../images/sprite_down.png) no-repeat 0 0;}
.clear_close{ background:url(../images/sprite_down.png) no-repeat 0 0;}
.share_close{ background:url(../images/sprite_down.png) no-repeat 0 0;}
.f_main_nav{position: relative;z-index: 1;overflow: hidden;}
.f_main_nav ul{position: relative;width: 1220px;overflow:  hidden;}
.f_main_nav li{height: 175px;float: left;cursor: pointer;border-bottom: 12.5px solid #f3f3f3;border-right: 12.5px solid #f3f3f3;position: relative;box-sizing:  content-box;}
.f_main_nav .fm4,.f_main_nav .fm8{}
.fm1,.fm2,.fm3,.fm4,.fm5,.fm6,.fm7,.fm8{position: relative;z-index: 1; background:#e3e3e3}
.fm1{background-color: #5eb0de;width: 230px;}
.fm2{background-position:-200px 25px;background-color: #86cad7;width: 230px;}
.fm3{background-position:-457px 25px;background-color: #e9bab3;width: 230px;}
.fm4{background-position:-705px 25px;background-color: #a8c194;width: 230px;}
.fm5{background-position:55px -220px;background-color: #cac69e;width: 230px;}
.fm6{background-position:-200px -220px;background-color: #abc2df;width: 230px;}
.fm7{background-position:-457px -220px;background-color: #bdbad7;width: 230px;}
.fm8{background-position:-705px -220px;background-color: #92bccb;width: 230px;}
.f_main_nav li span{display: none;}
.fm1 span,.fm2 span,.fm3 span,.fm4 span,.fm5 span,.fm6 span,.fm7 span,.fm8 span{display: block;height: 8px;font-size: 0;line-height: 0;overflow: hidden;position: absolute;}
.f_main_con{position: absolute;z-index: 2;}
.f_main_con li{position: absolute;width: 1200px;height: 175px;border: 0;color: #fff;background: #e3e3e3;}
.fmc_info{width: 1060px;margin: 40px 0 0 40px; font-size: 15px;line-height: 30px;color: #676767;}
.fmc_info strong{font-size: 30px;font-weight: normal;padding:5px 0 15px;display: block; }
.fmc_info p{font-size: 15px;line-height: 30px;color: #676767;max-height:  90px;overflow:  hidden;}
.fmc1,.fmc2,.fmc3,.fmc4,.fmc5{top: -187px;display: none;}
.fmc6,.fmc7,.fmc8,.fmc9,.fmc10{top: -375px;display: none;}

.n_case{ background:#f3f3f3; padding:0 0 40px 0}
.n_case .fl01{ padding:80px 0 82px;}
.n_case ul li{ position:relative; padding:0 10px;}
.n_case ul li:hover .img>img{ transform:scale(1.05);}
.n_case ul li .box_div{ position:absolute; width:100%; height:100%; top:0; left:0; text-align:center; display:none;}
.n_case ul li.miso-current .box_div{ display:block;}
.n_case ul li .table{  width:100%; height:100%; display:table; text-align:center;} 
.n_case ul li .table_cell{ display:table-cell; vertical-align:middle;}
.n_case ul li .box{ display:inline-block; width:310px; height:310px; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#E5E4E4E4', endColorstr='#E5E4E4E4');background:rgba(228,228,228,0.9); -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}
.n_case ul .miso-list{ margin:0 0;} 
.n_case ul .miso-list li .img{ position:relative;}
.n_case ul .miso-list li .img,.n_case ul .miso-list .miso-slide img{ width:100% !important; height:auto; overflow:hidden;}
.n_case ul .miso-list .miso-slide .img img{ -moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.n_case ul .miso-list .miso-slide h2 img{ width:23px !important; height:23px !important; display:inline-block;}
.n_case ul .miso-list .miso-slide h2{margin-bottom:5px;}
.n_case ul .miso-list .miso-slide h4 img{ width:26px !important; height:15px !important; display:inline-block;}
.n_case ul .miso-list .miso-slide h5{ margin-bottom:46px; font-size:15px;  color:#4b4b4b}
.n_case ul .miso-list .miso-slide h3{ margin-bottom:46px; font-size:18px; line-height:30px; text-transform:uppercase; color:#4b4b4b}
.n_case ul .miso-list .miso-slide .con{ background:#e6e6e6; height:125px; padding:35px 60px; display:none}
.n_case ul .miso-list .miso-slide .con p{ font-size:15px; color:#696969; line-height:28px; height:56px; overflow:hidden; text-align:center;}
.n_case ul .miso-list li.miso-current .con{ display:block;}
.n_case ul.slider .miso-prev,.n_case ul.slider .miso-next{width:54px;height:14px;top: auto;bottom: 55px;z-index: 8000;}
.n_case ul.slider .miso-prev{background:url(../images/left.png) center no-repeat;margin-left: -560px;left:50%;}
.n_case ul.slider .miso-next{background:url(../images/right.png) center no-repeat;margin-right: -560px;right:50%;}

.n_case_detail{}
.n_case_detail .fl01{ padding:80px 0 75px; background:#f3f3f3; }
.n_case_detail .fl01 .title{ margin-bottom:72px;}
.n_case_detail .fl01 .content .left{ float:left; width:390px; padding:58px 0 0}
.n_case_detail .fl01 .content .left .more{ margin-top:84px;}
.n_case_detail .fl01 .content .left .more a{ display:block; width:190px; height:45px; background:url(../images/more.png) center no-repeat; -moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.n_case_detail .fl01 .content .left .more a:hover{ background:url(../images/more_on.png) center no-repeat;}
.n_case_detail .fl01 .content .right{ float:right; width:798px;}
.n_case_detail .fl02{ padding:70px 0 40px; }

.n_newcase .fl01{ padding:70px 0 40px; }
.n_newcase .fl01 .title{ margin-bottom:72px;}
.n_newcase .fl02{ padding:66px 0 62px; background:#f3f3f3; }
.n_newcase .fl02 .title{margin-bottom:35px;/* text-align:center */}
.n_newcase .fl02 .title h4{ font-size:22px; color:#007cc2; text-transform:uppercase; margin-bottom:5px; font-weight:bold}
.n_newcase .fl02 .title h3{ font-size:30px; color:#3a3a3d; text-transform:uppercase}
.n_newcase .fl02 ul.slider{ padding:0 0 74px 0}
.n_newcase .fl02 ul li .time{ float:left; width:72px; height:108px; background:#a9a9a9; text-align:center; padding:17px 0 0}
.n_newcase .fl02 ul li:hover .time{ background:#007cc2}
.n_newcase .fl02 ul li .time h3{ font-size:26px; color:#fff; margin-bottom:5px;}
.n_newcase .fl02 ul li .time h5{ font-size:12px; color:#fff;  margin-bottom:10px; }
.n_newcase .fl02 ul li .time img{ display:inline-block;}
.n_newcase .fl02 ul li.miso-slide { padding:32px 26px; background:#fff; margin:0 20px;}
.n_newcase .fl02 .miso-list{ margin:0 -20px; padding:0 !important; width:1240px !important}
.n_newcase .fl02 ul li .con{ float:right; width:400px; margin-right:15px; padding:15px 0 0 ;}
.n_newcase .fl02 ul li .con h5{ margin-bottom:15px;}
.n_newcase .fl02 ul li .con h5 a{ font-size:17px; color:#555;}
.n_newcase .fl02 ul li:hover .con h5 a{ color:#007cc2}
.n_newcase .fl02 ul li .con p{ font-size:12px; line-height:22px; height:44px; color:#898989; overflow:hidden;}
.n_newcase ul.slider .miso-prev,.n_newcase ul.slider .miso-next{width:27px;height:27px;top: auto;bottom:0;}
.n_newcase ul.slider .miso-prev{background:url(../images/n_newcase_left.png) center no-repeat;margin-left: -36px;left:50%;}
.n_newcase ul.slider .miso-next{background:url(../images/n_newcase_right.png) center no-repeat;margin-right: -36px;right:50%;}
.n_newcase ul.slider .miso-prev:hover{background:url(../images/n_newcase_left_on.png) center no-repeat;}
.n_newcase ul.slider .miso-next:hover{background:url(../images/n_newcase_right_on.png) center no-repeat;}

.n_linian{ padding:80px 0 180px; background:#f3f3f3 url(../images/n_linian_bg.jpg) center bottom no-repeat;}
.n_linian .title{ margin-bottom:60px;}


.n_wenhua{ padding:80px 0 80px; background:#f3f3f3;}
.n_wenhua .title{ margin-bottom:50px;}
.n_wenhua ul{ float:left; width:1245px;}
.n_wenhua ul li{ float:left; width:370px; height:425px; background:#fff; margin:0 45px 35px 0; padding:46px 35px 0}
.n_wenhua ul li:hover{ box-shadow:0 4px 9px 0 rgba(0,0,0,0.13)}
.n_wenhua ul li h5{ margin-bottom:20px;}
.n_wenhua ul li h5 a{ font-size:18px; color:#2a2a2c}
.n_wenhua ul li h5 a:hover{ color:#007cc2}
.n_wenhua ul li h6{ font-size:15px; color:#9b9b9c; margin-bottom:20px;}
.n_wenhua ul li p{ font-size:13px; line-height:24px; height:48px; overflow:hidden; color:#9b9b9c; margin-bottom:28px;}
.n_wenhua ul li .img{ width:300px; height:190px; position:relative;}
.n_wenhua ul li .img .box{position:absolute;top:0;left:0;width:100%;height:0;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#8C000000', endColorstr='#8C000000');background:rgba(0,0,0,0.55);-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;overflow:  hidden;}
.n_wenhua ul li:hover .img .box{ height:100%}
.n_wenhua ul li .img .box .table{ display:table; width:100%; height:100%; text-align:center;}
.n_wenhua ul li .img .box .table i{ display:table-cell; vertical-align:middle}

.n_rencai{ padding:80px 0 40px; background:#f3f3f3;}
.n_rencai .title{ margin-bottom:70px;}

.n_peixun{padding: 80px 0 72px;background:#f3f3f3;overflow:hidden;}
.n_peixun .title{ margin-bottom:70px;}
.n_peixun ul{ float:left; width:1240px;}
.n_peixun ul li .time{ float:left; width:72px; height:108px; background:#a9a9a9; text-align:center; padding:17px 0 0}
.n_peixun ul li:hover .time{ background:#007cc2}
.n_peixun ul li .time h3{ font-size:26px; color:#fff; margin-bottom:5px;}
.n_peixun ul li .time h5{ font-size:12px; color:#fff;  margin-bottom:10px; }
.n_peixun ul li .time img{ display:inline-block;}
.n_peixun ul li{ float:left; padding:32px 26px; background:#fff; margin:0 40px 30px 0; width:580px; height:170px;}
.n_peixun  ul li:hover{ box-shadow:0 4px 9px 0 rgba(0,0,0,0.13)}
.n_peixun ul li .con{ float:right; width:400px; margin-right:15px; padding:15px 0 0 ;}
.n_peixun ul li .con h5{ margin-bottom:15px;}
.n_peixun ul li .con h5 a{ font-size:17px; color:#555;}
.n_peixun ul li:hover .con h5 a{ color:#007cc2}
.n_peixun ul li .con p{ font-size:12px; line-height:22px; height:44px; color:#898989; overflow:hidden;}

.n_join{ padding:80px 0 80px; background:#f3f3f3;}
.n_join .title{ margin-bottom:65px;}
.n_join ul{ margin-bottom:70px;}
.n_join ul li{margin-bottom: 30px;}
.n_join ul li .top{position:  relative;height: 60px;line-height: 60px;background: #fff;padding: 0 28px;box-sizing:  border-box;}
.n_join ul li .top i{position:absolute;right: 28px;top:50%;margin-top: -14px;width:27px;height:27px;background:url(../images/jia01.png) center no-repeat;}
.n_join ul li .top h5{font-size: 15px;color: #585858;font-weight:  bold;display: inline-block;width: 566px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.n_join ul li .top span{ font-size:14px; color:#585858; display:inline-block; height:60px; vertical-align:top; margin-right:42px;}
.n_join ul li a.open .top{background:#007cc2;}
.n_join ul li a.open .top i{ background:url(../images/jian01.png) center no-repeat;}
.n_join ul li a.open .top h5{ color:#fff;}
.n_join ul li a.open .top span{ color:#fff}
.n_join ul li .ar_article{padding: 35px 35px 0 35px;display:none;}
.n_join .more{ text-align:center;}
.n_join .more img{ display:inline-block;}

.n_licheng{ padding:80px 0 80px; background:#f3f3f3;}
.n_licheng .title{ margin-bottom:65px;}
.n_licheng ul.slider-nav{float:left;width: 125px;background:url(../images/n_licheng_nav_bg.png) center no-repeat;text-align:center;}
.n_licheng ul.slider-nav .miso-list{padding:0 !important;margin: -118px 0 !important;}
.n_licheng ul.slider-nav li{height:54px; line-height:54px; margin: 112px 0; font-size:18px; color:#464646}
.n_licheng ul.slider-nav li.miso-current{ font-size:54px;}
.n_licheng ul.slider-nav .miso-prev,.n_licheng ul.slider-nav .miso-next{ width:40px; height:40px; left:50%; margin-left:-20px; z-index:1000;}
.n_licheng ul.slider-nav .miso-prev{ background:url(../images/n_licheng_nav_top.png) center no-repeat; margin-top:-96px;}
.n_licheng ul.slider-nav .miso-next{ background:url(../images/n_licheng_nav_bottom.png) center no-repeat; top:auto; bottom:50%; margin-bottom:-96px;}
.n_licheng ul.slider-nav .miso-prev:hover{ background:url(../images/n_licheng_nav_top_on.png) center no-repeat;}
.n_licheng ul.slider-nav .miso-next:hover{ background:url(../images/n_licheng_nav_bottom_on.png) center no-repeat;}
.n_licheng ul.slider-for{ float:right; width:882px;}
.n_licheng ul.slider-for .s_div_scoll{ float:left; width:882px; padding:0 62px 0 0; height:570px;}
.n_licheng ul.slider-for h3{font-size:22px;color:#3a3a3d;margin-bottom:50px;padding:0 0 0 35px;background:url(../images/n_licheng_icon.png) left center no-repeat;margin-top: 30px;}
.n_licheng ul.slider-for .s_div_scoll:before{ content:""; position:absolute; width:3px; height:100%; top:0; right:0; background:#d1d1d1}

.n_zizhi{ padding:80px 0 80px; background:#f3f3f3;}
.n_zizhi .w1200{ background:url(../images/n_zizhi_bg.jpg) right 118px no-repeat;  min-height:470px;}
.n_zizhi .title{ margin-bottom:65px;}
.n_zizhi ul.slider{ float:left; width:904px; background:url(../images/lin_x.png) center 50px no-repeat; margin-top:54px;}
.n_zizhi ul.slider li{ padding: 0 52px; text-align:center;}
.n_zizhi ul.slider .miso-list{padding:0 !important; margin:0 -52px;}
.n_zizhi ul.slider li .miso{ width:90px; height:90px; background:#007cc2; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; margin:0 auto; overflow:hidden; border:#f3f3f3 8px solid; box-sizing:content-box; margin-bottom:20px;}
.n_zizhi ul.slider li .miso span{ font-size:24px; color:#fff; line-height:90px;}
.n_zizhi ul.slider li:hover .miso{ border:#a1d8f8 8px solid; box-sizing:content-box;}
.n_zizhi ul.slider li:hover .miso span{ display:none;}
.n_zizhi ul.slider li:hover .miso .table{ display:table; width:100%; height:100%; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.n_zizhi ul.slider li:hover .miso .table i{ display:table-cell; vertical-align:middle}
.n_zizhi ul.slider li:hover .miso .table i img{ display:inline-block;}
.n_zizhi ul.slider li p{ font-size:15px; line-height:28px; color:#676767; text-align:left}
.n_zizhi ul.slider li .p{ font-size:15px; line-height:28px; color:#676767;  text-align:left}
.n_zizhi ul.slider .miso-prev, .n_zizhi ul.slider .miso-next{width:9px;height:14px;left: 0;margin-left: 0;z-index:1000;}
.n_zizhi ul.slider .miso-prev{background:url(../images/n_zizhi_left.png) center no-repeat;margin-top: -60px;}
.n_zizhi ul.slider .miso-next{background:url(../images/n_zizhi_right.png) center no-repeat;right: 0;margin-top: -60px;left: auto;}

.n_tousu{ padding:80px 0 0; background:#f3f3f3;}
.n_tousu .w1200{ background:url(../images/fangzi01.png) 65px bottom no-repeat; padding:0 0 60px}
.n_tousu .title{ margin-bottom:65px;}
.sqstq .messlist {height: 55px;margin: 0 17px 12px 0;float:left;width: 555px;border: #edeff2 1px solid;background: #fff;color:#626364;}
.sqstq .messlist label,.form-list .messlist01 label,.sqstq .messlist03 label{float:left;width: 120px;height: 53px;line-height: 53px;color: #5e5f61;font-size: 15px;box-sizing: border-box;text-align:  center;background-color: #dfdfdf;}
.sqstq .messlist input{float:left;width: 432px;height: 53px;padding: 0 10px;background: none;border: none;outline: none;color:#626364;font-size: 14px;} 
.sqstq .messlist01{height: 43px;margin-top: 30px;float:left;width: 880px;border:#d3d7d8 1px solid;background:#fbfbfc;color:#626364;margin-right: 44px;}
.sqstq .messlist01 input{float:left;width: 712px;height: 48px;padding: 0 10px;background-color:#fbfbfc;border: none;outline: none;color:#626364; font-size:12px;} 
.sqstq .messlist02{height: 151px;margin: 0 0 12px 0;float:left;width: 555px;border: #edeff2 1px solid;color:#626364;box-sizing: border-box;background: #fff;}
.sqstq .messlist02 textarea{float:left;width: 432px;height: 148px;color:#626364;font-size: 14px;border: none;outline: none;padding: 10px 10px;resize:none;box-sizing: border-box;background: none;}
.sqstq .messlist02 label{float:left;width: 120px;height: 150px;line-height: 150px;text-align: center;color: #5e5f61;font-size: 15px;box-sizing: border-box;background-color: #e2e4e6;}
.sqstq .yanzheng{display:inline;float:left;margin: 3px 0 0 28px;position: absolute;}

.sqstq .messsub input{float: left;width: 360px;height: 55px;line-height: 55px;background: #007cc2;font-size: 14px;cursor:pointer;color: #fff;border:none;margin: 20px 0 0 0;}
.sqstq .messsub input:hover{ background:#c71f26; }
.sqstq .messlist03{height: 55px;margin: 0 0 0 0;float:left;width: 360px;border: #edeff2 1px solid;background: #fff;color:#626364;box-sizing: border-box;position: relative;}
.sqstq .messlist03 input{float:left;width: 238px;height: 53px;color:#626364;font-size: 14px;border: none;outline: none;padding: 10px 10px;resize:none;box-sizing: border-box;background: none;}

.n_tousu .left{ float:left; width:600px; padding:44px 0 0}
.n_tousu .left p{ font-size:15px; line-height:26px; color:#616161}
.n_tousu form{ float:right; width:555px;}

.n_news{padding: 80px 0 84px;background:#f3f3f3;overflow:hidden;}
.n_news .title{ margin-bottom:70px;}
.n_news .fl01{border-bottom:#e4e4e4 3px solid;padding: 0 0 46px 0;overflow:hidden;margin-bottom: 45px;}
.n_news ul.top_news{ float:left; width:1215px;}
.n_news ul.top_news li{ float:left; width:390px; margin:0 15px 0 0}
.n_news ul.top_news li .img{ position:relative; width:390px; height:250px;}
.n_news ul.top_news li .img .time{ position:absolute; width:72px; height:90px; background:#007cc2; top:0; left:25px; padding:25px 0; text-align:center; z-index:2}
.n_news ul.top_news li .img .time h3{ font-size:26px; color:#fff; font-weight:bold; margin-bottom:5px;}
.n_news ul.top_news li .img .time h6{ font-size:12px; color:#fff}
.n_news ul.top_news li .img .box{position:absolute;top:0; z-index:1;left:0;width:100%;height:0;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#8C000000', endColorstr='#8C000000');background:rgba(0,0,0,0.55);-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;overflow:  hidden;}
.n_news ul.top_news li:hover .img .box{ height:100%}
.n_news ul.top_news li .img .box .table{ display:table; width:100%; height:100%; text-align:center;}
.n_news ul.top_news li .img .box .table i{ display:table-cell; vertical-align:middle}
.n_news ul.top_news li .con{ width:390px; height:125px; padding:34px 25px; text-align:center; background:#fff url(../images/yan02.png) center 72px no-repeat;}
.n_news ul.top_news li:hover .con{ background:#fff url(../images/yan02_on.png) center 72px no-repeat;}
.n_news ul.top_news li .con h5{ font-size:18px; color:#454545}
.n_news ul.top_news li .con h5 a{ font-size:18px; color:#454545}
.n_news ul.top_news li .con h5 a:hover{ font-size:18px; color:#007cc2}
.n_news ul.bottom_news{ margin-bottom:38px;}
.n_news ul.bottom_news li{ height:145px; border-bottom:#e4e4e4 2px dashed; padding:24px 28px}
.n_news ul.bottom_news li:hover{ background:#e4e4e4 url(../images/yanwo.png) right top no-repeat; border:none}
.n_news ul.bottom_news li h4{ font-size:24px; color:#adadad; margin-bottom:20px;}
.n_news ul.bottom_news li h5{ font-size:18px; font-weight:bold; margin-bottom:10px;}
.n_news ul.bottom_news li h5 a{  color:#585859;}
.n_news ul.bottom_news li p{ font-size:13px; color:#848484; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; width:1126px;}
.n_news ul.bottom_news li:hover p{ width:1026px;}
.n_news ul.bottom_news li:hover h4{ color:#007cc2; font-weight:bold}

.piclist{padding: 80px 0 80px;}
.piclist .title {margin-bottom: 65px;}
.piclist ul {margin-right:-25px;margin-top:-33px;margin-bottom:30px;}
.piclist ul:after{content:'';display:block;overflow: hidden;height:0;clear: both;}
.piclist ul li{float:left;width:calc(25% - 25px);height:245px;background:#f2f3f5;margin-right:25px;margin-top:33px;position: relative;}
.piclist ul li a{display:block; }
.piclist ul li .pic{width:240px;height:161px;display:flex;align-items:center;justify-content:center;text-align:center;margin:0 auto;background:#fff;margin-top:24px;position:relative;transition:all ease 300ms;-webkit-transition:all ease 300ms;overflow: hidden;}
.piclist ul li .pic img{max-width:90%;max-height:90%;*display:block; -webkit-border-radius: 4px; -moz-border-radius: 4px;-ms-border-radius: 4px; -o-border-radius: 4px;border-radius: 4px;-webkit-transition: All 0.2s ease-in-out;  -moz-transition: All 0.2s ease-in-out; -ms-transition: All 0.2s ease-in-out; -o-transition: All 0.2s ease-in-out; transition: All 0.2s ease-in-out;}
.piclist ul li:hover .pic img{  -webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);}
.piclist ul li .mask{position:absolute;top:0;left:0;width:100%;*display:none;height:100%;background: url(../images/fdj.png) center 80px no-repeat rgba(15,137,221,.75);opacity:0;transition:.5s;-webkit-transition:.5s; cursor:pointer;}
.piclist ul li .name{text-align:center;margin-top:15px;font-size:13px;color:#646566;padding:0 10px;line-height:18px;height:36px;overflow:hidden;}
.piclist ul li:hover .name{color:#333;}
.piclist ul li:hover .mask{opacity:1;background: url(../images/fdj.png) center 67px no-repeat rgba(15,137,221,.75);}

.not_key{min-height:250px;padding:30px 0 50px;text-align:center;color:#666666;font-size:30px;}

/*==========================================内页 结束=============================================*/

@media(min-width: 768px){
	
}


@media(min-width: 992px) and (max-width: 1300px){
}

@media(max-width: 1600px){
	.fangan{ right:50px;}
}

@media(max-width: 1420px){
}

@media(max-width: 1400px){
}

@media(max-width: 1330px){
}

@media(max-width: 1200px){
}

@media(max-width: 1100px){
}


@media(max-width: 992px){
}


@media(max-width: 768px){
	.ar_web{ display:none}
	.ar_wap{ display:block}
}



#left_news{float:left;width: 886px;padding-bottom:20px;}
#n_show_news{position:relative;margin: 0 auto;padding-bottom: 0;}
#right_news{width: 262px;padding: 20px 29px 30px 29px;background: #fff;float: right;}
#right_news .title{background: url(../images/line_news_hot.png) left center no-repeat;padding-left: 10px;color: #343435;font-size: 14px;text-align: left;height: 50px;line-height: 50px;margin-bottom: 15px;border-bottom: #dee0e3 1px solid;}
#right_news a{ display: block;}
#right_news .pic_box{ width: 220px; height: 115px; overflow: hidden; margin: 20px 0;}
#right_news .pic_box img{ display: block; width: 220px; height: 115px;}
#right_news li{ padding-bottom: 15px; margin-bottom: 20px; border-bottom: 1px solid #dee0e3; }
#right_news li .text_box{ padding-left: 10px; background: url(../images/icon_dd_hotnews.png) left 5px no-repeat; }
#right_news li .text_box a{ font-size: 12px; color: #3e3e3f; line-height: 18px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#right_news li span{ font-size: 12px; color: #929496;}
#right_news li .text_box a:hover{ color:#79b70d;}

.n_article {margin-bottom: 20px;}
#n_show_news .n_article{width: 100%;float: left;box-sizing: border-box;padding: 0;}
.n_article .ar_title{margin-bottom: 5px;border-bottom: #e4e4e4 3px solid;}
.n_article .ar_title{padding: 0 0 8px 0;position:relative;}
.n_article .ar_title h1{font-size:22px;margin-bottom: 10px;display:block;text-align: left;line-height: 34px;color:#585859;}
.n_article .ar_title h2{font-size:12px;position:relative;text-align: left;display:block;height:40px;padding: 0;color: #c5c5c7;line-height:40px;}
.n_article .ar_article{ padding-top:20px; padding-bottom:30px; min-height:400px;}
#ar_fot{position:relative;padding: 20px 0px;float:left;*background-color: #fff;box-sizing: border-box;width: 100%;}
#ar_fot h1{display:block;font-size:12px;line-height:30px;color: #656667;font-weight:bold;}
#ar_fot h1 a{font-size:12px;color: #656667;font-weight:normal;}
#ar_fot h1 a:hover{ color:#79b70d;}
#ar_fot .bnt_back{ position:absolute; top:28px; right:0; color:#fff; background:#063579; padding:0 25px; font-size:14px; height:30px; line-height:30px;}
#ar_fot .bnt_back:hover{ border-radius:3px;}

.n_article .ar_title span{padding: 0 16px 0 16px;font-size:12px;color:#afafb2;display:inline-block;line-height: 26px;height: 26px;}
.n_article .ar_title span a{font-size:12px;color:#afafb2;float:left;margin-right: 3px;}
.n_article .ar_title .span1{ padding: 0px;width: 100%;display: inline-block; font-size:24px; font-weight:bold; color:#007cc2; line-height: 26px;margin-bottom: 3px;}
.n_article .ar_title .span2{ background:url(../images/share.png) left center no-repeat;}
#ar_fot h1:nth-child(1){ text-align:left}
#ar_fot h1:nth-child(2){ text-align:right}


/*==============字号=====================*/
#font_set_box{ position:absolute; right:0px; top:0px; background: url(../images/icon_font.png) left center no-repeat; padding-left: 20px;}
.font_box{ display:inherit; position:relative; }


.font_box a { display:inline-block; width:14px; line-height:36px;   font-size:12px; color: #c4c5c7; text-align:center;}
.font_box a.on{ color: #e23a53;}.font_box a:hover{ color:#e23a53; }
.font_size_lg{ font-size:18px !important; line-height: 40px !important;}
.font_size_lg p{ font-size:18px !important; line-height: 40px !important;  padding-bottom: 30px !important;}
.font_size_md{ font-size:16px !important; line-height: 36px !important;}
.font_size_md p{ font-size:16px !important;  line-height: 36px !important; padding-bottom: 25px !important;}
.font_size_sm{ font-size:14px !important;}
.font_size_sm p{ font-size:14px !important;}


/*==============分享=====================*/
.shart_box{ margin-bottom: 25px; }
.shart_box:hover #j_shart_s_24{ display:block;}
#j_shart_s_24 .bds_count{ font-size:12px;}
#j_shart_s_24{padding-left: 36px;position:relative;display:none;height:50px;}
#j_shart_s_24 strong{ display:block; position:absolute; left:0; z-index:2; line-height:36px; font-size:12px; color: #a3a0a9;}
#j_shart_s_24 .bds_qzone{background:url(../images/j_shart.png) center -224px no-repeat}
#j_shart_s_24 .bds_tsina{background:url(../images/j_shart.png) center -311px no-repeat}
#j_shart_s_24 .bds_tqq{background:url(../images/j_shart.png) center -195px no-repeat}
#j_shart_s_24 .bds_renren{background:url(../images/j_shart.png) center -340px no-repeat}
#j_shart_s_24 .bds_weixin{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_sqq{background:url(../images/j_shart.png) center -79px no-repeat}
#j_shart_s_24 .bds_fbook{background:url(../images/j_shart.png) center -166px no-repeat}
#j_shart_s_24 .bds_twi{background:url(../images/j_shart.png) center -137px no-repeat}
#j_shart_s_24 .bds_linkedin{background:url(../images/j_shart.png) center -108px no-repeat}
#j_shart_s_24 .bds_tieba{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_huaban{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_douban{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_copy{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_print{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_mshare{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_count{font-size:12px}

#ar_fot h1{ margin-bottom:0px;}
.n-container{ padding:50px 0}
.about .left{ float:left; width:560px;}
.about .right img{ float:right; width:560px;}

#n_show_news{ background:#f3f3f3; position:relative;}
#n_show_news:before{ content:""; position:absolute; top:0; bottom:0; right: 50%; margin-right: -1002px; width:690px; background:#e4e4e4}
#n_show_news .top_title{ height:60px; line-height:60px; border-bottom:#d0d0d0 1px dashed; margin: 52px 0 45px; font-size:18px; color:#3a3a3d}
#n_show_news .top_title a{ display:inline-block; padding:0 0 0 22px; background:url(../images/fangge.png) left center no-repeat; font-size:14px; color:#767676; float:right}
#n_show_news .top_title a:hover{ color:#007cc2}

.n_news_right{ float:right; width:288px; position:relative; z-index:1;padding: 72px 0 0 25px;}
.n_news_right form{overflow: hidden;background: #fff;height: 45px;width:100%;position: relative; margin-bottom:40px; }
.n_news_right input[type="text"]{border: none;width: 94%;display: block;height: 45px;text-align: left;color: #bbbbbb;font-size: 14px;background:none;line-height: 45px;padding:0 20px;}
.n_news_right input[type="text"]:focus{ text-align: left;}
.n_news_right input[type="submit"]{position:absolute;right:0;top: 50%;padding: 0;z-index:2;background:url(../images/icon_search01.png) center no-repeat;height: 45px;width: 50px;cursor:pointer;border:none;margin-top: -23px;}
.n_news_right input[type="submit"]:hover{background:url(../images/icon_search01_hover.png) center no-repeat;}
.n_news_right h3{ font-size:18px; color:#4e4e4e; padding:0 0 0 4px}
.n_news_right ul{ padding:0 0 0 4px; margin-bottom:25px;}
.n_news_right ul li{  border-bottom: #d3d3d3 3px solid; padding: 22px 0 22px 0;}
.n_news_right ul li h4{ font-size: 22px; color: #979797; margin-bottom: 6px;}
.n_news_right ul li h5{ font-size: 16px;  margin-bottom:10px;}
.n_news_right ul li h5 a{  color: #545454;}
.n_news_right ul li p{ font-size:12px; line-height:20px; height:40px; color:#969696; overflow:hidden;}
.n_news_right .more img{ width:260px; height:155px; float:right;}

.n_contact{ padding:80px 0 102px; background:#f3f3f3;}
.n_contact .title{ margin-bottom:90px;}
.n_contact ul{ float:left; width:1275px;}
.n_contact ul li{ float:left; width:565px; height:305px; margin-right:70px; background:url(../images/n_contact_bg.png) right top no-repeat; padding:72px 0 0 42px}
.n_contact ul li h3{ font-size:22px; color:#3a3a3d; margin-bottom:32px;}
.n_contact ul li p{ font-size:15px; line-height:38px; color:#525254}
.n_contact ul li .left{ float:left; width:120px;}
.n_contact ul li .right{ float:left; width:280px; padding:30px 0 0 26px;}
.n_contact ul li .right p{ font-size:14px; line-height:30px; color:#6f6f6f;}





.n_container .title{ background:url(../images/n_title_bg.png) right 0px  no-repeat; height:65px;}
.n_container .title h4{ font-size:22px; color:#007cc2; font-family:Century Gothic; font-weight:bold; text-transform:uppercase; margin-bottom:8px;}
.n_container .title h3{ font-size:30px; color:#3a3a3d;}

/*==========相关链接===========*/
#slide_up_box{position:relative;width: 188px; float:left; margin-right:5px;}
#bnt_link{cursor:pointer;width:188px;display:block;height:50px;border: 2px solid #ebebee;background: #fff url(../images/icon_up.png) 156px center no-repeat;}
.icon_un{background: #fff url(../images/icon_un.png) 156px center no-repeat  !important;}
#bnt_link a{color: #747477;display:block;padding: 0px 20px 0 50px;height:48px;font-size: 14px;line-height:48px;background:url(../images/time.png) 20px center no-repeat;}
#bnt_link i{ font-size:10px; padding-left:5px;}
#content_link{display:none;z-index:9;width: 100%;position: absolute;left: 0;top: 48px;background: #ffffff;border: 2px solid #ebebee;max-height:300px;overflow:hidden;overflow-y:auto;}
#content_link .box{background: #ffffff;padding:5px 0;}
#content_link a{padding: 0px 20px;color: #747477;border-bottom:1px dotted #eee;line-height:34px;font-size:12px;display:block;}
#content_link a:hover,#bnt_link a:hover{ color:#007cc2;}
#content_link a:last-child{ border:none}
.n_heng{ margin-bottom:40px;}
.n_heng form{overflow: hidden;width:188px;display:block; height:50px; border: 2px solid #ebebee;background: #fff;position: relative; }
.n_heng input[type="text"]{border: none;width: 94%;display: block;height: 46px;text-align: left;color: #777777;font-size: 14px;background:none;line-height: 46px;padding:0 20px;}
.n_heng input[type="text"]:focus{ text-align: left;}
.n_heng input[type="submit"]{position:absolute;right:0;top: 50%;padding: 0;z-index:2;background:url(../images/icon_search02.png) center no-repeat;height: 45px;width: 50px;cursor:pointer;border:none;margin-top: -23px;}
.n_heng input[type="submit"]:hover{background:url(../images/icon_search02_hover.png) center no-repeat;}

.n_heng input::-webkit-input-placeholder{ color:#777;}
.n_heng input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#777; }
.n_heng input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#777;}
.n_heng input:-ms-input-placeholder{ /* Internet Explorer 10-11 */ color:#777;}



.container02 ul{ margin-top:44px; float:left; width:100%}
.container02 ul li{ float:left; width:178px; cursor:pointer; overflow:hidden;}
.container02 ul li.on:before{top:-10px;left:140px;}
.container02 ul li:last-child{ border:none}
.container02 ul li .icon{float:left;width: 48px;height: 48px;border:#dcdcdc 1.5px solid;text-align:center;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;margin-right: 15px;}
.container02 ul li .con h3{font-size: 16px;line-height:18px;color:#555555;margin-bottom: 5px;margin-top: 5px;}
.container02 ul li .con h4{font-size: 12px;color: #b8b8b9;font-weight: normal;margin-bottom: 0;}
.container02 ul li .icon .table{ display:table; text-align:center; width:100%; height:100%}
.container02 ul li .icon .table .table_cell{ vertical-align:middle; display:table-cell}
.container02 ul li .icon .table .table_cell img{ -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%);filter:gray; filter:alpha(opacity:60); opacity:0.6;  -moz-opacity:0.6; -khtml-opacity:0.6;max-width: 50%;}
.container02 ul li:hover .icon .table .table_cell img{ -webkit-filter:grayscale(0); -moz-filter:grayscale(0); -ms-filter:grayscale(0); -o-filter:grayscale(0); filter:grayscale(0);filter:none; filter:alpha(opacity:1); opacity:1;  -moz-opacity:1; -khtml-opacity:1;}
/*.container02 ul li:hover .icon .table .table_cell img{  -webkit-animation:to2 .3s ease-in-out; -o-animation:to2 .3s ease-in-out;  animation:to2 .3s ease-in-out;}
@-webkit-keyframes to2{
    0%{
        opacity:1;
        -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }
    50%{
        opacity:0;
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        -o-transform: translateY(-10px);
        transform: translateY(-10px);
    }


    51%{
        opacity:0;
        -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
        -o-transform: translateY(10px);
        transform: translateY(10px);
    }
    100%{
        opacity:1;
        -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }
}

@-webkit-keyframes to3{
    0%{
        opacity:1;
        -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }
    50%{
        opacity:0;
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        -o-transform: translateY(-10px);
        transform: translateY(-10px);
    }


    51%{
        opacity:0;
        -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
        -o-transform: translateY(10px);
        transform: translateY(10px);
    }
    100%{
        opacity:1;
        -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }
}
*/
.n_linian ul{ width:100%; background:#e5e5e5 url(../images/n_linian_bg.png) right bottom no-repeat; height:360px;}
.n_linian ul li{ float:left; width:20%; height:360px; padding:82px 20px 0; text-align:center; position:relative; border-right:#f3f3f3 2px solid}
.n_linian ul li:last-child{ border:none}
.n_linian ul li .img{ position:absolute; width:0; height:360px; top:0; left:0; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out; overflow:hidden}
.n_linian ul li:hover .img{ width:238px; }
.n_linian ul li h3{ font-size:20px; color:#007cc2; margin-bottom:20px;}
.n_linian ul li h4{ margin-bottom:15px;}
.n_linian ul li p{ font-size:15px; line-height:30px; color:#6d6d6d}